@charset "UTF-8";

/* navigation */
#navContainer { width:290px; }

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

/* navigation - 2. ebene */
#navContainer ul ul { margin:0; }
#navContainer ul ul a {
  background:none !important;
  font-weight:bold !important;
  padding-left:15px;
  width:200px;
  font-size:13px !important;
  line-height:20px !important;
  color:#fff !important;
}
#navContainer ul li.act ul li a {}
#navContainer ul li.act ul li a:hover {}
#navContainer ul li ul li.act a {}
#navContainer ul li ul li a:hover {}

/* navigation - 3. ebene */
#navContainer ul ul ul { margin:0; }
#navContainer ul ul ul a {
  background:none !important;
  font-weight:normal !important;
  padding-left:30px;
  width:185px;
  font-size:11px !important;
  line-height:16px !important;
  text-transform:none !important;
}
#navContainer ul li ul li.act ul li a { color:#ffffff !important; }
#navContainer ul li ul li.act ul li a:hover {}
#navContainer ul li ul li ul li.act a {}
#navContainer ul li ul li ul li a:hover {}

/* navigation specials */
li#navHingehen     { width:250px; height:auto; margin-bottom:5px; background-color:#7eabbc; }
li#navSelbermachen { width:250px; height:auto; margin-bottom:5px; background-color:#a5b76d; }
li#navWeiterkommen { width:250px; height:auto; margin-bottom:5px; background-color:#e2a700; }

li#navHingehen.act     { width:265px !important; }
li#navSelbermachen.act { width:265px !important; }
li#navWeiterkommen.act { width:265px !important; }

li#navHingehen.startseite     { width:290px !important; height:240px; }
li#navSelbermachen.startseite { width:290px !important; height:240px; }
li#navWeiterkommen.startseite { width:290px !important; height:240px; }

li#navHingehen a     { width:235px; height:45px; line-height:38px; font-size:22px; color:#03335B; background:#7eabbc; padding-left:15px; }
li#navSelbermachen a { width:235px; height:45px; line-height:38px; font-size:22px; color:#3D5032; background:#a5b76d; padding-left:15px; }
li#navWeiterkommen a { width:235px; height:45px; line-height:38px; font-size:22px; color:#6A4108; background:#e2a700; padding-left:15px; }

li#navHingehen ul li a     { height:24px !important; line-height:20px !important; text-transform:uppercase; }
li#navSelbermachen ul li a { height:24px !important; line-height:20px !important; text-transform:uppercase; }
li#navWeiterkommen ul li a { height:24px !important; line-height:20px !important; text-transform:uppercase; }

/* 2. ebene */
#navHingehen ul li.act a, #navHingehen ul li a:hover         { color:#03335B !important; }
#navSelbermachen ul li.act a, #navSelbermachen ul li a:hover { color:#3D5032 !important; }
#navWeiterkommen ul li.act a, #navWeiterkommen ul li a:hover { color:#6A4108 !important; }
/* 3. ebene */
#navContainer ul li#navHingehen ul li ul li.act a,
#navContainer ul li#navHingehen ul li ul li a:hover { color:#03335B !important; font-weight:bold !important; }
#navContainer ul li#navSelbermachen ul li ul li.act a,
#navContainer ul li#navSelbermachen ul li ul li a:hover { color:#3D5032 !important; font-weight:bold !important; }
#navContainer ul li#navWeiterkommen ul li ul li.act a,
#navContainer ul li#navWeiterkommen ul li ul li a:hover { color:#6A4108 !important; font-weight:bold !important; }