@charset "utf-8";
/* CSS Document */

  div#menu { font-size:10px; }

  div#menu ul,
  div#menu ul ul { list-style-type: none; margin:0; padding:0; }

  div#menu ul a  		{ display: block; padding: 3px 10px 3px 10px; font-weight: normal; text-decoration:none; color:#000; }
  div#menu ul a:hover	{ background-color:#C8D8E5; }
  div#menu ul a.active	{ display: block; padding: 3px 10px 3px 10px; font-weight: normal; text-decoration:none; color:#000000; background-color:#EBF2F9; }
  
  div#menu ul li { padding: 0; margin: 0; float: left; background-color: #FFFFFF; border:0px solid #26383D; height: 20px; }

  /* Für Unterpunkte keine Float-Eigenschaft */
  div#menu ul ul li {  float:none;  background-color: transparent; }

  /* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
  div#menu ul ul li.hover,
  div#menu ul ul li:hover {  background-color: #C8D8E5; }

  /* Zweite Ebene */
  div#menu ul ul {
	  margin:0;
	  padding: 0;
	  position: absolute;
	  background-color: #EBF2F9;
	  border: 1px solid #FFF9E4;
	  display: none;
	  width: 180px;
  }

  /* Zweite Ebene anzeigen */
  div#menu ul li.hover ul, 
  div#menu ul li:hover ul  { display: block; }

  /* Dritte Ebene */
  div#menu ul li.hover ul ul,
  div#menu ul li:hover ul ul {
	  display: none;
	  margin-left: 160px;	/* Breite eines Listenelements - Überlagerung */
	  margin-top: -20px;	/* Höhe eines Listenelements */
  }

  /* Dritte Ebene anzeigen */
  div#menu ul li.hover ul li.hover ul,
  div#menu ul li:hover ul li:hover ul { display: block; }
  
  /* Vierte Ebene */
  div#menu ul li.hover ul li.hover ul ul,
  div#menu ul li:hover ul li:hover ul ul { display: none; }
  
  /* Vierte Ebene anzeigen */
  div#menu ul li.hover ul li.hover ul li.hover ul, 
  div#menu ul li:hover ul li:hover ul li:hover ul { display: block; }