@charset "utf-8";

/* DEFAULT */
body 														{ background-color:#FFFFFF; margin-left:0px;	margin-top:0px;	margin-right:0px;	margin-bottom:0px; line-height:1.8em; font-size:62.5%; }
body,td,th 											{ font-family:Arial, Helvetica, sans-serif; color:#003366; background-image:url(../images/layout/achter_alles.gif); background-position:left top; background-repeat:repeat-x; background-color:#b7bec7; }
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img {	margin:0; padding:0; border:0; }
input, textarea									{ border:1px solid #dededd; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; padding:2px; color:#7b7b7b; }
p																{ margin:0 0 10px 0; }
h2 															{ font-size:1.5em; font-weight:bold; margin:0 0 2px 0; }
h3 															{ font-size:1.3em; font-weight:bold; margin:0 0 12px 0; }

/* LINKS */
a 															{	color:#003366; text-decoration:none; }
a:hover 												{ color:#003366; text-decoration:underline; }

a.homelink											{	color:#003366; text-decoration:none; font-size:0.9em; color:#315f91; }
a.homelink:hover 										{ color:#003366; text-decoration:underline; color:#315f91; }


/* LAYOUT */
#wrapper 												{	width:100%; text-align:center; overflow: hidden; font-size:1.1em; }
#wrapperCenter 									{ width:995px;	margin:0 auto; text-align:left; overflow: hidden; background-color:#eef0ef; background-image:url(../images/layout/achter_midden.gif); background-position:left top; background-repeat:repeat-x;  }

#topWrapper 										{ width:995px; height:75px; background-image:url(../images/layout/achter_top.gif); background-position:left top; background-repeat:repeat-x; }
#topWrapper .logo								{ width:193px; height:37px; float:left; margin:0 0 0 125px;  }
#topWrapper .taal								{ width:200px; height:11px; float:right; margin:12px 6px 0 0; text-align:right; }
#topWrapper .taal img						{ margin:0 6px 0 0; }
#topWrapper .links							{ width:200px; height:11px; float:right; margin:8px 2px 0 0; color:#FFF; text-align:right; }
#topWrapper .links a						{ color:#FFF; text-decoration:none; margin:0 10px 0 10px; }
#topWrapper .links a:hover			{ color:#FFF; text-decoration:underline; }

#homeWrapper										{ width:995px; overflow:hidden; }
#homeWrapper .animatie					{ width:727px; height:390px; margin:0 0 0 12px; float:left; }
#homeWrapper .blok1							{ width:225px; height:380px; padding:10px 8px 0 10px; float:left; background-color:#123259; cursor:pointer; }
#homeWrapper .blok1 .titel			{ color:#FFF; height:26px; width:220px; overflow:hidden; }
#homeWrapper .blok1 .tekst			{ color:#FFF; height:160px; width:220px; overflow:hidden; }
#homeWrapper .blok1 .foto img		{ border:1px solid #b7bfd6; margin:0 0 27px 0; }
#homeWrapper .blok1 .leesverder	{ width:13px; height:19px; float:right; margin:6px 0 0 0; }
#homeWrapper .blok2							{ width:945px; float:left; padding:25px 25px 16px 25px; }

#tikkerWrapper									{ width:970px; height:40px; margin:0 0 0 12px; overflow:hidden; }

#wrapperLijn1										{ width:100%; height:1px; background-color:#b2c9db; }
#wrapperLijn1 .lijn							{ width:995px; height:1px; margin:0 auto; background-color:#c4d9ea;  }
#wrapperLijn2										{ width:100%; height:2px; background-color:#bebdc2; }
#wrapperLijn3										{ width:100%; height:1px; }
#wrapperLijn4										{ width:100%; height:1px; background-color:#b1c7de; }
#wrapperLijn4 .lijn							{ width:995px; height:1px; margin:0 auto; background-color:#c3d8eb;  }
#wrapperLijn5										{ width:995px; margin:0 auto; background-color:#e9e9e7;  }
#wrapperLijn6										{ width:995px; overflow:hidden; margin:0 auto; padding:5px 0; text-align:left; }
#wrapperBalk										{ width:100%; background-color:#FFF; }

#homebalk												{ width:995px; margin:0 auto; text-align:left; overflow:hidden; }
#homebalk	.lijn1								{ width:1px; margin:13px 12px 11px 0; float:left; }
#homebalk	.lijn2								{ width:1px; padding:13px 0 11px 0; float:right; }
#homebalk	.lijninvul						{ width:1px; height:195px; background-color:#dddddd; }

#homebalk	.homeblok1						{ width:208px; height:165px; padding:15px; margin:13px 4px 0 0; float:left; }
#homebalk	.homeblok3						{ width:207px; height:165px; padding:15px; margin:13px 4px 0 0; float:left; }
#homebalk	.titel								{ width:208px; margin:0 0 16px 0; font-size:18px; font-weight:bold; color:#315f91; }
#homebalk	.tekst								{ width:208px; }
#homebalk	.tekst a							{ text-decoration:underline; }
#homebalk	.tekst a:hover				{ text-decoration:none; }
#homebalk	.tekst img						{ margin:0 5px 0 0; }
#homebalk	.tekst2								{ width:104px; float:left; }
#homebalk	.tekst2 a							{ text-decoration:underline; }
#homebalk	.tekst2 a:hover				{ text-decoration:none; }
#homebalk	.tekst2 img						{ margin:0 5px 0 0; }

#homebalk .background1					{ background-image:url(../images/layout/blokhome1.jpg); background-position:left top; background-repeat:no-repeat; }
#homebalk .background2					{ background-image:url(../images/layout/blokhome2.jpg); background-position:left top; background-repeat:no-repeat; cursor:pointer; }
#homebalk .background3					{ background-image:url(../images/layout/blokhome3.jpg); background-position:left top; background-repeat:no-repeat; cursor:pointer; }
#homebalk .background4					{ background-image:url(../images/layout/blokhome4.jpg); background-position:left top; background-repeat:no-repeat; cursor:pointer; }
#homebalk .homeblok4								{ width:225px; height:180px; padding:15px 8px 0 10px; float:left; margin:13px 0 0 0; }
#homebalk .homeblok4 .titel					{ margin:0 0 6px 0; }
#homebalk .homeblok4 .tekst					{ height:52px; width:220px; overflow:hidden; }
#homebalk .homeblok4 .foto img			{ border:1px solid #fdf2b4; margin:0 0 5px 0; }
#homebalk .homeblok4 .leesverder		{ width:13px; height:19px; float:right; }


#contentbalk										{ width:995px; margin:0 auto; text-align:left; overflow:hidden; }
#contentbalk .lijn							{ width:1px; padding:6px 0 6px 0; float:left; }
#contentbalk .lijn .lijninvul		{ width:1px; height:24px; background-color:#dddddd; }
#contentbalk .blok							{ width:969px; margin:10px 12px 0 12px; float:left; }
#contentbalk .blok a						{ margin:0 6px 0 6px; }

#contentWrapper									{ width:995px; padding:0 0 15px 0; overflow:hidden; }
#contentWrapper .menu						{ width:225px; height:411px; margin:7px 0 0 12px; background-color:#c2cad5; float:left; padding:32px 0 0 0; overflow:hidden; }
#contentWrapper .breadcrum			{ color:#9b9b91; }
#contentWrapper .breadcrum .active 	{ color:#003366; }
#contentWrapper .breadcrum .active a	{ color:#003366; }
#contentWrapper .breadcrum a		{ color:#9b9b91; text-decoration:none !important; }
#contentWrapper .breadcrum a:hover		{ color:#9b9b91; text-decoration:underline !important; }
#contentWrapper .content				{ width:484px; float:left; margin:7px 16px 0 16px; }
#contentWrapper .content h1			{ font-size:1.9em; margin:20px 0 25px 0; }
#contentWrapper .content td				{ background-color:transparent; background-image:none; }
#contentWrapper .content #sitemap li	{ margin-left: 16px }
#contentWrapper .content a			{ text-decoration:underline }
#contentWrapper .content a:hover	{ text-decoration:none }
#contentWrapper .content ul			{ margin-left:15px; }
#contentWrapper .content a.verylink {
	color: #35842e;
	display: block;
	padding-left: 12px;
	text-decoration: none;
	background-image: url('/images/layout/bullet-frontpage-groen.gif');
	background-repeat: no-repeat;
	background-position: left 4px;
}


#contentWrapper .blokken				{ width:230px; float:left; margin:23px 0 0 0; }
#contentWrapper .blok						{ width:190px; padding:20px 20px 20px 20px; background-color:#ebbc26; height:175px; overflow:hidden; }
#contentWrapper .blok h2				{ margin:0 0 10px 0; }





/* vacatures */
#contentWrapper .content table.vacatures {
	margin-top: 2em;
}

#contentWrapper .content table.vacatures th, table.vacatures td {
	padding-bottom: 0.4em;
}

#contentWrapper .content table.vacatures th {
	
	background-image:none;
	background-color:Transparent;
	text-align: left;
	font-size:1.2em;
}

#contentWrapper .content table.vacatures th a {
	text-decoration: none;
	
}




/* medewerkers */
div.medewerkerslijst {
	float: left;
}

div.medewerkerslijst div.medewerker {
	width: 150px;
	height: 185px;
	float: left;
	text-align: center;
	margin-bottom: 1em;
	margin-right: 5px;
	cursor: pointer;
}

div.medewerkerslijst div.medewerker img {
	!width: 100px;
	!height: 116px;
}

div.medewerkerslijst div.medewerker p {
	margin: 0;
}

div.medewerkerslijst div.medewerker div.medewerker-detail {
	display: none;
	position: absolute;
	padding: 1em;
	width: 180px;
	text-align: left;
	background-color: #dddddd;
	border: 1px solid #aaaaaa;
	cursor: auto;
}




/* submenu linkerkant */

#contentWrapper .menu h2 {
	/*margin-left: -16px;
	margin-right: -16px;
	width:100px;*/
	margin-left: -4px;
	text-align: center;
	font-size: 24px;
	/*background-color: red;*/
}

#contentWrapper .menu ul {
	font-size: 12px;
	margin: 20px 0 0 30px;
	
	padding: 0;
	list-style: none;
}

