/* Menu CSS for 'improvisie.nl' - WhizzWeb may 20075 */

.m1 {
    /* Definition for firstly defined menu */

    /* CAUTION: Don't define a position, otherwise IE level2 will dissapear on mouse-over of level1 items...?!?!? */
    /*position: relative; */
    margin: 0px;
    padding: 0px;
    z-index: 20;
  }

/* Positioning individual menu items */

.m1 .level1 {
    float: none;
    width: 170px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 1px;
  }

/* Positioning menu items level 2 and further */

.m1 .level2 {
    float: none;
    width: 155px;
    margin: 0px;
    padding: 0px;
    margin-left: 13px;
    margin-bottom: 1px;
  }

/* Positioning submenus */

.m1 .level1_sub {
    position: relative;
    z-index: 40;
    width: 170px;
    margin: 0px;
    padding: 2px;
  }

/* Appearance of the menu items */

.m1 .level1 .layer1 {
    color: #840B85;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
    height: 17px;
    padding: 0x;
    padding-top: 3px;
    margin: 0px;
    padding-left: 15px;
    padding-right: 0px;
    margin-bottom: 0px;
    background-color: #F2F2F2;
  }

.m1 .level1 .level2 .layer1 {
    color: #840B85;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
    height: 17px;
    padding: 0x;
    padding-top: 3px;
    margin: 0px;
    padding-left: 15px;
    padding-right: 0px;
    margin-bottom: 0px;
    background-color: #E8D0E9;
  }

.m1 .level1.expanded .layer1, 
.m1 .level1.expanded .layer1:hover,
.m1 .level1.selected .layer1,
.m1 .level1.selected .layer1:hover,
.m1 .level1.expanded .level2.selected .layer1 {
    color:  #FFFFFF;
    background-color:  #840B85;
  }

.m1 .level1 .layer1:hover,
.m1 .level1.expanded .level2 .layer1, 
.m1 .level1.selected .level2 .layer1 {
    color:  #840B85;
    background-color:  #E8D0E9;
  }

.m1 .level1.expanded .level2 .layer1:hover, 
.m1 .level1.selected .level2 .layer1:hover {
    color:  #FFFFFF;
    background-color:  #840B85;
  }