﻿/* -----------------------Allgemeine Settings------------------------------- */

/* Position der Men?leiste innerhalb der Seite */
#navigation {
float: right; 
margin-right: 20px; 
z-index: 10;
}

/* ------------------------Listen Settings------------------------------ */

/* Entfernen der Listenpunkte im Hauptmenü*/
#ul-1 {
list-style: none;
}

/* Menüpunkte horizontal darstellen Ebene 1*/
.li-inaktiv-1, .li-aktiv-1 {
float: left; 
}

/* Entfernen der Listenpunkte im Menü 2, Untermenü unsichtbar bei "non-hover" */
#ul-2 {
list-style: none;
position: absolute; 
left: -999em;
}

/* Untermenü sichtbar bei "hover" Ebene 2*/
#ul-1 li:hover ul, #ul-1 li.sfhover ul {
left: auto;
}

/* Entfernen der Listenpunkte im Menü 3, Untermenü unsichtbar bei "non-hover" */
#ul-3 {
list-style: none;
position: absolute; 
left: -999em;
visibility: hidden;
}

/* Untermenü sichtbar bei "hover" Ebene 3*/
#ul-1 li ul li:hover ul, #ul-1 li ul li.sfhover ul {
left: auto;
visibility: visible;
}



/* ------------------------Link Klassen Settings------------------------------ */

/* Optik eines inaktiven Links Ebene 1*/
.link-inaktiv-1 {
padding: 2px 5px; 
color: #DDDECA;
text-decoration: none;
}

/* Optik eines aktiven Links Ebene 1 bzw. eines inaktiven Links (hover) Ebene 1 */
.link-aktiv-1, .link-inaktiv-1:hover, .link-inaktiv-1:active {
padding: 2px 5px; 
color: #606060;
background-color: #F1F3E5;
text-decoration: none;
}

/* Optik eines inaktiven Links Ebene 2*/
.link-inaktiv-2 {
padding: 2px 5px; 
display: block;
width: 100px;
color: #606060;
background-color: #F1F3E5;
text-decoration: none;
position: relative;
left: -40px;
}

/* Optik eines aktiven Links Ebene 2 bzw. eines inaktiven Links (hover) Ebene 2 */
.link-aktiv-2, .link-inaktiv-2:hover, .link-inaktiv-2:active {
padding: 2px 5px; 
display: block;
width: 100px;
color: #606060;
background-color: #DDDECA;
text-decoration: none;
position: relative;
left: -40px;
}

/* Optik eines inaktiven Links Ebene 3 */
.link-inaktiv-3 {
padding: 2px 5px; 
display: block;
width: 100px;
color: #606060;
background-color: #F1F3E5;
text-decoration: none;
position: relative;
left: 30px;
top: -19px;
}

/* Optik eines aktiven Links Ebene 3 bzw. eines inaktiven Links (hover) Ebene 3 */
.link-aktiv-3, .link-inaktiv-3:hover, .link-inaktiv-3:active {
padding: 2px 5px; 
display: block;
width: 100px;
color: #606060;
background-color: #DDDECA;
text-decoration: none;
position: relative;
left: 30px;
top: -19px;
}

/* ------------------------Breadcrumb Settings------------------------------ */


#breadcrumb {
  margin-bottom: 15px;
}
#breadcrumb p, 
#breadcrumb ul, 
#breadcrumb li {
  display: inline;
}

#breadcrumb ul {
position: relative;
left: -40px;
}

ul.rex-breadcrumb li {
  margin-left: 0px;
  padding: 0 5px 0 12px;
  background-image: url(raquo.gif);
  background-position: 0px 4px;
  background-repeat: no-repeat;
  list-style: none;
}
ul.rex-breadcrumb li.rex-lvl1 {
  margin: 0;
  padding-left: 5px;
  background: none;
}
