@charset "UTF-8";
/**
 * "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.2.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */

@media all
{
  /* title */
  h6.vlist {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:100%;
    width:90%;
    padding:3px 0px 3px 10%; /* LTR */
    margin:0;
    color:#fff;

  }

  .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;
  }

  .vlist li {
    float:left; /* LTR */
    width:100%;
    margin:0;
    padding:0;
    background: url(button.png) no-repeat;
    height: 34px;
    width: 187px;
  }

  .vlist strong a {height: 34px;}

  .vlist a,

  .vlist span {
    display:block;
    padding:7px 0px 3px 0;
    text-decoration:none;
   
  }

  .vlist a,
  .vlist a:visited {
    color:#fff;
  }

  .vlist li span {
    display:block;
    font-weight:bold;
    
  }

  /* active list element */
  .vlist li.active {
    color:#fff;
    
    font-weight:bold;
  }

  /* Level 1 */
  .vlist li a,
  
  .vlist li span { width:100%; padding-left:40px; } /* LTR */

  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active {  color:#fff; outline: 0 none; }

  /* Level 2 */
  .vlist li ul li a,
  .vlist li ul li strong,
  .vlist li ul li span { width:90%; padding-left:10%; } /* LTR */

  .vlist li ul li a, 
  .vlist li ul li a:visited { ; color:#fff; }
  .vlist li ul li a:focus,
  .vlist li ul li a:hover,
  .vlist li ul li a:active {  color:#fff; }

  /* Level 3 */
  .vlist li ul li ul li a,
  .vlist li ul li ul li strong,
  .vlist li ul li ul li span { width:85%; padding-left:15%; } /* LTR */

  .vlist li ul li ul li a,
  .vlist li ul li ul li a:visited{ color:#fff; }
  .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:#fff; }

  /* Level 4 */
  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li strong,
  .vlist li ul li ul li ul li span { width:80%; padding-left:20%; } /* LTR */

  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li a:visited {  color:#fff; }
  .vlist li ul li ul li ul li a:focus,
  .vlist li ul li ul li ul li a:hover,
  .vlist li ul li ul li ul li a:active {  color:#fff; }
  
  /* Level 5 */
  .vlist li ul li ul li ul li ul li a,
  .vlist li ul li ul li ul li ul li strong,
  .vlist li ul li ul li ul li ul li span { width:75%; padding-left:25%; } /* LTR */

  .vlist li ul li ul li ul li ul li a,
  .vlist li ul li ul li ul li ul li a:visited {  color:#fff; }
  .vlist li ul li ul li ul li ul li a:focus,
  .vlist li ul li ul li ul li ul li a:hover,
  .vlist li ul li ul li ul li ul li a:active {  color:#fff; }
  
  /* Level 6 */
  .vlist li ul li ul li ul li ul li ul li a,
  .vlist li ul li ul li ul li ul li ul li strong,
  .vlist li ul li ul li ul li ul li ul li span { width:70%; padding-left:30%; } /* LTR */

  .vlist li ul li ul li ul li ul li ul li a,
  .vlist li ul li ul li ul li ul li ul li a:visited {  color:#fff; }
  .vlist li ul li ul li ul li ul li ul li a:focus,
  .vlist li ul li ul li ul li ul li ul li a:hover,
  .vlist li ul li ul li ul li ul li ul li a:active { color:#fff; }
}