/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : nav_vlist.css
**  Funktion    : Vertikale Navigationsliste "Sliding Doors"
**
*/

@media all
{
/* ######################################################################################################
** ### Vertikale Listennavigation #######################################################################
** ######################################################################################################
*/

	#submenu { 
		width: 91.5%; 
		overflow: hidden;
		margin: /*2.4em */ 0 0 1.5em 0; 
		list-style-type: none; 
		border-top: 2px #ddd solid; 
		border-bottom: 2px #ddd solid; 
		background-color: transparent;
		background-image: url(../../img/bg_subnav_cont.jpg);
		background-repeat:repeat-y;
		background-position: top left;
		padding: 15px 15px 25px 0px;
	}
	
	#submenu a { display:block; text-decoration: none; }
	#submenu li { float:left; width: 100%; margin:0; padding: 0 }
	#submenu ul {list-style-type: none;}
	
	#submenu li span { 
		display:block; 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		/* background-color:#f4f4f4; */
		color: #444; 
		font-weight: bold; 
		border-bottom: 1px #ddd solid;
	}
	
	#submenu li a { 
		width: 90%; 
		padding: 3px 0px 3px 10%;
		margin: 2px 0; 
		/* background-color:#fff; */
		background-image: url(../../img/bg_vnav_button.jpg);
		background-repeat:repeat-y;
		background-position:top left;
		color: #999999; 
		border: 1px #333 solid;
	}
	#submenu li a:hover { background-color:#f63; color: black; background-image: url(../../img/bg_vnav_button_hover.jpg);
		background-repeat:repeat-y;
		background-position:top left; }
	
	#submenu .ebene2 { list-style-type: none; margin:0; padding: 0; }
	#submenu li.ebene2 { float:left; width: 100%; margin:0; padding:0; }
	#submenu li a.ebene2 { 
		width: 80%; 
		padding: 3px 0px 3px 20%; 
		/* background-color:#f8f8f8; */
		color: #666; 
		/* border-bottom: 1px #ddd solid; */
	}

	#submenu li.ebene2 a:hover { background-color:#f63; color: #fff; }
	
	#submenu li a.ebene3 {
		color: white;
		width: 70%; 
		padding: 3px 0px 3px 30%;
		}
	
	#submenu li#title { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		font-weight: bold; 
		color: #444; 
		/* background-color: #fff;
		background-image:url(../../img/bg_subnav_mid.png); */
		border-bottom: 4px #888 solid; 
	}
	
	#submenu li#active { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		font-weight: bold; 
		color: #fff; 
		background-color:#aab; 
		border-bottom: 1px #eee solid;
	}
	
	#submenu li ul li#active { 
		width: 80%; 
		padding: 3px 0px 3px 20%; 
		font-weight: bold; 
		color: #fff; 
		background-color:#aab; 
		border-bottom: 1px #fff solid;
	}


#language { margin-bottom: 0px;}


ul#language {
    float:left;
    display:inline;		/* Fix f�r IE Doubled Float Margin Bug    */ 
    margin:0;			/* Standard-Listendefinition zur�cksetzen */
    padding: 0;
}

ul#language li {
    float: left;
    display:inline;     /* Fix f�r IE Doubled Float Margin Bug    */ 
    margin: 0;
    padding: 0;
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
}

ul#language li a {
    display:block;
    width: auto;
    font-size: 1em;
    font-weight: normal;
    background: transparent;
    text-decoration: none;
    color: #fff;
    margin: 0;
    padding: 0.5em 0.8em 0.5em 0.8em;
}

ul#language li a:hover {
    background: #eee;
    color: #333;
    text-decoration: none;
}



}