/* css knipper bug oplossing */
html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
	font-size: 100%;
}

body	{
	margin				: 0;
	padding				: 0;
	font				: 62.5% Arial;	
}

.toegankelijkheid	{
	display				: none;
}

a	{
	color				: #00479c;
}

a:hover	{
	text-decoration		: none;
}
.clear	{
	clear				: both;
}

/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after	{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}
	
.clearfix	{	display		: inline-block;	}
/* start verbergen voor IE-mac \*/
* html .clearfix 	{ height	: 1%;}
.clearfix 			{ display	: block;}
/* einde van verbergen IE-mac */

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	margin				: 0;
	text-align			: left;
	font				: normal 1.1em Arial;
}

/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	height				: 100px;
	background			: #CDDAEB url(../img/bg_header.gif) repeat-y left top;
	position			: relative;
}

#header h1	{
	margin				: 2px 0 0 0;
	width				: 755px;
}

#header h1 a	{
	text-indent			: -9000px;
	overflow			: hidden;
	display				: block;
	height				: 94px;
	width				: 235px;
	background			: url(../img/logo.gif) no-repeat;
}

#header	form	{
	position			: absolute; 
	top					: 30px;
	right				: 20px;
	margin				: 0;
}


#taalkeuze	{
	position			: absolute; 
	top					: 10px;
	right				: 20px;
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#taalkeuze li	{
	display				: block;
	float				: left;
	margin				: 0 0 0 8px;
	color				: #01479D;
}

#taalkeuze li a	{
	display				: block;
	text-indent			: -900em;
	overflow			: hidden;
	width				: 16px;
	height				: 11px;
}

#taalkeuze li a.en	{	background: url(../img/en.gif) no-repeat;}
#taalkeuze li a.nl	{	background: url(../img/nl.gif) no-repeat;}


#subheader	{
	border-top			: 1px solid white;
	height				: 13px;
	background			: url(../img/bg_subheader.gif) repeat-x left top;
	clear				: both;
}

/* --------------------------------	*/
/* left_content					 	*/
/* --------------------------------	*/
#left_content	{
	background			: url(../img/bg_world.gif) no-repeat left bottom;
	padding				: 0 0 40px 0;
	/*float				: left;*/
	margin-top			: 10px;
	width				: 211px;
}

/* --------------------------------	*/
/* menu					 			*/
/* --------------------------------	*/
.menu	{
	margin				: 0 0 0 0;
	padding				: 0;
	list-style			: none;
	width				: 211px;
}

.menu ul	{
	margin				: 0 0 0 10px;
	padding				: 0;
	list-style			: none;
}

#menu	{
	padding-top			: 103px;
	background			: url(../img/bg_menu_top.jpg) no-repeat left top;
}

#menu li	{
	background			: #CDDAEB;
	border-bottom		: 1px solid #fff;
}

#menu li a	{
	background			: url(../img/icon_plus.gif) no-repeat 6px;
	font				: bold 1.05em Arial, Helvetica, sans-serif;
	color				: #00479c;	
	display				: block;
	width				: 186px;
	padding				: 4px 5px 4px 20px;
	text-decoration		: none;
}

#menu li a:hover	{
	background-color	: #EAECF4;
}

#menu li.personal_elearning {
	background			: #00479c;
	margin				: 0 0 5px 0;
	border				: 1px solid #003366;
}

#menu li.personal_elearning a {
	color				: #FFF;
	padding				: 4px 5px 4px 16px;
	_padding			: 4px 0 4px 16px;
}

#menu li.personal_elearning strong {
	color				: #FFF;
	padding				: 5px 0;
	display				: block;
	border-bottom		: 1px dotted #FFF;
	text-align			: center;
	background			: #003366;
	width				: 210px;
}
#menu li.titel {
	background			: none;
	padding				: 0;
}

#menu li.titel strong {
	color				: #FFF;
	padding				: 5px 0;
	display				: block;
	border-bottom		: 1px dotted #FFF;
	text-align			: center;
	background			: #003366;
	width				: 211px;
}


#menu li.actief a {
	background			: url(../img/icon_min.gif) no-repeat;
}

#menu li ul	{
	margin				: 0;
	padding				: 0;
}

#menu li ul.login	{
	font-size			: 1.3em;
}

#menu li.personal_elearning li a, #menu li.actief li a { 
	background			: url(../img/sub_pers_edu.gif) no-repeat 5px; 
	font-weight			: normal;
	text-decoration		: none;
	width				: 189px;
	padding				: 4px 5px 4px 16px;
}

