/* CSS Document */
/*Menü links*/

/*Wrapper mit Menühintegrund*/
#menu_wrapper {
  clear: left;
  float:left;
  width: 361px;
  margin:0; padding:0;
  
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#A4AEC6;
}


#menu_wrapper .spacer {
  margin:0; padding:0;
  width:361px; height:17px !important;
    
  background-image: url(../images/design/menu_top_bg.jpg);
  background-repeat: repeat-y;
}

#menu_wrapper .header {
  margin: 0px 0px 10px 15px;
  padding:0;
	font-size:12px;
  color:#C98900;
}

/*Oberes Menü (hellblau)*/
#menu_beginn {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 70px;
}


#menu_beginn ul {
  margin:0; padding:0;
}

#menu_beginn ul li {
  margin: 0px 0px 5px 0px; padding:0;
  width: 180px !important;
  
  background-image: url(../images/design/menu_item_bg.gif);
  background-position: center top;
  background-repeat: no-repeat;
  
  list-style-type: none; 
}

#menu_beginn ul li a {
  width: 162px !important;
  border: 1px solid #9DB0AE;
  background-color: #ADD9EB;
  filter:Alpha(opacity=80, finishopacity=0, style=0);
  margin-left:8px;
 *margin-left:10px;
  
  color: #3F3F3F;
  text-decoration: none;
  display: block;
}

#menu_beginn ul li a.active {
  background-color: #CEE7F1;
}

#menu_beginn ul li a:hover {
  background-color: #CEE7F1;
}

#menu_beginn ul li ul {
  margin-top: 5px;
  font-size:12px;
}

#menu_beginn ul li ul li {
  width: 135px !important;
  margin-left: 34px;
  /*Frag mich nicht wieso hier KEIN margin-Starhack nötig ist (s.o.)*/
  background-image:none;
}

#menu_beginn ul li ul li a {
  width: 128px !important;
}

#menu_beginn ul li ul li a.active {
}

#menu_beginn ul li ul li a:hover {
}

/*Anmeldebutton*/
#menu_anmelden {
  clear:both;
  width:180px;
  margin: 25px 0px 25px 70px;
  
  
  background-image: url(../images/design/menu_item_bg.gif);
  background-position: center top;
  background-repeat: no-repeat;
}

#menu_anmelden a {
   width: 162px !important;
   background-color: #FFE091;
   border: 1px solid #9DB0AE;
   margin-left:8px;
   *margin-left:10px;
   
   color: #3F3F3F;
   text-decoration: none;
   display: block;
}

#menu_anmelden a.active {
  background-color: #FFECBA;
}

#menu_anmelden a:hover {
  background-color: #FFECBA;
}


/*Unteres Menü (rosa)*/
#menu_schulleben {
  clear:both;
  margin:0px 0px 0px 0px;
  padding: 0px 0px 130px 70px;
  
  background-image: url(../images/design/logo_white.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
}

#menu_schulleben ul {
  margin:0;
  padding:0;
}

#menu_schulleben ul li {
  margin: 0px 0px 5px 0px; padding:0;
  width: 180px !important;
  
  background-image: url(../images/design/menu_item_bg.gif);
  background-position: center top;
  background-repeat: no-repeat;
  
  list-style-type: none; 
}

#menu_schulleben ul li a {
  width: 162px !important;
  background-color: #F9CCDE;
  margin-left:8px;
  filter:Alpha(opacity=80, finishopacity=0, style=0);
  *margin-left:10px;
  color: #3F3F3F;
  text-decoration: none;
  display: block;
}

#menu_schulleben ul li a.active {
  background-color: #F9E0EA;
}

#menu_schulleben a:hover {
  background-color: #F9E0EA;
}

#menu_schulleben ul li ul {
  margin-top: 5px;
  font-size:12px;
}

#menu_schulleben ul li ul li {
  width: 135px !important;
  margin-left: 34px;
  /*Frag mich nicht wieso hier KEIN margin-Starhack nötig ist (s.o.)*/
  background-image:none;
}

#menu_schulleben ul li ul li a {
  width: 128px !important;
}

#menu_schulleben ul li ul li a.active {
}

#menu_schulleben ul li ul li a:hover {
}