/* Mainnavi
------------------------------------------------------- */
#mainnavi.start {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 60px;
}
* html #mainnavi {
  position: absolute;
  bottom: 0;
  left: 25px;
  z-index: 5;
}
#mainnavi {
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 41px;
  z-index: 5;
}

#mainnavi ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#mainnavi ul li {
  padding: 0;
  margin: 0;
  border: 0 none;
  width: auto;
  float: left;
  position: relative;
}

#mainnavi ul ul {
  display: none;
  position: absolute;
  left: -1px;
  clear: left;
  width: 15em;
  border-left: 1px solid #BFD1E2;
  border-right: 1px solid #BFD1E2;
  border-bottom: 1px solid #BFD1E2;
  padding-right: 20px;
}
* html #mainnavi ul ul {
  padding-right: 0;
}

#mainnavi ul ul li {
  width: 15em;
}


/*  Ebene 1 */
#mainnavi li a, #mainnavi li a span.two {
  padding: 14px 20px 14px 20px;
  display: block;
  background: url(../gfx/navi/trenner_navi.gif) no-repeat 0 -20px;
  color: #fff;
  font: normal 200%/120% Helvetica,"Microsoft Sans Serif",Tahoma,Verdana,Arial,sans-serif;
  text-decoration: none;
  position: relative;
  z-index:100;
  min-height: 32px;
}
#mainnavi.site li#main_1 a {
  background: transparent;
}

/*  Textfader (ausgeschaltet) */
#mainnavi li a span.two {
  color: #00519E;
  font-size: 100%;
  background: transparent;
}
#mainnavi li span.bg {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
  background: transparent url(../gfx/navi/mainnavi_aktiv.gif) repeat-x 0 0;
  display: none;
}
#mainnavi.site li span.bg {
  background: transparent url(../gfx/navi/mainnavi_site_aktiv.gif) repeat-x 0 0;
}




/* Aktiv  Ebene 1 */
#mainnavi.start li.current a {
  color: #00519E;
  background: transparent url(../gfx/navi/mainnavi_aktiv.gif) repeat-x 0 0;
}
#mainnavi.site li.current a, #mainnavi.site li#main_1.current a {
  background: #D9E5EF url(../gfx/navi/mainnavi_site_aktiv.gif) repeat-x 0 0;
  color: #00519E;
}


/*  Ebene 2 */
#mainnavi li li a {
  color: #00519E !important;
  font-size: 120%;
  padding: 8px 0 8px 20px;
  min-height: 10px;
  width: 100%; /* fuer IE6+7 damit die Subnavi bei mouseover nicht zuklappt */
  background: #D9E5EF;
}


/*  Aktiv Ebene 2 */
#mainnavi.site li#main_1 li a, #mainnavi.site li.current li a {
  background: #D9E5EF;
}
#mainnavi.site li.current li a.active, #mainnavi.site li#main_1.current li a.active{
  background: url(../gfx/navi/aktiv_main.png) no-repeat 100% 100%;
}
#mainnavi.site li li a:hover, #mainnavi.site li#main_1 li a:hover {
  background: transparent url(../gfx/navi/aktiv_main.png) no-repeat 100% 100%;
}



/*  Alle Ebenen unter Ebene 1 */
#mainnavi ul ul ul,
#mainnavi ul ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 15em;
}

/* letzten Navigationspunkt nach links aufklappen
-------------------------------------------------------
#mainnavi ul li#main_5 ul {
  left: auto;
  right: 0;
}
#mainnavi ul li#main_5 ul ul,
#mainnavi ul li#main_5 ul ul ul {
  left: auto;
  right: 13em;
}  */

/* Do Not Move - Must Come Before display:block for Gecko */
#mainnavi ul li:hover ul ul,
#mainnavi ul li:hover ul ul ul,
#mainnavi ul li.over ul ul,
#mainnavi ul li.over ul ul ul {
  display: none;
}

#mainnavi ul li:hover ul,
#mainnavi ul ul li:hover ul,
#mainnavi ul ul ul li:hover ul,
#mainnavi ul li.over ul,
#mainnavi ul ul li.over ul,
#mainnavi ul ul ul li.over ul {
  display: block;
}

