/* de haas screen ============================================== */

/* Overall Structure ====================================== */
/* ======================================================== */

/* overflow > om scrollbar te genereren in firefox, zodat bij gecentreerde inhoud */
/* geen horizontale verspringing plaatsvind als de content niet de                */
/* gehele verticale hoogte in beslag neemt                                        */
html 
	{
  	overflow: -moz-scrollbars-vertical;
	}

/* ----------------- kop ----------------------------- */
head { display: none; }
	
	body,td,th
	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px; /*     zoom     zoom     zoom     zoom     zoom     */
	line-height: 150%;
	color: #45616e;
	}

	body
	{
	margin: 0;
	padding: 0;
	background-image:url(../img_base/bg_img_body.png);
	background-repeat:repeat-y;
	background-position: center top;
	background-color:#E1E1DC;
	}

	.main-table
	{
	background-image:url(../img_base/bg_img_main_table.png);
	background-repeat:no-repeat;
	background-position: center top;
	}
/* ======================================================== */
/* Overall Structure ====================================== */


/* General Content ======================================== */
/* ======================================================== */
	p
	{
	unicode-bidi: embed;
	display: block;
	margin: 0;
	line-height: 150%;
	}
	
	br:before
	{
		unicode-bidi: embed;
		display: block;
	}
	
	strong
	{
		unicode-bidi: embed;
		display: inline;
		font-weight: 700;
	}
	
	b
	{
		unicode-bidi: embed;
		display: inline;
		font-weight: 700;
	}
	
	i
	{
		unicode-bidi: embed;
		display: inline;
		font-style: italic;
	}
	
	em
	{
		unicode-bidi: embed;
		display: inline;
		font-style: italic;
	}
/* ======================================================== */
/* General Content ======================================== */
	

/* Custom ================================================= */
/* ======================================================== */

/* ----------------- kop weergegeven bij printen ----------------------------- */
.kop-print
{
	display: none;
}
	
/* ----------------- kop ----------------------------- */
.kop
{
	font-size: 210%;
	font-weight: bold;
	color: #4C5084;
	line-height:115%;
}

.kop a:link
	{
	color: #4C5084;
	}
	
.kop a:visited
	{
	color: #4C5084;
	}
	
.kop a:hover
	{
	color: #000000;
	}

/* ----------------- kop sub ----------------------------- */
.kop-sub
{
	font-size: 109%;
	font-weight: bold;
	color: #4C5084;
	line-height:125%;
}

.kop-sub a:link
	{
	color: #4C5084;
	}
	
.kop-sub a:visited
	{
	color: #4C5084;
	}
	
.kop-sub a:hover
	{
	color: #000000;
	}

/* ----------------- intro ----------------------------- */
.intro {
	font-weight: bold;
}

.bijschrift 
	{
	font-size: 45%;
	color: #4C5084;
	font-weight:normal;
	}

.linksrechts 
	{
	width:200px;
	padding:5px;
	border:1px solid #4C5084;
	background-color:#F0EFD4;
	}

/* ----------------- test vragen ----------------------------- */
.test-vragen {
	display: block;
	line-height: 150%;
	font-weight: bold;
	font-size: 109%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
}

/* ----------------- beeld links en rechts ----------------------------- */
.img-left {
	width: 206px !important;
}

.img-right {
	width: 270px !important;
}

/* ----------------- kleuren ----------------------------- */
.paars
	{
	color: #4C5084;
	}

.rood
	{
	color: #FF0000;
	}

/* ======================================================== */
/* Custom ================================================= */


/* Lists =================================================== */
/* ========================================================= */
ul
{
	list-style-position: outside;
	list-style-type: disc;
	margin-top: 0.5em;
	margin-bottom: 0em;
}

ol, dd
{
	list-style-position: outside;
	margin-top: 0.5em;
	margin-bottom: 0em;
}

li
{
margin-bottom: 0.5em;
}
/* ========================================================= */
/* Lists =================================================== */


/* Anchors ================================================ */
/* ======================================================== */

