#navigation {
float: right;
width: 75%;
padding: 10px 0 0 0;
font-family: 'Bree Serif', serif;
}
#navigation ul
{
			margin: 0;
			padding: 0;
			list-style-type: none;
     display: inline-block;
}


#navigation ul li {
                         display: block;
                         float: left;
                         position: relative;
                         z-index: 2;
}
#navigation ul li a {
float: left;
display: block;
font-weight: normal;
color: #fff;
padding: 5px 15px 15px;
margin: 10px 10px 0;
text-align: center;
font-size: 17px;
position: relative; z-index: 5;
}


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

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

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


#navigation ul.unternav {
visibility: hidden;
position: absolute; z-index: 4;
top: 50px;
left: 0;
background: #dcfddc; padding: 5px 10px 5px 10px;
background: rgba(220,253,220,0.8);
box-shadow: 0px 2px 3px 0px #000000; -moz-box-shadow: 0px 2px 3px 0px #000000; -webkit-box-shadow: 0px 2px 3px 0px #000000;
}

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

#navigation ul li ul.unternav li { border-left: none;}


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

#navigation ul.unternav li a {
padding: 7px 10px;
margin: 0;
text-decoration: none;
font-size: 13px;
width: 120px;
text-transform: none;
height: auto;
font-weight: normal;
border-top: 1px solid #fff;
border-bottom: 0;
}

#navigation ul.unternav li a:link, #navigation ul.unternav li a:visited {
color: #003366;
}

#navigation ul.unternav li a:hover, #navigation ul.unternav li a:active {
color: #003366;
background: #fff;
}

#navigation ul.unternav li a.aktiv2 {
color: #003366;
font-weight: bold;
background: #fff;
}

#unternavigation {float: left; width: 25%; padding-bottom: 20px;}


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


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

#unternavigation ul li a {
float: left;
padding: 10px 2% ;
margin: 0;
text-decoration: none;
font-size: 13px;
width: 96%;
border-bottom: 1px solid #E8E8E8;
}

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

#unternavigation ul li a:hover, #unternavigation ul li a:active {
color: #003366; background: #dcfddc;
}

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

#footnav {float: left; width: 30%}
#footnav ul {
padding: 0;
margin: 5px 0 0 0;
list-style-type: none;
width: 100%;
}

#footnav ul li  {
display: block;
margin: 0; padding: 0; width: 100%;
}
#footnav ul li a {
display: block;
border-top: 1px solid #024;
font-weight: normal;
padding: 10px 5%;
width: 90%;
}
#footnav ul li:first-child a {border-top: 0;}

#footer a { color: #fff;}
#footer a:hover {color: #dcfddc;}


a.totop {position: fixed; right: 30px; bottom: 50px; z-index: 10; }

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

a#lilink, a.lolink {display: block; float: left; width: 90px; position: fixed; top: 20px; right: 10px; z-index: 6; background: #fff; padding: 5px 20px 5px 0; text-align: center;}
a#lilink {background: url('images/icon-login.png') right 2px top 4px no-repeat #fff;}
a.lolink {background: url('images/icon-logout.png') right 5px top 3px no-repeat #fff;}
a#lilink:hover, a.lolink:hover {box-shadow: inset 0px 0px 10px 0px #003366; -moz-box-shadow: inset 0px 0px 10px 0px #003366; -webkit-box-shadow: inset 0px 0px 10px 0px #003366;}


@media only screen and (max-width: 1060px)
{
#navigation ul li a {padding: 5px 10px 15px;margin: 10px 10px 0;font-size: 16px;}
a#lilink, a.lolink { width: 80px; top: 20px; right: 5px; }


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

#navigation {float: right; margin-top: 0;padding: 0; width: 100%;  }
#navigation ul {float: left;}
#navigation ul li a {padding: 5px 20px 15px;}
a#lilink, a.lolink { position: absolute; }
#unternavigation {float: left; width: 100%; }
#unternavigation ul li a {margin: 0;padding: 10px 5% ;width: 90%;}

}

@media only screen and (max-width: 680px)
{
#navigation {width: 100%;}
#menuelink {display: block;}
#navigation {display: none; }
#navigation ul {width: 100%;}
#navigation ul li {width: 100%;}
#navigation ul li a {
width: 100%;
border-left: 0;
padding: 10px 0; margin: 0;
border-top: 1px solid #024;
}

#navigation ul.unternav {display: none;}

a#lilink, a.lolink { top: 15px; right: 60px;}

a.totop img {width: 40px; height: 40px; }

#footnav {float: left; width: 90%; padding: 0 5%;}
#copyright {font-size: 0.9em;}
}