/* CSS-Styles fuer linke Menues */

/* Auflistung der Eintraege eines Menues ohne Ueberschrift */
#links div.ohnetitel
{
  margin: 1em 0 0 0;
  padding: 0;
}

/* Auflistung der Einträge eines Menüs mit überschrift */
#links ul.menu
{
  margin: 0.2em 0em 0em 0em;
  padding: 0;
  padding-right: 0em;
  list-style: none;
}

#links ul.menu li
{
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

/* Menüüberschriften */
#links h3
{
  margin: 0em;
  padding: 1em 0em 0em 0em;
  font-size: 100%;
  font-weight: bold;
}

/* Einzelne Menüeintrage (Link) */
#links ul.menu li a
{
  padding: 0em 0em 0em 20px;
  display: block;
  color: #000;
  text-decoration: none;
  outline: none;
  border-bottom-style: none;
}

/* Einträge der obersten Ebene, die Unterpunkte haben */
#links ul.menu li.parent > a
{
  background: url(../images/menue-kreuz.png) no-repeat 7px 0.35em;
}

/* Jeder Link eines Menueeintrages im Hauptmenue */
#links ul.menu li a span
{
  border-bottom: 1px none #008;
}

/* Menüeintrage der obersten Menueebene, über die der Mauszeiger fährt, oder die den Focus haben */
#links ul.menu li a:hover,
#links ul.menu li a:active,
#links ul.menu li a:focus
{
  color: #008;
  text-decoration: underline;
}

/* Der gerade angezeigte Menüeintrag der obersten Ebene */
#links ul.menu li.active.current > a
{
  color: #448;
  font-weight: bold;
  text-decoration: underline;
  background: url(../images/menue-pfeil.png) no-repeat 7px 0.35em;
}

/* Der gerade angezeigte Menüeintrag der obersten Ebene, wenn dieser ein Untermenue enthaelt
   *und* in diesem ein Punkt angezeigt wird (also nur .active, kein #current) - der Menüpfeil
   wird dann entsprechend verändert */
#links ul.menu li.deeper > a
{
  background: url(../images/menue-pfeil-transparent.png) no-repeat 7px 0.35em;
}

/* Untermenues der zweiten Ebene */

/* Liste eines Menues der zweiten Ebene */
#links ul.menu li ul
{
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: normal;
}

#links ul.menu li li
{
  padding: 0 0 0 15px !important;
  list-style: none;
}

/* Die Menueeintraege der zweiten Ebene */
#links ul.menu li.active ul li a
{
  color: #000;
  font-weight: normal;
  white-space:nowrap;
}

/* Menüeintrage der zweiten Ebene, über die der Mauszeiger fährt, oder die den Focus haben */
#links ul.menu li.active ul li a:hover,
#links ul.menu li.active ul li a:active,
#links ul.menu li.active ul li a:focus
{
  color: #008;
  text-decoration: underline;
}

/* Weitere Einstellungen nur fuer den gerade angezeigte Menueeintrag der zweiten Ebene */
#links ul.menu li.active ul li.current.active > a
{
  color: #404080;
  font-weight: bold;
  background: url(../images/menue-pfeil.png) no-repeat 7px 0.35em;
}

/* Der gerade angezeigte Menüeintrag der zweiten Ebene, wenn dieser ein Untermenue enthaelt
   *und* in diesem ein Punkt angezeigt wird (also nur .active, kein #current) - der Menüpfeil
   wird dann entsprechend verändert */
#links ul.menu li.active ul li.active > a
{
  color: #333;
  font-weight: normal;
  background: url(../images/menue-pfeil-transparent.png) no-repeat 7px 0.35em;
}

/* Dritte Ebene */

/* Die normalen Menüeintraege der dritten Ebene */
#links ul.menu li.active ul li.active ul li a
{
  color: #000;
  font-weight: normal;
  white-space: nowrap;
  background: none;
}

/* Menüeintrage der dritten Ebene, über die der Mauszeiger fährt, oder die den Focus haben */
#links ul.menu li.active ul li.active ul li a:hover,
#links ul.menu li.active ul li.active ul li a:active,
#links ul.menu li.active ul li.active ul li a:focus
{
  color: #008;
  text-decoration: underline;
}

/* Weitere Einstellungen nur für den gerade angezeigte Menueeintrag der dritten Ebene */
#links ul.menu li.active ul li.active ul li.current a
{
  color: #404080;
  font-weight: bold;
  text-decoration: underline;
  background: url(../images/menue-pfeil.png) no-repeat 7px 0.35em;
}

/* Wichtige Hinweise (Modul) */
#links div.moduletable div.wichtigehinweise
{
  width: 160px;
  margin-top: 0.5em;
  margin-bottom: 1em;
  padding: 0.8em 1em;
  background-color: #FF4;
  border: 1px solid #A00;
}

/* Normale Hinweise (Modul) */
#links div.moduletable div.normalehinweise
{
  width: 160px;
  margin-top: 2em;
  padding: 0.8em 1em;
  background-color: #EEE;
  border: 1px solid #333;
}