/*
#################
#	ALGEMEEN	#
#################
*/
body, html,
h1, h2, h3, h4, h5, h6,
p,
ul, ol, li,
dl, dt, dd
{
	margin: 0; padding: 0;
}
html { font: 62.5%/200% Arial, Verdana, Tahoma, sans-serif; overflow-y: scroll; }
body { padding-bottom: 2em; font-size: 1.2em; background: url(/img/achter.jpeg) no-repeat center 100px; }
body#tell-a-friend {
	background: none;
}

.block { display: block; }
.hidden { visibility: hidden; }
.invisible { display: none; }
.f-left { float: left; }
.f-right { float: right; }
.clear { clear: both; }
.links { text-align: left; }
.midden { text-align: center; }
.rechts { text-align: right; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.center { display: block; margin: auto; }
.absolute { position: absolute; }
.relative { position: relative; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
ul.none, ol.none { list-style: none; }
a:hover, a:focus, a.none { text-decoration: none; }
a.none:hover, a.none:focus { text-decoration: underline; }

img { border: none; }
p, div.alinea { margin-bottom: 1.2em; font-size: 11px; }
div.wrapper, .overflow { overflow: hidden; }

/*
################
#	LAYOUT	   #
################
*/

/* Google Maps
------------------------------------------------------------------*/
div#google-maps { height: 390px; }

/* Container
------------------------------------------------------------------*/
div#container {
	width: 945px;
	margin: auto;
}

/* Bovenste deel */
div#header { padding: 14px 0 0 0; }
div#header h2 { margin: 15px 13px 0 0; }

h1#logo,
div#about h1 {
	float: left;
	width: 129px;
	height: 60px;
	margin-right: 51px;
	text-indent: -9999px;
	background: url(/img/logo.jpg) no-repeat;
}

div#about h1 {
	float: none;
	margin-right: 0; margin-bottom: 76px;
	background-image: url(/img/logo-about.gif);
}

h1#logo a,
div#about h1 a {
	display: block;
	height: 62px;
}

div#breadcrumbs {
	float: left;
	width: 340px;
	margin-top: 7px;
	color: #006e7b;
}

div#breadcrumbs a { color: #006e7b; }

img.recruit {
	float: left;
	display: block;
	margin-top: 16px;
}

/* inhoud container */

div.kolom-wrapper {	margin-top: 106px; overflow: hidden; height: 1%; }

/* About-blok
------------------------------------------------------------------*/
div#about {
	display: none;
	position: absolute;
	width: 401px; height: 460px;
	margin-left: -40px; padding: 13px 80px 0 40px;
	z-index: 2;
	background: url(/img/about.png) no-repeat;
}

/* Linkerblok
------------------------------------------------------------------*/
div.left {
	float: left;
	width: 222px;
	min-height: 482px;
	padding: 13px 14px 0 14px; margin-right: 12px;
	background: #fff;
}

div.left-detail {
	width: 354px;
	padding: 20px 14px 60px 14px;
}

div.left-gegevens {
	padding-top: 20px;
	min-height: 475px;
}

/* Middenblok
------------------------------------------------------------------*/
div.middle {
	width: 340px;
	padding: 11px 0 11px 20px;
	margin: 0 auto;
	/* overflow: auto; */
	position: relative;
	background: #fff;
}

div.functies {
	position: absolute;
	width: 352px;
	margin: -44px auto 0;
	padding-top: 8px;
	border-top: 2px solid #80b7bd;
}

div.functies-middle { margin-left: 295px; }
div.functies-contact { margin-left: 276px; }
div.functies-vacature { margin-left: 164px; }

div.middle-home { width: 360px; padding: 0; }

div.middle-contact {
	float: left;
	margin: 0;
}

div.adresgegevens {
	margin-bottom: 2em;
}

