/*
Head und Navigation

<div id="head">
	<div id="headpics"><img name="" src="" width="150" height="75" alt="" /></div>
	<div id="sitenav">
		<div id="sitenav-left"><a href="#" id="produkte">Produkte</a></div>
		<div id="sitenav-center"> <a href="#">Unternehmen</a> <a href="#">Kontakt</a> <a href="#">Anfahrt</a> <a href="#">Impressum</a></div>
		<div id="sitenav-right"><a href="#">AGB</a> <a href="#">Downloads</a></div>
	</div>
</div>


*/



#head {
	background: #FDFDFD url(../pics_common/head_bg.jpg) no-repeat;
	width:820px;
	position:fixed !important;
	position:absolute;
	height:110px;
	z-index:10;
}
#head #headpics {
	height:75px;
}
#head #sitenav {
	height:35px;
	border-bottom:1px solid #999;
	width:820px;
}
#head #sitenav div {
}

#head #sitenav #produkte {
	width:130px;
}
#head #sitenav a {
	display:block;
	float:left;
	padding-left:10px;
	padding-right:10px;
}
#sitenav a:link,
#sitenav a:visited,
#sitenav a:hover {
	color:#999999;
	text-decoration:none;
	border-left:1px solid #999;
	height:35px;
	line-height:38px;
	font-size:11px;
}

#sitenav a:hover {
	color:#000;
}

#sitenav a:link#produkte,
#sitenav a:visited#produkte,
#sitenav a:hover#produkte {
	border-left:none;
	padding-left:40px;
}

#sitenav-right {
	float:right;
	width:260px;
}





#productnav {
	position:fixed !important;
	position:absolute;
	background-color:#eee;
	top:0px;
	
	padding-top:110px;
	z-index:5;
	
	
	padding-left:20px;
	width:130px;
	height:100%;
	
	/*
	min-height:100%;
	height:auto !important;  
  	height:100%; 
	*/ 
	/*overflow:hidden;
	overflow:visible;*/
}
#productnav ul.main {
	width:128px;
	position:fixed !important; /*damit die linke linie 100% höhe hat*/
	border-right:1px solid #999;
	border-left:1px solid #999;
	padding-top:70px;
	min-height:100%;
	height:auto !important;  /* für moderne Browser */
  	height:100%;  /*für den IE */
	
}
#productnav li,
#productnav ul {
	list-style:none;
	padding:0;
	margin:0;
}
#productnav a {
	display:block;
}
#productnav a {outline:none;}

#productnav a:link,
#productnav a:visited,
#productnav a:hover {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #999;
	height:18px;
	line-height:18px;
	font-size:11px;
	padding-left:5px;
	font-weight:bold;
}
#productnav ul ul a:link,
#productnav ul ul a:visited,
#productnav ul ul a:hover {
	font-weight:normal;
	padding-left:10px;
}
#productnav ul ul a:hover {
}
/*
nur die im body per class bestimmte unternavigation zeigen
*/




#productnav ul ul {
	display:none;
	/*height:0px;*/

}
body.ladenbau ul.ladenbau,
body.glaskonsolen ul.glaskonsolen,
body.rahmentueren ul.rahmentueren,
body.schiebetueren ul.schiebetueren,
body.tuerzargen ul.tuerzargen {
	display:block !important;
	
	
}
/* 
Navigationspunkte Hintergrungfarben
(aktiv bei a:hover und/oder wenn body class="navpunkt-ID")


*/
/* ladenbau */
body.deubltec1 #deubltec1,
body.deubltec2 #deubltec2,
#deubltec1:hover,
#deubltec2:hover

 {
	background-color: #FFF57A;
	color:#000;
	font-weight:bold !important;
}

body.quadro #quadro,
#quadro:hover {
	background-color:#728AC6;
	color:#fff !important;
	font-weight:bold !important;
}
body.cubo #cubo,
#cubo:hover {
	background: #DF846B;
	color:#fff !important;
	font-weight:bold !important;
}
body.metro #metro,
#metro:hover {
	background: #E4A25C;
	color:#fff !important;
	font-weight:bold !important;
}
/* glaskonsolen */
body.gk #gk,
body.ak #ak,
#gk:hover,
#ak:hover {
	background: #49BDDF;
	color:#fff !important;
	font-weight:bold !important;
}
/* rahmentueren */
body.sd #sd,
body.gfr #gfr,
body.fr #fr,
body.str #str,
body.dd #dd,

#sd:hover,
#gfr:hover,
#fr:hover,
#str:hover,
#dd:hover {
	background: #BDD76E;
	color:#fff !important;
	font-weight:bold !important;
}


/* schiebetueren */
body.st #st,
body.hst #hst,
#st:hover,
#hst:hover {
	background: #B65B64;
	color:#fff !important;
	font-weight:bold !important;
}
body.dormaagile #dormaagile,
body.dormars #dormars,
#dormaagile:hover,
#dormars:hover {
	background: #F48051;
	color:#fff !important;
	font-weight:bold !important;
}


/* tuerzargen */
body.at23 #at23,
body.at44 #at44,
body.at44ea #at44ea,
body.pt35 #pt35,
body.at50 #at50,
body.mr22 #mr22,
body.uebersichten #uebersichten,

#at23:hover,
#at44:hover,
#at44ea:hover,
#pt35:hover,
#at50:hover,
#mr22:hover,
#uebersichten:hover
 {
	background: #3E4193;
	color:#fff !important;
	font-weight:bold !important;
}