/* navigation */
#navQuer      { position:absolute; top:154px; left:-244px; width:988px; height:56px; color:#000;
                margin:0; padding:0; background-color:#fff; background-image:none; }

#navStartseite    { position:absolute; top:23px; left:38px; width:88px; height:33px; }
#navKontakt       { position:absolute; top:23px; left:129px; width:88px; height:33px; }
#navInnentreppen  { position:absolute; top:0px; left:220px; width:178px; height:56px; }
#navAussentreppen { position:absolute; top:0px; left:401px; width:178px; height:56px; }
#navAngebote      { position:absolute; top:0px; left:582px; width:178px; height:56px; }
#navFAQ           { position:absolute; top:23px; left:763px; width:88px; height:33px; }
#navLexikon       { position:absolute; top:23px; left:854px; width:88px; height:33px; }

#navImpressum     { margin:0; }
#navSitemap       { margin:0; }

/* navigation - 1. ebene */
#navQuer ul { list-style-type:none; margin:0; padding:0; }
#navQuer li { margin:0 0 0 0; }
#navQuer a {
  color:#000000;
  display:block;
  text-align:center;
  text-decoration:none;
  padding:0;
  font-size:12px; font-weight:bold;
  line-height:20px;
}

#navStartseite a, #navKontakt a, #navFAQ a, #navLexikon a { width:88px; height:21px; padding-top:12px; color:#fff;
                                                            background-image:url('../images/button_klein_nor.gif'); }
#navStartseite a:hover, #navKontakt a:hover,
#navFAQ a:hover, #navLexikon a:hover                      { background-image:url('../images/button_klein_roll.gif'); }

#navInnentreppen a, #navAussentreppen a, #navAngebote a   { width:178px; height:42px; padding-top:14px; font-size:14px; color:#000; }
#navInnentreppen a  { background-image:url('../images/button_gelb_nor.gif'); }
#navAussentreppen a { background-image:url('../images/button_orange_nor.gif'); }
#navAngebote     a  { background-image:url('../images/button_rot_nor.gif'); }

#navInnentreppen a:hover, #navAussentreppen a:hover, #navAngebote a:hover  { background-image:url('../images/button_gross_roll.gif'); }

#navInnentreppen.act a  { background-image:url('../images/button_gelb_act.gif'); }
#navAussentreppen.act a { background-image:url('../images/button_orange_act.gif'); }
#navAngebote.act     a  { background-image:url('../images/button_rot_act.gif'); }


#navStartseite.act a, #navKontakt.act a, #navFAQ.act a, #navLexikon.act a
     { background-image:url('../images/button_klein_act.gif'); }


#navInnentreppen ul {
    width: 170px;
    border:4px solid #f9ff01;
    border-top:10px solid #f9ff01;
}

#navAussentreppen ul {
    width: 170px;
    border:4px solid #f0a011;
    border-top:10px solid #f0a011;
}
#navAngebote ul {
    width: 170px;
    border:4px solid #fb0129;
    border-top:10px solid #fb0129;
}

#navInnentreppen ul li a, #navAussentreppen ul li a, #navAngebote ul li a  {
    width: 158px;
    height:auto;
    padding:2px 2px 2px 10px;
    background-image:none;
    background-color:#fff;
    color:#646466;
    text-align:left;
    font-weight:normal;
}
#navInnentreppen  ul li a { border-bottom:1px solid #f9ff01; }
#navAussentreppen ul li a { border-bottom:1px solid #f0a011; }
#navAngebote      ul li a { border-bottom:1px solid #fb0129; }

#navInnentreppen.act ul li a, #navAussentreppen.act ul li a, #navAngebote.act ul li a  {
    background-image:none;
    background-color:#fff;
}

#navInnentreppen ul li a:hover, #navAussentreppen ul li a:hover, #navAngebote ul li a:hover,
#navInnentreppen ul li.act a, #navAussentreppen ul li.act a, #navAngebote ul li.act a,
#navInnentreppen.act ul li a:hover, #navAussentreppen.act ul li a:hover, #navAngebote.act ul li a:hover  {
    background-image:none;
    background-color:#646466;
    color:#fff;
    font-weight:bold;
}


/* =========================== suckerfish =============================== */

#navList li {
    float: left;
    padding: 0;
}

#navList li ul {
    position: absolute;
    left: -999em;
    height: auto;
    margin: 0;
}

#navList li ul a {
    background:#fff;
    font-size:11px;
}

#navList li ul ul {
    /* margin: -1.75em 0 0 14em; */
}

#navList li:hover ul ul, #navList li:hover ul ul ul, #navList li.sfhover ul ul, #navList li.sfhover ul ul ul {
    left: -999em;
}

#navList li:hover ul, #navList li li:hover ul, #navList li li li:hover ul, #navList li.sfhover ul, #navList li li.sfhover ul,
#navList li li li.sfhover ul {
    left: auto;
}

#navList li:hover, #navList li.sfhover {
    background: #fff;
}
/* ======================== ende suckerfish ============================ */

#navInnentreppen ul { position:absolute; top:56px; left:150px; }


/* ===================================================================== */
#navContainer { width:215px; min-height:4px; margin:10px 0 15px 4px; }

/* navigation - 1. ebene */
#navContainer ul { list-style-type:none; margin: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:0 15px;
  width:185px;
  font-size:12px;
  line-height:20px;
  border-bottom:1px solid #400289;
}
#navContainer ul li a:hover { font-size:12px; font-weight:bold; }
#navContainer ul li.act a   { font-size:12px; font-weight:bold; }

/* navigation - 2. ebene */
#navContainer ul ul { margin:0; }
#navContainer ul ul a {
  background:none !important;
  font-weight:normal !important;
  padding-left:40px;
  width:124px;
  font-size:12px;
  line-height:18px;
  border:0;
}
#navContainer ul li.act ul li a { font-weight:normal !important; }
#navContainer ul li.act ul li a:hover { font-size:11px; font-weight:bold !important; }
#navContainer ul li ul li.act a { font-size:11px; font-weight:bold !important; }
#navContainer ul li ul li a:hover { font-size:11px; font-weight:bold !important; }

/* navigation - 3. ebene */
#navContainer ul ul ul { margin:0; }
#navContainer ul ul ul a {
  font-weight:normal !important;
  padding-left:50px;
  width:114px;
  font-size:12px;
  line-height:16px;
  border:0;
}
#navContainer ul li ul li.act ul li a { font-weight:normal !important; }

/* navigation specials
#navStartseite { margin:18px 0px !important; border-bottom:1px solid #bdbdbd; }
#navStartseite a { background:url('../images/listicon-start.gif') 15px center no-repeat !important; }
#navStartseite a:hover { background:url('../images/listicon-start-act.gif') 15px center no-repeat !important; }
#navContainer li#navStartseite.act a { background:url('../images/listicon-start-act.gif') 15px center no-repeat !important; }
 */

#warenkorb   { width:228px; height:24px; }
#warenkorb a {
  background:url('../images/button-warenkorb.gif') center no-repeat;
  color:#fff;
  display:block;
  text-decoration:none;
  padding:5px 0 0 40px;
  width:188px;
  height:19px;
  font-size:12px;
  font-weight:bold;
}
#warenkorb a:hover { background:url('../images/button-warenkorb-hover.gif') center no-repeat; }