/*---- Fachwerkhaussanierung ---*/

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #EEE0C8;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	background-image:url(../bilder/bg.gif);
	background-repeat: repeat-x;

	scrollbar-base-color: #818181;
	scrollbar-3dlight-color: #666666;
	scrollbar-arrow-color: #02733B;
	scrollbar-darkshadow-color: #B0B0B0;
	scrollbar-face-color: #F8F2E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #02733B;
	scrollbar-track-color: #ECDEC3;
}


a:link  { 
	color: #02733B; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 10px;
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: underline;
}

a:visited { 
	color: #02733B; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 10px;
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: underline;
}
a:active {
	color: #02733B; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 10px;
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: underline;
}
a:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	text-decoration: none; 
	color: #02733B; 
	font-style: normal; 
	font-weight: bold;
	text-decoration: none;
	
	
}

p, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #737373;
	font-size: 11px;
}

#div {
	padding: 0px;
	margin: 0px;
}



#wrapper{
	position:absolute;
	height: 500px;
	width: 98%;
	z-index: 1;
}

#container {
	position:absolute;
	height: 500px;
	width: 966px;
	left: 50%;
	top: 50%;
	margin-left: -470px;
	margin-top: -250px;
	z-index: 2;
	
	
}


#header {
	position: relative;
	width: 964px;
	height: 148px;
	z-index: 1;
	background-image:url(../bilder/bg_header.gif);
	
}


#menue{
   position: absolute;
   width: 654px;
   height: 30px;
   top: 25px;
   left: 8px;
   padding:10px 0 0 35px;
   margin:0 0 0 0;
   z-index: 155;
	}
	
#submenue{
	position: absolute;
	width: 194px;
	height: 20px;
	top: 115px;
	left: 718px;
	padding:10px 0 0 35px;
	margin:0 0 0 0 ;
	}




.menue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #F3EDDD;
	margin:0 0 0 0px;
	text-transform:uppercase;
	

}
.subheadline{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #02733B;
	margin:0 0 0 0px;
	text-transform:uppercase;
	}





.h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #973425;

}




#content {
	position: absolute;
	width: 966px;
	height: 470px;
	top: 147px;
	left: 0px;
	z-index: 0;
	padding:0px px 0px 0;
	background-image:url(../bilder/bg_content.jpg);
	background-repeat:no-repeat;
}


#content_links {
	position: absolute;
	width: 525px;
	height: auto;
	top: 1px;
	left: 10px;
	padding:20px 10px 0 30px;
	z-index:0;

}






.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height:18px;
	font-weight: normal;
	color: #973425;
	

}

.liste {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #973425;
    list-style:none;
    list-style-position:outside;
 
	

}

#logo {
	position: absolute;
	width: 337px;
	height: 90px;
	top: 57px;
	left: 8px;
	z-index: 2;
}


#bild {
	position: absolute;
	width: 359px;
	height: 90px;
	top: 58px;
	left: 338px;
	z-index: 1;
}

#bild_bereich {
	position: absolute;
	width: 324px;
	height: 456px;
	top: 5px;
	left: 602px;
	z-index: 1;
}

 
a.sub:link, a.sub:visited, a.sub:active, a.sub:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #FCFAF6;
	font-size:11px;
	font-weight:normal;
	}
	 

	
a.sub:hover {color:#E8D6B5;

	
}



a.basic:link, a.basic:visited, a.basic:active, a.basic:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #F3EDDD;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	}
	 

	
a.basic:hover {color:#E8D6B5;

	
}

a.aktive:link, a.aktive:visited, a.aktive:active, a.aktive:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #E8D6B5;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	}
	 

	
a.aktive:hover {color:#E8D6B5;

	
}

#zur_person {
	position: absolute;
	width: 108px;
	height: auto;
	top: 11px;
	left: 456px;
	z-index:0;

}

