/* ===== PAGINA ALGEMEEN ===== */
body 
{
    font-family: Arial, sans-serif; /* simpel lettertype */
    margin: 0; /* geen ruimte buiten de pagina */
    padding: 0; /* geen ruimte binnen de pagina */
    background-color: #f1f8f4; /* licht groene achtergrond */
    color: #333; /* donkergrijze tekst */
}

/* ===== HEADER (bovenste balk) ===== */
header 
{
    background-color: #43a047; /* groene balk */
    color: white; /* witte tekst */
    padding: 10px 0; /* ruimte boven en onder */
}

/* ===== MENU ===== */
nav ul
{
    list-style: none; /* geen bolletjes */
    display: flex; /* menu naast elkaar */
    justify-content: center; /* in het midden */
    margin: 0; /* geen extra ruimte */
    padding: 0;
}

nav li
{
    margin: 0 15px; /* ruimte tussen menu items */
}

nav a
{
    color: white; /* witte tekst */
    text-decoration: none; /* geen onderstreep */
    font-weight: bold; /* dikgedrukt */
}

nav a:hover
{
    text-decoration: underline; /* lijntje bij hover */
}

/* ===== HOOFDINHOUD ===== */
main
{
    max-width: 900px; /* maximale breedte */
    margin: 20px auto; /* centreren */
    padding: 20px; /* ruimte binnen het blok */
    background-color: #e8f5e9; /* licht groen vlak */
    border-radius: 10px; /* ronde hoeken */
}

/* ===== TITELS ===== */
h4
{
    text-align: center; /* tekst in midden */
    color: #b3d8b5; /* licht groen */
}

/* ===== TEKST ===== */
p
{
    margin-bottom: 15px; /* ruimte onder tekst */
}

/* ===== AFBEELDINGEN ===== */
img
{
    width: 100%; /* vult breedte */
    max-width: 500px; /* niet groter dan 500px */
    display: block; /* op nieuwe regel */
    margin: 10px auto; /* centreren + ruimte */
    border-radius: 10px; /* ronde hoeken */
}

/* ===== FOOTER (onderkant) ===== */
footer
{
    background-color: #2e7d32; /* donkergroen */
    color: white; /* witte tekst */
    padding: 20px; /* ruimte binnen */
    text-align: center; /* tekst midden */
}

footer h4
{
    margin: 10px 0 5px 0; /* ruimte rond titel */
}

footer p
{
    margin: 2px 0; /* kleine ruimte tussen regels */
}

/* ===== LOGO'S ===== */
#logos
{
    margin-top: 10px; /* ruimte boven logo's */
}

#logos a
{
    margin: 0 10px; /* ruimte tussen links */
}

#logos img
{
    width: 30px; /* kleine grootte */
    height: 30px; /* vaste hoogte */
}