/* aantekeningen voor mezelf: let speciaal op background menu en container; content specifiek op wit gezet */ 
html, body
{
 margin:20px;
 padding:0;
 width: 100%;
 background-color: #EDEEAC;
 /* background-image: url("geel.jpg"); */
/* filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#20B2AA', startColorstr='#E0FFFF', gradientType='0'); */ 
 
direction:;

  scrollbar-arrow-color: #F8F8FF;
  /* scrollbar-track-color: #FDF5E6; */ 
  scrollbar-face-color: #FDF5E6; 
  scrollbar-track-color: #6699CC;
  scrollbar-highlight-color: #6B8E23;
  scrollbar-3dlight-color: #ff1493;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-shadow-color: #6B8E23;

/* hier wil ik dus scrollbar gekleurd hebben gelukt dus */ 

}






#container
{
width: 70%; /* was 90% */ 
margin: 10px auto;
background-color: #00FFFF;
color: #999999;
border: 0px solid red;
line-height: 110%;
}

#top
{
/* padding: 1.9em; */
padding: 0.7em;
background-color: #6699CC;
/* background-image: url("blauw.jpg"); */ 
heigth: 100px; 
border-bottom: 0px solid gray;
face: verdana;
color: yellow;
}

#top h1
{
padding: 0;
margin: 0;
}

#menu
{
float: left;
background: #00FFFF;
width: 140px; 
margin: 0;
padding: 1em;
}

#menulist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
background: #00FFFF; /* lichtblauw */ 
width: 15em; /* was 13em */
}

#menulist li
{
list-style: none;
margin: 0;
border-top: 10px solid #CC0000;
text-align: left;
}

#menulist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid yellow;
background: #6699CC;
text-decoration: none;
}

#menulist li a:link { color: #BC8F8F; }
#menulist li a:visited { color: #E9967A; }



#menulist li a:hover
{
border-color: #FE3;
color: #ffffff;
background: red;
}



#content
{
margin-left: 220px;
background-color: white; 
/* background-image: url("pixellichtgrijs.gif"); */
border-left: 5px solid #990033;
padding: 1em;
max-width: 36em;
font-family: "verdana", arial; font-size:12px;color: #2F4F4F;
}

#footer
{
clear: both;
margin: 0;
padding: .2em;
color: #333;
/* background-image: url("blauw.jpg"); */ 
background-color: #6699CC;
border-top: 0px solid gray;
}

#top h1 {font-size: 250%; face: helvetica; padding: 0.5em;}
#menulist p { margin: 0 0 1em 0; }
#content h1 { color: #3300FF;}
#content hr { color: #990033;}
#content h4 { color: #3300FF;}
#content p {color: #666666;}
#footer p {color: yellow; align:right;} 





/* aparte dingen */ 
{
float:right;
width:120px;
margin:0 0 15px 20px;
padding:15px;
border:0px solid black;
text-align:center;
}

.verticaltext{
font: bold 10px verdana;color:#3300FF;
position: absolute;
right: 3px;
top: 200px;
width: 15px;
writing-mode: tb-rl;
}