.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 {
	//border: 1px solid #999999;
	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
 */
.JaarTabel{
  //font-size: 24px;
}

.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 */