/*
#####################################################################
#	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; min-height: 100%; overflow-y: scroll; }
body { background: #d0e0eb; 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: 1.2em; font-size: 13px; }

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

/* Headings
-------------------------------------------------------------------*/
h1,h2,h3 {
	font-family: proxima-nova,sans-serif;
	font-weight: 600;
	line-height: 120%;
}
h1 { font-size: 1.8em; margin-bottom: 10px; }
h2 { font-size: 1.5em; margin-bottom: 10px; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }

body#component-searchengine h1{ margin-bottom: .5em; }

/* Hyperlinks
-------------------------------------------------------------------*/
a { color: #466BBA; }
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;
}

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

/* 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: 3px; }  /*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: 0; top: 2px; }

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

/* Highlighted
--------------------------------------------------------------------*/
.highlighted { background-color: #ff7200; color: #fff; }

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

/*
#####################################################################
#	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: 0 20px .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; overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px; }
div.zoekresultaat h2{ margin-bottom: 5px; }
div.zoekresultaat h2 a{ text-decoration: none; }
div.zoekresultaat h2 a:hover{ text-decoration: underline; }
div.zoekresultaat p{ margin-bottom: 3px; }
/* Optie-menu (mail & stuur door)
-------------------------------------------------------------------*/
ul#opties { float: right; }
ul#opties li { float: left; }
ul#opties a {
	background: url(/img/opties.png) no-repeat top left;
	display: block;
	width: 16px;
	height: 15px;
	text-indent: -9999px;
}
ul#opties a.mail { background-position: top right; margin-right: 15px; }
ul#opties a:hover,ul#opties a:focus { background-position: left bottom; }
ul#opties a.mail:hover,ul#opties a.mail:focus { background-position: bottom right; }

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

li.input-error,
div.form-error { padding: 5px; }

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 { margin: 20px 0; }
form.webbeheer-formulier li.form-input-radio ul,
form.webbeheer-formulier li.form-input-checkbox { margin-left: 190px; }

input.button {
	background: #466BBA;
	border: none;
	cursor:pointer;
	padding: 5px 7px;
	text-align:center;
	color: #fff;
	text-shadow: 1px 1px 0 #294E97;	
}
input.button:hover,input.button:focus { background: #7E99CF; }

form.webbeheer-formulier textarea,
form.webbeheer-formulier select,
form.webbeheer-formulier span.form-input-radio-textfield input,
input.text {
	background: #fff;
	border: 1px solid #EDE0D7;
	padding: 3px;
	color: #8A8A8A;
	width: 260px;
}
input.text:focus { border: 1px solid #D1AF98; }

/* Zoekformulier
-------------------------------------------------------------------*/
form#zoeken, form.zoekformulier fieldset { float: right; }
form#zoeken {
	background: url(/img/zoeken.png) no-repeat;
	float:right;
	width: 180px;
	margin: 25px 16px 0 0;
}
form#zoeken input { float: left; border: none; background: none; line-height: 24px; }
form#zoeken input.text { width: 140px; padding: 0 10px; height:24px;  font-size: 11px;}
form#zoeken input.button { float:right; width: 20px; height: 24px; }

/* 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.contentWrapper { background: url(/img/bg.png) repeat-y center; }
div.innerContent { width: 976px; margin: 0 auto; }
div.whitebg { background: #F6F6F6; border-bottom: 6px solid #466BBA; font-family: proxima-nova,sans-serif; }

/* Header
-------------------------------------------------------------------*/
div#header { margin: 0 auto; width: 976px; position:relative; z-index: 0; overflow: hidden;}
div#logo{ background: #D0E0EB; height: 100%; width: 240px; position: relative; z-index: 10; padding: 20px 0 25px;}

ul.hoofdmenubackground { position:absolute; right: -145px; bottom: -101px; z-index: 0; height: 145px; }
ul.hoofdmenubackground li { float:left; height: 145px;}
body.js-on ul.hoofdmenubackground { right: -145px; }

/* Hoofdmenu
-------------------------------------------------------------------*/
div.hoofdmenuWrapper { background: #F9F9F9; border-bottom: 6px solid #fa8127; position:relative; z-index: 10; }
ul#hoofdmenu { float:left; width: 760px; }
ul#hoofdmenu li { float: left; }
ul#hoofdmenu a {
	font-family: proxima-nova,sans-serif;
	font-weight: 600;
	font-size: 14px;
	display: block; 
	padding: 29px 10px 25px; 
	text-decoration:none;
	color: #466BBA;
}
ul#hoofdmenu a:hover,ul#hoofdmenu a:focus,ul#hoofdmenu a.active { color:#2A2A2A; }

/* Breadcrumbs
-------------------------------------------------------------------*/
ul#breadcrumbs { width: 480px; float:left; margin-bottom: 20px; }
ul#breadcrumbs li { background: url(/img/pijl-rechts.png) no-repeat 0 9px; float:left; padding-left: 12px; margin-right: 6px; }
ul#breadcrumbs li.first { background:none; padding-left:0; }
ul#breadcrumbs a { color: #9F9F9F; text-decoration:none; }
ul#breadcrumbs a:hover,ul#breadcrumbs a:focus,ul#breadcrumbs a.active{ color: #466BBA; }

/* Kolommen
-------------------------------------------------------------------*/
div.kolom-wrapper {
	float: left;
	width: 730px;
}
div.kolom-midden {
	float: right;
	margin: 20px 216px 0 0;
    width: 540px;
}
body#component-languageroot div.kolom-midden{
	margin: 20px 16px 0 0;
}
div.kolom-links {
	float: left;
	width: 200px;
}
div.kolom-rechts {
	float: right;
	width: 200px;
}
div.zijkolom { min-height: 10px; overflow: hidden; padding: 0 10px;  }


