MediaWiki:Common.css: verschil tussen uitvoeringen

Uit Zaakwoordenboek der Lage Landen
Geen bewerkingssamenvatting
Geen bewerkingssamenvatting
 
(121 tussenliggende uitvoeringen door dezelfde gebruiker niet weergegeven)
Regel 1: Regel 1:
/** CSS die hier wordt geplaatst heeft invloed op alle vormgevingen */
/** CSS die hier wordt geplaatst heeft invloed op alle vormgevingen */


body.page-Hoofdbladzijde h1 { display: none; }
body.page-Hoofdbladzijde h1 {  
    display: none;  
}
 
/************************/
/* BEGIN HOOFDBLADZIJDE */
/************************/
 
/* eerste rij heeft geen css */
 
/************************/
 
.tweede-rij {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 10px;
    margin: 25px 0px 0px 0px;
    align-items: start;
}
 
.welkom {
    background-color: hsl(120, 75%, 97%);
    border-radius: 1em;
    padding: 25px;
    margin: 0px 0px 0px 0px;
    align-items: start;
    border-style: solid;
    border-color: hsl(120, 75%, 25%);
    border-width: thin;
}
 
.welkom-hoofding {
    /* tweede rij */
    color: hsl(120, 75%, 25%);
}
 
.beschrijving {
    /* tweede rij */
    background-color: hsl(60, 75%, 97%);
    padding: 25px;
    border-radius: 1em;
    margin: 0px 0px 0px 0px;
    align-items: start;
    border-style: solid;
    border-color: hsl(60, 75%, 25%);
    border-width: thin;
}
 
.beschrijving-hoofding {
    /* tweede rij */
    color: hsl(60, 75%, 25%);
}
 
/************************/
 
.derde-rij {
    /* woordenlijst */
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    margin: 30px 0px 0px 0px;
    align-items: start;
    width: 70%;
}
 
.woordenlijst {
    /* derde rij */
    background-color: hsl(180, 75%, 97%);
    padding: 25px;
    border-radius: 1em;
    border-style: solid;
    border-color: hsl(180, 75%, 25%);
    border-width: thin;
}
 
.woordenlijst-hoofding {
    /* derde rij */
    color: hsl(180, 75%, 25%);
}
 
.vierde-rij {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    margin: 30px 0px 0px 0px;
    align-items: start;
    width: 80%;
}
 
.woord {
    /* vierde rij */
    background-color: hsl(240, 75%, 97%);
    padding: 25px;
    border-radius: 1em;
}
 
.woord-tekst {
    /* vierde rij */
    margin: 0px 0px 0px -20px;
   
}
 
.woord-hoofding {
    /* vierde rij */
    color: hsl(240, 75%, 25%);
}
 
.aanhaling {
    /* vierde rij */
    background-color: hsl(270, 75%, 97%);
    padding: 15px;
    border-radius: 1em;
}
 
.aanhaling-hoofding {
    color: hsl(270, 75%, 25%);
}
 
.aanhaling-tekst {
    padding: 15px;
}
 
.nieuwsbrief {
    background-color: hsl(300, 75%, 97%);
    padding: 30px;
    border-radius: 1em;
    border-style: solid;
    border-color: hsl(300, 75%, 25%);
    border-width: thin;
}
 
.nieuwsbrief-hoofding {
    /* vijfde rij */
    color: hsl(300, 75%, 25%);
}
 
.afbeelding-tekst {
    margin: 0px 0px 0px -20px;
}
 
.vijfde-rij {
    /* zuilengang */
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    margin: 25px 0px 0px 0px;
    align-items: start;
    width: 50%;
}
 
.zuilengang-hoofding {
    /* zesde rij */
    color: #525252;
}
 
/************************/
 
/* los van bladzijdeschikking */
 
.links {
    text-align: left;
}
 
.rij-deel {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    padding: .5em;
    margin: 0px 0px -10px 0px;
    align-items: start;
}
 
.rij-deelinhoud {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    padding: .5em;
    margin: 0px -5px 0px -5px;
    align-items: start;
}
 
.onderschrift {
    color: grey;
}
 
 
/************************/
/* EINDE HOOFDBLADZIJDE */
/************************/
 
/************/
/* BEGIN OUD*/
/************/
 