.start #mainnavi ul li:hover ul,
.start #mainnavi ul ul li:hover ul,
.start #mainnavi ul ul ul li:hover ul,
.start #mainnavi ul li.over ul,
.start #mainnavi ul ul li.over ul,
.start #mainnavi ul ul ul li.over ul {
  display: none;
}


/* Subnavi
------------------------------------------------------- */
#subnavi ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 15px;
}
#subnavi ul li {
  background: transparent url(../gfx/navi/trenner_subnavi.gif) no-repeat -110px 100%;
}
#subnavi ul li a {
  font-size: 120%;
  font-weight: bold;
  padding: 25px 0 30px 25px;
  margin: -9px 10px 0 0;
  display: block;
  text-decoration: none;
  color: #00519E;
}
#subnavi ul li:hover {
  background: transparent url(../gfx/navi/subnavi_aktiv.png) no-repeat 100% 100%;
}
#subnavi ul li.rex-current {
  background: transparent url(../gfx/navi/subnavi_aktiv.png) no-repeat 100% 100%;
}
#subnavi ul li#rex-article-28 a {
  background: transparent url(../gfx/navi/swopper-standard.gif) no-repeat 100% 5px;
  padding-left: 45px;
  letter-spacing: -1px;
}
#subnavi ul li#rex-article-9 a {
  background: transparent url(../gfx/navi/swopper-classic.gif) no-repeat -5px 5px;
  padding-left: 45px;
}
#subnavi ul li#rex-article-10 a {
  background: transparent url(../gfx/navi/swopper-titan.gif) no-repeat 100% 5px;
  padding-left: 45px;
}
#subnavi ul li#rex-article-11 a {
  background: transparent url(../gfx/navi/swopper-work.gif) no-repeat -5px 5px;
  padding-left: 45px;
}
#subnavi ul li#rex-article-12 a {
  background: transparent url(../gfx/navi/swopper-care.gif) no-repeat 100% 3px;
  padding-left: 45px;
}
#subnavi ul li#rex-article-16 a {
  background: transparent url(../gfx/navi/sattelsitz-swopper.gif) no-repeat -5px 5px;
  padding-left: 45px;
}
#subnavi ul li#rex-article-13 a {
  background: transparent url(../gfx/navi/stehhilfe-muvman.gif) no-repeat 100% 5px;
  padding-left: 45px;
  letter-spacing: -1px;
}
#subnavi ul li#rex-article-14 a {
  background: transparent url(../gfx/navi/kinderstuhl-swoppster.gif) no-repeat -5px 0;
  padding-left: 45px;
  letter-spacing: -1px;
}
#subnavi ul li#rex-article-15 a {
  background: transparent url(../gfx/navi/stuhl-angebote.gif) no-repeat 100% 5px;
  padding-left: 45px;
}

/* Breadcrumb
------------------------------------------------------- */
#breadcrumb {
    background: url(../gfx/breadcrumb.gif) no-repeat 100% 0 !important;
    height: 26px !important;
    position: relative;
    left: -25px;
    margin: 0 !important;
    padding: 0 0 0 25px !important;
    z-index: 1;
    font-size: 86%;
    display: block;
}
#style123 #breadcrumb {
    margin-right: -180px !important;
}
#breadcrumb ul, #breadcrumb ul#tel {
    list-style-type: none;
    display: inline;
}
#breadcrumb ul#tel li {
    position: relative;
    right: -25px;
}
#breadcrumb ul li {
    display: inline;
    margin: 5px 5px 0 0 !important;
    padding: 0 0 0 15px !important;
    background: url(../gfx/breadcrumb_pfeil.gif) no-repeat 0 3px;
}
#breadcrumb ul#tel li {
    float: right;
    background: transparent;
    color: #00519E;
    font-weight: bold;
    font-size: 110%;
}
#breadcrumb ul li.first {
    padding-left: 0 !important;
    background: transparent;
}
#breadcrumb ul li.last {
    color: #00519E;
    font-weight: bold;
}
#breadcrumb ul li a {
    color: #00519E;
    font-weight: normal;
}

