/** MENU CSS - VHS Regensburg by CM **/

/** Menu Top **/

#MenuTop {
   position: absolute;
   bottom: 5px;
   right: 5px;
}

#MenuTop li {
   display: inline;
}

#MenuTop a,
#MenuTop a:link,
#MenuTop a:visited {
   color: #223675;
   text-decoration: none;
   padding: 3px 5px;
}

#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 {
   color: #fff;
   background-color: #223675;
}

/** Menu Main - ACHTUNG: KURSMENÜ! **/

#transparenz {
   position: relative;
   width: 990px;
   height: 29px;
   background-color: #223675;
   /**opacity: 0.80;**/
   border-top: 1px solid #fff;
   border-bottom: 1px solid #fff;
   z-index: 5;
}

/** Menu Main Drop Down **/

#MenuMain {
   position: relative;
   list-style: none;
   background-color: #223675;
   height: 29px;
   z-index: 5;
}

#MenuMain li {
   float: left;
   border-right: 1px solid #FFF;
}

#MenuMain a,
#MenuMain a:link,
#MenuMain a:visited {
   position: relative;
   display: block;
   padding: 6px 8px 6px 10px;
   color: #FFF;
   text-decoration: none;
   text-transform: uppercase;
   background-color: #223675;
   font-weight: normal;
}
#MenuMain a.bg_image,
#MenuMain a.bg_image:link,
#MenuMain a.bg_image:visited {
   padding-left: 32px;
   background-position: 6px center;
   background-repeat: no-repeat;
}

#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: #fff;
   color: #223675;
}

/** Drop Down **/

#MenuMain li ul {
   position: absolute;
   display: block;
   visibility: hidden;
   list-style: none;
   background-color: #8691B4;
   border-bottom: 1px solid #fff;
   border-left: 1px solid #fff;
}

#MenuMain li:hover ul {
   visibility: visible;
}

#MenuMain li ul li {
   float: none;
   height: auto;
   width: inherit;
   border-bottom: 1px solid #fff;
}

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

#MenuMain li ul li.lastLi a,
#MenuMain li ul li.lastLi a:link,
#MenuMain li ul li.lastLi a:visited {
   border-bottom: 0 none;
}

#MenuMain li ul li a,
#MenuMain li ul li a:link,
#MenuMain li ul li a:visited {
   position: relative;
   display: block;
   padding: 5px 5px 4px 10px;
   color: #fff;
   width: 180px;
   background-color: #8691B4;
}

#MenuMain li ul li a:focus,
#MenuMain li ul li a:hover,
#MenuMain li ul li a:active {
   color: #8691B4;
   background-color: #fff;
}

/** Menu Service ACHTUNG: HIER WIRD MENU_MAIN VERWENDET, DA ES NICHT KURSSPEZIFISCH IST **/

#bannerbk h2 {
   padding: 12px 10px 12px 40px;
   background-image: url(../images/service.gif);
   background-repeat: no-repeat;
   background-position: left 50%;
   font-size: 120%;
   color: #223675;
   margin: 6px 5px 2px 0;
   border-bottom: 1px solid #223675;
   text-transform: uppercase;
}

#bannerbk #MenuService {
   position: relative;
   width: 195px;
   padding: 5px 0 0;
}

#bannerbk #MenuService li {
   display: block;
}

#bannerbk #MenuService a,
#bannerbk #MenuService a:link,
#bannerbk #MenuService a:visited {
   color: #223675;
   display: block;
   padding: 5px;
   text-decoration: none;
}

#bannerbk #MenuService a:focus,
#bannerbk #MenuService a:hover,
#bannerbk #MenuService a:active,
#bannerbk #MenuService a.selected,
#bannerbk #MenuService a.selected:link,
#bannerbk #MenuService a.selected:visited,
#bannerbk #MenuService a.selected:focus,
#bannerbk #MenuService a.selected:hover,
#bannerbk #MenuService a.selected:active {
   background-color: #223675;
   color: #fff;
}

/** Menu Main + Menu Service Ebene 1 - Menu Sub **/

#MenuSub {
   position: relative;
   padding: 13px 5px 0;
   width: 190px;
}

#MenuSub li {
   display: block;
   border-bottom: 1px solid #fff;
   background-color: #223675;
}

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

#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 {
   color: #223675;
   background-color: #fff;
}

/** Menu Main + Menu Service Ebene 2 - Menu Sub **/

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

#MenuSub ul li a,
#MenuSub ul li a:link,
#MenuSub ul li a:visited {
   border: 0 none;
   padding: 4px 5px 4px 25px;
   background-image: url(../images/bg_menusub.gif);
   background-position: left bottom;
   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-color: #223675;
   color: #fff;
   background-position: 5px 4px;
}