/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */

@media all
{
  .vlist {
    width:100%;
    overflow:hidden;
    margin:0 0 1.5em 0;
    list-style-type:none;
  }

  .vlist ul {
    list-style-type:none;
    margin:0;
    padding:0;
  }

  /* EBENE 1: Aktuelles, Service, etc.*/
  .vlist li {
    float:left; /* LTR */
    width:100%;
    margin:0.1em 0 0.1em 0;
    padding:0;
    border-top: 2px #ddd dotted;
  }
  /* EBENE 1: Aktuelles */
  .vlist li.first{border:none;}

  .vlist a
  {
    display:block;
    padding:3px 0px 3px 10%;
    text-decoration:none;
  }

  /* EBENE 1:  */
  .vlist li a{ width:98%; padding-left:2%; color:#000000; font-weight:bold; font-size:1.2em;  }
  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active { color:#0090D4; background-color:#fff;  outline: 0 none; }
  
  .vlist li a.active{ color:#0090D4; }

  /* EBENE 2: */
  .vlist ul { margin-left:5px; }
  .vlist li ul li a,
  .vlist li a.active ul li a.active
    {
  	  background-image: url(../../bilder/pfeil_nav.gif);
	  background-position: 5px 0.7em;
	  background-repeat: no-repeat;
  	  padding-left:15px;
  	  font-size:1.0em;
  }
  .vlist li ul li {border:0; margin:0; }
  .vlist li ul li a { background-color:#fff; color:#333; border-left:8px #FFF solid; width:91%;}
  .vlist li ul li a:visited { background-color:#fff; /*color:#333;*/ border-left:8px #FFF solid;}
  .vlist li ul li a:focus,
  .vlist li ul li a:hover,
  .vlist li ul li a:active { color:#0090D4; background-color:#fff; border-left:8px #0090D4 solid;  }
  /* EBENE 2: Aktiv */
  .vlist li ul li a.active { background-color:#DFF1F9; border-left:8px #0090D4 solid;   }
  /* Level 3 */
  .vlist li ul li ul li {  margin-left:-5px;} 
  .vlist li ul li ul li a 
  { 
  	  background-image: url(../../bilder/dot.png);
	  background-position: 15px 0.7em;
	  background-repeat: no-repeat;
  	  padding-left:25px; font-weight:normal; color:#000000;  
  } 

  .vlist li ul li ul li a.active
  {
   	  background-image: url(../../bilder/dot_blue.png);
	  background-position: 15px 0.7em;
	  background-repeat: no-repeat;
  	  padding-left:25px; font-weight:normal; 
      color:#0090D4;
      border-left:8px #DFF1F9 solid;
  }
  
  .vlist li ul li ul li a,
  .vlist li ul li ul li a:visited{ background-color:#DFF1F9;  border-left:8px #DFF1F9 solid;  }
  .vlist li ul li ul li a:focus,
  .vlist li ul li ul li a:hover,
  .vlist li ul li ul li a:active 
  { 
  	color:#0090D4; 
  	background-color:#DFF1F9;
   	  background-image: url(../../bilder/dot_blue.png);
	  background-position: 15px 0.7em;
	  background-repeat: no-repeat;
  	  padding-left:25px; font-weight:normal; 
  	/* text-decoration:underline;*/ 
  	border-left:8px #DFF1F9 solid;  
  }
.vlist li ul li ul li{background:#DFF1F9;}
.vlist li ul li ul li ul {  padding-left:10px; } 
.vlist li ul li ul li ul li a.active{ /*font-weight:bold; color:#000;*/text-decoration:underline;} 
}