div, h1, h2, h3, h4, p, img { margin:0; padding:0; border:0; outline:none; display:block; }
a { text-decoration:none; outline:none; cursor:pointer; color:#FFF; }
.wit a { color:#082F56; }
ul, li { margin:0 0 0 9px; padding:0; }
p { margin:0 0 12px; }
.sep { height:1px; display:block; float:none; clear:both; }
div, input { -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
div { word-wrap:break-word; }

.big, .norm, .pad, .mob { width:1px; height:1px; position:fixed; z-index:555; left:0; bottom:0; display:block; }
.meet { width:100%; height:1px; position:fixed; left:0; bottom:20px; display:block; text-align:center; z-index:91; }
.ie_oud { width:100%; min-height:12px; display:block; position:fixed; top:0; left:0; z-index:25; background:#082F56; font-size:.6em; }
.ie_oud h2 { margin:3px auto; text-align:center; line-height:2em; color:#FFF; }

h1, h3 { display:none; }
h2 { margin:0 0 12px; font-size:1.88em; line-height:.85em; word-wrap:break-word; text-transform:capitalize; }
h4 { margin:0; padding:0; font-size:1.6em; line-height:1.8em; font-weight:normal; word-wrap:break-word; }
h5 { margin:0; padding:0; font-size:1.4em;word-wrap:break-word; }
h6 { margin:6px 0; padding:0; font-size:1.25em;word-wrap:break-word; }
h2, h3, h4, h5 { font-family: 'Droid Serif', serif; }

/* -- cms -- */
.kleur { color:#082F56; }
.kleur_b { color:#B97536; }
.center { width:100%; margin:0 auto; text-align:center; }

html { height:100%; }
html, body { margin:0; padding:0; border:0; }
body { width:100%; height:100%; background:#082F56; }

.master { width:100%; min-width:312px; height:100%; min-height:100%; font-family: 'Ubuntu', sans-serif; font-size:1em; color:#FFF; line-height:1.5em; }

.top, .start, .blok { min-width:100%; padding:48px 0; }
.start, .blok { min-height:100%; }
.top { padding:48px 0 0; position:fixed; top:0; }
.start { padding:236px 0 48px; }

.top, .start, .wit { background:#FFF; color:#082F56; }
.bruin { background:#B97536; }
.wit a { color:#082F56; }

.cont { width:1200px; margin:0 auto; }

.top div.cont img { width:auto; height:68px; margin:0 auto; }
.top div.cont div.menu { margin-top:36px; padding:6px 0; text-align:center; }
.top div.cont div.menu a { margin:0 6px; padding:12px; display:inline-block; font-size:1.15em; font-weight:bold; color:#082F56; text-transform:capitalize; }

.start div.cont div.kol { width:588px; margin:0; float:left; }
.start div.cont div.rechter { float:right; }
.start div.cont div.kol div { width:282px; margin:0 24px 0 0; float:left; }
.start div.cont div.kol div.r { margin:0; float:right; }

.int { padding:28px 0; }
.int span.naam { width:100%; margin:6px 0; display:block; font-size:.9em; font-weight:bold; text-align:right; }

.cont div.inh-l { width:382px; margin:12px 18px 12px 0; float:left; }
.cont div.inh-l img { width:auto; height:38px; margin:0 auto; }
.cont div.inh-l div.int h4 { margin:-10px 0 0; font-style:oblique; }
.cont div.inh-l div.int span { margin:12px 0; }

.cont div.inh { width:782px; margin:12px 0 12px 18px; float:right; }

.start div.cont div.kol div img { width:100%; height:auto; }
.start div.cont div.kol div a { color:#082F56; }
.cont div.inh-l div.int img.pic_r, .cont div.inh-l div.int img.pic_l, .cont div.inh-l div.int img.pic_m  { width:100%; height:auto; margin:6px auto 12px; }
.cont div.inh img.pic_l, .cont div.inh img.pic_r { max-width:282px; height:auto; margin:0; }
.cont div.inh img.pic_l { float:left; margin:9px 12px 12px 0; }
.cont div.inh img.pic_r { float:right; margin:9px 0 12px 12px; }
.cont div.inh img.pic_m { max-width:100%; height:auto; margin:12px auto; }

.naar-top { width:100%; height:38px; display:none; }
.naar-top a { width:38px; height:38px; margin:0 auto; display:block; background:url(../st_img/pijl-top.png) no-repeat center; }
.start div.naar-top a, .wit div.naar-top a { background:url(../st_img/pijl-top-blauw.png) no-repeat center; }

#copy { height:40px; min-height:40px; padding:0; text-align:right; }
#copy a { margin:0 0 12px; color:#FFF; font-size:.75em; }

/* -- border bruin -- */
.top div.cont div.menu { border-top:1px solid #B97536; }
.top div.cont div.menu { border-bottom:1px solid #B97536; }

/* -- border wit -- */
.int { border-top:1px solid #FFF; }

/* -- border blauw -- */
.wit div.int { border-top:1px solid #082F56; }




@media screen and (max-width:1280px) {

.cont { width:1024px; }

.start div.cont div.kol { width:500px; }
.start div.cont div.kol div { width:238px; }

.cont div.inh-l { width:318px; }
.cont div.inh { width:654px; }

}


@media screen and (max-width:1048px) {

.big { display:none; }

.cont { width:960px; }

.start div.cont div.kol { width:468px; }
.start div.cont div.kol div { width:222px; }

.cont div.inh-l { width:302px; }
.cont div.inh { width:622px; }

}


@media screen and (max-width:1000px) {

.norm { display:none; }

h2 { display:none; }
h3 { margin:0 0 12px; display:inline-block; float:left; font-size:1.88em; line-height:.85em; word-wrap:break-word; text-transform:capitalize; }

.cont { width:510px; }

.top { position:relative; }
.start { padding:36px 0; }

.start div.cont div.kol { width:243px; margin:0 24px 24px 0; }
.start div.cont div.rechter { margin:0; }
.start div.cont div.kol div { width:100%; margin:0; }
.start div.cont div.kol div.r { margin:0; }
.start div.cont div.kol div img { margin:9px 0 0; }

.int { padding:28px 0; }

.cont div.inh-l, .cont div.inh { width:100%; margin:12px 0; float:none; }
.cont div.inh-l img { width:auto; height:38px; margin:0 24px; float:left; }
.cont div.inh-l div.int { float:none; display:block; clear:both; }
.cont div.inh-l div.int span { margin:12px 0 0; }
.cont div.inh { margin:-6px 0 12px; }

.cont div.inh img.pic_l, .cont div.inh img.pic_r { max-width:243px; }

.naar-top { display:block; }

}


@media screen and (max-width:520px) {

.pad { display:none; }

.kol, .int { font-size:1.2em; line-height:1.65em; }

.cont { width:96%; }

.start div.cont div.kol { width:100%; margin:0 0 12px; }

.start div.cont div.kol div img { width:100%; height:auto; }
.cont div.inh-l div.int img.pic_r, .cont div.inh-l div.int img.pic_l, .cont div.inh-l div.int img.pic_m { width:100%; height:auto; margin:9px auto 0; float:none; }
.cont div.inh img.pic_l, .cont div.inh img.pic_r, .cont div.inh img.pic_m { width:100%; max-width:100%; height:auto; margin:9px auto; float:none; }

}