div.middle-contact p,
div.middle-contact div.alinea { color: #000; }

div.sub-links {
	float: right;
}

div.sub-links2 { margin: 0; }
div.sub-links-left { float: left; }

div.sub-links a.groen {
	float: left;
	display: block;
	text-align: center;
	width: 52px;
	color: #fff;
	font-size: 11px;
	border: 1px solid #80b7bd;
	border-width: 1px 0;
	padding: 0; margin-left: 2px;
	background:	#3a6772;
}

div.sub-links a.groen-abbo {
	width: auto;
	padding: 3px 5px;
}

div.sub-links a.groen-abbo2 { width: 75px; }

div.sub-links a.groen-kleiner {
	padding: 0 0 0 10px;
	background: #3a6772 url(/img/pijl-links.gif) no-repeat 8% 50%;
}

div.sub-links a.groen-kleiner1 { padding: 0 11px 0 9px; width: auto; }

div.sub-links a.groen-kleiner2 {
	width: auto;
	padding: 0 24px 0 11px;
	background: #3a6772 url(/img/pijl-rechts.gif) no-repeat 92% 50%;
}

div.sub-links span.verplicht {
	float: left;
	display: block;
	color: #006e7b;
	width: 100px;
	font-size: 11px;
	margin-right: 200px;
}

div.links-midden {
	background: url(/img/links-midden.gif) repeat-y;
}

div.kolom-wrapper-content div.middle {
	width: 352px;
	line-height: 160%;
	padding: 20px 14px 60px;
	color: #006E7B;
}

div.middle h1,
h1.border {
	margin-bottom: .8em;
	padding-bottom: .4em;
	border-bottom: 2px solid #7fb6bd;
}

div.middle a { color: #006e7b; }

div.kolom-wrapper-content div.middle-job {
	width: 816px;
	padding: 20px 14px 0 14px;
}

div.kolom-wrapper-jobd { padding: 0 150px; }
div.kolom-wrapper-gegevens { padding: 0 81px; }

/* Vacatures
------------------------------------------------------------------*/
div.searchPager {
	font-size: .9em;
	margin-top: 1em;
	overflow: hidden; height: 1%;
	padding: 8px 0;
	text-align: right;
	border-top: 2px solid #80b7bd;
}

dl.content div.searchPager a {
	padding: .2em 8px;
	color: #fff;
	text-decoration: none;
	background: #3A6772;
}

dl.content div.searchPager a:hover,
dl.content div.searchPager a:focus {
	text-decoration: underline;
}

/* Rechterblok
------------------------------------------------------------------*/
div.right {
	float: right;
	width: 222px;
	padding: 13px 14px 0 14px;
	min-height: 482px;
	background: #fff;
}

div.right-contact {
	width: 272px;
	height: 387px;
	padding-top: 0;
	background: none;
}

div.right-breed { width: 492px; padding-bottom: 20px;}

/*
####################
#	LIJSTEN	   #
####################
*/
ul#hoofdmenu li { padding-bottom: 4px; }

ul#hoofdmenu li a {
	display: block;
	color: #d4d3d3;
	font-size: 19px;
	text-decoration: none;
	height: 1%;
}

ul#hoofdmenu li a:hover,
ul#hoofdmenu li a:focus { color: #000; }

/* ABOUT UL / DL
------------------------------------------------------------------*/
div#about ul.menu {
	float: left;
	width: 140px;
}

div#about ul.menu li a {
	color: #006e7b;
	font-size: 18px;
}

div#about dl {
	float: right;
	width: 240px;
	height: 268px;
	padding-right: 5px;
	overflow: auto;
}

div#about dl dt {
	margin-bottom: 10px;
	border-bottom: 2px solid #006e7b;
}

div#about dl dd {
	color: #006e7b;
	line-height: 15px;
	font-size: 11px;
}

div#about dl dd a { color: #006e7b; }

/* CONTENT DL
------------------------------------------------------------------*/
div#send-container { padding: 12px 0 0 0; }

dl.content dd {
	padding: 12px 0 0 0;
	color: #006e7b;
	border-top: 2px solid #80b7bd;
}

dl.content dd.inhoud {
	position: relative;
	padding-bottom: 1em;
	font-size: .9em;
}

dl.content dd.inhoud p { font-size: 100%; }

dl.content-smoothbox dt {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	padding-bottom: 1px;
}

dl.content-smoothbox dd {
	padding-top: 0;
	color: #fff;
	border-top: 2px solid #7fb6bd;
	border-width: 2px 0 0 0;
}

