body
{
	background-color:	#FFFFFF;	
	font-family:		"Arial";
	font-size:			12px;
	padding:			0px;
	margin:				0px;
	height:				100%;
	width:				100%;
}

a:link{color:#000000; text-decoration:underline;}
a:visited{color:#000000; text-decoration:underline;}
a:hover{color:#575757; text-decoration:underline;}

td
{
	font-family:		"Arial";
	font-size:			12px;
	
	vertical-align:		top;
}

hr
{
	background-color:	#575757;
	color:				#575757;
	border:				none;
	border-bottom:		1px solid #575757;
	height:				1px;
	
	margin-bottom:		7px;
}

hr.img
{
	background-color:	#FFFFFF;
	color:				#FFFFFF;
	border:				none;
	border-bottom:		1px dashed #000000;
	height:				1px;
	
	margin:				2px 0px 2px 0px;
}

a img
{
	border:				none;
}

legend
{
	font-weight:		bold;
}

#container
{
	background:			url("../images/bourgonjen_header1.JPG") top left repeat-x;
	position:			relative;
	margin: 			0px auto;
}

#header
{
	height:				110px;
	width:				100%;
	background:			url("../images/logo.jpg") top left no-repeat;
	background-color:	#575757;
	margin-bottom:		30px;
	min-width:			812px;
}

#content
{
	width:				900px;
	padding:			20px;
	margin-top:			-30px;
}

* html #content
{
	margin-top:			-60px;
	width:				900px;
}

#sessionTimer
{
	position:			absolute;
	right:				2px;
	top:				4px;
	font-size:			9px;
	color:				#FFFFFF;
}

#versionNumber
{
	position:			absolute;
	right:				1px;
	top:				25px;
	font-size:			9px;
	color:				#000000;
}

#idLoadingDevice
{
	position:			absolute;
	right:				10px;
	top:				30px;
	display:			none;
}

#extradiv
{
	background:			url("../images/1pix.jpg") top right no-repeat;
	width:				470px;
	height:				120px;
	float:				right;
}

#login
{
	position:			absolute;
	left:				350px;
	top:				50px;
	z-index:			10;
}

#login .text
{
	width:				100px;
	height:				19px;
	
	background-color:	#F1EFF0;
	border:				1px solid #858585;
	
	margin-right:		10px;
}

/* MENU STYLES  <====>  VERTICAAL */
ul#idMenu
{
	position:			absolute;
	left:				30px;
	top:				85px;
	z-index:			50;
	
	list-style:			none;
	margin:				0px;
	padding:			0px;
	/*border:				1px solid #000000;*/
	border-bottom:		none;
	width:				220px; /* Breedte van het menu. */
}

ul#idMenu li
{
	width:				220px; /* Breedte van het menu. */
	background-color:	#FFFFFF;
	/*border-bottom:		1px solid #000000;*/
}

ul#idMenu li a
{
	display:			block;
	padding:			0px 4px;
	color:				#FFFFFF;
	font-weight:		bold;
	text-decoration:	none;
	line-height:		25px;
	background-color:	#181617;
	background:			#181617 url("../images/menubutton.jpg") top right no-repeat;
}

ul#idMenu li a:hover
{
	background-color:	#BEBEBE;
	color:				#000000;
}

ul#idMenu li ul
{
	list-style:			none;
	position:			absolute;
	padding:			0px;
	margin:				0px;
	margin-top:			-25px;
	margin-left:		220px; /* Breedte van het menu. */
	display:			none;
	/*border:				1px solid #000000;*/
	border-bottom:		none;
	width:				220px; /* Breedte van het menu. */
}

* html ul#idMenu li
{
	float:				left;
	clear:				both;
}

* html ul#idMenu li a
{
	height:				1%;
	
}

#idSubMenu
{
	position:			absolute;
	left:				65px;
	top:				140px;
}

#idSubMenu a:link{color:#880100; text-decoration:none}
#idSubMenu a:hover{color:#FFFFFF; text-decoration:underline}
#idSubMenu a:visited{color:#880100; text-decoration:none}

a.clsMenuPointer:link{text-decoration:none}
a.clsMenuPointer:hover{text-decoration:none}
a.clsMenuPointerTxt:link{text-decoration:none}
a.clsMenuPointerTxt:hover{text-decoration:none}

.clsMenuPointer
{
	position:			absolute;
	z-index:			50;
	
	display:			none;
	padding:			0px 5px;
	
	border:				1px dotted #000000;
	background-color:	#6D6D6D;
	color:				none;
	
	-moz-opacity:		0.5;
	filter:				alpha(opacity=50);
}

.clsMenuPointerTxt
{
	position:			absolute;
	z-index:			51;
	
	display:			none;
	padding:			0px 5px;
	
	background-color:	transparent;
	color:				#FFFFFF;
}
/* END Menu */

textarea
{
	width:				250px;
	height:				100px;
	border:				1px solid black;
	padding:			2px;
	
	font-family:		"Arial";
	font-size:			11px;
	color:				#595959;
}

.text
{
	width:				250px;
	height:				19px;
	
	background-color:	#FFFFFF;
	background:			url('../images/bg_textfield.jpg') top left repeat;
	border:				1px solid #000000;
	padding:			0px 2px 2px 2px;
	
	font-family:		"Arial";
	font-size:			11px;
	color:				#595959;
}

.cr
{
	margin:				0px;
	padding:			0px;
}

.button
{
	width:				250px;
	height:				19px;
	
	background-color:	#575757;
	border:				1px solid #000000;
	
	font-family:		"Arial";
	font-size:			11px;
	font-weight:		bold;
	color:				#FFFFFF;
	
	cursor:				pointer;
}

.file
{
	font-family:		"Arial";
	font-size:			11px;
	color:				#595959;
	
	border:				1px solid #000000;
}

select
{
	width:				250px;
	
	border:				1px solid #000000;
	
	font-family:		"Arial";
	font-size:			11px;
	color:				#595959;
}

/* Opmaak voor uitroepteken voor weergave verplicht ja/nee */
.required
{
	font-weight:		bold;
	font-size:			14px;
	color:				#575757;
}

/* Opmaak voor gegevens in overzichten */
table.tblContent
{
	width:				100%;
	font-family:		"Arial";
	text-align:			left;
	border-collapse:	collapse;
}

table.tblContent td
{
	padding:			5px;
}

.tblHead td
{
	background-color:	#E8E8E8;
	border:				1px solid #575757;
	border-top:			3px solid #575757;
}

.tblHead2 td
{
	background-color:	#BBBAB5;
	border:				1px solid #575757;
	border-top:			3px solid #575757;
}

table.tblContent td img
{
	margin-right:		1px;
}

table.tblContent td.rowActive
{
}

table.tblContent td.rowArchived
{
	color:#D4D4D4;
}

table.tblContent td.rowDeleted
{
	color:#969696;
	text-decoration: linethrough; 
}

table.tblContent td.rowBoth
{
	color:#D4D4D4;
	text-decoration: linethrough; 
}

/* Opmaak voor bijschriften als datumaanduiding */
.bijschrift
{
	font-size:			10px;
}

.info
{
	font-size:			14px;
}

/* Goed/Fout meldingen */
.correct
{
	color:				#008000;
}

.medicore
{
	color:				#C37600;
}

.incorrect
{
	color:				#AB070C;
}

.disabled
{
	color:				#716F64;
}

.clsMenuOrder
{
	height:				100px;
}

.clsInfBlock
{
	display:			block;
	padding:			15px;
	width:				550px;
	background-color:	#E8E8E8;
	border:				1px solid #575757;
	border-top:			3px solid #575757;
}

* html .clsInfBlock
{
	height:				50px;
}

/* Text styles */
ul.clsModerated
{
	margin:				0px;
	padding:			0px;
	list-style:			square;
}


/* FireFox */
#idMozFireFox
{
	display:			block;
	float:				right;
	width:				300px;
	border:				1px solid black;
}

#idMozFireFoxText
{
	color:				#716F64;
	text-align:			justify;
	padding:			15px;
	display:			block;
}

#idMozFireFoxText a:link{color:#716F64; text-decoration:none;}
#idMozFireFoxText a:visited{color:#716F64; text-decoration:none;}
#idMozFireFoxText a:hover{color:#0A4577; text-decoration:none;}

/* Wist u dat (WUD) */
#idWud
{
	border:				1px dashed #BBBBBB;
	width:				200px;
	padding:			20px;
	text-align:			justify;
}

a.clsPresentLink:link{color:#575757; text-decoration:none}
a.clsPresentLink:visited{color:#575757; text-decoration:none}
a.clsPresentLink:hover{color:#FFFFFF; background-color:#575757;}

.clsWudTitle
{
	font-weight:		bold;
}

.small
{
	font-size:			9px;
}

.clsTRHighlight td
{
	background-color:	#F9F9F9;
}

.clsTRLowlight td
{
	background-color:	#FFFFFF;
}

.clsNotDeletable
{
	color:				#A7A7A7;
	font-style:			italic;
	font-size:			10px;
}

a.clsPageEdit:link{color:#000000;text-decoration:none;}
a.clsPageEdit:visited{color:#000000;text-decoration:none;}
a.clsPageEdit:hover{color:#000000;text-decoration:underline;}

/* ondernemersdate alleen!!!! */



table.view
{
	font-family:		"Arial";
	text-align:			left;
}

table.view td
{
	padding-right:		25px;
}


.buttonSollicitatie
{
	width:				30px;
	
	background-color:	#FDF109;
	border:				1px solid #000000;
	
	font-family:		"Arial";
	font-size:			16px;
	font-weight:		bold;
	color:				#000000;
}

table.clsFormulaChars
{
	border-collapse:	collapse;
}

table.clsFormulaChars td
{
	font-size:			18px;
	
	border:				1px solid black;
	padding:			10px;
	cursor:				pointer;
}

.clsFormulaChars
{
	font-size:			18px;
	
	height:				25px;
	background:			none;
	vertical-align:		center;
}

.clsFormulaCharsTxt
{
	font-size:			18px;
}

/* BEGIN Kalender BEGIN */

table.kalender
{
	width:				750px;
	
	border-spacing:		7px;
}

table.kalender td
{
	width:				85px;
	height:				95px;
	
	border:				1px solid black;
}

table.kalender td.dagenTitel
{
	height:				20px;
	color:				#FFFFFF;
	
	background:			#575757;
	border:				1px solid black;
}

table.kalender td.vandaag
{
	border:				3px solid black;
}

.titel
{
	font-family:		"Arial";
	font-size:			14px;
	
	font-weight:		bold;
}

table.legenda
{
	width:				100px;
	border-spacing:		5px;
}

table.legenda td.legendaTitel
{
	height:				20px;
	color:				#FFFFFF;
	
	background:			#575757;
	border:				1px solid black;
}

table.legenda td.nietVandaag
{
	width:				25px;
	height:				25px;
	
	border:				1px solid #000000;
}

table.legenda td.vandaag
{
	width:				25px;
	height:				25px;
	
	border:				3px solid #000000;
}

/* EIND Kalender EIND */

.formHead
{
	color:				#FFFFFF;
	
	background:			#575757;
	border:				1px solid black;
}

img.foto
{
	border:				1px solid #575757;
}

.lostpass {
	font-size:xx-small;
}

.lostpass:hover {
	font-size:xx-small;
	color:#FCFCFC;
}

.statusbar {
	background-color:#575757;
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:25px;
}

/*****************************************************************************
 * Help
 ****************************************************************************/    
	
	div.helpImage
	{
		float:						left;
		postition:					relative;
		margin:						5px 10px 5px 0;
	}
	
	div.helpImage img
	{
		border:						1px solid #444;
	}
	
	div.helpImage div.caption
	{
		font-style:					italic;
	}
	
	#idHelpSubMenu
	{
		position:					absolute;
		right:						20px;
		top:						140px;
	}
	
	#idHelpSubMenu a:hover
	{
		color:						#FFFFFF !important;
		text-decoration:			underline !important
	}
	
	#idHelpSubMenu a:link
	{
		color:						#880100;
		text-decoration:			none
	}
	
	#idHelpSubMenu a:visited
	{
		color:						#880100;
		text-decoration:			none
	}
	
	.clsTRHighlight td
	{
		background-color:			#F9F9F9;
	}
	
	.clsTRLowlight td
	{
		background-color:			#FFFFFF;
	}
	
	.clsTRinvis
	{
		background-color:		#E8E8E8;
		font-style:				italic;
	}
	
	.clsSearchInput
	{
		color:						#C12129;
		padding-left:				5px;
		padding-right:				5px;
		font-weight:				bold;
		border:						#000000 solid 1px;
		height:						20px;
	}
	
	.clsSearchButton
	{
		color:						#FFFFFF;
		padding-left:				5px;
		padding-right:				5px;
		font-weight:				bold;
		background-color:			#C12129;
		border:						#000000 solid 1px;
		height:						20px;
		width:						80px;
		margin-top:					5px;
	}
	
	#helpZoeken
	{
		float:						right;
		position:					relative;
	}
	
	#linkBack
	{
		position:					relative;
		float:						left;
	}
	
	#idLoadImg
	{
		margin-left:				10px;
	}
	
	.clsWidth300
	{
		width:						300px;
	}
	
	.clsTBLBorder
	{
		border: 					1px solid #C12129;
	}
	
	.clsVWHelp
	{
		font-size: 					13px; 
		color: 						black !important;
	}
	
	.clsIMGunderline
	{
		border-bottom:				black 2px solid;
	}
	
	.clsNotDeletable
	{
		color:						#A7A7A7;
		font-style:					italic;
		font-size:					10px;
	}
	
	div.ajax_wait {
		width:						32px;
		height:						32px;
	}