/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
/* reset */


html {min-width:1003px;}
html, body{margin:0;padding:0;height:100%; font-family:Helvetica, Arial, sans-serif; font-size:0.9em;}

body{background-color:#7dc7e6;background-image:url(/grafiek/back_oranje.png); background-position:right;background-repeat:repeat-y;}

#content p {padding:0 0 10px 0;line-height: 20px;}
em, i {	font-style: italic;}
blockquote {padding-left: 20px;font-style: italic;border-left: 1px solid #eee;color: #999;font-family: Georgia, serif;}
/*Headlines */
h1, h2, h3, h4, h5, h6 {font-weight: bold;color:#bf3d00;font-size:1.2em;padding-bottom:6px;}

#sidebar h2 {}
#kolomLinks h2 {margin-bottom:8px;}


a {color:#bf3d00; text-decoration: underline;}
a:visited {color:#d79752;}
a:hover {text-decoration: underline;}

#wrapper {min-height: 100%;position:relative;border-left:13px solid #034d8f;border-right:13px solid #034d8f;min-width:977px;}
* html #wrapper {
height: 100%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

.home #wrapper {background-image:url(/grafiek/back_left_wit.gif); background-position:left;background-repeat:repeat-y;}
#footer {width:100%;text-align:center;height:13px;background-color:#034d8f;margin-top:-13px;font-size:10px;position:relative;}
#main {height:auto;	padding:0;border:solid 0px #000000;	padding-bottom:13px;min-width:977px;}
#header {background-color:#285b62;height:97px;}

#wrapperContent{min-width:977px;float: left;width: 100%;}

* html #wrapperContent {
width: expression( document.body.clientWidth < 1020 ? "978px" : "auto" ); /* min-width voor IE */
}

#content{margin-right: 227px; /*Set right margin to RightColumnWidth*/padding: 20px 15px 20px 15px;}

.home #content{margin-left:270px; background-color:none;}

h2 span.info1  {height:20px; display:block; float:left;}
h2 span.info2  {background:url('/grafiek/functiemenu.png') no-repeat  right -200px;height:20px; width:20px; display:block; float:left; margin:0 0 0 10px;}
#sidebar h2 span.info2 { background-position:right -220px;}
.home h2 a { text-decoration:none !important; color:#bf3d00 !important; cursor:hand;}
h2#geschiedenis {margin-bottom:10px;}
h2#personen {margin-top:10px;}

.infotekst {display:none;}

#content{background-color:#FFFFFF;line-height: 20px;}
#content ul { list-style:outside; list-style-type: disc; padding:5px 5px 10px 15px;}

#sidebar{float:left;width: 197px; /*Width of right column in pixels*/margin-left: -227px; /*Set left margin to -(RightColumnWidth)*/padding: 20px 15px 20px 15px; color:#FFFFFF;}

#sidebar ul{width:100%;}
.t1046 #sidebar { width:180px;} /* verhalenboom */

#sidebar ul li {list-style-type:none;padding:6px 0 6px 0; clear:left;}
#sidebar ul li li {margin-left:15px;}
#sidebar ul li a {text-decoration:none;color:#FFFFFF;margin-bottom:0px; padding:0;}
#sidebar ul li a:hover {color: #000;}
#sidebar a, #sidebar a, #sidebar span{color:#fff; line-height:1.6em;}
#sidebar ul li a.selected { color: #000000; }
#sidebar h2, #sidebar h2 {color:#FFFFFF;}
#sidebar h3, #sidebar h3 {color:#FFFFFF;padding-bottom:2px;}

#sidebar .sel, #sidebar a:hover {color:black;}
#sidebar li{margin:0;}
#sidebar li span, #sidebar li a{text-decoration:none;float:left;display:block; color:white;width:150px;margin-bottom:10px;}
#sidebar li span{width: 2.2em;text-align:left;margin-right:3px; color:black; float:left; margin-top:1px;}
#sidebar .reshoog li span{width: 3.3em;}
#sidebar h2{color:white;}
#sidebar div.infotekst { margin-top:8px; margin-bottom:10px;}

#sidebar li span.totaal{margin-right:3px; margin-left:0px;}

.home #sidebar li a, .t1046 #sidebar li a, .t1382 #sidebar li a{ width:auto;}
.t1046 #sidebar li a{margin-bottom:0;}
.t1046 #sidebar ul li{padding:2px 0 2px 0;}

#breadcrumb{font-style:italic;color: #FFFFFF;text-decoration: none;height:30px;line-height:30px;letter-spacing:1px;background:#034d8f;min-width:978px;}

* html #breadcrumb {width: expression( document.body.clientWidth < 1040 ? "978px" : "100%" ); /* min-width voor IE */}

#breadcrumb a  {color:#FFFFFF;text-decoration:none;}
#breadcrumb a:hover {text-decoration:underline;}
#breadcrumb span {padding-left:15px;}

#tekstkolom{margin-right:380px; position:relative; max-width:800px;}
#tekstkolomcontent{float:none;}
#paging{clear:both; width:370px; padding:0; margin:0; height:25px;}
#beeldkolom{width:370px;margin:0 0 0 -370px; float:right; position:relative;display:inline; padding:0 0 0 0;}
#beeldkolom ul { margin:0; padding:0; list-style:none;}
#beeldkolom img { padding:0; max-width:360px; margin-bottom:10px;}
#beeldkolom .tooltip { float:right;}
a.beeldkolom{text-decoration:none !important}
a.beeldkolom span {display:none;}
a.beeldkolom:hover span{display:block;position:absolute;color:white;width:340px; margin:0 0 0 20px; padding:5px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/backZoek.png',sizingMethod=scale)}
a.beeldkolom:hover{border:0}

html>body  a.beeldkolom:hover span {filter:none;background: url(/grafiek/backZoek.png) repeat-x;}

#diaWrapper {width:350px; height:350px;float:right;overflow:hidden; padding:0; margin:0;}
#slideWrapper {width:350px; height:233px;float:right;overflow:hidden; padding:0; margin:0;}
#slideWrapper ul, #diaWrapper ul {margin:0; padding:0; list-style:none;}

/* Cycle plugin */
.slideshow { width: 350px; margin: auto; float:left;}
.t1046 .slideshow {float:right; height:247px}
.slideshowGeschiedenis { width: 350px; height:350px; margin: auto; float:right; clear:both;}

#nav {clear:both; width:inherit; float:left; width:350px; text-align:center; height:10px;}
.t1046 #nav {float:right;}
#nav a { display: inline-block; border: 1px solid #d6470f; background: #fff; text-decoration: none; margin:0 0 0 5px; height:5px; width:5px; overflow:hidden; font-size:0;}
#nav a.activeSlide { background: #d6470f }
#nav a:focus { outline: none; }

/* Cycle plugin */

#onderaan{clear:left; padding:20px 20px 28px 20px; margin:0 240px 0 0;}
.t1382 #onderaan{ padding:20px 0px 20px 18px;}
.home #onderaan { margin-left:253px; padding:20px 5px 20px 20px;}
#blokjes{width:100%;}
.home #blokjes {padding:0; margin:0;}

#blokjes a{display:block; float:left;height:55px; width:129px; margin:0 18px 18px 0;  background-color:#FFFFFF; background-repeat:no-repeat; background-position: 143px center; padding:8px 0 5px 8px; padding-right:70px;border:0;border-right:1px solid #034D8F;border-bottom:1px solid #034D8F; text-decoration:none;}
#blokjes a strong{font-weight:normal;text-decoration:underline;}
#blokjes a:visited strong{}
#blokjes a:hover strong{text-decoration:underline;}
#blokjes.img{width:60px;height:60px;background-color:#FFFFFF;float:right;cursor:hand;}
#blokjes a span {display:block;color:#000000; margin-top:5px; font-size:0.9em;}


#blokjesMeerInfo { padding: 20px 15px 15px 15px; max-width:900px; width:auto !important; /* voor moderne Browser */	 width:600px; clear:both;}
#blokjesMeerInfo a{color:#000000; text-decoration:underline;}
#blokjesMeerInfo a:hover{text-decoration:none;}

#kolomLinks{float:left;width:210px;padding:20px;margin-right:-250px; position:relative;}

#kolomLinks ul {margin-top:30px;text-indent: 2px;list-style-position: outside;list-style-image: url(/grafiek/iconPijl.png);list-style-type: square;line-height:1.2em;}
#kolomLinks ul li {color:#bf3d00; margin:2px 0 12px 16px;}
#kolomLinks p, #sidebar p {line-height: 20px;}

#sociaalTwitter, #sociaalRSS { display:block; width:190px; height:16px;line-height:16px; color: #d6470f; padding-left:20px; text-decoration:none;background-image:url(/grafiek/iconTwitter.png); background-repeat:no-repeat; background-position:left; clear:both;}
#sociaalRSS {background-image:url(/grafiek/iconRSS.png);}

#linkPDF { display:block; width:370px; height:16px; line-height:16px; clear:both; text-align:center; margin-top:4px;}

#SocialeNetwerken {position:absolute;left:30px; background-color:#00FF00; bottom:30px; width:200px; height:20px;}

#footer {height: 13px;margin-top: -13px;text-align: center;background-color:#034d8f;font-size:10px; min-width:967px;}
/** html #footer {
width: expression( document.body.clientWidth < 1020 ? "980px" : "auto" ); /* min-width voor IE */  
/*}*/

hr{clear:both;visibility:hidden; height:0px; margin:0; padding:0;}
.dontdisplay {clear:both; visibility:hidden;}

h1{margin:0}

#topImage, #topImage span{background-color:gray;background-image:url('/grafiek/stroken/collecties/top_imageSubDefault.jpg');height:165px;}
#topImage{min-width:978px;}
* html #topImage {
width: expression( document.body.clientWidth < 1020 ? "978px" : "auto" ); /* min-width voor IE */  
}

/*#topImage span{width:975px;filter:fliph;}*/
		
#TopMenuAlgemeen {float:right;position:absolute;right:33px;top:55px;color:#FFFFFF;font-size:13px;font-weight:bold;z-index:4;}
#TopMenuAlgemeen a, #TopMenuAlgemeenHome a  {color:#FFFFFF;text-decoration:none;}
#TopMenuAlgemeen a:hover, #TopMenuAlgemeen a:hover {color:#d6470f;text-decoration:none;}

#logo {position:absolute;left:13px;top:48px;width:250px;height:214px; z-index:5;}

#logoSub {position:absolute;left:13px;top:48px;width:250px;height:117px; z-index:5;}	

#ZoekFormHomeBack {margin:0;padding:0;border:0;width:467px;z-index:2;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/backZoek.png',sizingMethod=scale);position:absolute;top:48px;height:214px;/*width:975px;*/min-width:980px; width:100%;}

html>body #ZoekFormHomeBack {filter:none;background: url(/grafiek/backZoek.png) repeat-x;}

#ZoekFormHome {margin:0;padding:0;border:0;width:467px;z-index:4;position:absolute;top:48px;height:214px;/*width:975px;*/min-width:980px; width:100%;}

* html #ZoekFormHome {
width: expression( document.body.clientWidth < 1020 ? "990px" : "auto" ); /* min-width voor IE */  
}

#ZoekFormHome input {width:383px;height:24px;background-color:#FFFFFF;border:0;margin:0;padding:6px 4px 4px 4px;font-size:16px;color:#999999; float:right; top:122px; right:143px; position:relative;}
#ZoekFormHome button {width:97px; height:34px;background: url(/grafiek/buttonZoek.png) no-repeat; border:0; right:143px; float:right; top:122px; position:relative;}
#ZoekFormHome button span {display:none;}


#ZoekFormSubBack {margin:0;padding:0;border:0;width:467px;float:left;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/backZoek.png',sizingMethod=scale);position:absolute;top:48px;height:118px;/*width:975px;*/;min-width:980px; width:100%;}

html>body #ZoekFormSubBack {filter:none;background: url(/grafiek/backZoek.png) repeat-x;}

#ZoekFormSub {margin:0;padding:0;border:0;width:467px;z-index:6;position:absolute;top:48px;height:118px;/*width:975px;*/z-index:2;min-width:980px; width:100%;}


* html #ZoekFormSub {
width: expression( document.body.clientWidth < 1020 ? "980px" : "auto" ); /* min-width voor IE */  
}

#ZoekFormSub .ZoekInput{width:333px;height:17px;background-color:#FFFFFF;border:0;margin:0;padding:6px 4px 4px 4px;float:left;font-size:13px;color:#999999; float:right; top:45px; right:160px; position:relative;}
#ZoekFormSub button {width:80px; height:27px;background: url(/grafiek/buttonZoekSub.png) no-repeat; border:0; right:160px; float:right; top:45px; position:relative;}
#ZoekFormSub button span {display:none;}
#ZoekFormSubExtra { position:relative; right:131px; top:50px; color:#FFFFFF; clear:right; float:right; width:450px; height:22px;}

#buttonZoek #buttonZoekSub {float:right;}

#ContentMeerInfo {clear:left; color:#034d8f; }
#ContentMeerInfo a{color:#034d8f; text-decoration:underline; padding:0; margin:0; background:none transparent; line-height:1.7em;}
#ContentMeerInfo a:hover{text-decoration:none;}

a.internal, a.external {background: url(/grafiek/icon_linksintern.png) no-repeat left center !important; padding-left: 15px !important;}
a.external {background-image: url(/grafiek/icon_linksextern.png) !important;}

#tooltip{position:absolute;border:0px solid #333;padding:2px 5px;color:#FFFFFF;display:none;z-index:105;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/grafiek/backZoek.png',sizingMethod=scale)}

html>body #tooltip {filter:none;background: url(/grafiek/backZoek.png) repeat-x;}

#beeldkolom a img{cursor: url(/grafiek/zoomin.cur), pointer;}
ul.ppt {position: relative;}

.ppt ul {border: 1px solid #CCCCCC;with:360px;height:240px;}
.ppt li {list-style-type: none;	position: absolute;top: 0;left: 0;}

a#next{clear:both;display:block; float:right;height:20px; width:20px; margin:5px 0 0 0; background-image:url(/grafiek/pijltjes.png);  background-color:#FFFFFF; background-repeat:no-repeat; background-position: 0 0; padding:0;}
a#next span{display:none;}

a.volgende, a.vorige {display:block; float:right;height:20px; width:20px; margin-left:5px; margin-bottom:5px; background-image:url(/grafiek/pijltjes.png);  background-color:#FFFFFF; background-repeat:no-repeat; background-position: 0 -20px; padding:0;}
a.vorige {background-image:url(/grafiek/pijltjes.png);background-position: 0 -40px;}
a.volgende span, a.vorige span {display:none;}

#terugres{margin:1.5em 25px 0 0;float:right;clear:both}
.personenletters a{padding-right:2px;text-decoration:none}
.sth_markeer{background-color:#fff200}
a .sth_markeer {text-decoration:underline;}

/* .t1307 = Zoeken */
.t1307 #content{background:none !important;}
.t1307 #content a{color:#D6470F}

.t1382 #tekstkolom {margin-left:400px;margin-right:15px}
.t1382 #beeldkolom, .t1351 #beeldkolom{float:left;margin:0;margin-left:20px}
.t1382 #beeldkolom img, .t1351 #beeldkolom img{float:none;padding:0}
.t1382 #paging, .t1351 #paging{width:50px;clear:none;float:right;position:relative;}
.t1382 #tekstkolom h1 {}

.t1351 #tekstkolom {margin-left:400px;margin-right:15px}
.t1351 #beeldkolom{float:left;margin:0}
.t1351 td{vertical-align:top;padding-bottom:3px}
.t1351 .v{font-style:italic;padding-right:15px;color:gray;text-transform:lowercase}


#reslijst p {clear:both;height:60px;background:white;padding:5px;line-height:1.65em;padding-left:5px;margin:5px 10px 18px 0; max-width:800px; overflow:hidden;border-right:1px solid #034D8F;border-bottom:1px solid #034D8F;}
#reslijst p span.geschiedenis { float:right; height:20px; width:20px;background:url('/grafiek/functiemenu.png') 0px -180px}

#reslijst em, #reslijst a {height:1.5em;overflow:hidden;display:block}
#reslijst small{color:#034D8F;float:right;margin:2px 5px 0 5px;}
#reslijst .thumb{width:60px;height:60px;float:left;margin:0 15px 0 0;background-color:#E5E9F6;background-color:white;background-repeat:no-repeat;background-position:center; position:relative;}
#reslijst br{display:none}

#galerij{width:100%; clear:both;}
#galerij a{padding:5px;width:160px;height:160px;display:block;float:left;margin:5px 8px 5px 0;background-color:white;background-repeat:no-repeat;background-position:center;border-right:1px solid #034D8F;border-bottom:1px solid #034D8F;}

#resknopjes{float:right;margin:0 8px 10px 0}
#resknopjes a{width:20px;height:20px;display:block;float:left;margin-right:3px;background:url('/grafiek/functiemenu.png') 0px -80px}
#resknopjes #th{background-position: 0px -100px}
#resknopjes.g a{background-position: 0px -60px}
#resknopjes.g #th{background-position: 0px -120px}

#content #nummertjes, #nummertjes{clear:both;padding-top:5px;margin:10px 0 15px 0;word-spacing:4px;text-align:center}
#content #nummertjes a, #nummertjes a{background:#D6470F;color:white;padding:4px;text-decoration:none;font-size:1.2em;word-spacing:0}
#content #nummertjes .navsel,#nummertjes .navsel{background:#034D8F;}

.home #nummertjes{text-align:left;width:90%}
.home #nummertjes a{display:block;float:left;width:1.3em;height:1.3em;line-height:1.3em;text-align:center; vertical-align:middle; margin: 5px 5px 0 0;padding:0}

.home #nummertjes div.infotekst, .home #blokjes div.infotekst { margin:0 0 12px 0;}

#gezochtop{display:none}
#mailform{margin:25px;line-height:1.5em}
#mailform p{margin-bottom:10px;}
#mailform input, #mailform textarea{width:300px}

/* jq fade */
#portfolio, #portfolioKlein {padding:0;height:304px;/*width:975px;*/width:auto;width:inherit;z-index:1;}
ul#portfolio, ul#portfolioKlein{background-color:#034d8f;overflow:hidden;}

* html ul#portfolio {width: expression( document.body.clientWidth < 1020 ? "978px" : "auto" ); /* min-width voor IE */  }
ul#portfolio li img, ul#portfolioKlein li img {border: 0px solid #ccc;	padding: 0;}
ul#portfolio li {display:block;width:100%;height:304px;}

#portfolioKlein {height:165px;}
ul#portfolioKlein li {height:165px;}

.fade{margin-bottom: 2em;}
.fade p{margin-bottom: 2em;	text-align: center;	width: 100%;background: #fff;}

/*ADDED by BH (ab-c)*/
/* to remove de horizontal scrollbar*/
.innerfade {width:0;}	

ul#diashow li {height:360px;width:360px;overflow:hidden;}
/* jq fade */

/* nyroModal */
div#nyroModalFull {font-size: 12px;color: #000000;font-family: Verdana;}
div#nyroModalLoading {border: 4px solid #777;width: 150px;height: 150px;text-indent: -9999em;background: #fff url(/grafiek/ajaxLoader.gif) no-repeat;	background-position: center;}
div#nyroModalLoading.error {border: 4px solid #f66;line-height: 20px;padding: 20px;width: 300px;height: 100px;text-indent: 0;background: #fff;}
div#nyroModalWrapper {background: #ffffff;border: 1px solid #ffffff;}
a#closeBut {position: absolute;	display: block;top: -21px;left: -21px;width: 20px;height: 20px;text-indent: -9999em;background: url(/grafiek/close.gif) no-repeat;outline: 0;
}
h1#nyroModalTitle {display:block;background-color:#000000;margin-left: -5px;padding:1px;position: absolute;bottom: -25px;left: 5px;font-size: 10px;color: #FFFFFF;z-index:105;}
div.wrapper div#nyroModalContent {padding: 5px;}
div.wrapperImg div#nyroModalContent {position: relative;overflow: hidden;text-align: center;}
div.wrapperImg img {vertical-align: baseline;}
div.wrapperImg div#nyroModalContent div {display:none;position: absolute;bottom: 0;	left: 0;background: fff;padding: 10px;margin: 10px;	border: 1px white dotted;overflow: hidden;	opacity: 0.6;filter: alpha(opacity=60);
}
div.wrapperImg div#nyroModalContent div:hover {background-color: fff;opacity: 1;filter: alpha(opacity=100);	cursor: help;}
a.nyroModalPrev, a.nyroModalNext {z-index: 105;outline: none;position: absolute;top: 0;height: 100%;width: 40%;cursor: pointer;text-indent: -9999em;background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {height: 60%;width: 20%;}
a.nyroModalPrev {left: 0;}
a.nyroModalPrev:hover {background: url(/grafiek/prev.png) left 20% no-repeat;}
a.nyroModalNext {right: 0;}
a.nyroModalNext:hover {background: url(/grafiek/next.png) right 20% no-repeat;}

.nyroModal { margin:0; padding:0;}

/* nyroModal */

#alg{ position:absolute; left:15px; display:block;height:16px;margin:-27px 0 20px 0;float:left;width:120px;clear:both;overflow:hidden; padding-top:8px;}
#alg span{display:none;}
#alg a{width:24px;height:16px;overflow:hidden;display:block;float:left;text-decoration:none;background:url(/grafiek/icons.png) no-repeat;}
html>body #alg a {background:url(/grafiek/iconstrans.png);}
html>body #alg a:hover {background:url(/grafiek/icons.png);}
#alg #print {background-position: 0 0;}
#alg #pdf {background-position:-24px; 0}
#alg #mail {background-position:-48px; 0}
#alg #fav {background-position:-72px;  0 }
#alg #share {background-position:-96px 0; cursor: pointer;}
#alg #Delicious {background-position:-120px;  0 }
#alg #Twitter {background-position:-144px;  0 }
#alg #Hyves {background-position:-168px;  0 }
#alg #Google {background-position:-192px;  0 }
#alg #Msn {background-position:-216px;  0 }
#alg #Nujij {background-position:-240px;  0 }
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

@media print{
html, body {background-image:none; background-color:#FFFFFF;}
#logo { display:none;}
#logoSub {display:none;}
#ZoekFormHome {display:none;}
#ZoekFormHomeBack  {display:none;}
#ZoekFormSub {display:none;}
#ZoekFormSubBack  {display:none;}
ul#portfolio {display:none;}
#topImage {display:none;}
#TopMenuAlgemeen {display:none;}
#breadcrumb {display:none;}
#sidebar {display:none;}
#paging {display:none;}
#footer {display:none;}
#wrapper {border:none;} 
#onderaan {display:none;}
#tekstkolom {}
#beeldkolom { display:block; margin:0;}
}