body{ color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; background-image: url(/images/layout/backgrounds.png); background-position: 10% 50%; width: 100%; height: 100%; margin: 0; padding: 0; }
a, a:visited, a:active, a:link   { color: #b4b4b4; font-weight: 500; }
a:hover   { color: #fff; }
#spanbox { position: relative; width: 900px; height: 500px; margin: 20px auto auto; border: solid 2px #a9d038; }
.header{ background-color: #a6cc37; height: 98px; border-bottom: 2px solid #a6cd38; }
#header{ position: relative; float: right; }
.header img{ float: left;}
.menu{ background-color: #a9d038; background-image: url(/images/layout/menuBg.png); width: 200px; height: 380px; float: left; }
.menu ul{ height: 380px; margin: 0; padding: 0; list-style-type: none; }




.menu ul li{ font-size: 15px; line-height: 30px; background-color: #fff; width: 198px; margin: 0; padding: 0; border-bottom: 1px solid #0a6100; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.menu ul li:hover{ color: #000; background-color: #a6cc37; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.menu a, .menu a:visited, .menu a:active, .menu a:hover   { color: #000; font-weight: 500; text-decoration: none; display: block; }
.menu ul li ul li{ color: #000; font-size: 13px; width: 173px; padding-left: 25px; filter: alpha(opacity=100); -moz-opacity: 0.9; opacity: 0.9; }
.menu ul li ul li:hover{ background-color: #a6cc37; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.menu .headlink{color: #000; padding-left: 20px; cursor: pointer; display: block; }
#navigation{ height: 380px; overflow: hidden;}
#navigation .head{ color: #000; padding-left: 20px; cursor: pointer; display: block; }
#navigation .selected{ max-height: 194px;}

.content{ background-color: #000; position: relative; width: 700px; height: 380px; float: left; }
.contentScroll{ width: 700px; height: 380px; overflow: auto; float: left; }
.footer{ background-color: #231f20; width: 100%; height: 20px; float: left; }
.copy{ color: #33360f; font-size: 13px; text-align: center; padding-top: 20px; }
.copy a, .copy a:visited, .copy a:link{ color: #595d2b; font-size: 13px; }
.copy a:hover{ color: #707445; font-size: 13px; }
h1{ color: #abd137; font-size: 16px; clear: both; margin: 20px; }
h2{ color: #abd137; font-size: 14px; clear: both; margin: 20px 20px 15px; }
h3{ color: #abd137; font-size: 13px; clear: both; margin: 20px 20px 10px; }


p{ clear: both; margin: 20px; }
p img{ float: left; margin-right: 10px; margin-bottom: 20px; }
.content img{ border: solid 2px #a9d038; }
.kolom33{ width: 33%; float: left; }
.kolom50{ width: 49%; float: left; }
.kolom66{ width: 66%; float: left; }
label{ width: 120px; float: left; }
textarea{ width: 280px; height: 300px; }
.succes{ color: #06af00; }
.error{ color: #f00; list-style-type: none; }
.verplicht{ color: #f00;}

#flvPlayer{ background-color: #616161; width: 330px; height: 185px; float: right; }
#id { }