/**
 * "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.2
 */
@media all {
  .ym-vlist { margin: 0 0 1.5em; list-style: none; border: 0; }
  .ym-vlist ul { list-style: none; margin: 0; padding: 0; width: 100%; overflow: hidden; }
  .ym-vlist ul ul { border: 0; }
  .ym-vlist li { float: left; width: 100%; margin: 0; padding: 0; }
  
  .ym-vlist li a { display: block; font-weight: 700; color: #000; padding: 0.25em 1em; text-decoration: none; }
  .ym-vlist li a:focus, .ym-vlist li a:hover, .ym-vlist li a:active, .ym-vlist li.active > a { background: #C1272D; color: #FFF; outline: 0; }
  
  .ym-vlist li ul li a { color: #1A1A1A; 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 { background: #E5EBEE; color: #1A1A1A; }
  
  .ym-vlist li ul li ul li a { font-weight: 400; 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 { background: none; color: #50788E; }
  
  .ym-vlist li ul li ul li ul li a { }
  .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 { }
  
  #mobilenav { clear: both; margin: 0; }
  #mobilenav > ul { padding: 1.5em 0; }
}