body {
font-family: arial, times new roman;
background-color: black;
color: white;
font-size: 12;
font-weight: bold;
}

  a:link {
color: gray;
text-decoration: none;
font-weight: bold;
}

  a:visited {
color: gray;
text-decoration: none;
font-weight: bold;
}

  a:hover {
color: gray;
text-decoration: underline;
}

  a:hover.abc {
color: black;
text-decoration: underline;
}


  td.update {
font-size: 10;
font-family: arial;
color: black;
background-color: orangered;
font-weight: bold;
}

  td.headline {
font-family: arial;
font-size: 12;
font-color: black;
background-color: slategray;
font-weight: bold
}

  td.date {
font-size: 11;
color: black;
background-color: silver;
}

  blockquote {
font-size: 11;
font-family: arial, times new roman;
font-color: white;
font-weight: bold
}

  .info {
color: white;
font-size: 11;
}



 <!-- Index -->
  
  
  table.inhoud {
margin-left: 10px;
}

  td.inhoud2 {
background-color: black;
}
  
  td.inhoud {
color: slategray;
font-family: arial, times new roman;
font-size: 18;
font-weight: bold;
}

  a:link.inhoud {
font-family: arial, times new roman;
color: white;
text-decoration: none;
font-size: 13;
font-weight: bold;
}

  a:visited.inhoud {
font-family: arial, times new roman;
font-size: 13;
color: white;
text-decoration: none;
font-weight: bold;
}

  a:hover.inhoud {
font-family: arial, times new roman;
background-color: black;
text-decoration: underline;
font-size: 13;
color: white;
font-weight: bold;
}






<!-- Rechterframe -->


  td.rightframe {
font-family: arial, times new roman;
font-size: 11;
}

  td.rightframetext {
color: black;
font-size: 10;
}

  a:link.rightframe {
color: black;
text-decoration: none;
font-size: 10;
font-weight: bold;
}

  a:visited.rightframe {
font-size: 10;
color: black;
text-decoration: none;
font-weight: bold;
}

  a:hover.rightframe {
text-decoration: underline ;
font-size: 10;
}

  p {
background-color: dimgray;
}