body{
    font-family: sans-serif;
    font-size: 16pt;
    text-align: center;
    background-color: #dddddd;
    margin: 0px;
}
/* ------- Aangepast standaardmenu vanuit w3schools.com ----- */
  ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color: #000077;    /* Kleur menubalk; oorspronkelijk #333 */
  }

  li {
      float: left;
  }

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

  li a:hover, .dropdown:hover .dropbtn {
      background-color: black;   /* 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: #0000ff; /* Kleur active class in menubalk; oorspronkelijk #4CAF50 */
      color: white;
  }
  /* ---------------------------------------------------------------------------------*/
  form h1{
	color: white;}
form{
	background-color:#d9dd12;
	font-family:arial;
	padding:15px;
	max-width:550px;
	border-radius:15px;
	margin-left:auto;
	margin-right:auto;}
form ol li {
	background-color:#12c1d8;
	border:solid 2px black;
	list-style:none;
	padding:5px;
	margin-bottom:3px;
	border-radius:10px;}
form label {
	float:left;
	width:150px;  }   
form legend {
	padding-bottom:3px;
	color:white;
	font-size:20px;
	font-weight:bold;}
form input,select {
	border-radius:5px;}
.xxx form{
	background-color:red;