/*-----------------------------------------------------------------------------
Website: Mediwet.be
Auteur: Webatvantage.be
Laatst gewijzigd: 08-03-2010
-----------------------------------------------------------------------------*/

/*------------------------------- START RESET -------------------------------*/
*
{
	margin: 					0;
	padding: 					0;
	outline: 					none;
}
fieldset
{
	border:						none;
}
/*------------------------------- END RESET -------------------------------*/

/*------------------------------- START HTML/BODY -------------------------------*/
html, body
{
	background: 				#fff url(../Graphics/Body_bg.gif) repeat-x top left;
	font-family: 				Verdana, Arial, Helvetica, sans-serif;
	font-size: 					11px;
	color: 						#333;
	text-align: 				center;
}
/*------------------------------- END HTML/BODY -------------------------------*/

/*------------------------------- START DEFAULT LINKS -------------------------------*/
a:link, a:visited, a:hover, a:active 
{ 
	text-decoration: 			underline;
	color: 						#034068;
}
a img
{ 
	border: 					none;
}
/*------------------------------- END DEFAULT LINKS -------------------------------*/

/*------------------------------- START WRAPPER -------------------------------*/
#wrapper 
{ 
	width: 						900px;
	height: 					auto;
	min-height: 				650px;
	margin: 					0 auto;
	text-align: 				left;
}
/*------------------------------- END WRAPPER -------------------------------*/

/*------------------------------- START HEADER -------------------------------*/
#header_NL, #header_FR
{
	position: 					relative;
	width: 						900px;
	height: 					110px;
}
#header_NL 
{ 
	background: 				url(../Graphics/Banner_NL.gif) no-repeat top left;
}
#header_FR
{ 
	background: 				url(../Graphics/Banner_FR.gif) no-repeat top left;
}

#header_NL a#home_link,
#header_FR a#home_link
{
	position: 					absolute;
	top: 						0;
	left: 						0;
	display: 					block;
	width: 						200px;
	height: 					110px;
}
/*------------------------------- END HEADER -------------------------------*/

/*------------------------------- START TAALKEUZE -------------------------------*/
ul#taalkeuze
{ 
	float: 						right;
	height:	 					16px;
	margin: 					10px 20px 0 0;
	padding: 					0;
}
ul#taalkeuze li
{ 
	float: 						left;
	display: 					inline;
	margin: 					0 0 0 5px;
	text-align: 				center;
	line-height: 				16px;
}
ul#taalkeuze li a:link,
ul#taalkeuze li a:visited,
ul#taalkeuze li a:active
{ 
	display:	 				block;
	width: 						27px;
	height: 					16px;
	color: 						#fff;
	text-decoration: 			none;
	font-size: 					12px;
}
ul#taalkeuze li a:hover, 
ul#taalkeuze li a#taalkeuze_active 
{ 
	color: 						#034068;
	background: 				url(../Buttons/Taalkeuze_hover.png) no-repeat top left;
}
/*------------------------------- END TAALKEUZE -------------------------------*/

/*------------------------------- START MAINNAV -------------------------------*/
ul#mainnav 
{ 	
	float: 						left;
	margin: 					1px 0 0 20px;
}
ul#mainnav li 
{ 
	float: 						left; 
	display: 					inline; 
	height: 					39px; 
}
ul#mainnav li a:link, 
ul#mainnav li a:visited, 
ul#mainnav li a:active 
{ 
	float: 						left;
	display: 					block; 
	height: 					39px; 
	line-height: 				39px; 
	margin: 					0; 
	padding: 					0 20px;
	color: 						#1a4a69; 
	text-decoration: 			none; 
}
ul#mainnav li a:hover, ul#mainnav li a#mainnav_active 
{ 
	background: 				url(../Buttons/Mainnav_bg_hover.gif) repeat-x top left; 
	color: 						#fff; 
}
/*------------------------------- END MAINNAV -------------------------------*/

/*------------------------------- START LOGINFORM -------------------------------*/
form#loginform
{
	float: 						right;
	margin: 					10px 20px 0 0; 
}
form#loginform fieldset
{
	border:						none;
}
form#loginform .input
{ 
	float: 						left; 
	display:					block;
	width: 						105px;
	height: 					12px;
	margin: 					0 5px 0 0; 
	padding: 					5px; 
	background: 				url(../Graphics/Login_input_bg.gif) repeat-x;
	border: 					1px solid #fff;; 
	overflow: 					hidden; 
	font-family: 				Verdana, Arial, sans-serif; 
	font-size: 					10px; 
	color: 						#666; 
}
form#loginform .inputred
{ 
	float: 						left; 
	display:					block;
	width: 						105px;
	height: 					12px;
	margin: 					0 5px 0 0; 
	padding: 					5px; 
	background: 				url(../Graphics/Login_input_bg.gif) repeat-x;
	border: 					1px solid #fff;; 
	overflow: 					hidden; 
	font-family: 				Verdana, Arial, sans-serif; 
	font-size: 					10px; 
	color: 						#c00;
}
form#loginform #input_wachtwoord_NL
{
	background: 				url(../Graphics/Login_input_bg.gif) repeat-x top left;
}
form#loginform #input_wachtwoord_NL:focus
{
	background: 				url(../Graphics/Login_input_bg.gif) repeat-x top left !important;	
}
form#loginform #input_wachtwoord_FR
{
	background: 				url(../Graphics/Login_input_bg.gif) repeat-x top left;
}
form#loginform #input_wachtwoord_NL:focus, 
form#loginform #input_wachtwoord_FR:focus
{
	background: 				url(../Graphics/Login_input_bg.gif) repeat-x top left !important;
}
form#loginform .submit 
{ 
	float: 						left; 
	display: 					block; 
	width: 						57px;
	height: 					24px; 
	background: 				url(../Buttons/Login.png) no-repeat top left;
	border: 					none;
	cursor: 					pointer;
}
form#loginform a#hoe_inloggen
{
	float: 						left;
	margin: 					0 0 0 10px;
	line-height: 				24px;
}
/*------------------------------- END LOGINFORM -------------------------------*/

