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

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

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

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


nav ul li a {
float: left;
display: block;
padding: 15px 0;
margin: 0; position: relative; z-index: 2;
font-size: 1.1em; font-weight: bold;
width: 100%;
text-align: center; color: #000;
-webkit-transition: padding 0.5s;
-moz-transition: padding 0.5s;
transition: padding 0.5s;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

nav ul li a:link, nav ul li a:visited {
text-decoration: none;
}
nav ul li a.aktiv {
color: #fff;
background: #003869;
}

nav ul li a:hover, nav ul li a:active {
color:#fff;
background: #375E79;
}

nav ul.unternav {
display: none;
position: absolute;
top: 45px; z-index: 5;
left: 0; padding:5px 0 0;
width: 100%;
min-width: 220px;
-webkit-transition: top 0.5s;
-moz-transition: top 0.5s;
transition: top 0.5s;
}
nav li#list5 ul.unternav {
    left: auto; right: 0;
}

.vpg nav ul.sichtbar { display: block;}

nav ul.unternav li {width: 100%; margin: 0;}
nav ul.unternav li a {
padding: 12px 10%;
margin: 0;
font-size: 1.0em;
border: none;
height: auto;
background:#ddd;
border-bottom: 1px solid #fff;
width: 80%;
text-transform: none;
text-shadow: none;
text-align: left;
font-weight: normal;
border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}

nav ul.unternav li a:link, nav ul.unternav li a:visited {
color: #2c2b28;text-shadow: none;
}

nav ul.unternav li a:hover, nav ul.unternav li a:active {
background: #375E79;color: #fff;
}

nav ul.unternav li a.aktiv2 {
color: #fff;
background: #003869;
}

nav ul.unternav li:last-child a {
    border-bottom: 0;
}


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


#unternav {float: left; width:100%; margin: 0; padding: 0; position: absolute; left: 0; bottom:-40px; background: #375E79; height: 40px; }
#unternav h3 {display: none;  }
#unternav ul {float: right; width: 75%; margin: 0; padding: 0; list-style-type: none;}
#unternav ul li {float: left; margin: 0; padding: 0;}
#unternav ul li a {float: left; font-weight: normal;padding: 10px 25px;text-shadow: none; font-size: 1.0em; color: #fff; }

#unternav ul li a.aktiv2 {background:#003869; color: #fff;font-weight: bold; }
#unternav ul li a:hover { background:#003869; color: #fff; text-decoration: none; }



a.totop {
    bottom: 30px;
    position: fixed;
    right: 30px;z-index: 9; display: block;
    font-family: 'fontello'; font-size: 1.8em; z-index: 30;
    background:#000; background: rgba(0,0,0,0.4); color: #fff !important; padding: 12px 20px;text-decoration: none;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
a.totop:hover {  background:  #003869; text-decoration: none;}





#menuelink {display: none; position: absolute; left: 20px; top: 33px; float: left; margin: 0; padding: 2px 5px; font-family: 'fontello'; font-size: 2.0em; color: #375E79; text-decoration: none; z-index: 100; }



@media only screen and (min-width: 960px)
{
.fixiert #topnav { background: #bbb; }
.fixiert nav ul.unternav {top: 45px;}
.fixiert nav > ul > li > a { padding: 15px 0; }
.fixiert nav ul li a {border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
}

@media only screen and (max-width: 1360px)
{
nav ul li a {font-size: 1.0em; }
nav ul.unternav {top: 44px;}
}

@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.2em;  border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}

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;
}

nav ul.unternav {display: none; position: relative; top: 0; width: 100%;padding: 0;}
nav ul.umenaktiv { display: block; visibility: visible !important; position: relative; top: 0; width: 100%;}
nav ul.unternav li {width: 100%;}
nav ul.unternav li a {padding: 8px 3%;margin: 0;width: 94%; font-size: 1.0em;text-align: center; }
a.totop {  bottom: 40px;right: 20px;}

#menuelink {display: block;}

#unternav {display: none !important;}
}

@media only screen and (max-width: 680px)
{
a.totop {   padding: 10px 15px;  }
}
@media only screen and (max-width:460px) {
#menuelink { top: 50px; }

}