.info 			{ position: fixed; padding: 20px; /* left: 10%; top: 260px; margin: auto; min-width: 200px; min-height: 200px; max-width: 1500px; max-height: 1300px; background: #555; margin: 20px 2% 20px 20px; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 12px #000; -moz-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000;*/ z-index:1000; display: none; }
.achter			{ background: #643;}
#Fotoid			{ max-height:700px;}
h2					{ font-size: 36px; color: #222; text-align: center; padding: 0 8px; margin: 0px 0; border-bottom:1px dotted #777; }
.balk				{ opacity:0.8;background:#111;position:fixed;left:0;top:0;width:100%;height:24px;z-index:11;padding:16px 20px; box-shadow: 0 0 18px #222; -moz-box-shadow:    0 0 18px #222; -webkit-box-shadow: 0 0 18px #222; color:#ddd;}

.pictobalk	{ margin:4px 40px; }
.pictobalk:hover { opacity:0.5; }
.kolom3 		{ columns: auto 3; }
h4					{ font-size: 20px; color: #222; padding: 0 8px; margin:4px 0; border-bottom:1px solid #333; }
.kolom			{ padding:1%;width:98%;display:inline-block;vertical-align: text-top;border-right:1px solid #555; }

#background-video { width:375px;height: 250px; z-index: -1;}
.maxfoto		{ max-width:300px;max-height:400px; }
@media only screen and (min-width: 768px) { .maxfoto { max-width:400px; max-height:400px;} .kolom {width:45%;} #background-video { width:450px;height: 300px;} }
@media only screen and (min-width: 1200px) { .maxfoto { max-width:500px; max-height:450px;} .kolom {width:31%;} #background-video { width:600px;height: 400px;} }
@media only screen and (min-width: 1600px) { .maxfoto { max-width:600px; max-height:500px;} .kolom {width:31%;} #background-video { width:750px;height: 500px;} }

.fotoframe	{ text-align:center; margin:4px; color:#000; max-height:90%; max-width:90%;	border:2px solid #000;	padding:4px;	background-color:#000;	border-radius: 6px;	-webkit-border-radius: 6px;  -moz-border-radius: 6px;	-moz-box-shadow: 1px 1px 2px #666;	-webkit-box-shadow: 1px 1px 2px #666;	box-shadow: 1px 1px 4px #444;}
.kopje h4, .kopje h2 { color: #ccc;}
.kopje			{ height: 140px;}
p						{ font-size: 16px; color: #aaa; padding: 0 8px; margin:4px 0; }

.kopje p		{color:#aaa;}

.leeg				{ padding: 40px; }

.doorzichtig { padding:20px;width:96%; display:block;max-width:1600px;margin:auto; opacity: 0.8; background:#333; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 18px #222; -moz-box-shadow: 0 0 18px #222; -webkit-box-shadow: 0 0 18px #222; }
p.bron			{ position:absolute;right:20px;bottom:20px;color:#ffc;font-weight:bold;font-size:26px;font-style:italic; text-align:right;}
.foto				{ text-align: center; margin: auto; }
.hotspot		{ margin: 0; padding: 0; z-index:10; } // background-image: url(../figuren/hotspot.png);
//.hotspot:hover, .hotspot1:hover { width: 45px; height: 48px; margin: 0; padding: 0; background-image: url(../figuren/hotspot-over.png); }
.navtext		{ max-width:1235px; font-size:20px; font-family:verdana; text-align: center; border:1px solid #000; layer-background-color:#002200; background-color:#012; color:white; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 18px #222; -moz-box-shadow: 0 0 18px #222; -webkit-box-shadow: 0 0 18px #222; }
.interactive-image { /*  margin: 20px 0 120px 2%; min-width: 950px; height: 1400px;*/ background-image: url('../figuren/beijumhunze3d.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 16px #222; -moz-box-shadow: 0 0 16px #222; -webkit-box-shadow: 0 0 16px #222; }
.architecten-image { /*  margin: 20px 0 120px 2%; min-width: 950px; height: 1400px;*/ background-image: url('../figuren/architecten_beijum_kleur.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 16px #222; -moz-box-shadow: 0 0 16px #222; -webkit-box-shadow: 0 0 16px #222; }