/*  =========================================================
Stylesheet für die horizontale Navigation mit Dropdown-Menü und Suchfeld 
Datei:  navi_dropdown.css 
Datum: 2007-10-27
Autor: Peter Müller 
========================================================== */

@media screen { 

/* ==============================================
   01 Das umgebende DIV gestalten
   ============================================== */
#navibereich {
   overflow: hidden;
   color: black;
   padding: 0px ;
   margin: 0;
   float:left;
   /*margin-top: 51px;*/
   margin-top: 13px;
   margin-left: 17px;
	width: 650px;
}



/* ==============================================
   02 Die ungeordnete Liste in Ebene 1 gestalten 
   ============================================== */
#navibereich ul { margin: 0;}
#navibereich li {
   float: left;
   width: auto;
   list-style: none;
   margin: 0 ;
   background:url(../img2/headnav_separator.gif) no-repeat 0px 6px;
}


#navibereich li.first{

	background: none;

}



/* Liste in Ebene 2 clearen */
#navibereich li li { clear: both;}



/* ==============================================
   03 Die Hyperlinks in Ebene 1 gestalten 
   ============================================== */
#navibereich a {
   display: block;
   color: #a6a6a6;
   padding: 0.4em 1em;
   text-decoration: none;
}
#navibereich a:hover,
#navibereich a:focus{
   color: #3a52cd;
   border-bottom: none;
} 







/* ==============================================
   04 Ebene 2 verstecken 
   ============================================== */
#navibereich li ul {
   position: absolute;
   left: -9999px;
   top: -9999px;
   display: inline;
   width: 0;
   height: 0; 
   background-color: transparent;   
}

/* ==============================================
   05 Ebene 2 sichtbar machen 
   ============================================== */
#navibereich li:hover ul,
#navibereich li.sfhover ul {
   left: auto; 
   top: auto;
   display: block;
   width: auto;
	height: auto; 
}

/* ==============================================
   06 Die Rausklappliste korrekt einfärben
   ============================================== */
/* Spezifität 214 */
#navibereich ul#ebene01 ul.ebene02 li a { 
    background: url(../img2/subnav_middle.gif) repeat-y;
	background-color: #fdfdfd;
}


/* ==============================================
   07 Schönheitsreparaturen
   a) Kopfbereich padding-bottom 10px (in bildschirm.css)
   b) Spezifität für :active auf 312 erhöhen (Zeile 57)
   c) width für Links in Ebene 2
      (ohne schrumpft das Rausklappmenü im IE7)
   ============================================== */
/* 07c - width für die Hyperlinks in Ebene 2 */ 
#navibereich li li a {
   width: 139px;
}


} /* Ende @media - nicht löschen! */

/* ======================================
   E N D E navi_dropdown.css
   ====================================== */