body, td, th, input, select, textarea
 {
  font-family: Tahoma, Arial, Verdana, sans-serif, Tahoma;
  font-size: 10pt;
  line-height: 13pt;
  color: #000000;
 }
 
input, select, textarea 
 {
  line-height: normal;
 }
 
form {margin:0px; padding:0px} 

.rank 
 {
  font-size: 18pt;
  font-weight: bold;
 }

.titlebar td 
 { 
  font-size: 13pt;
  font-weight: bold;
  background-color: #DBDBDB;  
  width: 100%;
  height: 30px;
  text-align: middle;
  text-indent:  15px;
 }

.kop1, h2 
 {
  font-size: 13pt;
  font-weight: bold;
 }
 
.kop2, h3 
 {
  font-size: 11pt;
  font-weight: bold;
 }
 
.kop3, h4 
 {
  font-size: 11pt;
  font-weight: bold;
 }
 
.error 
 {
  font-size:8pt;
  color: red;
 }
 
.foto 
 {
  border: 1px solid #000000;
 } 
 
.readonly { border: 1px solid #ababab } 

.small 
 {
  color: #ababab;
  font-size: 8pt;
 }
 
.small2 
 {
  font-size: 8pt;
 }
 
.vrouw a 
 {
  color: #B356AC;
 }
 
.vrouw a:hover 
 {
  color: #EDC7EA;
 }
 
.man a 
 {
  color: #0E72D7;
 }
 
.man a:hover 
 {
  color: #66B2FF;
 }

.quote 
 {
  word-wrap: break-word;
  border: 1px solid gray;
  background-color: #F3F3F3;
 }

.content {margin: 15px}

.preview 
 {
  border: 1px dotted black;
  background-color: #F6F6F6;
 }
 
.dudes   { color: #0E72D7; }
.babes   { color: #B356AC; } 
  
.dudes  td { color: #0E72D7; }
.babes  td { color: #B356AC; }
 
 
.th, caption {
        color: white;
        font-size: 13pt;
        font-weight: bold; 
}
.th2 {
        color: white;
        font-size: 10pt;
        font-weight: bold;
}
.th2 a {
        color: white;
        font-size: 10pt;
        font-weight: bold;
}

caption {
        color: white;
        font-size: 13pt;
        font-weight: bold;  
}