/* Gemeenschappelijke vormgeving voor Vrienden Van De Lijst. */

/*
 * Op de lijstpagina’s hebben het logo en de tabel exact dezelfde breedte.
 * De breedte is vastgelegd in CSS-pixels: daardoor groeien beide bij
 * browserzoom in dezelfde verhouding mee.
 */
.lijstkop {
    width: var(--lijstbreedte);
    margin-left: auto;
    margin-right: auto;
}

.lijstlogo {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
}

.lijsttabel {
    width: var(--lijstbreedte);
    margin-left: auto;
    margin-right: auto;
}

.breedte-477 { --lijstbreedte: 477px; }
.breedte-550 { --lijstbreedte: 550px; }
.breedte-5815 { --lijstbreedte: 581.5px; }
.breedte-622 { --lijstbreedte: 622px; }
.breedte-623 { --lijstbreedte: 623px; }
.breedte-645 { --lijstbreedte: 645px; }
.breedte-663 { --lijstbreedte: 663px; }
.breedte-676 { --lijstbreedte: 676px; }
.breedte-677 { --lijstbreedte: 677px; }
.breedte-709 { --lijstbreedte: 709px; }
.breedte-723 { --lijstbreedte: 723px; }
.breedte-725 { --lijstbreedte: 725px; }
.breedte-729 { --lijstbreedte: 729px; }