/*  =========================================================
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
   ============================================== */
#partnerbereich {
   overflow: hidden;
   color: black;
   padding: 0px;
   margin: 0;
   float:right;
   margin-top: 20px;
   margin-left: 17px;
   width: 100px;
   padding-bottom:0px;
   margin-bottom:0px;
}


/* ==============================================
   02 Die ungeordnete Liste in Ebene 1 gestalten 
   ============================================== */
#partnerbereich ul { margin: 0;}

#partnerbereich li {
   float: left;
   width: auto;
   list-style: none;
   margin: 0 ;
   line-height: 9px;
}


#partnerbereich ul li ul{ margin: 0;}


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



/* ==============================================
   03 Die Hyperlinks in Ebene 1 gestalten 
   ============================================== */
#partnerbereich a {
   display: block;
   color: #a6a6a6;
   padding: 0.4em 1em;
   text-decoration: none;
}
#partnerbereich a:hover,
#partnerbereich a:focus,
#startseite #navi01 a, 
#seite02    #navi02 a, 
#seite0201  #navi02 a, 
#seite03    #navi03 a, 
#seite0302  #navi03 a, 
#kontaktseite #navi04 a {
   color: #3a52cd;

   border-bottom: none;
} 


/* Spezifität auf > 225 erhöhen (ist so 312) */
#wrapper #partnerbereich #ebene01 li a:active {
   color: white;
   background-color: #ffffff;
}



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

/* ==============================================
   05 Ebene 2 sichtbar machen 
   ============================================== */
#partnerbereich li:hover ul,
#partnerbereich li.sfhover ul {
   left: auto; 
   top: auto;
   display: block;
   width: auto;
	height: auto; 
   /*border: 1px solid #c5c5c5;*/
}

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

	
/* Spezifität 224 */
#partnerbereich ul#ebene01 ul.ebene02 li a:hover {
/*   background-color: #ececec;*/
}

/* ==============================================
   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 */ 
#partnerbereich li li a {
   width: 139px;
}


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