/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro-dropline-9.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

#mainMenu, #aboutMenu {
  float: left;
  position: relative;
  height: 64px;
  width: 960px;
  z-index: 1;
  background: #fff url(../../menu/menu_bg_sub.gif) left 28px no-repeat;
}

  #mainMenu ul, #aboutMenu ul {
    position: relative;
    width: 950px;
    height: 30px;
    padding: 0 0 0 10px;
    margin: 0;
    list-style: none;
    z-index: 1;
  }

    #mainMenu ul ul, #aboutMenu ul ul {
      padding: 0 0 0 10px;
      margin: 0;
      list-style: none;
      width: 936px;
      height: 35px;
    }

#mainMenu table, #aboutMenu table { border-collapse:collapse; margin:-1px -20px 0 0; padding:0; width:0; height:0; font-size:1em; z-index: 1;}

#mainMenu li, #aboutMenu li {
  float:left;
  height: 28px;
}

  #mainMenu li a, #aboutMenu li a {
    float: left;
    display: block;
    height: 28px;
    padding: 0;
    color: #000;
    text-decoration: none;
    background-position: 0 0;
    background-repeat: no-repeat;
  }

    * html #mainMenu li a.menu-home, * html #mainMenu li a.menu-assortiment, * html #mainMenu li a.menu-inspiratie,
    * html #mainMenu li a.menu-advies, * html #mainMenu li a.menu-service, * html #mainMenu li a.menu-actueel,
    * html #aboutMenu li a.menu-home, * html #aboutMenu li a.menu-overdelixl, * html #aboutMenu li a.menu-actualiteiten, * html #aboutMenu li a.menu-werkenbijdelixl {
      margin-right: 1px;
    }

  #mainMenu li a.menu-home {
    width: 73px;
    text-indent: -9999px;
    margin-right: 1px;
    background-image: url(../../menu/menu_home.gif);
  }

  #mainMenu li a.menu-assortiment {
    width: 123px;
    text-indent: -9999px;
    margin-right: 1px;
    background-image: url(../../menu/menu_assortiment.gif);
  }

  #mainMenu li a.menu-inspiratie {
    width: 101px;
    text-indent: -9999px;
    margin-right: 1px;
    background-image: url(../../menu/menu_inspiratie.gif);
  }

  #mainMenu li a.menu-advies {
    width: 82px;
    text-indent: -9999px;
    margin-right: 1px;
    background-image: url(../../menu/menu_advies.gif);
  }

  #mainMenu li a.menu-service {
    width: 86px;
    text-indent: -9999px;
    margin-right: 1px;
    background-image: url(../../menu/menu_service.gif);
  }

  #mainMenu li a.menu-actueel {
    width: 87px;
    text-indent: -9999px;
    margin-right: 1px;
    background-image: url(../../menu/menu_actueel.gif);
  }

  #mainMenu li a.menu-bestellen {
    width: 100px;
    text-indent: -9999px;
    margin-right: 1px;
    background-image: url(../../menu/menu_bestellen.gif);
  }

    .img-bestellen, .img-bestellen-ie6, .img-bestellen2-ie6  {
      position: absolute;
      width: 212px;
      height: 73px;
      left: 560px;
      top: -35px;
      z-index: 100;
      cursor: pointer;
      text-indent: -9999px;
      background: transparent url(../../menu/img_bestellen.png) 0 0 no-repeat;
    }

    .img-bestellen-ie6 {
      background: transparent url(../../menu/img_bestellen~1.gif) 0 0 no-repeat;
    }

    .img-bestellen2-ie6 {
      background: transparent url(../../menu/img_bestellen2.gif) 0 0 no-repeat;
    }

  /* ABOUT MENU IMAGES*/
  #aboutMenu li a.menu-home {
    width: 73px;
    text-indent: -9999px;
    margin-right: 1px;
    background-image: url(../../menu/about_home.gif);
  }

  #aboutMenu li a.menu-overdelixl {
    width: 124px;
    text-indent: -9999px;
    margin-right: 1px;
    background-image: url(../../menu/about_overdelixl.gif);
  }

  #aboutMenu li a.menu-actualiteiten {
    width: 124px;
    text-indent: -9999px;
    margin-right: 1px;
    background-image: url(../../menu/about_actualiteiten.gif);
  }

  #aboutMenu li a.menu-werkenbijdelixl {
    width: 168px;
    text-indent: -9999px;
    margin-right: 1px;
    background-image: url(../../menu/about_werkenbijdelixl.gif);
  }

