/*<! [CDATA[*/

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

img{
	display:block;
}

body,html{
	width:100%;
	height:auto;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 100.01%;  /*umgeht IE-Bug beim Skalieren der Schriftgröße */
	color:#666666;
	line-height:20px;
	/*background-color:#CCCCCC;*/
	background-color:#E3E7EA;
}

p{font-size:0.8em;}
.normal{font-weight:normal;}

h1{font-size:16px; padding-top:10px;}
h2{font-size:13px;}
h3{font-size:13px; font-weight:normal;}

ul{list-style-type:none; font-size:0.8em;}
li{font-size:inherit;}


/*KLASSEN------------------------------------*/
.inklammern{font-weight:normal;}/*(Geschäftsführer) auf der Kontakt- /Impressumseite*/
.fett{font-weight:bold;}
.abstand-unten{margin-bottom:10px;}


#wrapper{
	position:absolute;
	width:900px; height:810px;
	background-color:#E3E7EA;
}



#pict{/*Großes Hauptbild*/
	position:absolute;
	top:0;
	left:0;
	width:900px;
}

/*ING.-Büro,Techn. Sachverständige*/
ul#text-head{
	position:absolute;
	top:66px; left:395px;
	width:505px;
	z-index:2;/*Damit die Schrift über der Hanse liegt*/
}
ul#text-head li{
	letter-spacing:1px;
	background-image:url(picts/line2.gif);
	background-repeat:no-repeat;
}

/*Positionierung der Strichellinien im <li> von text-head*/
ul#text-head li.line-oben{background-position:130px 7px;}
ul#text-head li.line-unten{background-position:250px 7px;}

#text-pict{/*Text auf Hauptbild*/
	position:absolute;
	width:560px;
	top:312px; left:235px;
	font-size:0.8em; font-weight:bold; color:#333333;
	z-index:2;
}



/*Linke senkrechte Navigation*/
ul#nav{
	position:relative;
	width:190px;
	top:73px; left:0;
	color:#CC3300;
	z-index:2;
}
ul#nav li{
	text-align:right;
	margin:2px 0 2px 0;
	padding-left:11px;
	background-image:url(picts/line_menue.gif); background-position:0 8px; background-repeat:no-repeat;
}
ul#nav .home{/*vor Home keine Strichellinie*/
background-image:none;
padding-bottom:80px;
}

ul#nav a{
	text-decoration:none;
	color:#666666;
	background-color:#E3E7EA;/*deckt unterm Text die Strichellinie ab*/
}
ul#nav a:hover{color:#CC3300; background-color:#E3E7EA;}



/*Horizontale Navigation*/
#nav-hori{
	float:left;/*Listenelemente nebeneinander*/
	position:relative;
	margin:160px 0 0 210px;
	width:auto;
	min-height:25px;
	color:#FFFFFF; font-weight:bold;
}

#nav-hori li{
	float:left;
	text-align:center;/*Text steht mittig auf Button*/
	width:141px;
	padding:1px 0 1px 0;
	margin-right:11px;/*Abstand zwischen den Button*/
	background-color:#666666;
}

#nav-hori a{
	display:block;
	text-decoration:none;
	background-color:#666666;
	color:#D3DBDE;
}
#nav-hori a:hover{background-color:#666666; color:#FFFFFF;}

/*ACHTUNG: Die Angaben für alte IE dürfen erst kommen, nachdem das gesamte Element (hier nav-hori) beschrieben ist, sonst bricht der IE5 ab und liest den Rest nicht mehr*/
*html #nav-hori{
	top:0; left:-210px;
	voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  	voice-family:inherit;
	margin:160px 0 0 210px;
}
/*--------------------------------------------------------------------------*/


/*Linkbeschreibung für www und E-Mail*/
.email{text-decoration:underline; color:#CC3300;}
.email:hover{color:#666666;}

/*Linkbeschreibung für www und E-Mail*/
#index .email{text-decoration:none; color:#666666;}
#index .email:hover{color:#CC3300;}



/*Überschrift überm Textfeld*/
#headline{
	position:relative;
	clear:left;
	top:15px;
	padding-left:210px;
	width:auto;
	color:#CC3300; font-weight:bold;
	background-image:url(picts/line_menue.gif); background-position:0 7px; background-repeat:no-repeat;/*Gestrichelte Linie vor der Überschrift*/
}
#headline h2{font-size:14px; font-weight:bold; color:#CC3300; background-color:#E3E7EA;}


/*--------------------------------------------------------------------*/

/*Inhalt, Text*/
#content{
	position:relative;
	top:30px; left:210px;
	padding-top:10px;
	width:598px; height:290px;
	border-right:2px solid #D3DBDE;
	background-color:#D3DBDE;
	overflow:auto; /*Scrollbalken*/
}

/*Die Ausnahme für alte IE bei headline muss unter Anweisung für content, steht die Anweisung über content, liest der IE5.1 nicht weiter*/
*html #headline{
	padding-left:220px;
	voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  	voice-family:inherit;
	padding-left:210px;
}
/* html #content{overflow:-moz-scrollbars-vertical;}damit der Mozilla nur den senkrechten Scrollbalken darstellt, (html ohne Sternchen)*/

#index #content ul{padding:10px 10px 130px 0; width:540px;}
#content li{padding:2px 0 2px 25px; background-image:url(picts/quad.gif); background-position:0 7px; background-repeat:no-repeat;}

#kontakt .adresse{position:relative; width:auto;}/*Adressen nebeneinander*/
#kontakt .adresse ul{padding:10px 10px 0px 0; width:290px; }
#kontakt #content li, #impressum #content li{padding:0 0 0 25px; background-image:none;}

/*#kontakt .adresse2{position:relative; float:left; width:auto;}/*Adressen nebeneinander
#kontakt .adresse ul{padding:10px 10px 0px 0; width:280px; }
#kontakt #content li, #impressum #content li{padding:0 0 0 25px; background-image:none;}*/

#content h1{padding:10px 0 0 25px; background-image:url(picts/quad.gif); background-position:0 15px; background-repeat:no-repeat;}
#content h2{padding:10px 0 0 25px; background-image:url(picts/quad.gif); background-position:0 15px; background-repeat:no-repeat;}/*Strichellinie*/
#kontakt #content h2{padding:10px 0 0 25px; background-image:none;}
#ueber-uns #content h2{background-image:none;}

#content p{padding:5px 30px 0px 25px;}
#content .text p{padding-top:10px;}

#tel{	
	position:relative;
	top:30px; left:210px;
	padding-top:3px;
	font-size:0.8em;
}

/*Link zum Textanfang springen*/
.nach-oben{
	margin:5px 0 10px 25px; padding-left:20px;
	font-size:12px;
	background-image:url(picts/pfeil_nach_oben.gif); background-position:0 4px; background-repeat:no-repeat;
}
.nach-oben-link {text-decoration:none; color:#666666;}
.nach-oben-link:hover{text-decoration:none; color:#CC3300;}

#sabmar{position:relative; clear:left; padding:30px 0 30px 0;}
#sabmar a{text-decoration:none; color:#666666;}
#sabmar a:hover{text-decoration:none; color:#CC3300;}
.underline{text-decoration:underline;}


/*]]>*/