#menu li.personal_elearning li	{
	border				: 0;
	background			: none;
	margin				: 0;
	padding				: 0;
	border-bottom		: 1px solid #5e8bc0;
	width				: 210px;
}

#menu li a:hover	{
	text-decoration		: none;
}

#menu li.personal_elearning li a:hover {
	color				: #FFF;
	font-weight			: normal;
	background			: #1861b7 url(../img/sub_pers_edu.gif) no-repeat 5px; 
}

#menu li.personal_elearning li.actief {
	background-color	: #C00;	
	color				: #FFF;
	border-top			: 1px solid #FFF;
	border-bottom		: 1px solid #FFF;
}
	
#menu li.personal_elearning li.actief a, #menu li.personal_elearning li.actief a:hover {
	background-image	: none;
	font-weight			: bold;
	background-color	: #c00;
}

/* --------------------------------	*/
/* add_menu 						*/
/* (menu onder hoofdmenu links) 	*/
/* --------------------------------	*/
#add_menu	{
	margin				: 15px 0 0 0;
}

#add_menu li	{
	padding				: 1px 5px 1px 0;
}

#add_menu li a	{
	font				: normal 1.05em Arial, Helvetica, sans-serif;
	color				: #00479c;	
	padding				: 2px 5px 2px 16px;
}

#add_menu li a:hover	{
	text-decoration		: none;
}

/* --------------------------------	*/
/* topmenu						 	*/
/* --------------------------------	*/
#topmenu	{
	background			: #01479D;
	color				: white;
	text-transform		: uppercase;
	list-style			: none;
	margin				: 0;
	padding				: 1px 0 1px 20px;
}
	
#topmenu li	{
	display				: inline;
	margin				: 0 10px;
}

#topmenu a	{
	color				: white;
	text-decoration		: none;
	font				: bold 1em Arial;
}

#topmenu a:hover	{
	text-decoration		: underline;
}

/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	margin-top			: 10px;
	font				: normal 1em/1.8em Arial, Helvetica, sans-serif;
	padding-left		: 2px;
}

#content h2	{
	margin				: 0;
	padding				: 8px 0 25px 22px;
	font				: bold 1.65em Arial, Helvetica, sans-serif;
	color				: #00479c;
	width				: 693px;
}

#content .hr	{
	height				: 3px;
	background			: #fff url(../img/bg_menu_item.gif) repeat-x left top;
	padding				: 10px 0;
}

#content p.succes	{
	border				: solid 1px #3caf26;
	padding				: 3px 7px 3px 30px;
	font-weight			: bold;
	color				: #3caf26;
	background			: #e8fde4 url(../img/icon_goed.gif) no-repeat 7px;
}

#content .kolom_12	{	float: left; width: 47%;}
#content .kolom_22	{	float: right; width: 47%;}
#content .clear		{	clear: both;}



/* --------------------------------	*/
/* pagina acties					*/
/* --------------------------------	*/
#pagina_acties	{
	float		: right;
}

#pagina_acties a	{
	text-indent			: -999em;
	overflow			: hidden;
	float				: left;
	height				: 47px;
}

#pagina_acties .print					{	width: 55px; background: #fff url(../img/print.gif);	}
#pagina_acties .inschrijfformulier 		{	width: 54px; background: #fff url(../img/btn_inschrijfform.gif);	}
#pagina_acties .algemene_voorwaarden	{	width: 72px; background: #fff url(../img/btn_algemenevoorw.gif);	}
#pagina_acties .registerform			{	width: 72px; background: #fff url(../img/btn_download_registerform.gif);	}
#pagina_acties .terms					{	width: 72px; background: #fff url(../img/btn_terms_and_conditions.gif);	}
#pagina_acties .emci					{	width: 28px; background: #fff url(../img/btn_emci_2.gif);	}

/* --------------------------------	*/
/* main_content					 	*/
/* --------------------------------	*/
#main_content	{
	padding				: 0 22px;	
}

/* --------------------------------	*/
/* Personal elearning			 	*/
/* --------------------------------	*/
/* Login */
#main_content .tabs, #main_content #form_login ul	{
	list-style			: none;
	margin				: 0; 
	padding				: 0;
}
#main_content .tabs	{
	height				: 24px;
	border-bottom		: 1px solid #ccc;
}
#main_content .tabs li	{
	float				: left;
	width				: 150px;
	height				: 25px;
	margin				: 0 1px 15px 0;
}
#main_content .tabs li a	{
	float				: left;
	width				: 150px;
	height				: 25px;
	color				: #333;
	text-decoration		: none;
	text-align			: center;
	line-height			: 25px;
	font-weight			: bold;
	background			: url(../img/login_tab.gif) no-repeat left top;
}
#main_content .tabs li a:hover	{
	color				: #ce0505;
	background			: url(../img/login_tab.gif) no-repeat left bottom;
}

