body {
  font-family: "Lucida Grande", "Trebuchet MS", Tahoma, Arial, sans-serif;
  background-image: url('system/raster_achtergrond.gif');
  background-repeat: repeat;
  overflow: hidden;
}

div.slideshow {
}

div.scrollOuter {
  border-style: solid;
  border-color: #aaaaaa;
  border-width: 1px;
  background-color: #e3e3e3;
}

div.scrollInner {
  background-color: #cacaca;
  cursor: pointer;
}

div.besides {
  text-align: center;
  background-image: url('system/raster_achtergrond2.jpg');
  background-repeat: repeat;
}

div.shadow {
  background-image: url('system/raster_shadow.gif');
  background-repeat: repeat;
}

div.bordered {
  border-style: solid;
  border-width: 1;
  border-color: #aaaaaa;
}

img.slideshow {
  border-width: 1px;
  border-color: #777777;
  border-style: solid;
}

img.slideshow_hidden {
  visibility: hidden;
}

img.thumb {
  border-width: 0.5pt;
  border-color: #aaaaaa;
  border-style: solid;
  margin-bottom: 6pt;
  cursor: pointer;
}

div.navigate {
  background-color: #dddddd;
  text-align: center;
}

a {
  text-decoration: none;
  color: #3a8daf;
}

a:hover {
  text-decoration: underline;
}

a:visited {
  text-decoration: none;
  color: #3a8daf;
}

a img {
  border-style: none;
  border-width: 0px;
}

p, h1, h2, h3, tr, td {
  color: #222222;
  margin: 0 0 0 0;
}

p { 
  font-size: 10pt;
  color: #555555;
  font-weight: bold;
  margin-bottom: 4pt;
  padding-bottom: 4pt;
  border-bottom: 1px dotted #999999;
  margin-left: 4pt;
  margin-right: 4pt;
  margin-top: 0;
}

td.info, p.info {
  font-size: 8pt;
  font-weight: normal;
  border-bottom: 2px dotted #cacaca;
  padding-bottom: 1pt;
}

span.info {
  border-right: 2px dotted #cacaca;
  margin-right: 2pt;
}
  
p.loading {
  font-size: 8pt;
  font-weight: normal;
  border-top: 3px dotted #e0e0e0;
  padding-top: 1pt;
  border-bottom: 3px dotted #e0e0e0;
  padding-bottom: 1pt;
}

h1 {
  font-size: 16pt;
  color: #3a8daf;
  margin-top: 8pt;
  margin-bottom: 4pt;
  border-bottom: 1px dotted #999999;
  border-top: 1px dotted #999999;
  margin-left: 4pt;
  margin-right: 4pt;
  padding-bottom: 2pt;
  padding-top: 4pt;
  line-height: 100%;
}

h3 {
  font-size: 10pt;
  color: #555555;
  text-align: left;
  padding: 2pt 4pt 4pt 4pt;
  cursor: pointer;
  margin: 2px 4pt 0 12;
}

h3.licht {
  background-color: #f0f0f0;
}

h3.donker {
  background-color: #3a8daf;
  color: #f0f0f0;
}

p.thumb {
  border-bottom-width: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  text-align: center;
  margin-left: -30px;
}

div.thumb {
  padding-top: 4pt;
  padding-bottom: 4pt;
  background-color: #e3e3e3;
  margin: 0px 4pt 0 12;
}

div.siteinfo {
  background-color: #f0f0f0;
}

p.siteinfo {
  border-bottom: 0;
  color: #f0f0f0;
}

p.siteinfo2 {
  border-bottom: 0;
  color: #777777;
  line-height: 16px;
  margin-top: 2px;
}

h1.siteinfo {
  font-size: 24pt;
  border-top: 0 solid;
  border-bottom: 0px solid #f0f0f0;
  color: #f0f0f0;
  line-height: 100%;
  margin-top: 0;
  padding-top: 12pt;
  letter-spacing: 1pt;
}

h4.siteinfo {
  font-size: 14pt;
  font-weight: normal;
  border-top: 0 solid;
  border-bottom: 1px dotted #f0f0f0;
  color: #f0f0f0;
  line-height: 120%;
  margin-left: 4pt;
  padding: 0;
  margin-bottom: 8pt;
  margin-top: 8pt;
}

img.siteinfo {
  border-width: 1px;
  border-color: #aaaaaa;
  border-style: solid;
}

img.siteinfo2 {
  border-width: 0px;
  border-color: #aaaaaa;
  border-style: solid;
  background-color: #e3e3e3;
  position: relative;
  top: 6;
  padding: 2;
  margin: 2;
}

img.siteinfo3 {
  border-width: 0px;
  border-color: #aaaaaa;
  border-style: solid;
}

div.input {
  background-image: url('system/raster_achtergrond.gif');
  width: 223;
  height: 100;
  position: absolute;
  padding: 0;
  margin: 0pt;
  border: 1px solid #aaaaaa;
}

div.download {
  background-image: url('system/raster_achtergrond.gif');
  width: 440;
  position: absolute;
  padding: 0;
  margin: 0pt;
  border: 1px solid #aaaaaa;
}

div.inputtitle {
  background-color: #3a8daf;
  color: #f0f0f0;
  font-size: 10pt;
  font-weight: bold;
  padding: 4pt 8pt 4pt 8pt;  
}

div.inputtext {
  color: #222222;
  background-color: #f0f0f0;
  font-size: 10pt;
  font-weight: bold;
  padding: 8pt;
}

input#inputtyped {
  width: 196;
}

input.button {
  width: 92;
}

div#countdown {
  position: absolute;
  height: 100;
}

div#countdownbar {
  position: absolute;
  background-color: #aaaaaa;
  left: 0;
}
