/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.0
 */
@media all {
  /* 4 navigation levels defined */
  .ym-vlist {
    margin: 2.5em 0 1.5em;
    list-style-type: none;
    background: transparent;
    border: 0 none;
  }
  .ym-vlist ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
  }
  .ym-vlist ul ul {
    border: 0 none;
  }
  .ym-vlist li {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background: none;
  }
  
  .ym-vlist a,
  .ym-vlist strong,
  .ym-vlist span {
    display: block;
    padding: 0.25em 0;
    line-height: 1.5em;
    text-decoration: none;
  }
  .ym-vlist li.active strong {
    font-weight: bold;
  }
  
  /* level 1 */
  .ym-vlist li a,
  .ym-vlist li strong,
  .ym-vlist li span {
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
    color: #4D4D4D;
    font-weight: 600;
    border-bottom: 1px dashed #CACACA;
  }
  
  .ym-vlist > ul > li.last > a { border-bottom: none; }
  
  .ym-vlist li a:focus,
  .ym-vlist li a:hover,
  .ym-vlist li a:active,
  .ym-vlist li.active > a {
    outline: 0 none;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    background: #B9C8D0;
    background: -moz-linear-gradient(left,  #b9c8d0 0%, #e0e6e9 50%, #b9c8d0 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b9c8d0), color-stop(50%,#e0e6e9), color-stop(100%,#b9c8d0));
    background: -webkit-linear-gradient(left,  #b9c8d0 0%,#e0e6e9 50%,#b9c8d0 100%);
    background: -o-linear-gradient(left,  #b9c8d0 0%,#e0e6e9 50%,#b9c8d0 100%);
    background: -ms-linear-gradient(left,  #b9c8d0 0%,#e0e6e9 50%,#b9c8d0 100%);
    background: linear-gradient(to right,  #b9c8d0 0%,#e0e6e9 50%,#b9c8d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9c8d0', endColorstr='#b9c8d0',GradientType=1 );
  }
  
  
  
  /* level 2 */
  .ym-vlist li ul li a,
  .ym-vlist li ul li strong,
  .ym-vlist li ul li span {
    font-weight: 400;
    background: #E3E9EC;
    padding-left: 2em;
  }
  .ym-vlist li ul li a:focus,
  .ym-vlist li ul li a:hover,
  .ym-vlist li ul li a:active,
  .ym-vlist li ul li.active > a {
    color: #4D4D4D;
    background: rgba(32, 68, 118, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40204476', endColorstr='#40204476',GradientType=1 );
  }
  
  
  
  /* level 3 */
  .ym-vlist li ul li ul li a,
  .ym-vlist li ul li ul li strong,
  .ym-vlist li ul li ul li span {
    color: #666666;
    background: #F4F6F7;
    padding-left: 3em;
  }
  .ym-vlist li ul li ul li a:focus,
  .ym-vlist li ul li ul li a:hover,
  .ym-vlist li ul li ul li a:active,
  .ym-vlist li ul li ul li.active > a {
    color: #666666;
    background: rgba(121, 143, 173, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40798FAD', endColorstr='#40798FAD',GradientType=1 );
  }
  
  
  
  /* level 4 */
  .ym-vlist li ul li ul li ul li a,
  .ym-vlist li ul li ul li ul li strong,
  .ym-vlist li ul li ul li ul li span {
    padding-left: 4em;
  }
  .ym-vlist li ul li ul li ul li a:focus,
  .ym-vlist li ul li ul li ul li a:hover,
  .ym-vlist li ul li ul li ul li a:active,
  .ym-vlist li ul li ul li ul li.active > a {
  }
}