/*------------------------------- START HOE INLOGGEN -------------------------------*/
div#ww_vergeten
{
	margin:						10px;
	padding:					10px;
}
/*------------------------------- START HOE INLOGGEN -------------------------------*/

/*------------------------------- START CONTENT LEFT -------------------------------*/
#contentleft
{
	clear:						both;
	float: 						left;
	width: 						180px; 
	margin: 					8px 15px 0 0;
	padding: 					0 0 0 20px; 
}

/* Subnav */
#contentleft ul#subnav 
{ 
	float: 						left; 
	width: 						180px; 
} 
#contentleft ul#subnav li 
{ 
	float: 						left;
	display:					block; 
	width: 						180px; 
	height: 					25px; 
	margin: 					0 0 1px 0; 
}
#contentleft ul#subnav li a:link, 
#contentleft ul#subnav li a:visited, 
#contentleft ul#subnav li a:active 
{ 
	display: 					block; 
	width: 						180px; 
	height: 					25px; 
	line-height: 				25px; 
	background:					url(../Buttons/Subnav_bg.gif) no-repeat top left; 
	color: 						#fff; 
	text-decoration: 			none; 
	text-align: 				center; 
}
#contentleft ul#subnav li a:hover
{ 
	background: 				url(../Buttons/Subnav_bg.gif) no-repeat bottom left; 
}

/* Opvallende knop */
#contentleft ul#subnav li a:link.opvallend,
#contentleft ul#subnav li a:visited.opvallend,
#contentleft ul#subnav li a:active.opvallend 
{ 
	background:					url(../Buttons/Subnav_opvallend_bg.gif) no-repeat top left; 
}
#contentleft ul#subnav li a:hover.opvallend
{ 
	background: 				url(../Buttons/Subnav_opvallend_bg.gif) no-repeat bottom left; 
}

#contentleft ul#subnav li a.sub 
{ 
	display: 					block !important; 
	width: 						170px !important;
	height: 					25px !important; 
	line-height: 				25px !important; 
	padding: 					0 0 0 10px !important; 
	background: 				none !important; 
	border-bottom: 				1px dotted #e0e0e0 !important; 
	color:	 					#1a4a69 !important; 
	text-decoration: 			none !important; 
	text-align: 				left !important;
}
#contentleft ul#subnav li a:hover.sub
{
	text-decoration: 			underline !important;
}
#contentleft ul#subnav li a#sub_last,
#contentleft ul#subnav li a.sub_last 
{ 
	border: 					none !important; 
}
/* Logobox */
#contentleft #logobox 
{ 
	float: 						left !important;
	width: 						180px !important; 
	margin: 					20px 0 !important; 
	text-align: 				center !important; 
}
/*------------------------------- END CONTENT LEFT -------------------------------*/

/*------------------------------- START CONTENT CENTER -------------------------------*/
#contentcenter 
{ 
	float: 						left;
	width: 						460px;
	margin: 					8px 0 0 0; 
}
#contentcenter h1 
{ 
	width: 						450px; 
	height: 					25px; 
	line-height: 				25px; 
	margin: 					0 0 20px 0; 
	padding: 					0 0 0 10px; 
	background: 				url(../Graphics/H1_bg.gif) no-repeat top left; 
	color: 						#fff; 
	font-size: 					11px; 
	font-weight: 				normal;
}
/* Textarea */
#contentcenter .textarea 
{ 	
	padding: 					0 10px 10px 10px; 
}
#contentcenter .textarea ul
{
	margin:						10px 0 10px 0px;
}
#contentcenter .textarea ul li
{
	margin:						5px 0;
	list-style-type:			square;
	list-style-position:		inside;
}
/*------------------------------- END CONTENT CENTER -------------------------------*/

