/*  =========================================================
Stylesheet für die horizontale Navigation mit Dropdown-Menü
Datei:  navi_dropdown.css 
Datum: 2009-05-18
Autor: Andrea Böhm 
========================================================== */

@media screen { 

/* ==============================================
   01 Das umgebende DIV gestalten
   ============================================== */
#navibereich {
	overflow: hidden;
   	width: 1024px;
	height: 33px;
	margin: 0 1;
	text-align: left;
	background-repeat: no-repeat;
	background-image:url(../bilder/navileiste.jpg);
}
/* Sternchen-Hack, hasLayout für IE5x. und 6 */ 
* html #navibereich { height: 1%; }

/* ==============================================
   02 Die ungeordnete Liste in Ebene 1 gestalten 
   ============================================== */
#navibereich ul { margin: 0; }
#navibereich li {
   float: left;
   width: auto;
   list-style: none;
   padding-left: 0em;
   margin: 0;
}
/* Liste in Ebene 2 clearen */
#navibereich li li { clear: both; }

/* ==============================================
   03 Die Hyperlinks in Ebene 1 gestalten 
   ============================================== */
#navibereich a {
   display: block;
   font-weight:bold;
   font-size: 13px;
   color: #4b3912;
   padding: 0.4em 2.5em;
}
#navibereich a:hover,
#navibereich a:focus
#schaukasten #navi00 a,
#geschichte #navi01 a, 
#umgebung #navi02 a,
#siedlung #navi03 a,   
#kontakt #navi04 a,
#impressum #navi05 a
{
	color: #fefed1;
	border-bottom: none;
	background-image:url(../bilder/but-1-5.jpg);
	background-repeat: no-repeat;
} 

/* Spezifität auf > 225 erhöhen (ist so 312) */
#wrapper #navibereich #ebene01 li a:active {
   	color: #fefed1;
	background-image:url(../bilder/but-1-5.jpg);
	background-repeat: no-repeat;
}

/* ==============================================
   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 { 
	   width: 60px; 
	   background-color: #7b8e02;
	   float:left;
}

/* Spezifität 224 */
#navibereich ul#ebene01 ul.ebene02 li a:hover {
      width: 60px; 
	  background-color: #c9e001;
}

/* ==============================================
   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: 6em; 
}

} /* Ende @media*/

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