/* CSS Document */

* {
	margin:0px;
	padding:0px;
	border:0px;
}

html {
  height: 100.3%; 
  font-size: 62.5%;
}

body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.3em;
  color: #000000; /*#3F3F3F;*/
}

h1, h2, h3, h4, h5, h6 {
	font-family:Verdana,Arial,Helvetica, sans-serif;
	margin: 0em 0em 0.5em 0em; 
	color: #000000;/*#775af4;*/
}

h1 {
	font-size: 2.2em; 
	border-bottom: 1px dashed #000000; 
	padding-bottom: 0.4em;
	font-weight: normal;
}

div#header h1 {border: 0px;	font-weight: bold;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.2em;}

a:active{
	text-decoration: none; 
	border: 0px;
}

strong {letter-spacing: 1px;}
em {font-size: 1.0em;}

/*
.imghome{
	margin: 0px 0px 0px 0px;
  float: left;
}
*/

div#main_wrapper {
	padding: 0px 10px;
}


div#wrapper{
	background:#FFFFFF;
	margin: 0px auto;
/*	margin: 50px 100px 50px 100px;*/
	padding: 10px;
/*	width: 800px;*/
/*	background: url(images/test7.jpg) repeat;*/
  position: relative;
	width: 1050px;
  border: 2px #000000 solid
}

/*div#wrapper div#header img.imghome{
	margin: 0px;
  float: left;
}
*/

div#wrapper div#header{
  border: 1px solid  #000000;	
/*	border-bottom: 0px;*/	
  background: #FFFFFF;
  text-align: right;
  font-size: 2.2em;
  font-style: oblique;
  font-family: Excess;
	color: #FFFFFF;
	height: 120px;
}

div#wrapper div#header img{
  padding-top: 20px;
}


div#wrapper div#nav{
  padding-top: 1px;
	text-align: left;
	border: 1px solid  #000000;	
	border-top: 3px solid  #FFFFFF;		
/*	border-bottom: 0px;	*/
  background: #AAAAAA;
}

div#wrapper div#nav ul{
  padding-left: 160px;
  padding-top: 5px;
  padding-bottom: 5px;
 	border: 1px solid  #000000;	
	border-top: 0px;	
	border-right: 0px;	
  margin-left: -1px;
/*  height: 30px;*/
}


div#wrapper div#nav ul li{
	display: inline;
/*	margin-top: 6px;
	margin-bottom: 6px;*/
	list-style-type: none;
}




div#wrapper div#nav ul li a{
  padding: 6px 0px;
  text-decoration: none;
  text-transform: uppercase;
	background: #000000; 
  padding-left: 1.0em;
	color: #FFFFFF;
	margin-left: 5px;
	font-weight: bold;
	border: 1px #FFFFFF solid;
	border-bottom: 0px;
	border-top: 0px;
}

div#wrapper div#nav ul li a span{
  padding: 6px 19px 6px 6px;
  text-decoration: none;
  text-transform: uppercase;
	color: #FFFFFF;
	background: #000000; 
	font-weight: bold;
}

div#wrapper div#nav ul li a:hover{
  text-decoration: none;
  text-transform: uppercase;
	background: #FFFFFF; 
  padding-left: 1.0em;
	color: #000000;
	font-weight: bold;

	border: 1px #152d6f solid;
	border-bottom: 0px;
	padding-bottom: 6px;
}

div#wrapper div#nav ul li a:hover span{
  padding: 6px 19px 5px 6px; 
  text-decoration: none;
  text-transform: uppercase;
	color: #000000;
	background: #FFFFFF; 
	font-weight: bold;
}


body#home div#wrapper div#nav li.navhome a, 
body#home div#wrapper div#nav li.navsearch a, 
body#home div#wrapper div#nav li.navservice a, 
body#home div#wrapper div#nav li.navcontact a, 
body#home div#wrapper div#nav li.navlogin a {
	text-decoration: none; 
  padding-left: 1.0em;
	background: #FFFFFF; 
	color: #000000;
	font-weight: bold;

	border: 1px #000000 solid;
	border-bottom: 0px;
	padding-bottom: 8px;
}

