/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5
**  Dateiversion: 18.06.06  
**  Datei       : nav_vlist.css
**  Funktion    : Formatierung der Hauptnavigation: Reiternavigation "Sliding Doors"
**
*/

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

	#submenu { 
		width: 100%; 
		overflow: hidden;
		margin: 0; /* .em 0 0.5em 0; 	*/ /* margin: 2.4em 0 1.5em 0; */
		list-style-type: none; 
		border-top: 2px #dde solid; 
		border-bottom: 2px #dde solid; 
	}
	
	#submenu a { display:block; text-decoration: none; }
	#submenu li { float:left; width: 100%; margin:0; padding: 0; font-weight: bold; 	}

	#submenu li span { 
		display:block; 
		width: 100%; 
		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%; 
		background-color: #013461; /* #106;  */
		color: #EEF; 
		border-bottom: 1px #eee solid;

	}

	#submenu li a#active { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		background-color:#2E618E; 
		color: #EEF; 
		border-bottom: 1px #eee solid;
	}
	
	#submenu li a:hover { background-color:#2E618E; color: #ffD;}
	
	#submenu li ul { list-style-type: none; margin:0; padding: 0; }
	#submenu li ul li { float:left; width: 100%; margin:0; padding:0; }
	#submenu li ul li a { 
		width: 100%; 
		padding: 3px 0px 3px 0%; 
		background-color:#f8f8f8; 
		color: #666; 
		border-bottom: 1px #ddd solid; 
	}

	#submenu li ul li a:hover { background-color:#008; color: #fff; }
	
	#submenu li#title { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		font-weight: bold; 
		color: #444; 
		background-color: #fff; 
		border-bottom: 4px #888 solid; 
	}
	
	#submenu li ul li#active { 
		width: 80%; 
		padding: 0; /*3px 0px 3px 20%; */
		font-weight: bold; 
		color: #ffe; 
		background-color:#aab; 
		border-bottom: 1px #fff solid;
	}


}