body {
	font-family: "Verdana", serif;
    font-size: 1em;
    padding: 0;
    margin: 0;
} 
/*p {
  color: #be1113;
}*/
@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
}  

body:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: -10;
background-size: cover;
background-position: left top;
background-color: #dce6e8;
}
header {
    margin: 0;
    padding: 0;
    background-image: none;
}

header h1 {
    color: whitesmoke;
    font-family: Verdana, serif;
    font-size: 2.5em;
    font-variant: small-caps;
    text-align: center;
    text-shadow: 3px 3px #FF0000;
}

nav { 
    background-color: #5595c7;
    box-sizing: border-box;
    font-size: .9em;
} 

nav ul { 
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav li { 
    border-top: 1px solid orange;
    padding: .5em;
}

nav li:hover {
    background-color: #be1113;
    text-shadow: 2px 2px #FF0000;
}

nav li a {
    text-decoration: none;
    color: white;         
}

article { 
    box-sizing: border-box;
    padding-top: 2em;
    /*padding: 2em;*/
    min-height: 40vh;
}

article img {
    max-width: 100%;
}

article ul, #hoofdvak ol {
    list-style-position: outside;
    margin-left: 2em;
}

article h1, h2, h3 {
    color: #be1113;
    
}
article h4 {
    color: #be1113;
    font-family: Verdana, serif;
    font-size: 1.875em;
    font-variant: small-caps;
    text-align: center;
    text-shadow: 2px 2px grey;    
}
article h5{
    color: #be1113;
    font-size: 1.250em;
    text-align: center;
}
article h6{
	color: #be1113;
	font-size: 1.250em;
	text-align: left;
}	
iframe {
    display: block;
    width: 800px;
    height: 600px;
    margin: 0 auto;
    border: 0;
}
/* =============================
   Footer
   ============================= */

footer {
  background-color: transparent;
  color: white;
  text-align: center;
  font-size: 0.9rem;
  padding: 20px 10px;
  margin-top: 40px;
}