@charset "utf-8";
	html {
	padding: 0px;
	margin: 0px;
	overflow: ;
	background-color: #eee;
}

.overlay {
	position: absolute;
	cursor: pointer;
	left: 7%;
	right: 10%;
	z-index: 20;
	border: 0px #000 solid;
	background-image: url('../img/empty.png');
}

#overlay1 {
	top: 3%;
	bottom: 85.5%;
}

#overlay2 {
	top: 14.5%;
	bottom: 73.5%;
}

#overlay3 {
	top: 26.5%;
	bottom: 61.5%;
}

#overlay4 {
	top: 38.5%;
	bottom: 50.5%;
}

#overlay5 {
	top: 49.5%;
	bottom: 39.5%;
}

#overlay6 {
	top: 60.5%;
	bottom: 28.5%;
}

#overlay7 {
	top: 71.5%;
	bottom: 15.3%;
}

#overlay8 {
	top: 84.7%;
	bottom: 1%;
}

#backbutton {
	background-image: url(../img/back.png);
	z-index: 1000;
	position: fixed;
	bottom: 30px;
	left: 10px;
	height: 58px;
	width: 83px;
}

#backbutton:hover {
	background-image: url(../img/back_h.png);
	height: 65px;
	bottom: 23px;
}

.link {
	position: absolute;
}

.link img {
	width: 100%;
}

#tropisms {
	top: 8%;
	left: 15%;
	right: 55%;
}

#detijddestroom {
	top: 14%;
	left: 18%;
	right: 45%;
}

#hbsa {
	top: 18%;
	left: 19%;
	right: 35%;
}

#ikenmijnouders {
	top: 30%;
	left: 23%;
	right: 35%;
}

#opdegrens {
	top: 42%;
	left: 32%;
	right: 38%;
}

#openluchten {
	top: 51%;
	left: 34%;
	right: 35%;
}

#verhalenvaneenrivier {
	top: 60%;
	left: 35%;
	right: 30%;
}

#projects {
	position: absolute;
	height: 100%;
	z-index: -1;
	display: none;
}

#projects img {
	height: 100%;
}

#projh {
	position: absolute;
	height: 100%;
	z-index: -1;
}

#projh img {
	height: 100%;
}

.preload {
	display: none;
}

body {
	margin: 0px;
}