/* alle margins en paddings op 0 zetten (overruling van de standaard waarden per browser): */
* { padding: 0; margin: 0; }

/* standaard instellingen: */
html { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 11pt; }

/* firefox dotted lines*/
:focus { -moz-outline-style: none; }

img { border: none; }

/* menu: */
#menu { width: 185px; background: url(../images/menutop.png) no-repeat; margin-left: 30px; float: left; }
#menu a#home { text-indent: -9999px; display: block; height: 166px; }

#menu ul { list-style-type: none; padding-left: 19px; padding-right: 16px; }
#menu #nav1 { width: 185px; background: url(../images/nav1bg.gif) repeat-y; }
#menu #nav1 a { color: #df0024; text-decoration: none; font-size: 0.75em; display: block; width: 110px; padding: 6px 20px 6px 20px; }
#menu #nav1 a:hover, #menu #nav1 a.active { color: #000; background: url(../images/button.gif) 10px 3px no-repeat; }
/* css-rollovers voor nav2: */
#menu #nav2 { width: 150px; height: 30px; background: url(../images/nav2bg.png) no-repeat; margin-left: 19px; padding-left: 10px; padding-top: 11px; }
#menu #nav2 li { float: left; }
#menu #nav2 a { display: block; float: left; background: #f00; overflow: hidden; text-indent: -1000em; position: relative; }
#menu #nav2 a#link1 { width: 51px; height: 30px; background: url(../images/nav2bg.gif) 0px 0px no-repeat; }
#menu #nav2 a#link2 { width: 79px; height: 30px; background: url(../images/nav2bg.gif) -51px 0px no-repeat; }
#menu #nav2 a#link1:hover { width: 51px; height: 30px; background: url(../images/nav2bg.gif) 0px -30px no-repeat; }
#menu #nav2 a#link2:hover { width: 79px; height: 30px; background: url(../images/nav2bg.gif) -51px -30px no-repeat; }

/* Container: */
#container { width: 523px; margin-left: 14px; float: left;  }
#content { background: #fff; padding-top: 40px; }
#content h1, #content h2, #content h3 { color: #df0024; padding: 0 30px 1em 30px; font-size: 1.4em; }
#content h2 { font-size: 1.2em; }
#content h3 { font-size: 1em; color: #000; }
#content .paragraaf { padding: 0 30px 1em 30px; font-size: 0.9em; color: #787878; line-height: 1.5em; }
#content .paragraaf p { margin: 0 0 1em 0; }
#content .paragraaf p a { color: #54a900; }
#content .paragraaf ul { margin: 15px 30px; }
#content .paragraaf ol { margin: 15px 30px; }

div.caption { padding: 8px 30px 8px 30px; background: #ffed00; font-size: 0.8em; color: #665f00; margin-bottom: 1em;  }
/* Display block voor afbeeldingen die zich over de breedte vullen, anders krijg je een rendering-margin onder de afbeelding (regeleinde): */
#content img.block { display: block; }

/* Footer: */
#footer { width: 523px; height: 103px; background: url(../images/footer_nl.png) no-repeat; margin-bottom: 5em; font-family: Verdana, Arial, Helvetica, sans-serif; }
#footer ul { list-style-type: none; padding-left: 122px; padding-top: 73px; }
#footer ul li { float: left; }
#footer a { text-decoration: none; padding: 0 7px 0 7px; color: #998e00; border-right: 1px solid #998e00; font-size: 0.7em; position: relative; }
#footer a:hover { text-decoration: underline; }
#footer a.last { border: 0; }

/* Formulieren: */
form { padding: 0 30px 1em 30px; }
fieldset { border: 0; }
legend, label span { display: none; }
label { display: block; color: #df0024; font-size: 0.8em; padding-left: 5px; margin-top: 3px; }
input.text { border: 0; width: 456px; height: 16px; padding: 2px 3px 3px 3px; background: transparent; font-size: 10pt; }
.input_wrapper { width: 462px; height: 22px; background: url(../images/input.gif) no-repeat; }
.input_wrapper_required { width: 462px; height: 22px; background: url(../images/input_req.gif) no-repeat; }
textarea { width: 456px; height: 130px; padding: 3px; border: 0; font-family: sans-serif; font-size: 10pt; overflow: auto; background: transparent; }
.textarea_wrapper { width: 462px; height: 136px; background: url(../images/textarea.gif) no-repeat; }
.info { margin-top: 10px; color: #787878; width: 200px; font-size: 0.8em; float: left; }
input.submit { float: right; margin-top: 10px; }

/* Yellow content (homepagina): */
#yellow_container { width: 523px; margin-left: 14px; float: left; }
#yellow_top { background: url(../images/yellowtop.png); width: 523px; height: 86px; }
#yellow_container #content { background: #ffed00 url(../images/yellowcontent.png) no-repeat;}
#yellow_container #footer { background: url(../images/yellowfooter_nl.png) no-repeat; width: 523px; height: 163px; }
#yellow_container #footer ul { padding-top: 90px; }
.tegel { float: right; margin-top: -20px; margin-right: 25px; position: relative; z-index: 20; }

/* Ansichtkaart: */
.ansichtkaart { border: 0; position: absolute; top: 0px; margin-left: 304px;}
/* Floater zorgt voor de tekstomloop in het content-gedeelte: */
.floater { width: 165px; height: 100px; float: right; }
a.hitarea { width:300px; height:100px; display:block;position: absolute; top: 110px; margin-left: 350px;z-index: 21;}

/* Verschillende achtergronden: */