body {   
		 			background-color:#000033;					 /*    */
					font-family: garamond;
					font-size: 110%;
					color: #000066;  /* dit is gebroken wit   #ffe4c4 ;   */												
					margin:1;
					
					/* hier onder wordt de kleur bepaald van de delen van de scrollbar in de gewone tekst*/
					scrollbar-arrow-color: #000033;   	 /* donkerblauw */
					scrollbar-face-color: #c0c0c0;  		 /* grijs */
					scrollbar-highlight-color:#ffffcc;   /*  */
					scrollbar-3dlight-color:##ffffcc;  	 /*  */
					scrollbar-shadow-color: #ffffcc;   	 /*  */
					scrollbar-darkshadow-color: #ffff99 ;/* 000033 is donkerblauw */
					scrollbar-track-color: #808080;  	 	 /* grijs */	
					text-align:center;     /* al wat in de body staat wordt gecentreerd, dus ook de table  - dit staat verkeerd want is hier niet nodig... */
					margin:2;
					}
					
					
@media print {}									  /* kwam voor in een van de oefeningen, moet ik ooit nog aanvullen */
								
table {								 						/* hoe een gewone tabel er uit moet zien */
			border:1;
			background-color:#808080;		/* donkergrijs */
			font-size:95%;
			border-color:#ffff99;				/* dit is heel lichtgeel, voor de rand van een tabel*/
			padding:2;
			margin:auto; 								/* dit is voor mozilla  */
			}

									
					
.kleurtextarea  {										 /* dit gaat de kleur bepalen van de scrollbar in een textarea, 
																		 van een eventueel formulier vak */
								background-color: #808080;								
								color:#000066;
								border:none;
								overflow:hidden;
								scrollbar-arrow-color: #ffcc66;
								scrollbar-face-color: #ffff99;
								scrollbar-highlight-color: #a9a9a9;
								scrollbar-3dlight-color: #ffff00;
								scrollbar-shadow-color: #ffff00;
								scrollbar-darkshadow-color: #a9a9a9;
								scrollbar-track-color: #cccccc;
								}			

.text  {															 /* kleur voor stukken tekst, klasse maken dan */
			background-color: #808080;			 /* grijs */
			color:#000066;		               /* donkerblauw */			
			font-size:90%;
								
			}	

			
.kader {color:#ffffcc;				            /* voor de kader van de tijd en de datum op de indexpagina */
				border:2px outset #cccccc;        
				background-color:#ffffcc;								
				text-align:center;
    		margin-top:0px;
    		margin-bottom:0px;
    		padding:0px;

				
				}
			
			
td {	 									 					/* ruimte boven en onder een vak in de tabel */
	 padding: 6 4 6 4;
	 margin:4;
	 vertical-align: top;
	 }			

										
h1 {
	 font-size: 220%;
	 font-family: garamond; 
	 color:#ffe4c4;
	 }
	
h2 {
	 font-size: 140%;
	 font-family: garamond; 
	 font weight: bold;
	 color:#ffe4c4;
	 }

h3 {
	 font-size: 120%;
   font-family: garamond;
   color: #ffcc00;
	 }   


h4 {
	 font-size: 90%;
	 font-family: verdana;
	 color: #000066;
	 }	
	 
h5 {
	 font-size:80% ;
   }

li {
	 list-style:outside;
	 list-style-type:disc;
	 color:#000066;
	 margin:10;
	 }
	 
img {
		border-width:1px;
		border-color:#a9a9a9;
		margin:4px;					 /* dit is de lege ruimte rond de foto's! mag niet té groot zijn! */
		}

button {								 /* een button heeft heel lichtgrijze achtergrond, en donkerblauwe tekstkleur, marge 15px */
			 color:#000066;
			 background:#cccccc;
			 margin:5px;
			 }
	 
/* nu volgen de meer speciale, bijzondere bepalingen */


.verslag {background: #808080;    /* is voor het gedeelte met het dagverslagje in: achtergrondkleur is grijs*/
				  border: 3;	
					color:#000066; 	/* heel donkerblauw  000066!*/
				  font-size: 95%;
					font-family: georgia, garamond;
					padding:2; /* plaats leeg aan de binnenkant */
					margin: 2; /* plaats leeg aan de buitenkant */
					
					}	
a.verslag {					
					color:#003333;   /* kleur is donkergroen */
					}      
					
a.verslag:hover{
								text-decoration: underline; /* dit is opmaak van link verslag*/
        				color:#ffffcc;   /* kleur bij hover is wit*/
								}

