@CHARSET "UTF-8";

nav > .navigation-frame > ul#main-navi-intro > li#nav-324 > a{
    background-image: url(images/backgrounds/bg_puzzle_kandidaten.png);
}
nav > .navigation-frame > ul#main-navi-intro > li#nav-331 > a{
    background-image: url(images/backgrounds/bg_puzzle_schulen.png);
}
nav > .navigation-frame > ul#main-navi-intro > li#nav-339 > a{
    width: 276px;
    background-image: url(images/backgrounds/bg_puzzle_firmen.png);
}
nav > .navigation-frame > ul#main-navi-intro > li#nav-317 > a > .title > .inline > p,
nav > .navigation-frame > ul#main-navi-intro > li#nav-317 > a > .lead > .inline > p{
    color: #009fda;
}

nav > .navigation-frame > ul#main-navi > li#nav-317 > a{
    color: #009fda;
}
nav > .navigation-frame > ul#main-navi > li#nav-317 > a{
    background-color: #fff;
}
nav > .navigation-frame > ul#main-navi > li#nav-324 > a{
    background-color: #a31a7e;
}
nav > .navigation-frame > ul#main-navi > li#nav-331 > a{
    background-color: #7ab800;
}
nav > .navigation-frame > ul#main-navi > li#nav-339 > a{
    background-color: #007c92;
}
nav > .navigation-frame > ul#main-navi > li#nav-339 > a > span{
    top: 18px;
}
nav > .navigation-frame > ul#main-navi > li#nav-317.active > a{
    background-color: #74cae8;
}
nav > .navigation-frame > ul#main-navi > li#nav-324.active > a,
nav > .navigation-frame > ul#main-navi > li#nav-324.active > ul#sub-navi{
    background-color: #b67e9a;
}
nav > .navigation-frame > ul#main-navi > li#nav-331.active > a,
nav > .navigation-frame > ul#main-navi > li#nav-331.active > ul#sub-navi{
    background-color: #99cc66;
}
nav > .navigation-frame > ul#main-navi > li#nav-339.active > a,
nav > .navigation-frame > ul#main-navi > li#nav-339.active > ul#sub-navi{
    background-color: #6ab0bd;
}

@media screen and (max-width: 700px){
    nav > #mobile-navigation-intro > ul#mobile-navi-intro > li > a{
        display: none;
        position: relative;
        font-weight: normal;
        left: -20px;
        /*width: 270px;*/
        height: 91px;
        background: url(images/mobile/backgrounds/bg_puzzle_ecdl.png) top right no-repeat;
        /*background-size: 270px 91px;*/
        background-size: 640px 91px;
    }
    nav > #mobile-navigation-intro > ul#mobile-navi-intro > li#nav-mobile-324 > a{
        background-image: url(images/mobile/backgrounds/bg_puzzle_kandidaten.png);
        /*background-size: 270px 91px;*/
        background-size: 640px 91px;
    }
    nav > #mobile-navigation-intro > ul#mobile-navi-intro > li#nav-mobile-331 > a{
        background-image: url(images/mobile/backgrounds/bg_puzzle_schulen.png);
        /*background-size: 270px 91px;*/
        background-size: 640px 91px;
    }
    nav > #mobile-navigation-intro > ul#mobile-navi-intro > li#nav-mobile-339 > a{
        background-image: url(images/mobile/backgrounds/bg_puzzle_firmen.png);
        /*background-size: 270px 91px;*/
        background-size: 640px 91px;
    }
    nav > #mobile-navigation-intro > ul#mobile-navi-intro > li#nav-mobile-317 > a > .title > .inline > p,
    nav > #mobile-navigation-intro > ul#mobile-navi-intro > li#nav-mobile-317 > a > .lead > .inline > p{
        color: #009fda;
    }

    nav > .navigation-frame > ul#main-navi-intro > li#nav-317 > a{
        background-color: #009eda;
    }
    nav > .navigation-frame > ul#main-navi-intro > li#nav-324 > a{
        background-color: #a31a7e;
    }
    nav > .navigation-frame > ul#main-navi-intro > li#nav-331 > a{
        background-color: #7ab800;
    }
    nav > .navigation-frame > ul#main-navi-intro > li#nav-339 > a{
        width: 100%;
        background-color: #007c92;
    }

    nav > .navigation-frame > ul#main-navi > li#nav-317 > a,
    nav > .navigation-frame > ul#main-navi > li#nav-317.active > a{
        background-color: #009eda;
    }
    nav > .navigation-frame > ul#main-navi > li#nav-324 > a,
    nav > .navigation-frame > ul#main-navi > li#nav-324.active > a{
        background-color: #a31a7e;
    }
    nav > .navigation-frame > ul#main-navi > li#nav-331 > a,
    nav > .navigation-frame > ul#main-navi > li#nav-331.active > a{
        background-color: #7ab800;
    }
    nav > .navigation-frame > ul#main-navi > li#nav-339 > a,
    nav > .navigation-frame > ul#main-navi > li#nav-339.active > a{
        background-color: #007c92;
    }
    nav > .navigation-frame > ul#main-navi > li#nav-324 > a > span{
        top: auto;
    }
    nav > .navigation-frame > ul#main-navi > li#nav-317 > ul#sub-navi{
        background-color: #4cbce5;
    }
    nav > .navigation-frame > ul#main-navi > li#nav-324 > ul#sub-navi{
        background-color: #be5ea4;
    }
    nav > .navigation-frame > ul#main-navi > li#nav-331 > ul#sub-navi{
        background-color: #a2cd4c;
    }
    nav > .navigation-frame > ul#main-navi > li#nav-339 > ul#sub-navi{
        background-color: #4ca3b2;
    }
}