@charset "UTF-8";
/**
* "Yet Another Multicolum Layout" - (X)HTML/CSS Framework
* "YAML for Joomla Template" - http://www.joomla-template-yaml.de
*
* (en) Vertical list navigation "vlist" with CSS Classes for multiusing
* (de) Vertikale Navigationsliste "vlist" mit CSS Klassen fr Mehrfachverwendung
*
* @version    $Id: nav_vlist.css 132 2007-12-07 16:14:31Z hieblmedia $ 
* @package    yamljoomla
* @version    2.7.4
* @link       http://www.joomla-template-yaml.de
* @copyright  Copyright (C) 2005-2007 Reinhard Hiebl
* @license    CC-A-NC 2.0 (http://creativecommons.org/licenses/by-nc-sa/2.0/de/),
*             http://www.joomla-template-yaml.de/nutzungsbedingungen.html  
*/

@media all
{
  .submenu   { color: #fff; background-color: #000; list-style-type: none; margin: 2.4em 0 1.5em; width: 100%; overflow: hidden }

  .submenu ul   { color: #fff; background-color: #000; list-style-type: none; margin: 0; padding: 0 }
  .submenu li  { color: #fff; background-color: #000; margin: 0; padding: 0; width: 100%; float: left }

  .submenu a    { color: #fff; text-decoration: none; background-color: #000; display: block; padding: 2px 0 2px 10%; width: 90% }

  /* Menu Title */
  .submenu li.title, .submenu li.sub_title   { color: #fff; font-weight: bold; background-color: #000; padding: 3px 0 3px 10%; width: 90% }
  
  /* Node Icons */
  .submenu  a img {  vertical-align:middle; }

  /* 1. Level */
  .submenu li.active #active_link   { color: #f90; font-weight: bold }
  
  .submenu li a     { color: #fff; font-size: 0.92em; background-color: #000; padding-left: 2%; width: 90% }
  .submenu li a:focus,
  .submenu li a:hover,
  .submenu li a:active    { color: #f90; text-decoration: underline }

  /* 2. Level */
  .submenu li ul li a  { color: #fff; background-color: #000; padding-left: 20%; width: 80% }

  .submenu li ul li a  { color: #fff; background-color: #000 }
  .submenu li ul li a:focus,
  .submenu li ul li a:hover,
  .submenu li ul li a:active   { color: #f90 }

  /* 3. Level */
  .submenu li ul li ul li a  { color: #fff; background-color: #000; padding-left: 30%; width: 70% }

  .submenu li ul li ul li a  { color: #fff; background-color: #000 }
  .submenu li ul li ul li a:focus,
  .submenu li ul li ul li a:hover,
  .submenu li ul li ul li a:active  { color: #fff; background-color: #f90 }

  /* 4. Level */
  .submenu li ul li ul li ul li a  { color: #fff; background-color: #000; padding-left: 40%; width: 60% }

  .submenu li ul li ul li ul li a  { color: #fff; background-color: #000 }
  .submenu li ul li ul li ul li a:focus,
  .submenu li ul li ul li ul li a:hover,
  .submenu li ul li ul li ul li a:active  { color: #fff; background-color: #f90 }
  
  
/* mod_mainmenu */
  ul#mainlevel  { color: #fff; list-style-type: none; margin: 0; padding: 0; width: 100%; overflow: hidden }
	ul#mainlevel li  { color: #fff; margin: 0; padding: 0; width: 100%; float: left }

  /* 1. Level */
  a.mainlevel   { color: #fff; text-decoration: none; display: block; padding: 3px 0 3px 10%; width: 90%; border-bottom: 1px solid #eee }
	a.mainlevel:hover  { color: #fff; background-color: #f90 }
  a.mainlevel#active_menu   { color: #fff; font-weight: bold; background-color: #000; border-bottom: 1px solid #eee }
	#bott.mainlevel { color: #fff; font-size: 75%; text-align: center; list-style-type: none; margin: 0; padding: 0; top: 20px; width: 100%; overflow: hidden }
	bott.a.mainlevel { color: #fff; text-decoration: none; display: block; width: 90%; border-bottom: 1px solid #eee }
}