/* ================================================================ 
    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/final_drop.html
    Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
    This stylesheet and the associated (x)html may be modified in any 
    way to fit your requirements.
    =================================================================== */

    .menu {
      height:1.5em; 
      position:absolute; 
      z-index:100;
      font-family:arial, sans-serif;
    }
    /* hack to correct IE5.5 faulty box model */
    * html .menu {
    }
    /* remove all the bullets, borders and padding from the default list styling */
    .menu ul {
      padding:0;
      margin:0;
      list-style-type:none;
    }
    .menu ul ul {}
    /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
    .menu li {
      font-weight: bold;
      float:left;
      position:relative;
      z-index: 100;
      padding-right: 1px;
      background: transparent url(/images/vborder_white.gif) repeat-y scroll right center
    }
    /* a hack so that IE5.5 faulty box model is corrected */
    * html .menu li a{
      height:1.8em; 
      h\eigth:1.8em;
      padding-top: 0px;
    }
    .menu li li  {
      background: url(/images/border.gif) bottom repeat-x;
      font-weight: 400;
    }
    /* style the links for the top level */
    .menu a, .menu a:visited {
      display:block;
      font-size:0.9em;
      text-decoration:none; 
      color:#fff; 
      width:7.5;
      height:1.8em; 
      background:#939283; 
      padding-left:10px; 
      padding-right:10px; 
      line-height:1.8em;
      text-transform: uppercase;
    }
    /* a hack so that IE5.5 faulty box model is corrected */
    * html .menu a, * html .menu a:visited {
      width:7.5px; 
      w\idth:7.5em;
    }

    /* style the second level background */
    .menu ul ul a.drop, .menu ul ul a.drop:visited {
      background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;
    }
    /* style the second level hover */
    .menu ul ul a.drop:hover{
      background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;
    }
    .menu ul ul :hover > a.drop {
      background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;
    }


    /* hide the sub levels and give them a positon absolute so that they take up no room */
    .menu ul ul {
      background-repeat: repeat-x;
      visibility:hidden;
      position:absolute;
      left:0; 
      width:170px;
    }
    
    .menu ul ul.green {
      /* background-image: url(/images/menu/background-wonen.gif); */
      background-color: #6A9C02;
    }
    
    .menu ul ul.orange {
     /* background-image: url(/images/menu/background-werken.gif);*/
      background-color: #FDB52A;
    }
    
    .menu ul ul.red {
      /*background-image: url(/images/menu/background-bezoeken.gif);*/
      background-color: #DE301B;
    }
    
    .menu ul ul.blue {
     /* background-image: url(/images/menu/background-bestuur.gif);*/
      background-color: #1F9CBE;
    }
    
    /* another hack for IE5.5 */
    * html .menu ul ul {top:1.8em;t\op:1.8em;}

    /* style the table so that it takes no ppart in the layout - required for IE to work */
    .menu table {
      position:absolute; 
      top:0; left:0; 
      border-collapse:collapse;
      z-index: 100;
    }

    /* style the second level links */
    .menu ul ul a, .menu ul ul a:visited {
      background:transparent; 
      color:#fff; 
      height:auto; 
      line-height:1.3em; 
      padding:5px 10px; 
      width:148px;
      text-transform: none;
    }
    
    /* yet another hack for IE5.5 */
    * html .menu ul ul a, * html .menu ul ul a:visited {
      width:170px;
      w\idth:15em;
    }

    /* style the top level hover */
    .menu a:hover {
      color: #fff; 
    }
    
    .menu li.green:hover > a {color:#000; background:#6A9C02;}
    .menu li.orange:hover > a {color:#000; background:#FDB52A;}
    .menu li.red:hover > a {color:#000; background:#DE301B;}
    .menu li.blue:hover > a {color:#000; background:#1F9CBE;}
    
    .menu li.green a:hover {color:#000; background:#6A9C02;}
    .menu li.orange a:hover {color:#000; background:#FDB52A;}
    .menu li.red a:hover {color:#000; background:#DE301B;}
    .menu li.blue a:hover {color:#000; background:#1F9CBE;}
    
    .menu ul ul.green a:hover {
      color: #fff; 
      background-color: transparent; /* url(/images/border.gif) bottom repeat-x;*/
    }
    
    .menu ul ul.orange a:hover {
      color: #fff; 
      background-color: transparent; /* url(/images/border.gif) bottom repeat-x;*/
    }
    
    .menu ul ul.red a:hover {
      color: #fff; 
      background-color: transparent; /* url(/images/border.gif) bottom repeat-x;*/
    }
    
    .menu ul ul.blue a:hover {
      color: #fff; 
      background-color: transparent; /* url(/images/border.gif) bottom repeat-x;*/
    }
    
    .menu ul ul.green :hover > a {color:#fff; background-color: transparent;}
    .menu ul ul.orange :hover > a {color:#fff; background-color: transparent;}
    .menu ul ul.red :hover > a {color:#fff; background-color: transparent;}
    .menu ul ul.blue :hover > a {color:#fff; background-color: transparent;}

    /* make the second level visible when hover on first level list OR link */
    .menu ul li:hover ul, .menu ul a:hover ul {
      visibility:visible;
    }
    .menu ul :hover ul ul {
      visibility:hidden;
    }
    .menu ul :hover ul :hover ul {
      visibility:visible;
    }
    
    .pijlgrijs {
      background-image: url(/images/pijlgrijs.gif);
      background-position: center;
      background-repeat: no-repeat;
    }
    
    .pijlgrijs-rechts {
      background-image: url(/images/pijlgrijs_rechts.gif);
      background-position: center;
      background-repeat: no-repeat;
      position: absolute;
      right: 1px;
    }

    .pijlgrijs-rechts-relative {
      background-image: url(/images/pijlgrijs_rechts.gif);
      background-position: center;
      background-repeat: no-repeat;
      position: relative;
      padding-right: 1px;
    }
    
    .box {
      background:url(/images/border.gif) bottom repeat-x;
    }

.menu a.searchButton, .menu a.searchButton:visited {
	display: inline;

}

.menu a.searchButton span.pijlgrijs-rechts, .menu a.searchButton:visited  span.pijlgrijs-rechts{
	position: relative;
                padding-top: 2px;
                padding-right: 5px;
}

.menu ul li form {
	display: inline;
}