body {
    background-color: #999;
    margin:0px; padding:0px;
    font-family: sans-serif; color: #333;
}

article {
    background-color: #ddd;
    width:100%;
    margin: 0px auto 0px;
    padding: 30px;
    max-width: 800px;
    min-height: calc(100vh - 60px);
}

#dealers {
    padding: 10px 0px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 20px;
}

#dealers > div {
    background-color: #eee;
    border: 1px solid #999;
    padding:10px;
    border-radius: 5px;
}

#dealers tr> td:first-child {
    font-weight:bold;
    width:80px;
}

#melding {
    width:100%;
    padding:10px;
    margin:5px 0px;
}

#melding.hidden {
    display: none;
}

#melding.info {
    color:#999;
    font-style: italic;
    background-color:#eee;
    border:1px solid #999;
}

#melding.error {
    background-color:#ff6;
    border:1px solid #f90;
}

input.input_error {
    border:1px solid red;
    background-color:#fdd;
}