/**
* FORMATIERUNG NAVIGATION
*
* Formatierung aller Navigationselemente auf der Website
*
* @copyright       Copyright 20012-2013, .hausformat
* @link            http://www.hausformat.com
*/

@media all {

    /*-------------------------------------------------------------------------*/
    /* Skip Links */

    .ym-skiplinks a.ym-skip:focus,
    .ym-skiplinks a.ym-skip:active {
        color: #fff;
        background: #333;
        border-bottom: 1px #000 solid;
        padding: 10px 0;
        text-align: center;
        text-decoration: none;
    }


    /*-------------------------------------------------------------------------*/
    /* Topnavigation */

    #topnav {
        position: absolute;
        top: 0;
        right: 10px;
        overflow: hidden;
    }

    #topnav ul {
        margin: 0;
        list-style-type: none;
        float: right;
        border-bottom: 1px solid #E4E4E4;
    }

    #topnav ul li {
        padding: 5px 10px;
        font-size: 86.7%;
        float: left;
        border-left: 1px solid #E4E4E4;
    }

    #topnav ul.topnav,
    #topnav ul.langnav {
        border-right: 1px solid #E4E4E4;
    }

    #topnav ul li.hidden {
        display: none;
    }

    #topnav ul li a {
        color: #333;
    }

    #topnav ul li a:hover,
    #topnav ul li a:focus,
    #topnav ul li a:active,
    #topnav ul li.active a,
    #topnav ul li a.active {
        color: #b8c200; /*BRANDCOLOR*/
        text-decoration: none;
        border-bottom: none;
    }


    /*-------------------------------------------------------------------------*/
    /* Metanavigation */

    #metanav ul {
        margin-top: 0;
        margin-left: 0;
        list-style-type: none;
    }

    #metanav ul li {
        float: left;
    }

    #metanav ul li:before {
        content: "|";
        margin: 0 6px;
    }

    #metanav ul li:first-child:before {
        content: "";
        margin: 0;
    }

    #metanav ul li a {
        color: #444;
    }

    #metanav ul li a:hover,
    #metanav ul li a:focus,
    #metanav ul li a:active,
    #metanav ul li a.active, {
        color: #444;
        text-decoration: none;
    }


    /*-------------------------------------------------------------------------*/
    /* Horizontale Liste / Mainnav */

    #mainnav.ym-hlist ul {
        margin: 0;
        overflow: hidden;
    }

    #mainnav.ym-hlist > ul > li {
        margin: 0;
        padding: 0;
        float: left;
        list-style-type: none;
    }

    #mainnav.ym-hlist > ul > li > a {
        padding: 10px;
        color: #444;
        display: block;
        border-bottom: none;
        text-transform: uppercase;
    }

    #mainnav.ym-hlist > ul > li:focus > a,
    #mainnav.ym-hlist > ul > li:hover > a,
    #mainnav.ym-hlist > ul > li:active > a,
    #mainnav.ym-hlist > ul > li.active > a {
        color: #b8c200; /*BRANDCOLOR*/
        border-bottom: none;
        text-decoration: none;
    }


    /*-------------------------------------------------------------------------*/
    /* Mainnav Dropdown */

    /* Definitionen für das Dropdown Menu */
    #mainnav .dropdown {
        z-index: 10;
        position: absolute;
        padding: 0;
        display: none;
        min-width: 200px;
        border-top: 5px solid #b8c200; /*BRANDCOLOR*/
        -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.15);
    }

    #mainnav .dropdown ul {
        background-color: #FFF;
    }

    /* Anzeige bei hover */
    #mainnav li:hover .dropdown {
        display: block;
    }

    /* allgemeine li Anpassungen für alle dropdown Ebenen */
    #mainnav .dropdown li {  }

    /* allgemeine a Anpassungen für alle dropdown Ebenen */
    #mainnav .dropdown li a {
        color: #444;
        padding: 5px 0;
        margin: 0 10px;
        display: block;
        border-bottom: 1px solid #DDD;
    }

    #mainnav .dropdown li:last-child a,
    #subnav.ym-vlist ul li.active:last-child ul {
        border-bottom: none;
    }

    #mainnav .dropdown ul li:focus > a,
    #mainnav .dropdown ul li:hover > a,
    #mainnav .dropdown ul li:active > a,
    #mainnav .dropdown ul li.active > a {
        color: #b8c200; /*BRANDCOLOR*/
        text-decoration: none;
    }

    /* spezifische Anpassungen für die einzelnen Levels */
    #mainnav.ym-hlist .dropdown .dropdown-level2 {
        border-radius: 0;
    }

    #mainnav.ym-hlist .dropdown .dropdown-level2 li {
        margin: 0;
        list-style-type: none;
    }

    #mainnav.ym-hlist .dropdown .dropdown-level2 li a {
        font-weight: normal;
        padding: 0 0 0 25px;
    }


    /*-------------------------------------------------------------------------*/
    /* Vertikale Liste / Subnav */

    #subnav.ym-vlist {
        margin: 0 10px;
    }

    .ym-vtitle {
        margin: 0;
        background-color: #FFF;
        margin: 0 10px;
        padding: 16px 20px 0 20px;;
    }

    #subnav.ym-vlist ul,
    #subnav.ym-vlist ul li {
        background-color: #FFF;
        list-style-type: none;
        float: none;
        padding: 0;
        margin: 0;
    }

    #subnav.ym-vlist ul li a:before {
        padding-right: 10px;
        content: '•';
        color: #BBB;
    }

    #subnav.ym-vlist ul li a {
        font-size: 106.7%;
        color: #444;
        display: block;
        margin: 0 20px;
        padding: 10px 0;
        border-bottom: 1px solid #DDD;
    }

    #subnav.ym-vlist ul li:not(.active):last-child a,
    #subnav.ym-vlist ul li.active:not(.ifsub):last-child a  {
        border-bottom: none;
    }

    #subnav.ym-vlist ul li a:hover,
    #subnav.ym-vlist ul li a:focus,
    #subnav.ym-vlist ul li a:active,
    #subnav.ym-vlist ul li.active a {
        color: #b8c200; /*BRANDCOLOR*/
    }

    #subnav.ym-vlist ul li a:hover:before,
    #subnav.ym-vlist ul li a:focus:before,
    #subnav.ym-vlist ul li a:active:before,
    #subnav.ym-vlist ul li.active a:before {
        color: #b8c200; /*BRANDCOLOR*/
    }

    /* Subnav Ebene 2 */
    #subnav.ym-vlist ul li.active ul {
        padding: 5px 0;
        margin: 0 20px;
        background-color: #ffffff;
    }

    #subnav.ym-vlist ul li.active ul {
        border-bottom: 1px solid #DDD;
    }

    #subnav.ym-vlist ul li.active ul li a {
        color: #444;
        display: block;
        margin: 0;
        padding: 5px 0;
        border-bottom: none;
    }

    #subnav.ym-vlist ul li.active ul li a:before {
        color: #BBB;
    }

    #subnav.ym-vlist ul li.active ul li a:hover,
    #subnav.ym-vlist ul li.active ul li a:focus,
    #subnav.ym-vlist ul li.active ul li a:active,
    #subnav.ym-vlist ul li.active ul li.active a {
        color: #b8c200; /*BRANDCOLOR*/
    }

    #subnav.ym-vlist ul li.active ul li a:hover:before,
    #subnav.ym-vlist ul li.active ul li a:focus:before,
    #subnav.ym-vlist ul li.active ul li a:active:before,
    #subnav.ym-vlist ul li.active ul li.active a:before {
        color: #b8c200; /*BRANDCOLOR*/
    }


    /* Subnav Ebene 3 */
    #subnav.ym-vlist ul li.active ul li.active ul {  }

    #subnav.ym-vlist ul li.active ul li.active ul li {  }

    #subnav.ym-vlist ul li.active ul li.active ul li a {  }

    #subnav.ym-vlist ul li.active ul li.active ul li a:before {  }

    #subnav.ym-vlist ul li.active ul li.active ul li a:hover,
    #subnav.ym-vlist ul li.active ul li.active ul li a:focus,
    #subnav.ym-vlist ul li.active ul li.active ul li a:active {  }

    #subnav.ym-vlist ul li.active ul li.active ul li.active a {  }

    /* Spacer */
    #subnav.ym-vlist ul li.spacer {
        border-bottom: none;
        line-height: 18px;
    }


    /*-------------------------------------------------------------------------*/
    /* Mobile Navigation / mobile navigation */
    /* mobile-nav.css wird nicht unbedingt geladen, darum wird
       hier mobile-nav hier auf display: none; gesetzt */

    #mobile-nav {
        display: none;
    }

}