/* Titelbalk (standaard stijl zonder witruimte er onder) */

#header {
	position: fixed;
	margin-bottom: 0px;
}

/* Linker zijbalk */

#left {
	position: absolute;
	z-index: -1;
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 0px 2px;
	font-size: 80%;
}

/* Kaart */

#map_OpenLayers_ViewPort {
	/* Zorg dat de viewport in IE ook een grootte heeft.
	 * OpenLayers zet de positionering op relatief 100%.
	 * Dat werkt niet, dus override het hier.
	 */
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

#map {
	position: fixed;
	margin: 0px;
	padding: 0px;
	border-top: 1px #ff5800 solid;
	border-left: 1px #ff5800 solid;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 0;
}

#map-grow {
	position: fixed;
	border-style: none;
	left: 154px;
	top: 96px;
	cursor: pointer;
}

#map-shrink {
	position: fixed;
	border-style: none;
	left: 0px;
	top: 0px;
	cursor: pointer;
}

#map div.olControlMousePosition {
	top: 7px;
	right: 3px;
	position: absolute;
	font-size: 65%;
}
#map div.olControlMousePosition:hover {
	background-color: #3e3e3e;
	color: #fff;
	cursor: default;
}

#header div.olControlMousePosition {
	right: 3px;
	position: absolute;
	color: #fff;
	font-size: 65%;
}

div.olControlPermalink {
	bottom: 1px;
	right: 3px;
	position: absolute;
	font-size: 65%;
}
div.olControlPermalink a {
	color: #3e3e3e;
	text-decoration: none;
}
div.olControlPermalink a:hover {
	background-color: #3e3e3e;
	color: #fff;
}

.olLayerGoogleCopyright {
	left: 2px;
	bottom: 2px;  
}
.olLayerGooglePoweredBy {
	left: 2px;
	bottom: 15px;   
}

/* CoordBorder */
/* Top */
div.olControlCoordBordersBarTop, div.olControlCoordBordersBar1Top, div.olControlCoordBordersBar2Top {
	position: absolute;
	overflow: hidden;
	height: 1px;
	background-color: black;
}
div.olControlCoordBordersBarTop {
	top: 3px;
}
div.olControlCoordBordersBar1Top {
	top: 0px;
}
div.olControlCoordBordersBar2Top {
	top: 6px;
}
div.olControlCoordBordersMarkerMajorTop, div.olControlCoordBordersMarkerMinorTop {
	position: absolute;
	overflow: hidden;
	text-align: center;
	width: 1px;
	background-color: black;
}
div.olControlCoordBordersMarkerMajorTop {
	top: 0px;
	height: 6px;
}
div.olControlCoordBordersMarkerMinorTop {
	top: 4px;
	height: 3px;
}
/* Left */
div.olControlCoordBordersBarLeft, div.olControlCoordBordersBar1Left, div.olControlCoordBordersBar2Left {
	position: absolute;
	overflow: hidden;
	width: 1px;
	background-color: black;
}
div.olControlCoordBordersBarLeft {
	left: 3px;
}
div.olControlCoordBordersBar1Left {
	left: 0px;
}
div.olControlCoordBordersBar2Left {
	left: 6px;
}
div.olControlCoordBordersMarkerMajorLeft, div.olControlCoordBordersMarkerMinorLeft {
	position: absolute;
	overflow: hidden;
	text-align: center;
	height: 1px;
	background-color: black;
}
div.olControlCoordBordersMarkerMajorLeft {
	left: 0px;
	width: 6px;
}
div.olControlCoordBordersMarkerMinorLeft {
	left: 4px;
	width: 3px;
}

.olFramedCloudPopupContent {
	padding: 5px;
	overflow: auto;
}
.olPopupCloseBox {
	background: url("img/close.gif") no-repeat;
	cursor: pointer;
}

/* Stijlen voor grote en kleine kaart */

body.largemap #map {
	left: 0px;
	top: 0px;
}
body.largemap #map-grow {
	display: none;
}
body.largemap #header {
	display: none;
}
body.largemap #left {
	display: none;
}

body.smallmap #map {
	left: 154px;
	top: 96px; /* gok */
}
body.smallmap #map-shrink {
	display: none;
}
body.smallmap #map div.olControlMousePosition {
	display: none;
}

.hidden {
	display: none;
}

/* Print stijlen */
@media print {
	.olControlPermalink, .olControlPanZoomBar, .olControlLayerSwitcher, #map div.olControlMousePosition, #map-grow, #map-shrink {
		display: none;
	}

	#printnotice {
		border-bottom: none !important;
	}

	#map {
		border: 1px solid black !important;
		left: 0px !important;
		top: 90px !important;
	}
	body.smallmap #map {
		height: 430px;
	}
	body.largemap #map {
		height: 500px;
	}

	#left {
		display: block;
		width: 100%;
		top: 520px !important;
	}

}