/******************************************************************************
Betreft:	Deze stijlen zijn bedoeld voor alle pagina's.
Auteur:		cybertux.nl/BG
Wijzigingen:	21-10-2006	Eerste opzet van de style sheets.
******************************************************************************/

<STYLE TYPE="text/css">
<!--


.temp { position:absolute; top:50px; left:160px;}


body
{
	/*background-color: #366;*/
/*	background-color: #768998;*/
/*	background-color: #535353;*/
	
/*	background-color: #677;*/
/*background-color: #9099ae;*/
/*background-color: #385b79;*/
background-color: #848282;
	font-family: sans-serif;
	font-size: 13px;
	text-align: center;
}



div#page
{
	margin: 1em auto;
	width: 980px;
	border-top: 1px solid #183b59;  /*#666;*/
	border-left: 1px solid #183b59;  /*#666;*/
	border-right: 3px solid #183b59;  /*344*/
	border-bottom: 3px solid #183b59; /*344*/
	padding: 1em;
	background-color: #fff;
	text-align: left;
	min-height: 1100px;
}




/* handhaven voor sommige tabellen */
.page
{
	padding-top: 20px;
}



/* standaard tekst beperkt tot maximaal leesbare breedte */
.standaard	{
				font-size: 13px;
				max-width: 580px;
				text-align: left;	/*justify;*/
				margin-left:32px;
				/*text-align: left;*/
			}




/* Een afwijkend deel op de pagina waarin bijvoorbeeld
een FORM kan worden geplaatst.
Zie onder andere het invoeren van reacties op berichten
*/
.invoervenster
{
	background-color: #99cccc;
	border: 1px solid black;
	color: black;
}




.menubalk
{
	background-color: #eeeeff;
	border: 1px solid blue;
	color: #b8b8b8;
	font-family: sans-serif;
	margin: 0px;
	text-align: center;
}



/*****************************************************************

				Deze volgorde is belangrijk voor <a> tags:
				
				a:link		eerst dit
				a:visited	en dit
				a:hover		en nu pas dit!
				a:active	en tot slot dit
				
				

*****************************************************************/

a.link_on_tab:link
{
/*	text-decoration: none;*/
	/*cursor: hand;*/
	background-color: #eeeeff;
	color: blue;
	vertical-align: middle;
	width: 100%;
}


a.link_on_tab:visited	{
					/*text-decoration: none;*/
					cursor: hand;		/* needed for crappy internet explorer */
/*					background-color: #eeeeff;*/
/*					color: blue;*/

					}



a.link_on_tab:hover	{
					/*cursor: hand;		*/
					background-color: #ffffff;
					color: blue;
					}



.tab_selected		{
					background-color: white;
					border-top: 1px solid blue;
					border-left: 1px solid blue;
					border-right: 1px solid blue;
					border-bottom: 1px solid white;		/* overwrite border van class tabs */
					color: blue;
					font-family: sans-serif; 
					font-size: 13px;
					font-weight: bold;
					margin: 0px; 
					text-align: center;
					/*position:absolute;
					top:80px;	*/		
					/*width:180px;*/			/* --> edit page */
					vertical-align: middle;
					}

.tab_not_selected	{
					background-color: #eeeeff;
					border: solid 1px blue;
			color: blue;
					font-family: sans-serif; 
					font-size: 12px;
					font-weight: normal;
					margin: 0px; 
					text-align: center;
	/*				position:absolute;
					top:86px;*/
					/*width:180px;*/			/* --> edit page */
					vertical-align: middle;
					}



.button_selected
{
	background-image: url(/images/button_selected);
	background-repeat: repeat-x; 
	color: white;
	text-align: center;
}



.button
{
	background-image: url(/images/button_normal);
	background-repeat: repeat-x; 
}



.button:hover
{
	background-image: url(/images/button_hover);
	background-repeat: repeat-x; 
	color: white;
}



