body, html, div.page0, table.page, div#browserNameDiv, div#browserFullnameDiv {
  background-color: #FFFFCC;
  background-image: url(images/background_oog.jpg);
}

table.page { 
  width: 800px;
}

/* Uncomment & adapt the commented subsection in order to have only the
   specified printcontents section visible when printing
   For multi-page printing of containers with large contents, note:
   - position:absolute inhibits multi-page printing
   - overflow: auto inhibits multi-page printing
   - height: (something other than auto) inhibits multi-page printing
   - top: -XXXpx shifts contains of post-first pages in Firefox
   - margin-top: -XXXpx causes double-printing of lines in IE
 */
/*
@media print {
  body {
    visibility: hidden;
  }
  div.printcontents {
    visibility: visible;
    position: relative;
    left: -320px;
    margin-top: -170px;
    width: 700px;
  }
  .browserMSIE div.printcontents {
    top: -170px;
    margin-top: 0px;
  }
  img#printbutton, input[type=submit], .noprint {
    visibility: hidden;
  }
  option {
    visibility: hidden;
    color: white;
  }
  select {
    color: white;
    height: 2ex;
  }
}
*/

.pagecontents {
  padding: 10px;
}

body, p, td, th, select, input,textarea {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000000;
}

h1 {
  font-size: 20px;
}
h2 {
  font-size: 20px;
}
h3, h4 {
  font-size: 15px;
}
h1, h3 { 
  text-align: center;
}

a:link, a:hover, a:visited, a:active {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

a:link {
  color: #CC0000;
}

a:visited {
  color: #990000;
}

a:active, a:hover {
  color: #990033;
}

div.contents, div.contents p, div.intro, div.intro p {
  margin-top: 1ex;
  margin-bottom: 1ex;
}

div.intro, div.intro p, .intro {
  font-style: italic;
}

div.contents, div.intro {
  width: 600px;  /* equal to width of contenteditableregion */
}

/*
To set minimum height for nav-items, use 'padding' in the span.navbutton(_f2)
classes: using 'height' will interfere with multiline navitems in Firefox,
and min-height doesn't work in Explorer.

To disable multiline nav links, set white-space: nowrap in
div.dropdownmenucontents a, and remove the display: block from the
span.navbutton(_f2) classes
*/

span.hoofdnav {
  color: black;
  display: block;
  padding-left: 1ex;
}
span.hoofdnav_f2 {
  color: gray;
  display: block;
  padding-left: 1ex;
}

.submitbutton{
  font-size: 8pt;
  font-weight: bold;
  background-color: #EEEEEE;
  border: 2px ridge #DDDDDD;
}

/*
li{
  margin-top: 1ex;
}
*/

.myavenueclass1 {
  color: red;
}

td.statscounter { 
  background-image: url(images/bg_counter.gif);
  color: #FFFFFF;
  font-family: "Courier New", Courier, mono;
  font-weight: bold;
  font-size: 16px;
}

div.paper {
  background-color: white;
  margin: 20px;
  border: 1px dashed #aaaaaa;
}

div.paperi {
  overflow: hidden;
  margin: 20px;
}

div.paperi, div.paperi p, div.paperi td, div.paperi th,
    div.paperi li, div.paperi dd, div.paperi dt, div.paperi a,
    div.paperi h1, div.paperi h2, div.paperi h3 {
  font-size: 14px;
  font-family: "Lucida Typewriter", Monotype, Courier, monospace;
}

div.newsitem, div.newsitem p, li.newsitem, li.newsitem p {
  margin-top: 3ex;
  margin-bottom: 3ex;
  margin-left: 1ex;
}