/*------------------------------- START CONTENT RIGHT -------------------------------*/
#contentright 
{ 
	float: 						left; 
	width: 						180px; 
	margin: 					8px 0 0 15px;
}
#contentright h1 
{ 
	display: 					block; 
	width: 						180px; 
	height: 					25px; 
	line-height: 				25px; 
	margin: 					0 0 20px 0; 
	background:					url(../Buttons/Subnav_bg.gif) no-repeat top left; 
	color: 						#fff; 
	font-size: 					11px; 
	font-weight: 				normal; 
	text-align: 				center; 
}
/* Zoekfunctie */
#contentright #zoekfunctie 
{ 
	width: 						180px; 
	background: 				url(../Graphics/Zoekfunctie_bg.gif) no-repeat bottom left; 
}
#contentright #zoekfunctie fieldset
{
	border: 					none;
}
#contentright #zoekfunctie .input 
{ 
	display: 					block; 
	width: 						138px; 
	height: 					12px; 
	margin: 					0 0 0 10px;
	padding: 					5px 10px;
	background: 				url(../Graphics/Zoekfunctie_input.gif) repeat-x;
	border: 					1px solid #d7d7d7;
	font-family: 				Verdana, Arial, sans-serif;
	font-size: 					10px;
	color: 						#666;
	overflow: 					hidden;
}
#contentright #zoekfunctie .input:focus
{
	border:						1px solid #999;
}
#contentright #zoekfunctie .submit 
{
	display: 					block;
	margin: 					10px 0 10px 10px;
	padding:					0 0 0 15px;
	border: 					none;
	background: 				none;
	background:					url(../Graphics/Zoekfunctie_icon.png) no-repeat center left;
	color: 						#13486b;
	text-decoration: 			underline;
	font-size: 					11px;
	font-family: 				Verdana, arial, sans-serif;
	cursor: 					pointer;
}

/* Vacatures */
#contentright #vacatures 
{
	width: 						180px; 
	margin: 					10px 0 0 0; 
	background: 				url(../Graphics/Zoekfunctie_bg.gif) no-repeat bottom left; 
}
#contentright #vacatures h1 
{ 
	margin-bottom: 				0; 
}
#contentright #vacatures a:link, 
#contentright #vacatures a:visited, 
#contentright #vacatures a:active 
{ 
	display:					block; 
	width: 						170px; 
	padding: 					10px 0 10px 10px; 
	border-bottom: 				1px solid #e1e1e1; 
	color: 						#13486b; 
}
/* Kalender && Formulieren */
#contentright #kalender, #contentright #formulieren
{ 
	width: 						180px; 
	margin: 					10px 0; 
	background: 				url(../Graphics/Zoekfunctie_bg.gif) no-repeat bottom left; 
}
#contentright #kalender h1, #contentright #formulieren h1
{ 
	margin-bottom: 				0; 
}
#contentright #kalender h1 a 
{
	display:					inline; 
	width: 						170px; 
	padding: 					0;
	border:						none;
	color: 						#fff;
	text-decoration:			none;
}
#contentright #kalender a
{ 
	display:					block; 
	width: 						170px; 
	padding: 					10px 0 10px 10px; 
	border-bottom: 				1px solid #e1e1e1; 
	color: 						#13486b; 
}

/* Formulieren */
#contentright #formulieren a:link, 
#contentright #formulieren a:visited, 
#contentright #formulieren a:active
{
	display:					block; 
	width: 						170px; 
	padding: 					10px 0 10px 10px; 
	border-bottom: 				1px solid #e1e1e1; 
	color: 						#13486b; 
}
/*------------------------------- END CONTENT RIGHT -------------------------------*/

/*------------------------------- START TABBOX -------------------------------*/
#tabbox 
{ 
	float: 						left;
	width: 						460px; 
	margin: 					20px 0; 
	padding: 					0; 
}
#tabbox ul#tabbox_nav 
{
	width: 						460px; 
	height: 					25px; 
	background: 				url(../Graphics/H1_bg.gif) no-repeat top left; 
}	 
#tabbox ul#tabbox_nav li 
{ 
	float: 						left; 
	display: 					inline; 
	height: 					25px; 
	background: 				url(../Graphics/Tabbox_ul_divider.gif) no-repeat top right; 
}
#tabbox ul#tabbox_nav li a:link, 
#tabbox ul#tabbox_nav li a:visited, 
#tabbox ul#tabbox_nav li a:active 
{ 
	float: 						left; 
	display:					block; 
	height: 					25px; 
	line-height: 				25px; 
	padding: 					0 10px; 
	color: 						#fff; 
	text-decoration: 			none; 
}
#tabbox ul#tabbox_nav li a:hover, .selected 
{ 
	background: 				url(../Graphics/Tabbox_ul_arrow.png) no-repeat bottom center; 
}
#tabbox .tabcontent 
{ 
	padding: 					10px; 
	height:						130px;
}

#tabbox div.tabcontent ul li
{
	margin: 					10px 0;
	list-style: 				none;
}
#tabbox div.tabcontent ul li a
{
	display:					block;
	padding: 					0 0 0 15px;
	background: 				url(../Graphics/List_item.gif) no-repeat 0 5px;
	line-height:				150%;
}
#tabbox div.tabcontent .tab_button
{
	float: 						right;
	display: 					inline-block;
	width: 						85px;
	height: 					24px;
	line-height: 				24px;
	text-align: 				center;
	color: 						#fff !important;
	text-decoration: 			none !important;
	font-size: 					10px;
	background: 				url(../Buttons/Button.gif) no-repeat top left;
}
/*------------------------------- END TABBOX -------------------------------*/

/*------------------------------- START VACATURE -------------------------------*/
div.vacature
{
	margin: 					0 0 10px 0;
}
div.vacature ul
{
	margin: 					0 15px 0px 15px;
}
div.vacature ul li
{
	list-style-type: 			square;
	margin:						10px 0 0 0;
}

