body 
{
    font-family: Arial, sans-serif; /* makkelijk leesbaar lettertype */
    line-height: 1.6; /* ruimte tussen regels */
    margin: 0; /* geen standaard ruimte buiten */
    padding: 0; /* geen standaard ruimte binnen */
    background-color: #fff8f0; /* lichte achtergrond */
    color: #333; /* donkere tekst */
}

header 
{
    background-color: #e53935; /* rode balk boven */
    color: white; /* witte tekst */
    padding: 10px 0; /* ruimte boven en onder */
}

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

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

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

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

main 
{
    max-width: 900px; /* niet te breed */
    margin: 20px auto; /* midden op pagina */
    padding: 20px; /* ruimte binnen */
    background-color: #fff3e0; /* zachte kleur */
    border-radius: 8px; /* ronde hoeken */
}


h4 
{
    text-align: center; /* midden */
    color: #f4511e; /* oranje kleur */
}


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


img 
{
    width: 100%; /* vult breedte */
    max-width: 500px; /* niet te groot */
    display: block; /* netjes onder elkaar */
    margin: 10px auto; /* in het midden */
    border-radius: 10px; /* ronde hoeken */
}


#rood 
{
    text-align: center; /* afbeelding midden */
}

#plaatjes 
{
    text-align: center; /* afbeelding midden */
}


footer 
{
    background-color: #d84315; /* donker oranje */
    color: white; /* witte tekst */
    padding: 20px; /* ruimte */
    text-align: center; /* alles midden */
}


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

footer p 
{
    margin: 2px 0; /* kleine afstand */
}


#logos 
{
    margin-top: 10px; /* ruimte boven */
}

#logos a 
{
    margin: 0 10px; /* ruimte tussen */
    display: inline-block; /* naast elkaar */
}

#logos img 
{
    width: 30px; /* grootte */
    height: 30px; /* grootte */
    object-fit: cover; /* niet vervormen */
}