#mainMenu li a b, #aboutMenu li a b {
  float: left;
  height: 28px;
  display: block;
  margin: 0;
  padding: 0 22px 0 10px;
  cursor: pointer;
  display: inline;
}

#mainMenu li.current a, #aboutMenu li.current a { background-position:0 -56px; }
#mainMenu li.current:hover a, #aboutMenu li.current:hover a { background-position:0 -56px; }
#mainMenu li ul, #aboutMenu li ul { position:absolute; top:28px; left:-9999px; z-index:10; background: url(../../menu/menu_bg_sub.gif) left bottom no-repeat;}
#mainMenu li.current ul, #aboutMenu li.current ul { left:14px; z-index:1; background: url(../../menu/menu_bg_sub.gif) left 28px no-repeat; }

#mainMenu li a:hover, #aboutMenu li a:hover { background-position: 0 -28px; cursor:pointer;}
#mainMenu li a:hover b, #aboutMenu li a:hover b { background-position: 100% -28px; color:#fff;}

#mainMenu li:hover > a, #aboutMenu li:hover > a { background-position: 0 -28px; cursor:pointer; }
#mainMenu li:hover > a b, #aboutMenu li:hover > a b { background-position: 100% -28px; color:#fff; }

#mainMenu ul :hover ul, #aboutMenu ul :hover ul { left:14px; }
#mainMenu ul :hover ul.blank, #aboutMenu ul :hover ul.blank { }

  #mainMenu ul :hover ul li a, #aboutMenu ul :hover ul li a {
    display: inline;
    padding: 1px 0 2px;
    margin: 0 15px 0 0;
    width: auto;
    white-space: nowrap;
    font-weight: normal;
    border: 0;
    color: #fff;
    height: 30px;
    line-height: 30px;
  }

    #mainMenu ul :hover ul li a:hover, #mainMenu ul li.current ul li a:hover, #aboutMenu ul :hover ul li a:hover {
      color:#FFE400;
    }

  #mainMenu ul li.current ul li a,
  #mainMenu li.current a:hover ul li a,
  #mainMenu li.current:hover ul li a,
  #aboutMenu ul li.current ul li a,
  #aboutMenu li.current a:hover ul li a,
  #aboutMenu li.current:hover ul li a {
    display: inline;
    padding: 1px 0 2px;
    margin: 0 15px 0 0;
    width: auto;
    white-space: nowrap;
    font-weight: normal;
    border: 0;
    color: #fff;
    height: 30px;
    line-height: 30px;
  }

#mainMenu ul li.current ul li a:hover,
#mainMenu ul li.current ul li.active a,
#aboutMenu ul li.current ul li a:hover,
#aboutMenu ul li.current ul li.active a
{ color:#FFE400; }


/* HOME MENU
======================================================================================================================= */

#homeMenu {
  float: left;
  position: relative;
  width: 960px;
  height: 28px;
  z-index: 1;
  background: url(../../menu/homemenu_bg.gif) left top no-repeat;
}

  #homeMenu ul {
    width: 950px;
    height: 28px;
    padding: 0 0 0 10px;
    margin: 0;
    list-style: none;
  }

    #homeMenu li {
      float: left;
      margin-right: 1px;
    }

      #homeMenu li a {
        float: left;
        height: 28px;
        text-indent: -9999px;
        background-position: 0 0;
        background-repeat: no-repeat;
      }

        #homeMenu li.home a:hover, #homeMenu li.assortiment a:hover, #homeMenu li.inspiratie a:hover, #homeMenu li.advies a:hover,
        #homeMenu li.service a:hover, #homeMenu li.actueel a:hover, #homeMenu li.bestellen a:hover {
          background-position: 0 -28px;
        }

        #homeMenu li.home a {
          width: 73px;
          background: url(../../menu/homemenu_home.gif);
        }

        #homeMenu li.assortiment a {
          width: 124px;
          background: url(../../menu/homemenu_assortiment.gif);
        }

        #homeMenu li.inspiratie a {
          width: 100px;
          background: url(../../menu/homemenu_inspiratie.gif);
        }

        #homeMenu li.advies a {
          width: 82px;
          background: url(../../menu/homemenu_advies.gif);
        }

        #homeMenu li.service a {
          width: 86px;
          background: url(../../menu/homemenu_service.gif);
        }

        #homeMenu li.actueel a {
          width: 87px;
          background: url(../../menu/homemenu_actueel.gif);
        }

        #homeMenu li.bestellen a, .homeMenu_bestellen_hover {
          width: 99px;
          background: url(../../menu/homemenu_bestellen.gif);
        }

        .homeMenu_bestellen_hover {
          background-position: 0 -28px;
        }