*{  
    border: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{ 
        position: relative;
        margin-top:  20px;
        margin-left: 15px; 
        margin-right: 10px; 
        font-size: 15px;
        background-color: #FFFFE6; 
        max-width:  850px; 
      } 


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* Opmaak en lettertype voor de uitleglijst */
.uitleglijst1 {
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    padding-left: 30px;
}

.uitleglijst2 {
    font-size: 17px;
    font-weight: bold;
    padding-top: 6px;
    list-style-type: decimal;  /* de 1*/
    padding-left: 5px; /* de afstand met de 1 vergroten*/
}

.uitleglijst3{  
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    padding-top: 0px;
    list-style-type: upper-alpha; /* A */
    padding-left: 20px; /* inspringen vergroot */
}

.uitleglijst4{  
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    padding-top: 3px;
    list-style-type: lower-alpha;   /* de a */
    padding-left: 20px; /* inspringen vergroot */
}

.uitleglijst5{  
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    padding-top: 3px;
    list-style-type: lower-roman;   /* de i */
    padding-left: 30px; /* inspringen vergroot */
}

.uitleglijst6 {
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    padding-top: 3px;
    list-style-type: circle;   /* bolletje */
    padding-left: 20px; /* inspringen vergroot */
}
/* Einde uitleglijst */


/* Opmaak en lettertype voor de trefwoordenlijst */
.trefwoorden1 {
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    padding-left: 30px;
}

.trefwoorden2 {
    font-size: 17px;
    font-weight: bold;
    padding-top: 6px;
    list-style-type: decimal;  /* de  1   upper-alpha;  A */
    padding-left: 10px; /* de afstand met de 1 vergroten*/
}

.trefwoorden3{  
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    padding-top: 0px;
    list-style-type: lower-alpha; /* a */
    padding-left: 30px;
}

.trefwoorden4{  
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    padding-top: 3px;
    list-style-type: lower-roman;
    padding-left: 30px;
}

.trefwoorden5{  
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    padding-top: 3px;
    list-style-type: lower-roman; /* dse i */
    padding-left: 10px;
}
/* Einde trefwoordenlijst */


.doublet-tabel {
    border-collapse: collapse;
    width:600px;
    font-family: Arial, sans-serif;
    font-size: 15px;
}

.doublet-tabel th,
.doublet-tabel td {
    border: 1px solid #555;
    padding: 3px 6px;
    text-align: left;
}

.doublet-tabel thead tr:first-child th {
    background: #d9e3ec;
    font-style: italic;
    font-weight: normal;
}

.doublet-tabel thead tr:nth-child(2) th {
    background: #efefef;
    font-weight: bold;
}

.niet {
    color: #c00000;
    font-style: italic;
}

.wel {
    color: #000;
    font-weight: bold;
}
/* verspringen in de table*/
.biedtabel[type="1"] {
    padding-left: 2.5em;
}
ol[type="A"] {
    padding-left: 2em;
}


.biedtabel {
    width: 400px;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 15px;
}

.biedtabel th,
.biedtabel td {
    border: 1px solid #333;
    padding: 2px 8px;
}

.biedtabel th {
    background: #efefef;
    text-align: center;
    font-weight: bold;
}

.center {
    text-align: center;
}

.groen td {
    background: #dce8d3;
}

.geel td {
    background: #ffc000;
}

.biedtabel em {
    font-style: italic;
}

.biedtabel strong {
    font-weight: bold;
}