/**
* 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: 4px;
        right: 0;
    }

    #topnav ul {
        color: #FFFFFF;
        margin-top: 0;
        margin-left: 0;
        list-style-type: none;
        height: 40px;
    }

    #topnav ul li {
        float: left;
        display: inline-block;
        margin-left: 23px;
    }

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

    #topnav ul li a {
        color: #FFFFFF;
        text-decoration: none;
        zoom: 1;
        filter: alpha(opacity=85);
        opacity: 0.85;
    }

    #topnav ul li {
    }

    #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: #FFFFFF;
        filter: alpha(opacity=100);
        opacity: 1;
    }

    #topnav li.langnav-container {
        margin-left: 14px;
    }
    #topnav ul.langnav li {
        margin-left: 7px;
    }


    /*-------------------------------------------------------------------------*/
    /* 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: #fff;
        zoom: 1;
        filter: alpha(opacity=85);
        opacity: 0.85;
    }

    #metanav ul li a:hover,
    #metanav ul li a:focus,
    #metanav ul li a:active,
    #metanav ul li a.active {
        color: #fff;
        text-decoration: none;
        filter: alpha(opacity=100);
        opacity: 1;
    }


    /*-------------------------------------------------------------------------*/
    /* Responsive Menu Button */

    #mainnav-menu-button {
        padding: 12px 8px;
        cursor: pointer;
        font-weight: bold;
        display: none;
        width: auto;
    }

    #mainnav-menu-button #menu-button-icon {
        background: url('../../../gui/icon-responsive-nav.png') no-repeat right center;
        width: 20px;
        float:right;
    }

    #mainnav-menu-button #menu-suchen-icon {
        background: url('../../../gui/suchen.png') no-repeat right center;
        width: 20px;
        float:right;
        margin-right: 20px;
    }

    #menu-suchen-icon a {
        display: block;
    }

    #menu-suchen-icon a:hover {
        text-decoration: none;
    }


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

    #mainnav.ym-hlist ul {
        margin: 0;
        overflow: hidden;
        background-color: #F1F1F1;
        border-radius: 0;
    }

    #mainnav.ym-hlist > ul > li {
        padding: 0;
        list-style-type: none;
        border-right: 2px solid #f1f1f1;
        background-color: #f1f1f1;
        height: 83px;
        width: 20%;
        display: table-cell;
    }

    #mainnav.ym-hlist > ul > li.nav-item4 {
        border-right: 0;
    }


    #mainnav.ym-hlist > ul > li:focus,
    #mainnav.ym-hlist > ul > li:hover,
    #mainnav.ym-hlist > ul > li:active,
    #mainnav.ym-hlist > ul > li.active {
        background-color: #ffffff;
        border-right: 2px solid white;
    }

    #mainnav.ym-hlist > ul > li.nav-item4 {
        border-right: 0;
    }


    #mainnav.ym-hlist > ul > li > a {
        color: #B22C00;
        padding: 10px 8px 3px 7px;
        display: block;
        background-color: #F1F1F1;
        text-transform: uppercase;
        height: 66px;
        border-bottom: 4px #dddddd solid;
        font-size: 113.33%;
        line-height: 1.2em;
    }

    #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: #B22C00;
        text-decoration: none;
        background-color: #FFFFFF;
        /*text-shadow: 1px 1px 3px #b8bb6f;*/

        border-bottom-color: #eb690b ;
    }

    #mainnav.ym-hlist > ul > li > a > span {
        color: #808080;
        display: block;
        text-transform: none;
        line-height: 115%;
        padding: 5px 30px 4px 0;
        font-size: 86.66%;
    }


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

    /* Definitionen für das Dropdown Menu */
    #mainnav .dropdown {
        z-index: 10;
        position: absolute;
        padding: 4px 0;
        display: none;
        min-width: 231px;
    }

    #mainnav li.nav-item4 .dropdown {
        min-width: 232px;
    }

    #mainnav .dropdown ul {
        background-color: #F3A267;
        padding: 6px 0;
    }

    /* 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: #323232;
        padding: 5px 10px;
        display: block;
    }

    #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: #ffffff;
        background-color: #EB690B;
        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 {
        padding: 0 0 0 25px;
    }


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

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

    #subnav h6.leveltitle {
        color: #323232;
        margin-top: 0;
        margin-bottom: -2px;
        background-color: #e5e5e5;
        padding: 12px 10px 10px 12px;
        text-transform: uppercase;
        font-size: 146.66%; /* 22px */
        line-height: 1.1em;
    }


    /* Subnav Ebene 1 */

    #subnav.ym-vlist ul,
    #subnav.ym-vlist ul li {
        list-style-type: none;
        float: none;
        padding: 0;
        margin: 0;
        display: block;
        line-height: 40px;
        border-bottom: 2px solid #ffffff;
    }

    #subnav.ym-vlist > ul,
    #subnav.ym-vlist > ul > li {
        background-color: #f1f1f1;
    }

    #subnav.ym-vlist > ul {
        margin-top: 4px;
    }

    #subnav.ym-vlist ul li a {
        display: block;
        color: #333333;
        padding: 10px 40px;
        line-height: 1.2em;
    }

    #subnav.ym-vlist > ul > li > a {
        background: url(../../../gui/subnav_arrow_full_size.png) no-repeat;
    }

    #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: #FFFFFF;
        border-bottom: none;
        text-decoration: none;
        background: #EB690B url(../../../gui/subnav_arrow_active_full_size.png) no-repeat;
    }

    #subnav.ym-vlist > ul > li.active.ifsub > a {
        background: #EB690B url(../../../gui/subnav_arrow_active_down_full_size.png) no-repeat;
    }


    /* Subnav Ebene 2 */

    #subnav.ym-vlist ul li.active ul {
        font-size: 14px;
        background-color: #ffffff;
    }

    #subnav.ym-vlist ul li.active ul li {
        color: #333333;
        border-bottom: 1px solid #F1F1F1;
        min-height: 0;
    }

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

    #subnav.ym-vlist ul li.active ul li a {
        color: #323232;
        padding: 10px 5px 10px 40px;
    }

    #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: #EB690B;
    }

    /* Subnav Ebene 3 */

    #subnav.ym-vlist ul li.active ul li.active ul li {
        border-bottom: none;
    }

    #subnav.ym-vlist ul li.active ul li.active ul li a {
        padding-left: 30px;
        padding-top: 5px;
        padding: 6px 3px 6px 55px;

    }

    /* Subnav Ebene 4 */

    #subnav.ym-vlist ul li.active ul li.active ul li.active ul {
        margin-bottom: 5px;
    }

    #subnav.ym-vlist ul li.active ul li.active ul li.active ul li a {
        padding-left: 36px;
        padding-top: 3px;
        padding-left: 70px;
    }


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

    #breadcrumb {
        margin: 0 15px 22px 15px;
        font-size: 86.66%;
    }


    /*-------------------------------------------------------------------------*/
    /* Mobile Hauptnavigation */

    #mobile-nav {
        display: none;
    }

    #mobile-nav .mobile-mainnav {
        margin-left: 0;
        margin-bottom: 0;
        background-color: transparent;
        border-bottom: #333232;
        border-right: 10px solid #F1F1F1;
        border-left:  10px solid #F1F1F1;
    }

    #mobile-nav .mobile-mainnav li {
        list-style-type: none;
        position: relative;
        background: none;
        margin-left: 0;
        padding-left: 0;
    }

    #mobile-nav ul.mobile-mainnav > li {  }

    #mobile-nav ul.mobile-mainnav > li > a {
        text-transform: uppercase;
        background-color: #F1F1F1;
    }

    #mobile-nav .mobile-mainnav li a {
        display: block;
        color: #B22C00;
        text-decoration: none;
        padding: 10px 60px 8px 10px;
        font-weight: bold;
    }

    #mobile-nav .mobile-mainnav li.active li a {
        color: #A2A2A2;
    }

    #mobile-nav .mobile-mainnav li li a {
        color: #A2A2A2;
    }

    #mobile-nav .mobile-mainnav li.active li.active > a {
        background-color: #EB690B;
        color: #FFFFFF;
    }

    #mobile-nav .mobile-mainnav li .mobile-subnav {
        margin-left: 0;
        margin-bottom: 0;
    }

    /*#mobile-nav .mobile-mainnav li .mobile-subnav a:before {
        content: url(../../../gui/subnav_arrow.png);
        display: inline-block;
        vertical-align: middle;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 7px;
        margin-right: 10px;
    }*/

    /*#mobile-nav .mobile-mainnav li .mobile-subnav li.active a:before {
        content: url(../../../gui/subnav_arrow_active.png);
    }*/

    /*#mobile-nav .mobile-mainnav li .mobile-subnav li.active.ifsub a:before {
        content: url(../../../gui/subnav_arrow_active_down.png);
    }*/

    /*#mobile-nav .mobile-mainnav li.active .mobile-subnav.third-level li a:before {
        content: url(../../../gui/subnav_arrow.png);
    }*/

    /*#mobile-nav .mobile-mainnav li.active .mobile-subnav.third-level li.active a:before {
        content: url(../../../gui/subnav_arrow_active.png);
    }*/

    #mobile-nav .mobile-mainnav a.mobile-expand:before {
        content: "";
    }

    #mobile-nav .mobile-mainnav a.mobile-expand {
        width: 16px;
        height: 16px;
        border: none !important;
        padding: 10px !important;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        font-weight: bold;
        font-size: 18px;
    }


    #mobile-nav #mobile-language-menu-button {
        width: 50%;
        float: left;
    }

    #mobile-nav #mobile-language-menu-button ul li {
        display: inline-block;
        list-style: none;
        width: 49%;
        text-align: center;
        border-right: 1px solid #E6E6E6;
        padding: 15px 0;
    }

    #mobile-nav #mobile-language-menu-button ul {
        width: 100%;
        display: block;
        float: left;
        margin-left: 0;
        margin-bottom: 0;
    }

    #mobile-mainnav-menu-button {
        width: 25%;
        float: right;
    }

    #mobile-scroll-menu-button {
        width: 24%;
        float: left;
        text-align: center;
        padding: 15px 0;
        border-right: 1px solid #E6E6E6;
        cursor: pointer;
    }

    #mobile-scroll-menu-button p {
        display: block;
        text-indent: -999em;
        background: transparent url(../../../gui/mobile_phone.png) scroll center 0 no-repeat;
    }

    #mobile-mainnav-menu {
        overflow: hidden;
        width: 100%;
        float: none;
    }

    .mobile-menu-buttons-top {
        overflow: hidden;
        border-bottom: 3px solid #E32B21;
    }

    #mobile-mainnav-menu ul.topnav {
        width: 100%;
        display: block;
        margin-left: 0;
        margin-bottom: 0;
        border-bottom: 3px solid #E32B21;
    }

    #mobile-language-menu-button ul li,
    #mobile-mainnav-menu ul li  {
        background-image: none;
    }

    #mobile-mainnav-menu ul.topnav li {
        display: inline-block;
        list-style: none;
        width: 33%;
        text-align: center;
        border-right: 1px solid #E6E6E6;
        padding: 15px 0;
    }

    #mobile-mainnav-menu ul.topnav li + li + li {
        border-right: 0 none transparent;
    }


    #mobile-nav  ul.mobile-mainnav li ul li a {
        padding-left: 25px;
    }

    #mobile-nav  ul.mobile-mainnav li ul li ul li a {
        padding-left: 40px;
    }

    #mobile-nav  ul.mobile-mainnav li ul li ul li ul li a {
        padding-left: 55px;
    }

    .ifsub .mobile-expand {
        background: transparent url(../../../gui/mobil_nav_plus.png) no-repeat 10px 10px scroll;
        text-indent: -999em;
    }
    .ifsub .mobile-expand.open {
        background-image: url(../../../gui/mobil_nav_minus.png);
    }

    .langnav-container {
        position: relative;
    }


    /*-------------------------------------------------------------------------*/
    /* Language Navigation */

    #langnav-dropdown {
        position: absolute;
        z-index: 500;
        width: 35px;
        padding: 8px 6px;
        border-radius: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        right: 0;
        top: 22px;
        background-color: #ffffff;
        /*height: 85px;*//* 4 language */
        height: 45px;/* 2 language */

    }

    #langnav-dropdown ul,
    #langnav-dropdown ul li {
        display: block;
        float: none;
        clear: both;
        text-align: center;
        list-style-image: none;
        margin: 0;
    }

    #langnav-dropdown ul li,
    #topnav #langnav-dropdown ul li a {
        color: #EB690B;
    }

    #topnav #langnav-dropdown ul li a {
        padding: 3px 5px;
    }

    #topnav #langnav-dropdown ul li a:hover,
    #topnav #langnav-dropdown ul li a:focus,
    #topnav #langnav-dropdown ul li a:active,
    #topnav #langnav-dropdown ul li.active a {
        color: #333;
    }

}