div.vacature span.titel,
div.vacature span.titel_omschrijving,
div.vacature span.titel_info,
div.vacature span.titel_profiel,
div.vacature span.titel_aanbod
{
	display:					block;
	height:						16px;
	line-height:				16px;
	margin: 					20px 0;
	padding:					0 0 8px 25px;
	border-bottom:				1px dotted #e1e1e1;
	font-weight: 				bold;
	color:						#034068;
}
div.vacature span.titel
{
	background:					url(../Graphics/Titel.gif) no-repeat top left;
}
div.vacature span.titel_omschrijving
{
	background: 				url(../Graphics/Omschrijving.gif) no-repeat top left;	
}
div.vacature span.titel_info
{
	background: 				url(../Graphics/Info.gif) no-repeat top left;	
}
div.vacature span.titel_profiel
{
	background: 				url(../Graphics/Profiel.gif) no-repeat top left;	
}
div.vacature span.titel_aanbod
{
	background: 				url(../Graphics/Aanbod.gif) no-repeat top left;	
}
/*------------------------------- END VACATURE -------------------------------*/

/*------------------------------- START OPLEIDINGEN -------------------------------*/
div#opleiding_detail span.titel
{
	display:					block;
	height:						16px;
	line-height:				16px;
	margin: 					20px 0;
	padding:					0 0 8px 0px;
	border-bottom:				1px dotted #e1e1e1;
	font-weight: 				bold;
	color:						#034068;
}
/*------------------------------- END OPLEIDINGEN -------------------------------*/

/*------------------------------- START FORMS -------------------------------*/

/*	1. Contactform	*/

form#contact
{
	background:					#eff2f6;
	border: 					1px solid #d8dce1;
	margin:						10px 0;
	padding:					10px;
}
form#contact fieldset
{
	border:						none;
}
p#info_message
{
	padding:					5px;
	background:					#eff2f6;
	border: 					1px solid #d8dce1;
	text-align: 				center;
}
p#info_message_green
{
	padding:					5px;
	background:					#e0f1d7;
	border:						1px solid #360;
	text-align: 				center;
	color:						#360;	
}
p#error_message
{
	padding:					5px;
	background:					#f2cfcf;
	border:						1px solid #c00;
	text-align: 				center;
	color:						#c00;	
}
form#contact .label
{
	float:						left;
	width:						150px;
	height:						20px;
	line-height:				20px;
	margin:						5px 0;
}
form#contact .input
{
	float:						left;
	width:						260px;
	height:						14px;
	margin:						5px 0;
	padding:					3px;
	background:					#fff;
	border:						1px solid #d8dce1;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					10px;
}
form#contact .inputred
{
	float:						left;
	width:						260px;
	height:						14px;
	margin:						5px 0;
	padding:					3px;
	background:					#fff;
	border:						1px solid #c00;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					10px;
}
form#contact .input:focus, form#contact .textarea:focus
{
	border:						1px solid #b1b5ba;
}
form#contact .textarea, form#contact .textareared
{
	float:						left;
	width:						256px;
	height:						140px;
	margin:						5px 0;
	padding:					5px;
	background:					#fff;
	border:						1px solid #d8dce1;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					10px;
	overflow: 					auto;
}
form#contact .textareared 
{
	border:						1px solid #c00;
}
form#contact .select
{
	float:						left;
	width:						268px;
	height:						auto;
	margin:						5px 0;
	padding:					3px;
	background:					#fff;
	border:						1px solid #d8dce1;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					11px;
}
form#contact .selectred
{
	float:						left;
	width:						268px;
	height:						auto;
	margin:						5px 0;
	padding:					3px;
	background:					#fff;
	border:						1px solid #c00;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					11px;
	color: 						#c00;
}


form#contact .submit_NL, form#contact .submit_FR
{
	float:						right;
	display:					block;
	width:						98px;
	height:						25px;
	margin:						10px 0 0 0;
	background:					#184867;
	border:						none;
	cursor:						pointer;
	text-indent:				-9999px;
}
form#contact .submit_NL
{
	background: 				url(../Buttons/Btn_verzenden_NL.gif) no-repeat top left;
}
form#contact .submit_FR
{
	background: 				url(../Buttons/Btn_verzenden_FR.gif) no-repeat top left;
}
form#contact div#nieuwsbrief_check
{
	margin:						10px 0;
	padding:					20px;
	background:					#fff url(../Graphics/Nieuwsbrief_icon.gif) no-repeat center right;
	border: 					1px solid #d8dce1;
}
form#contact div#nieuwsbrief_check span
{
	display: 					inline-block;
	margin: 					0 0 0 10px
}
form#contact .button
{
	float:						right;
	display:					block;
	width:						100px;
	height:						25px;
	margin:						10px 0 0 0;
	background:					#184867 url(../Graphics/Form_button.gif) no-repeat top left;
	border:						none;
	cursor:						pointer;
	color: 						#fff;
	font-size:					11px;
}
/*------------------------------- END FORMS -------------------------------*/

