﻿#grey {
    background-color: #00FFFF;
}
#mainnav {
    background-color: #00A6EB;
}
#mainnav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#mainnav ul li {
    width: 180px;
    list-style-type: none;
    padding: 0;
}
#mainnav a {
    border-top: 1px solid #fff;
}
#mainnav .mainnavlevel5 a {
    border-top: 1px solid #ECECEC;
}
.mainnavlevel1 {
    border-bottom: 1px solid #fff;
}
#mainnav .mainnavlevel1 a {
    /*border-top: 1px solid #ffffff;*/
    cursor: pointer;
    display: block;
    height: auto;
    padding: 1px 0 1px 15px;
    text-decoration: none;
    /* START / TANTEK-HACK FOR IE5.5 */
    width: 180px; 
    voice-family: "\" }\"";
    voice-family: inherit;
    /* STOP / TANTEK HACK FOR IE5.5 */
    width: 165px;
}
#mainnav .mainnavlevel2 a {
    /*border: none;*/
    /*border-left: 3px solid #00A6EB;*/
    margin-left: 3px;
    padding: 1px 0 1px 15px;
    /* START / TANTEK HACK FOR IE5.5 */
    width: 177px; 
    voice-family: "\" }\"";
    voice-family: inherit;
    /* STOP / TANTEK HACK FOR IE5.5 */
    width: 162px;
}
#mainnav .mainnavlevel3 a {
    padding: 1px 0 1px 30px;
    /* START / TANTEK HACK FOR IE5.5 */
    width: 177px; 
    voice-family: "\" }\"";
    voice-family: inherit;
    /* STOP / TANTEK HACK FOR IE5.5 */
    width: 147px;
}
#mainnav .mainnavlevel4 a {
    padding: 1px 0 1px 40px;
    /* START / TANTEK HACK FOR IE5.5 */
    width: 177px; 
    voice-family: "\" }\"";
    voice-family: inherit;
    /* STOP / TANTEK HACK FOR IE5.5 */
    width: 137px;
}
#mainnav .mainnavlevel5 a {
    border-right: 1px solid #ECECEC;
    padding: 1px 0 1px 50px;
    /* START / TANTEK HACK FOR IE5.5 */
    width: 177px; 
    voice-family: "\" }\"";
    voice-family: inherit;
    /* STOP / TANTEK HACK FOR IE5.5 */
    width: 126px;
}

/* ------ ERSTE EBENE ------ */
.mainnavlevel1 a:link, .mainnavlevel1 a:visited {
    background-color: #DFDFDF;
    color: #000;
}
.mainnavlevel1 a:hover, .mainnavlevel1 a:active, .mainnavlevel1 a#active1:link, .mainnavlevel1 a#active1:visited, .mainnavlevel1 a#active1:hover, .mainnavlevel1 a#active1:active {
    background-color: #00A6EB;
    color: #fff;
    font-weight: bold;
}
/* Das ist für den PUTZ / FASSADE Teil --> Marmorit-GRÜN!!! */
.mainnavlevel1 .marmorit_hover a:hover, .mainnavlevel1 .marmorit_hover a:active, .mainnavlevel1 .marmorit_hover a#active1:hover, .mainnavlevel1 .marmorit_hover a#active1:active {
    background-color: #00914a;  
}

/* ------ ZWEITE EBENE ------ */
.mainnavlevel2 a:link, .mainnavlevel2 a:visited { /* normaler Eintrag zweiter Ebene */
    background-color: #81CCEB;
    color: #000;
    font-size: 11px;
}
.mainnavlevel2 a:hover, .mainnavlevel2 a:active { /* hover oder active */
    background-color: #51BEEB;
    color: #000;
    font-size: 11px;
    font-weight: bold;
}
.mainnavlevel2 a#active2:link, .mainnavlevel2 a#active2:visited, .mainnavlevel2 a#active2:hover, .mainnavlevel2 a#active2:active { /* aktiver menüpunkt */
    background-color: #869197;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

/* ------ DRITTE EBENE ------ */
.mainnavlevel3 a:link, .mainnavlevel3 a:visited {
    background: #C7E0EB;
    font-size: 11px;
}
.mainnavlevel3 a:hover, .mainnavlevel3 a:active {
    background: #fff;
    font-weight: normal;
}
.mainnavlevel3 a#active3open:link, .mainnavlevel3 a#active3open:visited {
    background: #C7E0EB;
    color: #000;
}
.mainnavlevel3 a#active3:link, .mainnavlevel3 a#active3:visited, .mainnavlevel3 a#active3:hover, .mainnavlevel3 a#active3:active {
    background-color: #869197;
    color: #fff;
    font-weight: bold;
}
.mainnavlevel3 a#active3open:hover, .mainnavlevel3 a#active3open:active {
    background: #fff;
}

/* ------ VIERTE EBENE ------ */
.mainnavlevel4 a:link, .mainnavlevel4 a:visited {
    background: #ECECEC;
    font-size: 11px;
}
.mainnavlevel4 a:hover, .mainnavlevel4 a:active {
    background: #C6C6C6;
}
.mainnavlevel4 a#active4:link, .mainnavlevel4 a#active4:visited, .mainnavlevel4 a#active4:hover, .mainnavlevel4 a#active4:active {
    background-color: #869197;
    color: #fff;
    font-weight: bold;
}

/* ------ FÜNFTE EBENE ------ */
.mainnavlevel5 a:link, .mainnavlevel5 a:visited {
	background: #fff url(../bilder/allgemein/redesign/menudot.gif) 40px 50% no-repeat;
	font-size: 10px;
}
.mainnavlevel5 a:hover {
	background: #F7F7F7 url(../bilder/allgemein/redesign/menudot.gif) 40px 50% no-repeat;
	color: #000;
	font-size: 10px;
}
.mainnavlevel5 a#active5:link, .mainnavlevel5 a#active5:visited, .mainnavlevel5 a#active5:hover, .mainnavlevel5 a#active5:active {
	background: #869197 url(../bilder/allgemein/redesign/menudot_white.gif) 40px 50% no-repeat;
	color: #fff;
}

ul.sitemaplevel1 {
    list-style-type: none;
}
ul.sitemaplevel1 li {
    width: 500px;
    list-style-type: none;
    font-weight: bold;
}
ul.sitemaplevel2 li {
    padding: 0 0 0 20px;
    width: 480px;
    font-weight: normal;
}
ul.sitemaplevel3 li {
    padding: 0 0 0 40px;
    width: 460px;
}
ul.sitemaplevel4 li {
    padding: 0 0 0 60px;
    width: 440px;
}
ul.sitemaplevel5 li {
    padding: 0 0 0 80px;
    width: 440px;
}
ul.sitemaplevel6 li {
    padding: 0 0 0 100px;
    width: 440px;
}
ul.sitemaplevel7 li {
    padding: 0 0 0 120px;
    width: 440px;
}
ul.sitemaplevel8 li {
    padding: 0 0 0 140px;
    width: 440px;
}
ul.sitemaplevel9 li {
    padding: 0 0 0 160px;
    width: 440px;
}
ul.sitemaplevel1 a {
    display: block;
    margin: 10px 0 0 0;
}
ul.sitemaplevel2 a {
    margin: 0;    
    display: inline;
}