body{margin:0 auto; text-align:center; background-color:#fff;}

#page_load_screen_protect{position:fixed; z-index:9999; left:0px; top:0px; width:100%; height:100%; background-color:#fff;}
#page_load_screen_protect div{position:absolute; left:0px; top:40%; width:100%; padding:10px; color:#99bcff; font:normal 42px calibri, sans-serif;}
			
#header_wrapper{position:relative; left:0px; top:0px;}
#header_wrapper_fixed{position:fixed; width:100%; height:100%; left:100%; top:0px;}
			
object.svg-background{width:100%; min-width:320px; max-width:1100px;}
object.svg-background.FIXED{position:fixed; left:0px; top:0px; width:75%;}

#content_block_zoorow{}
#content_block_zoorow.FIXED{position:fixed;}
.content-block{float:left; width:100%; min-height:200px; /*min-height:38px;*/ background-color:coral;}
.content-block.ABSOLUTE{position:absolute;}
.content-block.FIXED{position:fixed;}
.content-block div.content-header{position:relative; z-index:3; float:left; width:100%; background-color:coral; font:normal 20px calibri, sans-serif; color:#b02b16; text-align:right;}
.content-block div.content-wrapper{float:left; width:100%; padding-bottom:50px; padding-right:15px; background-color:#43aa41; overflow-x:hidden; display:none;}
.content-block div.content-wrapper.DISPLAY-BLOCK{display:block;}

div.content-wrapper-cover{position:absolute; z-index:2; left:0px; top:38px; width:100%; height:100%; background-color:coral; display:none;}
div.content-wrapper-cover.DISPLAY-BLOCK{display:block;}

.content-block div.content-header div.copyright{padding:10px;}
.content-block div.content-header div.copyright a{color:inherit;}

.content-block div.content-wrapper-cover{position:absolute; left:0px; top:0px; height:100%; background-color:#ff7f50; display:none;}
.content-block div.content-wrapper-cover.DISPLAY-BLOCK{display:block;}

.content-block div.content-wrapper div.photo-set-wrapper{position:relative; float:left; margin-left:20px; margin-top:20px; height:auto;}
.content-block div.content-wrapper div.photo-set-wrapper canvas{position:absolute; left:10px; top:10px; border:solid 10px #fff; border-bottom-width:20px;}
.content-block div.content-wrapper div.photo-set-wrapper div.gal-title{float:left; clear:left; margin-top:300px; font:bold 32px calibri, sans-serif; background-color:#e7523a; color:#fff; background-color:#fff; color:#999; background-color:#e3e73a; color:#222; width:100%; padding:10px 0px;}

.content-block div.content-wrapper div.zoorow div.gal-title{margin-top:20px; font:bold 32px calibri, sans-serif; background-color:#e7523a; color:#fff; background-color:#fff; color:#999; background-color:#e3e73a; color:#222; width:100%; padding:10px;}

.content-block-exit-ctrl{position:absolute; z-index:1; left:20px; top:-15px; width:50px; height:auto; cursor:default; display:none;}

.hd-photo-store{position:fixed; left:100%; top:100%; visibility:hidden;}

.screen-protect{position:fixed; z-index:0; left:0px; top:0px; width:100%; height:100%; background-image:url('../svg/pattern_mesh_square.svg'); background-color:#fff; opacity:0.35; filter:alpha(opacity=35); display:none;}
.screen-protect.b{z-index:4; display:block;}
.screen-protect.OFFSTAGE-POPKA{top:150%;}
.screen-protect.DISPLAY-BLOCK{display:block;}

.DISPLAY-BLOCK{display:block;}

.user-select-NONE{
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
}
.TSN-ALL-0P2{
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.TSN-ALL-0P35{
	transition:all 0.35s;
	-webkit-transition:all 0.35s;
}
.TSN-ALL-0P5{
	transition:all 0.5s;
	-webkit-transiton:all 0.5s;
}
.TSN-ALL-1{
	transition:all 1s;
	-webkit-transiton:all 1s;
}
.ROTATE_5_ANTI{
	box-shadow:0px 0px 5px #222;
	transform:rotate(-5deg);
	-webkit-transform:rotate(-5deg);
}
.ROTATE_5{
	box-shadow:0px 0px 5px #222;
	transform:rotate(5deg);
	-webkit-transform:rotate(5deg);			
}
.PADDING-20{padding:20px;}

.photo-gal-block-background{position:fixed; z-index:4; left:0px; top:0px; width:100%; height:100%; background-color:#111; display:none;}
.photo-gal-block-background.DISPLAY-BLOCK{display:block;}

.photo-gal-block-info-title-single{position:absolute; z-index:1; top:30%; left:0px; width:100%; font:normal 102px calibri, sans-serif; color:#eee; opacity:0; filter:alpha(opacity=0);}
.photo-gal-block-info-title-single.FADEIN{opacity:1; filter:alpha(opacity=100);}

.photo-gal-block-whiteout{position:fixed; z-index:4; left:0px; top:0px; width:100%; height:100%; background-color:#111; overflow:hidden; box-shadow:0px 0px 15px #999; opacity:1; filter:alpha(opacity=1);display:none;}
.photo-gal-block-whiteout.FADE{opacity:0; filter:alpha(opacity=0);}
.photo-gal-block-whiteout.DISPLAY-BLOCK{display:block;}

.photo-gal-block-hd-image-wrapper{position:absolute; z-index:4; left:0px; top:0px; width:100%; height:auto; min-height:100%; background-color:#eee; background-color:#111; display:none;}
.photo-gal-block-hd-image-wrapper.FIXED{position:fixed;}			
.photo-gal-block-hd-image-wrapper.DISPLAY-BLOCK{display:block;}
.photo-gal-block-hd-image-wrapper.FADE{opacity:0; filter:alpha(opacity=0);}


.photo-gal-block-hd-image-wrapper img{/* no style defined */}
.photo-gal-block-hd-image-wrapper img.transparent{opacity:0; filter:alpha(opacity=0);}
.photo-gal-block-hd-image-wrapper img.beneden{z-index:0;}

.photo-gal-block-hd-image-wrapper div.hd-image-info{font:normal 32px calibri, sans-serif; color:#eee; padding:0px 0px 10px 0px;}

.photo-gal-block-tot-later{position:fixed; z-index:99; left:-100%; top:0px; width:100%; height:100%; background-color:#e8513a; font:normal 102px calibri, sans-serif; color:#fff;}
.photo-gal-block-tot-later object{float:right; margin-right:10px; height:100%; width:auto; top:0px; left:0px;}

@media only screen and (max-width:600px){
	.photo-gal-block-hd-image-wrapper div.hd-image-info{font-size:24px;}
}

object.photo-gal-block-exit-ctrl{position:fixed; z-index:1; left:15px; top:15px; width:7%; max-width:70px; min-width:20px; height:auto; /*background-color:coral; padding:10px;*/ cursor:default;}
/* --- "object.photo-gal-block-exit-ctrl" is now replaced with "object.photo-gal-block-instructions" - see below --- */
object.photo-gal-block-instructions{position:fixed; z-index:99; top:-100%; left:0px; width:100%;}

/* -- added 05-09-2015 -- instead of clicking on photo to exit gallery, and instead of using the original SVG exit ctrl (see above objects), I have added the simplified DIV version below --*/
.photo-gal-block-exit-ctrl-SIMPLE{position:fixed; z-index:10; top:10px; right:10px; background:transparent; color:#fff; opacity:0.7; filter:alpha(opacity=70); font-size:52px; font-weight:bold; line-height:30px; padding:10px; cursor: pointer; transition: all .25s; -webkit-transition: all .25s; display:none;}
.photo-gal-block-exit-ctrl-SIMPLE:hover{opacity:1; filter:alpha(opacity=100); background:firebrick;}

.TAL{text-align:left;}

.zooart-background{position:absolute; left:0px; top:0px; width:75%; max-width:1100px; min-width:320px; height:auto;}
.zooart-background.FIXED{position:fixed;}

.axs-opt-wrapper{background-color:#fff;}
.axs-opt{font:normal 30px calibri, sans-serif; padding:10px; background-color:#43ab41; color:#e3e73a; background-color:#e3e73a; color:#43ab41; cursor:default;}
.axs-opt:hover{background-color:#43ab41; color:#e3e73a;}

.load-status-box{background-color:#dadada; padding:10px; font:normal 19px calibri, sans-serif;}
.load-status-box.FIXED{position:fixed; left:75%; top:0px;}
.load-prog-txt-v2{font:normal 32px calibri, sans-serif; text-align:right; color:#333; padding:5px 0px;}
.progress-bar-wrapper{width:100%; height:30px; background-color:#c4c4c4;}
.progress-bar{width:0%; height:100%; background-color:#fff;}

.gal-link-img{box-shadow:15px 15px #378035;}
.gal-link-img.GEEN-BOX-SHADOW{width:98%; box-shadow:none;}
.gal-link-img.IMG-PRESS-EFFECT{width:98%; box-shadow:none;}
.gal-link-img.IMG-PRESS-EFFECT-B{padding:2.5% 1%; box-shadow:none;}

@media only screen and (max-width:1280px){
	.load-prog-txt-v2{font-size:19px;}
}

@media only screen and (max-width:600px){
	.load-prog-txt-v2{font-size:14px;}
	.photo-gal-block-info-title-single{font-size:51px;}
	.photo-gal-block-tot-later{font-size:51px;}
}
@media only screen and (max-width:440px){
	.load-prog-txt-v2{font-size:12px;}			
}
@media only screen and (max-width:390px){	
	.zooblock-sustain-3.load-status-box{width:100px; margin-left:-75%; background-color:transparent; text-align:left; padding-top:0px;}
	.load-prog-txt-v2{font-size:12px; text-align:left; color:#fff;}
	.progress-bar-wrapper{height:15px;}
	.photo-gal-block-info-title-single{font-size:38px;}
	.photo-gal-block-tot-later{font-size:38px;}
}
@media only screen and (max-width:200px){
	.content-block div.content-wrapper div.zoorow div.gal-title{font-size:21px;}
}
			
#debug{position:fixed; z-index:999999; left:0px; top:0px; background-color:pink; color:black; width:auto; height:auto; display:none;}