html, body{height:100%}
body{padding:0;margin:0;font-family:Trebuchet MS, Arial;background:#003366;color:white}

* html{overflow-y: hidden;}
* html body{overflow: auto;}
.geo{display:none}
.lijst, .home{background: white url(/grafiek/bouwhistorie/kaartback.gif) 65% 125px no-repeat fixed !important;}
#logo{position:absolute;left:0px;top:0px;text-align:right;z-index:51;min-height:100%;background:#003366;padding-right:5px}
html>body #logo{position:fixed}

img{border:0px}
#tabmenustrook{background:#003366;width:100%;height:45px;left:0;top:0;position:fixed}
* html #tabmenustrook{left:-30px;position:absolute;}
.tabmenu{position:absolute;top:0;left:0;z-index:49;white-space:nowrap;}
html>body .tabmenu{position:fixed}
.tabmenu a{width:90px;height:35px;margin:5px;margin-left:0px;display:block;float:left;text-indent:-2000px}
.tabmenu .geselecteerd{margin-bottom:0px;border-bottom:5px solid white;height:40px;}
.rechts{width:100%;min-width:863px;z-index:48}
.rechts a{float:right;}
#lijst{margin-right:20px}
* html #lijst{margin-right:18px}
#verhaal{margin-left:185px; background:url(/grafiek/bouwhistorie/verhaal.gif); display:inline}
#mensen{background:url(/grafiek/bouwhistorie/mensen.gif)}
#verwant{background:url(/grafiek/bouwhistorie/verwant.gif)}
#naslag{background:url(/grafiek/bouwhistorie/naslag.gif)}
#info{background:url(/grafiek/bouwhistorie/info.gif)}
#kaart{background:url(/grafiek/bouwhistorie/kaart.gif)}
#lijst{background:url(/grafiek/bouwhistorie/lijst.gif)}
#verhaal.geselecteerd{background:url(/grafiek/bouwhistorie/verhaal_w.gif)}
#mensen.geselecteerd{background:url(/grafiek/bouwhistorie/mensen_w.gif)}
#verwant.geselecteerd{background:url(/grafiek/bouwhistorie/verwant_w.gif)}
#naslag.geselecteerd{background:url(/grafiek/bouwhistorie/naslag_w.gif)}
#info.geselecteerd{background:url(/grafiek/bouwhistorie/info_w.gif)}
#kaart.geselecteerd{background:url(/grafiek/bouwhistorie/kaart_w.gif)}
#lijst.geselecteerd{background:url(/grafiek/bouwhistorie/lijst_w.gif)}


.tab{background:white;margin:0px;height:100%;min-height:100%;padding-left:25px;padding-right:50px;border-right:20px solid #003366; margin-left:185px;min-width:300px;}
html>body .tab{height:auto}
.tab{color:black;font-size:.8em;line-height:1.5em;letter-spacing:1pt;}
.tab a{color:#CC0033;}
#tekst{max-width:800px;}
.tab p{margin:0 0 1.25em 0;border:1px solid white}


br{letter-spacing: normal;} 

.rechtermarge{padding-right:230px}
h1{font-size:1em;margin:0;padding:60px 0 25px 0;clear:both}
.rechtermarge h2{margin-right:-190px;}
html>body .rechtermarge h2{margin-right:0px;}

a span{position:absolute;width:15px;height:15px;margin-left:145px;background:red;display:block}

.koptekst, h1 em{font-style:normal !important;float:right;color:gray;letter-spacing:2pt;margin-right:-200px}
h1 i{display:none}
.titel {width:75%}
.imgrechts{width:160px;height:160px;float:right;clear:right;margin-bottom:3em;margin-top:-1.5em;margin-left:3em;margin-right:-200px;display:block;display:inline;border:2px solid white}

.imglinks{float:left;clear:both;margin:2em;margin-left:0px;margin-top:-1em;}

td.l{font-weight:bold;padding-right:2em}
td{vertical-align:top}

#zoekform{position:absolute;left:0px;top:250px;margin:5px;text-align:right;font-size:.9em;z-index:52}
html>body #zoekform{position:fixed}
#zoekform input, .zoekform select{width:167px; margin:0; padding:0;}
#zoekform select{width:170px}
#zoekform p{margin-bottom:10px;margin-top:0px}
#zoekform button{width:auto;background-color:LightGrey;}

.lijst{padding-right:150px}
.lijst img{float:left;margin-right:2em;margin-left:2em;width:50px;}
.lijst p, .lijst h5{clear:both;display:block;}
.lijst p{margin-bottom:2em;clear:both; border:0}

.dummythumb{width:160px;height:160px;background-color:silver;padding:0px;display:block}

.meer{width:160px;height:19px;position:relative;top:19px;display:block}
.terug{display:block;float:right;clear:both;padding-top:25px;text-align:right;padding-bottom:50px;}

#onder{padding-bottom:25px}

.imgblok{clear:both}

.imgnrs{text-align:right;width:400px;margin-top:1px;}
.imgnrs a{text-decoration:none;background:#CC0000;padding:0 5px 0 5px;line-height:18px;color:white;margin-left:2px;}
.imgnrs .sel{background:white !important; color:#CC0000 !important}

#infoslide{width:260px;float:right;text-align:center;margin:0 0 25px 35px}
#infoslide img{margin-top:30px}

img{-ms-interpolation-mode: bicubic;}
div#nyroModalFull {font-size: 12px; color: #777; font-family: Verdana;}
div#nyroModalLoading {border:0; width: 50px; height: 50px; text-indent: -9999em; background: black url(/grafiek/loader.gif) no-repeat; background-position: center; }
div#nyroModalLoading.error {border:0; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff; }
div#nyroModalWrapper {background:black; border:0}
a#closeBut {position: absolute; display: block; top: -18px; right: -18px; width: 17px; height: 17px; text-indent: -9999em; background: url(/grafiek/sluit.gif) no-repeat; outline: 0; }
h1#nyroModalTitle {display:none; margin: 0; padding: 0; position: absolute; top: -22px; left: 5px; font-size: 12px; color: #ddd; }
div.wrapper div#nyroModalContent {padding: 5px; }
div.wrapperImg div#nyroModalContent {position: relative; overflow: visible !important; text-align: center; }
div.wrapperImg img {vertical-align: baseline; }
div.wrapperImg div#nyroModalContent div {display:none;position: absolute; bottom: 0; left: 0; background: black; padding: 10px; margin: 10px; border: 1px white dotted; overflow: hidden; opacity: 0.5; filter: alpha(opacity=50); }
div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5; filter: alpha(opacity=50); 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: -17px;}
a.nyroModalPrev {background: url(/grafiek/vorig.gif) left 50% no-repeat; }
a.nyroModalNext {right: -17px}
a.nyroModalNext {background: url(/grafiek/volgend.gif) right 50% no-repeat; }



@media print{
#logo, .tabmenu, .zoekform, .meer {display:none}
body{margin:0;overflow:visible}
.tab{overflow:visible;padding-left:0}
.tab A{color:black;}
}
.iebug{font-size:0px;visibility:hidden;margin-left:-2px}
html>body .iebug{display:none}