/* RESET CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: none; }
:focus { outline: 0; }
body { line-height: 1; }
ul, ol 	{ font-family: Arial; font-size: 12px; color: #5c5c5c; line-height: 17px; margin-left: 20px; padding-left: 5px;}
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }

/* MAIN CSS */
body { background-image:url(/img/headerbg.gif); background-repeat:repeat-x; }
* html { height:100%; overflow-x: hidden; }
h1 { font-family: Trebuchet MS; font-size: 30px; color: #61b034; line-height: 24px; z-index:100; }
h2 { font-family: Trebuchet MS; font-size: 24px; color: #000; line-height: 24px; z-index:100; }
h3 { font-family: Trebuchet MS; font-size: 24px; color: #5e5e5e; line-height: 24px; z-index:100; }
p, table {	font-family: Arial;	font-size: 12px; color: #5c5c5c; line-height: 17px; }
a {	color: #4e9f20; text-decoration:underline; }
a:hover { color: #4e9f20; text-decoration:none; }
a img { border:none; }
input, textarea, select, button{ font-family: Arial; font-size: 12px; }

.clear { content:"."; clear:both; height:0px; display:block; overflow:hidden; }
.container { margin:0 auto; width:980px; }
.menu { width:940px; height:40px; background-image:url(/img/menubg.gif); background-repeat:repeat-x; margin-left:40px; padding:0; }
.menu img { float:left; }
.menuitem { margin:0 35px; float:left; font-family:Arial; font-size:12px; padding-top:13px; }
.menuitem2 { margin:0 23px; float:left; font-family:Arial; font-size:12px; padding-top:13px; }
.menuitemlang{ margin:0 5px; float:right; font-family:Arial; font-size:12px; }
.menuitem a, .menuitem2 a { display:block; color:#FFFFFF; text-decoration:none;  }
.menuitem a:hover, .menuitem2 a:hover { color:#84c65b; }
.header { width:980px; padding-bottom:20px;  background-repeat:no-repeat; }
.logo { width:280px; height:150px; position:relative; left:0px; top:80px; float:left; }
.content { width:910px; padding:190px 30px 20px 40px; }

.left { width:560px; float:left; }
.tekst { width:520px; padding:20px; margin-top:16px; float:left; background-color:#eaeaea; }
.vakdrieluik { float:left; width:290px; }
.tekstdrieluik { height:450px; width:260px; display:block; padding:20px; margin-top:16px; float:left; background-color:#eaeaea; }
.tekst img { margin-left:30px; float:right; }
.right { width:310px; margin-left:40px; float:left; overflow:hidden; }
.bottom { padding:10px 0 10px 0; clear:both; border-top:1px solid #8a8a8a; margin-top:20px;  font-family:Arial; font-size:10px; color:#717171; line-height:16px; }
.bottom a { text-decoration:none; color:#717171; line-height:16px;  }
.bottom span.rechts { float:right; color:#bfbfbf; line-height:16px;  }
.cformFields	{ width:274px; padding:5px 0 0 5px; margin-top:2px; font-size:18px; color:#000000; height:25px; background-color:#FFF; border:1px solid #cccccc; }

.modeltekst { width:260px; padding:20px; margin-top:16px; float:left; background-color:#eaeaea; }
.modelfotos { width:220px; margin:16px 0 0 40px; float:left; }
.modelfotos img { border:1px solid #eaeaea; width:100px; height:100px; float:left; overflow:hidden; }
.modelbutton { height:100px; width:300px; overflow:hidden; margin-top:0;}
.modelbutton img:hover, .modelbutton a:hover img { margin-top:-100px; cursor:pointer; }

.waarom td { border-bottom:#999 solid 1px; }
.waarom td.lefttd { border-right:#999 solid 1px; }
.waarom td.kolom2 { padding-left:10px; }

/*ACCORDION*/
.nieuws { width: 310px; margin-top:15px; }
.nieuwstitel { padding: 5px 0 5px 0; cursor: pointer; position: relative; color:#000; }
.nieuwstitel span.datum { border-right:2px solid #5c5c5c; color:#61b034; font-size:12px; font-weight:bold; font-family:Arial; margin-right:5px; padding-right:5px; }
.nieuwsbody { display:none; padding-bottom:10px; border-bottom:1px solid #c5eaae; margin-bottom:10px; width:310px; }
.nieuwsbody a { font-size: 12px; font-family:Arial; color:#000000; padding:0px; margin:0px; text-decoration:none; }
.nieuwsbody a:hover { border-bottom:1px solid #838383; }