#main_content .tabs li.actief a, #main_content .tabs li.actief a:hover	{
	color				: #FFF;
	background			: url(../img/login_tab.gif) no-repeat right top;
}

#main_content .tabs li.inactief	{
	color				: #666;
	background			: url(../img/login_tab.gif) no-repeat right bottom;
	line-height			: 25px;
	text-align			: center;
}

p.ingelogd {
	position			: absolute;
	top					: 60px;
	right				: 20px;
}
p.ingelogd a {
	font-weight			: bold;
	color				: #C00;
}

/* Overzicht trainings */
#trainings ul {
	margin				: 0;
	padding				: 0;
	list-style			: none;
	width				: 620px;
}

#trainings ul.finished_trainings {
	margin				: 20px 0 0 0;
}

#trainings li {
	clear				: both;
}

#trainings li.title {
	background-color	: #C00 !important;
	color				: #FFF;
	padding				: 4px;
}

#trainings li.even {
	background-color	: #F9F9F9;
}

#trainings li:hover, #trainings li.hover {
	background-color	: #cddaeb;
}

#trainings li.title:hover {
	background-color	: #C00;
}

#trainings a {
	display				: block;
	min-height			: 22px;
	_height				: 22px;
	float				: left;
	padding				: 3px;
}

#trainings a.first {
	width				: 500px;
	font-weight			: bold;
	color				: #000;
	text-decoration		: none;
	margin				: 0 30px 0 0;
}

#trainings a.first:hover {
	color				: #C00;
}

#trainings ul.finished_trainings a.certificate {
	width				: 75px;
	text-indent			: -9000em;
	background			: url(../img/pdf.gif) no-repeat left top;
}
#trainings ul.finished_trainings a.certificate:hover {
	text-indent			: 22px;
}
a.link_register {
	color				: #C00;
	font-weight			: bold;
	display				: block;
	border				: 1px solid #C00;
	padding				: 3px;
	margin				: 0 0 10px 0;
	width				: 200px;
	text-align			: center;
}

a.link_register:hover {
	color				: #FFF;
	background-color	: #c00;
}

/* Documents */
#documents	{
}

#documents h3 {
	font-size			: 1.4em;
	font-weight			: normal;
	margin				: 0 0 10px 0;
	padding				: 0;
	font-weight			: bold;
}

#documents h3 a {
	text-decoration		: none;
}

#documents table	{
	width				: 100%;
	margin				: 0 0 20px 0;
}

#documents table thead td	{
	background			: #01479d;
	font-weight			: bold;
	padding				: 3px 6px;
	color				: #FFF;
}

#documents table thead td.name		{	padding-left: 30px; background: #01479d url(../img/pijl.gif) no-repeat left; }
#documents table thead td.filesize	{	width: 10%; }
#documents table thead td.date, #documents table thead td.start, #documents table thead td.end,  #documents table thead td.documents	{	width: 15%; }

#documents table tbody th	{
	background			: #D8DEEC url(../img/pijl2.gif) no-repeat 5px;
	padding				: 3px 6px 3px 25px;
	border-top			: solid 2px #fff;
	width				: 15%;
}

#documents table tbody td	{
	background			: #cddaeb;
	padding				: 3px 6px;
	border-top			: solid 2px #fff;
}

#documents table tbody tr.hover td	{
	background-color	: #EAECF4;
}

#documents table tbody tr td img	{
	vertical-align		: middle;
	margin				: 0 7px 0 0;
}

#documents table tbody tr td a	{
	color				: #053A80;
	font-weight			: bold;
}

#documents a.documents {
	display				: block;
	background			: url(../img/icon_documents.gif) no-repeat left top;
	text-indent			: 20px;
}
#documents a.certificate {
	display				: block;
	background			: url(../img/icon_certificate.gif) no-repeat left top;
	text-indent			: 20px;
}
#documents a.proof {
	display				: block;
	background			: url(../img/icon_proof.gif) no-repeat left top;
	text-indent			: 20px;
}

#documents .delete {
	display				: block;
	width				: 16px;
	height				: 16px;
	text-indent			: -900em;
	background			: url(../img/delete.gif) no-repeat left top;
}

