article {
	background-color: #252;
	}
h1 {
	color: #141;
	font-size: 5.5vh;
	text-shadow: 0px 0px 0.6em #7A7, 0.02em 0.02em 0.15em #FFF;
	}
.sideblauw {
	top: 25vh;
	background-color: #66A;
}
.vakblauw {
	width: 400px;
	float: left;
	margin: 1em;
	padding: 1em;
	background-color: #337;
	border: solid 0.2em #AAC;
	color: #AAC;
}
#cont {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 750px;
	font-size: 0.8em;
}

.links {
	float: left;
	width: 210px;
	height: 470px;
	padding: 15px;
	background-color: #CCC;
	font-size: 1.3em;
	}
.veld {
	float: left;
	width: 500px;
	height: 500px;
	background-color: #0C0;
	}
.links, .veld {
	margin-top: 10px;
	}
.knoptekst {
	width: 90px;
	float: left;
	padding: 2px 0px;
	}
.waarde {
	float: left;
	width: 41px;
	margin: 2px 5px 2px 10px;
	padding: 2px 2px 2px 4px;
	background-color: #FFF;
	box-shadow: inset 2px 2px 3px #AAA;
	}
.groepvak {
	float: left;
	width: 188px;
	padding: 9px;
	margin: 8px 0px;
	border: 1px solid #FFF;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #AAA;
	}
.schuifbalk {
	float: left;
	width: 120px;
	height: 5px;
	margin: 9px 0px;
	background-color: #000;
	border: 1px solid #FFF;
	}
.schuifknop {
	position: relative;
	top: -7px;
	left: 75px;
	width: 3px;
	height: 17px;
	border-width: 1px 5px;
	border-color: #88A;
	border-style: solid;
	background-color: #FFF;
	box-shadow: 2px 2px 2px #888;
	}
.schuiftitel {
	width: 200px;
	float: left;
	clear: both;
	}