@font-face {
    font-family: 'display';
    src: url('../fonts/allerdisplay-webfont.eot');
    src: url('../fonts/allerdisplay-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/allerdisplay-webfont.woff') format('woff'),
         url('../fonts/allerdisplay-webfont.ttf') format('truetype'),
         url('../fonts/allerdisplay-webfont.svg#aller_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'light';
    src: url('../fonts/aller_lt-webfont.eot');
    src: url('../fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_lt-webfont.woff') format('woff'),
         url('../fonts/aller_lt-webfont.ttf') format('truetype'),
         url('../fonts/aller_lt-webfont.svg#aller_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'light-italic';
    src: url('../fonts/aller_ltit-webfont.eot');
    src: url('../fonts/aller_ltit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_ltit-webfont.woff') format('woff'),
         url('../fonts/aller_ltit-webfont.ttf') format('truetype'),
         url('../fonts/aller_ltit-webfont.svg#aller_lightitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'regular';
    src: url('../fonts/aller_rg-webfont.eot');
    src: url('../fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_rg-webfont.woff') format('woff'),
         url('../fonts/aller_rg-webfont.ttf') format('truetype'),
         url('../fonts/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bold';
    src: url('../fonts/aller_bd-webfont.eot');
    src: url('../fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_bd-webfont.woff') format('woff'),
         url('../fonts/aller_bd-webfont.ttf') format('truetype'),
         url('../fonts/aller_bd-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bold-italic';
    src: url('../fonts/aller_bdit-webfont.eot');
    src: url('../fonts/aller_bdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_bdit-webfont.woff') format('woff'),
         url('../fonts/aller_bdit-webfont.ttf') format('truetype'),
         url('../fonts/aller_bdit-webfont.svg#allerbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'italic';
    src: url('../fonts/aller_it-webfont.eot');
    src: url('../fonts/aller_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_it-webfont.woff') format('woff'),
         url('../fonts/aller_it-webfont.ttf') format('truetype'),
         url('../fonts/aller_it-webfont.svg#alleritalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**
 * MAIN-NAVIGATION
 */
#mainNavi {
    background-image: none;
    clear: both;
    margin-bottom: 30px;
}
.mainNaviLine { display: none }
#mainNavi ul {
    height: auto;
}
#mainNavi li {
    border-right-style: solid;
    border-right-width: 13px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    float: none;;
    padding: 0;
    margin-right: 1.05em;;
    -webkit-transition: all .15s;
       -moz-transition: all .15s;
        -ms-transition: all .15s;
         -o-transition: all .15s;
            transition: all .15s;
    width: 238px;
    }
#mainNavi li:last-child {margin-right: 0}
/* Primarschule */
#mainNavi ul li:nth-child(1) {
    background-color: #fecc00;
    border-right-color: #fed426;
    }
#mainNavi ul li:nth-child(1) li a {color:black;}
#mainNavi ul li:nth-child(1):hover { background-color: #f0c000; }
/* Oberstufe */
#mainNavi ul li:nth-child(2) {
    background-color: #8d0231;
    border-right-color: #9e2850;
    }
#mainNavi ul li:nth-child(2):hover { background-color: #780129; }
/* Verwaltung */
#mainNavi ul li:nth-child(3) {
    background-color: #147ccb;
    border-right-color: #3790d3;
    }
#mainNavi ul li:nth-child(3):hover { background-color: #0f6aad; }
/* Online-Schalter */
#mainNavi ul li:nth-child(4) {
    background-color: #7e4f94;
    border-right-color: #9169a4;
    }
#mainNavi ul li:nth-child(4):hover { background-color: #6c447f; }

#mainNavi ul li a:hover ul { display: block; }
.home #mainNavi a {padding: 146px 0px 7px 17px;}
#mainNavi a {
    color: white;
    text-transform: lowercase;
    display: inline-block;
    padding: 56px 0px 7px 17px;
    white-space: nowrap;
    width: 100%;
    text-align: left;
    font: 25px/1.5em "display";
    letter-spacing: 0.01em;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
    text-decoration: none;;
}
#mainNavi ul li ul {display:none;}
#mainNavi ul li:hover ul {display:block;}
/**
 * Zweite Navigationsebene
 */
