/*
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 */



/* tuerzargen */
body.glasbearbeitung-leistungen #glasbearbeitung-leistungen,

body.quadro #quadro,
body.classic #classic,
body.gk #gk,
body.ak #ak,
body.garderoben #garderoben,
body.sondermodelle #sondermodelle,

body.classic-vitrinen #classic-vitrinen,
body.cubo #cubo,

body.glasduschenmodelle #glasduschenmodelle,

body.atz #atz,
body.ptz #ptz,
body.zargenrahmen #zargenrahmen,

body.st #st,
body.hst #hst,
body.dormaagile #dormaagile,
body.dormars #dormars,

body.metro #metro,

body.modellspiegel #modellspiegel,
body.leuchtspiegel #leuchtspiegel,

body.einrahmungen-komplettservice #einrahmungen-komplettservice,

body.ausstellung-overview #ausstellung-overview,

#productnav ul ul a:hover
{
	background: #EE4853;
	color:#fff !important;
	font-weight:bold !important;
}