<style type ="text/css">
 .close    {display: none;}
 .open     {display: inline;}

#header {
  color: #44CCFF;
  background-color: white;
  border-bottom: thick solid #FFFF00;
}
#header h1 {
	font-family: Verdana;
	font-style:italic;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
} 
 
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:red; background-color: white}
input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:black; background-color: white;}
input:hover {background-color: lightgrey}

textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:black; background-color: white;}
textarea:hover{background-color: lightgrey}
textarea:focus, div input.innertextfield:hover {border-color:#333;}

select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:black; background-color: white;}
select:hover{background-color: lightgrey}
select:focus, div input.innertextfield:hover {border-color:#333;}


pre {
margin-bottom: 10px;
margin-top:-2px;
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
style=”table-layout: fixed;”
width: 99%;
}

td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:red}
a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:blue}
a:visited {color: blue}
a:hover {color: red; background-color: lightgrey}
H1{font-style:italic; font-size:18px; color:blue; padding: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 4px; border-width: 0px;}
H2{font-style:italic; font-size:14px; color:blue; padding: 0px; margin-top: 2px; margin-left: 0px; margin-right: 0px; margin-bottom: 4px; border-width: 0px;}
H3{font-style:italic; font-size:12px; color:blue; padding: 0px; margin-top: 3px; margin-left: 0px; margin-right: 0px; margin-bottom: 3px; border-width: 0px;}
H4{font-style:italic; font-size:10px; color:blue; padding: 0px; margin-top: 3px; margin-left: 0px; margin-right: 0px; margin-bottom: 3px; border-width: 0px;}

}
#menu{   
	/* de marges zetten we op nul */   
margin: 0;   
padding: 0;
position: fixed;
top: 10px;
left:10px;
}

#menu li{   
	/* type van de style zetten we op 'none', zodat we geen opsommingsteken krijgen */   
list-style-type: none;   
  	/* Naar links laten floaten */   
float: left;
	/* breedte en hoogte opgeven */   
width: 100px;   height: 30px;   
	/* marges instellen */   
margin: 2px;   
padding: 0;   
	/* en eventueel een randje */   
border: 1px dashed blue;}

#menu li a{   
	/* van de links een block-element maken voor het :hover effect */   
display: block;   
	/* breedte en hoogte op 100% zodat de <li> wordt opgevuld */   
width: 100%;   
height: 100%;   
	/* een uiteraard een leuk achtergrondkleurtje */   
background-color: lightyellow;}

#menu li a:hover{   
	/* kleur voor het :hover effect */   
background-color: lightblue;}

</style>