a.link_on_button:link
{
	text-decoration: none;
	cursor: hand;
	color: #ddf;
	vertical-align: middle;
	text-align: center;
}



/* needed for crappy IE */
/* same as a.link_on_button:link */
a.link_on_button:visited
{
	text-decoration: none;
	cursor: hand;
	color: #ddf;
	vertical-align: middle;
	text-align: center;
}



a.link_on_button:hover
{
	/*text-decoration: none;*/
					cursor: hand;		/* needed for crappy internet explorer */
/*					background-color: #00ff00;*/
/*color: white;					*/
					/*background-color: yellow;*/
					/*font-weight: bold;*/
					/*color: yellow;*/

}



.titelbalk
{
	background-color: #ffffff;
	height: 50px;
	color: #ffffff;
	font-family: sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
	text-align: center; 
}



.titel-gastenboek-reactie
{
	background-image:url("/graphics/backgrounds/blend-light-gray.png");
	color: #111111;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	margin-top:20px;
	margin-bottom: 6px;
	text-align: left;
}



.googlesearch
{
	background-color: #ffffff;
	color: #000000;
	border: black 1px solid;
	font-family: sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
	text-align: center; 
}



/*
.bodyleft		{
				color: #000000;
				font-family: sans-serif;
				font-size: 12px;
				margin: 0px;
				text-align: left;
			}
*/



.titel
{
	color: #5555AA;
	font-family: sans-serif; 
	font-size: 22px;
	font-weight: bold;
	margin: 0px; 
	text-align: left;
	padding-bottom: 0px;
}



/* Moet identiek zijn aan .titel, maar dan zonder een padding-bottom,
 want anders komt de titel te hoog boven de lijn te zweven */
.titel_nieuwsbericht
{
	color: #5555AA;
	font-family: sans-serif; 
	font-size: 22px;
	font-weight: bold;
	margin: 0px; 
	margin-bottom: 12px;
	text-align: left;
	/*border: 1px solid blue;*/
	border-bottom: solid 1px #666688;
}



/* Het nieuwsbericht op de voorpagina */
.berichtfront
{
	color: #000000;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: normal; 
	text-align: left;	/*justify;*/
}



.inleiding
{
	font-weight: bold; 
	text-align: justify;
}



.kop1		{
				border-bottom: 1px solid #bbbbff;
				color: #5555AA;
/*				font-family: sans-serif;*/
				font-size: 20px;
				font-weight: normal;
				margin: 0px; 
				text-align: left;
				padding-top: 45px;
				padding-bottom: 5px;
				margin-bottom: 6px;
			}


.kop2		{
				color: #5555AA;
				/*font-family: sans-serif; */
				font-size: 18px;
				font-weight: normal;
				margin: 0px; 
				text-align: left;
				padding-top: 30px;
				padding-bottom: 7px;
			}


.kop3		{
				color: #5555AA;
				/*font-family: sans-serif; */
				font-size: 16px;
				font-weight: bold;
				margin: 0px; 
				text-align: left;
				padding-top: 25px;
				padding-bottom: 7px;
			}


.copyright	{	/* De balk onderaan elke pagina */
				/*color: #6666ff;*/
/*				border-top: 1px solid #699;
				padding-top: 20px;*/
				
				color: #699;
				font-size: 9px;
				text-align: center;
				margin-top: 80px;
			}

.vert_menu	{
				color: #000000;
				font-family: sans-serif; 
				font-size: 12px;
/*				font-weight: bold;*/
				margin: 0px; 
				text-align: left;
			}



.whitepaper	{
				background-color: #FFFFFF;
				margin: 0px; 
/*				text-align: justify;*/
			}


A:link		{
				color: #00c;
				font-family: sans-serif; 
				text-align: left;
				text-decoration: none;
			}


A:visited	{
				color: #00c;
				font-family: sans-serif;
				text-align: left;
				text-decoration: none;
			}


