/* ===== PAGINA ===== */
body 
{
    font-family: Arial, sans-serif; /* lettertype */
    margin: 0; /* geen buitenrand */
    padding: 0; /* geen binnenruimte */
    background-color: #121212; /* donkere achtergrond */
    color: white; /* witte tekst */
}

/* ===== HEADER ===== */
header 
{
    background-color: #1e1e1e; /* donkergrijs */
    padding: 10px 0; /* ruimte boven en onder */
}

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

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

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

nav a:hover
{
    color: orange; /* kleur bij hover */
}

/* ===== HOOFDINHOUD ===== */
main
{
    max-width: 1100px; /* bredere pagina */
    margin: 20px auto; /* centreren */
    padding: 20px; /* ruimte binnen */
    background-color: #1f1f1f; /* donker blok */
    border-radius: 10px; /* ronde hoeken */
}

/* ===== TABEL ===== */
table
{
    width: 100%; /* volle breedte */
    border-spacing: 20px; /* ruimte tussen vakken */
}

td
{
    vertical-align: top; /* tekst bovenin */
}

/* ===== BELANGRIJKE TEKST ===== */
b
{
    font-size: 20px; /* groter */
    color: #ff9800; /* oranje kleur */
}

/* ===== PARAGRAAF ===== */
p
{
    line-height: 1.6; /* beter leesbaar */
}

/* ===== IFRAME ===== */
iframe
{
    height: 300px; /* hoogte */
    width: 300px; /* breedte */
}

/* ===== FOOTER ===== */
footer
{
    background-color: black; /* zwarte balk */
    color: white; /* witte tekst */
    padding: 20px; /* ruimte */
    text-align: center; /* midden */
}

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

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

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

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

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