.hoofdbladzijde-1kolom {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    padding: .5em;
    margin: 0px 0px -10px 0px;
    align-items: start;
}


.hoofdbladzijde-2kolom-eerste {
.hoofdbladzijde-2kolom-eerste {
Regel 50: Regel 252:
}
}


.hoofdbladzijde-1kolom {
.hoofdbladzijde-1kolom-90 {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    padding: .5em;
    margin: 0px 0px -10px 0px;
    align-items: start;
    width: 90%;
}
 
.hoofdbladzijde-1kolom-80 {
     display: grid;
     display: grid;
     grid-template-columns: 1fr;
     grid-template-columns: 1fr;
Regel 57: Regel 269:
     margin: 0px 0px -10px 0px;
     margin: 0px 0px -10px 0px;
     align-items: start;
     align-items: start;
    width: 80%;
}
}


.hoofdbladzijde-1kolom-inhoud {
.hoofdbladzijde-1kolom-70 {
     display: grid;
     display: grid;
     grid-template-columns: 1fr;
     grid-template-columns: 1fr;
     grid-template-rows: auto;
     grid-template-rows: auto;
     padding: .5em;
     padding: .5em;
     margin: 0px -5px 0px -5px;
     margin: 0px 0px -10px 0px;
     align-items: start;
     align-items: start;
    width: 70%;
}
}


.hoofdbladzijde-onderschrift {
.hoofdbladzijde-onderschrift {
Regel 75: Regel 291:
     background-color: hsl(120, 75%, 96%);
     background-color: hsl(120, 75%, 96%);
     border-radius: 1em;
     border-radius: 1em;
     padding: 15px;
     padding: 25px;
     margin: 0px 0px 0px 5px;
     margin: 0px 0px 0px 0px;
     align-items: start;
     align-items: start;
}
}
Regel 86: Regel 302:
.hoofdbladzijde-nieuws {
.hoofdbladzijde-nieuws {
     background-color: hsl(90, 75%, 96%);
     background-color: hsl(90, 75%, 96%);
     padding: 15px;
     padding: 25px;
     border-radius: 1em;
     border-radius: 1em;
     margin: 0px 5px 0px 0px;
     margin: 0px 0px 0px 0px;
     align-items: start;
     align-items: start;
}
}
Regel 94: Regel 310:
.hoofdbladzijde-nieuws-hoofding {
.hoofdbladzijde-nieuws-hoofding {
     color: hsl(90, 75%, 25%);
     color: hsl(90, 75%, 25%);
    margin: 10px 0px 0px 0px;
}
}


.hoofdbladzijde-beschrijving {
.hoofdbladzijde-beschrijving {
     background-color: hsl(60, 75%, 96%);
     background-color: hsl(60, 75%, 96%);
     padding: 15px;
     padding: 25px;
     border-radius: 1em;
     border-radius: 1em;
     margin: 0px 0px 0px 5px;
     margin: 0px 0px 0px 0px;
     align-items: start;
     align-items: start;
}
}
Regel 110: Regel 327:
.hoofdbladzijde-woordenlijst {
.hoofdbladzijde-woordenlijst {
     background-color: hsl(180, 75%, 96%);
     background-color: hsl(180, 75%, 96%);
     padding: 15px;
     padding: 25px;
     border-radius: 1em;
     border-radius: 1em;
}
}
Regel 116: Regel 333:
.hoofdbladzijde-woordenlijst-hoofding {
.hoofdbladzijde-woordenlijst-hoofding {
     color: hsl(180, 75%, 25%);
     color: hsl(180, 75%, 25%);
    margin: 20px 0px 0px 0px;
}
}


.hoofdbladzijde-uitgelicht-woord {
.hoofdbladzijde-uitgelicht-woord {
     background-color: hsl(240, 75%, 97%);
     background-color: hsl(240, 75%, 97%);
     padding: 15px;
     padding: 25px;
     border-radius: 1em;
     border-radius: 1em;
}
}
Regel 129: Regel 347:


