nav {
margin: 0;
z-index: 1;
width: 100%;
float: left; font-family: 'Open Sans', sans-serif;
}

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

nav ul
{
			float: left;
            margin: 0;
			padding: 0;
			list-style-type: none;
}

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


nav ul li a {
float: left;
display: block;
font-weight: 700;
padding: 12px 20px 10px;
margin: 0;
font-size: 14px;
border-bottom: 0;
text-transform: uppercase;
}

nav ul li a:link, nav ul li a:visited {
text-decoration: none;
color:#0f172a;
}

nav ul li a:hover, nav ul li a:active {
text-decoration: none;
color: #0f172a;
}

nav ul li a.aktiv {
color:#fff; background: #0f172a;
}


nav ul.unternav {
display: none;
position: absolute;
top: 40px;
left:0; padding: 5px 0;
width: 100%; min-width: 200px;
}

nav ul#umen4 {
    left: auto; right: 0;
}

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

nav ul.unternav li {width: 100%; float: left; margin: 0;}

nav ul.unternav li a {
padding: 10px 20px;
margin: 0;
font-size: 13px;
border-top: none;
height: auto;
background: #F3F3F3;
width: 100%;
border-top: 1px solid #505050;
color: #505050;
text-transform: none;
font-weight: 700;
box-sizing: border-box;
}

nav ul.unternav li:first-child a {
    border-top: 0;
}


nav ul.unternav li a:hover {
  color: #000;
}
nav ul.unternav li a.aktiv2 {
color:#fff; background: #000000;
}



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

aside ul li {
                         display: block;
                         float: left;
                         margin: 0; padding: 0; width: 100%;
}


aside ul li a {
float: left;
display: block;
font-weight: 500;
padding: 5px 0;
margin: 0;
font-size: 16px;
border-bottom: 0;
width: 100%;
}
aside ul li a.aktiv2 {
    font-weight: bold; color: #000;
}

span.qn {font-family: fontello;position: absolute; top: 3px; right: 0; display: none; }

.footnav { width: 29.33%; float: left; margin: 10px 0; padding: 0 2%; }

.footnav ul
{
			float: left;
            margin: 0;
			padding: 0;
			list-style-type: none; width: 100%;
}

.footnav ul li {
                         display: block;
                         float: left;
                         margin: 0; padding: 0;
                         position: relative;
                         z-index: 2;width: 100%;
}


.footnav ul li a {
float: left;
display: block;
padding: 5px 0;
margin: 0; width: 100%;
}

.shareandprint {float: right; font-family: fontello; margin: 10px 0; font-family: fontello; }
.shareandprint a {display: block; float: left; padding: 10px; margin: 0 5px; font-size: 1.9em; color: #fff !important; width:30px; text-align: center; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; background: #eb981b; }
.shareandprint a:hover { background: #505050; }


 #menuelink {display: none; position: absolute; top: 5px; left: 20px; margin:5px; padding: 2px 5px;
 font-family: 'fontello'; font-size: 2.2em; text-decoration: none; width: 30px; height: 30px;
 }
 #menuelink span { display: block; float: left; width: 30px; height: 3px; background: #000; position: absolute; top: 0; left: 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;}
#menuelink span#mlm { top: 8px; }
#menuelink span#mlu { top: 16px; }
#menuelink.open span#mlo { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); top: 8px;}
#menuelink.open span#mlm { display: none; }
#menuelink.open span#mlu {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); top: 8px; }


a.totop {
    bottom: 50px; display: none !important;
    position: fixed;
    right: 120px; width: 50px; height: auto;
    text-decoration: none;
    padding: 10px 0; z-index:10;
    font-family: fontello; color: #fff !important;
    background: #505050;
    font-size: 2.0em;
}
a.totop:hover {
    text-decoration: none;
    background: #505050;
}



a#nulink { font-family: fontello; text-decoration: none; position: absolute; padding:13px 0; bottom:20px; left: 50%; margin: 0 0 0 -25px; width: 50px;color:  #575756; font-size: 1.6em;
 }
 a#nulink:hover { color: #505050; }

#schnellnav {
    font-family: fontello; font-size: 1.7em; position: fixed; top: 220px; right: 0; width: 48px; z-index: 60;
}
#schnellnav a {
    background:#000; color: #fff; opacity:0.6; float: left; display: block; width: 100%; text-align: center; padding: 9px 0; margin: 1px 0;
}
#schnellnav a:hover {
    background: #000; opacity:0.9;
}


@media only screen and (max-width: 1160px)
{
nav ul.unternav {top: 36px;}
nav ul li a {padding: 12px 15px 10px;}
#schnellnav {position: absolute; top: auto; bottom: 150px;}
}

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

span.qn {display: block; font-size: 1.4em;margin: 0;top: 1px;
 z-index: 4; width: 20px; height: 20px; cursor: pointer; padding: 11px; border-left: 1px solid #e9edf4;}


.mobilenav {display: none;}
nav {  width: 100%; margin: 0; text-align: center;  }
nav ul {width: 100%; border-bottom: 1px solid #575756; }
nav ul li {
                         display: block;
                         float: left;
                         z-index: 2;
                         width: 100%;
                         margin: 0;
}


nav a#homelink {float: none; display: inline-block;}

nav ul li a {
width: 100%;
text-align: center;padding: 11px 0;
margin: 0;
border-right: none;border-top: 1px solid #575756;
border-left: none; border-bottom: none;
}

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

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

nav ul.unternav {display: none; position: relative; top: 0; width: 100%; padding: 0; left: 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,nav ul.unternav li a:hover {padding: 8px 1%;margin: 0;width: 98%; font-size: 1.0em; }
a.totop {
    bottom: 20px;
    right: 20px;
}
a.totop img {width: 40px;}

#menuelink {display: block;}

#unternav {float: left; width: 100%;padding: 0 0 10px;}

#unternavigation ul li a {padding: 10px;font-size: 0.9em; }


.footnav { width: 40%;padding: 0 5%}

#schnellnav { bottom: 250px;}
}


@media only screen and (max-width: 460px)
{
.footnav { width: 90%;}
}