@font-face {font-family: 'ProximaNovaA-Bold';src: url('./fonts/2CEA10_0_0.eot');src: url('./fonts/2CEA10_0_0.eot?#iefix') format('embedded-opentype'),url('./fonts/2CEA10_0_0.woff2') format('woff2'),url('./fonts/2CEA10_0_0.woff') format('woff'),url('./fonts/2CEA10_0_0.ttf') format('truetype');}
@font-face {font-family: 'ProximaNovaS-Regular';src: url('./fonts/2CEA10_1_0.eot');src: url('./fonts/2CEA10_1_0.eot?#iefix') format('embedded-opentype'),url('./fonts/2CEA10_1_0.woff2') format('woff2'),url('./fonts/2CEA10_1_0.woff') format('woff'),url('./fonts/2CEA10_1_0.ttf') format('truetype');}
@font-face {font-family: 'ProximaNovaS-Bold';src: url('./fonts/2CEA10_2_0.eot');src: url('./fonts/2CEA10_2_0.eot?#iefix') format('embedded-opentype'),url('./fonts/2CEA10_2_0.woff2') format('woff2'),url('./fonts/2CEA10_2_0.woff') format('woff'),url('./fonts/2CEA10_2_0.ttf') format('truetype');}
@font-face {font-family: 'ProximaNovaA-Regular';src: url('./fonts/2CEA10_3_0.eot');src: url('./fonts/2CEA10_3_0.eot?#iefix') format('embedded-opentype'),url('./fonts/2CEA10_3_0.woff2') format('woff2'),url('./fonts/2CEA10_3_0.woff') format('woff'),url('./fonts/2CEA10_3_0.ttf') format('truetype');}
@font-face {font-family: 'ProximaNova-Regular';src: url('./fonts/2CEA10_4_0.eot');src: url('./fonts/2CEA10_4_0.eot?#iefix') format('embedded-opentype'),url('./fonts/2CEA10_4_0.woff2') format('woff2'),url('./fonts/2CEA10_4_0.woff') format('woff'),url('./fonts/2CEA10_4_0.ttf') format('truetype');}
@font-face {font-family: 'ProximaNova-Bold';src: url('./fonts/2CEA10_5_0.eot');src: url('./fonts/2CEA10_5_0.eot?#iefix') format('embedded-opentype'),url('./fonts/2CEA10_5_0.woff2') format('woff2'),url('./fonts/2CEA10_5_0.woff') format('woff'),url('./fonts/2CEA10_5_0.ttf') format('truetype');}

/* ==========================================================================
   Global Reset.
   ========================================================================== */

html, body { width:auto; height:100%; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; line-height:inherit; font-family:inherit; text-align:left; vertical-align:baseline; }

