/* GENERAL STYLES */
.vb, .extra{display:none !important}
body,html{height:100%}
/* oude tekstkleur #675454; */
body{padding:0;margin:0;color:#594949;font-family:Arial,Lucida Sans Unicode;font-size:0.8em;}
#wrap{min-height:100%;width:100%;position:absolute;background-color:white;min-width:1000px;background-image:url(/grafiek/strook.gif);background-repeat:repeat-y;background-position:right;}
#wrap{width:expression(document.body.clientWidth < 999? '1000px'  : "100%" );height:100%;}
html>body #wrap{height:auto !important}

#kolom .overlink{color:#594949;text-decoration:none}
#kolom .overlink:hover{color:#494370;text-decoration:underline}

a{outline: none;}
a, .blokje a strong{color:#494370;text-decoration:underline;cursor:hand}
#tekst a:visited, #tekst .blokje a:visited strong{color:#675454 !important}
.sellink{text-decoration:none;color: #675454}
h1{font-size:1.6em;letter-spacing:1px;font-weight:normal;line-height:1.5em;margin-bottom:5px;margin-top:5px} h2{font-size:1.2em}
html>body #tekst img{margin-left:0;}
#titel {margin-top:15px;margin-bottom:20px;}
#titel h1{display:inline;padding-right:10px}
iframe{clear:both;width:70%}
html>body iframe{width:89%}
.bodymax, .bodymax #wrap{background-image:none !important}
form{padding:0;margin:0}
.nobr{white-space:nowrap}

h2, #boven a, .home #kolom a{font-weight:bold;font-style:italic;letter-spacing:1px;text-transform:uppercase}
h5{margin:0;font-size:1em}
#tekst h2{clear:both}

#tekst{margin-left:20px;margin-top:235px;padding-right:270px;line-height:1.5em;margin-bottom:2em;}
#tekst h1, #tekst h2, .veldnaam, label span{color: #9A7E4B}
#tekst h2{margin-bottom:0}
#tekst p{margin-top:4px;margin-bottom:8px}
#tekst img{border:0;margin:10px;border:1px solid #f5f2ee;}
#tekst .nob{border:0}

#tekst img[align="right"]{margin-left:20px;margin-right:0}
#tekst img[align="left"]{margin-right:20px;margin-left:0}

#tekst form {width:500px;line-height:2.5em;clear:both;margin-bottom:15px}
#tekst form div{clear:both;}
#tekst form p{line-height:1.4em}

label span{float:left;display:block;width:150px;margin-left:0}
label input, label texarea{width:225px;margin:0;padding:1px}
label textarea{margin-bottom:5px;}
label .breedveld{width:375px;}
label select{width:231px;}
.half{width:96px !important;}
legend{font-weight:bold;margin:0;padding:0;background:white}
fieldset{padding-left:10px;padding-bottom:10px;margin:0;border:1px solid #a6a2bd;}
.wa{width:auto !important}
.subm, #tekst #Form1 .btn{float:right;margin-top:10px;}


.reactie{margin-top:1.5em;margin-bottom:1.5em;padding-left:15px;border-left:1px solid #a6a2bd}
.reactie small{color:#9A7E4B}
.reageer{padding-left:20px;background:url(/grafiek/reageer.gif);background-repeat:no-repeat;background-position:bottom left}

.kranten input, .kranten select {width:auto !important}
.kranten form{width:auto !important}
.kranten #tekst{margin-top:0}
.kranten #tekst img{border:0}
.kranten #kolom{top:0}
.kranten table{width:100% !important}

#krantenframe{margin-top:235px;}
.bodymax #krantenframe{margin-top:0}

table{border-collapse:collapse}
.zoekres{table-layout:fixed;width:100%;max-width:1000px}
.zoekres td,.zoekres th{padding:5px !important;border:1px solid #B6A274; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.zoekres .thsel{background:#e4e2ee;}
.zoekres th {background:#e8e3dc;text-align:center;font-weight:bold}
.zoekres th a{display:block;text-decoration:none}
.zoekres th a:hover{text-decoration:underline}
.kranten .zoekres{table-layout:auto}

.nobr{white-space: nowrap;width:50px}

.home{background-image:url(/grafiek/strook.gif);background-repeat:repeat-y;background-position:left;}
.home #wrap{background:none !important}
.home #tekst{margin-left:270px;margin-top:235px;padding-right:20px;}
.home #kolom{left:0px;width:245px;background:none !important;padding:0 !important}
.home #kolom a{display:block;font-size:1.4em;text-decoration:none;line-height:2em;padding-left:15px;}
.home #kolom a:hover{background:#494370;color:#DBD5A8}
.home #tekst div{width:320px;position:absolute;}
.home #actueel{left:600px;}
.home #actueel a{background:#e4e2ee !important}
.home #intro {position:relative !important;width:600px !important;padding-top:8px;margin-bottom:15px;xheight: 130px;}
.home #intro img {margin-top: 4px;}
.home #socialmenu {xdisplay: none;position: absolute;top:240px;left: 900px;height: 25px;background-image:url(/grafiek/icons_sociaal.png);background-repeat: no-repeat;clear: both;z-index: 999;}
.home #socialmenu a {height:25px; width: 25px;margin-right: 4px;display: block;float: left;text-indent: 200px; overflow:hidden;}

#tekst td{vertical-align:top;padding-right:20px;}

.bodymax #tekst{margin:20px;padding:0}

#kruimels{color: #B6A274;font-size:0.8em;font-weight:bold;font-style:italic;letter-spacing:1px;text-transform:uppercase}

#boven{position:absolute;top:0px;left:0px;width:100%;height:216px;background-color:white;background-image:url(/grafiek/hua.png);background-repeat:no-repeat;background-position:15px 37px;}
#boven a{color:white;text-decoration:none;font-size:8pt}
.bodymax #boven{display:none}

#menu1,#menu2{clear:both;height:30px;line-height:30px;color:white;background:#494370;text-align:center}
#menu2{background:#7E6666;text-align:right}
#menu1 a{padding-right:5%}
#menu2 a{padding-right:3%}

#boven form{margin:0;padding:0;float:left;padding-left:15px;margin-top:4px;}
#boven form input, #boven form select{margin:0;float:left;margin-right:5px;color:#494370}
#boven #q{width:222px;padding-left:2px;}
#knop{height:24px;width:auto;position:relative;top:-1px;font-weight:bold;}
::root #knop{top:1px;}

#logo{display:block;width:0px;height:161px;font-size:0% !important;padding-left:170px;overflow:hidden}
#blokjes{width:639px;height:161px;background-image:url(/grafiek/blokjes.png);position:absolute;right:0px;}

.itje{padding-left:15px;width:15px;background:url(/grafiek/i.gif) no-repeat center center;text-decoration:none;}

#kolom{width:220px;position:absolute;top:235px;right:0px;padding-right:10px;padding-left:15px;background:#DBD5A8 }
#kolom p{margin:0}
#kolom h2{margin-top:0}
.bodymax #kolom{display:none}
#kolom ul, #navigatie ul{margin-top:3px;padding-left:15px;margin-left:15px;list-style:square}
#kolom li{padding-bottom:3px}


.blok{margin-right:20px;margin-bottom:20px;width:auto;display:inline-block;}
#beeld{float:left;width:350px;height:550px;}
hr{width:350px;height:1px;padding:0;margin:0;visibility:hidden;}
#clr {clear:both;width:100px}
#beeldtable{min-width:330px}
.ednrefs, .ftnrefs, .noten{color:#B6A274;font-size:0.85em;margin-top:3em;padding-top:10px;border-top:1px solid #DBD5A8;display:none}

.notenaan .ednrefs, .notenaan .ftnrefs, .noten{display:block !important}
.noten{width:75%}

.toon{display:none}

.ftn, .edn, .noot{position:relative;top:-3px;font-size:0.80em;color:#B6A274;border:1px solid #DBD5A8;text-decoration:none;margin-left:1px;padding-left:2px;padding-right:2px;}

#galerij{width:100%;clear:both;margin-top:20px;}
#galerij a{width:200px;height:200px;background-color:#DDD7CC;background-position:center center;background-repeat:no-repeat;display:block;float:left;margin-right:20px;margin-bottom:20px}
#galerij a span{display:none}

.optsel{background:#E8E1D2;}
.optmeer{color:#7E6666;}

#minmax{float:right;width:10px;height:10px;background-image:url(/grafiek/max.gif);background-repeat:no-repeat;display:block}
.bodymax #minmax{background-image:url(/grafiek/min.gif)}

#tekst .pl, #tekst .pl2, #tekst .pl3{margin:0;padding:0;clear:both;margin-bottom:22px;height:75px;overflow:visible;min-height:75px;}
#tekst .pl3{height:auto;min-height:0px;padding-top:5px;padding-bottom:1px;}
.pl3 b{letter-spacing:1px;}
.pl strong, .zt{font-weight:normal;color:#CC0000;}
.pl a strong{background-color:none !important}
.pl a{line-height:2.2em}
#tekst .pl2, #tekst .xpl3{margin-left:95px;}

.jt {color:#A6A2BD;font-size:0.85em}
.kl {color:#B6A274;text-decoration:none;letter-spacing:0px;font-size:0.8em;text-transform:uppercase;font-style:italic;font-weight:bold}

.th {background-color:#D1C8BA;width:77px;height:77px;float:left;display:block;margin-right:20px;background-position:center center;background-repeat:no-repeat;margin-bottom:10px;margin-top:7px;}

.nav, #nummertjes a{color:white;background-color:#B6A274;border:1px solid #B6A274;padding-left:5px;padding-right:5px;text-decoration:none;margin:2px;}

#nummertjes .navsel{background-color:white;color:#B6A274;}

#navigatie{width:220px;position:absolute;top:270px;right:10px;}
#nummertjes{clear:both;text-align:center;line-height:2em;margin:15px;}
.zoomnrs{display:block;text-align:left !important;margin-left:0 !important}

.r1,.r2,.r3{position:absolute;width:47px;height:47px}
.r1{top:5px;} .r2{top:57px;} .r3{top:109px;}
.p1{left:15px;} .p2{left:67px;} .p3{left:119px;} .p4{left:171px;}  .p5{left:223px;}  .p6{left:275px;}  .p7{left:327px;}  .p8{left:379px;} .p9{left:431px;}  .p10{left:483px;}  .p11{left:535px;} .p12{left:587px;}

.groot_r1,.groot_r2{position:absolute;width:99px;height:99px}
.groot_r1 {top:5px;} .groot_r2{top:57px;}

#zoom{margin-bottom:15px;margin-right:15px;}
.blok #zoom{margin-right:0}


.staand{width:350px !important;height:550px !important;}
#klikwmv{position:absolute;margin-left:410px;margin-top:240px;width:120px;height:35px;background:url(/grafiek/klikwmv.gif)}
.rechts {float:right;margin-left:10px;margin-bottom:10px}

#ballon{background-image:url(null) !important;border-left:1px solid white}
#ballonbody {height:95px;clear:both;background:#EBE8CF;overflow:auto;}
#ballonbody a {margin-left:10px;margin-top:10px;background-color:#D1C8BA;width:75px;height:75px;display:block;float:left}
#ballon #alleslink{text-align:left;font-size:10px;background:none;width:auto}
#ballonbody p {margin:10px;}
#ballonbody li{padding-top:10px;padding-right:10px;}
#ballonkop{font-weight:bold;line-height:25px;margin-left:10px;height:25px;overflow:hidden}
#ballonkop img{padding-top:6px;float:right;padding-right:5px}

#subitems, .subitems{width:100%;clear:both;}
#subitems h2, .subitems h2{padding-top:5px;clear:both;text-transform:none;font-size:1em;font-style:normal;}


.blokje{display:inline;display:-moz-inline-box;display:inline-block;float:left;float:none\9;}
.blokje a{padding-top:4px;padding-right:4px;background-color:#eae4da;display:block;width:312px;height:71px;margin:10px;margin-left:0;margin-right:30px;background-repeat:no-repeat;color:#7E6666;text-decoration:none;overflow:hidden;}
.blokje a:hover{background-color:#e4e2ee;color:#494370;}
.blokje a strong{font-weight:normal}
.blokje .sp{margin-right:8px;width:75px;height:75px;background-color:#a6a2bd;border-left:1px solid #f5f2ee;border-right:6px solid white;float:left;cursor:hand;margin-top:-4px;}


.uitklaps{height:152px;display:none;position:absolute;top:30px;background:#7D84B0;padding:8px;padding-top:4px;padding-bottom:5px;line-height:1.45em}
.uitklaps a{color:white;text-decoration:none !important;display:block;}
.uitklaps a:hover{color:#383458;}
#uitklapsWaas{display:none;position:absolute;background:white;left:0px;top:30px;height:161px;width:100%;filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;}

.ruimer li{margin-bottom:15px;} .ruimer ul li{margin-bottom:auto;}
.canon{float:right;position:relative;top:-30px;right:-20px;}

.archiefscan{float:left;margin:0;padding:0;padding-bottom:20px;margin-right:20px}
.sth_markeer, .pl b, .zt{color:#7d74bc;font-weight:normal;}

.knop{font-family:arial;padding:0;margin:0;display:block;text-decoration:none;width:150px;margin-bottom:10px;text-align:left;color:white;padding-left:40px;line-height:20px;height:20px;border:0;cursor:hand;background-color:#7D84B0;background-repeat:no-repeat;background-position:left}
button.knop{width:190px;}
::root button.knop{width:150px;}
.absknop, .absmelding {position:absolute;right:40px;top:265px;z-index:500;}
.absmelding{width:210px;right:20px;}
.absleeg{height:5.3em}
.knop strong{padding-right:8px;}
.bestel{background-image:url(/grafiek/bestel.gif);}
.downl{background-image:url(/grafiek/download.gif);}
.bericht{background-image:url(/grafiek/bericht.gif);}
.locinfo{background-image:url(/grafiek/locinfo.gif);}
.terug{background-image:url(/grafiek/handje.gif);}
ul .terug{background:none}

#ww_tabel{width:auto !important;margin-top:15px;}
#ww_tabel td{border-top:1px solid gray;line-height:1.2em;padding-top:7px;padding-bottom:7px;}
#ww_tabel .ww_totaal td{border-top:3px double gray;}
#ww_tabel .th{padding:0;margin:0}
.ww_aantal{height:22px}
.ww_aantal input{width:15px;float:left}
.ww_aantal a{border-left:1px solid white;text-decoration:none;display:block;width:0px;height:10px;float:left;background-color:#9999CC;background-image:url(/grafiek/plusmin.png);overflow:hidden;padding-left:10px}
.ww_min{background-position:0px 10px;position:relative;left:-11px;top:11px;}

#betaal form{width:300px;line-height:1.4em}
#betaal td{text-align:left;padding:0;padding-left:20px;}
#betaal p{height:3em;line-height:1.5}
#betaal .links{text-align:right;border-right:1px solid silver;padding:0;padding-right:20px}

#discl, #actueel #discl{clear:both;display:block;padding-right:4px;font-size:0.7em;letter-spacing:1px;background:white !important;float:right}

#flash{float:left;margin-bottom:300px;}

.gentabel{margin-bottom:15px;border-top:1px solid silver;width:700px;border-collapse:separate !important}
.gentabel td{vertical-align:top;width:225px;margin:0;padding:5px;}

#dltbl img{display:none}


#sociaal{height:16px;margin:15px 0;width:170px;clear:both;overflow:hidden;}
#alg{display:block;background:url(/grafiek/iconen.png) no-repeat;height:16px;margin:15px -5px 0 0;width:170px;clear:both;overflow:hidden;}
#alg span{display:none;}
#alg a{width:24px;height:16px;overflow:hidden;display:block;float:left;background:white;text-decoration:none;filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3}
#alg a:hover {filter:alpha(opacity=10);-moz-opacity:.1;opacity:.1}
.home #alg, .home #sociaal{display:none}

.home #tekst #actueel{width:35%;left: 620px}
.home #actueel a{background:none !important}
.home #actueel2 table{margin-top:10px;table-layout:fixed;margin-right:20px;width:100%}
.home #actueel2 td{padding:4px 0px 4px 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home #actueel2 .dat{padding:0 !important;font-size:8pt; width:76px;}
.home #actueel2 .dat span{padding:2px;display:block;background: #E4E2EE;white-space:nowrap; text-align:center;}
.home .krant, .home .speel {background-image:url(/grafiek/acties.gif);background-position: 10px 6px;background-repeat: no-repeat;line-height:25px;height:25px}
.home .speel{background-position: 10px -15px}
.home #homeknoppen{position:absolute;top:240px;left:15px}
.home #adres {position:absolute;top:585px;width:245px;margin:15px;line-height:1.5em;font-size:0.9em;color:#8B7243}
.home #adres a{color:#8B7243;}
.home #adres p{margin:0;margin-bottom:6px}
.home #kolom{top:320px}
.home #kolom a {line-height:1.3em;}
.home #actueel{display:none}
.home #tekst h2{display:none}
.home #tekst #actueel2 h2{display:block}
.home #actueel2{margin-top:-10px}
.home #tekst #actueel, .home #tekst #actueel2 {left:620px;width:35%;}
#museumlogo{float: right; border: 0pt none; margin: -30px 20px 0pt -20px;width:100px;height:98px}


#thumbskolom{width:150px;float:right;margin-left:20px}

/* Lytebox */
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; background-color: #2d2852; }
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0px auto; border: 0; }
#lbDetailsContainer {background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; border: 0; border-top: none; }
#lbImageContainer, #lbIframeContainer { padding-top: 30px; }
#lbLoading {position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(/grafiek/loading.gif) center no-repeat;}
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }
#lbPrev, #lbNext {width: 49%; height: 100%; display: block; }
#lbPrev {background: transparent url(/grafiek/blank.gif) no-repeat; left: 0; float: left;}
#lbPrev:hover, #lbPrev:visited:hover { background: url(/grafiek/prev_hua.gif) left 15% no-repeat; }
#lbNext {background: transparent url(/grafiek/blank.gif) no-repeat; right: 0; float: right; }
#lbNext:hover, #lbNext:visited:hover { background: url(/grafiek/next_hua.gif) right 15% no-repeat; }
#lbPrev2, #lbNext2 { text-decoration: none;}
#lbPrev2_Off, #lbNext2_Off { font-weight: bold;}
#lbDetailsData { padding: 0 10px;}
#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: normal; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; font-style:italic}
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbClose, #lbPlay, #lbPause{width: 64px; height: 28px; float: right; margin-bottom: 1px;}
#lbClose {margin-left:15px; background: url(/grafiek/close_hua.gif) no-repeat; }
#lbPlay {background: url(/grafiek/play_hua.gif) no-repeat; }
#lbPause {background: url(/grafiek/pause_hua.gif) no-repeat; }

/* EDITOR PROPERTIES */
/* KIDS */
.kids img{border:0}
.kids #boven{background-image:url(/grafiek/hua_kids.png);}
.kids #blokjes{background-image:url(/grafiek/blokjes_kids.png);}
.kids #menu1{background:#e55a51;}
.kids #menu2{background:#007686;}
.kids #kolom h2 {color:white;}
.kids #kolom a {color:white;}
.kids #tekst h1, .kids #tekst h2, .kids .veldnaam, .kids label span{color: #e55a51;}
.kids {color:#007686;}
.kids #kolom {background:#93c5cc;}
.kids #kruimels a {color:#007686 !important}
.kids #uitklaps{background:#d6adb1;}
.kids #wrap{background-image: url(/grafiek/strook_kids.gif);background-color:#f9f0f1;}
.kids .blokje .sp {background-color:#e55a51;border-right:6px solid #f9f0f1}
.kids .blokje a:hover {background-color:#96c6cc;}
.kids .blokje a {background-color:#bed3d6;}
.videolink img {width:220px;}
.videolink {text-decoration: none;}
.videolink #play {position:absolute;margin-left:85px;margin-top:40px;width:50px;height:50px}

.blokje_kids {
background-color: #007686;
background-position: center;
display:inline;
display:-moz-inline-box;
display:inline-block;
margin-right: 15px;
margin-bottom: 15px;
}

.kids .klein {
width: 315px;
height: 215px;
float: left;
clear: both;
}

.kids .groot {
width: 315px;
height: 445px;
}

.blokje_kids a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

.blokje_kids a h2 {
background-image: url(/grafiek/aqua_back.png);
color: white !important;
display: block;
width: 299px;
padding: 8px;
margin: 0px;
}

.blokje_kids a:hover, .blokje_kids a:visited {color: white;}

/* EINDE KIDS */