@media screen {

div#navibereich {
	position: relative;
	display:block;
	float: left;
	background-color:#e9ebf1;
	min-width:600px;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
}

* html #navibereich { height: 1%; }

div#textbereich { clear:left; } 

div#navibereich ul {
  padding: 0; 
  margin: 0;
}
div#navibereich li {
  float: left;
  width: auto;
  list-style: none;
  padding: 0; 
  margin: 0;
}

div#navibereich a {
	color: #000000;
	display: block;
	padding: 5px 13px 5px 10px;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}

 div#navibereich  a.aktiv_btn  	{
	color: #003399;
	text-decoration: none;
} 
 

div#navibereich ul a:hover, 
div#navibereich ul a:focus {
/*  background: #428474 url("navi_sprite.jpg") repeat-x left -30px;*/
  border-bottom: medium none;
  color: #000000;
  text-decoration: underline;
}
div#navibereich ul a:active {
	color: white;
	background-attachment: scroll;
	background-color: #93A6B8;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}

/* ====================================== 
   Suchformular gestalten
   ====================================== */
div#navibereich form {
  position: absolute; 
  top: 5px; 
  right: 20px; 
  width: 150px;  
  background: none; 
  border: 0;
  padding: 0; 
  margin: 0; 
}

#navibereich input#suchfeld {
  width: 115px; 
  font-size: 11px; 
  border: none;
  border-radius: 10px;   
  padding: 3px 25px 3px 9px; 
  margin: 0; 
} 
#navibereich input:focus { background: white; }

#navibereich input.lupe {
  position: absolute;
  right: 7px;
  top: 3px;
  padding: 0;
  margin: 0;
}

/* ==============================================
   Styles für die Dropdown Navigation ab hier  
   ============================================== */ 
 /* Listenelemente in Ebene 2 clearen => untereinander */ 
  div#navibereich ul.level2 li {
    clear: both; 
  }  

/* Ebene 2 verstecken */ 
div#navibereich ul.level2 {
  position: absolute; 
  left: -32768px; 
  top: -32768px; 
  width: 0; 
  height: 0; 
}

/* Zweite Ebene wieder einblenden */ 
div#navibereich li:hover ul.level2,
div#navibereich li.sfhover ul.level2 {
	left: auto;
	top: auto;
	display: block;
	width: auto;
	height: auto;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

/* Links in Ebene 2 gestalten */ 
div#navibereich ul.level2 a {
  background: #e9ebf1; 
  color: black; 
  min-width: 6em;
}
* html div#navibereich ul.level2 a { width: 6em; }

/* Moment des Klicks in Ebene 2 */ 
div#navibereich ul.level2 a:active {
	color: #FFF;
	background-color: #003399;
}


#fussbereich ul li {
	float:left;
	list-style-type: none;
	}

} 