body#home div#wrapper div#nav li.navhome a span, 
body#home div#wrapper div#nav li.navsearch a span, 
body#home div#wrapper div#nav li.navservice a span, 
body#home div#wrapper div#nav li.navcontact a span, 
body#home div#wrapper div#nav li.navlogin a span {
  text-decoration: none;
  text-transform: uppercase;
  padding: 6px 19px 5px 6px;
	background: #FFFFFF; 
	color: #000000;
	font-weight: bold;

}



div#wrapper div#wrapcontent{
  background: #F5F5F5;
	overflow: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

div#wrapper div#wrapcontent div#menu{
	width: 100px;
	float: right;
	width: 180px;
}

div#wrapper div#wrapcontent div#menu div.menubox{
  margin-top: 0px;  
  margin-bottom: 10px; 
  background: #F5F5F5;
}

div.menubox h6{
  background: #F5F5F5;
  margin: 0px 10px 0px 0px; 
  padding: 2px 10px; 
  color: #FFFFFF;
 	text-align: center; 
}
div.menubox div.boxtop {
  background: #F5F5F5;
  border: 0px;
}
div.menubox div.boxtext {
  background: #F5F5F5;
  border: 0px; 
/*  background: #000033;*/
}


div#wrapper div#wrapcontent div#menu ul {
  list-style-type: none;
  text-align: left;
	margin-left: 10px;
}


div#wrapper div#wrapcontent div#menu li {
	padding-bottom: 3px; 
	padding-left: 12px; 
	margin-left: -12px;
	margin-bottom: 3px;
  border-left:2px solid #FFF;
  border-top:2px solid #FFF;
  border-right:2px solid #666;
  border-bottom:2px solid #666;
	background: #AAAAAA;
  color: #FFFFFF;
}


div#wrapper div#wrapcontent div#menu li:hover  {
	border-bottom:  1px solid #FFFFFF;
	padding-bottom: 3px; 
	padding-left: 12px; 
	margin-left: -12px;
	margin-bottom: 3px;
	background: #FFFFFF;
  color: #000000;
  border-left:2px solid #666;
  border-top:2px solid #666;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
}

div#wrapper div#wrapcontent div#menu li a:hover {
  text-decoration: none;
  color: #000000;
	font-weight: bold;
	background: #FFFFFF;
}


div#wrapper div#wrapcontent div#menu li a {
  text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	padding-right: 80px;
	padding-bottom: 3px;
}

div#wrapper div#wrapcontent div#menu li a.bigtext {
	padding-right: 10px;
}

div#wrapper div#wrapcontent div#menu li.select {
	border-bottom:  1px solid #FFFFFF;
	padding-bottom: 2px; 
	padding-left: 12px; 
	margin-left: -12px;
	background: #FFFFFF;
  color: #000000;
  border-left:2px solid #666;
  border-top:2px solid #666;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
}

div#wrapper div#wrapcontent div#menu li.select a.bigtext,
div#wrapper div#wrapcontent div#menu li.select a{
  color: #000000;
}


div#wrapper div#wrapcontent div#mainbox{
	background:#FFFFFF;
	margin-right: 100px;
	margin-right: 180px;
}

div#wrapper div#wrapcontent div#mainbox img.ident_image{
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

div#wrapper div#wrapcontent div#mainbox a{
  color: #000000;
}

div#wrapper div#wrapcontent div#mainbox a:visited{
  color: #000000; 
}

div#wrapper div#wrapcontent div#mainbox a:hover{
  color: #000000; 
}


div#wrapper div#wrapcontent div#mainbox div#maintext{
	background:#FFFFFF;
	padding: 10px 10px 12px 10px;	
/*  border-right: 1px solid  #65689a;*/	
  border-bottom: 1px solid  #F5F5F5;
	margin-left: 160px;
/*	width: 500px;*/ /* kann nötig sein. */
}

