/* #######################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # Modified by Helmut Hummel (c)  2007 ################################################
** #######################################################################
** 
** $Id: nav_vlist.css 287 2007-06-11 14:38:30Z hh $
**  Funktion    : Vertikale Navigationsliste basierend auf: "Sliding Doors"
**
*/

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

	#mainMenu { 
		width: 100%; 
		overflow: hidden;
		margin: 0 0 1.5em 0; 
		list-style-type: none; 
		border-top: none; 
		border-bottom: 2px #ddd solid; 
	}
	
	#mainMenu a { display:block; text-decoration: none; }
	#mainMenu li { float:left; width: 100%; margin:0; padding: 0 }

	#mainMenu li span { 
		display:block; 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		background-color:#f4f4f4; 
		color: #444; 
		font-weight: bold; 
		border-bottom: 1px #ddd solid;
	}
	
	#mainMenu li a { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		background-color:#fff; 
		color: #444; 
		border-bottom: 1px #eee solid;
	}
	#mainMenu li a:hover { background-color:#16475e; color: #fff; }
	
	#mainMenu li ul { list-style-type: none; margin:0; padding: 0; }
	#mainMenu li ul li { float:left; width: 100%; margin:0; padding:0; }
	#mainMenu li ul li a { 
		width: 80%; 
		padding: 3px 0px 3px 20%; 
		background-color:#f8f8f8; 
		color: #666; 
		border-bottom: 1px #ddd solid; 
	}

	#mainMenu li ul li a:hover { background-color:#16475e; color: #fff; }
	
	#mainMenu li#title { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		font-weight: bold; 
		color: #444; 
		background-color: #fff; 
		border-bottom: 4px #888 solid; 
	}
	
	#mainMenu li#selected a,#mainMenu li.active a { background-color:#eee; color: #333; }
	#mainMenu li#selected a:hover { background-color:#16475e; color: #fff; }
	#mainMenu li#selected,#mainMenu li.active { 
		font-weight: bold; 
		color: #fff; 
		border-bottom: 1px #eee solid;
	}
	
	#mainMenu li ul li#selected a,#mainMenu li ul li.active a { background-color:#eee; color: #444; }
	#mainMenu li ul li#selected a:hover { background-color:#16475e; color: #fff; }
	#mainMenu li ul li#selected,#mainMenu li ul li.active { 
		font-weight: bold; 
		color: #fff; 
		border-bottom: 1px #fff solid;
	}

	#mainMenu li ul li ul#submenu-2 li { font-size: 90%; padding-left: 10px;}
	#mainMenu li ul li ul#submenu-2 li a { font-weight: normal;  background-color:#f8f8f8; color: #666; }
	#mainMenu ul#submenu-2 li#selected a,#mainMenu ul#submenu-2 li.active a { background-color:#eee; color: #333; }
	#mainMenu ul#submenu-2 li#selected,#mainMenu ul#submenu-2 li.active { 
		font-weight: bold; 
		color: #fff; 
		border-bottom: 1px #eee solid;
	}

	#mainMenu li ul li ul#submenu-2 li a:hover { background-color:#16475e; color: #fff; }
	

}