/*------------------------------- START FOOTER -------------------------------*/
#footer 
{ 
	clear: 						both; 
	width: 						860px; 
	margin: 					25px auto 0 auto; 
	padding:					0 0 10px 0;
	border-top: 				1px solid #e1e1e1; 
	text-align:					center; 
	color: 						#999; 
	font-size: 					10px; 
}
#footer p 
{
	margin: 					10px 0;
	line-height: 				150%;
}
#footer p.floatleft
{
	text-align: 				left;
}
#footer p.floatright
{
	text-align:					right;

}
#footer a:link, #footer a:visited,#footer a:active 
{ 
	color: 						#999; 
}
#footer a:hover 
{ 
	color: 						#333; 
}
/*------------------------------- END FOOTER -------------------------------*/

/*------------------------------- START LISTS -------------------------------*/
/* Links */
ul.links
{
	margin: 					15px 0px 0px 0px !important;
	padding: 					0 0 10px 0 !important;
}
ul.links li
{
	list-style:					none !important;
	margin:						15px 0 15px 0 !important;
	padding:					0 !important;
}
ul.links li a
{
	display: 					inline-block;
	height:						16px;
	line-height:				16px !important;
	padding:					0 0 0 25px;
	background:					url(../Graphics/World.gif) no-repeat top left;
	text-indent:				0;
}
/*------------------------------- END LISTS -------------------------------*/

ul#breadcrumbs
{
	clear:						both;
	height: 					16px;
	margin:						8px 0 0 0;
	padding:					0 30px;
}
ul#breadcrumbs li
{
	display:					inline;
	line-height:				16px;
	margin:						0 5px 0 0;
}
ul#breadcrumbs li a
{
	display:					inline-block;
	line-height:				16px;
}

/*------------------------------- START SITEMAP -------------------------------*/
#sitemap
{
	line-height:				18px;
}
.sitemap_listitem1
{
	list-style-type:			disc;
	list-style-position:		inside;
	float:						none;
}
.sitemap_listitem2
{	
	list-style-type:			disc;
	list-style-position:		inside;
	float:						none;
	padding-left:				30px;
}
.sitemap_listitem3
{
	list-style-type: 			disc;
	list-style-position: 		inside;
	float: 						none;
	padding-left: 				60px;
}
.sitemap_box_listitem_first 
{
	float: 						left;
	width: 						200px;
}
.sitemap_box_listitem 
{
	float:						left;
	width:						200px;
	padding-left:				20px;
}
.sitemap_listitem1 a:link, 
.sitemap_listitem1 a:visited, 
.sitemap_listitem1 a:active 
{
	color:						#04375a;
	text-decoration:			none;
	font-weight:				bold;
}
.sitemap_listitem1 a:hover 
{
	color:						#04375a;
	text-decoration:			underline;
}
.sitemap_listitem2 a:link, 
.sitemap_listitem2 a:visited, 
.sitemap_listitem2 a:active 
{
	color:						#5a788c;
	text-decoration:			underline;
}
.sitemap_listitem2 a:hover 
{
	color:						#333;
	text-decoration:			underline;
}
.sitemap_listitem3 a:link, 
.sitemap_listitem3 a:visited, 
.sitemap_listitem3 a:active 
{
	color:						#666;
	text-decoration:			none;
}
.sitemap_listitem3 a:hover 
{
	color:						#666;
	text-decoration:			underline;
}
/*------------------------------- END SITEMAP -------------------------------*/

/*------------------------------- START FORMULIEREN -------------------------------*/
div#formulierenlijst
{
	clear: both;
	float: left;
	width: 100%;
	margin: 20px 0;
}
/*------------------------------- END FORMULIEREN -------------------------------*/

/*------------------------------- START NIEUWS -------------------------------*/
a.nieuws
{
	display:					block;
	padding:					10px 10px 10px 30px;
	background: 				url(../Graphics/Nieuws_icoon.gif) no-repeat center left;
	text-decoration:			none;
	border-bottom:				1px dotted #e1e1e1;
	line-height:				150%;
}
a:hover.nieuws
{
	display:					block;
	background: 				url(../Graphics/Nieuws_icoon_active.gif) no-repeat center left;
	text-decoration:			underline;	
}
a#nieuws_active
{
	display:					block;
	padding:					10px 10px 10px 30px;
	background: 				url(../Graphics/Nieuws_icoon_active.gif) no-repeat center left;
	text-decoration:			underline;
	border-bottom:				1px dotted #e1e1e1;
	line-height:				150%;
}

a.wetgeving
{
	display:					block;
	padding:					10px 10px 10px 30px;
	background: 				url(../Graphics/Wetgeving_icoon.gif) no-repeat center left;
	text-decoration:			none;
	border-bottom:				1px dotted #e1e1e1;
	line-height:				150%;
}
a:hover.wetgeving
{
	display:					block;
	background: 				url(../Graphics/Wetgeving_icoon_active.gif) no-repeat center left;
	text-decoration:			underline;	
}
a#wetgeving_active
{
	display:					block;
	padding:					10px 10px 10px 30px;
	background: 				url(../Graphics/Wetgeving_icoon_active.gif) no-repeat center left;
	text-decoration:			underline;
	border-bottom:				1px dotted #e1e1e1;
	line-height:				150%;
}
/* PDF link */
a.pdf
{
	display:					block;
	padding:					10px 10px 10px 30px;
	background: 				url(../Graphics/Pdf.gif) no-repeat center left;
	text-decoration:			none;
	border-bottom:				1px dotted #e1e1e1;
	line-height:				150%;
}
a:hover.pdf
{
	text-decoration:			underline;	
}

