* {
	font: 1rem Verdana, Geneva, sans-serif ;
	box-sizing: border-box ;
}

html {
	background: #001 ;
}

a {
	cursor: pointer ;
}

p {
	margin: 0 0 1rem 0 ;
	padding: 0 ;
	font-size: 2rem ;
}

span {
	color: #666 ;
	margin: 0 2rem 0 0 ;
}

#info {
	display: none ;
	width: 100% ;
	height: 10rem ;
	position: fixed ;
	bottom: 0px ;
	left: 0px ;
	background: #001 ;
	opacity: 0.98 ;
	border-top: 1px solid #ddd ;	
	color: #fff ;
}

#informatie, #bronneninformatie, #formulier {
	padding: 1rem ;	
}

#close, #sluiten, #dicht {
	position: absolute ;
	top: 1rem ;
	right: 1rem ;
	cursor: pointer ;	
	font-size: 1.75rem ;
	font-weight: bold ;
}
	#close:hover, #sluiten:hover, #dicht:hover {
		color: #ddd ;
	}

#viewer {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

svg {
    width: 100%;
    height: 100%;
    display: block;
    touch-action: none;
    user-select: none;
    cursor: grab;
}

svg.dragging {
    cursor: grabbing;
}

polygon {
	stroke-width: 12px ;
	stroke-linejoin: round ;
	stroke-linecap: round ;
	fill: #fff6f6 ;
}
	polygon.meer {
		fill: #001 ;
	}

polyline {
	stroke-width: 20px ;
	stroke-linejoin: round ;
	stroke-linecap: round ;
	fill: none ;
}
	.grens {
		stroke: #960 ;	
	}

circle {
	fill: #fff ;
	stroke: #666 ;
	stroke-width: 8px ;
	r: 16px ;
}
	.v circle {
		stroke: #999 ;
	}

nav {
	display: grid ;
	grid-template-columns: 10rem 10rem 1fr 5rem 20rem 10rem ;
	width: 100% ;
	position: fixed ;
	bottom: 0px ;
	left: 0px ;
	background: #001 ;
	opacity: 0.98 ;
	text-align: center ;
	color: #fff ;
}
	nav a {
		font-weight: bold ;
		text-decoration: none ;
	}
		nav a:hover {
			color: #960 ;
		}

#bronnen {
	display: none ;
	width: 100% ;
	height: 100% ;
	position: fixed ;
	bottom: 0px ;
	left: 0px ;
	background: #001 ;
	border-top: 1px solid #ddd ;
	color: #fff ;
	overflow: scroll ;	
}

#info a, nav a, #bronnen a {
	color: #fff ;
}

h1 {
	font-size: 1.5rem ;
}

h2 {
	font-size: 1.25rem ;
}

#formulier {
	display: none ;
	width: 100% ;
	height: 20rem ;
	position: fixed ;
	bottom: 0px ;
	left: 0px ;
	background: #fff ;
	border-top: 1px solid #ddd ;	
	background: #001 ;
	color: #fff ;
}

textarea {
	display: block ;
	width: 40rem ;
	height: 10rem ;
	background: #112;
	color: #fff ;
}

input {
	display: block ;
}

#formulierlink {
	text-decoration: none ;
}

#formulieringevuld {
	position: absolute ;
	top: 5rem ;
	left: 50% ;
	width: 20rem ;
	margin-left: -10rem ;
	text-align: center ;
	background: #fff ;
	border: 1px solid #eee ;
	font-size: 125% ;
	padding: 1rem ;
}