/* navigation */
#navContainer { width:188px; min-height:400px; margin-bottom:10px; position: relative; z-index: 2; background: url('../images/navi_schrift.gif') bottom center no-repeat; }

/* navigation - 1. ebene */
#navContainer ul { list-style-type:none; margin:24px 0 0 0; padding:0; }
#navContainer li { margin:0 0 1px 0; }
#navContainer a {
  background:url('../images/listicon.gif') 15px center no-repeat;
  color:#000000;
  display:block;
  text-decoration:none;
  padding-left:32px;
  width:156px;
  font-size:11px;
  line-height:18px;
}
#navContainer ul li a:hover { font-weight:bold; background-image:url('../images/listicon_act.gif'); }
#navContainer ul li.act a { color: #063; font-weight:bold; background-image:url('../images/listicon_act.gif'); }

/* navigation - 2. ebene */
#navContainer ul ul { margin:0; }
#navContainer ul ul a {
  background:none !important;
  font-size: 10px;
  font-weight:normal !important;
  color: #000 !important;
  line-height:16px;
}
#navContainer ul li.act ul li a { font-weight:normal !important; }
#navContainer ul li.act ul li a:hover { font-weight:bold !important; }
#navContainer ul li ul li.act a { font-weight:bold !important; }
#navContainer ul li ul li a:hover { font-weight:bold !important; }

/* navigation specials */
#navStartseite,
#navAktuelles,
#navFreieTermine,
#navLinks,
#navKontakt,
#navSitemap { position: absolute; top: -43px; z-index: 5; width: auto; }
#navAktuelles { left: 95px; }
#navFreieTermine { left: 746px; }
#navLinks { left: 186px; }
#navKontakt { left: 257px; }
#navSitemap { left: 337px; }
#navContainer #navStartseite a,
#navContainer #navAktuelles a,
#navContainer #navFreieTermine a,
#navContainer #navLinks a,
#navContainer #navKontakt a,
#navContainer #navSitemap a { color: #b2d1c1; background-image: none; width: auto; white-space: nowrap; }
#navContainer #navFreieTermine a { font-weight: bold; }
#navContainer #navStartseite a:hover,
#navContainer #navAktuelles a:hover,
#navContainer #navFreieTermine a:hover,
#navContainer #navLinks a:hover,
#navContainer #navKontakt a:hover,
#navContainer #navSitemap a:hover { color: #b2c1d1; background-image:url('../images/listicon_hori_act.gif'); }
#navContainer li#navStartseite.act a,
#navContainer li#navAktuelles.act a,
#navContainer li#navFreieTermine.act a,
#navContainer li#navLinks.act a,
#navContainer li#navKontakt.act a,
#navContainer li#navSitemap.act a, { color: #fff; background-image:url('../images/listicon_hori_act.gif'); }