/* NAV */
/* Nav Adaptiv */ 
#toggleNavMain {
    float:right;
    display:block;
    cursor:pointer;
    color:#FFF;
    width:30px;
    height:30px;
    margin-top:18px;
    margin-right:10px;
}
.js #navMain {display:none;}



/* Top Nav */
#topNav {
    list-style-type: none;
    padding: 0;
    margin: 30px 0 0;
    z-index: 1000000;
    width:100%;
}
#topNav li {	
    margin: 0px;
    text-align: left;
}
#topNav li a {
    font-family:'Montserrat', Arial, Helvetica, sans-serif;
    padding:1% 0% 1% 0%;
    color: #FFF;
    margin: 0;
    display: block;
    text-decoration: none;
    font-size:1.0em;
    font-weight:normal;
    line-height:30px;
}
#topNav li.topNorm a, #topNav li.topNormNoSub a{
    border-bottom:1px #FFF solid;
    background:#51b0d7;
    color:#FFF;
    padding-left: 23px;
}
#topNav li.topAct a, #topNav li.topActNoSub a{
    border-bottom:1px #FFF solid;
    background:#51b0d7;
    color:#ccc;
    padding-left: 23px;
}
#topNav li.sub{
    display:block;
    height:auto;
}
#topNav li.topAct ul li{
    display:block;
}
#topNav li.sub .sub-2{
    display:none;
}
#topNav li.sub a{
    border-bottom:1px #FFF solid;
    background:#696673;
    color:#FFF;
}
#topNav li.sub-act a{
    border-bottom:1px #FFF solid;
    background:#696673;
}
#topNav li.sub .sub-2 a{
    border-bottom:1px #FFF solid;
    background:#696673;
}
#topNav ul li.topAct ul li.sub-act div.sub-2 a{
    background:#696673;	
}
#topNav ul li.topAct ul li.sub-act div.sub-2-act a{
    background:#696673;	
}
#topNav li div{
    background:#696673;
    margin: 0px;
    text-align:center;
}
#topNav li a:hover {
    color:#ccc; 
}

.js #topNav {
    display:none;
}
#topNav .topNavOpen, #topNav .topNavClose {
    float: right;
    margin-right: 10%;
    
}
#topNav ul li span.topNavOpen a, #topNav ul li span.topNavClose a {
    border: 0 none;
}
#topNav ul li.topNorm ul {
    display:none;
}

/* Footer-Nav */
div.footerNav-1-No a, div.footerNav-1-No a:link, div.footerNav-1-No a:visited{
    font-family:'Montserrat', Arial, Helvetica, sans-serif;
    font-size : 13px;
    color : #FFF;
    text-decoration: none;
}
div.footerNav-1-No a:hover{
    font-family:'Montserrat', Arial, Helvetica, sans-serif;
    font-size : 13px;
    color : #CCC;
    text-decoration: none;
}
div.footerNav-1-Act a, div.footerNav-1-Act a:link, div.footerNav-1-Act a:visited, div.footerNav-1-Act a:hover{
    font-family:'Montserrat', Arial, Helvetica, sans-serif;
    font-size : 13px;
    color : #CCC;
    text-decoration: none; 
}

div.footerNav-2-No a, div.footerNav-2-No a:link, div.footerNav-2-No a:visited{
    font-family:'Montserrat', Arial, Helvetica, sans-serif;
    font-size : 13px;
    color : #FFF;
    text-decoration: none;
}
div.footerNav-2-No a:hover{
    font-family:'Montserrat', Arial, Helvetica, sans-serif;
    font-size : 13px;
    color : #CCC;
    text-decoration: none;
}
div.footerNav-2-Act a, div.footerNav-2-Act a:link, div.footerNav-2-Act a:visited, div.footerNav-2-Act a:hover{
    font-family:'Montserrat', Arial, Helvetica, sans-serif;
    font-size : 13px;
    color : #CCC;
    text-decoration: none; 
}






