/*--formatiert die Menüleiste--*/
#logo {
  width:1000px;
  height:88px;
  padding:0 11px;
  margin:0 auto;
}

#menu {
  width:1000px;
  height:70px;
  padding:0 10px;
  font-family:Arial, sans-serif;
  line-height:1.5;
  margin:0 auto;
} 

/*--formatiert die Themenblöcke--*/
#menu ul {
  float:left;
  width:160px;
  list-style-type:none;
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
  text-decoration:none;
  display:block;
  padding:0 2px;
  font-size:0.9em;
  color:#E5E5E1;
  border:1px solid #E5E5E1;
  border-width:1px 1px 0 0; 
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
  background:#009999;
  padding:0 2px;
  font-size:0.9em;
} 

/*
*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
  position: relative;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
  position:absolute;
  z-index:2;
  display:none;
} 

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
  display:block;
  background:#53868b;
  color:#000;
} 

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/

* html #menu ul li {
  float:left;
  width:100%;
}

/*--nur für IE 7 erkennbar--*/

*+ html #menu ul li {
  float:left;
  width:100%;
} 

/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:link {
  font-size:0.9em;
/*  font-weight:bold; */
  color:#E5E5E1;
  border:1px solid #E5E5E1;
  padding:3px 2px;
  background:#4A708B;
}

/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:hover {
  color:#E5E5E1;
  background:#008b00;
  padding:3px 2px;
} 

/* Dritte Ebene */

#menu ul li:hover ul ul {
  display:none;
}

div#menu ul ul li:hover ul.klappe_links {
  display:block;
  position:absolute;
  top:0;
  right:100%;
  color:#E5E5E1;
}

div#menu ul ul li:hover ul.klappe_rechts {
  display:block;
  position:absolute;
  top:0;
  left:100%;
  color:#E5E5E1;
}