html,body {
	background: #FFFFFF; }

#overzicht {
	margin: 4em 2em;
	padding: 0;
	font-weight: 400;
	line-height: 175%; }
	
.typografie {
	font-weight: 500;
	fill: #386539; }

.wit {
	fill: white; }

.zwart {
	fill: black; }

#gecentreerd {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%) }

.hoogtelijn {
	fill: none;
	stroke: #eb0202;
	stroke-width: 1;
	stroke-miterlimit: 10;
	stroke-opacity: 0.3;
	stroke-dasharray: 5 5; }

.hoogte {
	font-weight: 500;
	fill: #eb0202;
	opacity: 0.3;
	stroke-width:0;	 }	

.bos {
	fill: #386539;
	stroke:#FFFFFF;
	stroke-width:2;
	stroke-miterlimit:10; }

.donker_groen {
	fill: #386539;
	stroke-miterlimit:10; }

.donker_groen_naar_zwart {
	fill: #386539;
	stroke-miterlimit:10; }

.licht_groen_donker_groen {
	fill: #DCDB22;
	stroke: #386539;
	stroke-miterlimit:10; }

#wit {
	fill: #FFFFFF; }

.licht_groen {
	fill: #DCDB22;
	stroke-miterlimit:10; }

.complex {
	stroke: #eb0202;
	stroke-width: 1;
	stroke-miterlimit: 10;
	fill: #DCDB22; }

#complex {
	stroke: #eb0202;
	stroke-width: 1;
	stroke-miterlimit: 10;
	fill: #eb0202; }

.complexen {
	stroke: #eb0202;
	stroke-width: 0;
	stroke-miterlimit: 10;
	fill: #eb0202; }

.stad {
	fill: #8E7B33; }

.tuin {
	fill: #DCDB22;
	stroke:#FFFFFF;
	stroke-width:2;
	stroke-miterlimit:10; }
	
.tuinnummer {
	font-weight: 500;
	fill: #000000; }

.BR, .BW, .CA, .PA {
	font-size: 9px; }

.KW {
	font-size: 8px; }

@media screen and (orientation: landscape) {

	#kaart {
		overflow:scroll; }
}

@media screen and (orientation: portrait) {

	#kaart {
		overflow:scroll; }
}

@media screen and (max-width: 800px) {
	
	#overzicht {
		margin: 4em 1em; }
	
	#venster {
		position: fixed;
		top: 25%; }
		
	#kaart {
		height: 100%;
		overflow: scroll; }

}

@media screen and (max-width: 660px) {
	#venster {
		padding:10px; }
	
	#overzicht {
		margin: 6em 1em; }
	
	.column_5em {
		display: block; }
	 
	.column_8em {
		display: block; }
	 
	.column_10em {
		display: block; }
}