/*
	CSS Stuttgarter Navigation V 0.1
	Π2008 | WDS New Media GmbH
	Pascal Vorsmann
*/

/* BREAD-CRUMP NAVIGATION */
div #breadcrump {
	margin-left:28px;
	margin-top:128px;
	position:absolute;
	color:#ffffff;
	text-transform:uppercase;
}
div #breadcrump a {
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
}
div #breadcrump a:hover {
	text-decoration:underline;
}





/* SeitenwechselNavigation */
/* Link */
div #bereich_navi a {
	border:1px solid #FFFFFF;
	border-bottom:none;
	margin: 0;
	padding: 0px 20px 0px 9px;
	display: block;
	text-transform:uppercase;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}




/* HAUPTNAVIGATION */

div #main_navi ul {
	margin: 0;
	padding: 0;
}
/* 1. Ebene 
-----------------------------------*/
div #main_navi li {
	list-style-type:none;
	margin: 0; padding: 0 0 10 0;
	float: left;
	display: block;
	cursor: pointer;
	border:1px solid #cac9c9;
	border-bottom:none;
	margin-right:12px;
	background: transparent url(../images/hg_nav.gif) no-repeat top right;
}
/* Link */
div #main_navi li a {
	border:1px solid #FFFFFF;
	border-bottom:none;
	margin: 0;
	padding: 0px 20px 0px 9px;
	display: block;
	text-transform:uppercase;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 24px;
	text-align: left;
}
/* Hintergrundgrafiken */
div #main_navi ul li:hover {
	background: transparent url(../images/hg_nav_o.gif) no-repeat top right;
}
div #main_navi li a.active {
	background: transparent url(../images/hg_nav.gif) no-repeat top right;
	color: #009ee0;
}

div #main_navi ul li a.active{
	background: transparent url(../images/hg_nav_o.gif) no-repeat top right;
}
div #main_navi ul li ul li a.active {
	background-image:none !important;
}
/* 2. Ebene und tiefer
-----------------------------------*/
div #main_navi li ul li {
	_height:0%;
}
div #main_navi li ul li, div #main_navi li ul li {
	padding:0; margin:0;
}
div #main_navi li ul {
	position: absolute;
	margin-left:-1999px;
	height: auto;
	border: 1px solid #cac9c9;
	border-top:none;
	/*width:expression(this.parentNode.getElementsByTagName('ul').getWidth() + "px");*/
	width:185px;
	background: #ffffff url(../images/hg_nav_e2.gif) repeat-x bottom left;
}
div #main_navi li ul li {
	float:none;
	border:none;
	background:none;
}
/* Link */
div #main_navi li ul a {
	border:none;
	padding:5px 0 5px 10px;
	text-transform:none;
	display:block;
	line-height: normal;
	font-size: 10px;
}

/* 3. Ebene und tiefer
-----------------------------------*/
div #main_navi li ul li ul {
	border: 1px solid #cac9c9;
}

/* MouseOver und Aktivstatuten alle Ebenen
-----------------------------------*/

/* Aktive Links */
div #main_navi li ul li a.active {
	color:#009ee0;
}
/* Keine Hintergrundgrafik ab Ebene 2 */
div #main_navi li ul li:hover{
	background:none;
}
/* Blau und Schwarz bei Mouseover/out */
div #main_navi ul li:hover a{
	color: #009ee0;
}
div #main_navi ul li:hover ul li a{
	color: #000000;
}
div #main_navi ul li:hover ul li:hover a, div #main_navi ul li:hover ul li a.active{
	color: #009ee0;
}
div #main_navi ul li:hover ul li:hover ul li a{
	color: #000000;
}
div #main_navi ul li:hover ul li:hover ul li:hover a, div #main_navi ul li:hover ul li:hover ul li a.active{
	color: #009ee0;
}
div #main_navi ul li:hover ul li:hover ul li:hover ul li a{
	color: #000000;
}
div #main_navi ul li:hover ul li:hover ul li:hover ul li:hover a, div #main_navi ul li:hover ul li:hover ul li:hover ul li a.active{
	color: #009ee0;
}
div #main_navi ul li:hover ul li:hover ul li:hover ul li:hover ul li a{
	color: #000000;
}

/* Ein/Ausblenden aller Flächen ab Ebene 2
-----------------------------------*/
div #main_navi li:hover ul, div #main_navi li:hover ul ul, div #main_navi li:hover ul ul ul, div #main_navi li:hover ul ul ul ul{
	margin-left: -1999px;
}
div #main_navi li:hover ul, div #main_navi li li:hover ul, div #main_navi li li li:hover ul, div #main_navi li li li li:hover ul{
	margin-left: 0px;
}

div #main_navi li li:hover ul, div #main_navi li li li:hover ul, div #main_navi li li li li:hover ul{
	margin-left: 170px;
	margin-top:-18px;
}