body, html {
  height: 100%;
  margin: 0;
  background-color:#ffffff"
}

.bg {
  /* De afbeelding */
  background-image: url("../afbeeldingen/achtergrond.png");
  backgroud-color: #7d2478;

  height: 483px;
  width: 100%;
  font-family: Arial, Helvetica, Sans-Serif;
  font-color: #ffffff;

  /* positie en herhaling */
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.breinlijn {
  background-color: #f2a110;
  height: 125px;
  width: 100%;
  font-family: Arial, Helvetica, Sans-Serif;
  font-color: #ffffff;
}

table.breedte {
  max-width: 1024px;	
}

@media only screen and (max-width: 600px) {
  table.breedte {
    max-width: 580px;
  }
}

td.box {
  color: white;
}

td.tekst {
  font-family: Arial, Helvetica, Sans-Serif;
  color: #451978;
}

a.box:link, a:visited {
  background-color: #f2a110;
  color: #7e2383;
  padding: 14px 25px;
  margin-bottom: 4px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a.box:hover, a:active {
  color: white;
}

a.verwijzing:link, a:visited {
  text-decoration: none;
  color: white;
}

a.verwijzing:hover, a:active {
  text-decoration: none;
  color: #f2a110;
}

a.tekstblok:link, a:visited {
  text-decoration: none;
  color: #451978;
}

a.tekstblok:hover, a:active {
  text-decoration: none;
  color: #f2a110;
}

a.dza:link, a:visited {
  text-decoration: none;
  color:#f9d595;
}

a.dza:hover, a:active {
  text-decoration: none;
  color: #451978;
}