/* Menu CSS for QbSite kostersplastics.nl - WhizzWeb november 2008s */

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

.m2 { /* Definition for menu-area (picking up from level2) */
  width:165px;
  overflow:hidden;
  top:165px;
  margin:0px;
  padding:0px;
  margin-left:15px;
  z-index:5;
}

/* Positioning submenus */
.m1 .level1_sub {
  position:absolute;
  z-index:10;
  width:150px;
  top:23px;
  margin:0px;
  padding:2px;
  background-color:#143D8D;
}
.m1 .level2_sub {
  position:absolute;
  z-index:10;
  width:150px;
  margin:0px;
  padding:2px;
  margin-left:150px;
  margin-top:-25px;
  background-color:#143D8D;
}
.m1 .level1 .level2 .layer1 {
  display: block;
  z-index:10;
  color:#FFFFFF;
  /*height:20px;*/

  margin:0px;
  margin-top:0px;
  margin-bottom:0px;

  padding:0px;
  padding-top:2px;
  padding-bottom:2px;
  padding-left:10px;
  padding-right:10px;

  font-size: 12px;
  text-decoration: none;
  text-align: left;
}
.m1 .level1 .level2 .layer1:hover {
  background-color:#FFFFFF;
  color:#143D8D;
}

/* Positioning individual menu items */
.m1 .level1 {
  margin:0px;
  padding:0px;
  padding-left:10px;
  padding-right:10px;
  float:left;
}

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

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

  padding:2px;
  margin-top:0px;
  padding-left:5px;
  padding-right:5px;
}

.m1 .level1 .layer1:hover,
.m1 .level1.selected .layer1 {
  background-color:#143D8D;
}

/* Sublevel 2 - menu m2 */
/* Positioning individual menu items */
.m2 .level1 {
  float: none;
  width: 150px;
  padding: 0px;
  margin: 0px;
  margin-bottom: 0px;
}

/* Positioning menu items level 2 and further */
.m2 .level2 {
  float: none;
  width: 150px;
  padding: 0px;
  margin: 0px;
  margin-bottom: 0px;
}
.m2 .level2_sub {
  position:relative;
  z-index:5;
  width:135px;
  padding:2px;

  margin:0px;
  margin-left:15px;
  margin-bottom:10px;
}

/* Appearance of the menu items */
.m2 .level2 .layer1 {
  color: #615D50;
  font-size: 11px;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
  text-align: left;
  /*height: 17px;*/

  padding: 0x;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 5px;

  margin: 0px;
  border-bottom: 1px solid #CCCCCC;
}

.m2 .level2 .level3 .layer1 {
  color: #615D50;
  font-size: 11px;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
  text-align: left;
  /*height: 10px;*/

  padding: 0x;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 5px;

  margin: 0px;
  border: none;
}

.m2 .level2.expanded .layer1,
.m2 .level2.selected .layer1,
.m2 .level2 .layer1:hover {
  color: #143D8D;
  background-image:url(images/menu/bullet.gif);
  background-position: 0px 8px;
  _background-position: 0px 6px;
  background-repeat: no-repeat;
}

.m2 .level2.expanded .level3 .layer1,
.m2 .level2.selected .level3 .layer1 {
  color: #615D50;
  background-image:none;
}

.m2 .level2.expanded .level3 .layer1:hover,
.m2 .level2.expanded .level3.selected .layer1 {
  color: #143D8D;
  background-image:url(images/menu/bullet.gif);
  background-position: 0px 8px;
  _background-position: 0px 6px;
  background-repeat: no-repeat;
}

.m2 .level2.first .layer1 {
  border-top:    1px solid #CCCCCC;
}

.m2 .level2.first .level3 .layer1 {
  border: none;
}