#topnav {
margin: 0;
padding: 0;
width: 200px;
float: right;
font-family: Verdana, sans-serif;
}
#topnav ul
{
			margin: 0;
			padding: 0;
			list-style-type: none;
      float: right;
}
		
#topnav ul li { 
       float: left;
       display: block;
       padding: 0;
}
#topnav ul li a {
display: block;
float: left;
padding: 5px 15px 3px;
margin: 0;
font-size: 11px;
overflow: hidden;
border-left: 1px dotted #666;
}

#topnav ul li a:link, #topnav ul li a:visited {
color: #DF321A;
text-decoration: none;
}
#topnav ul li a:hover, #topnav ul li a:active {
color: #333;
text-decoration: underline;
}

#navigation {
width: 230px;
float: left;
margin-bottom: 10px;
}

#navigation ul
{
			margin: 0;
			padding: 0;
			list-style-type: none;
      font-family: Verdana, Arial, Helvetica, sans-serif;
}
		
#navigation ul li { 
                         display: block;

}
#navigation ul li a {
display: block;
border-bottom: 1px dotted #666;
font-weight: bold;
color: #DC291B;
padding: 10px 3px 10px 15px;
background: url('images/navhin.gif') right top no-repeat #F9ECE5;
font-size: 13px;
margin: 0;
}

#navigation ul li a.aktiv {
background:  url('images/navhin_on.gif') repeat-x #EC6515;
color: #000;
}

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

#navigation ul li a:hover, #navigation ul li a:active {
background:  url('images/navhin_on.gif') repeat-x #EC6515;
color: #FFFCF5;
text-decoration: none;
}

#navigation ul.unav1 {
margin: 0 0 0 10px;
background-color: #E03817;
}

#navigation ul.unav1 li a {
display: block;
border-bottom: none;
font-weight: normal;
padding: 7px 3px 7px 15px;
}

#navigation ul.unav1 li a:link, #navigation ul.unav1 li a:visited {
background: none;
color: #F9ECE5;
margin: 0;
text-decoration: none;
font-size: 12px;
}

#navigation ul.unav1 li a:hover, #navigation ul.unav1 li a:active {
color: #000;
margin: 0;
font-size: 12px;
background:  url('images/navhin_on.gif') repeat-x #EC6515;
}

#navigation ul.unav1 li a.aktiv2 {
font-weight: bold;
color: #000;
}

#menuelink {display: none; position: absolute; top: 0; right: -46px; margin: 0; width: 40px; padding: 25px 3px 2px 3px; overflow: hidden; background: url('images/menhin.png') 3px 5px no-repeat #e03817; color: #fff; text-align: center; }


#navigation.eingeblendet {
    left: 0;
}

@media only screen and (max-width: 960px)
{
  #navigation {position: absolute; top: 100px; left: -230px; background: #fff;
  box-shadow: 0px 0px 5px 0px #333; -moz-box-shadow: 0px 0px 5px 0px #333; -webkit-box-shadow: 0px 0px 5px 0px #333;}
  #menuelink {display: block;}
}