div#wrapper div#wrapcontent div#mainbox div#maintext div#address{
	padding: 10px 10px 10px 10px;	
}


/* infoboxen in Mainbox*/
div#wrapper div#wrapcontent div#mainbox div#infobox{
	padding: 0px 0px 5px 5px;
	width: 150px;
	float: left;
	font-size: 0.8em;
}

/* div.infobox links in Mainbox ein und ausschaltbar*/
div#wrapper div#wrapcontent div#mainbox div#infobox div.infobox{
/*  display:none;*/
}

/* div.infobox2 links in Mainbox ein und ausschaltbar*/
div#wrapper div#wrapcontent div#mainbox div#infobox div.infobox2{
  display:none;
}

div#wrapper div#wrapcontent div#mainbox div#infobox div.infobox,
div#wrapper div#wrapcontent div#mainbox div#infobox div.infobox2{
  margin-top: 10px; 
  margin-bottom: 10px; 
/*  background: #AAAAAA;*/
}

div#wrapper div#wrapcontent div#mainbox div#infobox ul{
  list-style-type: none;
}


div.infobox h6 {
  margin: 0px 10px 0px 0px; 
  padding: 2px 10px; 
  background: #AAAAAA; 
  color: #FFFFFF;
 	text-align: center; 
}
div.boxtop {
  background: #AAAAAA;
  border: 1px solid #000000; 
}
div.boxtext {
  padding: 10px; 
  border: 1px solid #000000; 
/*  background: #AAAAAA;*/ 
  border-top: 0px; 
  font-size: 0.9em; 
}

div#infobox div.boxtext {
  line-height: 1.2em;
}


/* besonderheit für infoboxen im Maintext*/
div#wrapper div#wrapcontent div#mainbox div#maintext div.infobox h6 {
  margin: 0px 10px 0px 0px; 
  padding: 2px 10px; 
  background: #AAAAAA; 
  color: #FFFFFF;
 	text-align: center; 
}

div#wrapper div#wrapcontent div#mainbox div#maintext div.infobox div.boxtext {
  font-size: 1.0em; 
}


div#wrapper div#wrapcontent div#mainbox div#maintext div#angebot_dienst div.infobox div.boxtext {
  text-align: justify;
}


div#wrapper div#wrapcontent div.defloat{
  clear: both;
}


div#wrapper div#address,
div#wrapper div#aktell,
div#wrapper div#referenzen{
  height:280px;
}

div#wrapper div#wrapcontent div#mainbox div#maintext div#impressum,
div#wrapper div#wrapcontent div#mainbox div#maintext div#address,
div#wrapper div#home{
  padding-right: 100px;
}

div#wrapper div#wrapcontent div#mainbox div#maintext div#impressum p.text_justify{
  text-align: justify;
}

div#wrapper div#home p.big_p{
  font-size: 1.3em;
  font-weight: bold;
  color: #000000;
  padding-bottom: 16px;
}

div#wrapper div#home p{
  page-break-before: always;
  padding-bottom: 5px;
  font-size: 1.2em;
  text-align: justify;
}

div#wrapper div#angebot_dienst,
div#wrapper div#angebot{
  font-size: 1.2em;
  /*margin-right: 20px;*/
  width: 670px;
}


div#wrapper div#aktell,
div#wrapper div#kunden,
div#wrapper div#projekte,
div#wrapper div#partner,
div#wrapper div#referenzen,
div#wrapper div#angebot_main{
  font-size: 1.2em;
  padding-right: 40px;
}


div#wrapper div#kunden,
div#wrapper div#projekte,
div#wrapper div#partner,
div#wrapper div#referenzen{
  text-align: justify;
}

div#wrapper div#angebot p,
div#wrapper div#angebot_main{
  text-align: justify;
  padding-right: 60px;
}

div#wrapper div#angebot_main{
  padding-right: 100px;
}


/*div.referenz_liste{
}
*/

div#wrapper div#aktell ul li ul{
  font-weight: bold;
}

