/* *** gte 1024 ***/
@media screen and (min-width: 1024px) {
    #navi_button{
        display: none;
    }
    /**************************
     * NAVIGATION FÜR SPRACHE *
     **************************/
    nav#sprachen{
    	display: block;
        position: absolute;
        box-sizing: border-box;

        height:20px;
        
        top: 15px;
        right: 5px;
        
        behavior: url(../_pie_2/PIE.htc);
    }
    nav#sprachen ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;

        behavior: url(../_pie_2/PIE.htc);
    }
    nav#sprachen ul li {
        display:inline-block;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        
        behavior: url(../_pie_2/PIE.htc);
    }
    nav#sprachen ul li a {
        color: #000000;
        font-size:14px;
        font-weight:bold;
        text-decoration: none;
        
        line-height:20px;        

        box-sizing:border-box;
        padding-left:8px;
        padding-right:8px;

        float:left;
        
        behavior: url(../_pie_2/PIE.htc);
    }
    nav#sprachen ul li a:hover {
        color: #598040;
        text-decoration:none;
        
        behavior: url(../_pie_2/PIE.htc);
    }

    nav#sprachen ul li.aktiv a {
        color: #598040;
        
        behavior: url(../_pie_2/PIE.htc);
    }
    /* Vertikaler Strich zwischen den Links */
    nav#sprachen ul li::after {
        content:url(../img/navi_separator.png);
        
        behavior: url(../_pie_2/PIE.htc);
    }
    /* Letzer Link ohne vertikalen Strich */
    nav#sprachen ul li:last-child::after {
        content:url(../img/blind.gif);
        
        behavior: url(../_pie_2/PIE.htc);
    }    
    /********************
     * HAUPT-NAVIGATION *
     ********************/
    nav#haupt {
    	display: block;
        position: absolute;
        box-sizing: border-box;

        height:20px;
        
        top: 142px;
        /*
        left: 214px;
        */
        
        behavior: url(../_pie_2/PIE.htc);
    }
    nav#haupt ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;

        
        behavior: url(../_pie_2/PIE.htc);
    }
    nav#haupt ul li {
        display:inline-block;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        
        behavior: url(../_pie_2/PIE.htc);
    }
    nav#haupt ul li a {
        color: #000000;
        font-size:14px;
        font-weight:bold;
        text-decoration: none;
        
        line-height:20px;        

        box-sizing:border-box;
        padding-left:7px;
        padding-right:7px;

        float:left;
        
        behavior: url(../_pie_2/PIE.htc);
    }
    nav#haupt ul li a:hover {
        color: #598040;
        text-decoration:none;
        
        behavior: url(../_pie_2/PIE.htc);
    }

    nav#haupt ul li.aktiv a {
        color: #598040;
        
        behavior: url(../_pie_2/PIE.htc);
    }
    /* Vertikaler Strich zwischen den Links */
    nav#haupt ul li::after {
        content:url(../img/navi_separator.png);
        
        behavior: url(../_pie_2/PIE.htc);
    }
    /* Letzer Link ohne vertikalen Strich */
    nav#haupt ul li:last-child::after {
        content:url(../img/blind.gif);
        
        behavior: url(../_pie_2/PIE.htc);
    }
    nav#haupt ul li:first-child{
        display: none;
    }
}
/* *** gte 768 ***/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #navi_button{
        display: none;
    }
    /**************************
     * NAVIGATION FÜR SPRACHE *
     **************************/
    nav#sprachen{
    	display: block;
        position: absolute;
        box-sizing: border-box;

        height:20px;
        
        top: 15px;
        right: 5px;
        
        behavior: url(../_pie_2/PIE.htc);
    }
    nav#sprachen ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;

        behavior: url(../_pie_2/PIE.htc);
    }
    nav#sprachen ul li {
        display:inline-block;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        
        behavior: url(../_pie_2/PIE.htc);
    }
    nav#sprachen ul li a {
        color: #000000;
        font-size:14px;
        font-weight:bold;
        text-decoration: none;
        
        line-height:20px;        

        box-sizing:border-box;
        padding-left:8px;
        padding-right:8px;

        float:left;
        
        behavior: url(../_pie_2/PIE.htc);
    }
    nav#sprachen ul li a:hover {
        color: #598040;
        text-decoration:none;
        
        behavior: url(../_pie_2/PIE.htc);
    }

    nav#sprachen ul li.aktiv a {
        color: #598040;
        
        behavior: url(../_pie_2/PIE.htc);
    }
    /* Vertikaler Strich zwischen den Links */
    nav#sprachen ul li::after {
        content:url(../img/navi_separator.png);
        
        behavior: url(../_pie_2/PIE.htc);
    }
    /* Letzer Link ohne vertikalen Strich */
    nav#sprachen ul li:last-child::after {
        content:url(../img/blind.gif);
        
        behavior: url(../_pie_2/PIE.htc);
    }    
    /********************
     * HAUPT-NAVIGATION *
     ********************/
    nav#haupt {
    	display: block;
        position: absolute;
        box-sizing: border-box;

        height:20px;
        
        top: 142px;
        left: 141px;
        
        behavior: url(../_pie_2/PIE.htc);
    }
    nav#haupt ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;

        
        behavior: url(../_pie_2/PIE.htc);
    }
    nav#haupt ul li {
        display:inline-block;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        
        behavior: url(../_pie_2/PIE.htc);
    }
    nav#haupt ul li a {
        color: #000000;
        font-size:14px;
        font-weight:bold;
        text-decoration: none;
        
        line-height:20px;        

        box-sizing:border-box;
        padding-left:7px;
        padding-right:7px;

        float:left;
        
        behavior: url(../_pie_2/PIE.htc);
    }
    nav#haupt ul li a:hover {
        color: #598040;
        text-decoration:none;
        
        behavior: url(../_pie_2/PIE.htc);
    }

    nav#haupt ul li.aktiv a {
        color: #598040;
        
        behavior: url(../_pie_2/PIE.htc);
    }
    /* Vertikaler Strich zwischen den Links */
    nav#haupt ul li::after {
        content:url(../img/navi_separator.png);
        
        behavior: url(../_pie_2/PIE.htc);
    }
    /* Letzer Link ohne vertikalen Strich */
    nav#haupt ul li:last-child::after {
        content:url(../img/blind.gif);
        
        behavior: url(../_pie_2/PIE.htc);
    }    
    nav#haupt ul li:first-child{
        display: none;
    }
}
/* *** gte 320 ***/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    #navi_button{
        display: block;
        position: absolute;
        box-sizing: border-box;
        
        width: 50px;
        height: 50px;
        
        top: 10px;
        right: 10px;
    }
    
    /**************************
     * NAVIGATION FÜR SPRACHE *
     **************************/
    nav#sprachen{
    	display: block;
        position: absolute;
        box-sizing: border-box;

        height:22px;
        
        top: 43px;
        left: 7px;
        
        behavior: url(../_pie_2/PIE.htc);
    }
    nav#sprachen ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;

        behavior: url(../_pie_2/PIE.htc);
    }
    nav#sprachen ul li {
        display:inline-block;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        
        behavior: url(../_pie_2/PIE.htc);
    }
    nav#sprachen ul li a {
        color: #000000;
        font-size:14px;
        font-weight:bold;
        text-decoration: none;
        
        line-height:20px;        

        box-sizing:border-box;
        padding-left:1px;
        padding-right:1px;

        float:left;
        
        behavior: url(../_pie_2/PIE.htc);
    }
    nav#sprachen ul li a:hover {
        color: #67814b;
        text-decoration:none;
        
        behavior: url(../_pie_2/PIE.htc);
    }

    nav#sprachen ul li a.aktiv {
        color: #67814b;
        
        behavior: url(../_pie_2/PIE.htc);
    }
    /* Vertikaler Strich zwischen den Links */
    nav#sprachen ul li::after {
        content:url(../img/navi_separator.png);
        
        behavior: url(../_pie_2/PIE.htc);
    }
    /* Letzer Link ohne vertikalen Strich */
    nav#sprachen ul li:last-child::after {
        content:url(../img/blind.gif);
        
        behavior: url(../_pie_2/PIE.htc);
    }    
    /********************
     * HAUPT-NAVIGATION *
     ********************/
    nav#haupt {
        display:none;
        position:absolute;
        box-sizing:border-box;

        width:210px;

        top: -322px;
        left: 0px;

        border: 3px #000000 solid;
        border-bottom: 2px #000000 solid;

        background-color:#e4f4d9;

        z-index:2;
    }
    nav#haupt ul, nav#haupt ul li {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }
    nav#haupt a {
        display: block;
        box-sizing:border-box;

        width: 100%;
        height: 44px;
        padding-left:8px;
        border-bottom: 1px solid #000000;

        color: #000000;
        text-decoration: none;
        font-size: 17px;
        font-weight: bold;
        line-height: 42px;
        text-align: left;
    }
    nav#haupt ul li a.aktiv{
        color: #ffffff;
        background-color: #67814b;
    }
    nav#haupt ul li a.zweizeilig{
        height: 68px;
        line-height: 1.5;
        color: #000000;
        padding-top: 7px;
        background-color: #e4f4d9;
    }
    nav#haupt li.dreizeilig{
        margin-top: 7px;
    }
    nav#haupt ul li a.dreizeilig{
        height: 87px;
        line-height: 1.5;
    }
    
}