#navigation {
margin: 75px 0 0 0;
float: right;
z-index: 1;
font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
}


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

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

#navigation ul li a {
float: left;
display: block;
font-weight: 300;
color: #58585A;
padding: 2px 0 15px 0;
margin: 0 25px;
font-size: 18px;
border-bottom: 4px solid #fff;
text-transform: uppercase;
}


#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;
border-bottom: 4px solid #4368A6;
color: #4368A6;
}

#navigation ul li a.aktiv {
font-weight: 400; color: #4368A6;
}




#unternavigation h3 { color: #818284; text-align: right; }

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


#unternavigation ul li {
                         display: block;
                         float: left; width: 100%;
                         position: relative;
                         z-index: 2;
}

#unternavigation ul li a {
float: left;
padding: 10px 0;
margin: 0;
text-decoration: none;
font-size: 14px;
width: 100%; text-align: right;
border-bottom: 1px solid #818284;
}

#unternavigation ul li a:link, #unternavigation ul li a:visited {
color: #818284;
}

#unternavigation ul li a:hover, #unternavigation ul li a:active {
color: #4368a6;
}

#unternavigation ul li a.aktiv2 {
color: #4368a6;
font-weight: bold;
}


#footnav { display: inline-block; padding: 10px 35px; margin: 0; height: 25px; color: #444; }

#footnav ul {list-style-type: none; margin: 0; padding: 0; }
#footnav ul li {float: left;  padding: 5px 0 5px 25px; margin: 2px 20px;}
#footnav ul li a {color: #444}
#footnav ul li#homeflink {background: url('images/symbole.png') 10px 3px no-repeat;}
#footnav ul li#sitemapflink {background: url('images/symbole.png') 10px -86px no-repeat;}
#footnav ul li#impflink {background: url('images/symbole.png') 10px -40px no-repeat;}
#footnav ul li#impflink a:first-child {border-right: 1px solid #6D6E71;}

#footer a {color: #818284;}
#footnav ul li a {padding: 0 10px; float: left; line-height: 110%;  }


#glink {display: inline-block; width: 55px; height: 55px; overflow: hidden; text-indent: -1000px; background: url('images/social.png') 0 bottom no-repeat; margin: 5px;}
#aflink {display: inline-block; width: 55px; height: 55px; overflow: hidden; text-indent: -1000px; background: url('images/social.png') -74px bottom no-repeat; margin: 5px; }
#plink {display: inline-block; width: 55px; height: 55px; overflow: hidden; text-indent: -1000px; background: url('images/social.png') -149px bottom no-repeat; margin: 5px; }


a.totop {
    bottom: 30px;
    position: fixed;
    right: 30px;
}


#menuelink {display: none; position: absolute; top: 40px; right: 20px; margin: 10px; width: 32px; height: 30px; overflow: hidden; background: url('images/menhin.gif') no-repeat; text-indent: -2000px;}




@media only screen and (max-width: 960px)
{
 #navigation { margin: 0; }
 #footer a.totop {bottom: 10px; right: 10px; }
#unternavigation h3 { text-align: center; }
 #unternavigation ul li a { width: 100%; text-align: center; border-top: 1px solid #818284; border-bottom: 0;  }
 #navigation ul li a {font-size: 16px;}
}

@media only screen and (max-width: 680px)
{
#navigation { display: none; width: 100%; border-top: 1px solid #ccc; }
#navigation ul {width: 100%;}
#navigation ul li { 
                         display: block;
                         float: left;
                         z-index: 2;
                         width: 100%;
                         margin: 0;
}
#navigation ul li a {
width: 100%;
padding: 10px 0;
text-align: center;
margin: 0; border-bottom: 1px solid #ccc;
}

#navigation ul li a:hover, #navigation ul li a:active {
border-bottom: 1px solid #ccc;
}

#navigation ul li a.aktiv {
}
#navigation ul.unternav { display: none;}

a.totop {
    bottom: 30px;
    right: 20px;
}
a.totop img {width: 50px; height: 50px;}

#menuelink {display: block;}

}