div#wrapper div#aktell ul li ul li{
  margin-left: 20px;
  font-weight: normal;
}

div#wrapper div#aktell ul,
div.referenz_liste ul{
  list-style-type: none;
}

div.referenz_liste ul li{
  display: inline;
}

div.referenz_liste img{
  margin-bottom:20px; 
  float:left; 
  padding-right:20px;
}

div.referenz_liste p{
  margin-bottom:20px;
  margin-right:120px; 
  padding-top:20px;
}

div.referenz_liste div.image_kunden{
  float:left; 
  padding:10px;
  margin:10px; 
  margin-left:0px; 
  border: 10px #000000 solid; 
  height:105px;
}

div.referenz_liste div.image_kunden img{
  margin:0px; 
  padding:0px;
}

div#wrapper div#angebot ul{
  	margin-top: 5px;
}

div#wrapper div#angebot ul li{
  	margin-bottom: 5px;
}


div#wrapper ul.questions,
div#wrapper div#angebot ul.questions{
 /* 	width: 30%;*/
  padding-top: 20px;
  margin-left: 60px;
  margin-right: 160px;
  margin-top: 10px;
  text-align: left;
  margin-bottom: 30px;
}

div#wrapper div#home ul.questions{
 /* 	width: 30%;*/
  padding-top: 0px;
  margin-left: 10px;
  margin-right: 160px;
  margin-top: 5px;
  margin-bottom: 15px;
  text-align: left;
}

div#wrapper div#home ul.questions li{
  	/*display: block;*/
  	list-style-type: decimal;
  	list-style-type: square;
  	list-style-type: disc;
  	list-style-type: circle;
  	
  	margin-bottom: 5px;
}

div#wrapper ul.questions li,
div#wrapper div#angebot ul.questions li{
  	/*display: block;*/
  	list-style-type: decimal;
  	list-style-type: square;
  	list-style-type: disc;
  	list-style-type: circle;
  	list-style-type: none;
  	
  	margin-bottom: 5px;
}

div#wrapper div#angebot ul.questions li span{
  	margin-top: -10px;
  	vertical-align:middle;
}

div#wrapper div#angebot div.angebots_box ul{
 /* 	width: 30%;*/
  margin-left: 20px;
  margin-top: 10px;
}

div#wrapper div#angebot div.angebots_box ul li{
  	/*display: block;*/
  	list-style-type: square;
  	margin-bottom: 5px;
}

div#wrapper div#angebot div.angebots_box ul li.nopoint{
  list-style-type: none;
  margin-bottom: 16px;
}

div#wrapper div#angebot div.angebots_box ul li.nopoint2{
  list-style-type: none;
  margin-bottom: 0px;
}


div.angebots_box{
  	width: 212px;
  	float: left;
  	margin-right: 10px;
    margin-bottom: 20px;
}

div.angebots_box2{
  	width: 780px;
  	float: left;
  	margin-right: 10px;
    margin-bottom: 20px;
}

div#wrapper div#footer{
  background: #AAAAAA;
	color: #000000;
  margin-top: 5px;
	padding: 10px 10px 10px 10px;	
	border: 1px solid #AAAAAA;
	text-align: center;
}

div#wrapper div#footer a{
  color: #000000;
}

div#wrapper div#footer a:visited{
  color: #000000; 
}

div#wrapper div#footer a:hover{
  color: #000000; 
}

.hightlight{
	color: #FF0000;
}
div#test p.hightlight{
	color: #FFFF00;
}

/* ERROR OUTPUT*/

li#errorfieldAnrede_,
div#errorfieldAnrede,
li#errorfieldName_,
div#errorfieldName,
li#errorfieldCompany_,
div#errorfieldCompany,
li#errorfieldStreet_,
div#errorfieldStreet,
li#errorfieldCity_,
div#errorfieldCity,
li#errorfieldEmail_,
div#errorfieldEmail,
li#errorfieldLand_,
div#errorfieldLand,
li#errorfieldWhy_,
div#errorfieldWhy,
div#errorfieldMessage{
  display:none;
}