/* ====================================================================
   navigation.css
   ΠWDS.media GmbH - Pascal Vorsmann
   2010-01-22
===================================================================== */


/* ====================================================================
   HAUPTNAVIGATION
===================================================================== */

/* Positionierung der Hauptnavigation */
div#mainnavi{
	position:absolute;
	z-index:500;
	top:0px; left:0px;
	margin:37px 0 0 451px;
	width:540px;
}
/* Standard UL - Definition */
div#mainnavi  ul{
	list-style-type:none;
	clear:left;
	padding:0;
	margin:0;
}
/* Standard LI - Definition */
div#mainnavi li{
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

/* ====================================================================
   HAUPT-EBENE
===================================================================== */
div#mainnavi ul li a{
	margin: 0;
	line-height:30px;
	padding:23px 38px 3px 25px;
	font-size:14px;
	font-weight:bold;
	color:#97be0d;
	display:block;
	text-decoration:none;
	background:transparent url(../images/hg_mainnav.png) right top  no-repeat;
}
/* Default Hintergrund */
div#mainnavi ul li.normal:hover a, div#mainnavi ul li.normal a.active:hover {
	background:transparent url(../images/hg_mainnav_o.png) right top no-repeat;
	color: #f9cc24;
}


/* MouseOver Hintergrund */
div#mainnavi ul li a.active{
	background:transparent url(../images/hg_mainnav.png) right top  no-repeat;
	color:#e42219;
}
/* da es exakt (!) 3 Links sind kann ich die unterschiedlichen Größen über meine Navi Klassen Normal, First und Last anpassen! */
div#mainnavi ul li.first:hover a, div#mainnavi ul li.first a.active:hover{
	background:transparent url(../images/hg_mainnav_first_o.png) right top no-repeat;
	color: #f9cc24;
}
div#mainnavi ul li.last:hover a, div#mainnavi ul li.last a.active:hover{
	background:transparent url(../images/hg_mainnav_last_o.png) right top no-repeat;
	color: #f9cc24;
}
/* Aktive Links sind Rot */
div#mainnavi ul li.active:hover ul li a{
	color:#5d6067;
}
div#mainnavi ul ul{
	display:none;
}






/* ====================================================================
   SUBMENUES / 2. EBENE
===================================================================== */

/* Einstellungen der 1. Ebene Resetten */
div#mainnavi ul li ul li a,

div#mainnavi ul li:hover ul li a,
div#mainnavi ul li.first:hover ul li a,
div#mainnavi ul li.normal:hover ul li a,
div#mainnavi ul li.last:hover ul li a{
	line-height:auto;
	padding:0px;
	margin:0px;
	color:#ffffff;
	background:none;
}

/* Abstände der Submenüs an die erste Ebene anpassen*/
div#mainnavi ul li ul{
	padding-left:12px;
}

div#mainnavi ul li ul li{
	clear:left;
	width:220px;
}
/* oben unten und mitte Hintergrund */
div#mainnavi ul li ul li{
	background:transparent url(../images/hg_main2e_m.png) left top repeat-y;
}
div#mainnavi ul li ul li.first{
	background:transparent url(../images/hg_main2e_o.png) left top no-repeat;
}
div#mainnavi ul li ul li.last{
	background:transparent url(../images/hg_main2e_u.png) left bottom no-repeat;
}
/* Abstand nach oben und unten */
div#mainnavi ul li ul .first {
	padding-top:10px;
}
div#mainnavi ul li ul .last {
	padding-bottom:10px;
}
div#mainnavi ul li ul {
	width: auto;
	position: absolute;
	z-index: 1000;
	display:none;
	border-top:none;
	margin:0;
}
div#mainnavi ul li ul li{
	padding:5px 0 0 14px;
}
/* Link */
div#mainnavi li ul li a, div#mainnavi ul li:hover ul li a {
	_height:0%;
	line-height: normal;
	display:block;
	font-size:11px;
}
/* MouseOver */
#mainnavi ul li ul li:hover a, div#mainnavi ul li:hover ul li:hover a, #mainnavi ul li:hover ul li:hover a.active{
	color:#f9cc24;
	background:none;
}
/* Aktiver Link */
#mainnavi ul li.active ul li.active a, #mainnavi ul li.active:hover ul li.active a, #mainnavi ul li.active:hover ul li.active:hover a{
	color:#f9cc24;
}

/* Ein/Ausblenden aller Flächen ab Ebene 2
-----------------------------------*/
#mainnavi li:hover ul ul{
	display:none;
}
#mainnavi li:hover ul{
	display:block;
}



/* ====================================================================
   SUBNAVIGATION AB EBENE 2
===================================================================== */
div#subnavi{
	position:absolute;
	width:209px;
	height:393px;
	background:transparent url(../images/hg_subnavi.jpg) top left no-repeat;
}
/* Standard UL - Definition */
div#subnavi_e2  ul{
	list-style-type:none;
	clear:left;
	padding:0;
	margin:0;
}
/* Standard LI - Definition */
div#subnavi_e2 li{
	margin: 0;
	padding: 0;
	display: block;
}
div#subnavi_e2 li.active {
	display:none;
}
div#subnavi_e2 li {
	padding:3px 0 3px 14px;
}
div#subnavi_e2 li a {
	font-size:14px;
	font-weight:bold;
	color:#97bf0e;
	text-decoration:none;
}
div#subnavi_e2 li a:hover {
	color:#e42219;
}

/* ====================================================================
   SUBNAVIGATION AB EBENE 3
===================================================================== */
/* Standard UL - Definition */
div#subnavi_e3  ul{
	list-style-type:none;
	clear:left;
	padding:0;
	margin:0;
	padding-left:12px;
}
/* Standard LI - Definition */
div#subnavi_e3 li{
	margin: 0;
	padding: 1px 0 1px 0;
	display: block;
}
div#subnavi_e3 li {
	padding-left:12px;
}
div#subnavi_e3 li a {
	font-size:11px;
	color:#3a7600;
	font-weight:bold;
	text-decoration:none;
}
div#subnavi_e3 li a:hover,div#subnavi_e3 li a.active  {
	color:#e32118;
}
div#subnavi_e3 li li a{
	font-weight:normal;
}
/* ====================================================================
   METANAVIGATION
===================================================================== */
div#metanav{
	width:216px;
	height:57px;
	left:0px; top:0px;
	margin:545px 0 0 13px;
	position:absolute;
	z-index:500;
	}
	div#metanav .left{
		float:left;
		width:19px;
		height:57px;
		background:transparent url(../images/metanav_left.png) top left no-repeat;
	}
	div#metanav .right{
		float:left;
		width:22px;
		height:57px;
		background:transparent url(../images/metanav_right.png) top left no-repeat;
	}
	div#metanav .middle{
		float:left;
		width:175px;
		height:42px;
		padding-top:15px;
		background:transparent url(../images/metanav_middle.png) top left repeat-x;
		}
		div#metanav .middle a{
			text-decoration:none;
			color:#8bb401;
			font-size:11px;
			padding-right:14px;
		}
		div#metanav .middle a.last{
			padding-right:0px;
		}
		div#metanav .middle a:hover, div#metanav .middle a.active{
			color:#e42219;
		}