A:hover		{
/*background-color: transparent;*/

/*				background-color: #7777ff;*/
/*				background-color: #2a2a76;*/
	background-image: url(/images/button_hover);
				
				color: #FFFFFF;
				text-align: left;
/*				text-decoration: underline;*/
			}




.code			{
				background-color: #f7f7f7; /*#fffca8;*/ /*#FAFFA4*/
				border: solid 1px #aaaaaa;
				/*border: dotted 1px #aaaaaa;*/
				color: #000000;
/*				font-family: 'Courier New';*/
				font-family: monospace;
				font-size: 13px;
				font-weight: normal;
				
				padding-left: 10px;
				padding-top: 10px;
				padding-bottom: 10px;
/*				
				margin-bottom: 18px;
				margin-right: 10px;
				margin-top: 18px;
				margin-left: 0px;
*/				
				text-align: left;
				width: 100%;/*500px;*/
				}


.console		{
				background-color: #336666;
				/*border: solid 4px #aaaaaa;*/
				color: #ffffff;
/*				font-family: courier;*/
				font-family: monospace;
				font-size: 13px;
				font-weight: normal;
				
				padding-left: 10px;
				padding-top: 10px;
				padding-bottom: 40px;
/*				
				margin-bottom: 18px;
				margin-top: 18px;
				margin-left: 0px;
				margin-right: 10px;
*/				
				text-align: left;
				width: 100%;  /*680px;*/
				}


.toelichting	{
				background-color: #555588;
				/*border: solid 1px #000000;*/
				color: #ffffff;
/*				font-family: courier;*/
				font-family: monospace;
/*				font-size: 12px;*/
				font-weight: normal;
				margin-bottom: 30px;
				margin-top: 30px;
				margin-right: 0px;
				padding: 20px;
				text-align: left;
				width: 60%;
				}



.warning		{
				background-color: red;
				border: solid 1px black;
				color: white;
				font-weight: bold;
				padding: 8px;
				text-align: center;
				width: 100%; /*740px;*/
				}
				
highlight		{
				background-color: yellow;
				}


/* De kolom aan de linkerkant, waarin navigatielinks staan */
.inhoudskolom	{
				background-color: #fdff95;
				border: 1px solid #888888;
				color: #000000;
				padding: 10px;
				/*padding-left: 10px;*/
				font-family: sans-serif;
				font-size: 12px;
				font-weight: normal;
				text-align: left;
				vertical-align: top;
				width: 140px;
				}




UL			{
				list-style-type: disc; 
				list-style-position: inside;
				margin-left: 0px; padding-left: 0px; 
			}

.lijstintekstonder { margin-bottom: 0px; }
.lijstintekstboven { margin-top: 0px; }




/* Bestandsnamen in de tekst zetten we tussen <fname></fname> tags */
fname		{
				font-family: 'Courier New', Courier, monospace;
				font-size: 15px;
				font-weight: bold;
			}
				
				

				
		/*****************************************************/
		/* Stijlen voor de tabel met geinstalleerde packages */
		/*****************************************************/


.tableheader
{
	background-color:	#5555AA;
/*background-image: url(/graphics/backgrounds/blend01.png);*/
	color:				#FFFFFF;
	font-family:		sans-serif;
	font-size:			13px;
	font-weight:		bold;
	height:				30px;
}

.tablecel
{
/*	background-color:	#EEEEef;*/
	background-color:	#8888dd;
	color:				#ffffff ;
	font-family:		sans-serif;
	font-size:			13px;
	font-weight:		normal;
}




		/********************************************************/
		/* Stijlen voor de tabel met beschikbare webcam-beelden */
		/********************************************************/
.webcam_tablecel	{
					background-color: #cccccc;
					color: #444444;
					font-family: sans-serif;
					font-size: 10px;
					font-weight: normal;
					text-align: center;
					width: 45px;
					}

-->
</STYLE>