/* --- T R B L --- */
* {-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box}
html {height:100%; padding:0px; margin:0px; overflow:hidden}
body {height:100%; padding:0px; margin:0px}
body, p, a, td, input, textarea { font-family:arial, sans-serif; font-size:12px; color:#000000}
td {font-size:12px; font-family:arial, sans-serif}
h1 {font-weight:bold; font-size:14px; height:24px; font-family:arial; letter-spacing:0.5px; padding:0px; margin:0px;margin-left:-2px}
h3,.koptekst {font-weight:bold; font-size:12px; height:24px; font-family:arial; padding:0px; margin-left:-2px; margin-right:0px; margin-bottom:0px; margin-top:0px}

LI { TEXT-INDENT: 0px}
UL, OL { MARGIN-LEFT:24px; MARGIN-TOP: 0px; TEXT-INDENT: 0px }

/*----divs--------------------------------------------*/
#topmenu {z-index:80; position:absolute; width:100%; top:0px; height:65px; padding-left:468px; padding-top:2px}
#container_onderwerp {height:100%; padding-top:65px}
#container {height:100%; padding-top:91px}
#middlecontainer {position:relative; height:100%; overflow:auto}
#nav_onderwerp   {padding-left:15px; padding-top:40px; z-index:70; position:absolute; top:0px; left:0px; height:100%; width:193px; margin-top:0px}
#nav             {padding-left:15px; padding-top:14px; z-index:70; position:absolute; top:0px; left:0px; height:100%; width:193px; margin-top:0px}
#middle {position:relative; height:100%; margin-left:193px; padding-top:0px; margin-right:0px; width:580px; overflow:auto}
#content {width:555px; height:100%}
#kidz_gras {z-index:-20; position:absolute; bottom:25px; height:282px; width:92px; background:url('images/interface/gras.gif') no-repeat; padding-top:110px}
#scroll_container { background-image:url('images/interface/home/bgWJD.jpg'); background-repeat: no-repeat;}
#bannerMelkGame {z-index:699; position:absolute; bottom:0px; left:0px;height:258px; width:165px; }
#colofon {z-index:100; position:absolute; bottom:10px; width:183px; text-align:right}

/*----menu-------------------------------------------*/
.menu, .menu:link, .menu:active, .menu:visited {font-size:10px; font-family:arial; text-transform:uppercase; color:#777777; letter-spacing:1px ! important; text-decoration:none}
.menu:hover { text-decoration:underline }
.menu_active, .menu_active:link, menu_active:active, menu_active:visited {color:black;font-family:arial; font-size:10px; text-transform:uppercase; letter-spacing:1px ! important; text-decoration:none}
.menu_active:hover { text-decoration:underline }
.submenu           { width:178px }
.t_c			   { padding-left:15px; background:left center no-repeat url('./images/interface/t_c.gif')}
.t_e			   { padding-left:15px; background:left center no-repeat url('./images/interface/t_e.gif')}

/*----Homepage stuff----------------------------------*/
h_twee, home_grote_kop  {font-weight:normal;padding:0px; margin:0px; color:white; font-size:20px;letter-spacing:3px;text-transform:uppercase}
h2, .home_grote_kop, h3, .home_kleine_kop {height:18px;font-weight:normal;padding:0px; margin:0px; color:black; font-size:12px;letter-spacing:3px;text-transform:uppercase}
.home_foto_item   { border-top:1px solid white;padding:0 0 0 0; width:1%}
.home_detail_item { border-top:1px solid white;padding:2 8 4 7}
.home_kader		  { border-right:5px solid #ffffff;border-bottom:5px solid #ffffff;background-repeat:no-repeat;background-position:bottom right}
.home_kader_kop   { padding:10 0 0 6 ; background-repeat:no-repeat;-moz-box-sizing:border-box}
.home_kader_div   { height:16px; width:255px; margin:0px } 
.home_kader_table { width:266px; padding:0px }
.home_kader_foto  { float:left; margin-right:4px; margin-bottom:4px} 

/*----tables e.d.-------------------------------------*/
#hometable{width:555px; table-layout:fixed}
#contenttable{width:545px; padding-left:16px; margin-right:12px; table-layout:fixed}

/*----formulieren-------------------------------------*/
.zoek {font-family: arial, sans-serif; font-size:12px; color:#000000; width:111px; border:1px solid #959595}
.required {color:#4cb5bf}

/*----Zoeken-------------------------------------*/
.searchtable    {padding-top:4px; padding-bottom:4px; padding-left:0px; padding-right:4px}
.searchtitle    {font-size:15px;color:#000000; font-weight:bold; padding-top:8px}
.searchsubtitle {color:#333333; font-style:italic}
.searchlink, .searchlink:visited, .searchlink:link, .searchlink:hover, .searchlink:active { font-weight:bold;color:black;text-decoration:none}

/*----Font classes-------------------------------------*/
.small, .onderschrift{font-size:10px}
.subkop { font-weight:bold }

/* ----- Button classes ----------- */
.button { padding:4px; border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-bottom:1px solid darkgray;border-right:1px solid darkgray; width:60px}
.butlink, .butlink:link , .butlink:visited, .butlink:active, .butlink:hover{ text-decoration:none; color:#333333}

.u {display:none}