#bau_bio {
	position: absolute;
	width: 60px;
	height: auto;
	top: 11px;
	left: 395px;
	z-index:0;

}








	/* Aufklapp menu Lehmbau Ausland  */
	
	#lehmbau { width:100px;  height: 175px; float: left; z-index:1; }

	#lehmbau ul { list-style: none; margin: 0; padding: 0; width: 175px; float: left; z-index:1; }

	#lehmbau {
   position:absolute;
   width:126px;
   float: left;
   top: 7px;
   left: 222px;
}

	#lehmbau ul { list-style: none; margin: 0; padding: 0; width: 175px; float: left; z-index:5; }
	
	#lehmbau a, #lehmbau h2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display: block; 
	text-transform: uppercase;
	border-width: 0px; 
	border-style: solid;
	margin: 0; 
	padding: 4px 2px;
	z-index:1; 
	}
	
	
	#lehmbau h2 {  
	font-size:12px; 
	z-index:1; 
	text-decoration:none;
	color:#F3EDDD;
	font-weight: bolder;
	background-repeat:no-repeat;
	
	}
	
	#lehmbau a { 
	width:105px;
	color: #02733B; 
	background: #F6EFE1; 
	text-decoration: none; 
	border:1px solid #02733B; 
	font-weight:bold;
	text-transform: none;
	font-size:10px;
	z-index:1; 
	}
	
	#lehmbau a:hover { color: #ffffff; z-index:5; background-color:#973425;}
	
	#lehmbau li {position: relative; z-index:5;}
	


	
	#lehmbau ul ul,
	#lehmbau ul li:hover ul ul,
	#lehmbau ul ul li:hover ul ul
	{display: none; z-index:5;}
	
	#lehmbau ul li:hover ul,
	#lehmbau ul ul li:hover ul,
	#lehmbau ul ul ul li:hover ul
	{display: block; z-index:5; 
	
	}
	
	
/* Aufklapp menu Firmenprofil */
  	

	
	#firmenprofil {
   width:70px;
   height: 70px;
   float: left;
}

	#firmenprofil ul { list-style: none; margin: 0; padding: 0; width: 70px; float: left; z-index:1; }

	#firmenprofil {
   position:absolute;
   width:50px;
   float: left;
   top: 7px;
   left: 16px;
}

	#firmenprofil ul 
	{ list-style: none; margin: 0; padding: 0; width: 70px; float: left; z-index:5; }
	
	#firmenprofil a, #firmenprofil h2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display: block; 
	text-transform:uppercase;
	border-width: 0px; 
	border-style: solid;
	margin: 0; 
	padding: 4px 2px;
	z-index:1; 
	color:#F3EDDD;

	
	}
	
	#firmenprofil h2 {  
	font-size:12px; 
	z-index:1; 
	text-decoration:none;
	color: #F3EDDD;
	font-weight: bolder;
	background-repeat:no-repeat;
	
	}
	
	#firmenprofil a { 
	width:105px;
	color: #02733B; 
	background: #F6EFE1; 
	text-decoration: none; 
	border:1px solid #02733B; 
	font-weight:bold;
	text-transform: none;
	font-size:10px;
	z-index:1; 
	}
	
	#firmenprofil a:hover { color: #ffffff; z-index:5; background-color:#973425;}
	
	#firmenprofil li {position: relative; z-index:5;}
	


	
	#firmenprofil ul ul,
	#firmenprofil ul li:hover ul ul,
	#firmenprofil ul ul li:hover ul ul
	{display: none; z-index:5;}
	
	#firmenprofil ul li:hover ul,
	#firmenprofil ul ul li:hover ul,
	#firmenprofil ul ul ul li:hover ul
	{display: block; z-index:5; 
	
	}


/* Aufklapp menu Baukunst */
  	

	
	#baukunst { width:70px;  height: 70px; float: left; z-index:1;}

	#baukunst ul { list-style: none; margin: 0; padding: 0; width: 70px; float: left; z-index:5;}

	#baukunst {
   position:absolute;
   width:50px;
   float: left;
   top: 7px;
   left: 134px;
}

	#baukunst ul 
	{ list-style: none; margin: 0; padding: 0; width: 70px; float: left; z-index:5;}
	
	#baukunst a, #baukunst h2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	display: block; 
	text-transform:uppercase;
	border-width: 0px; 
	border-style: solid;
	margin: 0; 
	padding: 4px 2px;
	z-index:5;
	color:#F3EDDD;

	
	}
	
	#baukunst h2 {  
	font-size:12px; 
	z-index:5; 
	text-decoration:none;
	color: #F3EDDD;
	font-weight: bolder;
	background-repeat:no-repeat;
	
	}
	
	#baukunst a { 
	width:85px;
	color: #02733B; 
	background: #F6EFE1; 
	text-decoration: none; 
	border:1px solid #02733B; 
	font-weight:bold;
	text-transform: none;
	font-size:10px;
	z-index:5; 
	}
	
	#baukunst a:hover { color: #ffffff; z-index:5; background-color:#973425;}
	
	#baukunst li {position: relative; z-index:5;}
	


	
	#baukunst ul ul,
	#baukunst ul li:hover ul ul,
	#baukunst ul ul li:hover ul ul
	{display: none; z-index:5;}
	
	#baukunst ul li:hover ul,
	#baukunst ul ul li:hover ul,
	#baukunst ul ul ul li:hover ul
	{display: block; z-index:5; 
	
	}