/* general */
html, body {
	height: 100%;
}

html {
	overflow-y:scroll;
}

/* website */
.container {
	opacity:0;
	background:#fff url("../img/logo-rijksoverheid-footer.png") center bottom no-repeat;
	box-shadow:0 0 1em rgba(0,0,0,0.5);
	min-width:940px;
	width:85.455em;
	max-width:90%;
	margin:0 auto;
	min-height:100%;
	transition:opacity 0.5s ease;
	-o-transition:opacity 0.5s ease;
	-moz-transition:opacity 0.5s ease;
	-webkit-transition:opacity 0.5s ease;
	z-index:1;
	position:relative;
}

.ie9 .container {
	box-shadow:0 0 2em rgba(0,0,0,0.5);
}

.ie8 .container:before {
	content:'';
	position:absolute;
	left:-11px;
	bottom:0;
	top:0;
	width:11px;
	background:url(../img/shadows-v.png) left top repeat-y;
}

.ie8 .container:after {
	content:'';
	position:absolute;
	right:-11px;
	bottom:0;
	top:0;
	width:11px;
	background:url(../img/shadows-v.png) right top repeat-y;
}

.ltie8 .container {
	border-left:1px solid #808080;
	border-right:1px solid #808080;
}

.delayviewer .container {
	opacity:1;
}

.content {
	overflow:hidden;
	padding: 0 4px 50px 24px;
	position:relative;
	zoom:1;
}

.primary-col,
.primary-col-alt {
	float:left;
	width:50%;
	padding-top:40px;
	margin-left:-7px;
}

.primary-col-alt {
	width:73%;
}

.aside-col {
	float:left;
	width:25%;
	position:relative;
	padding:40px 0 0 7px;
	left:-24px;
}

.aside-col-alt {
	float:right;
	width:25%;
	padding:40px 0 0 0;
}

.primary-col .inner-col,
.aside-col-alt .inner-col {
	padding-right:20px;
}

/* viewer */
html.viewer {
	overflow-x:hidden;
}

html.viewer body {
	background-color:#e9d8bb;
}

html.viewer body.empty-layer {
	background-color: #fff;
}

.viewer .container {
	display:none;
}

#map {
	width:100%;
	height:100%;
}

#viewer {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:1;
	filter:alpha(opacity = 100);
	transition:opacity 0.5s ease;
	-o-transition:opacity 0.5s ease;
	-moz-transition:opacity 0.5s ease;
	-webkit-transition:opacity 0.5s ease;
}

.ie6 #viewer {
	position:absolute;
}

.delayviewer #viewer {
	background:url(../img/map.gif) center center no-repeat;
	z-index:0;
	opacity:0.5;
	filter:alpha(opacity = 50);
}

@media screen and (max-width: 1920px) {
	.delayviewer #viewer {
		background:url(../img/map-1920.gif) center center no-repeat;
	}
}

@media screen and (max-width: 1680px) {
	.delayviewer #viewer {
		background:url(../img/map-1680.gif) center center no-repeat;
	}
}

@media screen and (max-width: 1440px) {
	.delayviewer #viewer {
		background:url(../img/map-1440.gif) center center no-repeat;
	}
}

@media screen and (max-width: 1280px) {
	.delayviewer #viewer {
		background:url(../img/map-1280.gif) center center no-repeat;
	}
}

@media screen and (max-width: 1024px) {
	.delayviewer #viewer {
		background:url(../img/map-1024.gif) center center no-repeat;
	}
}