@charset "utf-8";

body, input, textarea, td
{
  font-family: Arial, sans-serif;
  font-size: 18px;
}

body
{
  background-color: #89ED7D;
  margin: 50px 25px 100px 25px; /* top, right, bottom, left */
}

div
{
  width: 800px;
  margin: auto; /* top, right, bottom, left */
}

p.nav, p.small, p.menu
{
  font-size: 90%;
}

h1
{
  font-size: 35px;
  color: #E50000;
  margin: 0 0 20px 0; /* top, right, bottom, left */
}

h1.subtitle
{
  font-size: 25px;
  color: #000000;
  margin: 0 0 20px 0; /* top, right, bottom, left */
}

h2
{
  color: #008000; /*#008000*/
  font-size: 25px;
  margin: 2em 0 -0.25em 0; /* top, right, bottom, left */
}

h3
{
  color: #000000;
  font-size: 18px;
  margin: 1em 0 -0.5em  0; /* top, right, bottom, left */
}

/* Order must be: link, visited, hover, active */

a:link, a:visited
{
  color: #0000FF;
  text-decoration: none;
}

a:hover, a:active
{
  text-decoration: underline;
}

/* Undo underline for browsers that support CSS 2 */

a:hover[name]
{
  text-decoration: none;
}

.accent
{
  color: #ffffff;
  font-weight: bold;
}

img
{
  border: none;
  border-radius: 10px;
}

img.border, video
{
  border: 3px solid #000000;
}

img.bij-tekst
{
  margin: 20px 0px 20px 20px; /* top, right, bottom, left */
  float: right;
  clear: right;
}

img.bij-tekst-links
{
  margin: 20px 50px 40px 0px; /* top, right, bottom, left */
  float: left;
  clear: left;
}

img.rechts
{
  float: right;
}

hr
{
  clear: both;
  border: 2px solid #00B800;
  margin: 2em 0 1em 0; /* top, right, bottom, left */
}

p.right
{
  text-align: right;  
}

ul li
{
  margin: 0.5em 0 0.5em 0; /* top, right, bottom, left */ 
}

ul
{
  margin: 1em 0 1.5em 0; /* top, right, bottom, left */ 
}

li.pos
{
  list-style-type: "+ ";

}

li.neg
{
  list-style-type: "− ";
}

sup 
{
  vertical-align: 0.25em;
  font-size: smaller;
}