/* Instellingen voor body, bold en paragraaf */
	body
		{ 
			font-family       : "Comic Sans Ms", Arial, Helvetica, sans-serif;
		    	color             : #000000;
			background-color  : #AAAAFF;
			font-size         : 12px;
			font-weight       : normal;
			text-align        : justify;
			margin-left       : 2px;
			margin-top        : 0px;
			margin-right	: 2px;
			margin-bottom	: 0px;
	  	}
	B
	 	{
			font-family       : "Comic Sans Ms", Arial, Helvetica, sans-serif;
		    	color             : #000000;
			text-align        : justify;
			font-size         : 12px;
			font-weight       : bold;
		}
	P, font
		{
			font-family       : "Comic Sans Ms", Arial, Helvetica, sans-serif;
		    	color             : #000000;
			font-size         : 12px;
			font-weight       : normal;
			text-align        : justify;
	  	}

/* Instellingen voor de printfunctie */
	HR.print
		{
		    	color             : #15044E;
		}
	body.print
		{ 
			background-color  : #FFFFFF;
		    	color             : #000000;
	  	}

/* Een ruler */
	HR
		{
		    	color             : #FF4500;
		    	background-color  : #FF4500;
		    	border-color 	: #FF4500;
		}

/* fieldset en legend voor het nieuws */
	fieldset 
		{
			border		: solid #8888FF 3px;
			padding		: 4px;
		}

	legend 
		{
			font-weight		: bold;
			font-size		: 12px;
			padding		: 1px;
			border		: 1px solid #000000;
		}

/* Predefined headings */
	H1
		{
			background-color  : #8888FF;
			font-family       : "Comic Sans Ms", Arial, Helvetica, sans-serif;
		    	color             : #000000;
			font-size         : 24px;
			text-decoration	: none;
			BORDER-TOP		: #FFFFFF 1px solid;
			BORDER-LEFT		: #FFFFFF 1px solid; 
			BORDER-RIGHT	: #000000 1px solid; 
			BORDER-BOTTOM	: #000000 1px solid; 
		}
	H1.noback
		{
			background-color  : transparent;
		}
	H2
	  	{
			font-family       : "Comic Sans Ms", Arial, Helvetica, sans-serif;
		    	color             : #000000;
			font-size         : 18px;
			font-weight       : bold;
		}
	H3
		{
			font-family       : "Comic Sans Ms", Arial, Helvetica, sans-serif;
		    	color             : #000000;
			font-weight       : bold;
			font-size         : 12px;
		}
	H4
	  	{
			font-family       : "Comic Sans Ms", Arial, Helvetica, sans-serif;
		    	color             : #000000;
			font-weight       : bold;
			font-size         : 13px;
		}
	H5
		{ 
			font-family       : "Comic Sans Ms", Arial, Helvetica, sans-serif;
		    	color             : #000000;
			font-weight 	: bold; 
			font-size	  	: 12px; 
	  	}
	H6
		{
			background-color  : #D0E0FF;
			font-family       : "Comic Sans Ms", Arial, Helvetica, sans-serif;
		    	color             : #000000;
			font-size         : 14px;
			text-decoration	: none;
			margin-top        : 0px;
			margin-bottom     : 10px;
		}

/* Opsommen */
	UL
		{ 
			margin-top        : 0px;
			margin-right	: 0px;
			margin-bottom	: 10px;
	  	}
	LI
	  	{
			font-family       : "Comic Sans Ms", Arial, Helvetica, sans-serif;
		    	color             : #000000;
			text-align        : justify;
			font-size         : 12px;
			font-weight       : normal;
		}

/* In het nieuws wordt fieldset gebruikt */
	FIELDSET
	  	{
			margin		: 5px; 
       	}

/* Het randje rond de fototjes, en Reversed-randje */
	.randje 
		{
			BORDER-TOP		: #000000 3px solid;
			BORDER-LEFT		: #000000 3px solid; 
			BORDER-RIGHT	: #FFFFFF 3px solid; 
			BORDER-BOTTOM	: #FFFFFF 3px solid; 
		}
	.rrandje 
		{
			BORDER-TOP		: #FFFFFF 3px solid;
			BORDER-LEFT		: #FFFFFF 3px solid; 
			BORDER-RIGHT	: #000000 3px solid; 
			BORDER-BOTTOM	: #000000 3px solid; 
		}

/* Opmaak van de tabellen en hun cellen */
	TABLE
	  	{
       	}
	TH
		{
			font-family       : "Comic Sans Ms", Arial, Helvetica, sans-serif;
		    	color             : #000000;
		    	font-size         : 24px;
		    	font-weight       : bold;
		    	text-align        : left;
		}
	TD
	  	{
		    	color             : #000000;
			font-family       : "Comic Sans Ms", Arial, Helvetica, sans-serif;
			font-size         : 12px;
			font-weight       : normal;
			text-align        : justify;
		}