#contentWrapper .menu ul li {
	padding-left: 16px;
	margin-bottom: 3px;
	width: 300px;
}

#contentWrapper .menu ul li.active {
	background-image: url('/images/layout/bullet-submenu-blauw.gif');
	background-repeat: no-repeat;
	background-position: left 4px;
}

#contentWrapper .menu ul li a {
	color: #35842e;
	text-decoration: none;
}

#contentWrapper .menu ul li.active a {
	color: #012959;
}





/* formulier */
#contentWrapper .content table.formulier {
	width: 100%;
}

#contentWrapper .content table.formulier td, table.formulier th {
	text-align: left;
	vertical-align: top;
	padding-bottom: 1em;
	background-image:none;
	background-color:Transparent;
}

#contentWrapper .content table.formulier th {
	text-align: right;
	padding-right: 1em;
	padding-top: 0.3em;
}

#contentWrapper .content table.formulier td {
	width: 350px;
}

#contentWrapper .content table.formulier td input.text, #contentWrapper .content table.formulier td textarea {
	font-size: 9pt;
	width: 300px;
	border: 1px solid #a5acb2;
}

#contentWrapper .content table.formulier td textarea {
	font-family: sans-serif;
}

#contentWrapper .content table.formulier td input.fout {
	background-color: #ffcdcd;
}

#contentWrapper .content table.formulier td input.button {
	width: 60px;
	font-size: 9pt;
}

#contentWrapper .content table.formulier span.verplicht {
	color: red;
}

#linkedinForm { margin:10px 0 20px 0; }
#linkedinForm table { margin:10px 0 0 0; }
#linkedinForm input[type=text] { width:320px; background-color:#ebbc26; border:1px solid #003366; color:#003366; }
#linkedinForm textarea { width:320px; height:60px; background-color:#ebbc26; border:1px solid #003366; color:#003366; }
#linkedinForm .red { color:red; }
#linkedinForm .button { margin:10px 8px 0 0; padding:4px 15px; font-weight:bold; background-color:#14325c; color:#FFF;  }