html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body	{
	font				: 0.8em Tahoma, Arial, Verdana, Helvetica, sans-serif;
	text-align			: center; 
	background			: #015a9c url(../img/body_bg.gif) repeat-x fixed;
}

.toegankelijkheid	{
	position			: absolute;
	left				: -999em;
}


/* --------------------------------	*/
/* 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	{
	position			: relative;
	margin				: 0px auto;
	width				: 994px;
	text-align			: left;
	background			: #FFF;
}

/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 100px;
	background			: #fff;
	top					: 0;
	height				: 150px;
	left				: 0;
	z-index				: 3;
}

#header h1	{
	background			: #fff url(../img/header.jpg) no-repeat;
	position			: absolute;
	top					: 26px;
	width				: 994px;
	height				: 150px;
	left				: 0;
	z-index				: 3;
}

#header .taal {
	margin				: 0px 0 0 25px;
	width				: 220px;
	floadt				: left;
}

#header .taal p {
	font-size			: 0.87em;
	display				: block;
	float				: left;
	width				: 125px;
	color				: #918F90;
	margin				: 6px 0 0 0 ;
}

#header .taal li a {
	margin				: 7px 0 0 0px;
}

#header .taal .nederland {
	display				: block;
	width				: 20px;
	height				: 13px;
	float				: left;
	margin				: 0 6px 0 0;
}

#header .taal .nederland a {
	display				: block;
	width				: 20px;
	height				: 13px;
	float				: left;
	background			: #FFF url(../img/taal_nederlands.gif) no-repeat;	
 	text-indent			: -9999em;
}

#header .taal .duitsland {
	display				: block;
	width				: 20px;
	height				: 13px;
	float				: left;
	margin				: 0px 6px 0 0;
}

#header .taal .duitsland a {
	display				: block;
	width				: 20px;
	height				: 13px;
	float				: left;
	background			: #FFF url(../img/taal_duits.gif) no-repeat;	
 	text-indent			: -9999em;
}

#header .taal .slowakije  {
	display				: block;
	width				: 20px;
	height				: 13px;
	float				: left;
	margin				: 0 0 0 0;
}

#header .taal .slowakije a {
	display				: block;
	width				: 20px;
	height				: 13px;
	background			: #FFF url(../img/taal_slowakije.gif) no-repeat;	
 	text-indent			: -9999em;
}

#header h1 a	{
	text-indent			: -9000px;
	overflow			: hidden;
	display				: block;
	height				: 110px;
	width				: 290px;
	margin				: 27px 0 0 25px;
}


/* --------------------------------	*/
/* zoeken						 	*/
/* --------------------------------	*/
#zoeken {
	display				: block;
	position			: relative;
	background			: url(../img/zoekbalk_bg.gif) no-repeat;
	width				: 994px;
	height				: 32px;
	left				: 0px;
	top					: 26px;
	z-index				: 300;
}


/* --------------------------------	*/
/* midden	(menu en content)	 	*/
/* --------------------------------	*/
#midden {
	position			: relative;
	padding				: 83px 0 100px 0;
	background			: #FFF;
	min-height			: 505px;
	_height				: 505px;
}

#kop {
	width				: 415px;
	left				: 50px;
	position			: relative;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	float				: left;
	width				: 200px;
}

#menu li {
	border-bottom		: solid 1px #C8C7C7;
	position			: relative;
	float				: left;
	width				: 200px;
	z-index				: 100;
}

#menu li a   {
	height				: 36px;
	display				: block;
	background			: #FFF;
	text-indent			: -999em;
	overflow			: hidden;
	background			: #fff url(../img/menu.gif) no-repeat;
}

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

#menu li a.welkom				{	background-position: left 0px;	}
#menu li a.welkom:hover,
#menu li.actief a.welkom,
#menu li.hover a.welkom			{	background-position	: -200px 0px;}

#menu li a.werkgever  			{	background-position	: left -36px;}
#menu li a.werkgever:hover,
#menu li.actief a.werkgever,
#menu li.hover a.werkgever		{	background-position	: -200px -36px;}

#menu li a.werknemer  			{	background-position	: left -72px;	}
#menu li a.werknemer:hover,
#menu li.actief a.werknemer,
#menu li.hover a.werknemer		{	background-position	: -200px -72px;}

#menu li a.vacatures 			{	background-position	: left -108px;}
#menu li a.vacatures:hover,
#menu li.actief a.vacatures,
#menu li.hover a.vacatures		{	background-position	: -200px -108px;}