/* ------------------ more than 1140 Pixels --------------------------------------------------------------------------------------------------------  */
@media screen and (min-width:1000px) {
    /* NAV */
    /* Nav Adaptiv */
    #toggleNavMain {
        display:none;
    }
    /* Top Nav */
    .js #topNav, #topNav {
        display:block;
        width: 100%;
        height: 26px; 
        margin:0;
        z-index:100000;		
    }	
    #topNav a {
        font-family:'Montserrat', Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        font-size: 11px;
        line-height: 18px;
        margin-right: 0;
    }
    #topNav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    #topNav li, #topNav li div{
        text-align:left;
        border:none;
    }
    #topNav ul li {
        position: relative;
        float:left;
        z-index: auto !important;
        height:50px;
    }
    #topNav ul li ul li {
        height:auto;
    }
    #topNav ul li.topNorm a, #topNav ul li.topNormNoSub a {
        color: #525959;
        display: block;
        float: left;
        font-size: 12px;
        text-transform: uppercase;
        width:140px;
        height: 32px;
        padding: 0;
        text-decoration: none;
        border:none;
        background:none;
        margin: 0 20px 0 0;
        border-bottom: 3px solid #b2c1c7;
    }
    #topNav ul li.topAct a, #topNav ul li.topActNoSub a {
        color: #525959;
        display: block;
        float: left;
        font-size: 12px;
        text-transform: uppercase;
        width:120px;
        height: 32px;
        padding: 0;
        text-decoration: none;
        border:none;
        background:none;
        margin: 0 20px 0 0;
        border-bottom: 3px solid #51b0d7;
    }
    #topNav ul li.topActNoSub a {
        color: #525959;
    }
    #topNav ul li.topAct:hover a, #topNav ul li.topNormNoSub:hover a, #topNav ul li.topActNoSub:hover a {
        color: #525959;

    }
    div#topNav ul li.topAct ul li.sub-act a, div#topNav ul li.topAct ul li.sub a,
    div#topNav ul li.topNorm ul li.sub-act a, div#topNav ul li.topNorm ul li.sub a {
        color:#FFF;
        font-size:12px;
        text-transform:none;
        color: #FFF;
        display: block;
        float: left;
        padding: 0;
        text-decoration: none;
        border:none;
        background:none;
        margin: 0;
        line-height:20px;
        margin:7px 0;
    }
    div#topNav ul li.topAct ul li a:hover,
    div#topNav ul li.topNorm ul li a:hover,
    div#topNav ul li.topAct ul li.sub-act a,
    div#topNav ul li.topAct ul li.sub-act a:hover
    {   
        color: #CC0000;   
    }
    #topNav ul li.sub-act a, #topNav ul li.sub-act a:link, #topNav ul li.sub-act a:visited, #topNav ul li.sub-act a:hover {
        color: #CCCCCC;  
    }
    #topNav ul li.sub-act div.sub-2 a{
        color: #FFF;  
    }
    /* hover */
    #topNav ul li ul {
        background: #51b0d7;
        display: none;
        left: 0;
        position: absolute;
        top: 47px;
        width: 140px;
        z-index: 999;
        padding-top:20px;
        padding-bottom:20px;
    }
    #topNav ul li:hover ul {
        background: #51b0d7;
        display: block;
        left: 0;
        position: absolute;
        top: 47px;
        width: 140px;
        z-index: 999;
        padding-top:20px;
        padding-bottom:20px;
    }

    /* Höhe der Sub nach Inhalt anpassen */
    ul li.sub a, ul li.sub-act a{
        height:auto!important;
    }
    /* breite der 2.Hierarchie */
    #topNav ul li ul li {
        width: 170px;
        margin-right:0px;
        background:none; 
        padding: 0 16px;
    }
    /* Display only if top Act */
    #topNav li.sub{
        display:block;
    }
    #topNav li.topAct ul li{
        display:block;

    }
    /* end */
    #topNav ul li ul li:last-child {
        margin-right:0px;
    }

    #topNav ul li ul li .sub-2, #topNav ul li ul li .sub-2-act {
        float:none;
        width: 100px;
        margin-left:10px;
    }

    #topNav ul li ul li .sub-2-act a, #topNav ul li ul li .sub-2-act a:link, #topNav ul li ul li .sub-2-act a:visited, #topNav ul li ul li .sub-2-act a:hover{
        color:#FFF;
    }
    #topNav li.sub .sub-2 a {
        background: none;
        border: none;
    }
    #topNav ul li ul li .sub-2 a, #topNav ul li ul li .sub-2-act a {
        border:none;
        background:none;
    }
    #topNav ul li.topNorm:hover a {
        background: url(../images/nav_hg.png) repeat-x;
        background-position:0px 20px;
        color: #525959;
        height:55px;
        text-decoration: none;
    }
    #topNav ul li.topAct:hover a, #topNav ul li.topNorm:hover a {      
        position: relative;
        float:left;
        z-index: auto !important;
        background-image: url("../images/triangle.gif");
        background-repeat: no-repeat;
        background-position: center 34px;
        color: #525959;
        text-decoration: none;
        height:32px;
        border-bottom: 3px solid #51b0d7;
    }
    #topNav ul li.topNorm:hover ul li a {
        height:32px;
        background: none;
    }
    #topNav ul li.topAct:hover ul li a {

        background: none;
    }
    #topNav ul li.topNormNoSub:hover a {
        color: #525959;
        text-decoration: none;
        border-bottom: 3px solid #51b0d7;
    }
    #topNav ul li.sub:hover a {
        background-color: none;
    }
    #topNav ul li:hover ul li a {

    }
    #topNav ul li:hover ul li a:hover {
        background-color: none;
        color: #FFFFFF;
        text-decoration: none;

    }
    #topNav table {
        border-collapse: collapse;
        left: 0;
        position: absolute;
        top: 0;
    }
    #topNav ul li a:hover {
        height: 32px;
        text-decoration: none;
    }
    #topNav ul li a:hover ul {
        border: 0 none;
        display: block;
        height: 10px;
        margin-top: 1px;
        width: 200px;
        z-index: 999;
    }
    #topNav ul li a:hover ul li a {
        border: 0 none;
        color: #63676A;
        display: block;
        height: 1px;
        line-height: 16px;
        padding: 5px 16px 5px 6px;
        width: 200px;
    }
    #topNav ul li a:hover ul li.topNorm a {
        border: 0 none;
        color: #63676A;
        display: block;
        line-height: 16px;
        padding: 5px 16px 5px 6px;
        width: 200px;
    }
    #topNav ul li a:hover ul li a:hover {
        background-color: #FFFFFF;
        border: 0 none;
        padding: 5px 16px 5px 6px;
        text-decoration: none;

    }
    #topNav ul li.topAct ul li.sub-act div.sub-2 a{
        background:none;	
    }
    #topNav ul li.topAct ul li.sub-act div.sub-2-act a{
        background:none;	
    }
    #topNav li.sub .sub-2{
        display:block;
    }
    #topNav ul li ul li{
        width: 100%; 
    }
    #topNav .topNavOpen, #topNav .topNavClose {
        display: none;
    }
    /* Dreieck 2.Hierearchie */
    #topnav ul li.topAct::after, #topnav ul li.topAct:hover::after {
        border-color: transparent transparent #ded9d8;
        border-image: none;
        border-style: solid;
        border-width: 13px;
        bottom: 28px;
        content: " ";
        height: 0;
        left: 37%;
        pointer-events: none;
        position: absolute;
        width: 0;
        position:relative;
        box-sizing: border-box;
    }
   


    /* Footer-Nav */
    #footer-2 div{
        float:left;
        font-size:11px;
        padding:0px;
        margin-bottom:0px;
    }

    #footer-3 div{
        padding:0px;
        margin-bottom:0px;
    }

    div.footerNav-1-No a, div.footerNav-1-No a:link, div.footerNav-1-No a:visited{
        font-family:'Montserrat', Arial, Helvetica, sans-serif;
        font-size : 13px;
        color : #FFF;
        text-decoration: none;
    }
    div.footerNav-1-No a:hover{
        font-family:'Montserrat', Arial, Helvetica, sans-serif;
        font-size : 13px;
        color : #CCC;
        text-decoration: none;
    }
    div.footerNav-1-Act a, div.footerNav-1-Act a:link, div.footerNav-1-Act a:visited, div.footerNav-1-Act a:hover{
        font-family:'Montserrat', Arial, Helvetica, sans-serif;
        font-size : 13px;
        color : #CCC;
        text-decoration: none; 
    }

    div.footerNav-2-No a, div.footerNav-2-No a:link, div.footerNav-2-No a:visited{
        font-family:'Montserrat', Arial, Helvetica, sans-serif;
        font-size : 13px;
        color : #FFF;
        text-decoration: none;
    }
    div.footerNav-2-No a:hover{
        font-family:'Montserrat', Arial, Helvetica, sans-serif;
        font-size : 13px;
        color : #CCC;
        text-decoration: none;
    }
    div.footerNav-2-Act a, div.footerNav-2-Act a:link, div.footerNav-2-Act a:visited, div.footerNav-2-Act a:hover{
        font-family:'Montserrat', Arial, Helvetica, sans-serif;
        font-size : 13px;
        color : #CCC;
        text-decoration: none; 
    }

}
@media screen and (min-width:1160px) {
     #topNav ul li.topNorm a, #topNav ul li.topNormNoSub a {
        color: #525959;
        display: block;
        float: left;
        font-size: 12px;
        text-transform: uppercase;
        width:160px;
        height: 32px;
        padding: 0;
        text-decoration: none;
        border:none;
        background:none;
        margin: 0 12px 0 0;
        border-bottom: 3px solid #b2c1c7;
    }
    #topNav ul li.topAct a, #topNav ul li.topActNoSub a {
        color: #525959;
        display: block;
        float: left;
        font-size: 12px;
        text-transform: uppercase;
        width:165px;
        height: 32px;
        padding: 0;
        text-decoration: none;
        border:none;
        background:none;
        margin: 0 12px 0 0;
        border-bottom: 3px solid #51b0d7;
    }
        /* hover */
    #topNav ul li ul {
        background: #51b0d7;
        display: none;
        left: 0;
        position: absolute;
        top: 47px;
        min-width: 178px;
        z-index: 999;
        padding-top:20px;
        padding-bottom:20px;
    }
    #topNav ul li:hover ul {
        background: #51b0d7;
        display: block;
        left: 0;
        position: absolute;
        top: 47px;
        min-width: 178px;
        z-index: 999;
        padding-top:20px;
        padding-bottom:20px;
    }
        div#topNav ul li.topAct ul li.sub-act a, div#topNav ul li.topAct ul li.sub a,
    div#topNav ul li.topNorm ul li.sub-act a, div#topNav ul li.topNorm ul li.sub a {
        color:#FFF;
        font-size:14px;
        text-transform:none;
        color: #FFF;
        display: block;
        float: left;
        padding: 0;
        text-decoration: none;
        border:none;
        background:none;
        margin: 0;
        line-height:20px;
        margin:7px 0;
    }
        div#topNav ul li.topAct ul li a:hover,
    div#topNav ul li.topNorm ul li a:hover,
    div#topNav ul li.topAct ul li.sub-act a,
    div#topNav ul li.topAct ul li.sub-act a:hover
    {   
        color: #CCCCCC;   
    }
}