/******************************************************************************
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;}


/* scrollbar allways visible tegen "springen" */
html {overflow-y: scroll;}


body
{
/*	background-color:	#506a6a;*/
 	background-color: #fff;
	color:	#304a4a;
	font-family: sans-serif;
	font-size: 13px;
	text-align: center;
}



div#page
{
	margin: 1em auto;
	width: 90%;
	min-width: 1024px;
	max-width: 1200px;

/*
	border-top: 1px solid #183b59;
	border-left: 1px solid #183b59;
	border-right: 3px solid #183b59;
	border-bottom: 3px solid #183b59;
*/
	padding: 1em;
	text-align: left;
	min-height: 700px;
}




/* Dit bepaalt de eigenschapen van een icoon bij een nieuwsbericht op de voorpagina */
/* Gebruik: <img id='news-icon'>*/
img#news-icon
{
	width: 100px;

}




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





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

}



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




/* 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: #9cc;
	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: #fff;
	height: 50px;
	color: #fff;
	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: #111;
	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;
}





.titel
{
/*	color: #506a6a;*/

	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: #506a6a;*/
	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: #555;*/
/*				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: #555;*/
				/*font-family: sans-serif; */
				font-size: 18px;
				font-weight: normal;
				margin: 0px;
				text-align: left;
				padding-top: 30px;
				padding-bottom: 7px;
			}


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


				/* De balk onderaan elke pagina */
.copyright	{
				/*
				border-top: 1px solid #699;
				padding-top: 20px;
				*/
/*				color: #699;*/

				font-size: 9px;
				text-align: center;
			}



.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: #009;
				font-family: sans-serif;
				text-align: left;
				text-decoration: none;
			}


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


A:hover		{

/*				Deze twee options zorgen voor een soort ingedrukt-knop-effect bij hovering
				background-image: url(/images/button_hover);
				color: #FFFFFF;
*/
				text-align: left;
/*				text-decoration: underline;*/
			}




.code			{
	background-color:	#ffffdf;

				border: dashed /*solid*/ 1px #aaaaaa;
				color: #000000;
				font-family: monospace;
				font-size: 13px;
				font-weight: normal;

				padding-left: 10px;
				padding-top: 15px;
				padding-bottom: 15px;
/*
				margin-bottom: 18px;
				margin-right: 10px;
				margin-top: 18px;
				margin-left: 0px;
*/
				text-align: left;
				width: 100%;/*500px;*/
				}


.console		{
/*				background-color: #444;*/
	background-color:	#405a5a;

				color: #ffffff;
				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: #fff;
/*				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;
				}




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-color:	#607a7a;
/*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:	#b0caca;
	color:				#333 ;
	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>