#mainMenu {
      position: relative;
      z-index:40;
      top:30px;
      left:34px;
      width: 920;
      height: 90px;
      list-style: none;
      }
      
      .menu {
         list-style:none;
         padding:0;
         margin:0;
      }
      /*niveau_01*/
      .menu li {
         position:relative;
         float:left;
         width: 168px;
         margin-right:12px;
         /*line-height: 40px;*/
         height: 40px;
         border: 1px solid #838582;
      }
         .menu a {
            display: block;
            height: 18px;
            padding: 11px 10px;
            color:#fff;
            text-decoration:none;
            background:#838582;
            font-size: 14px;
            text-transform: lowercase;
            cursor: pointer;
         }
            .menu li.open a,
            .menu a:hover,
            .active a {
               color:#838582;
               background-color:#fff;
               /*border-bottom: 1px solid #000; */
            }
            
         /*niveau_02*/
         .menu li ul {
            position: absolute;
            top: 39px;
            left: -1px;
            z-index: 30;
            display: none;
            width: 168px;
            border: 1px solid #838582;
            border-top: none;
         }
            .menu li ul li {
               display: block;
               float: none;
               height: auto;
               width: 168px;
               margin: 0;
               border: none;
            }
               .menu ul li .active a{
                     /*background-image: url(../gfx/dot_hover.jpg);*/
                     border-bottom: none;
                  }
               .menu li ul li a {
                  position: relative;
                  height: auto;
                  z-index: 44;
                  padding: 4px 0 4px 10px;
                  color: #838582;
                  background: /*url(../gfx/dot.jpg) 0 3px no-repeat*/ #fff;
                  font-size: 12px;
                  text-transform: lowercase;
                  border-bottom: none;
               }
                  .menu li ul li a:hover,
                  .menu li ul li .active{
                     /*background-image: url(../gfx/dot_hover.jpg);*/
                     color: #838582;
                     border-bottom: none;
                  }
                  
                  
            /*niveau_03*/
            .menu li ul ul {
               position: absolute;
               z-index: 29;
               top: 12px; /*top: 12px;*/
               left: 167px;
               border: 1px solid #838582;
            }
               .menu li ul li.active ul li a:hover,
               .menu li ul li.active ul li.active a{
                     /*background-image: url(../gfx/dot_hover.jpg);*/
                     border-bottom: none;
                  }
            
               .menu li ul ul li {
               }
      
/* COLOR: HOME */

   /*default grey*/
   
   
   
/* COLOR: PROJECTEN */
   /*niveau 1*/
   #projectenMenuItem {
      border: 1px solid #552114;
   }
      #projectenMenuItem a {
         color: #fff;
         background-color: #552114;
      }
      #projectenMenuItem ul {
         border: 1px solid #552114;
         border-top: none;
      }
         #projectenMenuItem.active a,
         #projectenMenuItem a:hover,
         #projectenMenuItem.open a
          {
               color:#552114;
               background-color:#fff;
            }
            /*niveau 2*/
               #projectenMenuItem ul li .active a{
                     border-bottom: none;
                  }
                  
               #projectenMenuItem .menu li a {
                  color: #552114;
               }
                 #projectenMenuItem .menu li a:hover,
                 #projectenMenuItem .menu li.active a,
                 #projectenMenuItem .menu.open a{
                     color: #838582;
                     border-bottom: none;
                  }
                  
                  /*niveau3*/
                     #projectenMenuItem .menu .menu {
                        border: 1px solid #552114;
                      }
                      #projectenMenuItem .menu .menu {
                        border: 1px solid #552114;
                      }
                      #projectenMenuItem .menu .menu li a:hover,
                      #projectenMenuItem .menu .menu li.active a{
                        color: #838582;
                        border-bottom: none;
                      }
                      
