nav {
margin: 0;
z-index: 1;
width: 100%;
float: right;
}

.vpg #navcontainer nav.mobilenav {display: block !important;}

nav ul
{
			float: right;
            margin: 0;
			padding: 0; width: 100%;
			list-style-type: none;
}

nav ul li {
                         display: block;
                         float: left;
                         margin: 0; padding: 0;
                         position: relative;
                         z-index: 3;
}


nav ul li a {
float: left;
display: block;
padding: 11px 20px;
margin: 0; position: relative; z-index: 2;
font-weight:400; font-size: 1.1em;
text-align: center; color: #fff;
text-transform: uppercase;
}

nav ul li a:link, nav ul li a:visited {
text-decoration: none;
}


nav ul li a.aktiv {
font-weight: bold; color: #000; background: #fff;
}

nav ul li a:hover, nav ul li a:active {
text-decoration: none;
background:#eb5d1a; color: #fff;
}



span.qn {display: none; font-family: fontello; font-size: 1.2em;
position: absolute; top: 1px; right: 0; z-index: 4; width: 20px; height: 20px; cursor: pointer; padding: 10px; color: #e9edf4; border-left: 1px solid #e9edf4;}




#footnav { display: block; float: left; padding: 0; margin: 0; list-style-type: none;}
#footnav li {display: block; margin: 0; padding: 0; float: left;width: 100%;}

#footnav a {display: block; float: left; padding: 5px 0; }
footer a { color:#fff !important; }
#footnav a:hover { color: #000 !important; }

a.totop {
    bottom: 50px;
    position: fixed;
    right: 50px;z-index: 9; display: block;
    font-family: 'fontello'; font-size: 1.8em;
    background:#000; background:rgba(35,83,155,0.8); color: #fff !important; padding: 9px 15px 13px;text-decoration: none;
}
a.totop:hover {  background: #eb5d1a; color: #fff !important; text-decoration: none;}


#menuelink {display: none; position: absolute; top: 15px; left: 15px; margin:5px; padding: 2px 5px;
 font-family: 'fontello'; font-size: 2.2em; color: #fff; text-decoration: none;}


a#nulink { font-family: fontello; font-size:2.0em; text-decoration: none; position: absolute; padding:15px 0 8px; bottom: 8%; left: 50%; margin: 0 0 0 -30px; width: 60px;  font-weight: normal;
color: #fff; background:rgba(35,83,155,0.8);text-align: center; height: 60px; box-sizing: border-box;
}
a#nulink:hover {
 background: #eb5d1a; color: #fff !important; text-decoration: none;
}



@media only screen and (max-width: 1260px)
{
nav ul li a {font-size: 1.0em;padding: 11px 20px; }

}

@media only screen and (max-width: 1060px)
{
nav ul li a {padding: 11px 15px; }

}

@media only screen and (max-width: 960px)
{
footer a.totop {bottom: 10px; right: 10px; }

span.qn {display: block;}

.mobilenav {display: none;}
nav {  width: 100%; margin: 0; text-align: center; }
nav ul {width: 100%;}
nav ul li {
                         display: block;
                         float: left;
                         z-index: 2;
                         width: 100%;
                         margin: 0;
}

nav ul li a {
width: 100%;
text-align: center;padding: 10px 0;
margin: 0;
border-right: none;border-top: 1px solid #e9edf4;
border-left: none; font-size: 1.1em;
}

nav ul li a:hover, nav ul li a:active {
text-decoration: none;
border-left: none; 
border-right: none;
padding: 10px 0;margin: 0;
}

nav ul li a.aktiv {
border-left: none;
border-right: none; margin: 0;
}


a.totop {
    bottom: 70px;
    right: 20px;
}
a.totop img {width: 40px;}

#menuelink {display: block;}
}

@media only screen and (max-width: 680px)
{
a.totop { font-size: 2.0em;}
a#nulink { bottom 3%;}
}