#header
{
    font: 10pt sans-serif;
    margin: 0;
    padding: 0;
    color: gainsboro;
    background-color: #A80532;
}

#form-login > div > input
{
    font: inherit;
    margin: 0.20em;
    padding: 0.25em;
    border: 1px solid silver;
    border-radius: 0.25em;
    color: #151515;
    background-color: whitesmoke;
}

#header input[type=checkbox]
{
    vertical-align: middle;
}

#header input[type=submit]
{
    cursor: pointer;
}

#header a
{
    text-decoration: none;
    color: inherit;
    border:0;
}

#header a:hover
{
    text-decoration: underline;
}

#header nav
{
    clear: both;
    overflow: hidden;
    font-size: larger;
    background-color: #151515;
}

#header nav ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#header nav li
{
    float: left;
    display: block;
}

#header nav li a
{
    display: block;
    padding: 0.5em 1.5em;
}

#header nav li a:hover
{
    text-decoration: none;
    background-color: seagreen;
}

#bearingpunten
{
    float: right;
    padding: 0.5em 1em;
}

#form-login > div, #logout
{
    float: right;
    padding: 1em;
    box-sizing: border-box;
}

#logout
{
    font-size: larger;
    text-align: right;
}

#form-login input[type=submit]
{
    border-color: mediumseagreen;
    background-color: lightgreen;
    background-image: linear-gradient(palegreen, mediumseagreen);
}

#form-email, #form-password
{
    width: 14em;
    color: #750121;
}

#login-msg
{
    float: right;
    padding: 1.5em 0;
}

#header .stroggo
{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5em;
}