body {
      /*background-color: #dddddd;*/


    color: white;
    font-size: 20px;
      background-color: #000000;
      height: 100%;
      margin: 0px;
      font-family: Papyrus;
      /* was eerst font-family: sans-serif Trebuchet MS;*/
      text-align: center;
  }
  h1 {
      font-size: 40px;
  }

  h2 {
      font-size: 30px;
  }

  p {
      font-size: 20px;
  }

  /*--------------------------------------------------------------------------------------------------------
/* Test gedeelte */
  .bg-text-midden {
      background-color: rgb(0, 0, 0);
      
      color: white;
      font-weight: bold;
      border: 2px solid #f1f1f1;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: -0.1;
      width: 80%;
      padding: 15px;
      text-align: center;
      border-radius: 50px;
  }

  .bg-text-rechts {
      background-color: rgb(0, 0, 0);
    
      color: white;
      font-weight: bold;
      border: 2px solid #f1f1f1;
      position: absolute;
      top: 50%;
      left: 75%;
      transform: translate(-50%, -50%);
      z-index: -0.1;
      width: 40%;
      padding: 15px;
      text-align: center;
      border-radius: 50px;
  }

  /*Einde testregels
  /* De onderstaande CSS regels zijn voor de opmaak van het tekstvak midden op de afbeelding */
  /*.bg-text {
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.4);
    color: white;
    font-weight: bold;
    border: 2px solid #f1f1f1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -0.1;
    width: 70%;
    padding: 15px;
    text-align: center;
    border-radius:50px;
  }
  /* De onderstaande CSS regels zijn voor de eigenschappen van de achtergrondafbeelding */
  .bg-image {
      background-image: url("wrioban.png");
      filter: blur(0px);
      -webkit-filter: blur(0px);
      height: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }

  /* -----De onderstaande regels zijn slechts voor de opmaak van een tabel---- */
  table,
  th,
  td {
      border: 1px solid rgb(0, 0, 0);
      border-collapse: collapse;
  }

  th,
  td {
      padding: 5px;
      text-align: left;
  }

  table#t01 tr:nth-child(even) {
      background-color: #868686;
  }

  table#t01 tr:nth-child(odd) {
      background-color: #fdfdfd;
  }

  table#t01 th {
      background-color: black;
  }

  th {
      color: rgb(0, 0, 0);
  }

  table.center {
      margin-left: auto;
      margin-right: auto;
  }

  /* ----------------------------------------------------------- */

  /* ------- Aangepast standaardmenu vanuit w3schools.com ----- */
  ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color: #000000;
      /* Kleur menubalk; oorspronkelijk #333 */
  }

  li {
      float: left;
  }

  li a,
  .dropbtn {
      display: inline-block;
      color: rgb(255, 255, 255);
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
  }

  li a:hover,
  .dropdown:hover .dropbtn {
      background-color: rgb(182, 182, 182);
      /* Kleur mouseover; oorspronkelijk rood */
  }

  li.dropdown {
      display: inline-block;
  }

  .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      z-index: 1;
  }

  .dropdown-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      text-align: left;
  }

  .dropdown-content a:hover {
      background-color: #dddddd
  }

  /* Kleur mouseover binnen dropdown lijst; oorspronkelijk #f1f1f1 */

  .dropdown:hover .dropdown-content {
      display: block;
  }

  li a:active,
  #active {
      background-color: #2e0b00;
      /* Kleur active class in menubalk; oorspronkelijk #4CAF50 */
      color: white;
  }

  /* ---------------------------------------------------------------------------------*/
  /* -------- Opmaak van de hyperlinks -----------------------------------------------*/
  /* unvisited link */
  .hyper:link {
      color: lightblue;
  }

  /* visited link */
  .hyper:visited {
      color: lightblue;
  }

  /* mouse over link */
  .hyper:hover {
      color: darkblue;
  }

  /* selected link */
  .hyper:active {
      color: yellow;
  }
   table, tr, td,th{
  border: 1px solid;
  color: white;
}