table { border-collapse:collapse; border-spacing: 0; }
ol, ul { list-style:none; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* ==========================================================================
   Font.
   ========================================================================== */

body {
	font-family:'ProximaNova-Regular', sans-serif;
	font-size:16px; 
	line-height:26px;
	font-weight:normal;
	color:#484848;
	text-decoration:none;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}
p { padding:0 0 10px 0; margin:0; }

a {	color:#484848; text-decoration:underline; }
.category-orange a { color:#c97011; }
.category-blue a { color:#4ebbbd; }
.category-green a { color:#489e60; }
.category-red a { color:#e6452b; }
.category-gray a { color:#7b8471; }
a:hover { text-decoration:none; }

.txt-side-panel { font-size:0.9375em; line-height:22px; }
.txt-default-color, .txt-default-color a { color:#484848 !important; }
.txt-small { font-size:0.875em; /* 14px */ }
.txt-date { color:#6c6c6c !important; }
.txt-x-small { font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; /* 13px */ }
.txt-ucase { text-transform:uppercase; }

.bg-white { background-color:#ffffff; }
.bg-orange { background-color:#f78e1e; }
.bg-blue { background-color:#4ebbbd; }
.bg-green { background-color:#489e60; }
.bg-red { background-color:#e6452b; }
.bg-gray { background-color:#7b8471; }
.bg-light-gray { background-color:#eeede3; }
.bg-light-gray-hover { background-color:#dfded5; }
.bg-dark-gray { background-color:#302e2f; }

h1, .h1, .h1-large {
	font-family:'ProximaNova-Bold', sans-serif;
	font-size:1.375em; /* 22px */
	line-height:24px;
	padding:0 0 10px 0; margin:0;
	text-transform:uppercase;
}
.h1-large { font-size:1.875em; /* 30px */ }

h2, .h2 {
	font-family:'ProximaNova-Bold', sans-serif;
	font-size:1.125em; /* 18px */
	line-height:20px;
	padding:0 0 10px 0; margin:0;
}

h3, .h3 {
	font-family:'ProximaNova-Bold', sans-serif;
	font-size:1em; /* 16px */
	line-height:20px;
	padding:0 0 10px 0; margin:0;
}

/* ==========================================================================
   Lists.
   ========================================================================== */

ol, ul { padding:0 0 10px 0; }
ul { list-style:none outside; }
ol { list-style:decimal; padding-left:20px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc   { list-style: disc outside; }
div.content-wrapper ul li { background:url(../images/list-bullet.png) left 6px no-repeat; padding-left:24px; }
div.content-wrapper ul.custom li { background:none; padding-left:0; }

/* Custom Lists ------------------------------------------------------------- */

ul#list-bureau { width:100%; overflow:hidden; }
ul#list-bureau > li { float:left; width:25%; font-size:0.8125em; }
ul#list-bureau > li > div { padding:0 5px; }
ul#list-bureau > li > div img { 
	display:block; 
	max-width:100% !important; 
	height:auto !important; 
	margin-bottom:10px; 
	/* BORDER-RADIUS */
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
}
/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 567px) { ul#list-bureau > li { width:50%; } }
/* Mobile Landscape Size (iPhone 5) to Tablet Portrait */
@media only screen and (min-width: 568px) and (max-width: 767px) { ul#list-bureau > li { width:33.3%; } }
/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) { ul#list-bureau > li { width:100%; }	}

ul#list-gelieerde-partijen { width:100%; overflow:hidden; }
ul#list-gelieerde-partijen > li { float:left; width:33.3%; }
ul#list-gelieerde-partijen > li > a { display:block; }
ul#list-gelieerde-partijen > li > a img { display:block; width:100% !important; max-width:100% !important; height:auto !important; }

/* ==========================================================================
   Tables.
   ========================================================================== */

table#table-bestuur { width:100%; border-collapse: collapse; }
table#table-bestuur, 
table#table-bestuur th, 
table#table-bestuur td { border: 1px solid #eeede3; }
table#table-bestuur td { padding:4px; }
table#table-bestuur tr > td:first-child { white-space:nowrap; }

/* ==========================================================================
   Global Classes.
   ========================================================================== */

.uppercase	   		{ text-transform:uppercase; }
.lowercase	   		{ text-transform:lowercase; }
 
.clear         		{ clear:both; }
.float-left    		{ float:left; }
.float-right   		{ float:right; }
 
.text-left     		{ text-align:left; }
.text-right    		{ text-align:right; }
.text-center   		{ text-align:center; }
.text-justify  		{ text-align:justify; }
 
strong, .bold  		{ font-family:'ProximaNova-Bold', sans-serif; }
em, .italic    		{ font-style:italic; }
.underline     		{ border-bottom:1px solid; }
.highlight     		{ background-color:#F00; }
 
.img-left      		{ float:left; padding:0 20px 0 0; }
.img-right     		{ float:right; padding:0 0 0 20px; }

.no-border	   		{ border:none; }
.no-padding-all    	{ padding:0 !important; }
.no-padding-vert 	{ padding-top:0 !important; padding-bottom:0 !important; }
.no-padding-horz 	{ padding-left:0 !important; padding-right:0 !important; }
.no-padding-top 	{ padding-top:0 !important; }
.no-padding-bottom 	{ padding-bottom:0 !important; }
.no-margin	   		{ margin:0; }
.no-indent     		{ margin-left:0; padding-left:0; }
.no-bullet     		{ list-style:none; list-style-image:none; }

.relative	   		{ position:relative; }

img.alignright 		{ float:right; margin:0 0 10px 20px; }
img.alignleft  		{ float:left; margin:0 20px 10px 0; }

hr { height:1px; overflow:hidden; border:none; border-top:1px solid #464646; }

/* ==========================================================================
   Default form elements.
   ========================================================================== */

input, select, textarea {
    font-family:inherit;
    font-size:inherit;
	color:inherit;
}

button::-moz-focus-inner,
input::-moz-focus-inner { border:0; }

*::-webkit-input-placeholder { color:#acacac; font-style:italic; }
*:-moz-placeholder { color:#acacac; font-style:italic; /* FF 4-18 */ }
*::-moz-placeholder { color:#acacac; font-style:italic; /* FF 19+ */ }
*:-ms-input-placeholder { color:#acacac; font-style:italic; /* IE 10+ */ }

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url] {
    display:block; 
	width:100%; height: 40px;
    margin: 0; padding: 0 20px;
	border:none;
	-webkit-appearance: none;
    border-radius: 0;
	/* BOX SIZING */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	/* BOX SHADOW */
	-webkit-box-shadow: inset 0px 0px 7px 0px rgba(29,29,28,0.65);
	-moz-box-shadow: inset 0px 0px 7px 0px rgba(29,29,28,0.65);
	box-shadow: inset 0px 0px 7px 0px rgba(29,29,28,0.65);
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus {
    outline: none;
}

/* ==========================================================================
   Clearing.
   ========================================================================== */

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after{
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; 
}
.clearfix:after { clear: both; }

* html .clearfix { height:1%; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* ==========================================================================
   Grid image.
   ========================================================================== */

.inpage-block img,
.scale-with-grid {
	display:block;
	width:100% !important;
	height:auto !important;
}

/* ==========================================================================
   Browse Happy Prompt.
   ========================================================================== */

.browsehappy {
	/*margin:0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
	text-align:center;*/
    position:fixed; top:0; z-index:999;
    margin:0; padding:6px 0; width:100%;
    background: #ccc;
    color: #000;
    text-align:center;	
}

/* ==========================================================================
   Window Size Debugger.
   ========================================================================== */

p#widthOutput { position:fixed; right:0; bottom:0; z-index:4; padding:10px 20px; margin:5px; background-color:#333; color:#fff; }