.diagram_test {
  color:red;
}

.diagram_vol {
  padding: 2px;
  border: 2px solid #edf8ff;
  text-align: center;
  vertical-align: middle;
  background-color: lightcoral;
  line-height: normal;
  font-size: 90%;
}

.diagram_white_on_blue {
  padding: 2px;
  border: 2px solid #edf8ff;
  background-color: #003265;
  text-align: center;
  vertical-align: middle;
  width: 10%;
  font-size: 14pt;
  color: white;
  line-height: normal;
}
.diagram_black_on_grey {
  padding: 2px;
  border: 2px solid #edf8ff;
  background-color: #edf8ff;
  text-align: center;
  vertical-align: middle;
  width: 12%;
  font-size: 14pt;
  line-height: normal;
}
.diagram_geel {
  padding: 2px;
  border: 2px solid #edf8ff;
  text-align: center;
  vertical-align: middle;
  background-color: gold;
  line-height: normal;
  font-size: 90%;
}

.diagram_white {
  padding: 2px;
  border: 2px solid #edf8ff;
  text-align: center;
  vertical-align: middle;
  background-color: white;
  text-align: center;
  white-space: nowrap;
  line-height: normal;
  font-size: 90%;
}
.diagram_groen {
  padding: 2px;
  border: 2px solid #edf8ff;
  text-align: center;
  vertical-align: middle;
  background-color: #9eff94;
  line-height: normal;
  font-size: 90%;
}
.diagram_lichtblauw {
  padding: 2px;
  border: 2px solid #edf8ff;
  text-align: center;
  vertical-align: middle;
  background-color: #edf8ff;
  line-height: normal;
}