/* Menu CSS for MDI - WhizzWeb June 2007 */
/*
Licht/over     = #8BA2B6
Tussen/normaal = #527493
Donker/sel     = #013466
*/

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

/* Positioning individual menu items */
.m1 .level1 {
  margin: 0px;
  padding: 0px;
}

/* Positioning menu items level 2 and further */
.m1 .level2 {
  float: none;
  margin: 0px;
}

/* Positioning submenus */
.m1 .level1_sub {
  position: absolute;
  left: 162px;
  margin-top: -24px;
  z-index: 20;
}

/* Appearance of the menu items */
.m1 .level1 .layer1 {
  display: block;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  font-size: 11px;

  line-height: 25px;
  height: 25px;
  width: 162px;

  padding:0px;
  margin: 0px;
  padding-left: 10px;
  padding-right: 0px;

  background-color: transparent;
  background-image: url(images/menu/but_normal.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.m1 .level1.parent .layer1 {
  background-image: url(images/menu/but_par.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.m1 .level1          .layer1:hover,
.m1 .level1.selected .layer1:hover {
  background-image: url(images/menu/but_over.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.m1 .level1.parent   .layer1:hover,
.m1 .level1.expanded .layer1:hover {
  background-image: url(images/menu/but_par_over.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.m1 .level1.selected .layer1 {
  background-image: url(images/menu/but_sel.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.m1 .level1.expanded .layer1 {
  background-image: url(images/menu/but_par_sel.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.m1 .level1 .level2 .layer1 {
  /*display: block;*/
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  font-size: 11px;

  line-height: 23px;
  height:23px;
  width:220px;
  /*-width: 200px;*/

  margin: 0px;
  margin-bottom: 2px;

  background-image:none;
  background-color:#527493;
}

.m1 .level1.parent .level2 .layer1 {
  background-image:none;
}

.m1 .level1          .level2.selected .layer1,
.m1 .level1.selected .level2.selected .layer1,
.m1 .level1.parent   .level2.selected .layer1,
.m1 .level1.expanded .level2.selected .layer1 {
  background-image:none;
  background-color:#013466;
}

.m1 .level1          .level2 .layer1:hover,
.m1 .level1.selected .level2 .layer1:hover,
.m1 .level1.parent   .level2 .layer1:hover,
.m1 .level1.expanded .level2 .layer1:hover {
  background-image:none;
  background-color:#8BA2B6;
}