body#component-languageroot div.kolom-midden { width: 520px; float: left; padding: 0; }
body#component-languageroot div.homeintro { padding: 30px 40px 10px; background: #fff; margin-bottom: 30px; }
body#component-languageroot div.kolom-rechts { width: 336px; margin-top: 20px; padding-right: 20px; }

dl.zijmenu { padding: 20px 0; border-bottom: 1px solid #EDE9E3; }
dl.zijmenu a { display:block; padding: 3px 0; color: #2A2A2A; text-decoration:none; font-weight: 500; }
dl.zijmenu a:hover,dl.zijmenu a:focus,dl.zijmenu a.active { color: #466BBA;  }
dl.zijmenu dt,
dl.zijmenu dt a { color:#2A2A2A; font-size: 16px; font-weight: 800; text-decoration:none; }
dl.zijmenu dd ul.submenu { list-style: disc;}
dl.zijmenu dd ul.submenu-level-2 { display: none; margin-left: 10px; list-style: none;} 
dl.zijmenu dd:hover ul.submenu-level-2 { display: block;}


/* Leden fader
-------------------------------------------------------------------*/
div.js-ifader { padding-bottom: 12px; }
body#component-languageroot div.js-ifader-item { background: #F6F6F6; width: 520px; height: 212px; }
body#component-languageroot div#ifader h2 a { color:#2a2a2a; text-decoration:none; font-size: 18px;  }
body#component-languageroot div#ifader div.rechts { float:right; width: 245px; margin-right: 20px; }
body#component-languageroot div#ifader img { float:left; margin-left: 35px;}
body#component-languageroot div#ifader a { color: #FA8127; text-decoration:none; font-weight:bold; font-size: 14px; }
body#component-languageroot div#ifader a.leesmeer{
	color: #466BB9;
}

body#component-languageroot h2.ledenKMG { margin-left: 35px; font-size: 1.6em; font-weight: 800;}
body#component-languageroot h2.ledenKMG a { color: #000; text-decoration: none; }
body#component-languageroot h2.ledenKMG a:hover,
body#component-languageroot h2.ledenKMG a:focus { color: #466bba; }

/* Footer
-------------------------------------------------------------------*/
div#footer { width: 976px; margin: 5px auto; font-family: proxima-nova,sans-serif; }
div#footer p { margin-bottom: 0; }
div#footer div.boven a { color: #000}
div#footer a { font-weight:bold; color: #B3ABA0; text-decoration:none; }
div#footer a:hover,div#footer a:focus { text-decoration:underline; }
div#footer span.zwart { color: #000; font-weight: bold;}

div#footer div.adres { float:left; width: 256px; }
div#footer div.nieuwsbrief { width: 384px; float:left; }
div#footer div.nieuwsbrief legend { display:block; font-size: 13px; font-weight:bold; color: #2A2A2A; }
div#footer dl.sponsor { float:right; width: 336px; }

div#footer div.onder { margin-top: 10px; border-top: 1px solid #D4CFC8; padding-top: 10px; color: #B3ABA0; }

/* Nieuws
-------------------------------------------------------------------*/
dl.nieuws { margin-bottom: 20px; }
dl.nieuws dt {
	font-family: proxima-nova,sans-serif; 
	font-weight: 800; 
	line-height: 120%; 
	color:#2A2A2A; 
	font-size: 1.6em; 
	margin-bottom: 10px;
}
dl.nieuws, dl.agenda { background: #fff; padding: 5px; }
dl.nieuws dd { padding: 5px; clear:both; }
dl.nieuws dd.js-hover{ background: #fff; cursor:pointer;}
dl.nieuws img { float:left; margin-right: 10px; }
dl.nieuws h2 { margin-bottom: 2px; line-height: 110%;}
dl.nieuws p { margin-bottom: 0; }
dl.nieuws a { font-size: 14px; color: #2A2A2A; text-decoration:none; }
dl.agenda dd.meer, dl.nieuws dd.meer { float: none; height: auto; width: auto; }
dl.agenda dd.meer a, dl.nieuws dd.meer a { color: #466bba; font-weight: bold; }

/* Nieuwspagina
-------------------------------------------------------------------*/
dl.newspreview { margin-bottom: 20px; }
dl.newspreview dt {
	font-family: proxima-nova,sans-serif; 
	font-weight: 800; 
	line-height: 120%; 
	color:#2A2A2A;
	font-size: 1.8em;
	margin-bottom: 20px;
}
dl.newspreview dd { margin-bottom: 20px; }
dl.newspreview img { float:left; margin: 0 10px 10px 0; }
dl.newspreview span.datum { color: #9E9E9E; }
dl.newspreview h2 { margin-bottom: 0; }
dl.newspreview h2 a {
	font-family: proxima-nova,sans-serif; 
	font-weight: 800; 
	line-height: 120%; 
	color:#2A2A2A; 
	text-decoration:none;
}
dl.newspreview a { color: #466BBA; text-decoration:none; font-weight:bold; }

dl.newspreview dd.mini {
	background: url(/img/archiefbullet.png) no-repeat 0 15px;
	border-bottom: 1px solid #E9E7E3;
	padding: 4px 0 4px 12px;
	margin-bottom: 0;
}
dl.newspreview dd.mini.js-hover { background: #fff url(/img/archiefbullet.png) no-repeat 0 15px; }
dl.newspreview dd.mini h2 { float:left; width: 400px; }
dl.newspreview dd.mini h2 a { font-size: 12px; }
dl.newspreview dd.mini p.datum { float:right; width: 115px; margin-bottom: 0; color: #9E9E9E; text-align:right;}

dl.newspreview span.jaartallen { float:right; }
dl.newspreview span.jaartallen a {
	border-left: 1px solid #9E9E9E;
	display:block; 
	float:left; 
	font-size: 16px; 
	color: #2A2A2A; 
	padding: 0 10px;
}
dl.newspreview span.jaartallen a.first{border:none;}
dl.newspreview span.jaartallen a:hover,dl.newspreview span.jaartallen a:focus,dl.newspreview span.jaartallen a.active {
	color: #466BBA;
}

p.agendadatum { width: 160px; height: 50px; color: #9E9E9E; float:left; font-size: 1.4em; }

/* Agenda
-------------------------------------------------------------------*/
dl.agenda { margin: 10px 0; }
dl.agenda dt {
	font-family: proxima-nova,sans-serif; 
	font-weight: 800; 
	line-height: 120%; 
	color:#2A2A2A; 
	font-size: 1.6em; 
	margin-bottom: 10px;
}
dl.agenda dd { padding: 5px; float:left; width: 153px; height: 60px; overflow: hidden; }
dl.agenda dd.js-hover{ background: #fff; cursor:pointer;}
dl.agenda p { margin-bottom: 0; color: #A7A7A7; }
dl.agenda h2 { margin-bottom: 2px; line-height: 110%;}
dl.agenda a { font-size: 14px; color: #2A2A2A; text-decoration:none; }

div.kolom-links dl.agenda dd { padding: 5px 0; float: none; width: auto; height: auto; }

/* Tell a friend
-------------------------------------------------------------------*/
#iwink-tellafriend2-overlay { z-index: 50 !important; }
#iwink-tellafriend2 { z-index: 60 !important; }
#iwink-tellafriend2 div#bericht label { clear:both; float:none; }
#iwink-tellafriend2 div#bericht textarea { width: 310px !important; }
#iwink-tellafriend2 a#tellafriend2-cancel { float:left !important; }

/* Uitklapbare content
-------------------------------------------------------------------*/
body.js-on .js-uitklapbaar { cursor:pointer; }
body.js-on .js-uitklapbaar .js-uitklapcontent { display: none; }
body.js-on .js-uitklapbaar.js-uitgeklapt .js-uitklapcontent { display: block; }

/* Zoekpagina
-------------------------------------------------------------------*/
p.notice { background: #C6D1EA; border: 1px solid #466BBA; padding: 10px; text-align:center; margin: 10px 0 20px; color: #466BBA; }
dl#bedrijfsresultaten dt { margin-bottom: 10px; font-size: 1.4em; }
dl#bedrijfsresultaten dd { margin-bottom: 10px; padding: 10px 10px 0; background: #fff; }
dl#bedrijfsresultaten dd.js-uitgeklapt{ background: #D0E0EB !important; }
dl#bedrijfsresultaten img { float:left; margin: 0 10px 10px 0; }
dl#bedrijfsresultaten h2 { margin-bottom: 0; float: right; width: 400px; }
dl#bedrijfsresultaten p.summary { float: right; width: 400px; }

dl#bedrijfsresultaten div.links { margin-bottom: 20px; float:left; width: 290px; }
dl#bedrijfsresultaten div.rechts { width: 290px; }
dl#bedrijfsresultaten .kop { display:block; font-weight:bold; font-size: 1.4em; color: #466BBA; }
dl#bedrijfsresultaten address.bezoekadres { margin-bottom: 20px; }

form.zoekfilter { margin: 20px 0; }
form.zoekfilter select { width: 200px; }
form.zoekfilter legend { display:block; font-weight:bold; font-size: 1.4em; color: #466BBA; }