/* COLOR: wiebenik */
   /*niveau 1*/
   #wiebenikMenuItem {
      border: 1px solid #463c3b;
   }
      #wiebenikMenuItem a {
         color: #fff;
         background-color: #463c3b;
      }
      #wiebenikMenuItem ul {
         border: 1px solid #463c3b;
         border-top: none;
      }
         #wiebenikMenuItem.active a,
         #wiebenikMenuItem a:hover,
         #wiebenikMenuItem.open a
          {
               color:#463c3b;
               background-color:#fff;
            }
            /*niveau 2*/
               #wiebenikMenuItem ul li .active a{
                     border-bottom: none;
                  }
                  
               #wiebenikMenuItem .menu li a {
                  color: #463c3b;
               }
                 #wiebenikMenuItem .menu li a:hover,
                 #wiebenikMenuItem .menu li.active a,
                 #wiebenikMenuItem .menu.open a{
                     color: #838582;
                     border-bottom: none;
                  }
                  
                  /*niveau3*/
                     #wiebenikMenuItem .menu .menu {
                        border: 1px solid #463c3b;
                      }
                      #wiebenikMenuItem .menu .menu {
                        border: 1px solid #463c3b;
                      }
                      #wiebenikMenuItem .menu .menu li a:hover,
                      #wiebenikMenuItem .menu .menu li.active a{
                        color: #838582;
                        border-bottom: none;
                      }

/* COLOR: nieuws */
   /*niveau 1*/
   #nieuwsMenuItem {
      border: 1px solid #7a7965;
   }
      #nieuwsMenuItem a {
         color: #fff;
         background-color: #7a7965;
      }
      #nieuwsMenuItem ul {
         border: 1px solid #7a7965;
         border-top: none;
      }
         #nieuwsMenuItem.active a,
         #nieuwsMenuItem a:hover,
         #nieuwsMenuItem.open a
          {
               color:#7a7965;
               background-color:#fff;
            }
            /*niveau 2*/
               #nieuwsMenuItem ul li .active a{
                     border-bottom: none;
                  }
                  
               #nieuwsMenuItem .menu li a {
                  color: #7a7965;
               }
                 #nieuwsMenuItem .menu li a:hover,
                 #nieuwsMenuItem .menu li.active a,
                 #nieuwsMenuItem .menu.open a{
                     color: #838582;
                     border-bottom: none;
                  }
                  
                  /*niveau3*/
                     #nieuwsMenuItem .menu .menu {
                        border: 1px solid #7a7965;
                      }
                      #nieuwsMenuItem .menu .menu {
                        border: 1px solid #7a7965;
                      }
                      #nieuwsMenuItem .menu .menu li a:hover,
                      #nieuwsMenuItem .menu .menu li.active a{
                        color: #838582;
                        border-bottom: none;
                      }
                      
/* COLOR: contact */
   /*niveau 1*/
   #contactMenuItem {
      border: 1px solid #704735;
   }
      #contactMenuItem a {
         color: #fff;
         background-color: #704735;
      }
      #contactMenuItem ul {
         border: 1px solid #704735;
         border-top: none;
      }
         #contactMenuItem.active a,
         #contactMenuItem a:hover,
         #contactMenuItem.open a
          {
               color:#704735;
               background-color:#fff;
            }
            /*niveau 2*/
               #contactMenuItem ul li .active a{
                     border-bottom: none;
                  }
                  
               #contactMenuItem .menu li a {
                  color: #704735;
               }
                 #contactMenuItem .menu li a:hover,
                 #contactMenuItem .menu li.active a,
                 #contactMenuItem .menu.open a{
                     color: #838582;
                     border-bottom: none;
                  }
                  
                  /*niveau3*/
                     #contactMenuItem .menu .menu {
                        border: 1px solid #704735;
                      }
                      #contactMenuItem .menu .menu {
                        border: 1px solid #704735;
                      }
                      #contactMenuItem .menu .menu li a:hover,
                      #contactMenuItem .menu .menu li.active a{
                        color: #838582;
                        border-bottom: none;
                      }