#menu li a.nieuws  				{	background-position	: left -144px;}
#menu li a.nieuws:hover,
#menu li.actief a.nieuws,
#menu li.hover a.nieuws			{	background-position	: -200px -144px;}

#menu li a.downloads  			{	background-position	: left -180px;}
#menu li a.downloads:hover,
#menu li.actief a.downloads,
#menu li.hover a.downloads		{	background-position	: -200px -180px;}

#menu li a.links  				{	background-position	: left -216px;}
#menu li a.links:hover,
#menu li.actief a.links,
#menu li.hover a.links			{	background-position	: -200px -216px;}

#menu li a.contact  			{	background-position	: left -252px;}
#menu li a.contact:hover,
#menu li.actief a.contact,
#menu li.hover a.contact		{	background-position	: -200px -252px;}

#menu li a.vratenie-dani  			{	background-position	: left -288px;}
#menu li a.vratenie-dani:hover,
#menu li.actief a.vratenie-dani,
#menu li.hover a.vratenie-dani		{	background-position	: -200px -288px;}

/* Submenu */
#menu li ul {
	width				: 205px;
	position			: absolute;
	left				: 200px;
	top					: 0;
	display				: none;
	margin				: -1px auto;
	background			: #005697;
	border				: solid 1px #C8C6C7;
}

#menu li:hover ul, #menu li.hover ul {
	display				: block;
}

#menu li ul li {
	height				: auto;
	background			: #005697;
	border-bottom		: solid 1px #4080B0;
	position			: relative;
	width				: 205px;
}

#menu li li a {
	height				: auto;
	width				: 185px;
	background			: #005697 !important;
	color				: #FFF;
	text-decoration		: none;
	display				: block;
	padding				: 5px 10px;
	text-indent			: 0;
	overflow			: visible;
	font-size			: 0.85em;
}

#menu li li a:hover,
#menu li li.actief a {
	background			: #82AFCE !important;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content {
	position			: relative;
	width				: 487px;
	margin				: 0 20px 0 223px;
	font-size			: 0.85em;
	line-height			: 1.8em;
	word-spacing		: 0.1em;
}

#content h2 {
	color				: #4183B5;
	font-size			: 1.65em;
	margin				: 0 0 10px 0;
}

#content h3 {
	color				: #4183B5;
	font-size			: 1.3em;
	margin				: 0 0 10px 0;
}

#content blockquote	{
	margin				: 0 0 10px 30px;
	text-align			: justify;
}

#content ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
	text-align			: justify;
}

#content ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
	text-align			: justify;
}

#content p	{
	margin				: 1em 0;
	text-align			: justify;
}

/* tekst */
#content .tekst  {
	color				: #000;
	font-size			: 11px;
	paddding			: 0 22px;
	line-height			: 1.8em;
}

#content .tekst blockquote	{
	margin				: 0 0 10px 30px;
}

#content .tekst ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content .tekst ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

#content .tekst a,
#content a {
	color				: #005A9C;
	text-decoration		: none;
}

#content .tekst a:hover,
#content a:hover {
	color				: #005A9C;
	text-decoration		: underline;
}

#content .meer_europlanit a {
	display				: block;
	position			: relative;
	float				: right;
	width				: 108px;
	background			: url(../img/nl/kop_meer_europlanit.gif) no-repeat;
	text-indent			: -999em;
	z-index				: 5556;
}

#content  .meer_contact a {
	display				: block;
	position			: relative;
	float				: left;
	width				: 66px;
	background			: url(../img/nl/kop_meer_contact.gif) no-repeat;
	text-indent			: -999em;
	height				: auto;
	color				: #fff;
	z-index				: 5556;
}

#content .meer a {
	color				: #DAD8D9;
}


/* --------------------------------	*/
/* contact formulier			 	*/
/* --------------------------------	*/
.formmodule fieldset {
	border				: 1px solid #CCC;
	margin				: 0 0 10px 0;
	padding				: 10px;
	background			: #F5F5F5;
}

.formmodule legend {
	margin				: 0 0 10px 0;
	padding				: 3px 10px;
	color				: #FFF;
	background			: #005697;
}

#content .formmodule ul {
	list-style			: none;
	margin				: 0;
	padding 			: 0;
	text-align			: left;
}

.formmodule li {
	overflow			: hidden;
	zoom				: 1;
	margin				: 0 0 5px 0;
}

.formmodule li .label {
	float				: left;
	width				: 150px;
}

.formmodule li .veld {
	float				: left;
	width				: 315px;
}

