#ypMenu {
     height:31px;
     width: 100%;
     margin-left:0px;
     margin-bottom:0px;
     background: #FFFFFF url(menu_bg.gif) repeat-x top left;
     position:relative; /* wichtige angabe, sonst taucht das slideMenu an falscher Position auf */
}
/*
###################
#  ypMenu Styles  #
###################
 */
.mmContent, .mmContent1, .mmContent2, .mmContent3, .mmContent4 {font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;}

.mmContent ul, .mmContent1 ul, .mmContent2 ul, .mmContent3 ul, .mmContent4 ul  {
    margin: 0px; padding: 0px;
    list-style: none;
    z-index:2;
    position:relative; 
    left:0px; top:0px;
}
.mmContent li, .mmContent1 li, .mmContent2 li, .mmContent3 li, .mmContent4 li {padding: 0px; margin: 0px;}
 
.menuBackground {position:absolute; left:0px; top:0px; z-index:1;}
 
.mmContent li a, .mmContent1 li a, .mmContent2 li a, .mmContent3 li a, .mmContent4 li a {
    display: block;
    color: #222222;
    font-weight:normal;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
    width: 191x;
    padding: 5px;
    text-decoration: none;
    border-bottom: solid 1px #CCCCCC;
    background: #ffffff;
}

* html .mmContent li a {width: 160px;}