h2,h3.verslag 	{color:#000066; 		/* heel donkerblauw ! voor de h2 in een gedeelte: verslag*/
						font-size: 140%; 
						font-weight:bold;				/* titels h2 én h3 moet hij bold zetten */
						text-align:center;
						} 

a.trip {color:#003300;


			 }
			 

.opvallen   {background:#000033; color:#ffffcc;} /* klasse met blauwe achtergrond en witte tekst om meer op te vallen */

						
a.onderlinks {					
					color:#000033;         /* deze links staan onderaan in de php pagina's en zijn veel kleiner!  */
					font-size:15;
					text-decoration: none;
					}      
					
a.onderlinks:hover{
								text-decoration: underline; /* dit is opmaak van link verslag*/
        				color:#cc0000;              /* kleur bij hover is */	
								
								}
 


	
a {color:#ffcc66;				 /* dit is de diepgele kleur, gewone kleur voor de links */
   text-decoration: underline;
	}						
	 
a:hover {text-decoration: underline; /* dit is opmaak van een gewone link*/
        color:#006600;               /* kleur bij hover is groen*/
				}

a.titel {color:#ffcc66;  /* dit is de diepgele kleur - dit is alles van class="titel"*/				
				font-size:100%;  /* de tekst in de vakken moet wat groter zijn, anders moeilijk te lezen!*/
				font-weight:bold;
				text-decoration: underline;
				}  
a.titel:hover{text-decoration: underline;	 /* dit is een link: class="titel" : onderlijnen als je erover gaat met muis*/
 							color:#006600;
					
							} 		 						 /* dit is een link: class="titel" : in ... zetten als je erover gaat met muis*/

a.dag {color:#000066;   /* diepgroene kleur voor de tekst */		
			}		
a.dag:hover{
						text-decoration: underline;
						color: #ffcc00;
						background: #808080;  /* gewone achtergrondkleur van de body*/
						}

						
a.menuonder {											/* voor de onderste kleinere menuutjes */
						font-size:14#000066;
						color:#003333;    /*  tektskleur is donkergroen */
            }

						
						
						
a.home {color: white;
			 }	 		 /* deze klasse "home" is buiten gebruik bij een link, bijhouden om ergens ooit aan te passen */
a.home:hover{
						 text-decoration: underline;
						 color: red;
						 }


a.knop1 {		 	/* knoppen voor de bovenmenuutjes met de script menu.js */
  display: block; width: 85px; background: whitesmoke; text-align: center;
	border: 2px ridge grey; margin: 1px; text-decoration: none; color: #000099;
	font-size:16;
}	
a.knop1:hover {
  background-color: #808080; color: white; text-decoration: underline; 
	border: 2px ridge #ff9900; font-style: oblique;
}

a.knop2 {
  display: block; width: 180px; background: #000066; text-align: center;
	border: 2px ridge grey; margin: 2; text-decoration: none; color: white;
	font-size:14;
}	
a.knop2:hover {
  background-color: #808080; color: #003333; text-decoration: none;
	border: 2px ridge #ff9900;font-style: oblique;
}

a.knop3 {
  display: block; width: 180px; background: #ffffff; text-align: center;
	border: 2px ridge #ffcc66; margin: 2; text-decoration: none; color: #000066;
	font-size:14;
	}

a.knop3:hover {
  background-color:#808080 ; color: #000066; text-decoration: none;
	border: 2px ridge #ff9900;font-style: oblique;
}


/* knop 4 is voor ingezonden stukken, niet door mij gemaakt */
a.knop4 {
  display: block; width: 150px; background: #ffcc66; text-align: center;
	border: 2px ridge grey; margin: 5px; text-decoration: none; color: red;
	font-size:14;
	}

a.knop4:hover {
  background-color:#808080 ; color: red; text-decoration: none;
	border: 2px outset #003333;
              }

.submenu {
  display:none; position: absolute; z-index: 10;
} 

table.menublok {margin: auto;}		/* dit is voor mozilla  */



#blok {
	position: absolute; top: 60px; left: 0px;
	}
	

			/* vraag en antwoord dienen voor kleine uitklapvakjes die extra uitleg verschaffen in de pagina's  */
.vraag {
  display:inline ; background: #ffffcc; border: 2px outset #cc0000; text-decoration: none; color: #2f4f4f; font:12 verdana; width:100;
}
.antwoord {
  display: none; background: #ffffcc;
	border: 2px outset #cc0000; padding: 5; margin: 5 auto; width: 500; text-align: center; color:#2f4f4f;
	position: absolute; 
}	
	
  /* dit is wanneer de tekst naast een picture moet uitgelijnd worden en op een bepaad moment (nowrap) weer beginnen  */
	
img{float:left;}
.nowrap {clear:left;}