.formmodule input, 
.formmodule textarea,
.formmodule select {
	width				: 300px;
	padding				: 4px;
	border				: 1px solid #005A9C;
	font				: 1em Tahoma, Arial, Verdana,Helvetica,sans-serif;
	background			: #D9E6EF;
}

.formmodule textarea   {
	overflow			: auto;
}

.formmodule .veld input.checkbox {
	width				: auto;
	padding				: 0;
	border				: 0;
	background			: none;
}

.formmodule input:hover, 
.formmodule textarea:hover,
.formmodule select:hover {
	background			: #f2f6f8;
}

.formmodule input.veldfocus, 
.formmodule textarea.veldfocus   {
	background			: #FFF;
}

.formmodule input.fout, 
.formmodule textarea.fout   {
	border				: 1px solid #C00;
	background			: #FFF;
}

.formmodule li .label .fout {
	color				: #C00;
}

.formmodule input.button   {
	width				: auto;
	margin				: 10px 0;
	padding				: 5px 20px;
	cursor				: pointer;
	background			: #005A9C;
	border				: 1px outset #005A9C;
	color				: #FFF;
	font-weight			: bold;
}

.formmodule .melding {
	padding				: 10px;
	border				: 2px solid #C00;	
	color				: #C00;
}

.formmodule li.form_7365_suacutehlas .veld label,
.formmodule li.form_7366_suacutehlas_so_spracovaniacutem_osobnyacutech_uacutedaj .veld label {
	display				: none;	
}


/* */
#content hr {
	border				: 0;
	height				: 1px;
	background			: #C7C7C7;
	display				: block;
}

#content .iwes .tekst a {
	color				: #B3B1B2;
	margin				: -8px 0 0 0px;
	text-decoration		: none;
	font-weight			: bold;
}

#content  .tekst a:hover {
	text-decoration		: underline;
}

#content strong {
	color				: #005A9C;
}


/* --------------------------------	*/
/* actueeloverzicht				 	*/
/* --------------------------------	*/
#content #actueeloverzicht {
	margin				: 0;
	padding				: 0;
	list-style			: none;	
}

#actueeloverzicht li {
	margin				: 0 0 5px 0;
}

#actueeloverzicht a {
	display				: block;
	padding				: 10px;
	border				: 1px solid #D9E6EF;
}

#actueeloverzicht a:hover {
	background			: #D9E6EF;
}


/* --------------------------------	*/
/* adres						 	*/
/* --------------------------------	*/
.adres {
	position			: relative;
	overflow			: hidden; 
	zoom				: 1;
}

.adres address	{
	display				: inline;
	width				: 162px;
	float				: left;
	position			: relative;
	margin				: 0;
	text-decoration		: none;
	font-weight			: none;
	font-style			: normal;
	line-height			: 1.8em;
	font-style			: normal;
}

.adres .type {
	display				: none
}

.adres .fn {
	display 			: block;
	width				: 162px
}

.adres .street-address {
	float				: left;
	width				: 150px;
}

.adres .postal-code {
	float				: left;
	width				: 4.2em;
}

.adres .locality {
	float				: left;
	width				: 100px;
}

.adres hr {
	margin				: 0;
	height				: 1px;
	width				: 415px;
	clear				: left;
	float				: left;
}

.adres .meer_contact	{
	width				: 415px;	
}

.adres .meer_contact a	{
	float				: right;
}

.adres .url {
	font-size			: 1.3em;	
	line-height			: 2em;
}

.adres .email {
	font-size			: 1.3em;	
}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
#googlemaps {
	position			: absolute;
	right				: 0;
	top					: 0;
	width				: 300px;
	height				: 350px;
	margin				: 10px 30px 0 0;
	border				: 1px solid #000;
}



/* --------------------------------	*/
/* rechterkant					 	*/
/* --------------------------------	*/
#rechterkant {
	float				: right;
	width				: 275px;
	height				: auto;
	position			: absolute;
	top					: 84px;
	right				: 0;
}


/* --------------------------------	*/
/* Vacatures overzicht pagina		 */
/* --------------------------------	*/
#content ul#vacaturesoverzicht {
	margin				: 0;
	list-style			: none;
}

ul#vacaturesoverzicht a {
	font-weight			: normal;
	display				: block;
	text-decoration		: none;
	background			: #FFF;
	text-align			: left;
	color				: #015A9C;
}

ul#vacaturesoverzicht li	{
	text-transform		: uppercase;
	font-size			: 0.8em;
	padding				: 10px 10px 10px 11px;
	margin				: 5px 0 0 0;
	width				: 460px;
	border				: solid 1px #D9E6EF;
	height				: auto;
	float				: left;
	background			: #FFF;
}

