/*NAVIGATION TOP*/
.myNaviBack {
    width: 100%;
    background-color: #000;
}
#myNavi{
    width:100%;
    max-width:1200px;
    background-color:#000;
    margin:0 auto;
    text-align:center;
    position: relative;
    font-size: 17px;
}
#myNavi a{
    text-decoration:none;
}
.myNaviFix {
    position: fixed!important;
    z-index: 100;
    top:0;
    left:0;
    right:0;
}


.myMenuButton{
    float:left;
    text-align:center;
    line-height:2.9em;
    background-color:#000;
    color:#ef7f1a;
    width:16.66%;
    margin:0;
    padding:0;
}

.myMenuButton:hover{
    background-color:#ef7f1a!important;
    color:#000;
}


#myToggleLink{
    display:none;
}
#myTelButton{
    display:none;
}
#myMailButton{
    display:none;
}

#myFlyContent_A{
    display:none;
    margin-left:16.66%;
    background-color:#000;
}
#myFlyContent_B{
    display:none;
    margin-left:33.3%;
    background-color: #000;
}
#myFlyContent_C{
    display:none;
    margin-left:50%;
    background-color: #000;
}

.myFlyActive {
    display:block!important;
    position:absolute;
    z-index:1;
    margin-top:3em;
    text-align:left;
    min-width:16.66%;
}
.myFlyActive p{
    margin:0;
}
.myFlyActive a{
    color:#FFF;
    line-height:3em;
    padding-left:1em;
    padding-right:1em;
    display:block;
    border-bottom: 1px solid #FFF;
}
.myFlyActive a:hover{
    background-color:#000;
    color:#f3970f;
}

/*NAVIGATION BLOG*/

.myBlogNav hr {
    margin: 0;
    border: 0;
    height: 1px;
    background-image: linear-gradient(90deg, #EEE , #CCC, #EEE);
}

.myBlogNavItem {
    display: block;
    padding: 1em 2em;
    background-color: #EEE;
    color: #666;
    text-decoration: none;
}
.myBlogNavItem:hover {
    background-color: #FFF;
    color: #333;
    text-decoration: none;
}

/*KONTAKT HEADER*/

.myHeader_Kontakt {
    float: right;
    width: 300px;
}
.myHeader_Kontakt p{
    color: #FFF;
}

.myHeader_Kontakt a:hover{
    color: #FFF;
    text-decoration: none;
}


@media screen and (max-width:860px) {

    /*NAVIGATION TOP*/

    .myNaviBack {
        border: 0;
    }

    .js #myToggleLink {
        display:block;
        background-color:#333;
        /*background-image: linear-gradient(to top, #000, #333, #666);*/
        color:#FFF;
        text-align:center;
        line-height:3em;
        cursor:pointer;
        float:left;
        width:56%;
    }
    .js #myTelButton {
        display:block;
        background-color:#3e8f3e;
        color:#FFF;
        text-align:center;
        line-height:3em;
        cursor:pointer;
        float:left;
        width:22%;
    }
    .js #myMailButton {
        display:block;
        background-color:#0076b4;
        color:#FFF;
        text-align:center;
        line-height:3em;
        cursor:pointer;
        float:left;
        width:22%;
    }

    .js #myNavi {
        display:none;
        border: 0;
    }

    .myMenuButton{
        float:none;
        border-top:1px solid #CCC;
        width:100%;
        position:relative;
        display: block;
        background-color: #EEE!important;
        color: #333;
        margin:0;
    }
    .myMenuButton:hover{
        background-color:#CCC!important;
        color:#000;
    }

    .myActive {
        display:block!important;
    }

    #myFlyContent_A{
        margin:0;
    }
    #myFlyContent_B{
        margin:0;
    }
    #myFlyContent_C{
        margin:0;
    }

    .myFlyActive {
        text-align:center;
        width:100%;
        position:relative;
        z-index:inherit;
        margin:0;
        border-top:0;
    }
    .myFlyActive a{
        padding-left:0;
        padding-right:0;
        border-top:1px solid #EEE;
        background-color:#FFF;
        color:#333;
    }
    .myFlyActive a:hover{
        background-color:#EEE;
        color:#333;
    }

    #myNavi{
        position:relative;
    }

    /*KONTAKT HEADER*/

    .myHeader_Kontakt {
        display: none;
    }

}