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

/* Opmaak van de header */
header {
    background-color: white; /* Witte achtergrond */
    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 rondom tekst */
    display: inline-block; /* Gedraagt zich als blok maar blijft naast elkaar */
    text-align: center; /* Tekst centreren */
}

/* Hover-effect voor navigatielinks */
nav a:hover {
    background-color: chocolate; /* Andere 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 */
}

/* 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 */
}

/* Formulier centreren */
form {
    text-align: center; /* Inhoud van formulier centreren */
}

/* Opmaak van alle H2 titels */
h2 {
    text-align: center; /* Subtitel centreren */
}

/* Opmaak van de box rondom mijn formulier */
.box {
    border: 2px solid white;
    padding: 30px;
    width: 40%;
    margin: 40px auto;
    border-radius: 12px;
    background-color: #f9f5f0;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}