BODY {
  color: #000000;
  background: #FFF;
  padding-left: 10px;
  padding-right: 30px; 
  font-size: 12pt;
  font-family: "Comic Sans MS", "Verdana", "Arial", "Helvetica", sans-serif;
}

TABLE { font-size: 10pt; }

H1 {
  margin-bottom: 1em;
  color: #008080;
  font-family: "Chiller", "Comic Sans MS", "Copperplate Gothic Bold", "Verdana", 
      "Arial", "Helvetica", sans-serif;
}

H2, H3, H4 {
  margin-top: 1em;
  font-family: "Chiller", "Comic Sans MS", "Copperplate Gothic Bold", "Verdana", 
      "Arial", "Helvetica", sans-serif;
  color: #008080;
}

/* leuk font:  "Matisse ITC", */

A { text-decoration: none; }

A:link, A:visited { color: #008080; }
A:active { color: #00FFFF; }
A:hover { color: #00FFFF; }

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

A IMG { color: white }

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

DT { font-weight: bolder}

/* Why o why does this break Netscape 4.x?
IMG { 
  border: none;
  padding: 2px 
}
*/

UL, UL LI { list-style: disc }

.kader { 
  border: thin solid #FF9900; 
  border-style: solid; 
  margin: 0em 8em; padding: 2em 
}

.gekleurd {
  color: #FF9900; 
}

#menu {position: relative; 
float: left;
}

#main {padding-left: 420px;
position: relative; 
/* float: left; */
width: 150px;
}

#pics {background-color: #008080;
position: relative; 
width:420px;
}

.buttonscontainer {width: 150px;
padding-right: 20px;
/* position: relative; left: 0; top: 100px; */
}

.buttons a {color: #666666;
background-color: #FFFFFF;
padding: 2px;
padding-left: 3px;
display: block;
border-bottom: 1px solid #FF9900;
text-decoration: none;
}

.buttons a:hover {background-color: #FFFFFF;
color: #FF9900;
padding: 2px;
padding-left: 3px;
display: block;
border-bottom: 1px solid #FF9900;
text-decoration: none;}

.buttons a#actual {
font-weight: bolder;
color: #666666;
}

/* font: 12px Tahoma, sans-serif;
font-weight: bold; */