.hoofdbladzijde-uitgelicht-afbeelding {
.hoofdbladzijde-uitgelicht-afbeelding {
     background-color: hsl(280, 75%, 97%);
     background-color: hsl(300, 75%, 97%);
     padding: 15px;
     padding: 15px;
     border-radius: 1em;
     border-radius: 1em;
Regel 135: Regel 353:


.hoofdbladzijde-uitgelicht-afbeelding-hoofding {
.hoofdbladzijde-uitgelicht-afbeelding-hoofding {
     color: hsl(280, 75%, 25%);
     color: hsl(300, 75%, 25%);
}
}


.hoofdbladzijde-uitgelicht-aanhaling {
.hoofdbladzijde-uitgelicht-aanhaling {
     background-color: hsl(260, 75%, 97%);
     background-color: hsl(270, 75%, 97%);
     padding: 15px;
     padding: 15px;
     border-radius: 1em;
     border-radius: 1em;
Regel 145: Regel 363:


.hoofdbladzijde-uitgelicht-aanhaling-hoofding {
.hoofdbladzijde-uitgelicht-aanhaling-hoofding {
     color: hsl(260, 75%, 25%);
     color: hsl(270, 75%, 25%);
}
}


Regel 184: Regel 402:
     color: #525252;
     color: #525252;
}
}
/* EINDE OUD */
/* OVERIG */


.klad {
.klad {
Regel 367: Regel 589:
     margin: 0px 0px -10px 0px;
     margin: 0px 0px -10px 0px;
     align-items: start;
     align-items: start;
}
.naamvallenhulplijst-2kolom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    padding: .5em;
    align-items: start;
}
.naamvallenhulplijst-1kolom {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    padding: .5em;
    margin: 0px 10px 10px 10px;
    align-items: start;
}
.bron {
    background-color: #f8f9fa;
    padding: 10px;
    margin: 12px 0px 0px 0px;
    border-style: solid;
    border-color: #a4a9b1;
    border-width: thin;
}
.bron-inhoud {
    margin: -10px 0px 0px 0px;
}
.uitgelicht {
    background-color: lightgoldenrodyellow;
    padding: 10px;
    margin: 12px 0px 0px 0px;
    border-style: solid;
    border-color: darkgoldenrod;
    border-width: thin;
}
.uitgelicht-inhoud {
    margin: -6px 0px -5px 0px;
    color: darkgoldenrod;
}
.schouwzuil-2p {
    background-color: #ffe5e9;
    padding: 10px;
    margin: 12px 0px 0px 0px;
    border-radius: 1em;
    border-style: solid;
    border-color: darkred;
    border-width: thin;
}
.schouwzuil-inhoud-2p {
    margin: 0px 12px 10px 12px;
    color: darkred;
}
.schouwzuil-1p {
    background-color: #ffe4b2;
    padding: 10px;
    margin: 12px 0px 0px 0px;
    border-radius: 1em;
    border-style: solid;
    border-color: darkred;
    border-width: thin;
}
.schouwzuil-inhoud-1p {
    margin: 0px 12px 10px 12px;
    color: darkred;
}
.schouwzuil-hp {
    background-color: lightyellow;
    padding: 10px;
    margin: 12px 0px 0px 0px;
    border-radius: 1em;
    border-style: solid;
    border-color: darkred;
    border-width: thin;
}
.schouwzuil-inhoud-hp {
    margin: 0px 12px 10px 12px;
    color: darkred;
}
/* Des Jaars Dagen */
.djd {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 10px;
    margin: 0px 0px 0px 0px;
}
.djd-m {
    background-color: #ebebfa;
    padding: 10px;
    margin: 12px 0px 0px 0px;
    border-radius: 1em;
    border-style: solid;
    border-color: #3333cc;
    border-width: thin;
}
.djd-naam {
    color: #3333cc;
}
}

Huidige uitvoering van 25 len 2024 om 00:31

/** CSS die hier wordt geplaatst heeft invloed op alle vormgevingen */

body.page-Hoofdbladzijde h1 { 
    display: none; 
}

/************************/
/* BEGIN HOOFDBLADZIJDE */
/************************/

/* eerste rij heeft geen css */

/************************/

.tweede-rij {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 10px;
    margin: 25px 0px 0px 0px;
    align-items: start;
}

.welkom {
    background-color: hsl(120, 75%, 97%);
    border-radius: 1em;
    padding: 25px;
    margin: 0px 0px 0px 0px;
    align-items: start;
    border-style: solid;
    border-color: hsl(120, 75%, 25%);
    border-width: thin;
}

.welkom-hoofding {
    /* tweede rij */
    color: hsl(120, 75%, 25%);
}

.beschrijving {
    /* tweede rij */
    background-color: hsl(60, 75%, 97%);
    padding: 25px;
    border-radius: 1em;
    margin: 0px 0px 0px 0px;
    align-items: start;
    border-style: solid;
    border-color: hsl(60, 75%, 25%);
    border-width: thin;
}

.beschrijving-hoofding {
    /* tweede rij */
    color: hsl(60, 75%, 25%);
}

/************************/

.derde-rij {
    /* woordenlijst */
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    margin: 30px 0px 0px 0px;
    align-items: start;
    width: 70%;
}

.woordenlijst {
    /* derde rij */
    background-color: hsl(180, 75%, 97%);
    padding: 25px;
    border-radius: 1em;
    border-style: solid;
    border-color: hsl(180, 75%, 25%);
    border-width: thin;
}

.woordenlijst-hoofding {
    /* derde rij */
    color: hsl(180, 75%, 25%);
}

.vierde-rij {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    margin: 30px 0px 0px 0px;
    align-items: start;
    width: 80%;
}

.woord {
    /* vierde rij */
    background-color: hsl(240, 75%, 97%);
    padding: 25px;
    border-radius: 1em;
}

.woord-tekst {
    /* vierde rij */
    margin: 0px 0px 0px -20px;
    
}

.woord-hoofding {
    /* vierde rij */
    color: hsl(240, 75%, 25%);
}

.aanhaling {
    /* vierde rij */
    background-color: hsl(270, 75%, 97%);
    padding: 15px;
    border-radius: 1em;
}

.aanhaling-hoofding {
    color: hsl(270, 75%, 25%);
}

.aanhaling-tekst {
    padding: 15px;
}

.nieuwsbrief {
    background-color: hsl(300, 75%, 97%);
    padding: 30px;
    border-radius: 1em;
    border-style: solid;
    border-color: hsl(300, 75%, 25%);
    border-width: thin;
}

.nieuwsbrief-hoofding {
    /* vijfde rij */
    color: hsl(300, 75%, 25%);
}

.afbeelding-tekst {
    margin: 0px 0px 0px -20px;
}

.vijfde-rij {
    /* zuilengang */
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    margin: 25px 0px 0px 0px;
    align-items: start;
    width: 50%;
}

.zuilengang-hoofding {
    /* zesde rij */
    color: #525252;
}

/************************/

/* los van bladzijdeschikking */

.links {
    text-align: left;
}

.rij-deel {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    padding: .5em;
    margin: 0px 0px -10px 0px;
    align-items: start;
}

.rij-deelinhoud {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    padding: .5em;
    margin: 0px -5px 0px -5px;
    align-items: start;
}

.onderschrift {
    color: grey;
}


/************************/
/* EINDE HOOFDBLADZIJDE */
/************************/

/************/
/* BEGIN OUD*/
/************/

.hoofdbladzijde-1kolom {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    padding: .5em;
    margin: 0px 0px -10px 0px;
    align-items: start;
}

.hoofdbladzijde-2kolom-eerste {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 10px;
    padding: .5em;
    margin: 25px 0px -10px 0px;
    align-items: start;
}

.hoofdbladzijde-3kolom-eerste {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    padding: .5em;
    margin: 0px 0px 0px 0px;
    align-items: start;
}

.hoofdbladzijde-1-2kolom {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto;
    gap: 10px;
    padding: .5em;
    margin: 25px 0px -10px 0px;
    align-items: start;
}

.hoofdbladzijde-2kolom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    padding: .5em;
    margin: 25px 0px -10px 0px;
    align-items: start;
}

