/* CSS Document */

/* Deze stylesheet bepaalt het uitzicht van de menubalk */
/* Dit kun je evt.wijzigen : andere kleuren, ander lettertype, ... */

/* Het uitzicht van het gebruikte lettertype op de menubalk */
div.WinBalk,
div.WinBalk a.WinKnop,
div.menu,
div.menu a.WinItem { 
  font-family: "MS Sans Serif", Arial, sans-serif;
  font-size: 0.9em;
  font-style: normal;
  font-weight: bold;
  color: yellow;
  text-align:left;
  position:relative; }
/* De achtergrondkleur van de bovenste menubalk */
div.WinBalk { 
  background: #E8F6BF url(../afbeeldingen/design/NEO/bgnavigation.gif) repeat-x;	
  border:  1px solid #060;
  padding: 5px 2px 5px 2px;
  text-align: center;}
/* De 'normale' kleur van de tekst op de bovenste menubalk */
div.WinBalk a.WinKnop {
  background-color: transparent;
  border:  1px solid #D5E8AD;
  color: #533;
  left: 0px;
  margin: 1px;
  padding: 2px 12px 2px 12px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;}
/* De kleur bij muisover van de tekst op de bovenste menubalk */
div.WinBalk a.WinKnop:hover {
  background-color: transparent;
  border-color: #CC9900 #CC9966 #CC9966 #CC9900;
   color: #533;}
/* De kleur van de actieve (= aangeklikte) tekst op de bovenste menubalk */
div.WinBalk a.WinKnopActive,
div.WinBalk a.WinKnopActive:hover {
  background-color: #99cc66;
  border-color: #CC9900 #CC9966 #CC9966 #CC9900;
  color: white;
  left: 1px;
  top: 1px;}
/* De achtergrondkleur van de submenu's */
div.menu {
  background-color: #81AC00;
  border: 1px solid;
  border-color: #CC9900 #CC9966 #CC9966 #CC9900;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  width:auto;
  top: 0px;
  visibility: hidden;
  z-index: 101;}
/* De 'normale' tekstkleur van de submenu's */
div.menu a.WinItem {
  color: white;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;}
/* Achtergrondkleur en tekstkleur submenu's bij mouseover */
div.menu a.WinItem:hover, div.menu a.WinItemOplichten {
  background-color: yellow;
  color: #996600;}
div.menu a.WinItem span.WinItemText {}
div.menu a.WinItem span.WinItempijltje {
  margin-right: -.75em;}
div.menu div.WinItemlijntje {
  border-top: 1px solid #CC9900;
  border-bottom: 1px solid #CC9966;
  margin: 4px 2px;}