/*BASIS*/
html { padding: 0; height: 100%; width: 100%; }
body { vertical-align: top; margin: 0px; padding: 8px; font-family: Verdana; font-size: 11px; color: #000000; text-align: left; background-color:#ffffff; }
body.site { height:100%; width:100%; margin: 0px; padding: 0px; background-image: url(../images/body_bg.jpg); background-repeat: repeat-x; background-color: #ffffff; background-position: top center; }
td { vertical-align: top; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin: 0px; padding: 0px; line-height: 18px; }
p,td,div,span,strong { font-family:Verdana; font-size: 12px;color: #504f53; }
form { margin: 0px; padding: 0px; }
strong { color: #504f53; font-family:Verdana; }
ul { margin-left: 15px; }
li { padding-left: 0px; }
/*LINKS*/
a { font-weight: normal; color: #568dca; text-decoration: none; }
a:hover { font-weight: normal; color: #568dca; text-decoration: underline; }
a strong { color: #76423c; }
a.hoofdnav { color:#ffffff; text-decoration: none; font-size: 12px; margin: 0px 20px; }
a.hoofdnav:hover { color:#ffffff; text-decoration: none; font-size: 12px; }
a.hoofdnav_ov { color:#ffffff; font-weight: bold; text-decoration: none; font-size: 12px; margin: 0px 20px; }
a.hoofdnav_ov:hover { color:#ffffff; font-weight: bold; text-decoration: none; font-size: 12px; }
a.subnav { color:#578dcb; text-decoration: none; font-size: 14px; line-height: 24px; }
a.subnav:hover { color:#578dcb; font-weight: normal; text-decoration: none; font-size: 14px; line-height: 24px; }
a.subnav_ov { color:#578dcb; font-weight: normal; text-decoration: none; font-size: 14px; line-height: 24px; }
a.subnav_ov:hover { color:#578dcb; font-weight: normal; text-decoration: none; font-size: 14px; line-height: 24px; }
a.subsubnav { margin-left: 36px; color:#504f53; text-decoration: none; font-size: 12px; line-height: 20px; }
a.subsubnav:hover { margin-left: 36px; color:#504f53; font-weight: normal; text-decoration: none; font-size: 12px; line-height: 20px; }
a.subsubnav_ov { margin-left: 36px; color:#504f53; font-weight: normal; text-decoration: none; font-size: 12px; line-height: 20px; }
a.subsubnav_ov:hover { margin-left: 36px; color:#504f53; font-weight: normal; text-decoration: none; font-size: 12px; line-height: 20px; }
span.bull { color:#8fb630; }
a.bottomnav { color:#504f53; text-decoration: none; font-size: 11px; line-height: 18px; }
a.bottomnav:hover { color:#504f53; font-weight: normal; text-decoration: none; font-size: 11px; line-height: 18px; }
a.bottomnav_ov { color:#504f53; font-weight: normal; text-decoration: none; font-size: 11px; line-height: 18px; }
a.bottomnav_ov:hover { color:#504f53; font-weight: normal; text-decoration: none; font-size: 11px; line-height: 18px; }
/* SLIDESHOW */
div.slide_container { position: relative; width: 537px; height: 266px; top: -17px; }
div.slide_overlay { position: absolute; top: 0px; left: 0px; width: 537px; height: 266px; background-image: url(../images/slide_overlay.png); background-repeat: no-repeat; z-index: 100; }
div.slide_slides { position: absolute; top: 0px; left: 0px; width: 537px; height: 266px; z-index: 50; overflow: hidden; }
/*HR*/
hr { color: #000000; border: 1px solid #000000; height: 0px; width: 100%; }
hr.gray { color: #d5d3d3; border: 1px solid #d5d3d3; height: 0px; width: 100%; }
/*H-tags*/
h1 { font-size: 15px; font-weight: 400; color: #99b5df; line-height: normal; margin: 0px; }
h2 { font-size: 29px; font-weight: normal; color: #578dcb; line-height: normal; margin: 0px; }
h3 { font-size: 12px; font-weight: normal; color: #000000; line-height: 16px; margin: 0px; }
/*LAY-OUT*/
div.container { position: absolute; width: 955px; left: 50%; min-height: 400px; margin-left: -477px; top: 0px; background-image: url(../images/container_bg.jpg); background-repeat: repeat-x; background-position: top; background-color: #ebf0f8; }
div.header { position: relative; width: 100%; height: 112px; }
div.logo { position: absolute; top: 0px; left: 0px; width: 291px; height: 112px; }
div.logo img { border: 0; }
div.balk { position: relative; width: 100%; height: 35px; background-color:#8fb630; }
div.balk2 { position: relative; width: 100%; height: 17px; background-color:#8fb630; opacity:0.5;filter:alpha(opacity=50); z-index: 150; }
div.hoofdmenu { position: absolute; right: 28px; height: 35px; line-height: 35px; width: 750px; text-align: right; color:#ffffff; }
div.submenu { margin: 32px 0px 0px 26px; }
div.shade_l { position: absolute; width: 31px; top: 0px; left: 50%; margin-left: -508px; background-image: url(../images/shade_l.png); background-repeat: repeat-y; }
div.shade_r { position: absolute; width: 31px; top: 0px; left: 50%; margin-left: 477px; background-image: url(../images/shade_r.png); background-repeat: repeat-y; }
div.site_l { float: left; width: 390px; }
div.site_r { float: left; width: 537px; padding-right: 28px; line-height: 18px; }
div.clear { clear: both; }
div.sloganbalk { position: relative; width: 927px; height: 110px; background-image: url(../images/slogan.png); background-repeat: no-repeat; background-position: 25px 0px; text-align: right; margin-bottom: 40px;}
div.sloganbalk img { margin-top: 64px; }
div.footer { margin-top: 20px; width: 927px; text-align: right; }
/* ZOEK FORM */
div.zoek_container { position: absolute; top: 75px; left: 579px; width: 380px; height:20px; }
div.zoekveld { position: absolute; margin: 0; padding: 0; top: 0px;left: 0px; width: 277px; height: 20px; background-image: url(../images/zoekveld.jpg); background-repeat: no-repeat; }
input.zoekveld { margin-top:2px;height: 15px; width: 270px; margin-left: 3px; color: #99b5df; font-size: 11px; border: 0px; }
div.zoekbutton { position: absolute; top: 0px; left: 285px; height: 20px; width: 64px; }
/* AFBEELDINGEN */
.img_left_border{
float:left;
margin-right:5px;
margin-bottom:5px;
border:1px solid #222222;
}
.img_left_noborder{
float:left;
margin-right:10px;
margin-bottom:10px;
}
.img_right_border{
float:right;
margin-left:10px;
margin-right:4px;
margin-bottom:5px;
border:1px solid #222222;
}
.img_right_noborder{
float:right;
margin-right:4px;
margin-left:15px;
margin-bottom:15px;
}
.img_noalign_noborder{
margin:5px;
display: block;
margin-left: auto;
margin-right: auto;
border: 0px;
}
.img_noalign_border{
margin:5px;
display: block;
margin-left: auto;
margin-right: auto;
border:1px solid #222222;
}