/**
 * "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 {
  .b24-footernav, .b24-dropdown { position: relative; }
  .b24-footernav span {
    color:#000066; text-transform:uppercase; line-height: 1.8em; padding:0 0 0 5%;
  }
  .b24-footernav .b24-social {
    padding:0 0 0 6%;
  }
  .b24-social a { margin-right: .5em; }

  /* 4 navigation levels defined */
  .ym-vlist {
    margin:0; padding: 0; background: transparent; /*border: 0 none;*/ border:0px solid red;
    font:normal normal normal 1em/1em 'Ubuntu', Georgia, Helvetica, sans-serif; text-align: left;
  }
  .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;
  }
  .ym-vlist a, .ym-vlist strong, .ym-vlist span {
    display: block; padding: 3px 0px 3px 10%; text-decoration: none;
  }
  .ym-vlist a, .ym-vlist a:visited {
    color: #444; text-decoration: none;
  }
  .ym-vlist li span {
    display: block; font-weight: bold; border-bottom: 1px #ddd solid;
  }
  .ym-vlist li.active {
    color: #fff; background-color: #666;
  }
  .ym-vlist li.active strong {
    font-weight: bold;
  }
  .ym-vlist li a, .ym-vlist li strong, .ym-vlist li span {
    width: 95%; padding-left: 5%;
  }
  .ym-vlist li a:focus, .ym-vlist li a:hover, .ym-vlist li a:active {
    background-color: rgba(211, 219, 241, 0.3); outline: 0 none; text-decoration: underline; color:#080878;
  }
  .ym-vlist li ul li a, .ym-vlist li ul li strong, .ym-vlist li ul li span {
    width: 80%; padding-left: 20%;
  }
  .ym-vlist li ul li a, .ym-vlist li ul li a:visited {
    background-color: #f8f8f8; color: #333;
  }
  .ym-vlist li ul li a:focus, .ym-vlist li ul li a:hover, .ym-vlist li ul li a:active {
    background-color: #888; color: #fff;
  }
  /* title */
  .ym-vtitle {
    font-weight: bold; font-size: 100%; width: 90%; padding: 3px 0px 3px 10%; margin: 0; color: #444; background-color: #fff; border-top: 2px #ddd solid;
  }
  .ym-vtitle + ul {
    border-top: 4px #888 solid;
  }

  .b24-vlist {
    margin:0; padding:0; background: transparent; /*border: 0 none;*/ border:0px solid red;
    font:normal normal normal 1em/1em 'Ubuntu', Georgia, Helvetica, sans-serif;
  }
  .b24-vlist ul {
    width: 100%; overflow: hidden; list-style-type: none; margin: 0; padding: 0;
  }
  .b24-vlist li {
    float: left; width:100%; margin:0; padding: 0; line-height: 1.8em;
  }
  .b24-vlist li a:before {
    display:inline-block; content:''; margin-right:0.5em; color:#080878;
    width: 0px; height: 0px; -webkit-transform:rotate(360deg);
    border-style: solid; border-width: 5.5px 0 5.5px 9.5px;
    border-color: transparent transparent transparent #080878;
  }​
   .b24-vlist li a, .b24-vlist li strong, .b24-vlist li span {
     padding:0; text-decoration: none;
   }
  .b24-vlist li a, .b24-vlist li a:visited {
    display:inline-block;  width:100%; text-decoration: none;
  }
  .b24-vlist li.active {
    color: #fff; background-color: #666;
  }
  .b24-vlist li.active strong {
    font-weight: bold;
  }
  .b24-vlist li a:focus, .b24-vlist li a:hover, .b24-vlist li a:active {
    background-color: rgba(211, 219, 241, 0.3); outline: 0 none; text-decoration: underline; color:#080878;
  }
  /**
   * „CSS Checkbox Hack“
   */
  .b24-dropdown .checkHead { display: none; }
  .b24-dropdown input[type="checkbox"] { display:none; }
}

@media screen and (max-width: 850px) {
  .b24-footernav span {
    padding:.3em 0 .2em 0;
  }
  .b24-footernav .b24-social { padding-left: 0.9em; margin-top:0.5em; }

  .ym-vlist ul {
    list-style: outside none none; margin: 0; padding: 0;
  }
  .ym-vlist li {
    border-bottom: 1px solid #C0C0C0; line-height: 2em;
  }
  .ym-vlist li a, .ym-vlist li strong, .ym-vlist li span {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDUxNDQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19zdmcgImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8IUVOVElUWSBuc194bGluayAiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQpdPg0KPHN2ZyAgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCA2IDEwIg0KCSBvdmVyZmxvdz0idmlzaWJsZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNiAxMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjOTQ5NDkzIiBwb2ludHM9IjYsNSAxLjI0MSwwIDAsMS4zMDMgMy41MSw1IDAsOC42OTcgMS4yNDEsMTAgIi8+DQo8L3N2Zz4NCg==");
    background-position:right 1.5em center; background-repeat: no-repeat;
    width: 100%; padding-left: 0.9em;
  }
  .b24-footernav span {
    display:block; width:100%; border-bottom: 1px solid #C0C0C0;
  }
  .no-svg .ym-vlist li {
    background-image: url("../img/bkg_footernavarrow.png");
  }
  .ym-vlist li a, .ym-vlist li strong, .ym-vlist li span {
    color: #949493; display: block; text-decoration: none;
  }
  .ym-vlist li a:focus, .ym-vlist li a:hover, .ym-vlist li a:active {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDUxNDQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19zdmcgImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8IUVOVElUWSBuc194bGluayAiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQpdPg0KPHN2ZyAgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCA2IDEwIg0KCSBvdmVyZmxvdz0idmlzaWJsZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNiAxMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjMDgwODc4IiBwb2ludHM9IjYsNSAxLjI0MSwwIDAsMS4zMDMgMy41MSw1IDAsOC42OTcgMS4yNDEsMTAgIi8+DQo8L3N2Zz4NCg==");
    background-position:right 1.5em center; background-repeat: no-repeat;
    outline: 0 none;
  }
}

@media screen and (max-width: 785px) {
  .b24-vlist li { width:50%; }
}

@media screen and (max-width: 568px) {
  .b24-dropdown .checkHead {
    display:block; width:11em; text-align:left; padding: .3em .6em; cursor: pointer; border: 1px solid #636363; border-radius: 0.3em; font-size: 1.0714em;
  }
  .checkHeadmar { margin-top:.2em; }
  .b24-vlist li { width:100%; }
  /**
   * „CSS Checkbox Hack“
   */
  .b24-vlist, .b24-trigger-list { display: none; }
  .checkWrap {
    width: 99%; position: absolute; float:left; top: 10px; left:11.8em; width: 0; height: 0;
    border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #666;
  }
  .b24-dropdown input[type="checkbox"] {
    display: block; position: absolute; float: left; top:0; width: 13.2em; height:28px; z-index: 100; cursor: pointer; opacity:0;
  }
  .b24-dropdown input[type="checkbox"]:checked ~ .checkWrap {
    border-bottom: 10px solid #666; border-top: 0;
  }
  .b24-dropdown input[type="checkbox"]:checked ~ .b24-trigger-list,
  .b24-dropdown input[type="checkbox"]:checked ~ .b24-vlist {
    display: block; margin-top:.6em;
  }
}