/* Opmaak van het log */
	TH.log
	  	{
		    	font-size         : 10px;
			font-weight       : bold;
			background-color  : #FFFFFF;
		    	color             : #000000;
       	}
	TD.log
	  	{
			font-family       : "Comic Sans Ms", Arial, Helvetica, sans-serif;
		    	font-size         : 10px;
			background-color  : #FFFFFF;
		    	color             : #000000;
       	}

/* Opmaak van de agenda (in de derde kolom) */
    	.agenda
	  {
/*			text-align        : justify;	*/
			font-size         : 12px;	
			width			: 130px
	  }
	B.agenda
	  {
			font-size         : 12px;
			font-weight       : bold;
	  }

/* Opmaak van commentaarregel in het gastenboek */
	TD.gbcomment
	  	{
		    	font-size         : 12px;
			text-align        : left;	
       	}

/* De datum in de kop */
	TD.kopdatum
		{
		    	font-size         : 10px;
			text-align        : center;	
		}

/* De drie kolommen op het scherm links(menu), midden, rechts(optie) */
	td.links
		{
			background-color  : #D0E0FF;
			BORDER-TOP		: #000000 2px solid;
			BORDER-LEFT		: #000000 2px solid; 
			BORDER-RIGHT	: #FFFFFF 2px solid; 
			BORDER-BOTTOM	: #FFFFFF 2px solid; 
		}
	td.midden
		{
			BORDER-TOP		: #000000 2px solid;
			BORDER-LEFT		: #000000 2px solid; 
			BORDER-RIGHT	: #FFFFFF 2px solid; 
			BORDER-BOTTOM	: #FFFFFF 2px solid; 
		}
	td.rechts
		{
			background-color  : #D0E0FF;
			BORDER-TOP		: #000000 2px solid;
			BORDER-LEFT		: #000000 2px solid; 
			BORDER-RIGHT	: #FFFFFF 2px solid; 
			BORDER-BOTTOM	: #FFFFFF 2px solid; 
		}

/* Wil je een kolom anders uitlijnen, kies dan één van onderstaande */
	.center
		{
			text-align        : center;	
		}
	.left
		{
			text-align        : left;	
		}
	.right
		{
			text-align        : right;	
		}

/* Geen achtergrond */
	.noback
	  	{ 
			background-image	: url();
		}

/* Instellingen voor de (menu)linkjes */
	A.menu
	  	{ 
		    	color             : #000000;
			font-family       : Arial, Helvetica, sans-serif;
			font-size         : 11px;
		    	text-decoration   : none;
			font-weight       : bold;
			WIDTH			: 100%; 
			display		: block;
		}
	A.menu:hover 
		{
			background-color  : #8888FF;
			WIDTH			: 100%; 
			display		: block;
		}
	A
	  	{ 
		    	color             : #000000;
			font-size         : 12px;
		    	text-decoration   : none;
			font-weight       : bold;
		}
	A:LINK 
	  	{
		    	color             : #000000;
 		}
	A:ACTIVE 
	  	{
		    	color             : #000000;
 	  	}
	A:VISITED 
	  	{
		    	color             : #000000;
 	  	}
	A:HOVER 
	  	{
			background-color  : #8888FF;
        		color  		: #000000;
	    		text-decoration   : none;
	    		font-weight       : bold;
		}

/* De box aan de bovenkant van het scherm */
	.topbox 
		{
			PADDING-RIGHT	: 3px; 	
			PADDING-LEFT	: 3px; 
			PADDING-BOTTOM	: 3px; 
			PADDING-TOP		: 3px;
			FLOAT			: none; 
/*			WIDTH			: 100%;			*/
			TEXT-ALIGN		: left;
			BORDER-TOP		: #000000 2px solid;
			BORDER-LEFT		: #000000 2px solid; 
			BORDER-RIGHT	: #FFFFFF 2px solid; 
			BORDER-BOTTOM	: #FFFFFF 2px solid; 
			MARGIN		: 0px; 
			background-color  : #D0E0FF;
			COLOR			: #000000; 
		}
	TD.top
	  	{
			font-family       : "Comic Sans Ms", Arial, Helvetica, sans-serif;
		    	font-size         : 10px;
			text-align        : center;
       	}

/* De box waar alle data instaat */
	.centerbox 
		{
			PADDING-RIGHT	: 5px; 	
			PADDING-LEFT	: 5px; 
			PADDING-BOTTOM	: 5px; 
			PADDING-TOP		: 5px;
			FLOAT			: none; 
/*			WIDTH			: 100%;			*/
			TEXT-ALIGN		: left;
			BORDER-TOP		: #000000 2px solid;
			BORDER-LEFT		: #000000 2px solid; 
			BORDER-RIGHT	: #FFFFFF 2px solid; 
			BORDER-BOTTOM	: #FFFFFF 2px solid; 
			MARGIN		: 4px; 
			BACKGROUND-COLOR	: transparent; 
			COLOR			: #000000; 
		}

