/* ######################################################################################################
** # "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) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5
**  Dateiversion: 18.06.06  
**  Datei       : nav_vlist.css
**  Funktion    : Formatierung der Hauptnavigation: Reiternavigation "Sliding Doors"
**
*/

@media all
{
/* ######################################################################################################
** # "YAML to Joomla Template" (c) by Reinhard Hiebl (www.to-joomla.de - www.hieblmedia.de) #############
** ######################################################################################################
** ### Vertikale Listennavigation #######################################################################
** ######################################################################################################
*/

	#main #submenu { 
		width: 175px; 
		overflow: hidden;
		/*margin: 0.6em 0 1.5em -1em;*/
                font-family:arial, verdana, sans-serif;
                margin: 7px 0 18px -1em; 
                
		list-style-type: none; 
		border-top: 20px #0653A0 solid; 
		border-bottom: 5px #0653A0 solid; 
	}
	
	#main #submenu a { display:block; text-decoration: none; font-size:13px; }
	#main #submenu li { float:left; width: 100%; margin:0; padding:0; }

	#main #submenu li span { 
		display:block; 
		width: 95%; 
		padding: 3px 0px 3px 5%; 
		background-color:#f4f4f4; 
		color: #444; 
		font-weight: bold; 
		border-bottom: 1px #444 solid;
	}
	
	#main #submenu li a { 
		width: 95%; 
		padding: 3px 0px 4px 5%;
                margin:0 0 0 0; 
		background:#fff url(../../img/linie.jpg) no-repeat bottom; 
		color: #444; 
		/*border-bottom: 1px #444 dotted;*/
	}
	#main #submenu li a:hover { background-color:#EEEEEE; color: #333; }
	
	#main #submenu li ul { list-style-type: none; margin:0; padding: 0; }
	#main #submenu li ul li { float:left; width: 100%; margin:0; padding:0; }
	#main #submenu li ul li a { 
		width: 80%; 
		padding: 3px 0px 3px 20%; 
		background-color:#f8f8f8; 
		color: #666; 
		border-bottom: 1px #444 solid; 
	}

	#main #submenu li ul li a:hover { background-color:#f63; color: #fff; }
	
	#main #submenu li#title { 
		width: 90%; 
		padding: 3px 0px 3px 10%; 
		font-weight: bold; 
		color: #444; 
		background-color: #fff; 
		border-bottom: 4px #888 solid; 
	}
	
	#main #submenu li #active{ 
		width: 90%; 
		padding: 3px 0px 3px 10%;
                margin:0 0 0 0; 
		font-weight: bold; 
		color: #fff; 
		background-color:#fff; 
		border-bottom: 1px #eee dotted;
	}
	
	#main #submenu li ul #active { 
		width: 80%; 
		padding: 3px 0px 3px 20%; 
                margin:0 0 0 0;
		font-weight: bold; 
		color: #fff; 
		background-color:#fff; 
		border-bottom: 1px #fff dotted;
	}
        

        #main #submenu #submenu_current #submenu_active_link {/*background-color:#eeeeee;*/background:#eee url('../../img/linie3.jpg') no-repeat bottom;  border-bottom: 1px solid #333; color: #333; font-size:13px; font-weight:bold}

        


}