/* ------------------ Holzzentrum Wehn/Schäfer --------------------------------------------------------------------------------- */
html, body {
	width:100%;
	height:100%;
}

body {
	background:#ffffff url(../images/bg-img.jpg) top center repeat-x;
    background-color:#ffffff;
	font-family: Verdana,Georgia, Times New Roman, Times, serif;
	color:#007456;
	font-size:11px;
    line-height:18px;
}



* {
	padding:0;
	margin:0;
	outline:none;
}


.push {
	float: none;
	clear: both;
	height:100px;
}

#spacer {
	display:block; 
	height:1px; 
	font:1px/1 sans-serif; 
	clear:both;
}

.Stil1 {font-size: 11px}


.Stil2 {
	font-size: 10px;
    line-height:12px;
    font-family: Verdana,Georgia, Times New Roman, Times, serif;
	color:#959394;
    
}


.dot-line{
    display:block; 
    margin-top: 0pt;
    height: 12px;
    width:500px;
    background-color: transparent;
    background-image: url(../images/dot-line.gif);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: center;

}

p.bilder a {
color:#000000 !Important;
border:none !Important;
}

/* ----------------------------------------------------- links ------------------------------------------*/



a:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #df051c; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 12px;
	text-decoration: none;
	border:0 none;
	outline: none; 
}

a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #df051c; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 12px;
	text-decoration: none;
	border:0 none;
	outline: none; 
}

a:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-decoration: none; 
	color: #df051c; 
	font-style: normal; 
	font-weight: normal;
	text-decoration: underline;

	
}




h1{
    font-family: Verdana,Helvetica,sans-serif, Trebuchet MS,Arial;
    text-decoration: none; 
    color: #007456;
    font-size:18px;
    font-weight:normal;
    margin:0 0 10px;

}




h2{
    font-family: Verdana,Helvetica,sans-serif, Trebuchet MS,Arial;
    text-decoration: none; 
    color: #3d957e;
    font-size:13px;
    font-weight:bold;

}

h3{
    font-family: Verdana,Helvetica,sans-serif, Trebuchet MS,Arial;
    text-decoration: none; 
    color: #df051c;
    font-size:14px;
    font-weight:normal;
    line-height:18px;

}


p{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:normal;      
    color: #007456;
    line-height:19px; 


}







/* ------------------ wrapper ---------------------------------------------------- */

#container {
    width:986px;
    margin:0 auto;
    z-index:1;
    position:relative;
    min-height:100%;
  
	
}

* html div#container {
	height:100%;
    
}
 


/* ------------------ header ---------------------------------------------------- */

#header {
   position: relative;
   width:986px;
   height:378px;
   background:url(../images/bg-head.png) 0 0 no-repeat;
   z-index:50 !important;
   margin:0 0 0 0;
   padding:0 0 0 0;
	}



#crossfade {
   position:absolute;
   width: 469px;
   height: 264px;
   padding:0 0 0 0;
   margin:0 0 0 0;
   left: 14px;
   top: 47px;
   z-index:20;
  
  }




a#branding{
   width:451px;
   height:234px;
   background-repeat:no-repeat;
   position: absolute;
   z-index:50 !important;
   left: 515px;
   top: 58px;
   background-image:url(../images/logo.jpg);


}


#claim{
   width:288px;
   height:97px;
   background-repeat:no-repeat;
   position: absolute;
   z-index:50 !important;
   left: 542px;
   top: 228px;

}

.bold{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;      
	color: #e3e3e3;  
}

.text{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;      
    color: #e8e7e8;
    line-height:17px; 

}

/*-------------------------- content ----------------------------------*/
    
#contentContainer {
    width:986px;
    min-height:625px;
    padding:0 0 0 0;
    margin:0 0 0 0;
    background-image:url(../images/bg-content.png);
   
    
  
   
    }
    
    * html #contentContainer {
    min-height:100%;
}
img {border:none !Important;}
#contentMain {
    width:500px;
    min-height:100%;
    padding:0 0 0 0;
    margin:30px 0 0 50px;
    font-size:11px;
    float:left;
    display:block;

    }
    
    * html #contentMain {
         min-height:100%;
    }  
 

#contentSidebar {
    width:360px;
    min-height:300px;
    padding:0 30px 0 0;
    margin:30px 0 0 0;
    font-size:11px;
    float:right;
    }
    
    * html #contentMain {
     min-height:300px;
    }
    
  



/*-------------------------- navigation ----------------------------------*/



#navi-add{
   position: absolute;
   width:407px;
   height: 18px;
   padding:0 0 0 0;
   margin:0 0 0 0;
   z-index:0;
   top: 22px;
   left: 53px;
    }
 
 ul#add-nav li{
  	font-family: Verdana,Helvetica,sans-serif, Trebuchet MS,Arial;
    text-decoration: none; 
    color: #007456;
    font-size:10px;
    font-weight:normal;
	float:left;
    list-style-type:none;
     text-transform:uppercase;
}


ul#add-nav  li a{
    font-family: Verdana,Helvetica,sans-serif, Trebuchet MS,Arial;
    text-decoration: none; 
    color: #007456;
    font-size:10px;
    font-weight:normal;
    list-style-type:none;
     text-transform:uppercase;
}