.hoofdbladzijde-3kolom {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    padding: .5em;
    margin: 0px 0px -10px 0px;
    align-items: start;
}

.hoofdbladzijde-1kolom-90 {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    padding: .5em;
    margin: 0px 0px -10px 0px;
    align-items: start;
    width: 90%;
}

.hoofdbladzijde-1kolom-80 {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    padding: .5em;
    margin: 0px 0px -10px 0px;
    align-items: start;
    width: 80%;
}

.hoofdbladzijde-1kolom-70 {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    padding: .5em;
    margin: 0px 0px -10px 0px;
    align-items: start;
    width: 70%;
}



.hoofdbladzijde-onderschrift {
    color: grey;
}

.hoofdbladzijde-welkom {
    background-color: hsl(120, 75%, 96%);
    border-radius: 1em;
    padding: 25px;
    margin: 0px 0px 0px 0px;
    align-items: start;
}

.hoofdbladzijde-welkom-hoofding {
    color: hsl(120, 75%, 25%);
}

.hoofdbladzijde-nieuws {
    background-color: hsl(90, 75%, 96%);
    padding: 25px;
    border-radius: 1em;
    margin: 0px 0px 0px 0px;
    align-items: start;
}

.hoofdbladzijde-nieuws-hoofding {
    color: hsl(90, 75%, 25%);
    margin: 10px 0px 0px 0px;
}

