/* CSS für die Navigation. */
#kapitel{
    margin-bottom: 6px;       
}

#abschnitte {
    margin-top: 6px;    
}

.navigation {
    padding: 0;
    margin: 0;
    float: left;
    position: relative;
    text-transform: lowercase;
}

.navigation ul {
    margin: 0;
    padding-left: 10px;
}

.navigation li {
    display: block;
    position: relative;
    margin: 0;  
    padding: 0;
    list-style: none;
    list-style-image: none;
    background-image: none;
}

/* Navigations-Punkt */
.navigation li a, .navigation li strong {
    position: relative;
    display: block;    
    z-index: 1;
    width: 145px;
    display: block;     
    padding: 5px 5px 5px 30px;
    text-decoration: none;  
    color: #868788;
    font-size: 1.0em;
    font-weight: bold;
    text-decoration: none;
}

/* link auf sich selbst - aktiver Punkt */
.navigation li a strong {
    padding: 0;
    background-color: inherit;
    color: inherit;
}

/* Aktive Seite */
.navigation li strong {
    color: #9a1c2e;
}

.navigation a:link strong {
    color: #9a1c2e;
}

.navigation a:visited strong {
    color: #9a1c2e;
}

.navigation a:visited {
    color: #868788;
}

/*
.navigation a:hover, .navigation a:hover strong {
    font-weight: bold;
    text-decoration: none;
    color: #F2F2F2;     
    background-image: url(/images/navigation-background-active.jpg);    
}
*/

ul.navigation img {
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 30px;
    z-index: 0;
}

/* 3. Navigations-Ebene */
.navigation ul { 
    padding: 0; 
}

.navigation ul li a {
    font-weight: normal !important;
    padding-left: 45px;
    width: 130px; 
    position: relative;
}

.navigation ul li a:hover {    
    font-weight: normal;    
}