ul#add-nav  li a:hover{
    font-family: Verdana,Helvetica,sans-serif, Trebuchet MS,Arial;
    font-size:10px;
    color:#df051c;
    font-weight:bold;
    font-weight:normal;
    text-transform:uppercase;
    text-decoration: underline;
    margin:0 0 0 0;
    padding:0 0 0 0; 
    list-style-type:none;
}

 

/*-------------------------- navigation ende----------------------------------*/


a.top-nav:link, a.top-nav:visited, a.top-nav:active, a.top-nav:hover {
    font-family: Verdana,Helvetica,sans-serif, Trebuchet MS,Arial;
    text-decoration: none; 
    color: #cccccc;
    font-size:11px;
    font-weight:normal;
    text-transform:uppercase;
    margin:0 30px 0 0;
    padding:0 0 0 0;
	}
	 


	
a.top-nav:hover {
    font-family: Verdana,Helvetica,sans-serif, Trebuchet MS,Arial;
    font-size:11px;
    color:#ffffff;
    font-weight:normal;
    text-transform:uppercase;
    text-decoration: underline;
     margin:0 30px 0 0;
    padding:0 0 0 0;
	
	}


 

/*-------------------------- navigation ende----------------------------------*/      
    
    
/*-------------------------- footer ----------------------------------*/  

#footer {
    width:986px;
    height:65px;
    margin:0 auto;
    padding:0px 0px 0px 0px;
    background-color:#ffffff;
    background-image:url(../images/bg-footer.png);
 
    
	}
    
.footer{
    font-family: Verdana,Helvetica,sans-serif, Trebuchet MS,Arial;
    text-decoration: none; 
    color: #ffffff;
    font-size:11px;
    font-weight: bold;
    text-decoration:underline;
    margin:0 3px 0 3px;
    background-color:#FFFFFF;

}




#navigation{
   position: absolute;
   width:596px;
   padding:0 0 0 0;
   margin:0 0 0 0;
   z-index:100;
   top: 315px;
   left: 35px;
   height: 34px;

    }
    


    
    /* ----------------------------------------------------- Navigation ----------------------------------------------------- */

#navigation{
	position:absolute;
	width:652px;
	height:17px;
	top: 311px;
	left: 51px;
	padding:10px 10px 0 0;
	margin:0 0 0 0;
	text-decoration:none;

}


a.nav:link, a.nav:visited, a.nav:active, a.nav:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none;
	color:#ffffff;
    font-weight: bold;  
	font-size:12px;
	text-transform:none;
	margin:0 0 0 0;
    padding:0 30px 0 0;
  


}
a.nav:hover {
    color:#870a24;
    text-transform:none;
    font-weight: bold; 
    text-decoration:none; 

	
}

a.nav_aktiv:link, a.nav_aktiv:visited, a.nav_aktiv:active, a.nav_aktiv:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none;
	color:#ffed00;
    font-weight: bold;  
	font-size:12px;
	text-transform:none;
	margin:0 0 0 0;
    padding:0 7px 0 0;
    text-decoration:none;


}
a.nav_aktiv:hover {
    color:#ffed00;
    text-transform:none;
    font-weight: bold;
     text-decoration:none;  

	
}
    
/* ----------------------------------------------------- Navigation ----------------------------------------------------- */

ul.liste {
    float: left;
    left: 10px;
    position: relative;
    width: 250px;
}
/*--- menue Produkte ---*/
/*--- menue Produkte ---*/

	#produkte { width:90px;  height: 68px; float: left; z-index:1;}

	#produkte ul { list-style: none; margin: 0; padding: 0; width:90px; float:left; clear:both; z-index:1;}

	#produkte {
   position:absolute;
   width:115px;
   float: left;
   z-index:1;
   top: 9px;
   left: 116px;
}

	#produkte ul 
	{ list-style: none; margin: 0; padding: 0; width:90px; float:left; clear:both; z-index:1;}
	
	#produkte a, #produkte h2 { 
   	font-family: Verdana,Arial,Helvetica,sans-serif,Trebuchet MS;
	font-size:11px;
	font-weight: bold;
	display: block; 
	border-width: 0px; 
	border-style: solid;
	padding:2px 0 4px 4px ;
	margin:0 0 0 0;
	z-index:1;
	color:#FFFFFF;
	
}
	
	#produkte h2 { width:90px; color:#ffffff; font-size:12px; z-index:25;}
	
	#produkte a { 
	width: 115px; 
	color: #141414; 
	background: #daebe6; 
	text-decoration: none; 
	z-index:1;
	border:1px solid #FFFFFF; 
	font-size:11px;
	font-weight: normal; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	#produkte a:hover { color: #FFFFFF; background: #007456; z-index:2;}
	
	#produkte li {position: relative; z-index:2;}


	
	#produkte ul ul,
	#produkte ul li:hover ul ul,
	#produkte ul ul li:hover ul ul
	{display: none; z-index:2;}
	
	#produkte ul li:hover ul,
	#produkte ul ul li:hover ul,
	#produkte ul ul ul li:hover ul
	{display: block; z-index:2;
	}