/* Menu CSS for Jonas&Friends - WhizzWeb 2005 */

.m1{                              /* Definition for firstly defined menu */
  position:absolute;
  left:13px;
  top:300px;
  margin-left:12px;
  margin-top:-12px;
  padding:0px;
  z-index:10;
}

/* Positioning individual menu items */
.m1 .level1 {
  margin:0px;                       /* Make sure the positioning is properly (remove any margins and padding) */
  padding:0px;
  /*float:left;*/
  padding-right: 5px;
}

/* Positioning menu items level 2 and further */
.m1 .level2 {
  float:none;                     /* Levels 2 and further should be displayed below each other (neutralise level 1 definition) */
  margin:0px;
}

/* Positioning submenus */
.m1 .level1_sub {
  position:absolute;
  left:112px;
  margin-top:-20px;
  width:100px;                    /* Make sure IE7 doesn't clip the level4 items */
  z-index:10;
}

/* Appearance of the menu items */

/* The actual menu item (Level 1, all states) */
.m1 .level1 .layer1 {
  display: block;                  /* Make sure the entire bounding box is displayed */
  color: #A9DEF8;                  /* Text color of text on the item */
  /*filter:alpha(opacity=85);
  -moz-opacity:0.85;
  opacity: 0.85;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;           /* Remove the link underline */
  text-align: right;
  font-weight: bold;
  font-size:11px;
  width: 100px;                    /* Width exclusive of padding and border */
  height: 16px;                    /* Height exclusive of padding and border */
  padding-top: 2px;                /* Room around the text*/
  margin-top: 0px;                 /* Push the item down */
  padding-left: 5px;               /* Push the item down */
  padding-right: 5px;              /* Push the item left */
  background-color:#5B5B9D;
  border: 1px solid #000066;
}

.m1 .level1 .layer1:hover,
.m1 .level1 .level2 .layer1:hover {
  color:#000000;
  background-color:#B4C8D6;
  border: 1px solid #FFFFFF;
}

.m1 .level1.selected .layer1,
.m1 .level1 .level2.selected .layer1 {
  color:#FFFFFF;
}

.m1 .level1 .level2 .layer1 {
  color: #A1D3EC;
  margin:0px;
  display: block;                  /* Make sure the entire bounding box is displayed */
  width: 130px;                    /* Width exclusive of padding and border */
  height: 16px;                    /* Width exclusive of padding and border */
  padding-top: 2px;                /* Room around the text*/
  margin-top: 0px;                 /* Push the item down */
  padding-left: 5px;               /* Push the item down */
  padding-right: 0px;              /* Push the item left */
  font-size: 11px;
  text-decoration: none;           /* Remove the link underline */
  text-align: left;
}