html{max-width:100%;height:100%;-webkit-text-size-adjust: none;}
html, body{overflow:hidden;}
body{margin:0; padding:0;font-family:Arial;font-size:16px}
a{cursor:pointer}
h2{background:#333333;color:white;font-size:14px;margin:0;padding:3px 0 4px 0;text-transform:lowercase;text-align:center;text-shadow: 0 1px 1px black}
#subitems a{display:block;line-height:40px;border-bottom:1px solid silver;padding-left:10px;color:black;text-decoration:none;font-size:18px;overflow:hidden}
#subitems a, #tekst{border-bottom:1px solid silver;}
#bovenbalk{text-align:center;overflow:hidden;text-shadow: 0 1px 1px black;}
#bovenbalk a{float:left;margin-top:6px}
#bovenbalk span{color: #33CCFF}
#bovenbalk .restitel{float:left;width:70%;text-align:center}


#homeafb{width:100%;margin:0;padding:0;display:block;min-height:100px;margin-top:1px;border-bottom:1px solid gray}
h2.bovenaan{border-top:1px solid #999999}

#zoekform{background:gray;margin:-4px 0 0 0;padding:5px;}
#zoekform input{width:75%;border:none;padding:3px;font-size:17px;}
#zoekform button{width:21%;float:right;color:white;padding:0 8px;height:33px;text-align:center;font-size:13pt;margin-top:-1px;
-webkit-border-image: url(/grafiek/button.png) 0 3 0 3 stretch stretch;background-color:transparent;}

#kaartpagina {margin-bottom:-40px}
#kaartpagina #bovenbalk{position:absolute;top:0;left:0}
#map{width:100%; height:100%}
#hier{float:right;margin-right:7px;margin-top:7px;cursor:pointer}
#vizier{width:68px;height:68px;position:absolute;top:50%;left:50%;margin-left:-34px;margin-top:-34px;background:url(/grafiek/vizier.png)}
#kaartsoort{background:transparent url(/grafiek/checked.gif) left center no-repeat;color:white;font-size:16px;padding:6px 0 4px 15px ;margin:6px 5px 0 0;border:0}
#tip{background:rgba(192,192,192,0.8);color:black;xfont-size:1em;margin:0;padding:2px 10px;text-transform:lowercase;text-align:center;position:absolute;top:43px;width:100%;font-weight:normal;text-shadow: 0 1px 1px white;
}
#framewrap{width:100%;height:60px;position:absolute;bottom:0px;background:rgba(0,0,0,0.8);}
#knopframe{width:100%;height:60px;display:none}

#tekst{padding:15px;border-bottom:}
#tekst p{margin-top:0px;margin-bottom:8px}

.icon{background:url(/grafiek/icons.png) 0px -760px no-repeat;padding-left:55px !important}
.logo{background-image:url(/grafiek/logoos.png) !important}
.i01{background-position:0 -0px}
.i02{background-position:0 -40px}
.i03{background-position:0 -80px}
.i04{background-position:0 -120px}
.i05{background-position:0 -160px}
.i06{background-position:0 -200px}
.i07{background-position:0 -240px}
.i08{background-position:0 -280px}
.i09{background-position:0 -320px}
.i10{background-position:0 -360px}
.i11{background-position:0 -400px}
.i12{background-position:0 -440px}
.i13{background-position:0 -480px}
.i14{background-position:0 -520px}
.i15{background-position:0 -560px}
.i16{background-position:0 -600px}
.i17{background-position:0 -640px}
.i18{background-position:0 -680px}
.i19{background-position:0 -720px}
.i20{background-position:0 -760px}
.i21{background-position:0 -800px}
.i22{background-position:0 -840px}
.i23{background-position:0 -880px}
.i24{background-position:0 -920px}
.i25{background-position:0 -960px}
.i26{background-position:0 -1000px}
.i27{background-position:0 -1040px}
.i28{background-position:0 -1080px}
.i29{background-position:0 -1120px}
.i30{background-position:0 -1160px}
.logo{background-image:url(/grafiek/logoos.png) !important}


#thumbs a{text-decoration:none;float:left;width:75px;height:75px;background-repeat:no-repeat;background-position:center top;background-color:silver;background-size:cover;margin:4px 0 0 4px}

#info{text-align:left; color:white;font-family:arial;font-size:10pt;display:none;padding-bottom:10px}
#info p{padding:10px 20px 0 20px;margin:0}
#info i{float:right;}
#info a{color:#3CF;text-decoration:none}
#showinfo{background:url(/grafiek/info2.png) no-repeat 2px 7px;;cursor:pointer;float:right;z-index:2001;width:30px;height:30px;position:absolute;right:0px;top:3px;}
div.ps-caption-content {margin: 0 30px; font-family:Arial; font-size:16px; font-weight:bold; text-shadow: 0 1px 1px black;
line-height: 40px; margin: 0 38px 0; padding:0; height:40px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

#sluit{background: url(/photoswipe/photoswipe-icons.png) no-repeat -5px -2px;display:block;position:absolute;left:0;top:0;width:30px;height:30px}
.ps-toolbar-close{display:none !important}

#aantalmeer{text-align:center;clear:both}
#meerknop{font-size:18px;padding:5px;margin-bottom:20px;display:none}
#aantalmeer button{font-size:18px;padding:5px;margin-bottom:20px;}
#aantal, #aantalmeer p{margin:0;padding:8px;clear:both}


/* van jaipho*/

.toolbar {
color: white;
font-size: 16px;
font-weight: bold;
background: url(/jaipho/toolbar.png) repeat-x;
height: 44px;
width: 100%;
line-height: 44px;
opacity: 0.90;
		overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}	

.button {
float: left;
overflow: hidden;
text-align: center;
display: block;
margin-left: 2px;
margin-right: 2px;
padding-left: 3px;
padding-right: 3px;
height: 30px;
min-width: 35px;
max-width: 60px;
line-height: 30px;
font-family: inherit;
font-size: 12px;
font-weight: bold;
color: white;
text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
text-overflow: ellipsis;
text-decoration: none;
white-space: nowrap;
border-width: 0 8px 0 14px;
-webkit-border-image: url(/jaipho/btnBack.png) 0 8 0 14;
}




::-webkit-scrollbar {
    width: 6px; height: 6px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: none;
}
 
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}
 
::-webkit-scrollbar-button:vertical:increment {
    background-color: black; border: 0;
}
::-webkit-scrollbar-track-piece {
    background-color: gray;
}
 
::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: silver;
}
 
::-webkit-scrollbar-corner:vertical {
    background-color: black;
}
 
::-webkit-scrollbar-resizer:vertical {
    background-color: gray;
}
	













.eodk{overflow:auto}
.eodk #bovenbalk{display:none}
.eodk #thumbs{max-height:none;overflow:visible}
.eodk #thumbs a {width:93px !important;height:93px !important}