body{
background-image:url('../images/blue010.gif');
 background-attachment:scroll;
 background-repeat:repeat;
 /*background-color:#0000ff;     /*Kleur van de achtergrond is nu blauw. Voor andere kleur hier veranderen*/
}
#menu {
 position:absolute;
 top:30px;
 left:10px; 
 padding: 0;
 margin:0px 0px 0px 0px;
 text-align:center;
 width:180px;
} 
#menu ul {
	list-style-type:none;
	display:block; 
	padding: 0; 
	margin:0px	;
} 
#menu a {
 background-color:#66FF66; /* Dit is de achtergrondkleur van de menu groen hier veranderen als je een andere kleur wil*/
 display: block;
 padding: 5px;
 margin: 10px;
 line-height:normal;
 text-decoration: none;
 border: 0px #0000FF solid;
 width: 120px; 
 color:#FF0000;/* Dit is de kleur van het lettertype in de knop rood hier veranderen als je een andere letterkleur wil*/
 font-weight: bold;   /*Dit verdikt het lettertype*/
} 
#menu a:hover{
 color:#ffffff; /* Dit is de kleur van het lettertype als je met de muis over de knop gaat Wit hier veranderen als je een andere kleur wil*/
 background: #FF0000;/* Dit is de kleur van de knop als je met de muis over de knop gaat Rood hier veranderen als je een andere kleur wil*/
} 
#logo{
 background-image:url('images/logo.jpg');
 background-repeat:no-repeat;
 position:absolute;
 top:40px; /*Top van logo 10px lager gezet komt nu gelijk met menu*/
 left:200px;
 height:150px;
 width:600px;
}
#inhoud{
 background-attachment:scroll;
 background-repeat:repeat-y;
 position: absolute;
 top: 210px; /* Hier dan ook 10px gezakt omdat de inhoud niet tegen het logo zou plakken.*/
 left: 200px;
 width: 600px;
 color:#fff999; /* dit verandert de hoofd tekst kleur van de weergegeven pagina's, die nu geel/wit is*/
 font-family:Georgia, "Times New Roman", Times, serif;
 font-style:italic;
 font-size:medium;
 font-weight:100;
  
}
#inhoud h2{
	text-align:center;
	color:silver; /* dit verandert de kop tekst van de pagina's */ 
}
#demos{
	
	background-repeat:no-repeat;
	background-position:center;
	width:400px;
	height:416px;
}
.form{
	background-color:transparent;
	color:#666666;	
	width:400px;
	height:416px;
}
#loading{
	position:absolute;
	top:300px;
	left:150px;
}
#filmstrip{
	background-image:url('../images/Filmstrip.jpg');
	position:absolute;
	top:40px;
	left:820px;
	width:200px;
	height:600px;
}
/*classes for tekst color*/
.rood{
	color:red;
}
.geel{
	font-size:large;
	color:yellow;
}
.silver{
	font-size:large;
	color:silver;
	font-weight:bolder;
}
#teller{   /* Nieuwe div teller gemaakt om uw teller op zijn plaats te zetten (met pos. abs.)staat nu juist onder menu.*/
	background-attachment:scroll;
	text-align:center; 
	width:600px;
}
.table{
	width:600px;
	text-align:left;
}
.tablelinks{
	width:600px;
	text-align:center;
	border:1px gray solid;
}
#table a, a:link {
color: #FF0000;
}
#table a, a:hover, a:visited{
color:#cccccc;
} 
.tr{
	width:150px;
}
.td{
	width:115px;
}
/*div styles for text*/
h1 {
	color:white;
	font-size:xx-large;
	font-family:Georgia, Tahoma, Verdana, Times New Roman, Arial;
}
h2 {
	color:silver;
	font-size:x-large;
	font-family:Georgia, Tahoma, Verdana, Times New Roman, Arial;
}
h3 {
	color:white;
	font-size:large;
	font-family:Georgia, Tahoma, Verdana, Times New Roman, Arial;
}
h4 {
	color:silver;
	font-size:medium;
	font-family:Georgia, Tahoma, Verdana, Times New Roman, Arial;
}
h5 {
	color:#666666;
	font-size:small;
	font-family:Georgia, Tahoma, Verdana, Times New Roman, Arial
}
h6 {
	color:#666666;
	font-family: Georgia, Tahoma, Verdana, Times New Roman, Arial;
	font-size: xx-small;
}