/* * * * * * * * * * * * * * * * * * * * * * */
/*Aanpassen kleuren, zoek op code /*CHXUM*/
/* * * * * * * * * * * * * * * * * * * * * * */




html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
html, body	{
	height: 100%;
}
html {
	-webkit-text-size-adjust: 100%;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div, header, menu, main, footer {
	display:block;
	margin:0;
	padding:0;
}


		

body	{
	font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:300;
	font-style: normal;
	line-height:1.3;
	color: #151515;
	background:url(../img/bg.png) left top repeat-y;
}
img	{
	border:none;
}
ul, ol {
	padding-left:20px;
}
strong {
	font-weight:600;
}



a {
	color: #170CF4; /*CHXUM*/
	text-decoration: underline;
}
a:hover, a:active	{
	color: #BBBBBB; /*CHXUM*/
}


a[href^="tel:"] {
	color:#151515;
	text-decoration:none !important;
}
a[href^="tel:"]:hover {
	text-decoration:underline !important;
}




h1 {
	font-family:'poppins';
	font-size:30px;
	font-weight:400;
	line-height:1;
	color:#FFFFFF;
	text-transform:uppercase;
	letter-spacing: 2px;
}
h2 {
	font-family:'proxima-nova';
	font-size:17px;
	font-weight:600;
	line-height:1;
	color:#170CF4; /*CHXUM*/
	margin-bottom:15px;
}






hr {
	width:100%;
	clear:both;
	background-color:#DDDDDD;
	height:1px;
	border:0;
	margin:0;
	padding:0;
}
hr.topS { margin-top:5px !important; }
hr.btmS { margin-bottom:5px !important; }
hr.topM { margin-top:10px !important; }
hr.btmM { margin-bottom:10px !important; }
hr.topL { margin-top:20px !important; }
hr.btmL { margin-bottom:20px !important; }
hr.topXL { margin-top:30px !important; }
hr.btmXL { margin-bottom:30px !important; }
hr.topXXL { margin-top:40px !important; }
hr.btmXXL { margin-bottom:40px !important; }







input[type=text], input[type=number], input[type=password], textarea {
	width:100%;
}
input.xxlarge, textarea.xxlarge, select.xxlarge {
	width:100%;
	max-width:750px;
}
input.xlarge, textarea.xlarge, select.xlarge {
	width:100%;
	max-width:500px;
}
input.large, textarea.large, select.large {
	width:100%;
	max-width:350px;
}
input.medium, textarea.medium, select.medium {
	width:100%;
	max-width:185px;
}
input.xsmall, textarea.xsmall, select.xsmall {
	width:100%;
	max-width:120px;
}
input.small, textarea.small, select.small {
	width:100%;
	max-width:55px;
}
input.mini, textarea.mini, select.mini {
	width:100%;
	max-width:25px;
}
input.order {
	background-color:#FAFAFA;
	color:#999999;
	font-size:12px;
	border:1px solid #EDEDED;
	max-width:30px;
	padding:2px;
}









.hoofdkleur {
	color:#170CF4; /*CHXUM*/
}
.steunkleur {
	color:#030038; /*CHXUM*/
}
.grijs {
	color:#BBBBBB;
}




.klein {
	font-size:15px;
}
.kleiner {
	font-size:14px;
}
.kleinst {
	font-size:13px;
}



.clearboth {
	clear:both;
}
.verberg, .hide {
	display:none !important;
}
.trhovercolor {
	background-color:#F2F2F2;
}


.block {
	margin-bottom: 40px;
}


.clickObj {
	cursor:pointer;
}





/* - - - - - - FORMROWS - - - - - -  */
.frmrow {
	display:table;
	width:100%;
	margin-bottom:15px;
}
.frmrow > div {
	display:table-cell;
	vertical-align:middle;
}
.frmrow > div:nth-child(1) {
	width:200px;
}


.frmrow.check > div:nth-child(1) {
	width:230px;
	text-align:right;
	padding-right:10px;
}
.frmrow.check2 > div:nth-child(1) {
	width:30px;
}



.frmrow.btns {
	margin-top:30px;
}
.frmrow.btns.return {
	direction:rtl;
}
.frmrow.btns.return > div {
	direction:ltr;
}
.frmrow.btns.return > div:nth-child(1) {
	width:auto;
}
.frmrow.btns.return > div:nth-child(2) {
	width:200px;
}
.frmrow.btns.return > div:nth-child(2) > a {
	font-size:13px;
}



.frmrow.compact {
	margin-bottom:5px;
}
.frmrow.wide {
	margin-bottom:25px;
}
.frmrow.xwide {
	margin-bottom:50px;
}



.frmrow.vt > div {
	vertical-align:top;
}
.frmrow.vb > div {
	vertical-align:bottom;
}
.frmrow > div.ar {
	text-align:right;
	padding-right:10px;
}






.afbeeldingWrap {
	padding: 15px 10px;
}
.afbeeldingWrap .grijs {
	color: #999999;
}
.afbeeldingWrap.even {
	background-color: #170CF410;
}
.afbeeldingWrap.odd {
	padding-top: 20px;
	padding-bottom: 20px;
}
.frmrow.afbeeldingen > div {
	vertical-align:top;
}
.frmrow.afbeeldingen > div:nth-child(1) {
	width:200px;
}
.frmrow.afbeeldingen > div:nth-child(3) {
	width:350px;
	padding-left: 30px;
}
.frmrow.afbeeldingen > div:nth-child(4) {
	width:50px;
	text-align: right;
}





.frmrow.afspraak > div:nth-child(2) {
	width: 270px;
}



/* - - - - - - FEEDBACK - - - - - -  */
.melding	{
		background-color:#EFEFEF;
		border:1px solid #DDDDDD;
		padding:10px;
		color:#404040;
		margin-bottom:15px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
.goed	{
		background-color:#F2FFF2;
		border:1px solid #73CC73;
		padding:10px;
		color:#404040;
		margin-bottom:15px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
.fout	{
		background-color:#FFF2F2;
		border:1px solid #FF7373;
		padding:10px;
		color:#404040;
		margin-bottom:15px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
.alertgoed {
	color:#009900;
}
.alertfout {
	color:#FF0000;
}
.invulmis {
	color:#FF0000 !important;
}






/* - - - - - - LISTVIEW - - - - - -  */
ul.listview {
	padding:0;
	margin:0;
}
ul.listview > li {
	display:block;
	width:100%;
}
ul.listview > li > ul {
	padding-left:50px;
}
ul.listview > li > div {
	display:table;
	width:100%;
	padding:5px;
	border-bottom:1px solid #DDDDDD;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul.listview > li > div > div {
	display:table-cell;
	vertical-align:middle;
}



ul.listview > li.vt > div > div {
	vertical-align:top;
}
ul.listview div.ar {
	text-align:right;
}



ul.listview > li > div > div.mini {
	width:25px;
}
ul.listview > li > div > div.small {
	width:50px;
}
ul.listview > li > div > div.xsmall {
	width:90px;
}
ul.listview > li > div > div.medium {
	width:125px;
}
ul.listview > li > div > div.xmedium {
	width:175px;
}
ul.listview > li > div > div.large {
	width:250px;
}
ul.listview > li > div > div.xlarge {
	width:500px;
}
ul.listview > li > div > div.btns {
	text-align:right;
}
ul.listview > li > div > div.btns > a {
	margin-left:20px;
}
ul.listview > li > div > div.btns > a > i {
	font-size:16px;
}
ul.listview > li > div > div.btns > i { /* zonder link */
	margin-left:20px;
	font-size:16px;
}




/* - - - - - - GRIDVIEW - - - - - -  */
ul.gridview {
	padding:0;
	margin:0;
}
ul.gridview > li {
	display:inline-block;
	width:100%;
	max-width: 293px;
	margin:0 10px 10px 0;
}
ul.gridview > li > div {
	padding:10px;
	border:1px solid #DDDDDD;
	text-align:center;
}
ul.gridview > li > div > div {
	padding-bottom:10px;
}
ul.gridview > li > div > div:nth-last-child(1) {
	padding-bottom:0;
}

ul.gridview > li > div > div > img {
	width:100%;
}
ul.gridview > li > div > div.btns i {
	font-size:17px;
	margin:0 10px;
}





/* - - - - - - BALK - - - - - -  */
.balk {
	display:table;
	width:100%;
}
.balk > div {
	display:table-cell;
	vertical-align:baseline;
}
.balk > div:nth-last-child(1) {
	width:20%;
	text-align:right;
}








/* - - - - - - PAGER - - - - - -  */
ul.pager {
	margin:30px 0 0 0;
	padding:0;
	border:0;
	text-align:center;
}
ul.pager > li {
	display:inline;
	vertical-align:middle;
}
ul.pager > li > a {
	text-decoration:none;
	color:#333333;
	line-height:1;
	padding:5px 13px;
	border:1px solid #DDDDDD;
	border-right:none;
}
ul.pager > li > a:hover, ul.pager > li > a:active {
	color:#170CF4; /*CHXUM*/
	text-decoration:none;
	background-color:#EFEFEF;
}
ul.pager > li i {
	font-size:16px;
	line-height:1;
}


ul.pager > li > a.active {
	color:#FFFFFF;
	background-color:#170CF4; /*CHXUM*/
}

ul.pager > li > a.disabled {
	cursor:pointer;
}
ul.pager > li > a.disabled:hover, ul.pager > li > a.disabled:active {
	background-color:#FFFFFF;
}


ul.pager > li:nth-child(1) > a {	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
ul.pager > li:nth-last-child(1) > a {
	border-right:1px solid #DDDDDD;
	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}








/* - - - - - - CLASS LAN : MENU - - - - - -  */
ul.lanMenu {
	margin:0 0 20px 0;
	padding:0;
	border:0;
}
ul.lanMenu > li {
	display:inline-block;
	list-style:none;
	margin-right:15px;
	margin-bottom:15px;
}
ul.lanMenu > li > a {
	display:block;
	background-color:#EFEFEF;
	padding:6px 12px 8px 12px;
	
	line-height:1;
	color:#170CF4; /*CHXUM*/
	text-decoration:none;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
ul.lanMenu > li > a:hover, ul.lanMenu > li > a:active {
	background-color:#170CF4; /*CHXUM*/
	color:#FFFFFF;
}
ul.lanMenu > li > a.active {
	background-color:#170CF4; /*CHXUM*/
	color:#FFFFFF;
}








/* - - - - - - PL UPLOAD - - - - - -  */
a.btn_plupload	{
	background-color: #05B4DD;
	text-decoration: none;
	color:#FFFFFF;
	padding:5px 10px;
	margin-right:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
a.btn_plupload:hover, a.btn_plupload:active	{
	background-color: #BECD02;
	color:#FFFFFF;
}




















/* - - - - - - DASHBOARD - - - - - -  */
ul.dashboard {
	display:block;
	margin:0;
	padding:0;
}
ul.dashboard > li {
	display:inline-block;
	vertical-align:top;
	width:calc((100% - 40px) / 3);
	height:175px;
	text-align:center;
	margin-bottom:20px;
		
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
ul.dashboard > li:nth-child(3n+2) {
	margin-left:20px;
	margin-right:20px;
}
@media (max-width: 959px) {
	ul.dashboard > li {
		width:calc((100% - 20px) / 2);
	}
	ul.dashboard > li:nth-child(3n+2) {
		margin-left:0;
		margin-right:0;
	}
	ul.dashboard > li:nth-child(2n+2) {
		margin-left:20px;
		margin-right:0;
	}
	
}


ul.dashboard > li > a {
	display:table;
	width:100%;
	height:100%;
	
	font-size:18px;
	font-weight:700;
	color:#333333;
	text-decoration:none;
	text-transform:lowercase;
	letter-spacing:1px;
	border: 1px solid #DDDDDD;
	background-color:#FFFFFF;
	
}
ul.dashboard > li > a > em {
	display:table-cell;
	vertical-align:middle;
	font-style:normal;
}
ul.dashboard > li > a > em > i {
	display:block;
	font-size:35px;
	color:#333333;
	margin:0 auto 30px;
}
ul.dashboard > li > a:hover, ul.dashboard > li > a:active {
	background-color:#EFEFEF;
	color:#000000;
}


ul.dashboard > li > a.disabled {
	color:#BBBBBB;
	background: #EFEFEF;
	cursor: auto;
}
ul.dashboard > li > a.disabled > em > i {
	color:#BBBBBB;
}





div.rubriek {
	position: relative;
	margin:30px 0 5px 0;
	text-align:center;
}
div.rubriek p {
	display: inline-block;
	background-color:#FFFFFF;
	z-index: 99;
	margin:auto;
	padding:5px 10px;
	
	font-size:18px;
	font-weight:700;
	line-height:1;
	color:#BBBBBB;/*CHXUM*/
	text-transform:uppercase;
	letter-spacing:2px;
	margin-bottom:15px;
}
div.rubriek hr {
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 15px;
	z-index: -1;
	background-color:#BBBBBB;/*CHXUM*/
}







/* - - - - - - PAGES - - - - - -  */
.pagesContent {
	display:table;
	width:100%;
	margin-bottom:35px;
}
.pagesContent > div {
	display:table-cell;
	vertical-align:top;
	padding:5px 10px;
}
.pagesContent > div:nth-child(1) {
	width:40px;
	font-size:16px;
	text-align:center;
	background-color:#F2F2F2;
}



.pagesContent > div:nth-child(1) ul {
	border:0;
	margin:0;
	padding:0;
}
.pagesContent > div:nth-child(1) ul > li {
	list-style:none;
	margin-bottom:10px;
}



.pagesContent > div:nth-child(2) p.titel {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.2;
	color: #170CF4; /*CHXUM*/
	letter-spacing:1px;
	margin-bottom: 10px;
}




.pagesContent.placeholder {
	color:#CCCCCC !important;
}
.pagesContent.placeholder > div:nth-child(2) p.titel {
	color:#CCCCCC !important;
}





a.pcButton {
	display:inline-block;
	margin-top:15px;
	padding:5px 15px;
	background-color:#CCCCCC;
	
	font-weight:16px;
	line-height:1.3;
	color:#FFFFFF;
	text-decoration:none;
}
a.pcButton:hover,
a.pcButton:active {
	background-color:#999999;
}
a.pcButton i {
	display:inline-block;
	vertical-align:baseline;
	padding-left:10px;
}









/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* WEBSITE SETTINGS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.fancybox-slide--iframe .fancybox-content {
    width: 800px;
    height: 600px;
    max-width: 80%;
    max-height: 80%;
    margin: 0;
}
.fancybox-iframe {
	padding:20px !important;
}





a.openPanel {
	color: #170CF4;
	text-decoration: none;
}
a.openPanel:hover,
a.openPanel:active {
	opacity:0.75;
}
a.openPanel i {
	display: inline-block;
	vertical-align: top;
	padding-right: 10px;
	padding-top: 1px;
	font-size: 14px;
}
div.panel {
	display: none;
	padding-bottom: 40px;
}



div#fbActivi {
	position: fixed;
	z-index: 1000;
	left: 0;
	bottom: 0;

	width: 100%;
	padding: 15px;
	text-align: center;
	background-color: #DDDDDD;
}
div#fbActivi.error {
	background-color: #FF7373;
}





div#progressbar {
	position: fixed;
	z-index: 1000;
	left: 0;
	bottom: 0;

	display: none;
	width: 100%;
	height:30px;
	text-align: center;
	background-color: #DDDDDD;

}
div#progressbar > .progress > .bar {
	background-image: url('../img/progress.gif');
	background-position: left top;
	background-repeat: repeat-x;
	background-size: contain;
	width:0%;
	height:30px;
	opacity: 0.5;
}
div#progressbar > .progress > .percent {
	position:absolute;
	left:0;
	top:calc(50% - 10px);
	width:100%;
	
	line-height: 20px;
	font-weight: 700;
	color: #000000;
	text-shadow: 0 0 5px #FFFFFF;
}
div#progressbar > #status {
	display:none;
}




.statFrmRow {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
.statFrmRow > div {
	display: table-cell;
	vertical-align: middle;
}
.statFrmRow > div:nth-child(1),
.statFrmRow > div:nth-child(3) {
	width: 50px;
}
.statFrmRow > div:nth-child(2),
.statFrmRow > div:nth-child(4) {
	width: 150px;
}



span.afspraakSpacer {
	display: inline-block;
	margin: 0 15px;;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* OPBOUW */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.wrapper {
	position:relative;
	display:block;
	width:100%;
	max-width:1024px;
}
#wrap {
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}








/* - - - - - - - - - - - - - - - - - - - - */
/* HEADER */
/* - - - - - - - - - - - - - - - - - - - - */
header {
	display:table;
	width:100%;
	background-color:#170CF4; /*CHXUM*/
}
header > div {
	display:table-cell;
	vertical-align:middle;
	padding:10px 20px;
}


header > .left {
	width:64px;
	padding:10px;
}
header > .left img {
	display:block;
	width:100%;
}


header > .middle {
	padding-left:30px;
}

header > .right {
	width:20%;
	min-width:130px;
	font-size:16px;
	text-align:right;
}
header > .right a {
	color: #FFFFFF;
	text-decoration: none;
}
header > .right a:hover, header > .right a:active	{
	opacity:0.80;
}
header > .right a i {
	padding-right:5px;
}





/* - - - - - - - - - - - - - - - - - - - - */
/* MAIN */
/* - - - - - - - - - - - - - - - - - - - - */
main {
	display:table;
	width:100%;
}
main > div {
	display:table-cell;
	vertical-align:top;
}



main > .left {
	width:64px;
}
main > .left ul {
	margin:0;
	padding:0;
	border:0;
}
main > .left ul > li.spacer {
	font-size:0;
	line-height:0;
	border-bottom:1px solid rgba(255, 255, 255, 0.25);
}
main > .left a {
	display:block;
	font-size:28px;
	line-height:64px;
	color: #FFFFFF;
	height:64px;
	text-align:center;
	text-decoration: none;
}
main > .left a:hover, header > .left a:active	{
	color:rgba(255, 255, 255, 0.75);
}

main > .left a.disabled {
	color: rgba(255, 255, 255, 0.35);
	cursor: auto;
}




main > .right {
	padding:5px 20px 50px 30px;
}



main > .right .submenu {
	display:block;
	text-align:right;
	margin-bottom:15px;
}


main > .right .submenu ul {
	margin:0;
	padding:0;
}
main > .right .submenu ul > li {
	display:inline-block;
	margin-left:20px;
}



main > .right .submenu a {
	display:inline-block;
	margin-top:10px;
	
	font-size:12px;
	line-height:1;
	color:#333333;
	text-decoration:none;
	text-align:left;
	
	background-color:#DDDDDD;
	padding:5px 10px;
	border-radius:3px;
}
main > .right .submenu a:hover, main > .right .submenu a:active {
	color:#FFFFFF;
	background-color:#333333;
}
main > .right .submenu a i {
	display:inline-block;
	vertical-align:baseline;
	padding-right:10px;
}































/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* LINK VARIATIONS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

a.linkicon	{
	text-decoration: none;
}
a.linkicon:hover, a.linkicon:active	{
	text-decoration: none;
}

a.linkicon i {
	padding:0 5px;
}