html, body {
  font-family:Arial, Helvetica, sans-serif;
}  
a:link {
  background-color : transparent;
  text-decoration: none;
  }
  
a:visited {
  background-color : transparent;
  text-decoration: none;
  }

a:active {
  color: #000000;
  background-color : transparent;
  text-decoration: underline;
  }
  
a:hover {
  background-color : transparent;
 /* text-decoration: underline;*/
  }
  
a.menu:link {
  color: #3B5998;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  }
    
a.menu:visited {
  color: #3B5998;
  background-color: transparent;
  text-decoration: none;
	font-weight: bold;
  }

a.menu:active {
  color: #000000;
  background-color: transparent;
  text-decoration: underline;
  }

a.menu:hover {
  color: white;
  background-color: #3B5998;
  text-decoration: none;
  }
a.donkerblou:link {
  color: blue;
  background-color: white;
  text-decoration: none;
}
a.donkerblou:hover {
  color: red;
  background-color: white;
  text-decoration: none;
}

 
.footer {
  text-align: left;
  font-size: xx-small;
  border-top: 1px solid #663300;
  padding-left: 5px;
  padding-top: 5px;
  margin-top: 25px;
  margin-bottom: 10px;
}

.validation {
  font-size: xx-small;
  padding-top: 10px;
}

p {
  font-size: 13px;
  text-align: justify;
  padding-top: 5px;
  padding-left: 5px;
  margin: 0;
}

.lightbg {
  background-color:#FADEBC;
 /* background-color:#E9C385;*/
  bgcolor:#E9C385;
}
.lightyellow {
  background-color:#FDFDDE;
  bgcolor:#FDFDDE;
}
.donkerpienk {
  background-color:#D3227C;
  bgcolor:#D3227C;
  color: white;
  font-weight: bold;
}
.donkerblou {
  background-color:#3B5998;
  bgcolor:#3B5998;
  color: white;
  font-weight: bold;

}

h1 {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 150%;
  font-weight: bold;
  letter-spacing: 2px;
  color: #996633;
  border-bottom: 2px solid #663300;
  padding-left: 5px;
  padding-top: 15px;
  padding-bottom: 5px;
  margin-bottom: 10px
}

h2 {
  /*font-size: 120%;*/
  font-size: 14px;
  /*letter-spacing: 1px;*/
  color: #996633;
  border-bottom: 1px solid #663300;

  padding-left: 10px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

h3 {
  font-size: 100%;
  padding-left: 10px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

/*li {
  padding-top: 5px;
  list-style-type: square;
  text-align: left;
  font-size: 13px
  }*/

ul {
  margin-top: 0px;
}

dt {
  padding-left: 10px;
}

dd {
  padding-bottom: 10px;
}

.prompt
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight: bold;
  background-color: #663300;
  color: white;

}

td
{
  padding-left:3px;
  font-size: 12px;
  /*font-style: italic;*/
}
th
{
  background-color:#996633;
  bgcolor:#996633;
  color:white;
  font-size:14px;
}

.headertop
{
  padding-top: 5px;
  border-top: 1px solid #996633;
}
.searchitems
{
  padding-bottom: 10px;
}
/* The buttons */
.button {
  display: inline; 
  background-color: #CC9966;
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  font-family:  Arial, Helvetica, sans-serif;
  border-bottom-color: Black;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #C1D2D9;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: White;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #C1D2D9;
  border-top-style: solid;
  border-top-width: 1px;
}
input.button {
  display: inline; 
  background-color: #CC9966;
  color: white;
  text-decoration:none;
  font-weight: bold;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  border-bottom-color: Black;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #C1D2D9;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: White;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #C1D2D9;
  border-top-style: solid;
  border-top-width: 1px;
}
input.buttonover, .button:hover, .buttonover{
  display: inline; 
  background-color: #663300;
  bgcolor: #996633;
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  border-bottom-color: Black;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #C1D2D9;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: White;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #C1D2D9;
  border-top-style: solid;
  border-top-width: 1px;
}
/* ================================================================ 
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/cssplay-click-drop-fly-ipad.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {position:relative; z-index:100; width:980px;}
#menu ul {padding:15px; margin:0; list-style:none; padding:0px; border-radius:5px;
background: #B87E22;
/*box-shadow:0 15px 10px -15px rgba(0,0,0,0.8);*/
}
#menu ul.level1 {height:23px;}
#menu ul ul {position:absolute; padding:5px 5px 0 5px; left:-5px; width:122px; top:30px; display:none; border-radius:0 0 10px 10px;}
#menu ul ul ul {position:absolute; left:122px; width:122px; top:-5px; display:none; border-radius:0 10px 10px 10px;}

#menu ul li {margin-right:5px; float:left; position:relative; margin-left:15px; padding-left:5px;}
#menu ul li a {display:block; padding:4px 4px 4px 4px; font:bold 12px arial, sans-serif; color:#fff; text-decoration:none; border-radius:5px;
background: #B87E22;
-webkit-box-shadow:inset -1px 0 1px rgba(255, 255, 255, 0.4), inset 1px 0 1px rgba(255, 255, 255, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.4);
-moz-box-shadow:inset -1px 0 1px rgba(255, 255, 255, 0.4), inset 1px 0 1px rgba(255, 255, 255, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.4);
box-shadow: inset -1px 0 1px rgba(255, 255, 255, 0.4), inset 1px 0 1px rgba(255, 255, 255, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.4);
}
#menu ul li span {display:block; padding:4px 4px 4px 4px; float:left; font:bold 12px arial, sans-serif; color:#fff; cursor:default; position:relative; border-radius:5px;
background: #B87E22;
-webkit-box-shadow:inset -1px 0 1px rgba(255, 255, 255, 0.4), inset 1px 0 1px rgba(255, 255, 255, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.4);
-moz-box-shadow:inset -1px 0 1px rgba(255, 255, 255, 0.4), inset 1px 0 1px rgba(255, 255, 255, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.4);
box-shadow: inset -1px 0 1px rgba(255, 255, 255, 0.4), inset 1px 0 1px rgba(255, 255, 255, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.4);
}
#menu ul li span img {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}

#menu ul ul li {margin:0 0 5px 0;}
#menu ul ul li a,
#menu ul ul li span {width:105px;}

#menu ul li:hover > a,
#menu ul li:hover > span {color:white;
background: #663300;
}

#menu ul li span:focus + ul {display:block;}

#menu ul li ul:hover {display:block}

#menu img.close {display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:-1;}
#menu ul:hover + img.close {display:block;}