html { margin: 0; padding: 0; width: 100% }
body { font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
margin: 0;
padding: 0;
height: 100.01%;
behavior: url('htc/csshover.htc'); /*needed for hovermenu*/
}
img { border: none; behavior: url('htc/pngbehavior.htc'); }
/* standard elements */
p { margin: 0; }
form { margin: 0; padding: 0; }
.clearall { clear: both; }
.left { float: left; }
.right { float: right; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-block; clear:both; }
* html .clearfix {height: 1%;}
br.breakall { margin:0px; padding:0px; height: 0px; line-height: 0px; clear: both; }
div.wrapper { position: relative; padding: 0; margin: 0 auto; top: 0; width: 93.9em; height: 100%; overflow-x: hidden; }
/* HOME---level 1 */
div.bgmenu { background: #766B73 url(../../images/default/bg_body.gif) repeat-x; position:absolute; top: 0; left: 0; height: 18.7em; width: 100%; }
div.menu { display: block; position: absolute; top: 6.8em; left: 2.3em; border: none; padding: 0; }
div.menu ul { display: block; margin: 0; padding: 0; border: none; padding: 0em; list-style-type: none; }
div.menu ul li { height: 11.9em; position: relative; float: left; margin: 0em; padding: 0; list-style-type: none; border: none; }
div.menu ul.active li { display: block; }
div.menu ul li a { margin-bottom:0em; float: left; width: auto; height:1.3em; padding-left: 0em; display: block; color: white; font: bold 1.2em arial; text-decoration:none; padding: 0.3em 1em 0.7em 1em; }
div.menu ul li a:hover { color: black; }
div.menu ul li ul { left: 0em; border: none; }
div.menu ul li ul li { clear: both; height: 1.4em; border: none; display: none; }
div.menu ul li:hover ul li { display: block; }
div.menu ul li ul li a { height: 1.1em; display: block; color: white; font-weight: normal; font-size:1.2em;padding: 0 1em; line-height:1em; }
div.menu ul li.home { width: 12.3em; background: #457CB5; }
div.menu ul li.home:hover { background: #457CB5; }
div.menu ul li.home:hover a { background: #457CB5; width:8.2em; }
div.menu ul li.home ul li a:hover { background: white; color:#235A8F; }
div.menu ul li.home li.active a { background: white; color:#235A8F; }
div.menu ul li.tentoonstellingen { width: 12.5em; background: #97be0d; }
div.menu ul li.tentoonstellingen:hover { background: #97be0d; }
div.menu ul li.tentoonstellingen:hover a { background: #97be0d; width:8.4em; }
div.menu ul li.tentoonstellingen ul li a:hover { background: white; color:#7C9F00; }
div.menu ul li.tentoonstellingen li.active a { background: white; color:#7C9F00; }
div.menu ul li.museum { width: 8.8em; background: #65aed9; }
div.menu ul li.museum:hover { background: #65aed9; }
div.menu ul li.museum:hover a { background: #65aed9; width:5.3em; }
div.menu ul li.museum ul li a:hover { background: white; color:#2675a0; }
div.menu ul li.museum li.active a { background: white; color:#2675a0; }
div.menu ul li.bezoek { width: 11.1em; background: #e95d0e; }
div.menu ul li.bezoek a { width: 7.2em; }
div.menu ul li.bezoek:hover { background: #e95d0e; }
div.menu ul li.bezoek:hover a { background: #e95d0e;}
div.menu ul li.bezoek ul li a:hover { background: white; color:#DF4E00; }
div.menu ul li.bezoek li.active a { background: white; color:#DF4E00; }
div.menu ul li.zaalverhuur { width: 9.5em; background: #BE754A; }
div.menu ul li.zaalverhuur:hover { background: #BE754A; }
div.menu ul li.zaalverhuur:hover a { background: #BE754A; width:5.9em; }
div.menu ul li.zaalverhuur ul li a:hover { background: white; color:#AF6436; }
div.menu ul li.zaalverhuur li.active a { background: white; color:#AF6436; }
div.menu ul li.activiteiten { width: 8.8em; background: #EC4F62; }
div.menu ul li.activiteiten:hover { background: #EC4F62; }
div.menu ul li.activiteiten:hover a { background: #EC4F62; width:5.3em; }
div.menu ul li.activiteiten ul li a:hover { background: white; color:#DF374E; }
div.menu ul li.activiteiten li.active a { background: white; color:#DF374E; }
div.menu ul li.pers { width: 11.3em; background: #b152a4; }
div.menu ul li.pers a { width:8.2em; }
div.menu ul li.pers:hover { background: #b152a4; }
div.menu ul li.pers:hover a { background: #b152a4; }
div.menu ul li.pers ul li a:hover { background: white; color:#9f4e9b; }
div.menu ul li.pers li.active a { background: white; color:#9f4e9b; }
div.menu ul li.links { width: 10.8em; background: #8C5BAA; }
div.menu ul li.links:hover { background: #8C5BAA; }
div.menu ul li.links:hover a { background: #8C5BAA; width:6.95em; }
div.menu ul li.links ul li a:hover { background: white; color:#7B459F; }
div.menu ul li.links li.active a { background: white; color:#7B459F; }
/* level 2 */
div.menu ul li:hover ul { display: block; margin: 0em; border: 0; padding: 0; }
div.menu ul li:hover ul li { color:red ; margin: 0; border: 0; padding: 0; }
div.menu ul li:hover { }
div.menu ul li:hover ul a { margin: 0; border: 0; padding-bottom: 0; }
div.menu ul li:hover ul li a { display: block; border: none; }
/* servicemenu */
div.servicemenu { top:0px; position:absolute; display:block; right: 0.9em; margin: 0; border: 0; }
div.servicemenu a { margin-top: 0.5em;display:block; font: 1em Verdana; color: #d0d0d1; padding: 0 1em; text-decoration:none; }
div.servicemenu ul { margin: 0; float: left; padding: 0 }
div.servicemenu ul li { float: left;list-style: none; display: inline; list-style-type: none; position: relative;}
div.servicemenu ul li a { }
div.servicemenu ul li a:hover { color: white; }
div.servicemenu ul li.border a { border-right: 1px solid white; }
div.servicemenu form.search { float: left; margin: 0em; }
div.servicemenu form.search label { display: none; margin: 0em; }
div.servicemenu form.search input.text { margin: 0em 0em 0em 0.7em; background: #ffffff; border: 1px solid #d0d0d2; height: 1.3em;
width: 7.5em; line-height: 1.2em; margin-top: 0em; }
div.servicemenu form.search input.button { background: #766B73; width: 5.2em; height: 2em; color: black; font:1em Verdana; margin: -0.1em 0em 0em 0em; border: none; color: #d0d0d1; }
div.servicemenu form.search input.button:hover { font:1em Verdana; margin: 0em 0em 0em 0em; border: none; color: white; }
div.servicemenutaal { top:0.3em; position:absolute; display:block; left: 3.4em; margin: 0; padding: 0; border: 0; }
div.servicemenutaal ul { text-decoration: none; list-style: none; margin: 0; padding: 0; }
div.servicemenutaal ul li { margin-left: 0em; padding: 0; border: 0; height: 17px; width: 31px; margin: 0; padding: 0;}
div.textkop { display: block; position: absolute; left: 3.4em; top:2.8em; }
div.textkop img { height: 3.6em; width: 46.0em; background-color: red; }
div.bumper { height:6em; }
div.content { height: 1%; border-left: 14.6em solid #D0D0D2; padding-top: 18.6em; min-height: 50em; }
div.content h1 { background: url(../../images/default/content_stippenlijn.gif) repeat-x left bottom; font: normal 3.6em verdana; line-height: 1em; text-decoration: none; padding: 0.2em 8.7em 0.3em 0.4em; margin:0 ; }
div.content h2 { background: url(../../images/default/content_stippenlijn.gif) repeat-x left bottom; font: bold 1.2em verdana;
line-height: 1.4em; text-decoration:none; padding: 0.6em 20.5em 0.8em 1.3em; }
div.content p { color: black; font: normal 1.1em verdana; padding: 0em 22em 0em 1.4em; line-height: 1.3em; margin: 0; }
div.jaartallen { width: 100%; position:absolute; display:block; margin-top: -1.3em; height: 2.7em;
background: url(../../images/default/content_stippenlijn.gif) repeat-x left bottom;}
div.jaartallen a { margin-top:-0.2em;border-right: 1px solid black; display:block; font: normal 1.1em verdana; color: black; padding: 0 0.8em; text-decoration:none; }
div.jaartallen ul { margin:0 0 0 0.9em; float: left; padding: 0; position:absolute}
div.jaartallen ul li { margin-top:0.5em; float: left; list-style: none; display: inline; list-style-type: none; position: relative;}
div.jaartallen ul li a:hover { color:#FFFFFF; }
div.jaartallen ul li.active a{ color:#FFFFFF; }
div.jaartallencontent { margin-top: 2.3em; }
div.jaartallencontent h4 { position:relative; font: 1.2em Verdana; color: black; text-decoration:none; font-weight: bold; margin: 0.8em 0em 0.1em 1.2em; padding: 0em 20.5em 0em 0em; }
div.jaartallencontent h4 a { font: 1em Verdana; color: black; font-weight: bold; }
div.jaartallencontent h5 { font: normal 1em verdana; color: #666666; line-height: 1.4em; text-decoration:none;
margin: -0.1em 0em 0.1em 1.5em; padding: 0em 20.5em 0em 0em; }
div.jaartallencontent p { background: url(../../images/default/content_stippenlijn.gif) repeat-x left bottom; font: normal 1.1em verdana; text-decoration:none; line-height: 1.4em; text-decoration:none; padding: 0.2em 20.5em 1.3em 1.4em; margin: 0; }
div.box { left: 13.7em; padding: 0; width: 79.1em; margin-top: -0.8em; }
div.boxcontent { border-right: 1px solid #457CB5; width: 16.4em; float:left; padding: 1.1em 1.6em 1em 1.6em; }
div.boxcontent.last { border: 0; }
div.boxcontent a { font: 1em Verdana; color: black; font-weight: bold; }
div.boxcontent h3 { font: normal 1.7em verdana; margin: 0; line-height: 1.1em; }
div.boxcontent p { font: normal 1.1em verdana; margin: 0; padding: 0; margin-top: 1.2em; }
div.boxcontent img { margin: 0; border: 0; padding: 0;}
#contactform { padding-left: 1.3em;font: normal 1.1em verdana; margin: 0; line-height: 1.3em; }
#invulformulier_leerlingen { padding-left: 1.3em;font: normal 1.1em verdana; margin: 0; line-height: 1.3em; }
form input,textarea { border: 0.5pt solid black; margin-left: 1.3em; margin-right: 0.5em; }
form span.formerror { color: #DC002E; margin-left:1em; }
form span.formrequired { color: #DC002E; font-weight: bold; margin-left:0.8em; }
form table table { margin-left: 1.5em; }
button, input.button { background: #457CB5; color: #ffffff; font-weight: bold; font: normal 1.1em verdana; margin: 0em 0 0 0; border: 1px solid black; }
.mceContentBody .black a { font: 1em Verdana; color: black; font-weight: bold; }
.black a { font: 1.1em Verdana; color: black; font-weight: bold; }
div.lijntje { background: url(../../images/default/content_stippenlijn.gif) repeat-x left bottom; height: 1px; margin: 0; }
div.bumper { height: 1em; margin-left: 1.6em; margin-top: 6em;}
div.foot { font: 1em Verdana; color: #666666; padding: 0 0 3em 1.6em; }
div.foot a { font: 1em Verdana; color: #666666; }
/* virtueel museum */
div.content div.groups { }
div.content div.groups h2 { margin-top: 0; }
div.content div.groups div.mceContentBody { padding:0 22em 0 1.4em; }
div.content div.groups p { padding: 0; margin: 0; }
div.content div.groups hr { border: 1px solid #B7CDDB; border-top: 1px dashed #ffffff; }
form#invulformulier_leerlingen button, input.button { background: #EC4F62; color: #ffffff; font-weight: bold; font: normal 1.1em verdana; margin: 0em 0 0 0; border: 1px solid black; }
div.groupselect { padding: 1.4em; }
div.content div.groupselect p { margin: 0.2em 0; }
div.groupselect label { display: block; font-weight: bold; float: left; width: 10em; color: #EC4F62; }
div.groupselect select { border: 1px solid #EC4F62; }
div.groupselect select option { width: auto; }
div.fotoklein { margin: 10px; float: left; }
div.fotoklein div.klickme { }
#lbIframeContainer iframe { background: #B7CDDB; }
div.popup { font-size: 1.2em; }
div.popup h2 { color: white; font-size: 1.3em; background: #457CB5 url(../../images/default/content_stippenlijn.gif) repeat-x left bottom; line-height: 1.4em; text-decoration: none; font: bold 1.2em verdana; padding: 3em 0.7em 1.2em 0.7em; margin: 0 0 0.6em 0; }
div.popup h3{ color: #457CB5; font-size: 1.1em; background: url(../../images/default/content_stippenlijn.gif) repeat-x left bottom; padding: 1em 0 0.3em 0; margin-bototm: 0; }
div.popup p { padding: 0; margin: 0;}
div.popup div.padbox { padding: 1.1em; }
div.popup div.navigation { top: 0; position:fixed; background: #766B73; border-bottom: 1px solid #ffffff; display: block; width: 100%; height: 1.6em; padding: 0.3em 1em; }
div.popup div.navigation a { color: #ffffff; font-size: 1.2em; font-weight: bold; text-decoration: none; }
div.popup div.navigation a.prev { float: left; }
div.popup div.navigation a.next { float: right; margin-right: 20px; }
div.popup div.photobox { text-align: center; }
div.popup div.colleft { width: 350px; float: right; }
div.popup div.colright { width: 350px; float: left; }
/* light box */
div.lightbox { position: absolute; left: 0em; width: 100%; z-index: 100; text-align: center; line-height: 0em; }
div.lightbox a img { border: none; }
div.outerimagecontainer { position: relative; background-color: #ffffff; width: 250px; height: 250px; margin: 0em auto; }
div.imagecontainer { padding: 10px; }
div.loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0em; }
div.hovernav { position: absolute; top: 0em; left: 0em; height: 100%; width: 100%; z-index: 10; }
div.imagecontainer>div.hovernav { left: 0em; }
div.hovernav a { outline: none; }
a.prevlink, a.nextlink { width: 49%; height: 100%; background: transparent url('../../images/default/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block; }
a.prevlink { left: 0em; float: left; }
a.nextlink { right: 0em; float: right; }
a.prevlink:hover, a.prevlink:visited:hover { background: url('../../images/default/lightbox/prevlabel.gif') left 15% no-repeat; }
a.nextlink:hover, a.nextlink:visited:hover { background: url('../../images/default/lightbox/nextlabel.gif') right 15% no-repeat; }
div.imagedatacontainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; margin: 0em auto; line-height: 1.4em; overflow: auto; width: 100% }
div.imagedata { padding:0 10px; color: #666; }
div.imagedata div.imagedetails { width: 70%; float: left; text-align: left; }
div.imagedata span.caption { font-weight: bold; }
div.imagedata span.numberdisplay { display: block; clear: left; padding-bottom: 1.0em; }
div.imagedata a.bottomnavclose { width: 66px; float: right; padding-bottom: 0.7em; }
div.overlay { position: absolute; top: 0em; left: 0em; z-index: 90; width: 100%; height: 500px; background-color: #000000; }
div.imagebank { padding: 4px; margin-right: 5px; background-color: #ffffff;}
div.ibtree { padding: 4px; margin-right: 5px; background-color: #ffffff; border: solid 1px #ffffff; overflow: auto; }
div.imagebanktreeitem { height:18px; margin: 0px; padding:0px; }
div.imagebanktreeitem div { top :0px; margin: 3px 0px 2px 0px; padding:0px; white-space: nowrap; }
div.imagebanktreeitem div a { font-size: 10px; color: #000000; }
div.imagebanktreeitem img { margin:0px; float:left; height:18px; width: 20px; border: 0px;}
div.imagebankfold { margin: 0px; padding:0px; display: none;}
div.ibresult { border: solid 1px #000000; }
/* een andere litebox */
#lbOverlay { position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay.grey { background-color: #000000; }
#lbOverlay.red { background-color: #330000; }
#lbOverlay.green { background-color: #003300; }
#lbOverlay.blue { background-color: #011D50; }
#lbOverlay.gold { background-color: #666600; }
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }
#lbOuterContainer { position: relative; width: 200px; height: 200px; margin: 0 auto; background: #ffffff; }
#lbOuterContainer.grey { border: 1px solid #888888; }
#lbOuterContainer.red { border: 1px solid #DD0000; }
#lbOuterContainer.green { border: 1px solid #00B000; }
#lbOuterContainer.blue { border: 1px solid #5F89D8; }
#lbOuterContainer.gold { border: 1px solid #B0B000; }
#lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 1px solid #888888; border-top: none; }
#lbDetailsContainer.red { border: 1px solid #DD0000; border-top: none; }
#lbDetailsContainer.green { border: 1px solid #00B000; border-top: none; }
#lbDetailsContainer.blue { border: 1px solid #5F89D8; border-top: none; }
#lbDetailsContainer.gold { border: 1px solid #B0B000; border-top: none; }
#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../../images/default/lightbox/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 { width: 49%; height: 100%; background: transparent url(../../images/default/lightbox/images/blank.gif) no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../../images/default/lightbox/prev_grey.gif) left 15% no-repeat; }
#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(../images/prev_red.gif) left 15% no-repeat; }
#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(../images/prev_green.gif) left 15% no-repeat; }
#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(../images/prev_blue.gif) left 15% no-repeat; }
#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(../images/prev_gold.gif) left 15% no-repeat; }
#lbNext { width: 49%; height: 100%; background: transparent url(../../images/default/lightbox/blank.gif) no-repeat; display: block; right: 0; float: right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../../images/default/lightbox/next_grey.gif) right 15% no-repeat; }
#lbNext.red:hover, #lbNext.red:visited:hover { background: url(../images/next_red.gif) right 15% no-repeat; }
#lbNext.green:hover, #lbNext.green:visited:hover { background: url(../images/next_green.gif) right 15% no-repeat; }
#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(../images/next_blue.gif) right 15% no-repeat; }
#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(../images/next_gold.gif) right 15% no-repeat; }
#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
#lbDetailsData { padding: 0 10px; }
#lbDetailsData.grey { color: #333333; }
#lbDetailsData.red { color: #620000; }
#lbDetailsData.green { color: #003300; }
#lbDetailsData.blue { color: #01379E; }
#lbDetailsData.gold { color: #666600; }
#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.grey { background: url(../../images/default/lightbox/close_grey.png) no-repeat; }
#lbClose.red { background: url(../images/close_red.png) no-repeat; }
#lbClose.green { background: url(../images/close_green.png) no-repeat; }
#lbClose.blue { background: url(../images/close_blue.png) no-repeat; }
#lbClose.gold { background: url(../images/close_gold.png) no-repeat; }
#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay.grey { background: url(../../images/default/lightbox/play_grey.png) no-repeat; }
#lbPlay.red { background: url(../images/play_red.png) no-repeat; }
#lbPlay.green { background: url(../images/play_green.png) no-repeat; }
#lbPlay.blue { background: url(../images/play_blue.png) no-repeat; }
#lbPlay.gold { background: url(../images/play_gold.png) no-repeat; }
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause.grey { background: url(../../images/default/lightbox/pause_grey.png) no-repeat; }
#lbPause.red { background: url(../images/pause_red.png) no-repeat; }
#lbPause.green { background: url(../images/pause_green.png) no-repeat; }
#lbPause.blue { background: url(../images/pause_blue.png) no-repeat; }
#lbPause.gold { background: url(../images/pause_gold.png) no-repeat; }