.divTable {
  display: table;
}
.divTable > .divTableRow {
  display: table-row;
}
.divTable > .divTableHeading {
  background-color: #EEE;
}
/*
 * 20241031
 * .divTable > .divTableRow > .divTableHeading {
 *     background-color: #EEE;
 *     font-weight: bold; 
 *     padding: 3px 10px;
 * }
 *
 * vervangen door:
 *
 */
.divTableCell,
.divTable > .divTableRow > .divTableHead {
  display: table-cell;
}
/* 
 * 20241127 de twee onderstaande border-classes werden toegevoegd
 * omdat je soms juist wel een border wil, maar niet altijd. 
 */
.divTable .divTableBorder1P {
  border: 1px solid #999999;
}
.divTable .divTableBorder2P {
  border: 2px solid #999999;
}
.divTable > .divTableRow > .divTableHead {
  padding: 3px 10px;
}
.divTable > .divTableRow > .divTableHeading {
  background-color: #EEE;
  font-weight: bold;
}
.divTable > .divTableRow > .divTableFoot {
  background-color: #EEE;
  font-weight: bold;
}
/* START jaartabel *************************************************************
 * hiermee kon je "harken" tekenen
 * https://codepen.io/pwiegers/pen/MWyKdvd/0cf794f388d4b9024e0197722043a22f
 */
.divTable {
  display: table;
}
.divTableRow {
  display: table-row;
}
.divTableCell {
  border: 2px solid white;
}
.divTableCell.o {
  border-bottom: 2px solid #999999;
}
.divTableCell.b {
  border-top: 2px solid #999999;
}
.divTableCell.l {
  border-left: 2px solid #999999;
}
.divTableCell.r {
  border-right: 2px solid #999999;
}
.divTableBody {
  display: table-row-group;
}
.JaarTabel .divTableCell {
  float: left;
  text-align: center;
  border-spacing: 0px;
}
.JaarTabel .divTableCell.half {
  width: 1em;
}
.JaarTabel .divTableCell.enkel {
  width: 2em;
}
.JaarTabel .divTableCell.dubbel {
  width: 4em;
}
.JaarTabel .divTableCell.laag {
  height: 1em;
}
.JaarTabel .divTableCell.hoog {
  height: 2em;
}
/* EINDE jaartabel */