/*
TYPO3 leicht und verstaendlich
copyright: Birgit Ruehring www.ruehring.de
CSS Document

vertikale Navigationsliste mit zwei Ebenen in linker Spalte
Die Navigationsliste wird in TYPO3 dynamisch ersetzt. Die Formatangaben werden in das TypoScript SETUP Deines Templates uebernommen.
*/

div#navigation_links{
display:block;
      border-left: 1px solid #001080;
      border-right: 1px solid #001080;
      border-bottom: 1px solid #001080;
      width: 206px;
      margin-left:0px;
      margin-top: 0px;
      margin-bottom: 16px;
      text-align: right;
      float:left;
}
div#navigation_links ul{
         display:block;
        list-style: none;
        padding-left:28px;
        margin:0;
        padding:0;
 }
div#navigation_links ul li {
         display:block;
        background-repeat:no-repeat;
        padding-left:38px;
        list-style: url(none) none inside;
        margin: 0px;
        padding:0;
        line-height: 160%;
}
div#navigation_links ul li a {
       background-image: url(../../logos/menu_auge_zu.png);
        background-repeat:no-repeat;
        color:#001080;
        font-weight:bold;
        display:block;
        font-size:100%;
        padding-bottom:1px;
        padding-left:38px;
        padding-top:1px;
        text-align:left;
        text-decoration:none;
}
/* 1. Ebene */
div#navigation_links ul li a.navi_links {
        display:block;
        padding-left:38px;
        background-color: #efefef;
        border-right: 7px solid #EFEFEF;
        color: #001080;
        font-size: 100%;
}

div#navigation_links ul li a.navi_links_hover, div#navigation_links ul li a.navi_links:hover {
        display:block;
        background-image: url(../../logos/menu_auge.png);
        background-repeat:no-repeat;
        padding-left:38px;
        border-right: 7px solid #001080;
        background-color: #ffffff;
        color:  #001080;
        font-size: 100%;
}

div#navigation_links ul li a.navi_links_active {
        padding-left:38px;
        background-color: #001080;
        color: #ffffff;
}
div#navigation_links ul li a.navi_links_actifsub {
        display:block;
        padding-left:38px;
        border-top: 1px solid #001080;
        border-right: 7px solid #001080;
        background-color: #ffffff;
        color: #001080;
}

/* 2. Ebene */
div#navigation_links ul li a.navi_links_2 {
        display:block;
        line-height: 150%;
        border-right: 7px solid #001080;
        border-left: 14px solid #dddddd;
        color: #001080;
        background-color: #dddddd;
        font-size:80%;
 }
div#navigation_links ul li a.navi_links_2_hover, div#navigation_links ul li a.navi_links_2:hover {
        display:block;
        border-right: 7px solid #ff0000;
        border-left: 14px solid #ffffff;
        background-color: #ffffff;
        background-image: url(../../logos/menu_auge.png);
        color: #001080;
}
div#navigation_links ul li a.navi_links_2_active {
        display:block;
        background-color:#999999;
        color: #D9E6FF;
}

div#navigation_links ul li a.navi_links_2_actifsub {
        display:block;
        border-top: 1px solid #001080;
        border-bottom: 1px solid #001080;
        border-left: 14px solid #ffEFEF;
        border-right: 7px solid #00ffff;
        background-color: #0000ff;
        color: #001080;
}



/* 3. Ebene */
div#navigation_links ul li a.navi_links_3 {
        display:block;
        font-size:70%;
        background-color: #999999;
        border-right: 7px solid #999999;
        border-left: 21px solid #999999;
        color: #001080;

}
div#navigation_links ul li a.navi_links_3_hover, div#navigation_links ul li a.navi_links_3:hover {
        display:block;
        background-color:#ffffff;
        background-image: url(../../logos/menu_auge.png);
        border-right: 7px solid #ff0000;
        border-left: 21px solid #ffffff;
        color: #001080;

}
div#navigation_links ul li a.navi_links_3_active {
        display:block;
        border-right: 7px solid #ff0000;
        background-color: #001080;
         border-left: 21px solid #001080;
        color: #ffffff;
         font-size:70%;
}


div#navigation_links ul li a.navi_links_3_actifsub {
        display:block;
        border-top: 1px solid #001080;
        border-left: 21px solid #EFEFEF;
        border-right: 7px solid #001080;
        background-color: #efefef;
        color: #001080;
        font-size:70%;
}
/* 3. Ebene */
div#navigation_links ul li a.navi_links_4 {
        display:block;
        background-color: #666666;
        border-right: 7px solid #666666;
        border-left: 28px solid #666666;
        color: #001080;
        font-size:60%;

}
div#navigation_links ul li a.navi_links_4_hover, div#navigation_links ul li a.navi_links_4:hover {
        display:block;
                background-image: url(../../logos/menu_auge.png);
        border-right: 7px solid #ff0000;
        background-color: #EFEFfF;
         border-left: 28px solid #EFEFEF;
        color: #001080;
        font-size:60%;

}
div#navigation_links ul li a.navi_links_4_active {
        display:block;
        border-right: 7px solid #001080;
        background-color: #001080;
        border-left: 28px solid #001080;
        color: #ffffff;
        font-size:60%;

}

div#navigation_links ul li a.navi_links_4_actifsub {
        display:block;
        border-top: 1px solid #001080;
        border-bottom: 1px solid #001080;
        border-left: 28px solid #EFEFEF;
        border-right: 7px solid #00ffff;
        background-color: #000000;
        color: #001080;
        font-size:60%;
}

/* 5. Ebene */
div#navigation_links ul li a.navi_links_5 {
        display:block;
        background-color: #ffddff;
        border-right: 7px solid #EFEFfF;
        border-left: 35px solid #EFEFEF;
        color: #001080;

}
div#navigation_links ul li a.navi_links_5_hover, div#navigation_links ul li a.navi_links_5:hover {
        display:block;
        background-image: url(../../logos/menu_auge.png);
        border-right: 7px solid #ff0000;
        background-color: #ffEFfF;
         border-left: 35px solid #EFEFEF;
        color: #001080;

}
div#navigation_links ul li a.navi_links_5_active {
        display:block;
        font-size:70%;
        border-right: 7px solid #ff0fff;
        background-color: #ff1080;
         border-left: 35px solid #EFEFEF;
        color: #ff0000;

}

div#navigation_links ul li a.navi_links_5_actifsub {
        display:block;
        border-top: 1px solid #001080;
        border-bottom: 1px solid #001080;
        border-left: 35px solid #EFEFEF;
        border-right: 7px solid #00ffff;
        background-color: #ff0000;
        color: #001080;
         font-size: 80%;
}