#navigation {
margin: 0;
float: right;
z-index: 1; width: 100%;
padding: 0;
font-weight: normal;
}


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

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

#navigation ul li a {
float: left;
display: block;
color: #fff;
padding: 8px 14px;
margin: 0;
text-align: center;
font-size: 1.0em;
border-left: 1px solid #fff;
}
#navigation ul li:first-child a {border-left: 0;}

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

#navigation ul li a:hover, #navigation ul li a:active {
text-decoration: none;
color: #333;
}

#navigation ul li a.aktiv {
font-weight: bold; color: #58585A;
}

#unav h3 {margin: 0; padding: 10px 3%; width: 94%; float: left; color:#58585A; }

#unav {float: left; margin: 0 0 20px;padding: 0;width: 100%;}
#unav ul {float: left; width: 100%; margin: 0; padding: 0; list-style-type: none;}
#unav ul li {margin: 0; padding: 0; width: 100%; max-width: 100%; float: left;}

#unav ul li a {
display: block;
padding: 10px 3%;
margin: 0;
float: left;
width: 94%; text-transform: none;
border-bottom: 1px solid #fff;
}


#unav ul li a:link, #unav ul li a:visited {
color: #fff;
}
#unav ul li a.aktiv2 {
color: #58585A; font-weight: bold;
}
#unav ul li a:hover, #unav ul li a:active {
color: #fff;background: #58585A; text-decoration: none;
}




#menuelink {display: none; position: absolute; top: 20px; right: 10px; margin: 10px; width: 36px; height: 30px; overflow: hidden; background: url('images/menhin.png') 4px 5px no-repeat #fff; text-indent: -2000px;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

@media only screen and (max-width: 960px)
{
  #navigation {background-size: 100% auto;}
 #navigation ul li a {font-size: 1.1em;}

}


@media only screen and (max-width: 680px)
{
.mobilenav {display: none; }
#navigation { width: 100%; }
#navigation ul {width: 100%;}
#navigation ul li { 
                         display: block;
                         float: left;
                         z-index: 2;
                         width: 100%;
                         margin: 0;
                         border-left: none;

}

#navigation ul li a {
width: 100%;
padding: 10px 0;
text-align: center;
font-size: 1.2em;
margin: 0; border-top: 1px solid #ccc;
border-left: 0;
}

#navigation ul li a:hover, #navigation ul li a:active {

}

#footnav {float: left; padding: 0 9% 0 1%; width: 40%; }

#menuelink {display: block;}

}