@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:0;
    list-style-type: none;
  }

  .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:transparent;
    color: #444;
  }
  
  .submenu li.separator {
  	border:1px solid #999;
	border-bottom:0;
	background:#eee;
	height:1px;
	overflow:hidden;
	margin:6px 0;
  }
  .submenu li.separator span {
  	display:none;
  }

  /* Menu Title */
  .submenu li.title, .submenu li.sub_title {
    width: 90%;
    padding: 3px 0px 3px 10%;
    font-weight: bold;
    color: #444;
    background: #76AEEF url(../../images/table-title.gif) repeat-x top;
  }
  
  /* Node Icons */
  .submenu  a img {  vertical-align:middle; }

  /* 1. Level */
  .submenu li.active a, .submenu li li a#active_link {
    font-weight: bold;
  }
  .submenu li li a#active_link {
	font-weight:bold;
  }
  .submenu li.active li a {
    font-weight: normal;
    background-color:transparent;
  }
  
  .submenu li a { 
  	width: 99%; 
	padding-left: 1%; 
	background-color:transparent; 
	color: #333; 
	font-weight:bold; 
	border-bottom:0; 
	padding-bottom:0;
	text-decoration:underline;
	margin-bottom:-2px;
  }
  .submenu li a:focus,
  .submenu li a:hover,
  .submenu li a:active { text-decoration: underline; color:#34498B }

  /* 2. Level */
  .submenu li ul li a { 
  	width: 90%; 
	padding-left: 10%; 
	font-weight:normal; 
	border-bottom:0;
  	background:url("gfx/vlist/node.gif") no-repeat left center;	
	padding-bottom:3px;
  }
  .submenu li ul li.is_last a {
  	background:url("gfx/vlist/node_last.gif") no-repeat left center;	  
  }

  .submenu li ul li a { background-color:transparent; color: #555; }
  .submenu li ul li a:focus,
  .submenu li ul li a:hover,
  .submenu li ul li a:active { text-decoration: underline;  color:#34498B; }

  /* 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: #fff; }

  /* 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: #fff; }
  
  
/* 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;
  }
}