/* ### Header Navigation ##################################################### */

#nav-header {
	margin-right:63px; /* Siehe #logo { width } */
	padding-top:24px;
}

/* ### Side Navigation ######################################################### */

#nav-side-top {
	background-image:url(menu-top.gif);
	height:19px;
}

#nav-side-middle {
	background-image:url(div-middle.gif);
	background-repeat:repeat-y;
	overflow:hidden; /* Wird im Internet Explorer nicht angewendet, wenn das Element hasLayout besitzt - als Fix eine feste Höhe oder Breite für das Element festlegen */
	width:100%;
}

#nav-side-bottom {
	background-image:url(div-bottom.gif);
	height:19px;
}

/* ### nav1st - first level navigation ######################################## */

ul.nav1st {
	padding:0px 20px;
	font-size:12px;
}

ul.nav1st li {
	display:inline;
	padding:3px 0;
	font-weight:bold;
	text-align:left;
	border-left:1px solid #aaa;
}

ul.nav1st a, 
ul.nav1st a:link,
ul.nav1st a:visited {
	color:#fff;
	text-decoration:none;
	text-transform:none;
	letter-spacing:1.1px;
	padding:0 8px;
}

ul.nav1st a:hover {
	color:#37444f;
	background-color:#121619;
}

ul.nav1st li a.current, 
ul.nav1st li a.current:link,
ul.nav1st li a.current:visited,
ul.nav1st li a.current:hover {
	color:#EB6100;
	background-color:#121619;
	text-decoration:none;
	text-transform:none;
	letter-spacing:1.1px;
	padding:0 8px;
}

/* ### nav2nd - second level navigation ######################################### */

ul.nav2nd {
	font-size:11px;
	text-transform:none;
}

ul.nav2nd li {
	padding:0 1px; /* Innenabstand, damit die background-colors nicht über den 1px Hintergrund-Rand (im Bild) hinaus gehen */
	margin:0;
	text-align:left;
}

* html ul.nav2nd li { /* Star-HTML in-CSS selector-Hack für den Internet Explorer <=6 */
	display:inline; /* Behebung des IE-Whitespace-Bug. Links werden separat auf display:block gestellt */
}

*+html ul.nav2nd li { /* Star-HTML in-CSS selector-Hack für den Internet Explorer 7 */
	display:inline; /* Behebung des IE-Whitespace-Bug. Links werden separat auf display:block gestellt */
}

ul.nav2nd a, 
ul.nav2nd a:link,
ul.nav2nd a:visited {
	background-image:url(nav2nd-nav3rd.gif);
	background-repeat:no-repeat;
	background-position:5px 7px;
	display:block;
	padding:4px 4px 4px 17px; /* oben, rechts, unten, links */
	color:#ffffff;
}

ul.nav2nd a:hover,
ul.nav2nd li.active a:hover {
	background-color:#121619;
	color:#37444f;
}

ul.nav2nd li.active a.current, /* active ist immer in Verbindung mit current */
ul.nav2nd li.active a.current:link,
ul.nav2nd li.active a.current:visited {
	background-image:url(nav2nd-active.gif);
	background-color:#121619;
	color:#EB6100;
}

/* ### nav3rd - second level navigation ######################################### */

ul.nav2nd ul.nav3rd {
	font-size:11px;
	text-transform:none;
}

ul.nav2nd ul.nav3rd li {
	padding:0;
	margin:0;
	text-align:left;
}

ul.nav2nd ul.nav3rd a, 
ul.nav2nd ul.nav3rd a:link,
ul.nav2nd ul.nav3rd a:visited {
	background-image:url(nav2nd-nav3rd.gif);
	background-repeat:no-repeat;
	background-position:5px 7px;
	display:block;
	padding:4px 4px 4px 17px; /* oben, rechts, unten, links */
	color:#ffffff;
	margin-left:17px;
}

ul.nav2nd ul.nav3rd a:hover,
ul.nav2nd ul.nav3rd li.active a:hover {
	background-color:#050607;
	color:#37444f;
}

ul.nav2nd ul.nav3rd li.active a.current, 
ul.nav2nd ul.nav3rd li.active a.current:link,
ul.nav2nd ul.nav3rd li.active a.current:visited {
	background-image:url(nav3rd-active.gif);
	background-color:#050607;
	color:#C64C00;
}