div.nieuws_header
{
	margin:						0 0 10px 0;
	padding:					10px;
	background:					#eff2f6;
	border:						1px solid #d8dce1;
}
.imgborderleft 
{
	float: 						left;
	margin:						0 10px 10px 0;
	padding:					2px;
	border:						1px solid #ccc;
}
.imgborderright
{
	float: 						right;
	margin:						0 0 10px 10px;
	padding:					2px;
	border:						1px solid #ccc;
}
/*------------------------------- END NIEUWS -------------------------------*/

/*------------------------------- START PDF LIJST -------------------------------*/
ul#pdf 
{
	margin:						10px 0;
	padding:					10px 0;
	border-top:					1px solid #e1e1e1;
	border-bottom:				1px solid #e1e1e1;
}
ul#pdf li
{
	display: 					block;
	margin:						10px 0 !important;
	list-style: 				none !important;
}
ul#pdf li a
{
	display:					block;
	padding:					10px 10px 10px 35px;
	background: 				url(../Graphics/Pdf_icoon.gif) no-repeat center left;
	text-decoration:			none;
}
ul#pdf li a:hover, ul#pdf li a#pdf_active
{
	text-decoration:			underline;	
}
/*------------------------------- END PDF LIJST -------------------------------*/

/*------------------------------- START INGELOGD -------------------------------*/
div#ingelogd
{
	float:						right;
	width: 						auto;
	height:						39px;
	line-height:				39px;	
	margin: 					1px 0px 0 0;
	padding:					0 0 0 10px;
	color:						#034068;
}
div#ingelogd span.gebruikersnaam
{
	display: 					inline-block;
	height: 					39px;
	line-height:				39px;
	margin:						0 5px 0 0;
	padding:					0 0 0 20px;
	background:					url(../Graphics/User.png) no-repeat center left;
}
div#ingelogd span.gegevens
{
	display: 					inline-block;
	height: 					39px;
	line-height:				39px;
	margin:						0 0 0 5px;
	padding:					0 0 0 20px;
	background:					url(../Graphics/Settings.png) no-repeat center left;
}
div#ingelogd a.afmelden_NL, 
div#ingelogd a.afmelden_FR
{ 
	display: 					inline-block; 
	width: 						77px;
	height: 					39px; 
	line-height:				39px;
	margin:						0 0 0 10px; 	
	border: 					none;
	text-indent:				-9999px;
	cursor: 					pointer;
}
div#ingelogd a.afmelden_NL
{
	background: 				url(../Buttons/Afmelden_NL.png) no-repeat center left;
}
div#ingelogd a.afmelden_FR
{
	background: 				url(../Buttons/Afmelden_FR.png) no-repeat center left;
}

div#profielbox
{ 
	width: 						180px; 
	margin:						0 0 10px 0;
	background: 				url(../Graphics/Zoekfunctie_bg.gif) no-repeat bottom left; 
}
div#profielbox h1 
{ 
	display: 					block; 
	width: 						180px; 
	height: 					25px; 
	line-height: 				25px; 
	margin: 					0 0 20px 0; 
	background:					url(../Buttons/Subnav_bg.gif) no-repeat top left; 
	color: 						#fff; 
	font-size: 					11px; 
	font-weight: 				normal; 
	text-align: 				center; 
}
div#profielbox span.gebruikersnaam
{
	display: 					inline-block;
	height: 					39px;
	line-height:				39px;
	margin:						0 5px 0 0;
	padding:					0 0 0 20px;
	background:					url(../Graphics/User.png) no-repeat center left;
	text-decoration:			underline;
}
/*------------------------------- END INGELOGD -------------------------------*/

/*------------------------------- START CONTACTPERSOON -------------------------------*/
div.contactpersoon
{
	float:						left;
	width:						420px;
	margin:						0 0 10px 0;
	padding:					10px;
	background:					#eff2f6;
	border:						1px solid #e2e6ea;
}
div.contactpersoon span.naam
{
	display:					block;
	margin:						0 0 10px 0;
	padding:					0 0 10px 0;
	font-weight:				bold;
	color:						#1a4a69;
	border-bottom:				1px solid #e2e6ea;
}
div.contactpersoon p
{
	float: 						left;
	width:						300px;
	min-height:					80px;
	padding:					0 10px 10px 10px;
	line-height:				200%;
}
div.contactpersoon .contactpersoon_img
{
	float: 						right;
	width: 						90px;
	height: 					90px;
	padding:					2px;
	border:						1px solid #e2e6ea;
	background:					#fff;
}
/*------------------------------- END CONTACTPERSOON -------------------------------*/

/*------------------------------- START STYLED TABLE -------------------------------*/
table.styled_table
{
	width:						100%;
}
table.styled_table thead
{}
table.styled_table thead th
{
	padding:					4px;
	background:					url(../Graphics/Table_th_bg.gif) repeat center left;
	background:					#034068;
	color:						#fff;
	font-size:					10px;
}
table.styled_table tbody tr:hover
{
	background:					#e2e6ea;
}
table.styled_table td
{
	padding:					5px;
	border-bottom:				1px solid #fff;
}
.odd
{
	background:					#fff;
}
.even
{
	background:					#eff2f6;
}
table.styled_table td.event
{
	background-image:			url(../Graphics/Event.png);
	background-repeat: 			no-repeat;
	background-position:		bottom right;
	cursor:						pointer;
	font-weight:				bold;
}
/*------------------------------- END STYLED TABLE -------------------------------*/

