@media screen {

div#navibereich {
  position: relative;
  float: left;
  /* overflow:hidden */
  /* display: table; */
  width: 530px;
  background: #f3c600 url("navi_sprite_blau.jpg") repeat-x left top;
  border: 2px solid #93CCDD;
  padding: 0;
  padding-left: 140px;
  padding-right: 0px;
  margin-left: 20px;
  margin-right: 10px;
}
* html #navibereich { height: 1%; }

div#textbereich { clear: both; }

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: #ffffff;
  display: block;
  padding: 7px 13px 7px 10px;
  text-decoration: none;
}

div#navibereich li a.sie-sind-hier {
  background: #FFEDA0 url("navi_sprite_blau.jpg") repeat-x left -60px;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}
div#navibereich ul a:hover,
div#navibereich ul a:focus {
  background: #428474 url("navi_sprite_blau.jpg") repeat-x left -30px;
  border-bottom: 0px solid #f3c600;
  color: #000000;
  text-decoration: none;
}
div#navibereich ul a:active {
  background: none repeat scroll 0 0 #B80000;
  color: #ffffff;
}


/* Schritt 1 - Listenelemente in Ebene 2 clearen */
div#navibereich ul.level2 li { clear: both; }

/* Schritt 2 - Zweite Ebene verstecken */
div#navibereich ul.level2 {
  position: absolute;
  left: -32768px;
  top: -32768px;
  width: 0;
  height: 0;
}

/* Schritt 3 - 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: 0px solid #f3c600;
}

/* Schritt 4 - Links in der zweiten Ebene gestalten */
div#navibereich ul.level2 a {
  background: #428474 url("navi_sprite_blau.jpg") repeat-x left -60px;
  color: #000000;
  min-width: 2em;
  padding: 4px 5px 4px 8px;
  margin: 0px 3px 0px 0px;
}
* html div#navibereich ul.level2 a { width: 6em; }



/* Schritt 6: Hover-Effekt für die zweite Ebene */
div#navibereich ul.level2 a:hover {
  background: #FFEDA0 url("navi_sprite_blau.jpg") repeat-x left -30px;
  color: black;
}


/* Schritt 5: Moment des Klicks in der zweite Ebene */
div#navibereich ul.level2 a:active {
  background: none repeat scroll 0 0 #B80000;
/*  background: #FFEDA0 url("navi_sprite_blau.jpg") repeat-x left -60px;*/
  color: #ffffff;
}






} /* Ende @media - nicht löschen! */
/* =======================================
   E N D E   D E S   S T Y L E S H E E T S
   ======================================= */