/* cssbdp */
#cssbdp ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    horizontal-align: middle;
}

#cssbdp li {
  float: left;
  text-align: left;
  line-height: 1em;
  border: 1px solid #890620;
  padding: 4;
}

#cssbdp a:hover, a:active {
  background-color: #F7AC00;
}

#cssbdp a:link, a:visited {
  float: left;
  display: block;
  max-width: 200px;
  max-height:30px;
}

/* csscursus */
#csscursus ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    horizontal-align: middle;
}

#csscursus li {
  float: left;
  text-align: left;
  line-height: 1em;
  border: 1px solid #890620;
  padding: 4;
}

#csscursus a:hover, a:active {
  background-color: #F7AC00;
}

#csscursus a:link, a:visited {
  float: left;
  display: block;
  max-width: 173px;  max-height:15px;
}

/* csspraktisch */
#csspraktisch ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    horizontal-align: middle;
}

#csspraktisch li {
  float: left;
  text-align: left;
  line-height: 1em;
  border: 1px solid #890620;
  padding: 4;
}

#csspraktisch a:hover, a:active {
  background-color: #F7AC00;
}

#csspraktisch a:link, a:visited {
  float: left;
  display: block;
  max-width: 105px;  max-height:15px;
}

/* cssliteratuur */
#cssliteratuur ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    horizontal-align: middle;
}

#cssliteratuur li {
  float: left;
  text-align: left;
  line-height: 1em;
  border: 1px solid #890620;
  padding: 4;
}

#cssliteratuur a:hover, a:active {
  background-color: #F7AC00;
}

#cssliteratuur a:link, a:visited {
  float: left;
  display: block;
  max-width: 131px;
  max-height:45px;
}