/* ====================================================================
   Sauerland-Design
   Projekt: MarsSolar GmbH
   Dokument: navigation.css
   Autor: Pascal Vorsmann
   erstellt: 2009-09-17
===================================================================== */



/* ====================================================================
   HAUPTNAVIGATION
===================================================================== */
/* Ein/Ausblenden aller Flächen ab Ebene 2
===================================================================== */
#main_navi .Level1:hover ul ul, #main_navi .Level1:hover ul ul ul{
	display:none;
}

#main_navi .Level1:hover ul, #main_navi .Level2:hover ul, #main_navi .Level3:hover ul{
	display:block;
}

/* TOP-Navigation Container
===================================================================== */
div#main_navi{
	position:absolute;
	margin:65px 0 0 342px;
	clear:right;
	z-index: 100;
}
#main_navi ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}
/* Top Navigation Level 1
===================================================================== */
#main_navi .Level1 { /* LI - TAG */
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	background: none;
	cursor: pointer;
}
#main_navi .Level1 a { /* A - TAG */
	margin: 0;
	padding: 2px 9px 7px 9px;
	display: block;
	color:#4a4a4a;
	font-weight: bold;
	text-transform:uppercase;
	text-decoration: none;
	text-align: left;
	background: url(../images/hg_mainnavi.gif) top left no-repeat;
	
}
#main_navi li.first a{
	background:none;
}
#main_navi a:hover, #main_navi a.active{ /* A - TAG HOVER & ACTIVE */
	color: #9d003e;
} 
#main_navi .Level1 ul {  /* UL - TAG */
	z-index: 200;
	position: absolute;
	display:none;
}

/* Top Navigation Level 2
===================================================================== */
#main_navi .Level2 { /* LI - TAG */
	list-style-type:none!important;
}
#main_navi ul ul{
	border:1px solid #9d003e;
	border-top:none;
	padding-bottom:15px;
	background:#ffffff url(../images/hg_ulul.gif) bottom left repeat-x;
}
#main_navi .Level2 a { /* A - TAG */
	_height:0%;
	font-weight: normal;
	text-transform:none;
	font-size:11px;
	padding:8px 12px 0px 12px;
	color:#000000;
	background: none;
}
#main_navi .Level2 a:hover, #main_navi .Level2 a.active{ /* A - TAG HOVER & ACTIVE */
	color:#9d003e;
}
#main_navi .last ul{
	position: absolute;
	right:0px;
	
}
#main_navi .last ul li a{
	padding-right:5px;
	text-align:right;
}
/* Top Navigation Level 3
===================================================================== */
#main_navi .Level3, #main_navi .Level4, #main_navi .Level5 {
	margin-top:-800px;
	visibility:hidden;
}



/* ====================================================================
   METANAVIGATION
===================================================================== */
div#metanav{
	position:absolute;
	margin:17px 0 0 795px;
}
#metanav ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}
#metanav .Level1 { /* LI - TAG */
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	background: none;
	cursor: pointer;
}
#metanav .Level1 a { /* A - TAG */
	margin: 0;
	padding: 2px 10px 2px 10px;
	display: block;
	color:#4a4a4a;
	font-size:11px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	background: url(../images/hg_metanav.gif) right 5px no-repeat;
	
}
#metanav li.last a{
	background:none;
}
#metanav a:hover, #metanav a.active{ /* A - TAG HOVER & ACTIVE */
	color: #9d003e;
} 
#metanav .Level1 ul {  /* UL - TAG */
	position: absolute;
}


/* ====================================================================
   SUBNAVIGATION
===================================================================== */
div#subnavi  ul{
	padding:0;
	margin:0;
}
div#subnavi ul .first, div#subnavi ul .normal, div#subnavi ul .last{
	list-style-type:none;
}
/* E1 */
div#subnavi ul li a{
	_height:0%;
	padding:2px 14px 2px 0px;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	display:block;
	text-align:right;
}
div#subnavi ul li.active,div#subnavi ul li:hover{
	background-color:#ffffff;
	border-left:2px solid #9d003e;
}
div#subnavi ul li a.active, div#subnavi ul li a:hover{
	color:#b50234;
}
/* E2 */ 
div#subnavi ul li ul li a, div#subnavi ul li.last ul li a{
	margin:0;
	_height:0%;
	padding:4px 0 4px 20px;
	font-size:12px;
	color:#b50234;
	text-decoration:none;
	display:block;
}
div#subnavi ul li.last ul li a.active, div#subnavi ul li.last ul li a:hover, div#subnavi ul li ul li a.active, div#subnavi ul li ul li a:hover{
	color:#b50234;
} 

div#subnavi ul li ul li.last a{
	padding-bottom:5px;
}