/*------------------------------- START ACTIVITEITENKALENDER -------------------------------*/
form#kies_maand
{
	display:					block;
	clear:						both;
	float: 						left;
	margin:						20px 2px 10px 0;
}
form#kies_maand fieldset
{
	margin:						0;
	padding:					0;
	border:						none;
}
form#kies_maand .select
{
	width:						100px;
	padding:					2px;
	font-size:					11px;
	font-family: 				Verdana, Arial, Helvetica, sans-serif;
}
form#kies_maand #submit
{
	width:						auto;
	height:						20px;
	line-height:				20px;
	background:					none;
	border: 					none;
	color:						#000 !important;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size: 					11px;
	font-weight:				bold;
	cursor:						pointer;
}

a.kalender_btn 
{
	float:						right;
	display: 					inline-block;
	width: 						110px;
	height:						21px;
	line-height: 				21px;
	margin:						10px 2px 0 0;
	padding: 					2px 5px;
	background: 				url(../Buttons/Btn_button.gif) no-repeat top left;
	color: 						#fff !important;
	text-decoration: 			none !important;
	text-align: 				center;
}
span.datum_blok
{
	display:					inline-block;
	width:						35px;
	height:						35px;	
	padding:					3px;
	background:					#04375a;
	color:						#fff;
	text-align: 				center;
	font-family:				Arial, Verdana, Helvetica, sans-serif;
	font-size: 					14px;
	font-weight:				normal;
	letter-spacing:				-1px;
}
table#activiteitentabel
{
	width:						100%;
	margin:						10px 0;
}
table#activiteitentabel td
{}
table#activiteitentabel td.datum
{
	text-align: 				left;
	width:						30px;
}
table#activiteitentabel td.activiteit
{
	padding:					0 0 0 10px;
}
table#activiteitentabel td.activiteit a
{
	display:					block;
	height:						41px;
	line-height:				41px;
}
table#activiteitentabel td.activiteit:hover
{
	background:					#e2e6ea;
}
/*------------------------------- END KIES MAAND -------------------------------*/

/*------------------------------- START KALENDER -------------------------------*/
table.kalender
{
	clear: 						both;
	float: 						left;
	margin: 					20px 0 0 0;
}
.caltable
{
	float: 						left;
	width: 						210px; 
	height: 					140px;
	margin: 					0 10px 10px 0; 
	padding: 					0; 
	background:		 			#fff; 
	border-collapse: 			collapse; 
	font-family:				Verdana, Arial, Helvetica, sans-serif; 
	font-size: 					10px;
	empty-cells: 				hide; 
}
.caltable td
{
	padding:					5px;
}
.month 
{ 
	background: 				#034068;
	border:						1px solid #fff;
	color: 						#fff; 
	padding-left:	 			4px; 
	font-weight: 				bold; 
	border-collapse: 			collapse;
}
.day 
{ 
	background: 				#e2e6ea;
	border: 					1px solid #fff; 
	border-collapse:	 		collapse; 
	color: 						#333; 
	text-align: 				center; 
	font-weight:				bold; 
}
.number 
{ 
	color: 						#333;
	text-align: 				center; 
	border-collapse: 			collapse; 
}
 
.number a 
{ 
	color:						#333; 
	text-align:					center; 
	display:					block; 
	text-decoration:			none; 
	border-collapse:			collapse; 
}
.number a:hover
{ 
	background:					#656b4c; 
	color:						#333; 
	text-align:					center; 
	display:					block; 
	text-decoration:			none; 
	border-collapse:			collapse; 
}
.gereserveerd 
{
	background:					#eee;
	border-collapse:			collapse;
	font-weight: 				bold;
	text-align:					center;
}

.bevestigd 
{ 
	color:						#fff; 
	text-align:					center; 
	display:					block; 
}
.bevestigd a 
{ 
	color:						#fff; 
	text-align:					center; 
	background-image:			url(../Graphics/Event.png);
	background-repeat: 			no-repeat;
	background-position:		bottom right;
	display:					block; 
	text-decoration:			none; 
}
.bevestigd a:hover 
{ 
	display: 					block;
	background: 				#900;
	color: 						#fff;
	text-align: 				center;
	text-decoration: 			none;
} 
.sluiting 
{ 
	background: 				#B1C3D9; 
	border-collapse:			collapse; 
	color: 						#fff; 
	text-align: 				center; 
}
.sluiting a 
{ 	
	display: 					block;
	background: 				#B1C3D9; 
	color: 						#fff; 
	text-align: 				center; 
	text-decoration: 			none; 
}
.sluiting a:hover 
{ 
	display: 					block;
	background:					#B1C3D9;
	color: 						#fff;
	text-align: 				center;
	text-decoration: 			none;
}
.empty
{ 
	background: 			transparent;
	border-collapse: 			collapse;
	border: 					none;
	color: 						#6a6758;
	text-align: 				center;
}
/*------------------------------- END KALENDER -------------------------------*/

