@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @copyright       Copyright 2005-2009, 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.1
 * @revision        $Revision: 793 $
 * @lastmodified    $Date: 2009-10-21 14:40:17 +0200 (Mi, 21 Okt 2009) $
 */

@media all
{

  .vlist {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
  }

  .vlist ul {
    margin: 0;
    padding: 0;
    border-top: 1px #456dad solid;
  }
  .vlist ul li ul {
    border: none;
  }

  .vlist li {
    float: left; /* LTR */
    width: 100%;
    margin:0;
    padding: 4px 12px 4px 0px;
    border-bottom: 1px #456dad solid;
    list-style-type: none;
  }

  .vlist a, .vlist strong, .vlist span {
	display: block;
  }
  
  /* active list element */
  .vlist li.active strong, .vlist li.active span {
    color: #737373;
  }

  /* Level 3 */
  .vlist li a,
  .vlist li strong,
  .vlist li span,
  .vlist li a:visited { text-decoration: none; font-weight: bold; color: #456dad }
  
  .vlist li.home {
    background-image: url('/etc/designs/base/images/icon_home.gif');
    background-repeat: no-repeat;
    background-position: 200px 8px;
  }
  
  .vlist li.home a,
  .vlist li.home strong,
  .vlist li.home span,
  .vlist li.home a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #1a3e78
  }

  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active { text-decoration: none; color: #737373 }

  /* Level 4 */
  .vlist li ul li {
    border: none;
    padding: 0;
  }
  
  .vlist li ul li a,
  .vlist li ul li strong,
  .vlist li ul li span,
  .vlist li ul li  a:visited { font-weight: normal; color: #456dad }
  }
  
  .vlist li ul li.active strong, .vlist li ul li.active span {
    color: #737373;
  }
  .vlist li ul li a:focus,
  .vlist li ul li a:hover,
  .vlist li ul li a:active {
    color: #737373;
  }
  
  .vlist .sitemap,
  .vlist .garage {
    border: none;
  }
  
  .vlist .sitemap li {
    float: left; /* LTR */
    width: 100%;
    margin:0;
    list-style-type: none;
    border: none;
    padding: 2px 0;
  }
  
  .vlist .sitemap li a,
  .vlist .sitemap li a:visited { text-decoration: none; font-weight: bold; color: #737373 }
  
  .vlist .sitemap li a:focus,
  .vlist .sitemap li a:hover,
  .vlist .sitemap li a:active { text-decoration: none; color: #456dad }
  
  .vlist .sitemap li.level1 {
    padding-left: 20px;
  }
  .vlist .sitemap li.level2 {
    padding-left: 40px;
  }
  .vlist .sitemap li.level3 {
    padding-left: 60px;
  }
  .vlist .sitemap li.level4 {
    padding-left: 80px;
  }
}

