/*
#####################################################################
#	Algemeen														#
#####################################################################
*/
/* Margin- en padding-reset
-------------------------------------------------------------------*/
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, object, input, select { margin: 0; padding: 0; }

/* Html & body
-------------------------------------------------------------------*/
html { font: 62.5%/200% Arial, Verdana, Tahoma, sans-serif; overflow-y: scroll; }
body { background: #fcffed url(/img/bg.gif) repeat-x top; font-size: 1.2em; }

/* Algemene classnames
-------------------------------------------------------------------*/
.nomargin, .nom { margin: 0; }
.nopadding .nop { padding: 0; }
.nomp { margin: 0; padding: 0; }

.block { display: block; }
.inline { display: inline; }

.center { display: block; margin: auto; }

.hide, .hidden { position: absolute; left: -9999px; }

.fleft { float: left; }
.fright { float: right; }

.clear { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }

.tcenter { text-align: center; }
.tleft { text-align: left; }
.tright { text-align: right; }

.vbottom { vertical-align: bottom; }
.vmiddle { vertical-align: middle; }
.vtop { vertical-align: top; }

.absolute { position: absolute; }
.relative { position: relative; }

.bold, .b, .strong { font-weight: bold; }
.em, .italic, .i { font-style: italic; }
.normal { font-weight: normal; }
.u, .underline { text-decoration: underline; }
.small { font-size: 11px; }
.lower { text-transform: lowercase; }
.upper { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }

.wide { width: 100%; }

.default { cursor: default; }
.pointer, .js-hover { cursor: pointer; }

/* Afbeeldingen
-------------------------------------------------------------------*/
img { border: none; display: block; vertical-align: middle; }

/* Flash
-------------------------------------------------------------------*/
object { display: block; }

/* Alinea's en paragafen
-------------------------------------------------------------------*/
p, div.alinea { margin-bottom: 20px; }

/* Overflow en clearfix
-------------------------------------------------------------------*/
.overflow { overflow: hidden; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* Headings
-------------------------------------------------------------------*/
h1 { font-size: 1.8em; color: #ef741a; font-size: 32px; line-height: 120%; margin-bottom: 20px; }
h2 { font-size: 1.5em; color: #414141; font-size: 14px; margin-bottom: 10px; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }

/* Hyperlinks
-------------------------------------------------------------------*/
a { color: #ef741a; }
a.never-underline, a:hover, a:focus, a.none { text-decoration: none; }
a.none:hover, a.none:focus { text-decoration: underline; }
a span { cursor: pointer; }

div.alinea a.js-externe-link,
div.alinea a[rel*=external],
div.alinea a[href^="http:"] {
	background: url(/img/externe-link.gif) no-repeat right 50%;
	padding-right: 16px;
}

/* Locatiekaart
-------------------------------------------------------------------*/
div.locatiekaart { background: #e0f8b5; padding: 10px; margin-bottom: 20px; }
div.locatiekaart h2 { color: #465826; font-size: 28px; line-height: 40px; font-size: 20px; line-height: 25px; margin-bottom: 10px; }
div.locatiekaart div.kaartWrapper { border: 4px solid #95b759; background: #fff; height: 390px; }

/* Linkblok
-------------------------------------------------------------------*/
div.linkblok { margin-bottom: 20px; }
div.linkblok h2 a {
	background: url(/img/ijzer.png) no-repeat left -125px;
	padding-left: 45px;
	color: #7b7b7b;
	display:block;
	font-size: 28px;
	line-height: 40px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e9eed9;
	text-decoration:none;
}
div.linkblok div.bordered { float:right; margin-left: 10px;}
div.linkblok p { padding-bottom: 0; }
div.linkblok span.sub { display:block; font-style: italic; margin: 0 0 5px 45px; }

div.linkblokuitgelicht { border: 1px solid #fedbc1; padding: 1px; margin-bottom: 20px;}
div.linkblokuitgelicht div.linkblok { background: #fedbc1; padding: 10px 10px 20px; margin-bottom: 0;}
div.linkblokuitgelicht div.linkblok h2 a { background: url(/img/ijzer.png) no-repeat left 2px; border-bottom: 1px solid #fff; color: #ef741a; }
div.linkblokuitgelicht div.linkblok div.bordered { border: 1px solid #fff; }

div.linkblokarrangement { border: 1px solid #e6e6e6; padding: 1px; margin-bottom: 20px;}
div.linkblokarrangement div.linkblok { background: #f1f1f1; padding: 10px 10px 20px; margin-bottom: 0;}
div.linkblokarrangement div.linkblok h2 a { background: url(/img/ijzer.png) no-repeat left -125px; border-bottom: 1px solid #dedede; color: #616161; }
div.linkblokarrangement div.linkblok div.bordered { border: 1px solid #dedede; }

div.kolom-rechts div.linkblok { background: #e0f8b5; padding: 10px 10px 20px; margin-bottom: 20px;}
div.kolom-rechts div.linkblok h2 a { background: none; border-bottom: none; color: #465826; padding-left: 0; font-size: 20px; line-height: 25px; }

div.kolom-rechts div.linkblok .button.bordered { border: 1px solid #95b759;}
div.kolom-rechts div.linkblok .button .inner { background: #95b759; color: #465826; }
div.kolom-rechts div.linkblok:hover .button.bordered,
div.kolom-rechts div.linkblok:focus .button.bordered { border: 1px solid #4b5d2a;}
div.kolom-rechts div.linkblok:hover .button .inner,
div.kolom-rechts div.linkblok:focus .button .inner { background: #4b5d2a; color: #fff; }

div.overzichtsblokken div.linkblokarrangement { width: 455px; float: left; }
div.overzichtsblokken div.linkblokarrangement.rechts { float: right; }
div.overzichtsblokken div.linkblok { height: 185px; overflow: hidden; }
div.overzichtsblokken div.linkblok .button.bordered { border: 1px solid #95b559;}
div.overzichtsblokken div.linkblok .button .inner { background: #95b559; color: #465726; }
div.overzichtsblokken div.linkblok:hover .button.bordered,
div.overzichtsblokken div.linkblok:focus .button.bordered { border: 1px solid #465726;}
div.overzichtsblokken div.linkblok:hover .button .inner,
div.overzichtsblokken div.linkblok:focus .button .inner { background: #465726; color: #fff; }

/* Border
-------------------------------------------------------------------*/
.bordered { border: 1px solid #c2c2c2; padding: 1px; }

.button.bordered { text-decoration:none; padding: 1px 1px;border: 1px solid #ef741a; float: left; }
.button .inner {background: #ef741a;padding: 5px 10px;color: #fff;font-weight:bold; display: block; }
.js-hover .button.bordered,
.button.bordered:hover,
.button.bordered:focus { border: 1px solid #f54813; }
.js-hover .button .inner,
.button:hover .inner,
.button:focus .inner { background: #f54813; }

div.bordered img.illustratie { margin: 0 0 0 0; }
div.imageborder-rechts { float:right; margin-left: 10px; }
div.imageborder-links { float:left; margin-right: 10px; }
div.imageborder-gecentreerd { margin-bottom: 20px; }
p.illustratie { margin-bottom: 0; }

/* Bedrijven
-------------------------------------------------------------------*/
form#bedrijvenfilter {
	border: 1px solid #d1e6ae;
	background: #ebf5da;
	padding: 10px;
	margin-bottom: 20px;
}
form#bedrijvenfilter legend { display:block; color: #465826; font-weight:bold; font-size: 14px; margin-bottom: 10px; }
form#bedrijvenfilter li { float:left; margin-right: 15px; margin-top: 5px; }
form#bedrijvenfilter li.highlight { background: #d4eda6; padding: 5px; border: 1px solid #95b559; margin-top: 0; }
form#bedrijvenfilter select { width: 225px; }
form#bedrijvenfilter label { width: auto; float:none; margin-left: 5px; margin-right: 0;}
form#bedrijvenfilter li.highlight label { font-weight:bold; margin-left: 0; margin-right: 10px; }
form#bedrijvenfilter p { margin-top: 10px; margin-bottom: 0; }
form#bedrijvenfilter input.submit { background: #abcc6e; padding: 4px 10px; color: #465726; font-weight:bold; border: none; }
form#bedrijvenfilter input.submit:hover,
form#bedrijvenfilter input.submit:focus { color: #fff; }

p.resultaat { border: 1px solid #e6e6e6; padding: 5px; text-align:center; color: #000; font-weight:bold; margin-bottom: 20px; }

div.bedrijvenblokken div.linkblok { margin-bottom: 25px; padding-bottom: 20px; }
div.bedrijvenblokken div.bordered { float: left; margin: 0 10px 10px 0; }
div.bedrijvenblokken p.bold { margin-bottom: 0; }
div.bedrijvenblokken img { width: 140px; height: 140px; text-align:center; }
div.bedrijvenblokken p.intro { margin-top: 10px; margin-bottom: 0;}
div.bedrijvenblokken p.clear { padding-top: 10px; }

ul.usp { margin: 5px 0; overflow: hidden; }
ul.usp li {
	background: url(/img/vink.png) no-repeat left 4px;
	float:left; 
	margin-right: 10px; 
	color: #6b8a33;
	padding: 2px 0 2px 23px;
	width: 200px;
}
ul.uspsmall li { margin-left: 12px; width: 211px; }
ul.usp strong { font-weight:normal; }
ul.uspsmall li strong { font-weight:bold; }
div.bedrijvenblokken a.button { clear: both; }
div.bedrijvenblokken div.linkblok.js-hover h2 a { color: #000; }

div.bordered-faciliteiten { margin: 20px 0; }
dl.faciliteiten { background: #f1f1f1; padding: 10px 10px 20px; }
dl.faciliteiten dt { color: #616161; font-size: 1.6em; margin-bottom: 5px;}
dl.faciliteiten dd {
	background: url(/img/vink.png) no-repeat left 4px;
	float:left; 
	margin-right: 10px; 
	color: #616161;
	padding: 2px 0 2px 23px;
	width: 223px;
}

div.bordered-adres { border: 1px solid #E0F8B5; margin-bottom: 20px; }
div.bordered-adres div.content { background: #E0F8B5; padding: 10px; }

/* CTA
-------------------------------------------------------------------*/
div.cta {border: 1px solid #ee5d30;margin-bottom: 20px; width: 336px; }
div.ctainner {background: url(/img/cta.gif) no-repeat -338px center;padding: 10px 90px 10px 10px;color: #fff;}
div.cta.js-hover div.ctainner { background: url(/img/cta.gif) no-repeat 0 center; }
div.cta a { color: #fff; text-decoration:none; }
div.cta h2 {margin-bottom: 2px; font-size: 20px; line-height: 110%;}
div.cta p { margin-bottom: 0; }

/* Zie ook
-------------------------------------------------------------------*/
dl.zieook {background: #ffe7d6;padding:10px;}
div.border-zieook { border: 1px solid #ffe7d6; margin-bottom:20px; width: 336px;}
dl.zieook dt {margin-bottom:20px;color: #ef741a; font-size: 20px;font-weight:bold;}
dl.zieook a {
	background: url(/img/ijzer.png) no-repeat left 0;
	padding: 5px 5px 10px 50px;
	border-bottom: 1px solid #fff;
	display:block;
	margin-top: 10px;
	font-weight: bold;
	text-decoration:none;
}
dl.zieook dd.active a,
dl.zieook a:hover,
dl.zieook a:focus { background: url(/img/ijzer.png) no-repeat left -127px; text-decoration:underline; }

div.submenu-zieook { border-color: #e0f8b5; }
div.submenu-zieook dl.zieook {background: #e0f8b5;}
div.submenu-zieook a, div.submenu-zieook dt { color: #465826; }

/* Lijsten
-------------------------------------------------------------------*/
ul, form ol { list-style: none; }

div.alinea ul { margin-left: 0!important; }
div.alinea ul li {
	list-style: none;
	background: url(/img/vink.png) no-repeat left 4px;
	padding: 2px 2px 2px 23px;
}

/* Formulieren
-------------------------------------------------------------------*/
label {
	float: left;
	margin-right: 10px;
	vertical-align: middle;
	width: 180px;
}
.keuze label,
.form-input-multipleselect li label {
	display: block;
	float: none;
	margin-left: 20px;
	width: auto;
}
.keuze label.multiple-title { font-weight: bold; margin-left: 0; }

input { vertical-align: middle; }
input.text, textarea {
	padding: 2px 3px;
	vertical-align: middle;
	width: 260px;
}
textarea { font-size: 12px; overflow: auto; }
select { vertical-align: middle; width: 268px; }
select.auto, li.form-input-date select { width: auto; }
textarea { height: 80px; }
input, select, textarea { font-family: Arial, Verdana, Tahoma, sans-serif; }
input.radio, input.checkbox { left: 0; position: absolute; top: 7px; }  /*ie6*/
input.button, input.submit { cursor: pointer; overflow: visible; }

fieldset { border: none; margin: 0; padding: 0; }
legend { display: none; }

form li { margin: 5px 0; position: relative; }
form .keuze li { margin: 0; }

form em.verplicht { margin-left: 4px; }
form img.unitip { position: absolute; right: 3px; top: 2px; }

/* Tabellen
-------------------------------------------------------------------*/
th, td { padding: 3px; }
th { text-align: left; }

/* Highlighted
--------------------------------------------------------------------*/
.highlighted { background-color: #d4eda6; color: #465726; padding: 2px; }

/* Overig
-------------------------------------------------------------------*/
address { font-style: normal; }

/*
#####################################################################
#	Standaard-elementen												#
#####################################################################
*/

/* Illustraties
-------------------------------------------------------------------*/
p.illustratie img { margin: 0 auto; }
p.illustratie span {
	display: block;
	font-size: .9em;
	font-style: italic;
	text-align: center;
}
img.illustratie {
	float: right;
	margin-right: 0; margin-left: 8px;
}
img.illustratie-links {
	float: left;
	margin: .5em 8px .3em 0;
}
div.zijkolom img.illustratie {
	display: block;
	float: none;
	margin: 0 auto 2em;
}

/* Preview
-------------------------------------------------------------------*/
div.preview { margin-bottom: 2em; }
div.preview h2 { font-size: 1.3em; }
div.preview p { margin-bottom: 0; }

/* Zoekresultaten
-------------------------------------------------------------------*/
div.zoekresultaat { margin-bottom: 1.2em; }

/* Optie-menu (mail & stuur door)
-------------------------------------------------------------------*/
ul#opties { float: right; padding: 10px; }
ul#opties li { float: left; margin-left: 14px; }
ul#opties a {
	background: url(/img/opties.gif) no-repeat 0 .5em;
	color: #808080;
	display: block;
	padding-left: 18px;
}
ul#opties a.mail { background-position: -289px .4em; }

/* Error-menu
-------------------------------------------------------------------*/
ul.errors, ol.errors, li.input-error, div.form-error {
	background: #fff;
	border: 2px dotted #465826;
	color: #000;
	margin: 1em 0;
	padding: 10px;
}
ul.errors li, ol.errors li { 
	list-style: disc;
	margin: 0 0 0 20px;
	padding: 10px; 
}

li.input-error,
div.form-error { padding: 10px !important; }

li div.input-error,
div.form-error { font-weight: bold; }

/* FCK-editor-lijst
-------------------------------------------------------------------*/
div.alinea ul { list-style: disc; }
div.alinea ul, div.alinea ol { margin: 1em 0 1em 16px; }
div.alinea ol { margin-left: 24px; }

/* Sitemap
-------------------------------------------------------------------*/
ul.sitemap { list-style: disc; margin: 0 0 1em 24px; }

/* Webbeheer formulier
-------------------------------------------------------------------*/
div.webbeheer-formulier-thanks {
	background: none repeat scroll 0 0 #E1FFCD;
	border: 2px solid #56A721;
	line-height: 140%;
	padding: 8px;
}
div.webbeheer-formulier-thanks p { margin-bottom: 0; }

form.webbeheer-formulier { background: #ecf6da; border: 1px solid #d2e7ae; padding: 10px; margin-bottom: 20px; }
form.webbeheer-formulier label { float:none; display:block; font-weight:bold; color: #383a34; }
form.webbeheer-formulier li { padding: 4px 0; }
form.webbeheer-formulier input.text,
form.webbeheer-formulier select,
form.webbeheer-formulier textarea { width: 98%; border: 1px solid #d2e7ae; }
form.webbeheer-formulier input.text:focus,
form.webbeheer-formulier select:focus,
form.webbeheer-formulier textarea:focus { border-color: #afc191; }
form.webbeheer-formulier input.button { background: #aacc6e; color: #465826; border: none; padding: 5px 10px;font-weight:bold;}
form.webbeheer-formulier input.button:hover,
form.webbeheer-formulier input.button:focus { color: #fff; }

li.form-input-multipleselect label { font-weight:normal; }
form.webbeheer-formulier li.form-input-multipleselect { padding-bottom: 0; }
li.form-input-multipleselect label.multiple-title {font-weight:bold;}
li.form-input-date select { width: 20%; }

/* Zoekformulier
-------------------------------------------------------------------*/
form#zoeken { border: 1px solid #d2e7ae; background: #ecf6da; padding: 19px; margin-top: 25px; width: 285px;}
form#zoeken, form.zoekformulier fieldset { float: right; clear: both;}
form#zoeken input { float: left; }
form#zoeken input.text { margin-right:1px; width: 210px; border: 1px solid #d2e7ae; }
form#zoeken input.text:focus { border: 1px solid #b6ca93; }
form#zoeken input.button { background: #95b759; color: #465826; border: none; font-weight: bold; padding: 2px 5px; float: right; width: 60px;}
form#zoeken input.button:hover,form#zoeken input.button:focus{color:#fff;}

/* FCK-editor-tabel
-------------------------------------------------------------------*/
div.alinea table,
table.webapp-table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	color: #545454;
	width: 100%;
}

div.alinea table caption,
table.webapp-table caption {
	font-style: italic;
	margin: 1em 6px 3px;
	text-align: left;
}

div.alinea table td,
div.alinea table th,
table.webapp-table td,
table.webapp-table th {
	border: 1px solid #d8d8d8;
	padding: .2em 4px;
}

/*
#####################################################################
#	Layout															#
#####################################################################
*/

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

/* Nieuws
-------------------------------------------------------------------*/
ul.nieuwsitems { color: #414141; list-style: none; margin-bottom: 40px; }
ul.nieuwsitems h2 { font-size: 20px; }
span.date { font-style: italic; display:block; margin-bottom: 10px; }
ul.nieuwsitems li {
	border-bottom: 1px dotted #d1d1d1;
	padding: 10px;
}
ul.nieuwsitems li.first {border-top: 1px dotted #d1d1d1;}
ul.nieuwsitems p { margin-bottom: 10px; }
ul.nieuwsitems a { font-weight:bold; text-decoration:none; }
ul.nieuwsitems li.js-hover { background: #ecf6da; }

dl.nieuwsitems dt { 
	font-size: 20px; 
	color: #414141; 
	font-weight:bold; 
	border-bottom: 1px dotted #d1d1d1; 
	padding: 0 10px 10px; 
}
dl.nieuwsitems dd { border-bottom: 1px dotted #d1d1d1; }
dl.nieuwsitems a { font-size: 12px; display:block; float:left; text-decoration:none; }
dl.nieuwsitems span.date { float: right; font-weight:normal; font-size: 12px; margin-bottom: 0;}
dl.nieuwsitems h2 { margin-bottom: 0; padding: 4px 10px; }

dl.nieuwsitems dd.js-hover { background: #ecf6da; }

/* Gallerij
-------------------------------------------------------------------*/
ul.gallerij { overflow:hidden; clear:both;}
ul.gallerij li { float:left; margin: 0 17px 17px 0; }
ul.gallerij li.last { margin-right: 0; }

/* Header
-------------------------------------------------------------------*/
a.logo { width: 400px; height: 145px; display:block; float:left;}
img#logo { float:left; position: absolute; z-index: -1; }

div#header { position: relative; height: 220px; margin-bottom: 20px; }
div#header div.top { height: 145px; }
ul#topmenu { float:right; }
ul#topmenu li { float:left; margin: 4px 0 0 4px;}
ul#topmenu a { 
	display: block; 
	color: #383a34;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;
	padding: 8px 10px;
}
ul#topmenu a:hover,
ul#topmenu a:focus,
ul#topmenu a.active { background: #95b759; color: #fff; }

/* Hoofdmenu
-------------------------------------------------------------------*/
ul#hoofdmenu { float:right; }
ul#hoofdmenu li { float: left; margin: 4px 0 0 4px;}
ul#hoofdmenu a {
	display: block; 
	padding: 10px 10px 11px; 
	color: #465826; 
	text-decoration: none; 
	font-size: 14px;
	font-weight: bold;
}
ul#hoofdmenu a:hover,
ul#hoofdmenu a:focus,
ul#hoofdmenu a.active { background: #fcffed; color: #ef741a; }

ul#hoofdmenu ul {
	clear: both;
	display: none;
	position: absolute;
	width: 200px;
}
ul#hoofdmenu li:hover ul,
ul#hoofdmenu li.hover-ie ul { display: block; }
ul#hoofdmenu ul li { float: none; }
ul#hoofdmenu ul a { padding: 0; }

ul#hoofdmenu a img.non-hover,
ul#hoofdmenu a:hover img.hover,
ul#hoofdmenu a:focus img.hover,
ul#hoofdmenu a.active img.hover { display: block; }

ul#hoofdmenu a img.hover,
ul#hoofdmenu a:hover img.non-hover,
ul#hoofdmenu a:focus img.non-hover,
ul#hoofdmenu a.active img.non-hover { display: none; }

/* Breadcrumbs
-------------------------------------------------------------------*/
p#breadcrumbs { padding: 5px 0; }
p#breadcrumbs a { color: #383a34; }

/* Kolommen
-------------------------------------------------------------------*/
div.kolom-wrapper {
	float: left;
	width: 730px;
}
div.kolom-midden {
	float: left;
	width: 545px;
}
div.kolom-links {
	float: left;
	width: 200px;
}
div.kolom-rechts {
	float: right;
	width: 340px;
}
div.zijkolom { min-height: 10px; overflow: hidden; }

body#component-homepage div.kolom-midden,
body#component-homepage div.kolom-rechts { width: 460px; }

div.padding { padding-top: 20px; }

/* Footer
-------------------------------------------------------------------*/
div#footer { margin-top: 50px; position:relative; }
div#footer div.inner { background: #d4eea6; height: 50px; }
div#footer div.content { margin: 0 auto; width: 940px; position:relative;}
div#footer div.ijzer { 
	background: url(/img/footer.gif) no-repeat left; 
	padding: 10px 0 0 130px;  
	height: 62px; 
	position: absolute; 
	top: -38px; left: 0;   
	width: 810px; 
}
div#footer p { margin-bottom: 0; }
div#footer p.tcenter { margin-top: 17px; color: #657a41; }
div#footer p.tcenter a { color: #657a41; }
div#footer p.fleft a { margin-right: 10px; font-weight:bold; color: #657a41; }

/* Borders
-------------------------------------------------------------------*/

/* iFader
------------------------------------------------------------------*/
div.ifader { position: relative; margin-top: -50px; height: 177px; border: 1px solid #95b759; border-top: none; }
div.ifader img.menuovaal { position: absolute; top: 0; left: 4px; z-index: 5; }
div.ifader ul.ifader-nav { position: absolute; z-index: 5; }	/* Indien deze boven de items moet komen te liggen */
div.ifader div.ifader-item { left: 0; position: absolute; top: 0; z-index: 0; margin-left: 2px; width: 934px; height: 175px; }