@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------ // kleuren
Blauw		: #58ACCA
Lichtgrijs	: #E3E3E3
Grijs		: #969696

/* ------------------------------------------------ */
/* ------------------------------------------------ // fonts */
@import url(https://fonts.googleapis.com/css?family=Signika:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@font-face {
	font-family : 'icons-nidw';
	src         : url('../fonts/icons-nidw.eot?7iuwoi');
	src         : url('../fonts/icons-nidw.eot?7iuwoi#iefix') format('embedded-opentype'),
	url('../fonts/icons-nidw.woff2?7iuwoi') format('woff2'),
	url('../fonts/icons-nidw.ttf?7iuwoi') format('truetype'),
	url('../fonts/icons-nidw.woff?7iuwoi') format('woff'),
	url('../fonts/icons-nidw.svg?7iuwoi#icons-nidw') format('svg');
	font-weight : normal;
	font-style  : normal;
}
/* ------------------------------------------------ // algemeen */
html {
	overflow-y : scroll;
	height     : 100%;
}
body {
	height : 100%;
}
div, span, p, a, h1, h2, h3, h4, h5, h6, label, td, tr, li, input, button, textarea {
	font-family : 'Open Sans', sans-serif;
	font-size   : 13px;
	color       : #333333;
}
#content .item-page img {
	display   : block;
	max-width : 100%;
	height    : auto;
}
/* ------------------------------------------------ // kop */
h1, h2, h3, h4, h5, h6 {
	font-weight : bold;
}
h1 {
	font-size   : 18px;
	color       : #E78088;
	margin      : -8px 0 10px 0;
	line-height : 25px;
}
h2 {
	font-size     : 13px;
	color         : #E78088;
	margin-bottom : 10px;
	line-height   : 25px;
}
h3 {
	font-size     : 12px;
	color         : #E78088;
	margin-bottom : 10px;
	line-height   : 25px;
}
h4, h5, h6 {
	font-size     : 12px;
	color         : #E78088;
	margin-bottom : 10px;
	line-height   : 25px;
}
/* ------------------------------------------------ // tekst */
p {
	line-height : 20px;
}
b, strong {
	font-weight : bold;
}
i, em {
	line-height : 1.6em;
	font-style  : italic;
}
/* ------------------------------------------------ // links */
a {
	color           : #E78088;
	text-decoration : none;
	outline         : none;
	line-height     : 1.6em;
}
a:focus {
	outline : none !important;
	color   : #902D7A;
}
a:hover {
	color           : #902D7A;
	text-decoration : none;
}
a img {
	width  : auto;
	height : auto;
}
#content a {
	text-decoration : underline;
}
/* ------------------------------------------------ // tabellen */
table {
	margin-bottom : 1.3em;
}
td, th {
	font-size   : 1em;
	line-height : 1.6em;
	padding     : 2px 0;
}
th {
	background-color : #ED1457;
	color            : #FFFFFF;
}
td p, th p, th span, td a {
	font-size : 1.0em;
}
/* ------------------------------------------------ // lijsten */
ul {
	margin       : 0 0 1.6em 10px;
	list-style   : disc;
	padding-left : 18px;
}
ol {
	margin       : 0 0 1.6em 10px;
	padding-left : 20px;
	list-style   : decimal;
}
li {
	line-height : 1.6em;
}
li p {
	font-size : 1.0em;
}
li li {
	font-size : 1.0em;
}
ol ul, ul ol, ul ul, ol ol {
	margin-bottom : 0;
}
/* ------------------------------------------------ // contact */
address {
	font-style : normal;
}
/* ------------------------------------------------ // algemeen - Lightbox */
#jcemediabox-popup-container {
	padding : 10px 0 0;
}
#jcemediabox-popup-info-bottom {
	padding : 0 20px 10px;
}
span#jcemediabox-popup-numbers {
	padding : 0;
}
/* ------------------------------------------------ // buttons */
a.btn {
	height          : 35px;
	padding         : 0 15px 0 15px;
	border          : none;
	border-radius   : 3px;
	text-decoration : none;
	line-height     : 33px;
	font-size       : 18px;
	color           : #FFFFFF;
	background      : #333333;
	transition      : .3;
}
a.btn:hover {
	color            : #333333;
	background-color : #FFFFFF;
}
/* ------------------------------------------------ // dashboard */
.container-fluid,
.row-fluid,
#right {
	height : 100%;
}
/* ------------------------------------------------ // dashboard - sidebar */
.sidebar {
	position   : fixed;
	top        : 0;
	bottom     : 0;
	left       : 0;
	z-index    : 1000;
	display    : block;
	overflow-x : hidden;
	overflow-y : auto;
	padding    : 50px 25px;
	background : #FFFFFF;
}
#bottom-left.sidebar {
	top     : auto;
	bottom  : 0;
	padding : 25px 25px;
}
/* ------------------------------------------------ // dashboard - main */
.main {
	padding : 0;
}
/* ------------------------------------------------ // left */
#left {
	background : #FFFFFF;
	box-shadow : 0 0 10px 0 rgba(0, 0, 0, .75);
}
/* ------------------------------------------------ // left - logo */
#logo {
	display       : block;
	margin        : 0 -10px;
	margin-bottom : 40px;
}
/* ------------------------------------------------ // left - hoofdmenu */
#left ul.nav {
	margin : 0;
}
#left ul.nav-stacked > li + li {
	margin-top : 10px;
}
#left ul.nav li a {
	font-size      : 15px;
	font-weight    : 400;
	color          : #969696;
	transition     : .3s;
	border-radius  : 0 35px 0 0;
	background     : #EFEFEF;
	padding-top    : 8px;
	padding-bottom : 8px;
	line-height    : 24px;
	font-family    : 'Signika';
}
#left ul.nav li a:hover,
#left ul.nav li a:focus {
	background   : #902D7A;
	border-color : #2FAD9D;
	color        : #FFFFFF;
}
#left ul.nav li.active a {
	color         : #FFFFFF;
	background    : #E78088;
	border-radius : 0 0 35px 0;
}
/* ------------------------------------------------ // left - hoofdmenu */
#bottom-left ul.nav {
	margin : 0;
}
#bottom-left ul.nav-stacked > li + li {
	margin-top : 0px;
}
#bottom-left ul.nav li a {
	padding         : 0 0 5px 0;
	font-size       : 12px;
	text-decoration : underline;
	color           : #E78088;
	font-family     : 'Signika';
}
#bottom-left ul.nav li a:hover,
#bottom-left ul.nav li.active a {
	color            : #DF5862;
	background-color : transparent;
}
#bottom-left ul li {
	color       : #969696;
	font-size   : 12px;
	font-family : 'Signika';
}
/* ------------------------------------------------ // visual */
#visual {
	height   : 100%;
	position : fixed;
	left     : 0;
	right    : 0;
}
#visual .visual {
	position            : absolute;
	top                 : 0;
	left                : 0;
	width               : 100%;
	height              : 100%;
	background-repeat   : no-repeat;
	background-position : center center;
	background-size     : cover;
}
/* ------------------------------------------------ // right */
.color-blocks {
	position        : absolute;
	width           : 25px;
	top             : 0;
	bottom          : 0;
	z-index         : 30;
	background      : url('../img/bg-balk.png');
	background-size : cover;
}
/* ------------------------------------------------ // content */
#wrapper {
	position : relative;
	padding  : 30px;

}
#content {
	background-color : #FFFFFF;
	border-radius    : 0px 60px 0 0;
	padding          : 40px 60px 40px 40px;
	margin-top       : 48px;
	box-shadow       : 0 0 2px 0 rgba(0, 0, 0, .2);
	margin-bottom    : 48px;
}
.page-header {
	border  : none;
	margin  : 0;
	padding : 0;
}
/* ------------------------------------------------ // content-home */
#content-home {
	margin-top    : 48px;
	margin-bottom : 48px;
	background    : rgba(231, 128, 136, .60);
	border-radius : 0px 60px 0 0;
	padding       : 40px 60px 40px 40px;
	box-shadow    : 0 0 2px 0 rgba(0, 0, 0, .2);

}
#content-home * {
	color : #FFFFFF;
}
#content-home h1 {
	font-family : 'Signika';
	font-size   : 50px;
	font-weight : bold;
	line-height : 65px;
}
/* ------------------------------------------------ // content - usp */
.usp ul {
	list-style    : none;
	padding       : 0;
	margin        : 0;
	align-content : center;
	margin-top    : 10px;
}
.usp ul li:before {
	font-family  : "icons-nidw";
	content      : '\e900';
	margin-right : 10px;
	font-size    : 30px;
	position     : relative;
	top          : -2px;
}
.usp ul li {
	font-family   : 'Signika';
	font-size     : 18px;
	display       : flex;
	margin-bottom : 10px;
}
/* ------------------------------------------------ // content */
.deelnemende-partijen-logos img {
	width      : 33%;
	display    : inline-block;
	height     : auto;
	transition : .2s;
}
.deelnemende-partijen-logos a img {
	border-right  : 1px solid #EFEFEF;
	border-bottom : 1px solid #EFEFEF;
}
.deelnemende-partijen-logos a:nth-child(3n+0) img {
	border-right : 0px;
}
.deelnemende-partijen-logos a:nth-child(-n+3) img {

}
.deelnemende-partijen-logos a:hover img {
	background : #F5F5F5;
}
/* ------------------------------------------------ // paginatie */
.pagination {
	text-align : center;
	width      : 100%;
}
.buro26-pagination {
	list-style : none;
	padding    : 0;
	margin     : 0;
}
.buro26-pagination i {
	padding : 0;
}
.buro26-pagination li {
	display     : inline-block;
	margin-left : 10px;
}
.buro26-pagination li:first-child {
	margin-left  : 0px;
	margin-right : 10px;
}
.buro26-pagination li:last-child {
	margin-left : 20px;
}
.buro26-pagination li a {
	text-decoration : none !important;
	font-weight     : 700;
}
.buro26-pagination li.active a {
	border-bottom : 2px solid #E78088;
}
.buro26-pagination li.active a:hover {
	color : #E78088;
}
.buro26-pagination .disabled a {
	color : #C4C4C4;
}
.icon-vorige:before {
	position    : relative;
	right       : 3px;
	top         : 2px;
	font-family : "Glyphicons Halflings";
	content     : '\e079';
	font-weight : 400;
	font-style  : normal;
}
.icon-volgende:after {
	position    : relative;
	font-family : "Glyphicons Halflings";
	left        : 3px;
	top         : 2px;
	content     : '\e080';
	font-weight : 400;
	font-style  : normal;
}
/* ------------------------------------------------ // content - Forms*/
#userForm {
	margin-top : -4px;
}
#userForm .rsform-block .formControlLabel {
	display       : block;
	float         : none;
	width         : auto;
	text-align    : left;
	padding       : 0;
	font-size     : 12px;
	color         : #58ACCA;
	font-weight   : bold;
	margin-bottom : 4px;
}
#userForm .rsform-block .formControls {
	margin : 0 0 6px 0;
}
#userForm .rsform-block .formControls input {
	height        : 30px;
	padding       : 0 0 0 10px;
	border-radius : 4px;
	background    : #F8F8F8;
	font-size     : 12px;
	font-style    : italic;
	font-weight   : normal;
}
#userForm .rsform-block .formControls input:focus {
	border-color : rgba(88, 172, 202, .6);
	box-shadow   : 0 0 8px rgba(88, 172, 202, .8);
}
#userForm .rsform-block .formControls .rsform-calendar-button {
	position   : absolute;
	right      : 20px;
	width      : 30px;
	height     : 30px;
	background : none;
	border     : none;
	box-shadow : none;
	outline    : none !important;
}
#userForm .rsform-block-bevallingsdatum .formBody:after {
	font-family : 'icons-gbleiden';
	position    : absolute;
	right       : 30px;
	font-size   : 20px;
	content     : '\E602';
	color       : #808080;
	cursor      : pointer;
	line-height : 30px;
}
#userForm .rsform-block .formControls .yui-calcontainer {
	right      : 10px;
	border     : none;
	background : #FFFFFF;
	padding    : 5px;
}
#userForm .rsform-block .formControls .yui-calcontainer a {
	text-decoration : none;
}
#userForm .rsform-block .formControls .yui-calcontainer table {
	margin : 0;
}
#userForm .rsform-block .formControls .yui-calendar .calnavright,
#userForm .rsform-block .formControls .yui-calendar .calnavleft {
	background  : none;
	text-indent : 0;
	width       : 20px;
	height      : 20px;
	top         : 0;
}
#userForm .rsform-block .formControls .yui-calendar .calnav {
	color : #58ACCA;
}
#userForm .rsform-block .formControls .yui-calendar .calnav:hover {
	background : none;
	border     : 0;
	color      : #2C738C;
}
#userForm .rsform-block .formControls .yui-calendar .calnavright:before,
#userForm .rsform-block .formControls .yui-calendar .calnavleft:before {
	font-family : 'icons-gbleiden';
	font-size   : 20px;
	content     : '\E601';
	color       : #808080;
	display     : block;
}
#userForm .rsform-block .formControls .yui-calendar .calnavleft:before {
	content : '\E600';
}
#userForm .rsform-block .formControls .yui-calendar .calnavleft:hover:before,
#userForm .rsform-block .formControls .yui-calendar .calnavright:hover:before {
	color : #58ACCA;
}
#userForm .rsform-block .formControls .yui-calendar td.calcell.selectable a {
	color : #58ACCA;
}
#userForm .rsform-block .formControls .yui-calendar td.calcell.calcellhover {
	background : #58ACCA;
	border     : #58ACCA;

}
#userForm .rsform-block .formControls .yui-calendar td.calcell.calcellhover a {
	color : #FFFFFF;
}
#userForm .rsform-block .formControls .yui-calendar .calweekdaycell {
	color : #FFFFFF;
}
#userForm .rsform-block .btn {
	font-size   : 12px;
	font-weight : bold;
	padding     : 8px 15px;
	background  : #ED1457;
	transition  : .3s;
}
#userForm .rsform-block .btn:hover {
	background : #AA0F47;
}
#userForm .formError {
	color : #ED1457;
}
#userForm .rsform-block .formControls input.rsform-error {
	border-color : rgba(237, 20, 87, 0.4);
	box-shadow   : none;
	box-shadow   : 0 0 4px rgba(237, 20, 87, 0.4);
}
/* ------------------------------------------------ // content -contact */
.contact strong {
	width   : 100px;
	display : inline-block;
}
/* ------------------------------------------------ // content - blog */
.items-row {
	border-bottom  : 1px solid #E3E3E3;
	padding-bottom : 20px;
	margin-bottom  : 20px;
}
.items-row:last-child {
	border-bottom  : 0;
	margin-bottom  : 0px;
	padding-bottom : 0px;
}
.items-row .text-holder,
.items-row .intro-holder {
	padding : 0;
}
.items-row h2 {
	margin          : -2px 0 0 0;
	line-height     : 13px;
	text-decoration : underline;
}
.items-row a .datum {
	margin : 2px 0 4px 0;
	color  : #808081;
}
.items-row a:hover h2 {
	color : #902D7A;
}
/* ------------------------------------------------ // content - blog - detail */
.terug-naar-overzicht {
	position                : absolute;
	right                   : 0;
	top                     : 0;
	width                   : 80px;
	height                  : 80px;
	border-top-right-radius : 60px;
	color                   : #FFFFFF;
	background              : #E78088;
	text-decoration         : none !important;
	font-size               : 22px;
	padding                 : 32px 0 0 26px;
	transition              : .3s;
}
.terug-naar-overzicht:hover {
	color      : #FFFFFF;
	background : #902D7A;
}
.blog h1 {
	margin-top   : 16px;
	margin-right : 90px;
}
.datum-artikel {
	margin-bottom : 8px;
}
/* ------------------------------------------------ // footer */