body{margin: 0 auto;}

header img{width: 40%;}
header{background-color:white;}
.headertext{float: right; margin-right: 5%; margin-top: 5%; }
.headertext p{text-align: center; margin: 20px; font-size: 2vw; font-weight: bold; color: #ff9225; text-shadow: 1px 1px 0px #777777;}

nav{background-color: #777777;}
nav ul{padding-top: 10px; padding-bottom: 10px; list-style-image: none;}
nav ul li{display: inline; color: white; font-size: 25px; font-weight: bold; margin-left: 20px;}
nav a{padding: 10px;  text-decoration: none;color: white;}
nav a:hover{background-color: white; color: #777777;}

.terugknop{}
.terugknop a{padding: 6px; background-color: white; color:#777777; text-decoration:underline;}
.terugknop a:hover{background-color: #777777; color: white; text-decoration: underline;}



.hoofdpagina{}
.hoofdpagina article{margin-top: 30px; border: 3px solid white; width: 200px;height: 250px;  float: left; margin-left: 7%; background-color: white; border-radius: 20px;box-shadow: 0px 0px 1px 5px #777777;}
.hoofdpagina article:hover{border: 3px solid #ff9225;}
.hoofdpagina img{width: 150px; display: block; margin-left: auto; margin-right: auto; margin-top: 20px; }
.hoofdpagina p{margin-top: 30px;color: #ff9225; font-size: 20px; font-weight: bold; text-align: center;text-shadow: 1px 1px 0px #777777;}
.hoofdpagina a{text-decoration: none; }

.uitleg{color: black; text-shadow: 0px 0px 0px #777777; font-size: 22px; line-height: 30px;}
.uitleg article{margin-top: 50px; margin-left: 30px; width: 50%; margin-right: 30px;}
.uitleg h2{margin-bottom: 15px;}
.uitleg p{margin-top: 15px;}
.uitleg img{width: 30%; margin-top: 40px; margin-left: 30px; margin-right: 30px;  border-radius: 20px;border: 3px solid #ff9225;}

.contact{margin: auto; margin-bottom: 40px; padding: 20px; width: 40%; border: 3px solid #ff9225; clear: both; box-shadow: 0px 0px 1px 5px #777777; border-radius: 20px; text-align: center; line-height: 30px;}
.contact h1{color: #ff9225; font-size: 40px; font-weight: bold; text-shadow: 1px 1px 0px #777777; padding-bottom: 20px;}
.contact h2{color: blue; font-size: 25px; font-weight: bold;}
.contact p{font-weight: bold; font-size: 20px;}

.clearboth{clear: both;}
.fright{float:right;}
.fleft{float:left;}
.mbottom{margin-bottom: 40px;}