<!-- *** Navigation *** -->
<div id="nav">
	<ul id="navi">
	<li class="navi-on"><a href="1.html">Wir &Uuml;ber uns</a>
        <ul>
      	    <li class="snavi"><a href="1_1.html">Startseite</a></li>
            <li class="snavi"><a href="1_2.html">Partner</a></li>
            <li class="snavi"><a href="1_3.html">Geschichte</a></li>
        </ul>
    </li>
    <li class="navi-off"><a href="2.html">Service f. Unternehmen</a>
    	<ul>
      	    <li class="snavi"><a href="2_1.html">Beratungsphilosophie</a></li>
      	    <li class="snavi"><a href="2_2.html">Executive Search</a></li>
      	    <li class="snavi"><a href="2_3.html">Anzeigensuche</a></li>
      	    <li class="snavi"><a href="2_4.html">Coaching</a></li>
      	    <li class="snavi"><a href="2_5.html">Benchmarking</a></li>
        </ul>
    </li>
    <li class="navi-off"><a href="3.html">Service f&uuml;r Personen</a>
    	<ul>
      	    <li class="snavi"><a href="3_1.html">Stellenangebote</a></li>
            <li class="snavi"><a href="3_2.html">Inplacement</a></li>
		    <li class="snavi"><a href="3_3.html">Coachings</a></li>
            <li class="snavi"><a href="3_4.html">Bewerberformular</a></li>
      </ul>
    </li>
    <li class="navi-off"><a href="4.html">Netzwerkl&ouml;sungen</a>
    	<ul>
      	    <li class="snavi"><a href="4_1.html">Unterpunkt</a></li>
		    <li class="snavi"><a href="4_2.html">Unterpunkt 2</a></li>
		    <li class="snavi"><a href="4_3.html">Unterpunkt 3</a></li>
        </ul>
    </li>
    <li class="navi-off"><a href="5.html">Kontakt</a>
    	<ul>
      	    <li class="snavi"><a href="5_1.html">Kontakt</a></li>
            <li class="snavi"><a href="5_2.html">Impressum</a></li>
        </ul>
    </li>
</ul></div><!-- Ende  navi-->

/* =Navigation
===============================================*/
#nav {
	width: 800px; 
	height: 22px; 
	background: #BABABA; 
	position: relative;
	margin: 0;
	border-bottom: 1px solid #fff;
}


#navi {
	margin-top:0px;
	margin-right: auto;
	position: absolute;
}

#navi li.navi-on ul, #navi li.navi-off ul {
	margin: 0px;
	padding: 0px;
}

#navi a {
	text-decoration: none;
	text-align: center;
}

#navi li {
	float: left;
	display: block;
	height: 23px;
}

#navi li ul {
  	display: none;
}

#navi li.navi-off ul, #navi li.navi-on ul {
	position: absolute;
	left: 0px;
	height: 23px;
	background-color: #E3E3E3;
	top: 23px;
	/*padding-top: 4px;*/
	color: #000;
	width: 800px;
}

#navi li.navi-on a:hover, #navi li.navi-on a:link {
  	color: #000;
  	font-size: 11px;
}

#navi li a {
	padding: 4px 10px 6px 10px;
	color: #000;
  	font-size: 11px;
	display: block;
	background-color: #BABABA;
	border-bottom: 1px solid #fff;
	height: 12px;
}

#navi li.navi-on a {
	color: #000;
  	font-size: 11px;
	background-color: #E3E3E3;
	text-align: center;
	border-bottom: 1px solid #E3E3E3;
}

#navi li.navi-on ul a, #navi li.navi-off ul a {
	border: 0pt none ;
	float: left;
	color: #000;
	font-size: 11px;
	width: auto;
	margin-right: 11px;
}

#navi li.navi-on ul {
	display: block;
}

#navi li.navi-off:hover ul {
	display: block;
	z-index: 6000;
	color: #000;
	font-size: 11px;
}

#navi li.navi-off a:hover, #navi li:hover a {
	color: #000;
	font-size: 11px;
	background-color: #E3E3E3;
}

#nav li.navi-off, #nav li.navi-on {
	border-right: 1px solid #fff;
}