/* GENERAL STYLES */
/* algemeen */
body{background-repeat:no-repeat;font-family:Verdana,Tahoma;font-size:0.75em;margin:0;padding:0}
img{border:0}
h2{font-size:1em;margin:0;padding:0;}
a{-moz-outline:none}
.wll{text-decoration:none}

/* 3 onderdelen */
.nac{background-image:url(/grafiek/back_nac.png);color:#DDE797;}
.pav{background-image:url(/grafiek/back_pav.png);color:#2B4E57;}
.hol{background-image:url(/grafiek/back_hol.png);color:#B2ADC2;}
.wot{background-image:url(/grafiek/back_wot.png);color:#402146;}
#zoek{background-image:url(/grafiek/back_zoek.png) !important;}

/* Zoekvak */
#zoeken{position:absolute;width:375px;top:84px;left:35px;z-index:10}
#zoeken input,#zoeken a{display:block;padding:0;float:left;height:14px;border:1px solid black;font-size:8pt;line-height:14px}
#zoeken #zoekvak{width:170px;border-right:0;padding:0;padding-left:1px;}
::root #zoeken #zoekvak{font-size:6pt;}
#zoeken #woordenlijst{width:0px;background-image:url(/grafiek/woordenlijst.gif);margin-left:20px;padding-left:87px;overflow:hidden}
#zoeken #glossary{width:0px;background-image:url(/grafiek/glossary.gif);margin-left:20px;padding-left:87px;overflow:hidden}
#zoekknop{width:43px;height:14px}

/* Tekst */
#tekst, .citaten{z-index:100; position:absolute; height:400px; overflow:visible; width:333px !important;top:100px !important;left:0 !important;padding:35px !important;font-size:1em !important;line-height:1.5em !important}
#tekst a,.citaten a{color:white}
#tekst a:visited{color:#e1edef}
#tekst p{margin-top:0}
#vorig{text-align:right;}
.nac #tekst{background:#5E7269}
.nac #tekst .wll{color:#DDE797 !important;border-bottom:1px dotted #DDE797;}
.pav #tekst{background:#A2C1C5}
.pav .wll{color:#2B4E57 !important;border-bottom:1px dotted #2B4E57;}
.hol #tekst{background:#402146}
.hol .wll{color:#B2ADC2 !important;border-bottom:1px dotted #B2ADC2;}
.wot #tekst{top:225px !important}
#zoek #tekst{top:85px !important}
#zoek p{margin-top:0;margin-bottom:5px;color:#402146 !important}


label span{float:left;display:block;width:75px;}
form label input {width:200px;margin-bottom:2px;}
#tekst2 form label input {width:150px}
form textarea{width:275px;margin-bottom:2px;}
form .as{width:auto !important}
form div{margin-bottom:3px;}
input,textarea{border:0}


/* beeld en vergroting */
#beeld {position:absolute; left:403px; top:100px; height:400px; overflow:hidden; width:100%; margin-left:-403px; white-space:nowrap;}
#beeld img, #beeld embed, #beeld object, .hol #thumbs{margin-left:403px}
#beeld span img{margin-left:0}
.pav .vergroting{background-color:#ffd602 !important}
.vergroting img, .vergroting a{display:none;}
#mark{position:absolute;border:5px solid white;padding:3px;visibility:hidden;left:0;top:0}
#groot{position:absolute;left:403px;top:100px;height:400px;width:600px;background-position:left center;background-repeat:no-repeat;display:none;z-index:9}
.pav #groot{background-color:#447180;}
.hol #groot{background-color:gray;}
.hol #thumbs {padding-left:15px;padding-top:25px;width:584px;overflow:hidden}
.hol #thumbs img{margin:0}
.hol #thumbs a{float:left;margin:6px;margin-right:16px;width:auto !important}
.hol #thumbs a:hover{margin:0;margin-right:10px;border:6px solid white}

#tekst2 #thumbs{padding:0;padding-top:25px;overflow:hidden;}
#tekst2 #thumbs div{width:2000px;}
#tekst2 #thumbs a{float:left;margin-left:20px;width:auto !important;margin-bottom:20px;height:140px;overflow:hidden}
#tekst2 #thumbs img{margin:0;border:6px solid #B3C063}
#tekst2 #thumbs a:hover img{border:6px solid white}
#tekst2 #thumbs{width:expression(document.body.clientWidth - 403 + 'px')}


/* knopjes beeld */
.pav .rondeknop{background-image:url(/grafiek/knopjes_pav.png);}
.pav .rondeknop:hover{background-image:url(/grafiek/knopjes_pav2.png)}
.nac .rondeknop{background-image:url(/grafiek/knopjes_nac.png);}
.nac .rondeknop:hover{background-image:url(/grafiek/knopjes_nac2.png)}
.hol .rondeknop{background-image:url(/grafiek/knopjes_hol.png);}
.hol .rondeknop:hover{background-image:url(/grafiek/knopjes_hol2.png)}
.rondeknop{position:absolute;right:10px;background-repeat:no-repeat;width:25px;height:25px;}
#sluitknop{top:10px;z-index:500}
#linksknop{right:45px;background-position:-105px 0px}
#rechtsknop{background-position:-140px 0px}
#volgendeknop{left:45px;bottom:10px;background-position:-70px 0px}
#vorigeknop{bottom:10px;left:10px;background-position:-35px 0px}
#scrollnavi{position:absolute;right:0px;top:465px;}

/* tekst2 (rechts) */
#tekst2, #tekst3{z-index:100; position:absolute; height:360px; overflow:auto; width:260px; top:100px; left:703px;padding:20px;line-height:1.5em; color:white; font-weight:normal}
#tekst2 a{color:#5E7269}
.wot #tekst2 a, #tekst3 a{color:white}
#tekst2 .wll{color:white !important;border-bottom:1px dotted white;}
.nac #tekst2{background:#B3C063}
.hol #tekst2{background:#9282AC}
.wot #tekst2{left:403px;width:560px;overflow:visible;background:#9282AC;height:auto}
.wot li{margin-bottom:10px;}
.wot #tekst3{overflow:visible;background-color:none !important;}
#zoek #tekst2{width:260px !important;}

/* gastenboek, bestelformulier */
#p1266 #tekst2, #p1544 #tekst2,  #p1557 #tekst2, #p1230 #tekst2, #p2737 #tekst2, #p1592 #tekst2, #p1254 #tekst2 {left:0;margin-left:403px;padding-right:40px;min-width:540px;width:auto;overflow:visible;height:auto}
#p1544 #tekst2{width:auto !important;}
#p1557{background-color:#5E7269}

/* bijschrift */
#bijschrift{position:absolute;left:423px;top:515px;width:55%;line-height:1.5em;font-size:0.95em;height:20px;overflow:visible;background-position:top left;background-repeat:no-repeat;}
#bijschrift ol{padding:0;margin:0}
#bijschrift li{display:none;padding:0;margin:0;list-style:none}
.nac #bijschrift, .nac small, .nac #bijschrift .wll, .nac #bijschrift a, .nac h1, .afzender{color:#5E7269}
.gastenboeklijn {width: 100%;border-width:0;background-color:#B2ADC2;margin: 30px 0 30px 0;padding-left: -10px;height: 2px;}
.hol #bijschrift, .hol #bijschrift .wll, .hol h1{color:#402146 !important}
.pav .panorama{background-image:url(/grafiek/klikpanorama_pav.png);}
.nac .panorama{background-image:url(/grafiek/klikpanorama_nac.png);}
.pav .driehoek{background-image:url(/grafiek/klikdriehoek_pav.png);}
.pav .fotos{background-image:url(/grafiek/klikfotos_pav.png);}
.hol .fotos{background-image:url(/grafiek/klikfotos_hol.png);}
.pav .en-panorama{background-image:url(/grafiek/clickpanorama_pav.png);}
.nac .en-panorama{background-image:url(/grafiek/clickpanorama_nac.png);}
.pav .en-driehoek{background-image:url(/grafiek/clicktriangle_pav.png);}
.pav .en-fotos{background-image:url(/grafiek/clickphotos_pav.png);}
.hol .en-fotos{background-image:url(/grafiek/clickphotos_hol.png);}

/* menu's */
#uitklap1, #uitklap2{display:none;position:absolute;top:65px;z-index:999}
#uitklap1{left:209px;background-color:white;}
#uitklap2{left:440px;}
.pav #uitklap2{background-color:#447180;}
.nac #uitklap2{background-color:#5E7269;}
.hol #uitklap2{background-color:#402146;}
#titelpad, #navi{position:absolute;top:13px;left:0;z-index:2}
#navi{top:15px;font-variant:small-caps;text-transform:lowercase;font-size:11px;padding-left:35px;font-weight:bold;text-align:right;width:325px}
#navi a{text-decoration:none;color:white !important}

.nac #navi .homelink a, .nac #navi a:hover, .nac #huidige{color:#DDE797}
.hol #navi .homelink a, .hol #navi a:hover, .hol #huidige{color:#81709E}
.pav #navi .homelink a, .pav #navi a:hover, .pav #huidige{color:#FDE786 !important}

h1, #huidige, .wot #nivo2{position:absolute;top:35px;left:423px;font-variant:small-caps;text-transform:lowercase;font-size:22px;margin:0}
#nivo2{display:none}
#huidige, .wot #nivo2 {display:block;left:0;font-weight:bold;padding-left:35px;text-align:right;text-decoration:none;width:325px}
.wot #nivo2{color:white}

#submenu, #hoofdmenu2, .citaat{position:absolute; top:100px; left:0px; padding:35px; z-index:200;height:auto;padding-bottom:0}
#submenu{width:325px}
.wot #submenu{width:175px}
#submenu a{color:white;font-variant:small-caps;font-size:15px;text-decoration:none;}
#uitklaps{display:none}

#hoofdmenu{position:absolute; top:110px; left:0px; padding:35px; z-index:250;width:300px;}
#hoofdmenu br{display:none}
#hoofdmenu a{color:white;font-size:16px;font-weight:bold;font-variant:small-caps;display:block;width:550px;text-decoration:none;line-height:24px/* was eerst 27 */;margin:4px;background:url(x);}
#hoofdmenu a:hover{color:white}

#uitklap0{position:absolute;left:260px;top:150px;background:#ffd602;width:260px;display:none;z-index:999;padding:5px;}
#uitklap0 a{color:#5E7269;text-decoration:none;text-transform:uppercase}
.nac #uitklap0{left:200px;background:#DDE797;}
.home #uitklap0{left:135px;background:#DDE797;}
.hol #uitklap0{left:200px;background:#C3BEBF;}

#ww_tabel{width:100%}
.ww_aantal{height:22px}
.ww_aantal input{width:15px;border-bottom:3px solid white;float:left}
.ww_aantal a{border-left:1px solid white;text-decoration:none;display:block;width:0px;height:10px;float:left;background-color:#5E7269;background-image:url(/grafiek/plusmin.png);overflow:hidden;padding-left:10px}
.ww_min{background-position:0px 10px;position:relative;left:-11px;top:11px;}
.ww_totaal{border-top:3px double white;padding-top:10px}

.nobr{white-space:nowrap}

.home {background-color:#a9b652;background-image:url(../grafiek/homeback.png)}
.home h1, .home #uitklaps{display:none}

#nac{width:584px;height:313px;top:0;left:0px;}
#pav{width:408px;height:337px;top:0;left:594px}
#hol{width:408px;height:253px;top:347px;left:594px;}

.kn em, .kn strong, .kn br{display:none}
.kn a {position:absolute;display:block;background:url(x)}
.kn a img, .kn object, .kn embed{border:0;margin-top:71px;}
#nac img{margin-left:150px}

.home #hoofdmenu{padding:0;padding-left:30px;position:absolute;top:92px;left:0;overflow:hidden;width:120px;}
.home #hoofdmenu a{color:white;font-size:11px;text-decoration:none;line-height:13px;/* was eerst 15 */}
.home #hoofdmenu a:hover{color:#DDE797;}
.home #hoofdmenu2{top:88px; left:0px; padding:0;padding-left:30px;height:auto;padding-bottom:0;width:150px;}

#homeknopjes {position:absolute;top:300px;left:30px;z-index:500}
#hk1, #hk2, #hk3{display:block;width:63px;height:18px;text-indent:-300px;background-image:url(../grafiek/homeknopjes.png);background-repeat:no-repeat;}
#hk1:hover, #hk2:hover, #hk3:hover{background-image:url(../grafiek/homeknopjes2.png)}
#hk1{background-position:0px 4px} #hk2{background-position:0px -15px} #hk3{background-position:0px -34px}

#homeknopjes{width:100px; color:#DDE797; font-size:0.85em; line-height:1.5em;}
#homeknopjes p{margin-top:40px}
#homeknopjes  a{color:white;font-weight:bold}

#actueel{position:absolute;display:block;top:310px;left:150px;padding:20px;line-height:1.5em;color:#4D6057;font-size:0.9em}
#actueel p{float:left;width:120px;margin-right:20px;}
#actueel a{color:white;font-weight:bold; text-decoration:none;text-transform:uppercase}
#actueel img{margin:5px 0 2px 0}
#actueel a:hover{text-decoration:underline}

#boekenoverzicht {margin-top: 40px;}
#boekenoverzicht li {display:inline-block;margin-bottom:20px;width:250px;margin-right: 60px;height:150px;overflow:hidden;}
#boekenoverzicht li img {float: left;clear:both;margin-right: 20px;}
#sorteer {margin-left: 40px;}

.taalswitchnl {background: url(/grafiek/nl.gif);width: 16px;text-indent:20px;display:block;overflow:hidden;margin-left: 35px;}
.taalswitchen {background: url(/grafiek/en.gif);width: 16px;text-indent:20px;display:block;overflow:hidden;margin-left: 35px;}

#YouTube {
	margin-left: 403px;height: 400px;width: 600px;border:0px;
}

@media print{
	embed, object{display:none !important}
	h1{display:block !important}
}

/* Google Maps */

  #map_canvas {
  width: 600px;
  height: 400px;
  margin-left: 403px;}
  .mapBalloon {
  color: #402146;
  white-space: normal;
  }
  .labels {
     color: #402146;
     font-size: 10px;
     font-weight: bold;
     text-align: left;
     white-space: nowrap;
     text-shadow: 0px 0px 3px #fff;
   }
   .labelsstad {
     color: #fff;
     font-size: 10px;
     font-weight: bold;
     text-align: left;
     white-space: nowrap;
     text-shadow: 0px 0px 2px #000;
   }


/* EDITOR PROPERTIES */