/* Achtergrondkleur van de volledige pagina */
body {
    background-color: beige;
}

/* Opmaak van de header */
header {
    background-color: white;
    margin-bottom: 15px; /* Ruimte onder de header */
    text-align: center; /* Tekst centreren */
}

/* Opmaak van alle H1 titels */
H1 {
    text-align: center; /* Titel centreren */
    margin: 0; /* Geen extra ruimte rondom */
}

/* Element met id "kop" */
#kop {
    background: white; /* Witte achtergrond */
    color: saddlebrown; /* Bruine tekstkleur */
    text-align: center; /* Tekst centreren */
}

/* Opmaak van de footer */
footer {
    background: peru; /* Achtergrondkleur */
    color: black; /* Tekstkleur */
    clear: both; /* Komt onder zwevende elementen */
    text-align: center; /* Tekst centreren */
}

/* Navigatiebalk */
nav {
    background-color: peru; /* Achtergrondkleur navigatie */
    text-align: center; /* Links centreren */
}

/* Links in de navigatie */
nav a {
    text-decoration: none; /* Geen onderstreping */
    color: white; /* Witte tekst */
    background-color: saddlebrown; /* Bruine achtergrond */
    padding: 10px; /* Binnenruimte */
    display: inline-block; /* Gedraagt zich als blok */
    text-align: center; /* Tekst centreren */
}

/* Hover-effect voor navigatielinks */
nav a:hover {
    background-color: chocolate; /* Kleur bij hover */
}

/* Container die inhoud centreert */
#container {
    width: 70%; /* Breedte van de container */
    text-align: center; /* Tekst centreren */
    margin-left: auto; /* Automatisch links centreren */
    margin-right: auto; /* Automatisch rechts centreren */
}

/* Afbeeldingen */
img {
    height: 250px; /* Hoogte afbeelding */
    width: 800px; /* Breedte afbeelding */
    border: 1px solid #ddd; /* Lichte rand */
    border-radius: 4px; /* Afgeronde hoeken */
    padding: 5px; /* Binnenruimte */
}

/* Aside (zijbalk) */
aside {
    background: white; /* Witte achtergrond */
    color: saddlebrown; /* Bruine tekstkleur */
    text-align: center; /* Tekst centreren */
    float: right; /* Plaatst aside rechts */
    text-align: center; /* Tekst centreren (staat dubbel in je code) */
    width: 250px; /* Breedte van aside */
    padding: 20px; /* Binnenruimte */
    border-radius: 10px; /* Afgeronde hoeken */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Schaduw-effect */
}

/* Instellingen voor iframe (bijv. video) */
iframe {
    width: 420px; /* Breedte */
    height: 315px; /* Hoogte */
    border: none; /* Geen rand */
}

/* Klasse voor titels */
.titel {
    text-align: center; /* Tekst centreren */
}