/* Zorg dat de header (top) bovenin vast blijft staan tijdens het scrollen */
.header {
    position: sticky;
    top: 0;
    z-index: 1000; /* Zorgt dat de header altijd bovenop andere elementen ligt */
    background-color: #ffffff; /* Pas aan naar de achtergrondkleur van jouw website */
}

/* Zorg dat de sidebar vast blijft staan op zijn plek */
.sidebar-right, .sidebar-left {
    position: sticky;
    top: 120px; /* Ruimte vanaf de bovenkant (pas dit aan op basis van de hoogte van je header) */
    height: calc(100vh - 120px); /* Zorgt dat de sidebar niet buiten het scherm valt */
    overflow-y: auto; /* Voegt een scrollbalk toe aan de sidebar ZELF als de inhoud te lang is */
}

/* Geef elke oneven rij in de tabel een lichte grijze achtergrond */
table tr:nth-child(odd) {
    background-color: #f9f9f9;
}

/* Optioneel: Geef de rijen een subtiele kleurverandering als je er met de muis overheen herst (hover) */
table tr:hover {
    background-color: #f1f1f1;
}

/* body {
    background-image: url('/images/achtergrondDTK.jpg') !important;
    background-size: cover !important;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
} */