/* ----------------- algemeen ----------------------------- */
	a
	{
	unicode-bidi: embed;
	display: inline;
	}
		
	a:link
	{
	text-decoration: underline;
	color: #45616e;
	}
	
	a:visited
	{
	text-decoration: underline;
	color: #45616e;
	}
	
	a:hover
	{
	text-decoration: underline;
	color: #000000;
	}

/* ----------------- Menu Buttons ----------------------------- */
.button-container-submenu {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}

.button-top-right 
{
	display: block;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 3px;
	margin-left: 1px;
	background-image:url(../img_base/bt_bg_paars.png);
}

.button-submenu 
{
	display: inline;
	float: left;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 3px;
	margin-left: 1px;
	background-image:url(../img_base/bt_bg_paars.png);
}

.button-hoofdmenu 
{
	display: inline;
	float: left;
	margin: 0px 1px;
	background-image:url(../img_base/bt_bg_wit.png);
}

.button-cell
 {
	display: table-cell;
	padding-right: 6px;
	padding-left: 6px;
	cursor: hand;
	cursor: pointer;
	width: 90px;
}

.button-cell-submenu
 {
	display: table-cell;
	padding-right: 6px;
	padding-left: 6px;
	cursor: hand;
	cursor: pointer;
}

.button-cell-top-left
 {
	display: table-cell;
	padding-right: 6px;
	padding-left: 6px;
	cursor: hand;
	cursor: pointer;
	width: 70px;
}

a.button-link
 {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 92%;
	text-decoration: none !important;
	color: #666666;
	white-space: nowrap;
	width: 100%;
	cursor: hand;
	cursor: pointer;
}

/* Web Forms ============================================== */
/* ======================================================== */
form
{
	unicode-bidi: embed;
	margin: 0;
}

/* ----------------- testvragen ----------------------------- */
fieldset {
	border: 1px dotted #FFFFFF;
	text-align: left;
    padding: 6px;
}

label {
	cursor:pointer;
	cursor: hand;
	}

/* ----------------- custom ----------------------------- */
.form-button
{
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border: 1px solid #45616e;
	font-size: 92%;
	color: #45616e;
	cursor: hand;
	cursor: pointer;
	width: auto;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-right: 6px;
	padding-left: 6px;
	margin-left: 4px;
	background-image: url(../img_base/bt_bg_form.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}

.form-button:hover
{
	color: #ff0000;
}

.form-field-100pro
{
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border: 1px solid #45616e;
	font-size: 100%;
	color: #45616e;
	cursor: text;
	width: 100%;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	text-indent: 0.5em;
}
	
.form-field-auto
{
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	border: 1px solid #45616e;
	font-size: 100%;
	color: #45616e;
	cursor: text;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	text-indent: 0.5em;
}

textarea
	{
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #45616e;
	font-size: 100%;
	color: #45616e;
	cursor: text;
	width: 100%;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	text-indent: 0.5em;
}

.vacaturekop
{
	font-size: 150%;
	font-weight: bold;
	color: #4C5084;
	line-height:125%;
}

/* ======================================================== */
/* Web Forms ============================================== */


/* Focus NoBorder =========================================== */
/* ========================================================== */
	*:focus { outline: 0; }

	select:focus { outline: none; }
	select:focus { outline: 0; }
	select:focus { -moz-outline: none; }
	
	input:focus { outline: none;}
	input:focus { outline: 0; } 
	input:focus { -moz-outline: none; }
	
	button:focus { outline: none; }
	button:focus { outline: 0; }
	button:focus { -moz-outline: none; }
	
	img:focus { outline: none; }
	img:focus { outline: 0; }
	img { border-style: none; }
	img:focus { -moz-outline: none; }
	
	area:focus { outline: none; }
	area:focus { outline: 0; }
	area:focus { -moz-outline: none; }
	
	map:focus { outline: none; }
	map:focus { outline: 0; }
	map:focus { -moz-outline: none; }
	
	a:focus { outline: none; }
	a:focus { -moz-outline: none; }
/* ========================================================== */
/* Focus NoBorder =========================================== */

/* de haas screen ============================================== */