.hoofdbladzijde-beschrijving {
    background-color: hsl(60, 75%, 96%);
    padding: 25px;
    border-radius: 1em;
    margin: 0px 0px 0px 0px;
    align-items: start;
}

.hoofdbladzijde-beschrijving-hoofding {
    color: hsl(60, 75%, 25%);
}

.hoofdbladzijde-woordenlijst {
    background-color: hsl(180, 75%, 96%);
    padding: 25px;
    border-radius: 1em;
}

.hoofdbladzijde-woordenlijst-hoofding {
    color: hsl(180, 75%, 25%);
    margin: 20px 0px 0px 0px;
}

.hoofdbladzijde-uitgelicht-woord {
    background-color: hsl(240, 75%, 97%);
    padding: 25px;
    border-radius: 1em;
}

.hoofdbladzijde-uitgelicht-woord-hoofding {
    color: hsl(240, 75%, 25%);
}

.hoofdbladzijde-uitgelicht-afbeelding {
    background-color: hsl(300, 75%, 97%);
    padding: 15px;
    border-radius: 1em;
}

.hoofdbladzijde-uitgelicht-afbeelding-hoofding {
    color: hsl(300, 75%, 25%);
}

.hoofdbladzijde-uitgelicht-aanhaling {
    background-color: hsl(270, 75%, 97%);
    padding: 15px;
    border-radius: 1em;
}

.hoofdbladzijde-uitgelicht-aanhaling-hoofding {
    color: hsl(270, 75%, 25%);
}

.hoofdbladzijde-uitgelicht-aanhaling-bewoording {
    padding: 15px;
}

.hoofdbladzijde-woordenboek {
    background-color: hsl(0, 75%, 97%);
    padding: 15px;
    border-radius: 1em;
}

.hoofdbladzijde-woordenboek-hoofding {
    color: hsl(0, 75%, 25%);
}

.hoofdbladzijde-woordenboek2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 10px;
    padding: .5em;
}

.hoofdbladzijde-woordenboek-voorwerp {
    padding: 10px;
    border-radius: 1em;
    background-color: hsl(240, 75%, 94%);
}

.hoofdbladzijde-zuilengang {
    padding: 15px;
    border-radius: 1em;
}

.hoofdbladzijde-zuilengang-hoofding {
    color: #525252;
}

/* EINDE OUD */

/* OVERIG */

.klad {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: auto;
    gap: 10px;
    padding: .5em;
}

.klad-voorwerp-hoofding {
    color: darkgoldenrod;
}

.klad-voorwerp {
    background-color: lightgoldenrodyellow;
    padding: 10px;
    border-radius: 1em;
    border-style: double;
    border: solid gold;
    border-width: thin;
    color: goldenrod;
}

.klad-leeg {
    padding: 10px;
    border-radius: 1em;
}

.scheiding {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 10px;
    padding: .5em;
    margin: 25px 0px 25px 0px;
}

.scheiding-voorwerp {
    padding: 10px;
    border-radius: 1em;
}

.vierogen {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: auto;
    gap: 10px;
    padding: .5em;
}

.vierogen-voorwerp-hoofding {
    color: seagreen;
}

.vierogen-voorwerp {
    background-color: palegreen;
    padding: 10px;
    border-radius: 1em;
    border-style: double;
    border: solid green;
    border-width: thin;
    color: seagreen;
}

.vierogen-leeg {
    padding: 10px;
    border-radius: 1em;
}

