@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 38 2007-07-12 01:39:27Z hieblmedia $
* @package    yamljoomla
* @version    2.7.2
* @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 {
    width: 100%;
    overflow: hidden;
    margin: 2.4em 0 1.5em 0;
    list-style-type: none;
    border-top: 2px #ddd solid;
    border-bottom: 2px #ddd solid;
  }

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

  .submenu a {
    display:block;
    width: 90%;
    padding: 3px 0px 3px 10%;
    text-decoration: none;
    background-color:#fff;
    color: #444;
    border-bottom: 1px #eee solid;
  }

  /* Menu Title */
  .submenu li.title, .submenu li.sub_title {
    width: 90%;
    padding: 3px 0px 3px 10%;
    font-weight: bold;
    color: #444;
    background-color: #fff;
    border-bottom: 4px #888 solid;
  }

  /* Node Icons */
  .submenu  a img {  vertical-align:middle; }

  /* 1. Level */
  .submenu li.active #active_link {
    font-weight: bold;
    color: #0d6dab;
    background-color:#EFF26A;
    border-bottom: 1px #eee solid;
  }

  .submenu li a { width: 90%; padding-left: 10%; background-color:#fff; color: #333; }
  .submenu li a:focus,
  .submenu li a:hover,
  .submenu li a:active { background-color:#0d6dab; color: #EFF26A; text-decoration: none; }

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

  .submenu li ul li a { background-color:#f8f8f8; color: #555; }
  .submenu li ul li a:focus,
  .submenu li ul li a:hover,
  .submenu li ul li a:active { background-color:#0d6dab; color: #EFF26A; }

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

  .submenu li ul li ul li a { background-color:#fcfcfc; color: #777; }
  .submenu li ul li ul li a:focus,
  .submenu li ul li ul li a:hover,
  .submenu li ul li ul li a:active { background-color:#0d6dab; color: #EFF26A; }

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

  .submenu li ul li ul li ul li a { background-color:#ffffff; color: #999; }
  .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 { background-color:#0d6dab; color: #EFF26A; }


/* mod_mainmenu */
  ul#mainlevel {
    width: 100%;
    overflow: hidden;
    list-style-type: none;
    margin:0;
    padding:0;
  }
  ul#mainlevel li { float:left; width: 100%; margin:0; padding: 0 }

  /* 1. Level */
  a.mainlevel {
    display:block;
    width: 90%;
    padding: 3px 0px 3px 10%;
    text-decoration: none;
    background-color:#fff;
    color: #444;
    border-bottom: 1px #eee solid;
  }

  a.mainlevel:hover {
    background-color:#0d6dab; color: #fff;
  }
  a.mainlevel#active_menu {
    font-weight: bold;
    color: #fff;
    background-color:#444;
    border-bottom: 1px #eee solid;
  }
}