/*
 * A scrolling body, a site navigation menu (div.banner) along
 * the top and a local navigation menu (div.map) along the
 * right side.
 *   
 * Some pages (e.g., QA) use DIVs with ID=Menu and ID=Logo instead of
 * class "banner" and "map" and have some other subtle differences.
 *
 * Copyright © 2003 W3C® (MIT, ERCIM, Keio). All Rights Reserved.
 * See http://www.w3.org/Consortium/Legal/ipr-notice.html#Copyright
 *
 * Author: Bert Bos <bert@w3.org>
 * Created: 12 Sep 2002
 * Version: $Id: threepart.css,v 1.61 2007/04/05 16:44:43 bbos Exp $
 */

/* Colors, fonts and other basic stuff */
body {
  background: #000000;
  color: #FFFFFF;
  line-height: 1.1;
  text-align: justify;
  margin-right: 250px;
  font-size: 11pt;
/*
*  font-family: "Gill Sans MT", "Gill Sans", GillSans, Arial, Helvetica, sans-serif }
*/
  font-family: "tahoma" }
h1 {
  line-height: 1;
  font-size: 36pt;
  text-align: center;
  font-variant: small-caps;
  border-bottom: thin solid;
  padding: 0 0 0.2em 0;
  color: #FFFFFF;
  font-weight: normal }
h1:first-line { 
  border-bottom: none;		/* bug in Konqueror 3.1 */
   }
h3 {
  font-weight: bold;
  font-size: 1em;
  margin: 1.5em 1em 1em 0;
  display: run-in }
h3.subtitle {
  font-weight: normal;
  font-style: italic;
  margin: 1em 0;
  display: block;
  text-align: left }
h2 {
  text-align: left;
  line-height: 1;
  color: #666600;
  border-bottom: thin solid;
  padding: 0 0 0.2em 0;
  font-weight: bold;
  text-transform: uppercase;
  clear: both;
  margin-top: 3em }
a:link {
  color: #FF0000;
  outline: none }
a:visited {
  color: #FF0000;
  outline: none }
a:active {
  color: #FF0000;
  outline: none }
a:hover {
  color: #FF0099;
  outline: none }
a:hover * {			/* Work-around for Konqueror 3.1 */
  background: inherit }
div.back {
  clear: both }


/* Local navigation menu, along the right side */

div#Menu,
div.map { 
  display: block;
  position: fixed;
  width: 11em; height: auto;
  top: 1em; right: 1em; bottom: 1em; left: auto;
  background: #800000 }
div#Menu p.navhead, div#Menu a,
div.map p, div.map h2 {
  display: block;
  font-size: medium;
  margin: 0.55em 1.63em 0.44em -0.9em;
  padding: 0.38em 1em;
  text-indent: 0;
  text-align: left;
  /*background: #555555 url(../img/button.png) left no-repeat;*/
  background: #555555;
  color: white;
  border-bottom: none;		/* Remove rule under H2 */
  list-style: none }		/* Remove triangle from H2 */
div.map p.valid {
  text-align: right;
  background: none }
div.map li {
  display: block;
  font-size: small;
  margin: 0.44em 1.63em 0.44em -0.9em;
  padding: 0.38em 1em;
  text-indent: 0;
  text-align: left;
  background: #aa7 url(../img/button.png) left no-repeat;
  color: white;
  border-bottom: none;		/* Remove rule under H2 */
  list-style: none }		/* Remove triangle from H2 */
div.map li li {			/* Nested LIs don't get the dogear */
  margin: 0;
  padding: 0;
  background: #aa7;
  color: green}
div.map > ul {
  margin: 0;
  padding: 0 }
div#Menu p.navhead {
  font-weight: bold }
div#Menu a:link, div#Menu a:visited,
div.map a:link, div.map a:visited {
  font-style: italic;
  text-decoration: none;
  color: #FFFFFF }
div.map a:hover {
  background: none;
  color: #FF0000 }
div.map a:active {
  color: #FFFFFF }
div#Menu:before,
div.map:before {
  content: "Roger Van Dale";
  display: block;
  margin-bottom: 1em;
  padding: 0.1em 0.5em;
  color: #999;
  font-size: larger;
  font-style: italic;
  text-align: left;
  letter-spacing: 0.25em }

div.koopje { 
  display: block;
/*  position: fixed;*/
  width: auto; 
  height: auto;
  right: 10em; 
  left: 18em;
  background: #000000 }

p.tekst {
  text-align: justify }

p.floatstop {
  clear: both }

p.weg {
  margin-left: 5%;
/*  font-size: larger;*/
  text-align: left }

p.tabke {
  margin-left: 7%;
  text-align: left }

p.center {
  text-align: center;
  font-size: 12pt }

p.opvallen {
  text-align: center;
  font-size: 16pt;
  color: #FF9900 }

ul.tabke {
  margin-left: 10%;
  text-align: left }

/* fotokes mooi weergeven */
img.thumb {
  height: 70px;
  float: right;
  border: none }
img.thumbL {
  width: 300px;
  border: none }
img.groot {
  width: 600px;
  padding-right: 20px;
  padding-bottom: 20px;
  float: left }
img.valid {
  border: none }

/*In geschiedenis tekst mooi rond foto zetten*/
div.floating {
  float:left;
  padding-right: 20px;
  padding-bottom: 20px }

/* Cursieve stukjes in geschiedenis */
div.cursiefje {
  display: block;
  margin-left: 70%;
  font-style: italic;
  text-align: left }

/* Doorstreepte tekst voorzien */
em.streep {
  font-style: italic;
  text-decoration: line-through }

em.koopje {
  font-style: italic;
  font-weight: bold;
  color: #FF0000 }

em.ultrakoopje {
  font-style: italic;
  font-weight: bold;
  color: #FF0000;
  text-decoration: blink }

hr {
  color: #FFFFFF }