<div id="sidebar1">
        <ul class="navi">
            <li><a href="index.html">Startseite</a></li>
            <li class="active"><a href="kampagne.html">Die Kampagne</a></li>
            <li><a href="aboutus.html">Wir über uns</a></li>
            <li><a href="aktuelles.html">Aktuelles</a></li>
            <li><a href="veranstaltung.html">Veranstaltungen</a></li>
            <li><a href="material.html">Kampagnenmaterial</a></li>
            <li><a href="presse.html">Presse</a></li>
            <li><a href="beratung.html">Beratung in Köln</a></li>
            <li><a href="foerderer.html">Förderer</a></li>
           </ul>
  <!-- end #sidebar1 --></div>
  <div id="sidebar2">

#sidebar1 {
	float: left;
	width: 210px;
	background: #fff;
	margin-top:-20px;
	position:relative;
}
#sidebar1 p {
	margin-left:18px;
	position:relative;
}
ul.navi {
	list-style-type: none;
	margin-left: -30px;
	width: 200px;
	position:relative;
}
ul.navi li {
	background-color:#F9D861;
	padding: 15px 0px 0px 28px;
	height: 27px;
	margin-top: 5px;
	position:relative;
}
ul.navi li.active {
	background-image:url(../images/link_active.png);
	background-repeat:no-repeat;
}
a:link,
a:visited {
	text-decoration: none;
  	color:black;  
}
li a:hover,
li a:focus,
li a:active {
	color:red;
}
ul.subnavi {
	list-style-type: none;
	margin-bottom:5px;
	position:relative;
}
ul.subnavi li {
	background-color:#fff;
	padding: 5px 0px 0px 0px;
	margin-left:-12px;
	font-size:80%;
	height: auto;
	position:relative;
}
ul.subnavi li.active2 a {
	color: red;
}