html, body, div,
      table, td { font-family:arial; font-size:14px; text-align:left;
                  background-color:#ddffdd; color:#000044; margin:0px;
                  border:0px; border-collapse:collapse; width:100%;
                  vertical-align: top;}
      td        { background-color:#ddffdd; }

      a:link    { text-decoration: none; color:#000000; }
      a:visited { text-decoration: none; color:#000000; }
      a:hover   { text-decoration: none; color:#ff0000; }
      a:active  { text-decoration: none; color:#000000; }

     .div1      { padding:10px;  width:760px; xbox-shadow:5px 5px 5px #cccccc;
                  border:0px solid #000000; xborder-radius:20px;
                  background-color:#ddffdd; }
     .div2      { padding:30px; width:200px; max-width:200px;
                  background-color:#0dffdd; }

      h1        { font-family:arial; font-size:18px; color:#cc4444;
                  margin:0px; padding:0px; border:0px; spacing:0px; }
      h2        { font-family:arial; font-size:16px; color:#000044;
                  margin:0px; padding:0px; border:0px; spacing:0px; }
      h3        { font-family:arial; font-size:11px; color:#000044;
                  margin:0px; padding:0px; border:0px; spacing:0px; }

     .zwart     { color: #000000; }
     .rood      { color: #ff0000; width:320px; border-radius:10px;
                  cursor:pointer; border:1px solid red; }
     .groen     { color: #88cc88; width:320px; border-radius:10px;
                  cursor:pointer; border:1px solid #88cc88; }

     .brood     { border:1px solid #ff0000; }
     .bzwart    { border:1px solid #000000; }
     .bblauw    { border:1px solid #0000ff; }

     .links     { text-align:left; }
     .midden    { text-align:middle; }
     .rechts    { text-align:right; }

     .l         { width:450px; }
     .r         { width:100px; text-align:right;}