/* ######################################################################################################
** # "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: 0em 0 1.5em 0; 
		list-style-type: none; 
		border-top: 0px #ddd solid; 
		border-bottom: 0px #ddd solid;
		font-size: 1.1em; 
	}
	
	#submenu a { display:block; text-decoration: none; }
	#submenu li { float:left; width: 100%; margin:0; padding: 0;}

	#submenu li span { 
		display:block; 
		width: 100%; 
		padding: 3px 0px 3px 5px; 
		background-color:#f4f4f4; 
		color: #444; 
		font-weight: normal; 
		border-bottom: 1px #ddd solid;
	}
	
	#submenu li a { 
		width: 100%; 
		padding: 3px 0px 3px 5px; 
		background-color:#fff; 
		color: #444; 
		border-bottom: 1px #eee solid;
	}
	
	#submenu li a img, #submenu li ul li a img { 
		vertical-align:middle;
	}
		
	#submenu li a:hover { background-color:#b8bfc7; color: #332; }
	
	#submenu li ul { list-style-type: none; margin:0; padding: 0; }
	#submenu li ul li { float:left; width: 90%; margin-left:10%; padding:0; }
	#submenu li ul li a { 
		width: 100%; 
		padding: 2px 0px 2px 5px; 
		margin: 1px 0 1px 0;
		background-color:#fff; 
		color: #666; 
		border-left: 3px #ddd solid; 
		border-bottom: 0px;
	}
	
	#submenu li#submenu_current a { 
		background-color:#f8f8f8; 
		color: #666; 
		font-weight: normal; 
	}
	#submenu li#submenu_current ul li a { 
		font-weight:normal;
	}

	#submenu li ul li a:hover, #submenu li#submenu_current a:hover { background-color:#b8bfc7; color: #332; }
	
	#submenu li#title {
	    display: none; 
		width: 100%; 
		padding: 3px 0px 3px 5px; 
		font-size: 1.2em;
		font-weight: normal; 
		color: #444; 
		background-color: #fff; 
		border-bottom: 1px #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 5px; 
		font-weight: normal; 
		color: #fff; 
		background-color:#85919f; 
		border-bottom: 1px #eee solid;
	}
	
	#submenu li ul li#active { 
		width: 90%; 
		padding: 2px 0px 2px 5px; 
		margin: 1px 0 1px 10%;
		font-weight: normal; 
		color: #fff; 
		background-color:#85919f; 
		border-left: 3px #ddd 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;	
	}
	
	
/* ######################################################################################################
** ### Vertikale Listennavigation - 2 - #######################################################################
** ######################################################################################################
*/

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

	#submenu2 li span { 
		display:block; 
		width: 100%; 
		padding: 3px 0px 3px 5px; 
		background-color:#f4f4f4; 
		color: #444; 
		font-weight: normal; 
		border-bottom: 1px #ddd solid;
	}
	
	#submenu2 li a { 
		width: 100%; 
		padding: 3px 0px 3px 5px; 
		background-color:#fff; 
		color: #444; 
		border-bottom: 1px #eee solid;
	}
	
	#submenu2 li a img, #submenu2 li ul li a img { 
		vertical-align:middle;
	}
		
	#submenu2 li a:hover { background-color:#b8bfc7; color: #332; }
	
	#submenu2 li ul { list-style-type: none; margin:0; padding: 0; }
	#submenu2 li ul li { float:left; width: 100%; margin:0; padding:0; }
	#submenu2 li ul li a { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		background-color:#f8f8f8; 
		color: #666; 
		border-bottom: 1px #ddd solid; 
	}
	
	#submenu2 li#submenu2_current a { 
		background-color:#f8f8f8; 
		color: #666; 
		font-weight: normal; 
	}
	#submenu2 li#submenu2_current ul li a { 
		font-weight:normal;
	}

	#submenu2 li ul li a:hover, #submenu2 li#submenu2_current a:hover { background-color:#b8bfc7; color: #fff; }
	
	#submenu2 li#title {
	    display: none; 
		width: 100%; 
		padding: 3px 0px 3px 5px; 
		font-size: 1.2em;
		font-weight: normal; 
		color: #444; 
		background-color: #fff; 
		border-bottom: 1px #888 solid; 
	}
	
	#submenu2 li#active, #submenu2 li#submenu_current2 a#submenu_active_link2, #submenu2 li#submenu_current2 a#active_link { 
		width: 100%; 
		padding: 3px 0px 3px 5px; 
		font-weight: normal; 
		color: #fff; 
		background-color:#85919f; 
		border-bottom: 1px #eee solid;
	}
	
	#submenu2 li ul li#active { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		font-weight: normal; 
		color: #fff; 
		background-color:#85919f; 
		border-bottom: 1px #fff solid;
	}
	
	
	#submenu2 li ul li#active a, #submenu2 li#active a#submenu2_active_link, #submenu2 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: 2px #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: 90%; 
		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: 90%; 
		padding: 3px 0px 3px 10%; 
		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; 
	}	
	
}