.collapsible {
  background-color: #f0f4fb;
  color: #3579b2;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  cursor: pointer;
  padding: 0 0 0 5px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 13px;
  height: 22px;
}

# dit kan gebruikt worden om bij het activeren van een menu item of het hoveren er overheen om de kleur te veranderen
.active, .collapsible:hover {
  color: #2C7BB2;
}

.collapsible:before {
  content: '\002B';
#  color: white;
  font-weight: bold;
  float: left;
  margin-right: 5px;
  font-size: 13px;
}

.active:before {
  content: "\2212";
}

.collapsiblecontent {
  line-height: 22px;
  padding: 0 19px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  font-size: 13px;
}