@charset 'UTF-8';
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,400italic,700");

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	/* start 0 lijn */
    html, body, div, table, tr, td, th, h1, h2, h3, h4, h5, h6, ul, li, ol, p, span, a, img
    {
      margin: 0;
      padding: 0;
      border: none;
	  box-sizing:border-box;
    }
	/* einde 0 lijn */

	html
	{
		height:100%;
		box-sizing: border-box;
	}

	body
	{
		background: #fff;
		font-size:16px;
		font-family: 'Lato', sans-serif;
		font-weight: 300;
		color: #666666;
		position:relative;
	}

	input[type=text],input[type=search],input[type=password],input[type=email],input[type=tel], textarea{
		color: #666666;
		background: #fff;
		border:1px solid #666666;
		font-size:16px;
		height:30px;
		line-height:30px;
		padding-left:5px;
		font-family: 'Lato', sans-serif;
		font-weight: 300;
		-webkit-appearance: none;
		-moz-appearance: none;
		margin-bottom:10px;
		outline:none;
		border-radius:0;
	}

	textarea {
		height:100px;
		line-height:normal;
		outline:none;
	}

	input[type=file] {
		margin-bottom:10px;
	}

	select {
		font-family: 'Lato', sans-serif;
		height:30px;
		line-height:30px;
		padding-left:5px;
	}

	label {
		display:inline-block;
		margin-bottom:5px;
	}

	h1 {
		font-size:32px;
		font-weight:300;
		color:#666666;
		margin-top:30px;
		margin-bottom:15px;
	}

	h2 {
		font-size:28px;
		font-weight:300;
		color:#666666;
		margin-top:20px;
		margin-bottom:15px;
	}

	h3 {
		font-size:25px;
		font-weight:300;
		color:#666666;
		margin-top:15px;
		margin-bottom:15px;
	}

	a {
		color: #c7b563;
		text-decoration:none;
	}

	a:hover {
		color: #736b36;
		text-decoration:underline;
		cursor:pointer;
	}

	#content p {
		margin-bottom: 15px;
		line-height:24px;
	}

	#content li {
		margin-bottom: 5px;
		line-height:24px;
	}

	#content li.sigProThumb {
	margin-bottom: 5px;
	line-height:15px;
	font-weight:normal;
	}

/* Caption */
	ul.sigProClassic span.sigProPseudoCaption,ul.sigProClassic span.sigProCaption {
	display:block;
	position:absolute;bottom:0; left:0; right:0;
	text-align:center;
	padding:2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000; }

	ul.sigProClassic li.sigProThumb a.sigProLink span.sigProPseudoCaption {
	background:#fff;
	}

	ul.sigProClassic li.sigProThumb a.sigProLink:hover span.sigProPseudoCaption {
	background:#c7b563;
	}

	ul.sigProClassic span.sigProPseudoCaption {
	opacity:0.9; -moz-opacity:0.9;
	}

	ul.sigProClassic span.sigProPseudoCaption b {
	visibility:hidden;
	font-weight:normal;
	}

	ul,ol {
		list-style-position: outside;
		margin-bottom: 20px;
		list-style-type: disc;
		margin-left: 35px;
	}

	a.button, input.button, button, .btn {
		display:inline-block;
		font-size:18px;
		font-weight:400;
		line-height:normal;
		height:auto;
		color:#FFF;
		background-color: #c7b563;
		text-align:center;
		padding: 5px 25px;
		border:none;
		margin-right:10px;
		margin-bottom:10px;
		cursor:pointer;
	}

	a.button:hover, input.button:hover, .btn:hover {
		text-decoration:none;
		background-color: #736b36;
		color:#FFF;
	}

	table {
		margin-bottom:20px;
	}

	table td, table th {
		height:30px;
		padding:0 10px;
	}

	.jmoddiv.jmodinside {
		position:static;
	}


/* ----------------------------------------------------------------------------------------------------- */

	/* Main Classes */

	.container {
		margin: 0 auto;
		padding: 0 20px;
		width: 980px;
		box-sizing:border-box;
		position:relative;
	}

	.row {

	}

	.newline {
		clear:left;
	}

	.clear {
		clear:both;
	}

	.tooltip, .jmodedit, .icons a.dropdown-toggle, .popover {
		display:none !important;
	}

	fieldset {
		border:none;
		padding:0;
		margin:10px 0;
	}


