/* ######################################################################################################
** # "YAML to Joomla Template" (c) by Reinhard Hiebl (www.to-joomla.de - www.hieblmedia.de) #############
** ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  Template Version: 2.6.2
**  YAML Version    : 2.5.2
**  Datum           : 01.11.06
**  Datei           : nav_vlist.css
**  Funktion        : Formatierung der Hauptnavigation: Reiternavigation "Sliding Doors"
**
*/

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

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

	#submenu li span { 
		display:block; 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
/*		background: #fff url(../../img/nav_001.gif) repeat-x top; */ 
		background-color:#ccddec; 
		color: #333; 
		font-weight: bolder; 
		border-bottom: 1px #ddd solid;
	}
	
	#submenu li a { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
/*		background: #fff url(../../img/nav_001.gif) repeat-x top; */
		background-color:#ccddec ; 
		color: #444; 
		border-bottom: 1px #fff solid;
		border-top: 1px #fff solid;
	}
	
	#submenu li a img, #submenu li ul li a img { 
		vertical-align:middle;
	}
		
	#submenu li a:hover { background-color:#7fa9cf; color: #333; }
	
	#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 20%; 
		background-color:#ccddec ; 
		color: #666; 
		border-bottom: 1px #ddd solid; 
	}
	
	#submenu li#submenu_current a { 
		background-color:#7fa9cf; 
		color: #666; 
		font-weight: bold; 
	}
	#submenu li#submenu_current ul li a { 
		font-weight:normal;
	}

	#submenu li ul li a:hover, #submenu li#submenu_current a:hover { background-color:#9da5c4; color: #fff; }
	
	#submenu li#title { 
		width: 100%; 
		padding: 3px 0px 3px 10%; 
		font-weight: bold; 
		color: #444; 
		background-color: #fff; 
		border-bottom: 4px #888 solid; 
	}
	
	#submenu li#active, #submenu li#submenu_current a#submenu_active_link, #submenu li#submenu_current a#active_link { 
		width: 100%; 
		padding: 3px 0px 3px 10%; 
		font-weight: bold; 
		color: #fff; 
		background-color:#6698c5; 
		border-bottom: 1px #eee solid;
	}
	
	#submenu li ul li#active { 
		width: 100%; 
		padding: 3px 0px 3px 20%; 
		font-weight: bold; 
		color: #fff; 
		background-color:#aab; 
		border-bottom: 0px #fff solid;
	}
	
	
	#submenu li ul li#active a, #submenu li#active a#submenu_active_link, #submenu li#active a#active_link { 
		background:inherit;
		padding:0;
		margin:0;
		border:0;
		color:inherit;	
	}

	/* ######################################################################################################
	** # For Joomla Module mod_mainmenu - FLAT LIST #########################################################
	** ######################################################################################################
	*/
	#main #mainlevel { 
		width: 100%; 
		overflow: hidden;
		margin: 0 0 1.5em 0; 
		list-style-type: none; 
		border-top: 2px #ddd solid; 
		border-bottom: 0px #ddd solid; 
	}
	
	#main #mainlevel a { display:block; text-decoration: none; }
	#main #mainlevel li { float:left; width: 100%; margin:0; padding: 0; }

	#main #mainlevel li a { 
		width: 100%; 
		padding: 3px 0px 3px 10%; 
		background-color:#fff; 
		color: #444; 
		border-bottom: 1px #eee solid;
		font-size:1em;
	}
	#main #mainlevel li a:hover { background-color:#d8cfff; color: #332; }
	
	#main #mainlevel li a#active_menu { 
		width: 100%; 
		padding: 3px 0px 3px 00%; 
		font-weight: bold; 
		color: #fff; 
		background-color:#aab; 
		border-bottom: 1px #eee solid;
	}
	
	
	/* ######################################################################################################
	** # For Joomla Module mod_mainmenu - VERTICAL ##########################################################
	** ######################################################################################################
	*/
	#main table td a.mainlevel {
		width:100%;
		display:block;
		text-decoration: none;
		padding: 3px 0; 
		background-color:#fff; 
		color: #444; 
		border-top: 1px #eee solid;
		border-bottom: 1px #eee solid;
		text-indent:10px;
		margin-bottom:-1px;
		font-size:1em;
	}
	
	#main table td a.mainlevel:hover { 
		background-color:#d8cfff; color: #332;
	}
	
	#main table td a#active_menu { 
		font-weight: bold; 
		color: #fff; 
		background-color:#aab; 
	}	
	
}