body {
  padding: 0px 0px 0px 0px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 22px;
  text-align: justify;
  background-color: #d0d0d0;
}

div#overall {
  position: relative;
  width: 1000px;
  margin: 0px auto;
  clear: both;
}

div#header {
  width: 1000px;
  height: 219px;
  clear: both;
}

p#subtitle {
  position: relative;
  left: 22px;
  top: -151px;
  font-size: 20px;
  color: #ffffff;
  z-index: 1;  
}

img#headerImage {
  position: relative;
  left: 0px;
  top: 0px;
  z-index: 0;
}

div#toc-container {
  width: 200px;
  float: left;
  background-image: url('pictures/toc-background.png');
  background-repeat: repeat-y;
  background-color: #FFFFFF;
}

div.toc {
  padding: 10px;
  text-align: left;
  width: 200px;
}

/*
div#picturesHeader {
  background-image: url('pictures/panorama-duinen-sneeuw.jpg');
  background-repeat: no-repeat;
  padding: 100px 0px 0px 0px;
}
*/

div#main {
  margin: 0px 0px 0px 0px;
  padding: 10px;
  background-color: #FFFFFF;
  width: 780px;
  float: right;
}

div#sidestep {
  position: relative;
  margin: 15px 15px 15px 15px;
  padding: 10px;
  border: 1px solid #000000;
  background-color: #F0F0F0;
}

img.left {
  position: relative;
  margin-right: 10px;
  float: left;
}

img.right {
  position: relative;
  margin-left: 10px;
  float: right;
}

img#imageInARow {
  margin-right: 10px;
}

p {
  margin-top: 0px;
  margin-bottom: 10px;
}

h1.toc {
  color: #f8f8ff;
  font-size: 150%;
}

h1 {
  color: #000000;
  font-size: 200%;
}

h2 {
  color: #80A080;
  font-size: 150%;
  margin-top: 30;
}

h3 {
  color: #80A080;
  font-size: 100%
}

dt {
  margin-left: 0;
}

dd {
  margin-left: 30;
  margin-bottom: 10;
}

table {
  font-family: sans-serif;
  font-size: 1em;
  text-align:justify;
}

blockquote {
  background: #e0e0e0;
  margin: 10px 10px 10px 10px;
  border: 1px solid #202020;
  padding: 10px;
  font-family: courier, monospace;
}

a.toc {
  text-decoration: none;
  font-weight: bold;
  color:  #f8f8ff;
  outline: none;
}

a.toc:visited {
  color:  #f8f8ff;
}

a.toc:active {
  color:  #f8f8ff;
}

a.toc:hover {
  color: #f8f8ff;
  text-decoration: underline;
}

a {
  text-decoration: none;
  font-weight: bold;
  color:  #222;
  outline: none;
}

a:visited {
  color: #222;
}

a:active {
  color: #222;
}

a:hover {
  color: #222;
  text-decoration: underline;
}
 
td.ja {
  background-color: #f0fff0;
}

td.nee {
  background-color: #fff0f0;
}