BODY {
  color: #000;
  background-color: #FEDD7E;
  font-family: "Lydian BT", "Arial", sans-serif;
  font-size: 12pt; 
  /* line-height: 1.35; */  /* This would break MacIE 3 */
}

@media screen {
BODY {
  margin-left: 6%;
  margin-right: 6%;
  margin-top: 0;
  padding-top: 0;
  }
}

IMG {
  float: left;
  border: solid black;
  border-width: 2;
  margin-right: 2em;
  }

IMG.right {
  float: right;
  margin-right: 0;
  margin-left: 2em;
  }
  
IMG.PHOTO{
  float : right;
  min-width = 10em;
  width = 25%;
  }

IMG.SOLO {
  float : none;
  clear : both;
  width : 100%; 
  margin : 0;
  margin-bottom : 1 em;
}

H1 {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  text-align: center;
  font-size: 250%;  
  font-weight: bolder;
}

H1.CV {
  text-align: left;
  }

H2 {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  font-size: 150%;  
  /* font-weight: bolder; */
  font-weight: normal;
}

H3 {
  font-weight: normal;
  font-style: italic;
  }

A:link { color: black; }

A:visited, H2 A:active { color: maroon; }

H2 A:visited, H2 A:active { color: black; }

A:link IMG, A:visited IMG { border-style: none }

A IMG { color: white } /* The only way to hide the border in NS 4.x */

.hide {
  display: none;
  color: white;
}

ADDRESS { 
  text-align: right;
  font-weight: bold;
  font-style: italic 
}

UL, OL, LI { /*margin-left: 0;*/ list-style: disc }
UL, OL { margin-top: 0em }

P { 
  margin-top: 0em;
  margin-bottom: 0; 
  }
  
*.yellow {
  background-color : #FBDD8F;/* #FFCC00;*/
  padding: 1em; 
  }

*.INDENT {
  margin-left: +5%;
  }    
  
*.TOPINDENT {
  margin-top: 1em;
  }

*.COMMENT {
  margin-left: 2em;
  font-style: italic; 
  }
  
TH {
  text-align: left;
   }
   
HR {
  border-style: solid;
  border-color: black;
  }
  
@media print
{
table.header, table.header tr, table.header tr td, table.header tr td p, p.menu {
  display: none;
  color: white;
  }
}

@media screen
{
*.fixed {
  z-index: 2; 
  position: fixed; 
  top: 0; 
  left: 0;
  padding-right: 14%;
  background-color: #FEDD7E; 
  }
}

table.header, table.header tr, table.header tr td, table.header tr td p {
  border-style: none;
  border : 0;
  margin : 0;
  padding : 0;
  }

table.header {
  width: 100%
  }

p.menu {
  line-height: 1.35;
  }

span.menu, p.menu span {
    background-color: #FFDDFF;
  }

@media screen {
div.pageMenu {
  position: fixed;
  top: 0px;
  right: 0px;
  background: #FFDDFF;
  /*  width: 200px; */
  padding: 2;
  text-align: right;
  max-height: 100%;
  /* overflow: auto;  */
  min-width: 1%;
  max-width: 50%;
  }

div.pageMenu a {
  color: black;
  text-decoration: none; 
  }

div.pageMenu p {
  color: black;
  text-decoration: none; 
  margin-top:0;
  }

div.pageMenu div {
  text-align: right;
}
}

@media print {
div.pageMenu {
  display: none;
  color: white;
  }
}

td.updated {
  text-align: right;
  border-style: none;
  }

*.blacklink {
  color: black;
  text-decoration: none; 
  }

@media print
{
*.dontprint {
  display: none;
  color: white;
  }
}


@page rotated {size: landscape
  /* size: landscape werkt zelfs in Opera niet */
} 
DIV.landscape {page: rotated; page-break-before: right}