/* navigation */
#navContainer { width:220px; margin-top:50px; margin-bottom:50px; }

/* navigation - 1. ebene */
#navContainer ul { list-style-type:none; margin:0; padding:0; }
#navContainer li { margin:0; }
#navContainer a {
  background:url('../images/listicon.gif') 0px center no-repeat;
  color:#000;
  display:block;
  text-decoration:none;
  padding-left:22px;
  width:192px;
  font-size:13px;
  line-height:20px;
}
#navContainer ul li a:hover { font-weight:bold; background-color:#F6A800; background-image:url('../images/listicon-act.gif'); }
#navContainer ul li.act a { font-weight:bold; background-color:#F6A800; background-image:url('../images/listicon-act.gif'); }

/* navigation - 2. ebene */
#navContainer ul ul { margin:0; }
#navContainer ul ul a {
  background:url('../images/listicon.gif') 0px center no-repeat;
  color:#000;
  display:block;
  text-decoration:none;
  padding-left:22px;
  width:192px;
  font-size:12px;
  line-height:20px;
}
#navContainer ul li.act ul li a { font-weight:normal !important; }
#navContainer ul li.act ul li a:hover { font-weight:bold !important; background-color:#988382 !important; background-image:url('../images/listicon-act.gif') !important; }
#navContainer ul li ul li a { font-weight:normal !important; background-color:transparent !important; background-image:url('../images/listicon.gif') !important; }
#navContainer ul li ul li.act a { color:#fff; font-weight:bold !important; background-color:#F6A800 !important; background-image:url('../images/listicon-act.gif') !important; }
#navContainer ul li ul li a:hover { color:#fff; font-weight:bold !important; background-color:#988382 !important; background-image:url('../images/listicon-act.gif') !important; }

/* navigation - 3. ebene */
#navContainer ul ul ul { margin:0; }
#navContainer ul ul ul a {
  background:url('../images/listicon.gif') 16px center no-repeat !important;
  font-weight:normal !important;
  padding-left:38px;
  width:176px;
  font-size:11px;
  line-height:16px;
}
#navContainer ul li ul li.act ul li a { color:#000; font-weight:normal !important; background-color:transparent !important; background-image:url('../images/listicon.gif') !important; }
#navContainer ul li ul li.act ul li a:hover { color:#fff; font-weight:bold !important; background-color:#988382 !important; background-image:url('../images/listicon-act.gif') !important; }
#navContainer ul li ul li ul li.act a { font-weight:bold !important; background-color:#F6A800 !important; background-image:url('../images/listicon-act.gif') !important; }
#navContainer ul li ul li ul li a:hover { color:#fff; font-weight:bold !important; background-color:#988382 !important; background-image:url('../images/listicon-act.gif') !important; }

/* navigation specials */

/* horizontale navigation */
#navHome { position:absolute; top:68px; left:25px; width:100px; height:16px; line-height:16px; text-align:center; }
#navHome a { display:block; width:111px; height:16px; text-decoration:none; color:#CF8C81; }

#navHor { position:absolute; top:66px; left:160px; width:698px; height:20px; line-height:20px; overflow:hidden; vertical-align:middle; }
#navHor a { display:block; width:111px; height:20px; text-decoration:none; color:#444; }
#navHor a.act, #navHor a:hover { color:#fff; background:url('../images/reiter-aktiv.gif') no-repeat; }

#navHorSpendwerk { position:absolute; top:0px; left:1px; width:111px; height:16px; text-align:center; }
#navHorPersonen { position:absolute; top:0px; left:118px; width:111px; height:16px; text-align:center; }
#navHorReferenzen { position:absolute; top:0px; left:235px; width:111px; height:16px; text-align:center; }
#navHorNewsletter { position:absolute; top:0px; left:352px; width:111px; height:16px; text-align:center; }
#navHorSpendbuch { position:absolute; top:0px; left:469px; width:111px; height:16px; text-align:center; }
#navHorKontakt { position:absolute; top:0px; left:586px; width:111px; height:16px; text-align:center; }