/* Register - Personal details */
#personal	{
	border-bottom		: solid 1px #96A6B3;
	border-top			: solid 1px #96A6B3;
	padding				: 15px 0;
}

#personal table	{
	width				: 100%;
}

#personal table thead td	{
	background			: #01479d;
	font-weight			: bold;
	padding				: 3px 6px;
	color				: #FFF;
}

#personal table thead td.name		{	padding-left: 30px; background: #01479d url(../img/pijl.gif) no-repeat left; }

#personal table tbody td, #personal table tbody th	{
	background			: #cddaeb;
	padding				: 3px 6px;
	border-top			: solid 2px #fff;
}

#personal table tbody tr.hover th, #personal table tbody tr.hover td	{
	background-color	: #e4ecf7;
}

#personal table tbody tr th	{
	width				: 20%;
}

#personal table tbody tr td	{
	width				: 80%;
}

/* Certificate */
#certificate {
	width				: 570px;
}

#certificate h2 {
	color				: #000;
	font-weight			: normal;
	font-size			: 1.6em;
	margin				: 0 0 20px 0;
	padding				: 0;
}

#certificate h3 {
	color				: #00479c;
	font-weight			: normal;
	font-size			: 1.6em;
	margin				: 0 0 20px 0;
}

#certificate .print	{	
	text-indent			: -999em;
	overflow			: hidden;
	float				: left;
	height				: 30px;
	width				: 30px; 
	background			: url(../img/print.gif) 4px top;
	border				: 1px solid #ccc;	
}

#certificate .cert_logo {
	vertical-align		: middle;
	margin				: 0 3px 0 0;
}

#certificate dt {
	width				: 140px;
	float				: left;
	clear				: both;
}

#certificate dd {
	font-weight			: bold;
}

#certificate ul {
	margin				: 0;
	padding				: 0;
	list-style			: none;
}
#certificate li {
	margin				: 0;
	padding				: 2px 0;
	list-style			: none;
}

/* Select training */
#select_training {
	background			: #CDDAEB;
	border				: 1px solid #00479c;
	padding				: 10px;
	margin				: 10px 0;
}

#select_training table	{
	width				: 100%;
}

#select_training table thead td	{
	background			: #01479d;
	font-weight			: bold;
	padding				: 3px 6px;
	color				: #FFF;
}

#select_training table tbody th	{
	padding				: 3px 6px 3px 25px;
	border-top			: solid 2px #fff;
	width				: 15%;
}

#select_training table tbody td	{
	padding				: 3px 6px;
}

#select_training table thead td.name		{	
	background			: #01479d; 
	width				: 20%;
}

#select_training table thead td.link, #select_training table thead td.period		{	
	width				: 20%;
}

#select_training h3 {
	font-size			: 1.6em;
	font-weight			: normal;
	margin				: 0 0 10px 0;
	padding				: 0;
}

#select_training #link, #select_training #period {
	display				: none;
}

/* --------------------------------	*/
/* normaal formulier			 	*/
/* --------------------------------	*/
#form	{
	margin				: 0 0 20px 0;
	clear				: both;
}

#form fieldset {
	width				: 480px;
	border				: 1px solid #00479c;
	padding				: 5px;
	margin				: 10px 0 0 0;
}

#form legend	{
	font-weight			: bold;
	background			: #e0e2ee;
	padding				: 3px 10px;
	border				: 1px solid #00479c;
	color				: #00479c;
}

select {
	font-size			: 1em;
	padding				: 2px;
}
option {
	margin				: 2px 0 2px 0;
}

#form input, #form textarea, #form select {
	font-size			: 1em;
	border				: 1px solid silver;
	padding				: 1px 3px;
}

#form .radio, #form .checkbox {
	border				: 0;
}

#form .error	{
	border				: solid 1px #f00;
}

#form ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
	border-top			: solid 1px #E0E2EE;
	vertical-align		: top;
}

#form ul.fouten	{
	border				: none;
	padding				: 0 0 15px 0;
}

#form ul.fouten li	{
	color				: #c00;
	font-weight			: bold;
	border				: none;
	padding				: 2px 0;
}

#form ul div.label	{
	float				: left;
	width				: 120px;
}

#form ul div.veld	{
	float				: left;
	width				: 300px;
}

#form li	{
	padding				: 7px 5px;
	border-bottom		: solid 1px #E0E2EE;
	border-left			: solid 1px #E0E2EE;
	border-right		: solid 1px #E0E2EE;
}

