/* CSS Document */
html,body,div,span,applet,object,iframe,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,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;font-family:Georgia, "Times New Roman", Times, serif}:focus{outline:0}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal} blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}abbr,acronym{border:0}
a img {border:0 none} a:link,a:visited,a:hover,a:active {text-decoration:none}
a,h1,h2,h6 {font-family:'Open Sans', Arial, Helvetica, sans-serif}
body {background-color:#ccc}
#menu {position:absolute;z-index:32;top:18px;left:50%;margin-left:-240px}
#menu ul {float:left}
#menu ul ul {position:absolute;width:186px;margin-top:48px;z-index:100;display:none}
#menu>ul>li {background-image:url(../images/nav-menu.png);background-repeat:no-repeat;width:48px;height:55px;display:block}
#menu li li {padding:0;width:186px}
#menu p {font-size:24px;font-style:italic;color:#fff;margin:-4px 0 12px 8px;cursor:default}
#menu a {display:block;color:#000;font-family:Georgia, "Times New Roman", Times, serif}
#beelden a,#cursus a,#opdracht a {background-color:#fcdcb6}
#menu ul ul a {font-size:11px;line-height:15px;color:#444;padding:5px 0 10px 6px;margin:-4px 0 0 8px}
#menu a.link_gr {font-size:24px;line-height:20px;font-style:italic;color:#000;padding:0}
#menu a:hover {color:#fff !important}
.liHover {color:#fff !important}
ul#home li {background:none;width:130px;margin-right:13px}
ul#home a {font-size:13px;font-style:italic;text-align:right;color:#222;padding-top:24px}
#beelden a:hover {background-color:#89a2e5}
#beelden li{background-position:0 -102px} #beelden li:hover{background-position:-60px -102px}
ul#wolk {width:120px;margin:-23px 2px 0 -17px}
ul#wolk>li {background-position:0 0;padding:11px 0 0;height:59px;width:120px}
ul#wolk>li:hover {height:90px}
ul#wolk ul a {margin:11px 0 12px 26px}
#cursus a:hover {background-color:#fa8b66}
#cursus li{background-position:0 -163px} #cursus li:hover {background-position:-60px -163px}
#opdracht a:hover {background-color:#71dd7c}
#opdracht li{background-position:6px -227px} #opdracht li:hover {background-position:-54px -227px}
#contact li{background-position:0 -292px} #contact li:hover {background-position:-60px -292px}
ul#contact ul a {margin:-2px 0 12px 4px}
/*oude pijlen*/
.navpijlblauw-li, .navpijlblauw-li a {background:url(../images/navpijl-li-blauw.png) no-repeat;left:0px}
.navpijlgrijs-li, .navpijlgrijs-li a {background:url(../images/navpijl-li-grijs.png) no-repeat;left:0px;z-index:50}
.navpijlblauw-re, .navpijlblauw-re a {background:url(../images/navpijl-re-blauw.png) no-repeat;right:0px}
.navpijlgrijs-re, .navpijlgrijs-re a {background:url(../images/navpijl-re-grijs.png) no-repeat;right:0px;z-index:50}
.navpijlfoto-li, .navpijlfoto-li a {background:url(../images/navpijl-li-foto.png) no-repeat;left:56px;z-index:50}
.navpijlfoto-re, .navpijlfoto-re a {background:url(../images/navpijl-re-foto.png) no-repeat;right:56px;z-index:50}
.navpijlblauw-li, .navpijlblauw-li a, .navpijlgrijs-li, .navpijlgrijs-li a, .navpijlfoto-li, .navpijlfoto-li a, .navpijlfoto-re, .navpijlfoto-re a, .navpijlblauw-re, .navpijlblauw-re a, .navpijlgrijs-re, .navpijlgrijs-re a {background-position:15px 0;position:absolute;top:69%;width:55px;height:25px}
.navkruis, .navkruis a {background:url(../images/navkruis-wit.png) no-repeat;background-position:15px 0;position:absolute;z-index:50;top:69%;right:0px;margin-top:-40px;width:55px;height:25px}
.navpijlblauw-li:hover, .navpijlgrijs-li:hover, .navpijlfoto-li:hover, .navpijlblauw-re:hover, .navpijlgrijs-re:hover, .navpijlfoto-re:hover, .navkruis:hover {background-position: 15px -25px}
/*nieuwe pijlen*/
.navpijl, .navpijl a {background-image:url(../images/navpijlen.png);background-repeat:no-repeat;cursor:pointer;position:absolute;z-index:50;top:69%;width:25px;height:25px}
.blauw_li {left:15px;background-position:0px 0px}
.blauw_re {right:15px;background-position:right -50px}
.groen_li {/*left:15px;*/right:95px;background-position:0px -100px}
.groen_re {right:15px;background-position:-25px -100px}
.geel_li {left:15px;background-position:-50px -100px}
.geel_re {right:15px;background-position:-75px -100px}
.blauw_li:hover, .groen_li:hover, .geel_li:hover {background-position:0px -25px}
.blauw_re:hover, .groen_re:hover, .geel_re:hover {background-position:right -75px}
.kruis {right:15px;margin-top:-40px}
.wit {background-position:0px -175px}
.wit:hover {background-position:0px -200px}
.grijs {background-position:-50px -175px}
.grijs:hover {background-position:-50px -200px}
.dogrijs {background-position:-25px -175px}
.dogrijs:hover {background-position:-25px -200px}
em {font-style:italic}
h4 {font-size:24px;line-height:28px;color:#444;margin:10px 0 -12px}
h6, h6 a, #email h6 a {font-size:11px;color:#fff;margin:0;padding:0}
h6 a:hover {border-bottom:solid 1px #ccc}
header {height:210px;width:84%;max-width:1200px;padding:0;margin:65px auto 0}
header h1 {font-size:48px;letter-spacing:9px;word-spacing:-4px;color:#fff}
header h2 {font-size:24px;letter-spacing:6px;word-spacing:-1px;color:#444}
header>h1 {padding:54px 0 0 60px}
header>h2 {padding:20px 0 0 82px}
header>h2+h1 {margin:8px 0 0 60px;padding:0}
header>h1+h2 {font-style:italic;letter-spacing:5px;color:#fff;margin:4px 0 0 82px;padding:0}
.verlboven {background:url(../teksten/verloop-boven.png) repeat-x;position:absolute;z-index:6;top:185px;left:0px;height:75px;width:100%}
#basishor {position:absolute;top:260px;left:0px;width:100%;height:auto}
.basisvert {position:relative;z-index:7;background:#fcdcb6;overflow:hidden;top:0;left:0px;width:100%;height:auto;margin-bottom:-70px}
.basisopmaak {width:84%;max-width:1200px;margin:0 auto}
.tekstindex_cont {width:100%;clear:both}
.koltekst, #koltekstbeelden {position:relative;z-index:12;margin:0 0 0 23%;width:54%;min-width:250px;float:left}
.koltekst p, #koltekstbeelden p {font-size:13px;line-height:24px;color:#666;margin-bottom:24px}
.koltekst a {font-size:11px;color:#444;background-color:#fce9cf}
.koltekst a:hover {color:#f45058;border-bottom:solid 1px #f45058;background-color:#fcdcb6}
.fotobore {width:320px;height:240px;margin:0 0 12px;float:right;display:block}
.margetekst {width:20.5%;float:left}
.margeli {margin:7px 0 0 -77%} .margere {margin:7px 0 0 2.5%}
.margetekst h1 {font-weight:600;font-size:13px;line-height:18px;color:#444}
.margetekst p {font:400 12px/18px 'Open Sans', Arial, Helvetica, sans-serif;color:#444;margin:12px 0 24px}
.margetekst a {color:#444;border-bottom:#000 solid 1px}
.margetekst a:hover {color:#fff;border-bottom:#fff solid 1px}
.margetekst img {width:100%}
.verlonder {background:url(../teksten/verloop-onder.jpg) repeat-x;float:left;width:100%;height:75px;left:0px;bottom:0px}
.foto {position:relative;z-index:18;top:0px;bottom:0px;margin:0 auto;display:block}
footer {background-color:#555;position:relative;z-index:120;height:24px;width:100%;left:0px;bottom:0px;padding-top:8px;margin-top:-16px}
footer .cont {width:84%;max-width:1200px;margin:0 auto}
footer .cont h6 {float:left;margin-right:30px}
#copyright {margin-left:23%}
#email a {color:#fff}
/*index*/
#kopmarlies {background:url(../teksten/marlies-header.jpg) no-repeat}
#kopmarlies>h1 {padding:16px 0 0 60px}
#kopmarlies>h1+h2 {font-style:normal;font-size:26px;color:#444;margin:12px 0 0 82px}
video {background-image:url(../teksten/marlies-achtergr.jpg);cursor:pointer}
#foto-marlies {top:-13px;width:610px}
#contmarlies .margere {border-top:2px solid #f45058}
#contmarlies .margere h1 {color:#f45058;margin-top:6px}
#contmarlies .margere p {margin:6px 0 24px}
#intro_site {position:relative;width:100%;height:auto;margin:20px 0 40px;clear:both}
.intro_symb {padding-top:1px}
.intro_symb div {width:52px;left:16px;height:50px;margin-top:4px;background-image:url(../images/nav-menu.png);float:right}
.intro_symb .intro-wolk {width:125px;height:69px;margin-top:-15px;background-position:0 0}
.intro_symb .intro-beeld {background-position:0 -102px}
.intro_symb .intro-curs {background-position:-60px -162px}
.intro_symb .intro-oog {background-position:-60px -225px}
.intro_cont {position:relative;width:100%;height:auto;padding:38px 0 20px;border-top:1px solid #fff;overflow:hidden}
#intro_bld {background-color:#89a2e5}
#intro_curs {background-color:#fa8b66}
#intro_opdr {background-color:#71dd7c;border-bottom:1px solid #666}
#intro_wolk {background:url(../teksten/atelier-vloer1300.jpg) repeat-y 0 0;background-size:100%;padding-bottom:0}
#intro_wolk .dag {position:relative;width:45%;min-width:330px;overflow:hidden;margin:52px auto 0}
.intro_tekst {position:absolute;width:170px;top:0}
@media screen and (max-width: 960px) {.intro_tekst {position:static;margin-top:-38px}}
.intro_tekst div {width:40px;height:59px;margin:16px 20px 0;background-image:url(../images/nav-menu.png)}
.intro_tekst .intro-oog {background-position:-125px -227px}
.intro_tekst .intro-beeld {background-position:0 -102px}
.intro_tekst .intro-wolk {width:125px;height:69px;margin:10px 0 8px 4px;background-position:0 0}
.intro_tekst .intro-curs {background-position:-125px -163px}
.intro_tekst p {font:400 12px/18px 'Open Sans', Arial, Helvetica, sans-serif;margin:0 2px}
.intro_tekst p a {color:#000;border-bottom:#000 solid 1px}
.intro_tekst p a:hover {color:#fff;border-bottom:#fff solid 1px}
.intro_pags {position:relative;width:77%;height:auto;margin:20px 0 20px 23%;overflow:hidden}
.intro_pags .intro_pagkl {position:relative;width:31%;height:265px;float:left;margin:20px 2% 12px 0}
.intro_pags .clear {clear:both}
.intro_pags .intro_pagkl img {margin:10px 0 6px;width:50%}
.intro_pags p {font:400 12px/18px 'Open Sans', Arial, Helvetica, sans-serif;width:70%;color:#000}
.intro_pags h3 {font:bold 13px/15px Georgia, "Times New Roman", Times, serif;color:#fff;padding-top:5px;border-top:1px #fff solid}
.intro_pags h3 span {font-size:11px;font-weight:normal}
.intro_pags h3:hover {color:#000;border-top:1px #000 solid}
.intro_pags h3 span:hover {color:#000}
.intro_pags .intro_pagcurs {position:relative;width:64%;margin:20px 0 32px}
.intro_pags .cursk {margin:20px 0 12px}
.intro_pags .intro_pagcurs h3 {text-align:center}
.intro_pags .intro_pagcurs img {display:block;width:70%;margin:10px auto 6px}
.intro_pags .intro_pagcurs p {width:40%;text-align:center;margin:0 auto}
/* .introkol p,.introkol a {font:400 12px/18px 'Open Sans', Arial, Helvetica, sans-serif;margin:61px 0 8px}
#introcont .introkol_li {position:absolute;left:0;width:170px;height:300px;opacity:1;cursor:auto;overflow:visible;display:none}*/
/* .intro-link {padding:3px 8px}
#naarappel {background-color:#71dd7c}
#naarbeeld {background-color:#89a2e5}
#naarcursus {background-color:#fa8b66}
#naarappel:hover, #naarbeeld:hover, #naarcursus:hover {color:#fff;background-color:#ccc;border-bottom:none}
.vlak {width:84%;max-width:1200px;height:150px;margin:0 auto}
.blog {margin-top:50px}
.vlak .dag {width:400px;margin-left:200px;float:left}
.vlak .dag h1 {position:relative}
#popbasis {position:fixed;z-index:40;width:100%;height:100%;left:0;top:0;background:#eee;opacity:0.7;display:none}
.popcont {position:fixed;z-index:50;top:50%;left:0px;width:100%;height:580px;margin-top:-266px;display:none}
.popup {position:absolute;z-index:50;width:680px;height:532px;left:50%;top:0px;margin-left:-340px;-webkit-box-shadow:0px 0px 60px #666;-moz-box-shadow:0px 0px 60px #666;box-shadow:0px 0px 60px #666}
.intro_kader p {font:600 11px/15px 'Open Sans', Arial, Helvetica, sans-serif}
.intro_kader h3 {font:bold 13px/12px Georgia, "Times New Roman", Times, serif;letter-spacing:0;color:#fff;margin:-18px 0 0 16px}
.popkruis {position:absolute;z-index:60;background:url(../images/navkruis-wit.png) no-repeat;background-position:15px 0;cursor:pointer;top:267px;right:-60px;width:55px;height:25px}
.popkruis:hover {background-position:15px -25px}
.popnav {position:absolute;width:52px;height:54px;left:-24px;top:-44px;overflow:hidden}
.popklein {width:340px;height:240px;float:left;margin:0;border-top:26px #71DD7C solid}
.popklein:hover, #popbeeld:hover, .popbreed:hover {border-top:26px #ccc solid}
.popklein p {padding:6px 20px 10px 204px;color:#111}
#popportr {background:url(../teksten/index-portret3.jpg) no-repeat}
#popportr p {padding:6px 50px 10px 16px;font-weight:600;font-size:13px;color:#fff}
#popfam {background:url(../teksten/index-familie.jpg) no-repeat}
#popkist {background:url(../teksten/index-kistje.jpg) no-repeat}
#popappel {background:url(../teksten/index-appel2.jpg) no-repeat}
#popappel p {padding:6px 50px 10px 16px;font-size:12px;color:#555}
#popbeeld {background:url(../teksten/index_arena.jpg) no-repeat;height:506px;border-top:26px #89a2e5 solid}
#popbeeld img {position:absolute}
#popbeeld p {padding:6px 340px 10px 16px;font-size:13px;line-height:20px;font-weight:400;color:darkblue}
.popbreed {width:680px;height:240px;float:left;margin:0;border-top:26px #fa8b66 solid}
#popcursv {background:url(../teksten/index-cursusv.jpg) no-repeat}
#popcursk {background:url(../teksten/index-cursusk.jpg) no-repeat}
.popbreed p {font:400 19px/24px 'Open Sans', Arial, Helvetica, sans-serif;text-align:center;color:#fff;padding:0px 80px 10px;margin-top:40px}*/
/*portretten*/
#kopportret {background:url(../teksten/portret-header-dk2.jpg) no-repeat 0 -20px}
#foto-portret {width:320px}
#kopportret>h2 {color:#999}
#kopportret>h1+h2 {color:#fff}
#contportret .margetekst {margin-top:280px}
/*famportretten*/
#kopopdracht {background:url(../teksten/opdracht-header.jpg) no-repeat }
#foto-opdracht {width:572px}
#contopdracht .koltekst img {width:100%;margin:-28px 0 -10px}
#contopdracht .margetekst {margin:-50px 0 0 -77%}
#contopdracht .margetekst img {width:115%;margin-left:-30px}
#contopdracht .margetekst p {margin:6px 0 24px}
/*huwkist*/
#kophuwkist {background:url(../teksten/huwkist-header2.jpg) no-repeat}
#conthuwkist {margin-bottom:-90px}
#conthuwkist>.basisopmaak>img {float:right;margin:-10px -30px -60px}
#conthuwkist article.koltekst {padding-bottom:60px}
#conthuwkist .margeli {margin:0 0 0 -77%}
#conthuwkist .margeli p {margin:3px 0}
#foto-huwkist {width:360px}
/*oogappeltjes*/
#kopoogappel {background:url(../teksten/oogappel-header.jpg) no-repeat}
#foto-oogappel {width:360px}
#kolli-oogappel {top:274px}
#kolre-oogappel {top:586px}
#koltekst-oogap {margin:260px auto 30px}
.margefoto-oogappel {float:left;margin:0 3px 3px 0}
.margefotore-oogappel {float:right;margin:0 0 3px 3px}
ul.appels {list-style:none;margin:auto;padding:30px 0 0 68px;width:75%;clear:both}
.appelsverberg {display:none}
.appelstoon {display:none}
ul.appels li {position:relative;margin:0;padding:0 34px 55px;float:left;cursor:pointer;width:100px;height:80px}
ul.appels li img {position:absolute;width:100px;height:75px;left:0;top:0;-ms-interpolation-mode:bicubic}
.aptekst, .verkocht {position:absolute;top:80px;margin:auto;font-family:Georgia, "Times New Roman", Times, serif; text-align:center}
.aptekst {padding-left:8px;font-size:12px;color:#999}
.verkocht {left:41px;padding:1px;height:18px;color:#fff;background:url(../images/rode-cirkel.png) center top no-repeat}
#centreerpijl {position:absolute;z-index:200;bottom:350px;width:100%}
#oogap-meer p {font:400 10px 'Open Sans', Arial, Helvetica, sans-serif;color:#666;text-align:center;cursor:pointer;width:30px;padding:3px 8px;margin:auto;background-color:#71dd7c}
#oogap-meer p:hover {color:#fff;background-color:#ccc;border-bottom:none}
#beeldlaag {position:fixed;z-index:500;width:100%;height:100%;top:0;left:0;background:#E2DFD9;opacity:.90; display:none}
#oogappelcont {position:fixed;z-index:600;width:520px;height:390px;top:50%;left:50%;margin-top:-235px;margin-left:-260px;float:left;display:none}
#fotoappelgroot {position:absolute;width:520px;height:390px;top:0;left:0;margin:0;cursor:pointer; -webkit-box-shadow:0px 0px 30px #666;-moz-box-shadow:0px 0px 30px #666;box-shadow:0px 0px 30px #666}
#fotoappelgroot img {position:absolute;top:0;left:0;margin:0;background-color:#fff}
#tekstappelgroot {position:absolute;bottom:-40px;left:250px}
#tekstappelgroot p {font-size:32px;text-align:center;color:#888}
.dozen {position:absolute;width:290px;height:320px;top:-80px;left:-210px;display:none}
#doos1 {display:block}
#doos11 {background-color:transparent}
#pijl-li, #pijl-li a, #pijl-re, #pijl-re a {position:absolute;top:280px;width:55px;height:25px;background-position:0 0}
#pijl-li, #pijl-li a {background:url(../images/navpijl-li-foto.png) no-repeat;left:-54px}
#pijl-re, #pijl-re a {background:url(../images/navpijl-re-foto.png) no-repeat;right:-85px}
#kruis-re, #kruis-re a {background:url(../images/navkruis-wit.png) no-repeat;background-position:0 0;position:absolute;z-index:50;top:240px;right:-85px;width:55px;height:25px}
#pijl-li:hover, #pijl-re:hover, #kruis-re:hover {background-position:0 -25px}
#doosnav {position:absolute;height:52px;width:524px;left:0;bottom:-116px}
ul#doosnavigatie {height:52px;width:524px;padding:0;margin:0}
ul#doosnavigatie li, ul#doosnavigatie li a {float:left;list-style:none;margin:0 1px 1px 0;padding:0;cursor:pointer}
ul#doosnavigatie li p {font-size:11px;font-weight:600;text-align:center;color:#666;margin-top:6px}
ul#doosnavigatie li:hover p {color:#fff}
#doosnavkruis, #doosnavkruis a {position:absolute;z-index:1;cursor:pointer;height:25px;width:25px;left:-40px;top:16px;
background:url(../images/navkruis-wit.png) no-repeat;background-position:0 0}
#doosnavkruis:hover {background-position:0 -25px}
/*beelden*/
#kopbeelden {background:url(../teksten/beelden-header2.jpg) no-repeat}
#kopbeelden h2 {color:#000}
#kopbeelden h1 {color:#666}
#kolli-beelden {bottom:100px}
/*cursus*/
#kopcursvolw {background:url(../teksten/volw-header.jpg) no-repeat;position:relative;z-index:2}
#kopcursvolw h2, #kopcurskind h2 {color:#fff}
#kopcursvolw h1, #kopcurskind h1 {color:#F45058}
#kopcurskind {background:url(../teksten/kind-header.jpg) no-repeat;position:relative;z-index:2}
#contcurs_k,#contcurs_v {margin-bottom:-70px}
.kolopmaak {position:relative;width:70%;margin:0 auto;clear:both}
.kolopmaak_vert {width:100%;margin:0;padding-bottom:216px;overflow:hidden}
.kolopmaak_vert>img {position:absolute;left:33%;left:calc(33% + 4px);bottom:0}
.curskol {position:relative;width:30%;width:calc(33% - 8px);float:left;background:url(../images/75fcccb6.png) repeat}
.curskol h1, .cursmarge h1 {font-size:13px;line-height:18px;font-weight:600;color:#db293e;margin:15px 10px 0 10px}
.curskol p {font-size:11px;line-height:18px;color:#666;padding:0;margin:0 4px 18px}
.koleen,.koltwee {margin-right:12px}
#contcurs_v .koleen {background:#fb3d4a}
#contcurs_v .koleen h1 {color:#fff}
#contcurs_v .koleen p {color:#000}
.koltwee img {width:120%;margin-left:-12px}
.koldrie {background:url(../images/85wit.png) repeat}
.koldrie p {font:400 11px/18px 'Open Sans', Arial, Helvetica, sans-serif;color:#000}
.cursmarge {position:absolute;width:32%}
.cursmarge h1 {color:#000}
.cursmarge p {font:600 12px/18px 'Open Sans', Arial, Helvetica, sans-serif;color:#db293e}
#contcurs_v #tekstcursli {left:-32%;top:140px}
#contcurs_k #tekstcursli {left:-32%;top:160px}
#tekstcursli h1 {text-align:right;margin:0 22px 0 0}
#tekstcursli p {text-align:right;margin:0 12px 0 0}
#contcurs_v #tekstcursre {right:-31%;top:160px}
#contcurs_k #tekstcursre {right:-31%;top:125px}
#tekstcursre h1 {margin:15px 10px 0 18px}
#tekstcursre p {margin:0 0 0 12px}
#foto-cursus {top:13px;width:43%;max-width:570px;min-width:300px}
.foto p {font-size:33px;line-height:30px;font-style:italic;color:#878787;text-align:center;margin:50px 0 70px}
.foto p span {color:#fff;margin:0 5px 0 -2px}
/*contact*/
#kopcontact {background:url(../teksten/contact-header.jpg) no-repeat}
#kopcontact h2 {color:#333}
#contcontact .basisopmaak {overflow:hidden}
#tekstcontact p {font-family:'Open Sans', Arial, Helvetica, sans-serif}
#contcontact .margeli {margin:-9px 0 0 -77%}
#contcontact .margere {margin:-9px 0 0 2.5%}
#contcontact .margetekst p {color:#f45058;margin:12px 0;width:88%}
p#pklein {font-size:10px;line-height:14px}
#formcontainer {width:400px;margin:40px auto}
#formsize {position:relative;left:0px;top:0px;height:370px;width:400px;padding:10px;margin-left:-30px;border:none;color:#fff;display:block}
#contactForm p {font-size:11px;line-height:16px;padding:0;margin:0}
#contactForm p.form-notes {font:400 13px/18px 'Open Sans', Arial, Helvetica, sans-serif;color:#555;margin:0 0 20px 60px}
#contactForm label.url, #contactForm input#url {display:none;visibility:hidden;height:0px;width:0px}
#contactForm label {float:left;width:60px;font-size:14px}
#contactForm input {font:12px/13px Arial, Helvetica, sans-serif;color:#000;width:300px;height:22px;background:#fff;border:none;padding:3px;margin:-4px 0 24px 0}
#contactForm textarea {font:12px/13px Arial, Helvetica, sans-serif;color:#000;width:300px;height:114px;resize:none;background:#fff;border:none;padding:8px 3px 3px;margin:-4px 0 0}
#contactForm input:focus, #contactForm textarea:focus {background-color:#fff6e5}
#contactForm span { position:relative;font:9px/10px Georgia, "Times New Roman", Times, serif;color:#FF0000;width:300px;left:60px;top:-9px;padding:0;margin:-10px 0 0;display:none}
#contactForm span.som-missing {color:#555;display:block}
#contactForm #submit {font:12px Georgia, "Times New Roman", Times, serif;color:#fff;height:28px;width:74px;margin:0 0 0 60px;background:#f45058;cursor:pointer}
#contactForm #submit:hover {background:#999}
#response { position:absolute;z-index:100;top:-5px;left:0px;height:430px;width:440px;background:#ccc url(../images/contactvogels_def.jpg) no-repeat 46px 0;opacity:0.9;display:none}
#response img#bar {margin:225px 200px}
#response p {font:600 18px/22px 'Open Sans', Arial, Helvetica, sans-serif;text-align:center;color:#fff;text-shadow:2px 0px #444;margin:225px auto 10px}
/*atelier*/
@media screen (max-width: 900px) {
body#inatelier #tekstbasis {top:260px;background:url(../teksten/atelier-vloer900.jpg) repeat-y 0 0;background-size:100%}
#atelier {background:url(../teksten/atelier-header900.jpg) no-repeat center 0;height:180px;} }
@media screen and (min-width: 901px) and (max-width: 1300px) {
body#inatelier #tekstbasis {top:260px;background:url(../teksten/atelier-vloer1300.jpg) repeat-y 0 0;background-size:100%}
#atelier {background:url(../teksten/atelier-header1300.jpg) no-repeat center 0;height:180px;} }
@media screen and (min-width: 1301px) and (max-width: 1800px) {
body#inatelier #tekstbasis {top:260px;background:url(../teksten/atelier-vloer1800.jpg) repeat-y 0 0;background-size:100%}
#atelier {background:url(../teksten/atelier-header.jpg) no-repeat center 0;height:180px;} }
@media screen and (min-width: 1801px) {
body#inatelier #tekstbasis {top:260px;background:url(../teksten/atelier-vloer2400.jpg) repeat-y 0 0;background-size:100%}
#atelier {background:url(../teksten/atelier-header.jpg) no-repeat center 0;height:180px;} }
#atelier h2 {color:#444}
#nieuws {position:relative;background:none;padding:30px 0 60px;margin-bottom:-20px;overflow:hidden}
#nieuws footer {position:absolute}
#nieuws>.koltekst {min-width:330px}
#nieuws>.verlonder {background:url(../teksten/verloop-onder.png) repeat-x}
.maand {margin-top:84px;clear:both;border-top:1px solid #e50439}
.maand>h1 {font:12px Georgia, "Times New Roman", Times, serif;color:#000;word-spacing:0;letter-spacing:0;padding-top:6px;margin:0;cursor:pointer;}
.maand:hover {border-top:1px solid #fff}
.maand>h1:hover {color:#fff}
.maand>img {display:block;width:50px;padding:0 15px 0 0;margin:10px 0 20px;float:left}
.maand>img.maandli {width:67px}
.maand>.slide {clear:both;margin:-20px 0 100px}
.dag {margin-top:50px;background:url(../images/25wit.png) repeat 0 0;border-top:1px solid #fff;overflow:hidden;padding:0 0 30px 2px}
.dag h1 {font:12px Georgia, "Times New Roman", Times, serif;color:#e50439;margin:0;padding:10px 0 10px 50px;word-spacing:0;letter-spacing:0;background-image:url(../teksten/vliegjes-ge+sch.png);background-repeat:no-repeat;left:-48px;position:absolute}
.dag h1 + img:first-of-type {margin-top:40px}
.dag h1 + img:first-of-type + img.rechts {margin-top:40px}
.dag h1 + p:first-of-type {margin-top:32px}
.dag:nth-child(5n+1) h1 {background-position:0 0}
.dag:nth-child(5n+2) h1 {background-position:0 -50px}
.dag:nth-child(5n+3) h1 {background-position:0 -100px}
.dag:nth-child(5n+4) h1 {background-position:0 -150px}
.dag:nth-child(5n+5) h1 {background-position:0 -200px}
.dag p {font-size:11px;line-height:17px;color:#333;width:330px;margin:0;padding-bottom:5px;clear:both}
.dag img {margin:0 50px 5px;display:block}
.dag img.naastelkaar {float:left;width:36%;margin:0 0 5px 50px}
.dag img.rechts {margin:0 0 5px 5px}