/* ----------------------------------------------------------------------------------------------------- */

	/* HEADER */

	#header {
		height:auto;
	}

		/* HEADER LOGO */

		#header .logo {
			padding-top:10px;
		}

		#header .logo p {
			margin:0;
			padding:0;
			display:inline-block;
		}

		#header .logo h2 {
			display:inline-block;
			margin: 0 0 0 15px;
			color: #c7b563;
			font-size:18px;
			font-weight: 400;
			font-style: italic;
		}

		/* END HEADER LOGO */

		/* LANGUAGE SWITCHER */

		#header .mod-languages {
			position: absolute;
			right:0;
			top: 0;
		}

		#header .mod-languages  li {
			margin:0;
			padding:0;
		}

		#header .mod-languages  li:first-of-type {
			/* First language OFF */
			/* display:none; */
		}

		#header .mod-languages  li a{
			display: block;
			float:left;
			margin-left:1px;
			height: 40px;
			width:40px;
			text-align:center;
			line-height:40px;
			color: #c7b563;
			background: #f4f4f6;
		}

		#header .mod-languages  li a:hover{
			background: #e4e4e4;
		}

		#header .mod-languages  li.lang-active a{
			color: #000;
			background: #fff;
		}

		/* END LANGUAGE SWITCHER */

		/* SEARCH BOX */

		#header .search {
			position: absolute;
			right:185px;
			width:250px;
			top: 5px;
		}

		#header .search label {
			display:none;
		}

		#header .search button {
			float:left;
		}

		#header .search input {
			float:left;
			box-sizing:border-box;
			border:1px solid #c7b563;
			border-radius:0;
			width:150px;
			height:32px;
			line-height:32px;
		}

		#header .search button {
			font-weight:300;
			box-sizing:border-box;
			width:80px;
			height:32px;
			font-size:16px;
			padding:0;
		}

		/* END SEARCH BOX */

		/* HEADER MAIN MENU */

		#header > div.menu {
			position:relative;
		}

		#header ul.menu {
			margin:18px 0 0;
			list-style:none;
			width:100%;
			height:50px;
		}

		#header ul.menu ul {
			list-style:none;
			margin:0;
		}

			/* LEVEL 1 */

			#header ul.menu > li {
				display:block;
				float:left;
				height: 50px;
				line-height:50px;
				margin:0 1px 0 0;
				color: #666666;
				background:#fff;
			}

			#header ul.menu > li > a {
				display:block;
				padding: 0 8px;
				width:100%;
				height:100%;
				text-decoration:none;
				color:#666666;
			}

			#header ul.menu > li:hover > a, #header ul.menu > li.active > a {
				color: #fff;
				background:#c7b563;
			}

			#header ul.menu > li:hover > a {
				color: #fff;
				background:#9897a3;
			}

			/* END LEVEL 1 */

			/* LEVEL 2 */

			#header ul.menu > li.singleColumn {
				position:relative;
			}

			#header ul.menu > li > ul {
				display:none;
				line-height:normal;
				position:absolute;
				margin-top:-5px;
				border-top: 5px solid #c7b563;
				background: #fff;
				z-index:50;
			}

			#header ul.menu > li:hover > ul {
				display:block;
			}

			#header ul.menu > li.singleColumn > ul {
				box-sizing:border-box;
				left:0px;
				top:50px;
				height:auto;
				width:250px;
				padding: 20px;
			}

			#header ul.menu > li.fullWidth > ul {
				top:100%;
				width:940px;
				right:20px;
				left:20px;
				height:300px;
			}

			#header ul.menu > li.fullWidth > ul > li {
				box-sizing:border-box;
				width:100%;
				border-right: 1px solid #e5e5e5;
				padding: 20px;
				float:left;
				height:100%;
			}

			#header ul.menu > li.columns4 > ul > li {
				width:25%;
			}

			#header ul.menu > li.columns5 > ul > li {
				width:20%;
			}

			#header ul.menu > li > ul > li .nav-header, #header ul.menu > li.fullWidth > ul > li > a {
				display:block;
				box-sizing:border-box;
				color: #c7b563;
				background: #fff url("../images/campa-menu-klok.png") no-repeat 20px 20px;
				min-height:72px;
				margin: -20px -20px 0px;
				padding:26px 10px 10px 35px;
				font-weight:700;
				text-decoration:none;
			}

			#header ul.menu > li.fullWidth > ul > li > a:hover, #header ul.menu > li.fullWidth > ul > li.active > a {
				background-color: #f0f0f0;
			}

			#header ul.menu > li.singleColumn > ul > li > a {
				display:block;
				line-height:normal;
				margin: 0px -20px 1px;
				padding:5px 30px;
				min-height:0;
				background: none;
				font-weight:300;
				color:#666666;
				text-decoration:none;
			}

			#header ul.menu > li.singleColumn > ul > li > a:hover, #header ul.menu > li.singleColumn > ul > li.active > a {
				background: #c7b563;
				color:#fff;
			}

			/* END LEVEL 2 */

			/* LEVEL 3 */


			#header ul.menu > li > ul > li > ul > li a {
				display:block;
				line-height: normal;
				margin: 0px -20px 1px;
				padding: 5px 5px 5px 40px;
				background: transparent url("../images/campa-menu-arrow-gray.png") no-repeat 27px 12px;
				color:#666666;
				text-decoration:none;
				word-wrap: break-word;
				font-size:15px;
			}

			#header ul.menu > li > ul > li > ul > li a:hover, #header ul.menu > li > ul > li > ul > li.active a {
				background: #c7b563 url("../images/campa-menu-arrow-white.png") no-repeat 27px 12px;
				color:#fff;
			}

			/* END LEVEL 3 */

		/* END HEADER MAIN MENU */

	/* END HEADER */

	/* BANNER */

	#banner {
		position:relative;
		background: #f4f4f6;
		text-align:center;
		min-height:300px;
	}

	#banner-slogan {
		margin:0 auto;
		position:relative;
		width:100%;
		max-width:1440px;
		min-width:980px;
		overflow:hidden;
		height:300px;
	}

	#banner-slogan .moduletable {
		padding:0;
		margin:0;
		width:1440px;
		position:absolute;
		top:0;
		left:50%;
		margin-left:-720px;
	}

	#banner-slogan .custom {
		/* FIX PROBLEM WITH BANNER HEIGTH */
		min-height:300px !important;
	}

	#banner-slogan ul {
		list-style:none;
		margin:0;
		height:100%;
	}

	#banner-slogan img {
		display:block;
		margin:0 auto;
		z-index:1;
		height:auto;
		width:auto;
		max-width:100%;
	}

	#banner-slogan h1, #banner-slogan h2 {
		text-align:center;
		margin:0;
		z-index:2;
		position: absolute;
		bottom:22px;
		left:0;
		right:0;
		font-size:24px;
		color:#fff;
		font-weight:700;
		text-shadow: 1px 1px 2px #000;
	}

	/* END BANNER */

	/* SYSTEM MESSAGES */

	#system-message-container {
		margin-top:30px;
		margin-bottom:-15px;
		color:red;
	}

	.alert a.close {
		display:none;
	}

	#system-message-container p {
		margin-bottom:3px;
	}

	/* END SYSTEM MESSAGES */

	/* CONTENT */

	#content {
		padding-bottom:30px;
	}

	#content .content-main {

	}

	#content .content-main-small {
		width:620px;
		float:left;
	}

	#content .content-sidebar {
		width:300px;
		float:right;
		margin-top:22px;
	}

	#content .content-sidebar .moduletable{
		margin-top:50px;
	}

	#content .content-sidebar .moduletable:first-of-type{
		margin-top:0;
	}

	#content .content-sidebar .moduletable > h3 {
		display:block;
		margin:0;
		text-transform: capitalize;
		text-align:center;
		font-size:18px;
		font-weight:700;
		height:60px;
		line-height:60px;
		color:#fff;
		background-color: #9897a3;
	}

	#content .content-sidebar .custom {
		background-color: #f4f4f6;
		padding: 20px 10px;
	}

		/* BREADCRUMB */

		ul.breadcrumb {
			z-index:999;
			margin: 20px 0 0;
			list-style:none;
			overflow:auto;
		}

		ul.breadcrumb li {
			float:left;
		}

		ul.breadcrumb .divider {
			margin:0 10px;
		}

		ul.breadcrumb .divider.icon-location {
			margin:0;
		}

		/* END BREADCRUMB */

		/* NEWSFLASH BELOW CONTENT*/

		#content .content-main .moduletable {
			margin-top:50px;
		}

		#content .content-main .newsflash-item {
			margin-bottom:25px;
		}

		#content .content-main .newsflash h4 {
			font-size:17px;
			margin-bottom:12px;
		}

		#content .content-main .newsflash a.readmore {
			display:block;
			clear:left;
			float:left;
			margin-bottom:25px;
		}

		#content .content-main .newsflash a.intro-image {
			float:left;
			margin-right: 15px;
			margin-bottom:10px;
			max-width:100px;
		}

		#content .content-main .newsflash a.intro-image img{
			max-width:100px;
			border:1px solid #666666;
		}

		/* END NEWSFLASH BELOW CONTENT */

		/* NEWSFLASH SIDEBAR*/

		#content .content-sidebar .newsflash {
			position:relative;
			background-color: #f4f4f6;
			padding: 10px 10px 95px;
		}

		#content .content-sidebar .newsflash h4 {
			font-size:24px;
			font-weight:300;
			margin-top: 10px;
			margin-bottom: 20px;
		}

		#content .content-sidebar .newsflash a {
			font-weight:700;
		}

		#content .content-sidebar .newsflash a.intro-image {
			position:absolute;
			bottom:10px;
			right:10px;
		}

		#content .content-sidebar .newsflash a.intro-image img{
			display:block;
			height:100px;
			width:auto;
			max-width:200px;
		}

		/* END NEWSFLASH SIDEBAR */

		/* NEWS PAGE */

		.blog .item-image {
			float:left;
			margin-right: 15px;
			margin-bottom:10px;
			max-width:100px;
		}

		.blog .item-image img {
			max-width:100px;
			border:1px solid #666666;
		}

		.blog .readmore {
			clear:left;
		}

		/* END NEWS PAGE */

		/* SEARCH PAGE */

		#searchForm {
			margin-top: 30px;
		}

		#searchForm #search-searchword {
			float:left;
			box-sizing:border-box;
			border:1px solid #c7b563;
			height:32px;
			line-height:32px;
		}

		#searchForm button {
			box-sizing:border-box;
			font-size:16px;
			line-height:20px;
			height:32px;
		}

		#searchForm .phrases, #searchForm .only, #searchForm .form-limit {
			display:none;
		}

		.search-results .result-category, .search-results .result-created {
			display:none;
		}

		.search-results .result-text {
			margin: 10px 0 25px;
		}

		.pagination {
			text-align:center;
		}

		.pagination ul {
			margin: 25px 0 0;
			display:inline-block;
			overflow:auto;
			list-style:none;
		}

		.pagination li {
			float:left;
			padding:0 10px;
		}

		.pagination .pagination-next {
			padding-right:0;
		}

		.pagination .pagination-start, .pagination .pagination-end {
			display:none;
		}



		/* END SEARCH PAGE */

		/* PARTNERSHIP */

		#content .content-sidebar .custom.campa-partner {
			padding-bottom: 0;
		}

		#content .content-sidebar .custom.campa-partner a {
			background-color: #c7b563;
			color: #fff;
			display: block;
			font-size: 18px;
			font-weight: 700;
			height: 60px;
			line-height: 60px;
			text-align: center;
			margin:20px -10px 0;
		}

		/* END PARTNERSHIP */

		/* CONTACT FORMS */

		#contactForm label {
			display:block;
			margin-bottom:5px;
		}

		#contactForm input, #contactForm textarea {
			display:block;
			margin-bottom:0;
			width:250px;
		}

		#contactForm #formCaptcha {
			min-height:80px;
			margin-bottom:20px;
		}

		#contactForm p.message.error {
			margin-bottom:5px;
			color:red;
		}

		/* END CONTACT FORMS */

		/* FAQ PAGE */

		div.page-faq h3 {
			cursor: pointer;
			background-image: url(../images/faq_more.png);
			background-position: left center;
			background-repeat: no-repeat;
			margin-left: 0px;
			padding-left: 50px;
			color: #c7b563;
			font-size: 22px;
		}

		div.faq-item {
			padding-bottom:25px;
		}

		/* END FAQ PAGE */

		/* LOGIN MODULE FORM */

		#login-form label {
			display:inline-block;
			width:110px;
			margin-right:15px;
		}

		#login-form #form-login-remember {
			margin-bottom:20px;
		}

		#login-form ul.unstyled {
			margin-left:17px;
		}

		/* END LOGIN MODULE FORM */

		/* REGISTRATION FORM */

			#member-registration fieldset {
				border:none;
				padding:0;
			}

			#member-registration legend {
				display:none;
			}

			#member-registration #jform_spacer-lbl {
				display:block;
				margin-bottom:20px;
				color: red;
			}

			#member-registration #jform_captcha {
				margin-bottom:20px;
			}

			.registration #profile_tabs {
				display:none;
			}

		/* END REGISTRATION FORM */

	/* END CONTENT */

	/* CONTENT BAR */

	#content-bar {
		min-height:100px;
		background-color:#f4f4f6;
	}

	#content-bar-container {
		position:relative;
	}

	#content-bar .content-bar-main {

	}

	#content-bar .content-bar-main-small {
		width:620px;
		float:left;
	}

	#content-bar .content-bar-sidebar {
		width:300px;
		height:100%;
		float:right;
	}

	#content-bar .content-bar-sidebar .contact-button a{
		display:block;
		width:300px;
		position:absolute;
		right:20px;
		top:50%;
		margin-top:-30px;
		text-align:center;
		font-size:18px;
		font-weight:700;
		height:60px;
		line-height:60px;
		color:#fff;
		background-color: #c7b563;
	}

		/* CONTENT BAR GALLERY */

		.bottom-gallery ul {
			list-style:none;
			margin:0;
		}

		.bottom-gallery ul li{
			overflow:auto;
		}

		.bottom-gallery img {
			display:block;
			margin:0;
			float:left;
		}

		.bottom-gallery { position: relative;}

		.dots {
			position:absolute;
			bottom:10px;
			right:18px;
			z-index:50;
			text-align:center;
			margin:0;
		}

		.dots li {
			border: 2px solid #c7b563;
			border-radius: 6px;
			cursor: pointer;
			background: #000;
			display: inline-block;
			height: 10px;
			margin: 0 4px;
			opacity: 0.5;
			text-indent: -999em;
			transition: background 0.5s ease 0s, opacity 0.5s ease 0s;
			width: 10px;
		}

		.dots li.active {
			background: #fff;
			opacity: 0.95;
		}

		/* EINDE CONTENT BAR GALLERY */

	/* END CONTENT BAR */

	/* FOOTER */

	#footer {
		padding-top:50px;
		padding-bottom:50px;
	}

	#footer p {
		margin-bottom:15px;
	}

	#footer-container {
		position:relative;

	}


		/* FOOTER ADDRESS & SOCIALS */

		#footer .custom.address-info {
			position:absolute;
			left:20px;
			bottom:0;
		}

		#footer .custom.address-info p {
			margin-bottom:0;
		}

		#footer .custom.address-info img {
			vertical-align:middle;
		}

		/* END FOOTER ADDRESS & SOCIALS */

		/* FOOTER MENU */

		#footer ul {
			list-style:none;
			margin:0;
			padding:0;
		}

		#footer ul.menu {
			margin-left: 150px;
			font-size:14px;
		}

		#footer ul.menu a {
			text-decoration:none;
		}

		#footer ul.menu > li {
			display:inline-block;
			float:left;
			margin-left:50px;
			max-width:180px;
		}

		#footer ul.menu > li > a {
			font-weight:700;
		}

		#footer ul.menu li li li {
			margin-left:15px;
		}

		/* END FOOTER MENU */

	/* END FOOTER */

	/* start cookieBanner */
	  div.cookieBanner
	  {
	    background-color: rgba(5, 68, 104, 0.9);
	    position: fixed;
	    z-index: 1100;
	    width: 100%;
	    padding: 15px;
	    bottom: -110px;
	    min-height:75px;
	  }

	  div.cookieBanner.slide-up
	  {
	    bottom: 0px !important;
	  }

	  div.cookieBanner.slide-down
	  {
	    bottom: -110px !important;
	  }

	  div.cookieBanner p
	  {
	    color: #fff;
	    font-size: 16px;
	    margin-right:250px;
	  }

	  div.cookieBanner a
	  {
	    color: #fff;
	    font-weight:bold;
	    text-decoration: underline;
	  }

	  div.cookieBanner a:hover
	  {
	    color: rgba(255,255,255,0.5);
	    text-decoration: underline;
	  }

	  div.cookieBanner div.hideCookieMessage
	  {
	    position:absolute;
	    right:25px;
	    top:10px;
	    display: block;
	    background: #BEAE63;
	    width: 200px;
	    float: right;
	    color: #fff;
	    padding: 5px;
	    text-align: center;
	    margin:10px 25px;
	    cursor: pointer;
	  }

	  div.cookieBanner div.hideCookieMessage:hover
	  {
	    background: #8B7B30;
	  }
	/* einde cookieBanner */