/** Menu CSS - Mayle Fellermeier by CM **/

/** Menu Top **/

#opacity {
   position: absolute;
   top: 0;
   left: 0;
   height: 22px;
   background-color: #fff;
   opacity: 0.8;
   width: 827px;
}

#MenuTop {
   position: absolute;
   right: 3px;
   top: 0;
   height: 22px;
}

#MenuTop li {
   float: left;
   display: block;
   border-right: 1px solid #333;
}

#MenuTop li.lastLi {
   border-right: 0 none;
}

#MenuTop a,
#MenuTop a:link,
#MenuTop a:visited {
   color: #333;
   padding: 3px 5px 2px;
   text-decoration: none;
   display: block;
}

#MenuTop a:focus,
#MenuTop a:hover,
#MenuTop a:active,
#MenuTop a.selected,
#MenuTop a.selected:link,
#MenuTop a.selected:visited,
#MenuTop a.selected:focus,
#MenuTop a.selected:hover,
#MenuTop a.selected:active {
   background-color: #005BAA;
   color: #fff;
}

/** Menu Main - Ebene 0 **/

#MenuMain {
   position: relative;
   width: 157px;
   height: 243px;
   float: left;
   background-color: #005BAA;
}

#MenuMain li {
   display: block;
   border-bottom: 1px solid #fff;
}

#MenuMain li.lastLi {
   border-bottom: 0 none;
}

#MenuMain a,
#MenuMain a:link,
#MenuMain a:visited {
   background-color: #005BAA;
   display: block;
   color: #fff;
   height: 25px;
   font-size: 92%;
   padding: 5px 5px 10px 5px;
   text-transform: uppercase;
   text-decoration: none;
}

#MenuMain a:focus,
#MenuMain a:hover,
#MenuMain a:active,
#MenuMain a.selected,
#MenuMain a.selected:link,
#MenuMain a.selected:visited,
#MenuMain a.selected:focus,
#MenuMain a.selected:hover,
#MenuMain a.selected:active {
   background-color: #333;
}

/** Menu Main - Ebene 1 - ID: MenuSub **/

#MenuSub {
   position: relative;
}

#MenuSub li {
   display: block;
   border-bottom: 1px solid #333;
}

#MenuSub a,
#MenuSub a:link,
#MenuSub a:visited {
   display: block;
   background-color: #fff;
   color: #333;
   text-decoration: none;
   text-transform: uppercase;
   padding: 5px;
}

#MenuSub a:focus,
#MenuSub a:hover,
#MenuSub a:active,
#MenuSub a.selected,
#MenuSub a.selected:link,
#MenuSub a.selected:visited,
#MenuSub a.selected:focus,
#MenuSub a.selected:hover,
#MenuSub a.selected:active {
   background-color: #fff;
   color: #005BAA;
}

/** Menu Main - Ebene 2 - ID: MenuSub **/

#MenuSub ul li {
   border-bottom: 0 none;
}

#MenuSub ul li a,
#MenuSub ul li a:link,
#MenuSub ul li a:visited {
   padding: 3px 5px 3px 20px;
   background-image: url(../images/bg_menusub.gif);
   background-position: 5px 6px;
   background-repeat: no-repeat; 
}

#MenuSub ul li a:focus,
#MenuSub ul li a:hover,
#MenuSub ul li a:active,
#MenuSub ul li a.selected,
#MenuSub ul li a.selected:link,
#MenuSub ul li a.selected:visited,
#MenuSub ul li a.selected:focus,
#MenuSub ul li a.selected:hover,
#MenuSub ul li a.selected:active {
   background-position: 5px -70px;
}

/** Menu Main - Ebene 2 - ID: MenuSub **/

#MenuSub ul li ul li a,
#MenuSub ul li ul li a:link,
#MenuSub ul li ul li a:visited {
   padding: 1px 5px 1px 30px;
   background-image: none;
   color: #333;
   font-size: 86%;
}

#MenuSub ul li ul li a:focus,
#MenuSub ul li ul li a:hover,
#MenuSub ul li ul li a:active,
#MenuSub ul li ul li a.selected,
#MenuSub ul li ul li a.selected:link,
#MenuSub ul li ul li a.selected:visited,
#MenuSub ul li ul li a.selected:focus,
#MenuSub ul li ul li a.selected:hover,
#MenuSub ul li ul li a.selected:active {
   color: #005BAA;
   text-decoration: underline;
}

/** Menu Main - Ebene 3 - ID: MenuSub **/

#MenuSub ul li ul li ul {
   margin-left: 15px;
}