dl.content dd a { color: #006e7b; }
dl.content dd h3 { font-size: 12px; margin-top: 1em; }

dl.content dd small {
	font-size: 11px;
	padding-right: 6px;
}

dl.content dd span.big {
	color: #272525;
	font-size: 14px;
	font-weight: bold;
}

dl.content ul { padding-bottom: 17px; }

dl.content div.alinea ul { list-style: disc; }
dl.content div.alinea ul li { margin-left: 20px; }

dl.content ul li {
	font-size: 11px;
}

dl.content-search {
	padding-bottom: 12px;
	border-bottom: 2px solid #80B7BD;
}

dl.content-search dd { padding-bottom: 8px; }

dl.content-search dd.border-none {
	border: none;
	padding: 15px 0 3px 0;
}

dl.content-search dd.border-none h3 { float: left; width: 638px; }

dl.content-search dd.border-none h3 a {
	float: left;
	color: #006e7b;
	font-size: 14px;
}

dl.content-search dd.border-none a {
	color: #000;
	font-size: 11px;
	line-height: 15px;
	display: block;
	padding-right: 260px; margin: 0;
}

/* LOCATIES UL
------------------------------------------------------------------*/
div.left ul.locaties li.eerste { border-top: 1px solid #b5c6ca; }
div.left ul.locaties li { border-bottom: 1px solid #b5c6ca; }

div.left ul.locaties li a {
	color: #000;
	font-size: 11px;
	font-weight: bold;
}

div.left ul.locaties li a:hover,
div.left ul.locaties li a:focus,
div.left ul.locaties li a.active { color: #006e7b; }

/* DL DETAIL
------------------------------------------------------------------*/
dl.detail {
	color: #006e7b;
	font-size: 11px;
	padding: 3px 0 5px 0;
	border-top: 2px solid #80b7bd;
}

dl.detail dt { color: #272525; line-height: 15px; }
dl.detail dd ul li { line-height: 15px; }

dl.detail2 { border-top: 2px solid #bfdbde; }

dl.gegevens {
	clear: both;
	overflow: hidden;
	padding-bottom: 13px;
}

dl.gegevens dt {
	position: relative;
	border: 2px solid #80b7bd;
	border-width: 2px 0;
	font-weight: bold;
	font-size: 14px;
	color: #006e7b;
	margin-bottom: 13px;
}

dl.gegevens dt span {
	position: absolute;
	right: 25px;
}

/* Errors
------------------------------------------------------------------*/
dl.content ul.errors {
	margin: 1em 0; padding: 0;
	list-style: disc;
	border: 3px solid #006E7B;
}

p.melding {
	margin: 1em 0; padding: 8px;
	text-align: center;
	line-height: 130%;
	border: 3px solid #006E7B;
}

dl.content ul.errors li {
	margin-left: 20px;
}

/* Erros in tell-a-friend
----------------------------------------*/
form#send ul.errors li {
	margin: .2em 0; padding: 2px 8px;
	list-style: none;
	border: 3px solid #fff;
}

form#send ul.success { margin: 1em 0 0; }
form#send ul.success li { margin: 0; padding: 0; border: none; }

div#close-popup {
	display: none;
	overflow: hidden; height: 1%;
	padding-top: .6em;
	text-align: right;
	border-top: 2px solid #7fb6bd;
}

div#close-popup a {
	float: right;
	padding: 0 14px;
	text-align: center;
	color: #006e7b;
	font-size: 11px;
	line-height: 150%;
	cursor: pointer;
	text-decoration: none;
	background: #fff;
}

div#close-popup a:hover,
div#close-popup a:focus { text-decoration: underline; }

/*
####################
#	FORMULIEREN	   #
####################
*/
/* Algemeen
------------------------------------------------------------------*/
form fieldset { border: none; }
form legend { display: none; }
input, textarea { padding: 3px 2px; }
textarea { overflow: auto; }
input, select { font-family: Arial, Verdana, Tahoma, sans-serif; }
input.button { font-family: Arial,Verdana,Tahoma,sans-serif; cursor: pointer; }

fieldset.none { border: none; margin: 0; padding: 0; }
fieldset.none legend { display: none; }
form ul, form ol, ul { list-style: none; }

/* Zoekformulier
------------------------------------------------------------------*/
form#zoeken { margin: 2px 0 0; padding: 0; }

form#zoeken input.text {
	float: left;
	width: 123px;
	border: none;
	color: #8f8f8f;
	font-size: 0.8em;
	padding: 4px 0 3px 20px;
	background: url(/img/zoek-bg.gif) no-repeat;
}

form#zoeken input.submit {
	float: left;
	padding: 0;
}

/* Jobinfo
------------------------------------------------------------------*/
div.jobinfo {
	float: left;
	width: 162px;
	margin-bottom: 1em;
}

/* JOBS FORM
------------------------------------------------------------------*/
form#cx_searchForm { padding: 0 0 10px 0; margin: 0; border-bottom: 2px solid #80B7BD; }
form#cx_searchForm ol li {
	float: left;
	width: 162px;
}

form#cx_searchForm ol li select {
	width: 140px;
	color: #999;
	font-size: 11px;
	border: 1px solid #999;
}

div.jobnav {
	margin-bottom: 1em;
}

form#cx_searchForm ol li small {	display: block; padding: 5px 0 0 0; }
form#cx_searchForm ol li.laatste { padding: 0; }
form#cx_searchForm ol li.laatste input {
	width: 100px;
	margin-top: 1px;
	padding: 1px 2px;
	font-size: 11px;
	color: #999;
}

form#cx_searchForm ol li.laatste input.button {
	width: auto;
	margin-top: 1px;
	padding: 1px 2px;
	font-size: 11px;
	color: #fff;
	border: none;
	background: #3A6772;
}

/* Personeel formulier
------------------------------------------------------------------*/
form#personeel li.date a {
	margin-left: 8px;
	font-size: .9em;
	color: #006E7B;
}

form#personeel fieldset { padding: 0; margin: 0; }