ul#vacaturesoverzicht li:after { content: ""; display: block; height: 0; clear: both; }

ul#vacaturesoverzicht li a strong {
	text-decoration		: none;
	margin				: 0 0 13px 0;
	background			: #fff;
	font-size			: 0.8em;
}

ul#vacaturesoverzicht li a:hover {
	text-decoration		: underline;
}


/* --------------------------------	*/
/* certificering				 	*/
/* --------------------------------	*/
#certificering  {
	width				: 265px;
	height				: 90px;
	float				: right;
	margin				: 25px 0 0 0;
}

#certificering p {
	font-weight			: bold;
	font-size			: 0.85em;
	margin				: 0 0 18px 0;
}

#certificering li {
	display 			: block;
	text-indent			: -999em;
	float				: right;
}

#certificering .abu {
	background			: url(../img/logo_abu.gif) no-repeat;
	width				: 36px;
	height				: 34px;
	margin				: 0 32px 0 0;
	float				: left;
}

#certificering .sna {
	background			: url(../img/logo_sna.gif) no-repeat;
	width				: 49px;
	height				: 36px;	
	float				: left;
	margin				: 0 28px 0 0;
}

#certificering .vcu {
	background			: url(../img/logo_vcu.gif) no-repeat;
	width				: 112px;
	height				: 36px;
	float				: left;
	margin				: 0 0px 0 0;
}

#certificering .abu a {
	display				: block;
	height				: 44px;
}

#certificering .sna a {
	display				: block;
	height				: 44px;
}

#certificering .vcu a {
	display				: block;
	height				: 46px;
}


/* --------------------------------	*/
/* am impact					 	*/
/* --------------------------------	*/
#amimpact  {
	background			: #82AFCE;
	height				: 136px;
	width				: 994px;
	float				: right;
}

#amimpact .copyright {
	float				: right;
}

#amimpact .copyright li {
	color				: #C3D6E5;
	font-size			: 0.85em;
	float				: left;
	margin				: 10px 15px 0 0;
	display				: block;
}

#amimpact a {
	color				: #C3D6E5;
	text-decoration		: none;
}

#amimpact a:hover {
	text-decoration		: none;
	color				: #015A9C;
}

/* --------------------------------	*/
/* sitemap						 	*/
/* --------------------------------	*/
#sitemap {
	margin				: 30px 0 0 33px;
	float				: left;
	position			: absolute;
	line-height			: 18px;
	font-size			: 0.93em;
}

#sitemap  div {
	float				: left;
	width				: 160px;
	position			: relative;
	font-size			: 0.93em;
}

#sitemap  li, 
#sitemap p, 
#sitemap a {
	display				: block;
	width				: 160px;
	color				: #516679;
}

#sitemap  .welkom,
#sitemap  .werkgever {
	background			: url(../img/sitemap_bar.gif) no-repeat 130px 0;
}

#sitemap .sitemap_kop {
	background			: url(../img/kop_sitemap.gif) no-repeat -2px;
	width				: 90px;
	height				: 21px;
	margin				: 0 0 10px 0; 
	text-indent			: -999em;
}

#sitemap a:hover {
	color				: #000;
}


/* --------------------------------	*/
/* sIFR							 	*/
/* --------------------------------	*/
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility			: visible !important;
	margin				: 0;
}

.sIFR-replaced {
	visibility			: visible !important;
}

span.sIFR-alternate {
	position			: absolute;
	left				: 0;
	top					: 0;
	width				: 0;
	height				: 0;
	display				: block;
	overflow			: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display				: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... 
the negative-letter spacing in this case is used to make the browser text metrics match up with the 
sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... 
any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h2 {
	visibility			: hidden;
	letter-spacing		: -4px;
	font-size			: 35px;
	line-height			: 30px;
	z-index				: 50;
	margin				: 0 0 15px 0;
}

.sIFR-hasFlash .koph3 {
	visibility			: hidden;
	letter-spacing		: -4px;
	font-size			: 18px;
	z-index				: 50;
}

.sIFR-hasFlash h4 {
	visibility			: hidden;
	letter-spacing		: -4px;
	font-size			: 20px;
	margin				: 5px 0 5px 0;
	z-index				: 50;
}

.sIFR-hasFlash .meer {
	visibility			: hidden;
	letter-spacing		: -4px;
	font-size			: 6px;
	z-index				: 50;
}