.aardrijkskunde {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 10px;
    padding: .5em;
    margin: 20px 0px 0px 0px;
}

.aardrijkskunde-deel {
    background-color: rgba(170, 170, 170, 20%);
    padding: 10px;
    border-radius: 1em;
}

.taal {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 10px;
    padding: .5em;
    margin: 20px 0px 0px 0px;
}

.taal-deel {
    background-color: rgba(170, 170, 170, 20%);
    padding: 10px;
    border-radius: 1em;
}

.mensenzuil-2kolom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    padding: .5em;
    align-items: start;
}

.mensenzuil-1kolom {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 10px;
    padding: .5em;
    margin: 0px 0px -10px 0px;
    align-items: start;
}

.mensenzuil-voorwerp {
    background-color: hsl(0, 75%, 97%);
    padding: 15px;
    border-radius: 1em;
}

.mensenzuil-hoofding {
    color: hsl(0, 75%, 25%);
}

.lijstenzuil-hoofding {
    color: hsl(180, 75%, 25%);
}

.lijstenzuil-voorwerp {
    background-color: hsl(180, 75%, 96%);
    padding: 15px;
    border-radius: 1em;
}

.lijstenzuil-1kolom {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 10px;
    padding: .5em;
    margin: 0px 0px -10px 0px;
}

.lijstenzuil-4kolom {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 10px;
    padding: .5em;
    margin: 0px 0px -10px 0px;
    align-items: start;
}

.woordenzuil-hoofding {
    color: hsl(240, 75%, 25%);
}

.woordenzuil-voorwerp {
    background-color: hsl(240, 75%, 97%);
    padding: 15px;
    border-radius: 1em;
}

.woordenzuil-1kolom {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 10px;
    padding: .5em;
    margin: 0px 0px -10px 0px;
}

.woordenzuil-4kolom {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 10px;
    padding: .5em;
    margin: 0px 0px -10px 0px;
    align-items: start;
}

.naamvallenhulplijst-2kolom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    padding: .5em;
    align-items: start;
}

.naamvallenhulplijst-1kolom {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    padding: .5em;
    margin: 0px 10px 10px 10px;
    align-items: start;
}

.bron {
    background-color: #f8f9fa;
    padding: 10px;
    margin: 12px 0px 0px 0px;
    border-style: solid;
    border-color: #a4a9b1;
    border-width: thin;
}

.bron-inhoud {
    margin: -10px 0px 0px 0px;
}

.uitgelicht {
    background-color: lightgoldenrodyellow;
    padding: 10px;
    margin: 12px 0px 0px 0px;
    border-style: solid;
    border-color: darkgoldenrod;
    border-width: thin;
}

.uitgelicht-inhoud {
    margin: -6px 0px -5px 0px;
    color: darkgoldenrod;
}

.schouwzuil-2p {
    background-color: #ffe5e9;
    padding: 10px;
    margin: 12px 0px 0px 0px;
    border-radius: 1em;
    border-style: solid;
    border-color: darkred;
    border-width: thin;
}

.schouwzuil-inhoud-2p {
    margin: 0px 12px 10px 12px;
    color: darkred;
}

.schouwzuil-1p {
    background-color: #ffe4b2;
    padding: 10px;
    margin: 12px 0px 0px 0px;
    border-radius: 1em;
    border-style: solid;
    border-color: darkred;
    border-width: thin;
}

.schouwzuil-inhoud-1p {
    margin: 0px 12px 10px 12px;
    color: darkred;
}

.schouwzuil-hp {
    background-color: lightyellow;
    padding: 10px;
    margin: 12px 0px 0px 0px;
    border-radius: 1em;
    border-style: solid;
    border-color: darkred;
    border-width: thin;
}

.schouwzuil-inhoud-hp {
    margin: 0px 12px 10px 12px;
    color: darkred;
}

/* Des Jaars Dagen */
.djd {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 10px;
    margin: 0px 0px 0px 0px;
}

.djd-m {
    background-color: #ebebfa;
    padding: 10px;
    margin: 12px 0px 0px 0px;
    border-radius: 1em;
    border-style: solid;
    border-color: #3333cc;
    border-width: thin;
}

.djd-naam {
    color: #3333cc;
}