.fullNavi ul ul {
    width: 238px;
    padding: 0;
    border-left: 0;
    opacity: 0.95;
}
#mainNavi .fullNavi ul li li {
    width: auto;
    display: block;
    margin-right: 0;
    background: #fecc00;
    border-bottom: 0;
    border-right-color: #fed426;
    -webkit-transition: all 0;
       -moz-transition: all 0;
        -ms-transition: all 0;
         -o-transition: all 0;
            transition: all 0;
}
#mainNavi ul li li a {
    font-size: 13px;
    font-family: "regular";
    text-transform: none;
    padding:7px 0 7px 17px;
}
.home #mainNavi li li a {
    padding: 8px 17px;
    color: black;
    text-shadow: none;
}
.home #mainNavi li .first a { margin-top: 13px; }
.home #mainNavi li .last a { margin-bottom: 13px; }
#mainNavi .fullNavi ul li li:hover { background-color: #f0c000; }
#mainNavi .fullNavi ul ul ul { display: none; }
/* Zweite Navigationsebene "Oberstufe" */
#mainNavi .fullNavi ul li:nth-child(2) li {
    background-color: #8d0231;
    border-right-color: #9e2850;
}
.home #mainNavi ul li:nth-child(2) li a { color: white; }
#mainNavi .fullNavi ul li:nth-child(2) li:hover { background-color: #780129;}

/* Zweite Navigationsebene "Verwaltung" */
#mainNavi .fullNavi ul li:nth-child(3) li {
    background-color: #147ccb;
    border-right-color: #3790d3;
}
.home #mainNavi ul li:nth-child(3) li a { color: white; }
#mainNavi .fullNavi ul li:nth-child(3) li:hover { background-color: #0f6aad; }

/* Zweite Navigationsebene "Online-Schalter" */
#mainNavi .fullNavi ul li:nth-child(4) li {
    background-color: #7e4f94;
    border-right-color: #9169a4;
}
.home #mainNavi ul li:nth-child(4) li a { color: white; }
#mainNavi .fullNavi ul li:nth-child(4) li:hover { background-color: #6c447f; }
/**
 * MOBILE NAVIGATION
 */
#mainNavi .jqueryMenu li {
    background: none repeat scroll 0 0 #b2b2b2 !important;
    border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#mainNavi .jqueryMenu ul li {
    border-right-style: inherit;
    border-right-width: 0;
    box-sizing: inherit;
    display: block;
    float: none;
    margin-right: 1.05em;
    padding: 0;
    transition: all 0.15s ease 0s;
    width: 100%;
}
#mainNavi .jqueryMenu a {padding:10px; text-align: center;}
#mainNavi .jqueryMenu ul li:nth-child(1) {background:#B2B2B2;}
#mainNavi #mobilMenuListe a {
    font-size: 22px !important;
    padding: 0 0 0 2% !important;
}
#mainNavi #mobilMenuListe li a {
    padding: 0 0 0 4% !important;
}
#mainNavi #mobilMenuListe li li a {
    font-size: 14px !important;
    padding: 0 0 0 6% !important;
}
#mainNavi #mobilMenuListe li li li a {
    font-size: 12px !important;
    padding: 0 0 0 8% !important;
}
#mainNavi #mobilMenuListe li li li li a {
    font-size: 10px !important;
    padding: 0 0 0 10% !important;
}
#mainNavi #mobilMenuListe ul li ul {
    display: block;
}
#mainNavi #mobilMenuListe li {
    border-right-style: none;
    border-right-width: 0px;
    box-sizing: border-box;
    display: block;
    float: none;
    margin-right: 0;
    padding: 0;
    transition: all 0.15s ease 0s;
    width: 100%;
}
#mainNavi .hide-desktop {padding:0 1.2% !important;}
#mainNavi #mobilMenuListe li .last a {margin-bottom:0;}
#mainNavi #mobilMenuListe ul li:nth-child(1),
#mainNavi #mobilMenuListe ul li:nth-child(2),
#mainNavi #mobilMenuListe ul li:nth-child(3),
#mainNavi #mobilMenuListe ul li:nth-child(4) {
    background-color: #333;
    border-right-color: #333;
    width: 100%;
}
#mainNavi #mobilMenuListe li .first a {margin-top: 0}
#mainNavi #mobilMenuListe ul li li a {color:white; font-size: 12px}
#mainNavi #mobilMenuListe ul li li li a {color:white; font-size: 10px}
.mobilNavi ul li a {
    background: none repeat scroll 0 0 #333 !important;
    border-bottom: 1px solid gray;
    font-size: 17px !important;
    padding-bottom: 0 !important;
    padding-left: 2% !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    text-decoration: none;
}
.mobilNavi ul {background: #333;overflow: hidden;}
#mobilMenuListe {background:transparent !important;}

@media screen and  (min-width: 230px) and (max-width: 759px) {
    #mainNavi {margin-bottom:0;}
}
/* media querie handhelds for IPad ********************************/
/* class name: pad */
@media screen and (min-width: 760px) and (max-width: 970px) {
    #mainNavi {margin-bottom:0;}
}