form#personeel ol li { margin-bottom: 4px; overflow: hidden; }
form#personeel ol li label {
	float: left;
	color: #000;
	font-size: 11px;
	width: 110px;
}

form#personeel ol li span { font-size: 11px; }

form#personeel ol li input.text {
	float: left;
	width: 196px;
	border: 2px solid #c9c8c8;
	font-size: 11px;
}

form#personeel ol li label.klein { width: 100px; }

form#personeel ol li div.outline-right { float: left; position: relative; margin-left: 30px; text-align: left; }
form#personeel ol li div.outline-right label { text-align: left; }
form#personeel ol li div.outline-left { float: left; position: relative; }

form#personeel ol li div.outline-right b { position: absolute; left: 92px; }

form#personeel ol li input.text-klein {
	width: 30px;
	margin: 0;
	text-align: center;
	border: 1px solid #c9c8c8;
}

form#personeel ol li textarea {
	float: left;
	width: 370px;
	font-size: 11px;
	height: 76px;
	border: 2px solid #c9c8c8;
	overflow: auto;
}

form#personeel ol li fieldset { float: left; }
form#personeel ol li fieldset ol li label { float: none; }
form#personeel ol li fieldset ol li { width: 60px; float: left; }

/* SEND A FRIEND formulier
------------------------------------------------------------------*/
form#send fieldset { padding: 0; }
form#send ol { border-bottom: 2px solid #7fb6bd; margin-bottom: 8px; }
form#send ol li { margin-bottom: 11px; }

form#send ol li label {
	float: left;
	font-size: 11px;
	width: 120px;
}

form#send ol li input.text {
	border: none;
	font-size: 11px;
	width: 232px;
}

form#send ol li textarea {
	width: 232px;
	height: 80px;
	font-size: 11px;
	border: none;
}

form#send input.button {
	float: right;
	width: 48px;
	margin-left: 12px;
	padding: 1px 0;
	text-align: center;
	color: #006e7b;
	font-size: 11px;
	cursor: pointer;
	border: none;
	background: #fff url(/img/pijl1.gif) no-repeat 90% 50%;
}

form#send input.button-cancel {
	padding: 2px 4px;
	background: #fff;
}

form#send input.button-send {
	text-align: left;
	padding: 1px 4px;
}

form#send span { font-size: 11px; }

/* Stuur-door-formulier
------------------------------------------------------------------*/
form#tell-a-friend { margin-bottom: 1em; }
form#tell-a-friend fieldset { border: 1px solid #efefef; }
form#tell-a-friend legend { display: inline; }
form#tell-a-friend li { padding: .4em 0; }
form#tell-a-friend label { float: left; width: 140px; }
form#tell-a-friend input { padding: 2px; width: 164px; }
form#tell-a-friend input.submit {
	width: auto;
	margin-top: 1em;
	color: #fff;
	border: none;
	cursor: pointer;
	background: #3A6772;
}

/* Webbeheer formulier
------------------------------------------------------------------*/
form.webbeheer-formulier fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

form.webbeheer-formulier legend { display: none; }

form.webbeheer-formulier ul.velden {
 	margin: 0;
	padding: 0;
	list-style: none;
}
form.webbeheer-formulier ul li {
	overflow: hidden;
	height: 1%;
	margin-bottom: .5em;
}
form.webbeheer-formulier ul li label {
	width: 180px;
	float: left;
}
form.webbeheer-formulier ul li input {
	float: left;
	margin: 0;
	padding: .1em .2em;
}
form.webbeheer-formulier ul li fieldset.radiogrouper { float: left; }

form.webbeheer-formulier fieldset.radiogrouper div {
	overflow: hidden;
	height: 1%;
}

form.webbeheer-formulier ul li fieldset.radiogrouper label { width: auto; }

/*
####################
#	TABELLEN	   #
####################
*/
/* Algemeen
------------------------------------------------------------------*/
table.full-width { width: 100%; }
tr,thead { vertical-align: top; }

/* JOB SEARCH
------------------------------------------------------------------*/
table#jobs-list thead {	padding: 0; margin: 0; }

table#jobs-list thead tr th {
	text-align: left;
	color: #272525;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 0; margin: 0;
	border-bottom: 2px solid #80B7BD;
}

table#jobs-list thead tr th.midden { text-align: center; }
table#jobs-list tbody tr td { padding: 7px 2px 5px; }

table#jobs-list tbody tr td { font-size: 11px; }

table#jobs-list tbody tr td.functie {
	font-weight: bold;
	font-size: 13px;
}

#application-submit {
	padding: .3em 20px .3em 8px;
	color: #fff;
	font-size: 11px;
	border: 1px solid #80B7BD;
	background: #3A6772 url(/img/pijl-rechts.gif) no-repeat scroll 92% 50%;
}

#application-submit:hover { border-color: #1D464F; }