/**************Einstellungen Slide-out-Ebenen*********************/
.mmContent li a:link { background: #b4d2fa; color: #222222; font-size: 12px; }
.mmContent li a:visited { background: #b4d2fa; color: #222222; font-size: 12px; }
.mmContent li a:hover { background: #fa821e; color: #222222; font-size: 12px; }
.mmContent li a:active { background: #b4d2fa; color: #222222; font-size: 12px; }
/*Hintergrund bei vorhandenen Unterebenen*/
.mmContent li a.submenu {background: #b4d2fa no-repeat right center;}
/*Hover-Hintergrund bei vorhandenen Unterebenen*/
.mmContent li a.submenu:hover {background: #fa821e no-repeat right center;}

/************* Farbe Submenu 1 **********************************/
.mmContent1 li a:link { background: #f1bfbe; color: #222222; font-size: 12px; }
.mmContent1 li a:visited { background: #f1bfbe; color: #222222; font-size: 12px; }
.mmContent1 li a:hover { background: #f1bfbe; color: #222222; font-size: 12px; }
.mmContent1 li a:active { background: #f1bfbe; color: #222222; font-size: 12px; }
/*Hintergrund bei vorhandenen Unterebenen*/
.mmContent1 li a.submenu {background: #f1bfbe no-repeat right center;}
/*Hover-Hintergrund bei vorhandenen Unterebenen*/
.mmContent1 li a.submenu:hover {background: #f1bfbe no-repeat right center;}

/************* Farbe Submenu 2 **********************************/
.mmContent2 li a:link { background: #f1e5bf; color: #222222; font-size: 12px; }
.mmContent2 li a:visited { background: #f1e5bf; color: #222222; font-size: 12px; }
.mmContent2 li a:hover { background: #f1e5bf; color: #222222; font-size: 12px; }
.mmContent2 li a:active { background: #f1e5bf; color: #222222; font-size: 12px; }
/*Hintergrund bei vorhandenen Unterebenen*/
.mmContent2 li a.submenu {background: #f1e5bf no-repeat right center;}
/*Hover-Hintergrund bei vorhandenen Unterebenen*/
.mmContent2 li a.submenu:hover {background: #f1e5bf no-repeat right center;}

/************* Farbe Submenu 3 **********************************/
.mmContent3 li a:link { background: #d3f1bf; color: #222222; font-size: 12px; }
.mmContent3 li a:visited { background: #d3f1bf; color: #222222; font-size: 12px; }
.mmContent3 li a:hover { background: #d3f1bf; color: #222222; font-size: 12px; }
.mmContent3 li a:active { background: #d3f1bf; color: #222222; font-size: 12px; }
/*Hintergrund bei vorhandenen Unterebenen*/
.mmContent3 li a.submenu {background: #d3f1bf no-repeat right center;}
/*Hover-Hintergrund bei vorhandenen Unterebenen*/
.mmContent3 li a.submenu:hover {background: #d3f1bf no-repeat right center;}


/************* Farbe Submenu 4 **********************************/
.mmContent4 li a:link { background: #c0dcf1; color: #222222; font-size: 12px; }
.mmContent4 li a:visited { background: #c0dcf1; color: #222222; font-size: 12px; }
.mmContent4 li a:hover { background: #c0dcf1; color: #222222; font-size: 12px; }
.mmContent4 li a:active { background: #c0dcf1; color: #222222; font-size: 12px; }
/*Hintergrund bei vorhandenen Unterebenen*/
.mmContent4 li a.submenu {background: #c0dcf1 no-repeat right center;}
/*Hover-Hintergrund bei vorhandenen Unterebenen*/
.mmContent4 li a.submenu:hover {background: #c0dcf1 no-repeat right center;}

/******************************************************************/


/*
##########################################
#  ypMenu Styles for our belove IE 5.01  #
##########################################
*/

.mmContentb, .mmContentb1, .mmContentb2, .mmContentb3, .mmContentb4 {font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;}

.mmContentb ul, .mmContentb1 ul, .mmContentb2 ul, .mmContentb3 ul, .mmContentb4 ul {
    margin: 0px; padding: 0px;
    list-style: none;
    z-index:2;
    position:relative; 
    left:0px; top:0px;
}
.mmContentb li, .mmContentb1 li, .mmContentb2 li, .mmContentb3 li, .mmContentb4 li {padding: 0px; margin: 0px; }
 
.menuBackground {position:absolute;left:0px; top:0px;z-index:1;}
 
.mmContentb li a, .mmContentb1 li a, .mmContentb2 li a, .mmContentb3 li a, .mmContentb4 li a {
    display: block;
    width: 191px;
    padding: 5px;
    color: #222222;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
    text-decoration: none;
    border-bottom: solid 1px #CCCCCC;
    background: #ffffff;
}

* html .mmContentb li a, * html .mmContentb1 li a, * html .mmContentb2 li a, * html .mmContentb3 li a, * html .mmContentb4 li a {width: 191px;}

/**************Einstellungen Slide-out-Ebenen*********************/
.mmContentb li a:link { background: #b4d2fa; color: #222222;}
.mmContentb li a:visited { background: #b4d2fa; color: #222222;}
.mmContentb li a:hover{ background: #FFFF99; color: #222222;}
.mmContentb li a:active { background: #b4d2fa; color: #222222;}
/*Hintergrund bei vorhandenen Unterebenen*/
.mmContentb li a.submenu {background: #b4d2fa no-repeat right center; font-size: 12px;}
/*Hover-Hintergrund bei vorhandenen Unterebenen*/
.mmContentb li a.submenu:hover {background: #fa821e no-repeat right center; font-size: 12px;}

/************* Farbe Submenu 1 **********************************/
.mmContentb1 li a:link { background: #f1bfbe; color: #222222;}
.mmContentb1 li a:visited { background: #f1bfbe; color: #222222;
.mmContentb1 li a:hover { background: #f1bfbe; color: #222222; }
.mmContentb1 li a:active { background: #f1bfbe; color: #222222;}
/*Hintergrund bei vorhandenen Unterebenen*/
.mmContentb1 li a.submenu {background: #f1bfbe no-repeat right center;font-size: 12px;}
/*Hover-Hintergrund bei vorhandenen Unterebenen*/
.mmContentb1 li a.submenu:hover {background: #f1bfbe no-repeat right center;font-size: 12px;}

/************* Farbe Submenu 2 **********************************/
.mmContentb2 li a:link { background: #f1e5bf; color: #222222; }
.mmContentb2 li a:visited { background: #f1e5bf; color: #222222; }
.mmContentb2 li a:hover { background: #f1e5bf; color: #222222; }
.mmContentb2 li a:active { background: #f1e5bf; color: #222222; }
/*Hintergrund bei vorhandenen Unterebenen*/
.mmContentb2 li a.submenu {background: #f1e5bf no-repeat right center;font-size: 12px;}
/*Hover-Hintergrund bei vorhandenen Unterebenen*/
.mmContentb2 li a.submenu:hover {background: #f1e5bf no-repeat right center;font-size: 12px;}

/************* Farbe Submenu 3 **********************************/
.mmContentb3 li a:link { background: #d3f1bf; color: #222222; font-size: 12px; }
.mmContentb3 li a:visited { background: #d3f1bf; color: #222222; font-size: 12px; }
.mmContentb3 li a:hover { background: #d3f1bf; color: #222222; font-size: 12px; }
.mmContentb3 li a:active { background: #d3f1bf; color: #222222; font-size: 12px; }
/*Hintergrund bei vorhandenen Unterebenen*/
.mmContentb3 li a.submenu {background: #d3f1bf no-repeat right center;font-size: 12px;}
/*Hover-Hintergrund bei vorhandenen Unterebenen*/
.mmContentb3 li a.submenu:hover {background: #d3f1bf no-repeat right center;font-size: 12px;}


/************* Farbe Submenu 4 **********************************/
.mmContentb4 li a:link { background: #c0dcf1; color: #222222; }
.mmContentb4 li a:visited { background: #c0dcf1; color: #222222;  }
.mmContentb4 li a:hover { background: #c0dcf1; color: #222222; }
.mmContentb4 li a:active { background: #c0dcf1; color: #222222; }
/*Hintergrund bei vorhandenen Unterebenen*/
.mmContentb4 li a.submenu {background: #c0dcf1 no-repeat right center;font-size: 12px;}
/*Hover-Hintergrund bei vorhandenen Unterebenen*/
.mmContentb4 li a.submenu:hover {background: #c0dcf1 no-repeat right center;font-size: 12px;}

/******************************************************************/

/******************************************************************/

