/* CSS Document */
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, dl, dd, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, ol, ul, li, menu, fieldset, form, label, legend, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td { border : 0; margin : 0; outline : 0; padding : 0; }
/* globals & accessibility */
* { font-family : Arial, Verdana, Helvetica, sans-serif; font-size : 1em; }
p { margin:10px 0; }
h1, h2, legend { display:none; }
body { margin:0; background:#222 url(../cssImages/bodyBack2.gif) no-repeat top center; }
/*a:focus { outline:1px solid #eee; }*/
input:focus, textarea:focus { outline:3px solid #F00; }
/* layout */
div#allWrapper { margin:0 auto; width:1000px; min-height:400px; position:relative; }
div#containerLeft { float:left; width:150px; margin:50px 0 0; position:relative; }
div#containerRight { float:right; width:800px; margin:50px 0 0; position:relative; }
div#topNav { position:absolute; top:0; right:0; text-align:right; width:800px; }
div#topNav ul, #box1info ul.info { list-style:none; margin:0; }
div#topNav ul li, #box1info ul.info li { display:inline; }
div#topNav ul li a, #box1info ul.info li a { color:#bbb; font-weight:bold; font-size:0.7em; text-decoration:none; text-transform:uppercase; margin:0 0 0 20px; }
div#topNav ul li a:hover, div#topNav ul li a:focus, #box1info ul.info a:hover, #box1info ul.info li a:focus { text-decoration:underline; }
div#topNav ul li a span { font-size:1.3em; position:relative; top:1px; }
div#fotoShow { display:none; width:auto; height:auto; padding:10px; background:#333; position:absolute; left:-70px; top:550px; z-index:1000; }
div#fotoShow.smaller { width:300px; height:300px; padding:10px; background:#333; position:absolute; left:80px; top:450px; z-index:1000; }
div#fotoShow.smaller.smaller960 { left:30px; }
div#fotoShow.smaller img { width:300px; }
div#logo { float:left; width:150px; height:203px; background:url(../cssImages/logo2010.gif) no-repeat top left; }
div#logo a { display:block; width:150px; height:203px; }
div#jeukdoos { float:left; width:150px; height:250px; margin:50px 0 0; background:#333; }
span.noFlash { display:block; margin:10px; color:#fff; font-size:0.8em; }
span.noFlash a { color:#fff; }
div#community { float:left; width:150px; height:100px; margin:50px 0 0; }
img.next { margin-bottom:2px; }
div#tube { float:left; width:150px; height:143px; margin:50px 0 0; background:#333; }
div.box { float:right; width:800px; height:400px; background:#222; overflow:hidden; margin:50px 0 0; position:relative; }
#box1info { height:auto; overflow:visible; padding:10px; color:#FFF; font-size:0.8em; }
#box1info h2, #box1info h3 { display:block; }
#box1info h3 { float:left; clear:both; }
#box1info a { color:#FFF; }
#box1info ul { margin-left:15px; }
#box1info ul.info { float:right; background:#000; }
#box1info form { display:block; margin:10px; }
#box1info input { border:1px solid #F00; width:250px; position:absolute; left:200px; }
#box1info label { display:block; position:relative; margin:0; }
#box1info #verzend, #box1info #verzend2 { display:block; margin:5px; }
#box1info .thumbsContainer { float:left; }
div.slider, div.sliderInner { width:550px; height:400px; }
div.slider { position:absolute; }
div.slide1 { left:-500px; z-index:60; }
div.slide2 { left:-450px; z-index:50; }
div.slide3 { left:-400px; z-index:40; }
div.slide4 { left:-350px; z-index:30; }
div.slide5 { left:-300px; z-index:20; }
div.slide6 { left:250px; z-index:0; }
div#box1 div.slide1 div.sliderLink a { background:url(../cssImages/twangerd.gif) no-repeat; }
div#box1 div.slide2 div.sliderLink a { background:url(../cssImages/skreeuwerd.gif) no-repeat; }
div#box1 div.slide3 div.sliderLink a { background:url(../cssImages/beukerd.gif) no-repeat; }
div#box1 div.slide4 div.sliderLink a { background:url(../cssImages/blerderd.gif) no-repeat; }
div#box1 div.slide5 div.sliderLink a { background:url(../cssImages/boemerd.gif) no-repeat; }
div#box1 div.slide6 div.sliderLink a { background:url(../cssImages/sowhat.gif) no-repeat; }
div#box2 div.slide1 div.sliderLink a { background:url(../cssImages/agenda.gif) no-repeat; }
div#box2 div.slide2 div.sliderLink a { background:url(../cssImages/muziek.gif) no-repeat; }
div#box2 div.slide3 div.sliderLink a { background:url(../cssImages/boekingen.gif) no-repeat; }
div#box2 div.slide4 div.sliderLink a { background:url(../cssImages/gasten.gif) no-repeat; }
div#box2 div.slide5 div.sliderLink a { background:url(../cssImages/fotoos.gif) no-repeat; }
div#box2 div.slide6 div.sliderLink a { background:url(../cssImages/verhaal.gif) no-repeat; }
div.sliderInner { position:relative; }
div.sliderLink { position:absolute; top:0; right:0; width:50px; height:400px; background:#333; }
div.sliderLink a { display:block; width:50px; height:400px; }
div.sliderLink a span { display:none; }
div.sliderLink.closed { background:#333 url(../cssImages/openArrow.gif) left bottom; }
div.sliderLink.open { background:#333 url(../cssImages/closeArrow.gif) left bottom; }
div.sliderLink.active { background:#333 url(../cssImages/noArrow.gif) left bottom; }
div.sliderContent { position:relative; top:0; left:0; width:480px; height:380px; background:#222; overflow:hidden; padding:10px; color:#fff; font-size:0.8em; }
/*#box2 div.sliderContent { overflow-y:hidden; overflow-x:hidden; } naar de js ivm validatie */
div.sliderContent.flowOver { overflow:auto!important; }
/*#box2 .slide6 div.sliderContent { background:none; }*/
div.sliderContent a { color:#fff; }
/*div.sliderContent h3 { float:left; clear:both; display:block; }*/
div.sliderContent ul li { margin-left:15px; }
div.sliderContent img { outline:5px solid #333; }
#box1 div.sliderContent img { position:absolute; top:10px; left:10px; }
#box2 div.sliderContent img { float:left; clear:both; }
div.sliderContent div.erdInfo { position:absolute; background:url(../cssImages/backgrad.png) no-repeat top left; width:480px; height:50px; left:10px; top:340px; color:#ccc; }
div.erdInfo a { color:#ccc; }
div.sliderContent div.moreErdInfo { display:none; width:480px; height:380px; padding:10px; background:#000; position:absolute; left:0px; top:0px; /*overflow-y:auto;*/ }
div.moreErdInfo p { margin-top:0; }
span.erd, span.letsHaveIt { float:left; clear:both; margin:5px 0 0 10px; }
.erd { float:left; clear:both; margin:5px 0 0 10px; }
div.erdLinks { width:480px; height:380px; position:absolute; top:10px; left:10px; z-index:700; }
div.erdLinks a { display:block; width:96px; height:380px; float:left; }
div.erdLinks a span { display:none; }
#box2 label { float:left; margin:4px 5px; clear:both; position:relative; }
#box2 label input { position:absolute; left:150px; width:200px; height:14px; }
#box2 input#verzend, input#verzend2 { position:relative; top:10px; left:150px; width:210px; height:22px; }
#box2 input, textarea, input#captxt { background:#ccc; color:#000; border:1px solid #fff; padding:2px; }
#box2 textarea { width:450px; }
p.formHeader { margin-left:5px; }
#box2 form#mailForm { position:relative; }
#box2 form#gastenForm { padding-bottom:25px; border-bottom:1px dotted #fff; position:relative; }
div#nrsbox { position:absolute; bottom:-13px; left:0; width:139px; height:27px; background:url(../cssImages/nrs.gif) no-repeat -10px 0; }
div#txtbox { position:absolute; bottom:11px; left:0; width:139px; height:28px; background:url(../cssImages/txt.gif) no-repeat 0 2px; }
div#txtbox2 { position:relative; width:139px; height:28px; background:url(../cssImages/txt.gif) no-repeat 0 10px; }
input#captxt { position:relative; left:80px; top:3px; width:50px; }
input#capnrs { position:relative; left:66px; top:2px; width:65px; }
label.cap { display:none; }
div.thumbsContainer { float:left; width:470px; margin:15px 0; }
div.thumbHolder { float:left; margin:5px; }
div.vidPlayer { width:480px; display:none; background:none; }
div.vidPlayer object { display:block; width:470px; z-index:1000;}
div.openVid { margin:5px 0 0 5px; }
div.openVid a { display:block; width:100px; height:15px; border:1px solid #ccc; text-decoration:none; text-align:center; padding:5px; color:#000; background:#ddd; }
div.yt { display:block; float:left; width:480px; margin:15px 0; }
div.oproep { width:95%; padding:10px; border:1px double #eee; margin:0 0 10px 0; line-height:1.5em; font-weight:bold; }
span.komt { font-weight:bold; color:#F00; }
span.geweest { font-weight:bold; color:#00F; }
p.gastenBoek { padding:5px 0; border-bottom:1px dotted #fff; }
div#credits { float:right; width:100%; text-align:right; color:#CCC; font-size:0.7em; margin:50px 50px 0 0; }
div#credits a { color:#fff; }
div#stillMoreInfo { display:none; }
a.highslide:focus img { outline-color:#F00; }
div#artikelWrapper { margin:0 auto; text-align:center; }