/* algemeen */


h1 {
  font-size: 2.8em; /* 40px/16=2.5em */
}


html, body {
	height: 100%;
}
body {
	font-family: "Comic Sans MS" "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	background: url("Images/background2.jpg") top left repeat;
}
img {
	max-width: 100%;
	height: auto;
}

/* indeling */

.pagina {
	min-height: 100%;
}
@media (min-width: 1500px) {
	.pagina {
		max-width: 1440px;
	}
}

/* home pagina */

.titel {
	padding-top: 30px;
	color: #5e59b7;
}
.sitename {
	color: #f40000;
}
.klok {
	padding: 15px 0;
	font-style: italic; font-size: 18px;
	font-weight: 600;
	color: #5e59b7;
}

/* knoppen */

.knoppen {
	padding-top: 30px;
}
.knoppen p {
	color: #1c5971;
}
.knop {
	display: inline-block;
	width: 158px;
	height: 58px;
	position: relative;
	border-top: 4px solid #51ff00;
	border-left: 4px solid #51ff00;
	border-bottom: 4px solid #34ab00;
	border-right: 4px solid #34ab00;
	border-radius: 4px;
}
.knop img {
	width: 150px;
	height: 50px;
}
.knop img:last-child {
	position: absolute;
	top:0; left:0;
	display: none;
}
.knop:hover img:last-child {
	display: block;
}