/* aanpassing 2007-01-06:
#header { left: 25->0px; }
*/


  #header {
    position: absolute; 
    top: 93px;
    left: 0px;
    width: 825px;
    height: 22px;
    border: 0px solid green;
    background-color: #DD7B3C;
    text-align: left;
    z-index: 40;
  } 

  #header #menu a { text-decoration: none; }

  #header #menu {
    width: auto;
    height: 23px;
    background-color: red;
    border: 0px solid blue;
    border-bottom: 2px solid #DD7B3C;
    margin: 0px;
    padding: 0px;
  }

  #header #menu ul {
    width: auto;
    height: 23px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-color: #A8A8A8;
    border: 0px solid blue;
  }


  #header #menu ul li { position: relative; float: left; z-index: 2; }        
 
   



  #header #menu ul li,
  #header #menu ul li a,
  #header #menu ul li span { background-color: #A8A8A8;
    font-family: arial; 
    font-size: 9pt;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 19px;
    cursor: default;
  }


  #header #menu ul li a,
  #header #menu ul li span {
    display: block;
    border: 0px solid white;
    background-color: #A8A8A8;
    padding: 3px 17px 2px 17px;
   _position: relative; /* force hasLayout for IE */
 }

  #header #menu ul li.separator span { background-image: url("../images/separator.jpg");
                                       background-repeat: no-repeat;
                                       background-position: top right;          }  /* moet onder bovenstaande ! */
  #header #menu ul li a { background-image: url("../images/separator.jpg");
                                       background-repeat: no-repeat;
                                       background-position: top right;          }  /* voor links en contact ! */

  #header #menu ul li a:hover, 
  #header #menu ul li:hover a, 
  #header #menu ul li.over a,
  #header #menu ul li:hover span, 
  #header #menu ul li.over span  { background-color: #E7A476; color: #FFFFFF; cursor: default; }

  #header #menu ul li a:hover, 
  #header #menu ul li:hover a, 
  #header #menu ul li.over a { cursor: pointer; }




  /* sub balk */

  #header #menu ul          ul { position: absolute; top: 24px; left: 0;
                                 border: 0px solid black; border-top: 2px solid #DD7B3C; display: none; }


  #header #menu ul li:hover ul,
  #header #menu ul li.over  ul  { display: block; width: 180px; }                                        



  #header #menu ul          ul li { background-color: #A8A8A8; width: 180px; }   

  #header #menu ul li:hover ul li a,
  #header #menu ul li.over  ul li a { background-color: #A8A8A8; background-image: none; color: white;
                                      padding: 2 10 3 10; font-weight: normal; cursor: pointer; }

  #header #menu ul li:hover ul li a:hover,
  #header #menu ul li.over  ul li a:hover { background-color: #E7A476; cursor: pointer; }



  #header #menu ul li:hover ul li a.sublink,
  #header #menu ul li.over  ul li a.sublink { background-color: #A8A8A8; background-image: none; color: white; padding: 2 10 3 15;  }
  #header #menu ul li:hover ul li a.sublink:hover { background-color: #E7A476; }
  #header #menu ul li.over  ul li a.sublink:hover { background-color: #E7A476; }




  #header #menu ul li:hover ul li #nolink,
  #header #menu ul li.over  ul li #nolink  { background-color: #A8A8A8; width: 160px; overflow: hidden; padding: 2 10 3 10;
                                             font-weight: normal; cursor: default; border: 0px solid black;}