BODY
{
  scrollbar-arrow-color: blue ;
  scrollbar-track-color: yellow;
  scrollbar-face-color: "#FFFF99";
  scrollbar-highlight-color: lime;
  scrollbar-3dlight-color: ;
  scrollbar-darkshadow-color: ;
  scrollbar-shadow-color: ;
}

body
{
  font-family: Century Gothic; Comic Sans MS; Arial, Helvetica;
  color: Black;;
  background: #FEEDBF
}
DIV.randje {border-style: groove; border-width: medium; border-color: grey; }

H1 {font-weight: normal}
H2 {color: red; font-weight: bold;FONT-SIZE: 12pt; margin-left: 20px; style-italic}
H3 {font-weight: normal}H1 {font-weight: normal}
H4 {color: red; FONT-SIZE: 10pt; }
h6 {
    color: red;
	background-color: yellow;
	padding: 10px;
	border-width: 5px;
	border-style: solid;
	border-color: green;
	margin: 10px 30px 50px 20px;
}

i {
  color: #FF0099;
}

P { color: #000000; font: 14px ; margin-left: 20px; margin-right: 20px}

.style1 { font: 100px "Courier"; }
.style2 { font: 10px "Verdana";
              COLOR="#FF0000"
		 }

.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #993300;
	line-height:22px;
	letter-spacing:.2em;
	}


#painters {
  padding:0;
  margin-left:30px;
  list-style-type:none;
  }
#painters li {              /* standaad box */
  width:90px;
  height:21px;
  float:left;
  border:1px solid #000;
  margin-right:2px;
  }
#painters a em {           /* letters de kleuren worden in html-file gedaan*/
  font-style:normal;
  font-size:12px;
  line-height:1.5em;
  }
#painters a {              /* inkleuring standaard box*/
  text-decoration:none;
  color:#000;
  position:absolute;
  width:90px;
  height:20px;
  display:block;
  text-align:center;
  }
#painters a.red {background:#FF0000; color:#fff;}     /* a hover achter kleuren */
#painters a.orange {background:#fc0; color:#000;}
#painters a.yellow {background:#FFFF00; color:#000;}
#painters a.lyellow {background:#FFFF55; color:#5A41FF;}
#painters a.xyellow {background:#FFEA73; color:#000;}
#painters a.green {background:#080; color:#000;}
#painters a.blue {background:#1453FF; color:#000;}
#painters a.lblue {background:#69f; color:#000;}
#painters a.xblue {background:#2DF1FF; color:#000;}
#painters a:hover {
  width:130px;
  height:30px;
  z-index:200;
  background:#aaa;
  }
#painters a:hover em {                            /* a hover voor kleuren */
  font-size:1em;
  line-height:1.1em;
  overflow:hidden;
  cursor:pointer;
  background:#fff;
  border:1px solid #000;
  position:absolute;
  width:130px;
  height:25px;
  left:-12px;
  top:-8px;
  }
#painters a:hover.red em {background:#FF8528; color:#000}       /* a hover kleuren */
#painters a:hover.orange em {background:#fc0;  color:#fff}
#painters a:hover.yellow em {background:#1453FF; color:#fff}
#painters a:hover.lyellow em {background:#69f; color:#fff}
#painters a:hover.xyellow em {background:#2DF1FF; color:#fff}
#painters a:hover.green em {background:#080; color:#fff}
#painters a:hover.blue em {background:#FFFF00; color:#FF0000}
#painters a:hover.lblue em {background:#FFFF55; color:#FF0000}
#painters a:hover.xblue em {background:#FBFF87; color:#FF0000}



#vertical {
  width:8em;
  padding:0;
  margin:0 auto;
  list-style-type:none;
  font-size:1.2em;
  font-family:georgia, "times new roman", serif;
  }
#vertical li {
  float:left;
  border:0.2em solid #eee;
  margin:0.1em;
  }
#vertical li a {
  text-decoration:none;
  color:#000;
  display:block;
  width:1.5em;
  height:1.5em;
  border-top:0.1em solid #000;
  height:auto;
  }
#vertical li a em {
  font-style:normal;
  display:block;
  text-align:center;
  background:#FFFFCC;
  border-left:0.1em solid #000;
  border-right:0.1em solid #000;
  }
#vertical li a em.nd {
  border-bottom:0.1em solid #000;
  }
#vertical li a:hover {
  background:#eee;
  }
#vertical li a:hover em {
  background:#eee;
  color:#800;
  }


  .classname {
      border-width: 2px;
      border-style: groove;
      border-color: gray;
}

#d1 { width: 220px; height: 350px; position: absolute; top: 10px; left: 10px; background: yellow;  padding:20;   border-width: 10px;
      border-style: groove;
      border-color: gray;}