/* De box met de tellergegevens */
	.counterbox 
		{
			PADDING		: 2px; 	
			FLOAT			: none; 
			TEXT-ALIGN		: left;
			BORDER-TOP		: #000000 1px solid;
			BORDER-LEFT		: #000000 1px solid; 
			BORDER-RIGHT	: #FFFFFF 1px solid; 
			BORDER-BOTTOM	: #FFFFFF 1px solid; 
			MARGIN		: 0px; 
			BACKGROUND-COLOR	: transparent; 
			COLOR			: #000000; 
		}

/* De menuregel, in rust of geselecteerd */
	.menuregel 
		{
			PADDING-RIGHT	: 3px; 	
			PADDING-LEFT	: 3px; 
			PADDING-BOTTOM	: 3px; 
			PADDING-TOP		: 3px;
			FLOAT			: none; 
			TEXT-ALIGN		: left;
/*			WIDTH			: 100%;			*/
			BORDER-TOP		: #000000 0px solid;
			BORDER-LEFT		: #000000 0px solid; 
			BORDER-RIGHT	: #FFFFFF 0px solid; 
			BORDER-BOTTOM	: #FFFFFF 0px solid; 
			MARGIN		: 0px; 
			BACKGROUND-COLOR	: transparent; 
			COLOR			: #000000; 
		}
	.menuregelselected
		{
			PADDING-RIGHT	: 3px; 	
			PADDING-LEFT	: 3px; 
			PADDING-BOTTOM	: 3px; 
			PADDING-TOP		: 3px;
			BORDER-TOP		: #FFFFFF 0px solid;
			BORDER-LEFT		: #FFFFFF 0px solid; 
			BORDER-RIGHT	: #000000 0px solid; 
			BORDER-BOTTOM	: #000000 0px solid; 
			MARGIN		: 0px; 
			BACKGROUND-COLOR	: #8888FF;
		}

/* Bij gebruik van een groupmenu is dit de layout van de groupsbutton */
	.menugroup 
		{
			PADDING-RIGHT	: 1px; 	
			PADDING-LEFT	: 1px; 
			PADDING-BOTTOM	: 1px; 
			PADDING-TOP		: 1px;
			FLOAT			: none; 
			POSITION		: relative;
			TEXT-ALIGN		: left;
/*			WIDTH			: 100%;			*/
			BORDER-TOP		: #8888FF 4px solid;
			BORDER-LEFT		: #FFFFFF 0px solid; 
			BORDER-RIGHT	: #FFFFFF 0px solid; 
			BORDER-BOTTOM	: #8888FF 4px solid; 
			MARGIN		: 0px; 
			BACKGROUND-COLOR	: #8888FF; 
			COLOR			: #000000; 
		}

/* Bij gebruik van een groupmenu is dit de achtergrond van alle items in de group */
	.menugrouplist 
		{
			PADDING-RIGHT	: 1px; 	
			PADDING-LEFT	: 1px; 
			PADDING-BOTTOM	: 1px; 
			PADDING-TOP		: 1px;
			FLOAT			: none; 
			POSITION		: relative;
			TEXT-ALIGN		: left;
/*			WIDTH			: 100%;			*/
			MARGIN		: 0px; 
			BACKGROUND-COLOR	: #BBBBFF; 
			COLOR			: #000000; 
		}

/* De spacer voor het menu, de afstand tussen de menuregeltjes */
	.spacer 
		{
			PADDING		: 0px; 	
			FLOAT			: none; 	
			OVERFLOW		: auto;
			HEIGHT		: 6px; 			
			WIDTH			: 0px;
			TEXT-ALIGN		: left;
			BORDER		: #FFFFFF 0px solid;
			MARGIN		: 0px; 
			BACKGROUND-COLOR	: transparent; 
			COLOR			: #000000; 
		}

/* Een boxje */
	.boxje
		{
			PADDING-RIGHT	: 0px;
			PADDING-LEFT	: 0px;
			PADDING-BOTTOM	: 0px;
			PADDING-TOP		: 0px;
			FLOAT			: right;
			WIDTH			: 280px;
			HEIGHT		: 600px;
			TEXT-ALIGN		: left;
			BORDER-TOP		: #FFFFFF 0px solid;
			BORDER-LEFT		: #FFFFFF 0px solid;
			BORDER-RIGHT	: #000000 0px solid;
			BORDER-BOTTOM	: #000000 0px solid;
			MARGIN		: 0px;
		}