/*------------------------------- START TOOLTIP -------------------------------*/
#tooltip
{
	position:					absolute;
	display:					block;
	width:						200px;
	border:						1px solid #c4c8ce;
	background:					#eff2f6;
	padding:					5px;
	color:						#333;
	display:					none;
}
/*------------------------------- END TOOLTIP -------------------------------*/

/*------------------------------- START OTHER CLASSES -------------------------------*/
.clear 
{ 
	clear: 						both; 
}
.important 
{ 
	font-weight: 				bold; 
}
.underline 
{ 
	text-decoration: 			underline; 
}
.floatleft
{
	float: 						left !important; 
}
.floatright
{
	float: 						right !important;
}
.hidden 
{
	display:					none;
}
.red
{
	color: 						#cc0000;
}
.arrow, .arrow2, .cms_title
{
	display: 					inline-block;
	height: 					15px;
	line-height: 				15px;
	padding: 					0 0 0 15px;
	background: 				url(../Graphics/Arrow.gif) no-repeat 0 4px;
	font-weight: 				bold;
	color: 						#04375a;
}
.arrow2
{
	margin:						10px 0;
}
a.button 
{
	float: 						left;
	display:					block;
	height: 					24px;
	line-height: 				24px;
	margin:						0 8px 0 0;
	padding: 					0px 15px 0 0;
	color:	 					#04375a;
	text-decoration: 			none;
}
a.button span
{
	float: 						left;
	display: 					block;
	height: 					24px;
	padding:	 				0 15px 0 0;
}
a:hover.button
{
 	color: 						#fff;
	background: 				url(../Graphics/Button.gif) no-repeat top right;
}
a:hover.button span
{
	background: 				url(../Graphics/Button.gif) no-repeat top left;
}
/* Button active */
a.button_active
{
	float: 						left;
	display:					block;
	height: 					24px;
	line-height: 				24px;
	margin:						0 8px 0 0;
	padding: 					0px 15px 0 0;
	background: 				url(../Graphics/Button.gif) no-repeat top right;	
	color:	 					#fff !important;
	text-decoration: 			none !important;
}
a.button_active span
{
	float: 						left;
	display: 					block;
	height: 					24px;
	padding:	 				0 15px 0 0;
	background: 				url(../Graphics/Button.gif) no-repeat top left;		
}

/* Button grijs */
a.buttongrijs
{
	float: 						left;
	display:					block;
	height: 					24px;
	line-height: 				24px;
	margin:						0 8px 0 0;
	padding: 					0px 15px 0 0;
	color:	 					#04375a;
	text-decoration: 			none;
}
a.buttongrijs span
{
	float: 						left;
	display: 					block;
	height: 					24px;
	padding:	 				0 15px 0 0;
}
a:hover.buttongrijs
{
 	color: 						#04375a;
	background: 				url(../Graphics/Buttongrijs.gif) no-repeat top right;
}
a:hover.buttongrijs span
{
	background: 				url(../Graphics/Buttongrijs.gif) no-repeat top left;
}

/* Button grijs active */
a.buttongrijs_active
{
	float: 						left;
	display:					block;
	height: 					24px;
	line-height: 				24px;
	margin:						0 8px 0 0;
	padding: 					0px 15px 0 0;
	background: 				url(../Graphics/Buttongrijs.gif) no-repeat top right;	
	color:	 					#04375a;
	text-decoration: 			none;
}
a.buttongrijs_active span
{
	float: 						left;
	display: 					block;
	height: 					24px;
	padding:	 				0 15px 0 0;
	background: 				url(../Graphics/Buttongrijs.gif) no-repeat top left;		
}

.plus
{
	background:					url(../Graphics/Plus.gif) no-repeat center left;
	padding:					0 0 0 20px;
}
.min
{
	background:					url(../Graphics/Min.gif) no-repeat center left;
	padding:					0 0 0 20px;
}

.nieuw_personeelslid
{
	display: 					inline-block;
	width: 						auto;
	height: 					16px;
	line-height: 				16px;
	background: 				url(../Graphics/Nieuw_personeelslid.png) no-repeat center left;
	margin: 					10px 0;
	padding: 					0 0 0 25px;
}

.verstuur_wijzigingen
{
	display: 					inline-block;
	width: 						auto;
	height: 					16px;
	line-height: 				16px;
	background: 				url(../Graphics/mail.png) no-repeat center left;
	margin: 					10px 0;
	padding: 					0 0 0 25px;
}

.verwijder_personeelslid
{
	display: 					inline-block;
	width: 						auto;
	height: 					16px;
	line-height:				16px;
	background:					url(../Graphics/Verwijder_personeelslid.png) no-repeat center left;
	margin: 					10px 0;
	padding: 					0 0 0 25px;
}


a.a_button 
{
	float: 						left;
	display:					block;
	width:						100px;
	height:						25px;
	line-height:				25px;	
	margin:						0 5px 0 0;
	background:					#184867 url(../Graphics/Form_button.gif) no-repeat top left;
	border:						none;
	cursor:						pointer;
	color: 						#fff;
	font-size:					11px;
	text-align: 				center;
	text-decoration:			none;
}

/*------------------------------- END OTHER CLASSES ------------------------------*/