#form li.even	{
	background-color	: #F8F9FB;
}

#form li.buttons	{
	padding				: 7px 5px 7px 130px;
	border				: none;
}

#form .button, td .button {
	width				: auto;
	background-color	: #01479d;
	padding				: 2px 25px;
	border				: 0;
}

#form .button_inactive, td .button_inactive {
	width				: auto;
	background-color	: #eee;
	padding				: 2px 25px;
	border				: 0;
}

/* clearfix */
#form li:after	{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}
	
#form li	{	*display		: inline-block;	}
/* start verbergen voor IE-mac \*/
* html #form li 	{ height	: 1%;}
#form li 			{ display	: block;}
/* einde van verbergen IE-mac */

/* --------------------------------	*/
/* amimpact						 	*/
/* --------------------------------	*/
div#amimpact	{
	padding-top			: 175px;
	text-align			: center;
}

#amimpact a	{
	color				: #999;
}

/* --------------------------------	*/
/* formulieren					 	*/
/* --------------------------------	*/
.input	{
	border				: 1px solid #9FA395;
	background			: #F5F9FC;
	font				: normal 1.15em Arial;
	color				: #333333;
}

.button	{	
	background			: #9FA395;
	font				: bold 1.1em Arial;
	color				: white;
	border				: 1px solid #9FA395;
	padding				: 0 5px;
	cursor				: pointer;
}

/* --------------------------------	*/
/* contact formulier			 	*/
/* --------------------------------	*/
.contactform {
	margin				: 0;
}

.contactform input, .contactform select, .contactform textarea   {
	border				: solid 1px #999;
	font				: 1em Arial;
}

.contactform input.button   {
	cursor				: pointer;
	background			: #999;
	color				: #fff;
	font-weight			: bold;
}

.contactform ul {
	list-style			: none;
	margin				: 0;
	padding 			: 0;
}

.contactform fieldset {
	border				: 0;
	margin				: 0;
	padding				: 0;
}

.contactform legend 	{
	display				: none;
}

.contactform label 	{
	font-weight			: bold;
}

.contactform .veldFout 	{
	border				: 1px solid red;
}

.contactform #frmMelding 	{
	color				: red;
	font-weight			: bold;
	margin				: 10px 0;
}

.contactform li.postcode	{
	float				: left;
	width				: 70px;
}

.contactform li.plaats	{
	float				: left;
	width				: 230px;
}

.contactform li.telefoon	{
	clear				: both;
}


/* --------------------------------	*/
/* zoekresultaten					*/
/* --------------------------------	*/
#zoekresultaten a	{
	font-weight			: bold;
}

#zoekresultaten dt	{
	margin-top			: 5px;
}

#zoekresultaten dd	{
	margin				: 0;
}


/* --------------------------------	*/
/* rooster							*/
/* --------------------------------	*/
#rooster	{
	position			: relative;
}

#rooster table	{
	width				: 100%;
	empty-cells			: show;
}

#rooster table th	{
	width				: 15%;
	font-weight			: bold;
	color				: #fff;
	background			: #01479D;
	padding				: 3px 5px;
	border-bottom		: solid 1px #1764BF;
}

#rooster table td	{
	border-bottom		: solid 1px #fff;
	background			: #cddaeb;
	padding				: 3px 5px;
}

#rooster table tbody	{
	display				: none;
}

#rooster table tbody.opkomend	{
	display				: table-row-group;
	*display			: block;
}


/* --------------------------------	*/
/* blokje							*/
/* --------------------------------	*/
.blokje	{
	border				: 2px solid #01479D;
	margin				: 0 0 0 5px;
}

.blokje	h3	{
	margin				: 0;
	background			: #01479D;
	color				: white;
	font				: bold 1.0em Arial, Helvetica, sans-serif;
	padding				: 1px 1px 1px 3px;
	border-bottom		: 1px dashed white;
}

.blokje ul	{
	margin				: 0 0 0 5px;
	padding				: 0 0 0 5px;
	list-style			: none;
	overflow			: hidden;
	position			: relative;
	height				: 25px;
}

.blokje ul li	{
	height				: 25px;
}

.blokje a	{
	font				: normal 1em Arial, Helvetica, sans-serif;
}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
#googlemaps	{
	border				: 1px solid black;
	height				: 400px;
	width				: 400px;/*100%;*/
	background			: #eee;
	text-align			: left;
	font				: 1em Arial;
	color				: #58585A;
}

#googlemaps a	{
	color				: #58585A;
}