/* Copyright FUZE Framework - Ebbers Media BV | Fuze - CSS */
/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

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

html {
  margin:0;
  padding:0;
  border:0;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
* { box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {
    display:block;
}

/* Line-height should always be unitless! */
body {
  line-height: 130%; /*1.5*/
  background: white;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse: separate;
  border-spacing: 0;
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {
  text-align: left;
  font-weight: normal;
  float:none !important;
}
table, th, td {
  vertical-align: middle;
}
input, button,select { border:none;-webkit-appearance:none;-moz-appearance:none;border-radius:0px;}
textarea { resize:vertical;}
/* DELETE Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
img { display:block;}
/* Remember to define your own focus styles! */
:focus { outline: 0; }/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('app/Styles/images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('app/Styles/images/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('app/Styles/images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('app/Styles/images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('app/Styles/images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('app/Styles/images/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('app/Styles/images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('app/Styles/images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('app/Styles/images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('app/Styles/images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('app/Styles/images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('app/Styles/images/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('app/Styles/images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('app/Styles/images/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('app/Styles/images/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('app/Styles/images/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('app/Styles/images/fancybox/fancybox.png') -55px -90px no-repeat;
}

div#fancy_inner {border-color:#000;}
div#fancy_close {right:-15px;left:-12px}
div#fancy_bg {background-color: #000; border:1px solid #000;}/* Send to friend popup */
body.fuze-ajax-render_form{background:#fff;}

/* Loading */
#wpdc-loading { position: fixed;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 9999;display: none;}
	#wpdc-loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background-image: url(_core/css/images/loading.png);}

/* Error handling */
.footer_errors{background: transparent!important;}
.error_message{border:1px solid #e9bdbd;background: #fcd9d9;color: #ff0000;text-align:center;padding:5px 20px;}
.error_message p{margin-bottom:0px;}
.success_message{border:1px solid #c4e9bd;background: #dffcd9;color: #429b57;text-align:center;padding:5px 20px;}

/* Fuze Debug screen */
#fuze-debug{text-align:left;padding:20px;background:#333;}
#fuze-debug,
	#fuze-debug h1,
	#fuze-debug h2,
	#fuze-debug h3,
	#fuze-debug h4,
	#fuze-debug h5,
	#fuze-debug h6,
	#fuze-debug p{font-family:Arial;}

	#fuze-debug h3, 
		#fuze-debug-page h3{padding:10px;display:block;color:#fff;background:#b90000;margin-bottom:10px;}
	
	#fuze-debug-page{background:#fff;margin-right:340px;height:100%;padding:10px;height:400px;overflow-y:scroll;}
		#fuze-debug-page h3{background:#b1b1b1;}
		#fuze-debug-page-details > div.fl{margin-right:10px;padding:10px;border:1px solid #000;}
			#fuze-debug-page-details th{font-size:16px;margin-bottom:10px;display:block;}

	#fuze-errors{color:#000;width:300px;padding:10px;background:#fff;height:400px;overflow-y:scroll;}
		#fuze-errors li{padding:5px 0;border-bottom:1px solid #ddd;}
		#fuze-errors li.priority-high{background: #ffeded;color: #ff0000;border-color:#e9bdbd;}
	#fuze-errors-label{background:#fff url(_core/css/images/fuze-errors-label.png) no-repeat 10px 8px;border:1px solid #e9bdbd;border-top:0; color:#000;display:block;padding:5px 10px 5px 35px;}

/* Overlay */
._overlay{ background: #000; position:fixed;height:100%;width: 100%; cursor:pointer;z-index:990;}

/* Google maps fix */
.googlemap_wrapper img{ background-color: transparent !important;}/*
Theme Name: Fuze framework
Version: 2.2
Description: Designed by <a href="http://www.ebbersmedia.nl">ebbers media</a>.
Author: ebbersmedia.nl
Author URI: http://www.ebbersmedia.nl

	� FUZE Framework - Ebbers Media BV

*/

/* Html en Body
----------------------------------------------------------*/
html{}
body{font-family:'Quattrocento Sans',Arial,Helvetica,Sans-serif; min-height:100%;line-height:20px;font-size:16px;background:url(images/header-bg.jpg) repeat 0 0 #e6cb19;}

.colfull{ width:1280px;position:relative;}
.auto { margin:auto;}
.fl, .alignleft { float:left;}
.fr, .alignright { float:right;}
.clr { clear:both;}
.bold {font-weight:bold;}
.half {width:50%;}
.half:first-child {padding-right:50px;}

.table { display:table;}
.row { display:table-row;}
.cell { display:table-cell;}

img {display:block;}

#container { overflow:hidden;}
#wrapper { position: relative;transition: left 0.1s ease-in;left: 0px;width: 100%; }

/* Facebook Like / Share */
.a2a_dd.addtoany_no_icon.addtoany_share_save {
	font-size: 11px;
    margin-left: 30px;
    background-color: #4267b2;
    color: #fff !important;
    padding: 2px 4px !important;
    font-family: Helvetica, Arial, sans-serif !important;
    line-height: 1.5em;
    border-radius: 3px;
    margin-top: -2px;
}

.a2a_dd.addtoany_no_icon.addtoany_share_save:hover {
	background:#365899;
}

.a2a_menu a {
	color:#000 !important;
	font-family: 'Quattrocento Sans',Arial,Helvetica,Sans-serif !important;
}

.addtoany_share_save_container {
    margin: 20px 0 40px !important;
}

/* Tekst standaarden
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6  { font-family: 'Arvo',Arial,Helvetica,Sans-serif;line-height:1em; }
h1{font-size:30px;} h2, h3{font-size:25px;color:#5a3b21;margin-bottom:25px;}
h4{font-size:16px;} h5{font-size:14px;} h6{font-size:12px;}

p {margin-bottom:15px;}
a {color:#5a3b21;text-decoration:none;}
a:hover {text-decoration:underline;}
em, i {font-style:italic;}

/* Formulieren
----------------------------------------------------------*/
.button {display:inline-block;padding:15px 20px;text-align:center;transition:all 0.1s ease;background:black;color:white;}
	.button:hover {text-decoration:none;cursor:pointer;color:black;background:white;}
input[type=text], input[type=email], textarea { margin:0px;padding:15px 20px;}

#contactform, #contactform form {
	width:100%;
}

#contactform input {
	width:100%;
	border:1px solid #97795f;
	margin-bottom:10px;
}

#contactform.donate {
	table-layout:fixed;
	width:100%;
	max-width:670px;
	background-color:transparent !important;
	text-align:left;
	margin:0;
}

#contactform.donate .form-label {
	width:150px;
	color:#5A3B21;
	text-transform:none;
	font-weight:bold;
	font-size:16px;
}

#contactform.donate .submit {
	width:100px;
	max-width:100%;
	margin-top:0 !important;
}

/* Loader
----------------------------------------------------------*/
#squared-loader{height:11px;width:43px;margin:10px auto;background-image: url(app/Styles/images/squares-loader.gif);}

/* Header
----------------------------------------------------------*/
header {
	display:block;
	width:100%;
	padding-bottom:20px;
	position:relative;
	z-index:999;
}

header.page {
	padding-bottom:86px;
}

#logo {
	display:block;
	position:fixed;
	top:0;
	left:50%;
	margin-left:-49px;
}

#header-content {
	width:100%;
	table-layout:fixed;
}

#header-content .cell {
	vertical-align:bottom;
}

#header-content .cell + .cell {
	width:40%;
	padding-left:1em;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#header-content .row:first-child .cell + .cell {
	vertical-align:middle;
}

header .menu-item {
	display:block;
	width:33.33%;
	max-width:280px;
	margin-right:0.5%;
	float:left;
}

header .menu-item a {
	display:block;
	width:100%;
	background:no-repeat 0 0 transparent;
	background-size:contain;
	/*min-height:465px;*/
	position:relative;
}

header .menu-item img {
	max-width:100%;
	height:auto;
}

header .item .content {
	display:block;
	width:100%;
	height:auto;
	background-color:#24a650;
	position:absolute;
	bottom:100%;
	left:0;
	min-height:95px;
}

header .item.item-11 .content, nav .item.item-11 {
	background-color:#2c498b;
}

header .item.item-13 .content, nav .item.item-13 {
	background-color:#128bc8;
}

header .item .icon {
	display:block;
	width:80px;
	height:80px;
	margin:0 auto;
	margin-top:12px;
	background:no-repeat 0 0 transparent;
}

header .item.item-9 .icon {
	background-image:url(images/empowerment-icon.png);
}

header .item.item-11 .icon {
	background-image:url(images/education-icon.png);
}

header .item.item-13 .icon {
	background-image:url(images/animal-welfare-icon.png);
}

nav .item {
	display:block;
	width:32.83%;
	max-width:280px;
	float:left;
	line-height:35px;
	color:#fff;
	font-family: 'Arvo',Arial,Helvetica,Sans-serif;
	font-size:20px;
	text-decoration:none;
	text-align:center;
	background-color:#24a650;
	margin-right:0.5%;
	position:relative;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
}

nav .cell + .cell .item {
	/* width:49.6%; */
	width: fit-content !important;
	padding-left: 16px;
	padding-right: 16px;
	margin-right:0.8%;
	font-size:18px;
	background-color:#5a3b21;
}

nav .cell + .cell .item + .item {
	/* margin-right:0; */
}

header .item .description {
	display:block;
	overflow:hidden;
	height:auto;
	font-family:'Quattrocento Sans',Arial,Helvetica,Sans-serif;
	min-height:100%;
	line-height:20px;
	font-size:16px;
	margin-bottom:0;
	padding:0 5px;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
}

nav .cell {
	max-height:35px;
}

#header-content nav .cell + .cell {
	vertical-align:bottom;
}

nav .cell .item {
	margin-top:-72px;
}

#header-content nav .cell + .cell .item {
	margin-top:0;
}

nav .item:hover, nav .item.hover {
	background-color:#21994a;
}

nav .item.item-11:hover, nav .item.item-11.hover {
	background-color:#35539a;
}

nav .item.item-13:hover, nav .item.item-13.hover {
	background-color:#127fb5;
}

nav .cell + .cell .item:hover {
	background-color:#724d2e;
}

#header-content.page .item.active {
	background-color:#fff;
}

#header-content.page .item.active a {
	color:#5a3b21;
}

#header-content.page .item.item-9.active a {
	color:#24a650;
	border-color:#24a650;
}

#header-content.page .item.item-11.active a {
	color:#2c498b;
	border-color:#2c498b;
}

#header-content.page .item.item-13.active a {
	color:#128bc8;
	border-color:#128bc8;
}

nav .item .title {
	margin:0;
}

header .inner {
	display:block;
	/* width:80%; */
	/* float:right; */
}

header h1, #title h1 {
	color:#5a3b21;
	font-size:40px;
	line-height:1em;
}

body.home header h1 span {
	font-size:28px;
}

header .inner a {
	display:block;
	line-height:35px;
	font-size:18px;
	text-decoration:none;
	color:#5a3b21;
	border:1px solid #5a3b21;
	border-radius:3px;
	text-align:center;
	font-weight:bold;
	margin-top:10px;
	max-width:175px;
	text-transform:uppercase;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
}

header .inner a:hover {
	color:#e6cb19;
	background-color:#5a3b21;
}

nav.sticky, header.page nav {
	display:table;
	table-layout:fixed;
	position:fixed;
	top:-20px;
	margin:0 auto;
	width:100%;
	max-width:1280px;
	z-index:999;
}

header.page nav {
	top:0;
}

#header-content.page li a {
	color:#fff;
	text-decoration:none;
	display:block;
}

#header-content.page ul + ul li {
	width: fit-content !important;
	padding-right: 16px !important;
	padding-left: 16px !important;
	margin-right:0.8%;
}

#header-content.page ul + ul li a {
	font-size:18px;
}

#header-content.page .item-5, #header-content.page .item-7,
#header-content.page .item-31 {
	background-color:#5a3b21;
}

#header-content.page .item-5:hover, #header-content.page .item-7:hover {
	background-color:#724d2e;
}

#header-content.page .item-5.active a, #header-content.page .item-7.active a {
	color:#5a3b21;
	background-color:#fff;

}

#header-content.page ul {
	width:67%;
	display:block;
	float:left;
}

#header-content.page ul + ul {
  width: 33%;
  padding-left: 1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Dropdown menu met 3+ levels
----------------------------------------------------------*/
#topnav{}
#topnav ul{}
#topnav li{white-space:nowrap;position:relative;list-style:none;}

	/* First level
	----------------*/
	#topnav > ul > li { float:left;	}
	#topnav a { display:block;text-decoration:none;padding:15px 20px;background:white;color:black;transition:all 0.1s ease;}
	#topnav ul li a:hover,
		#topnav ul li.current_page_item > a,
			#topnav ul li:hover > a,
				#topnav ul li.current_page_ancestor > a{ background:black;color:white;}
				#topnav ul li:hover .dropdown{ display:block; }
				#topnav span.span_has_children{background: url(images/has-children.png) no-repeat 10px 1px;height:8px;width:8px;display:inline-block;padding-left:10px;}

		/* Second level
		----------------*/
		#topnav ul.dropdown{position:absolute;z-index:100;left:0px;top:100%;display:none;min-width:140px;}
			#topnav ul ul li{}
			#topnav ul ul a{text-decoration: underline;display:block;}
				#topnav ul ul li:hover{}
				#topnav ul ul li:hover > a{text-decoration:none;}

			/* Third level into infinity
			--------------------------------*/
			#topnav ul ul span.span_has_children{background-image:url(images/ul-has-children.png);}
			.dropdown ul {display:none;position:absolute;left:100%;top:0;}
			.dropdown li:hover > ul,
				.dropdown ul > li:hover > ul,
				.dropdown ul ul > li:hover > ul{display:block;}

/* Responsive Menu
----------------------------------------------------------*/
#resMenu { position: fixed;z-index: 9999;overflow: hidden;top: 0px;right: -325px;width: 325px;height: 100%;background:#5A3B21;transition: all 0.1s ease; }
#wrapper.open #resMenu { right: 0px; }

#resNav { padding: 60px 30px;height: 100%;overflow-y: scroll;width: 105%;}
#resNav li { list-style:none;}
#resNav a { color:white;display:block;padding:10px 20px;text-decoration:none;transition: all 0.1s ease;}
#resNav .current_page_item > a,
#resNav .current_page_ancestor > a,
#resNav a:hover { background:#e6cb19;color:#5A3B21;}
#resNav .ul_li_ul { padding-left:20px;}

#resNavOpener { display:none;margin-top:20px;color:#5A3B21;cursor:pointer;}
#resNavOpener p { display: inline-block;line-height: 30px;vertical-align: top;margin-bottom:0;}
#resNavOpener span { margin-left: 10px;font-size: 30px;line-height: 30px;}
.menuIcon {	width: 27px;transition: all 0.1s ease-in;cursor: pointer;}
.miniBar { background: black;height: 4px;width: 100%;transition: all 0.1s ease;}
	.miniBar.middle { margin: 4px 0px; }
	.menuIcon:hover .miniBar { background: grey;}

#resNavCloser {
	float: right;
	color: #fff;
	font-size: 25px;
	margin-top:-25px;
	cursor:pointer;
	margin-bottom:15px;
}

/* Content
----------------------------------------------------------*/
#home-content, #contentPage.page {
	padding-top:62px;
	padding-bottom:62px;
	background:url(images/content-stroke-pattern.jpg) repeat-x 0 0 #fff;
	margin-top:20px;
	position:relative;
}

#contentPage.page:before {
	content:" ";
	display:block;
	width:100%;
	height:37px;
	position:absolute;
	left:0;
	bottom:0;
	background:url(images/content-stroke-bottom-pattern.jpg) repeat-x 0 0 #fff;
}

#contentPage.page h1 {
	font-size: 25px;
	color: #5a3b21;
	margin-bottom: 25px;
}

#recent-developments {
	padding-top:62px;
	padding-bottom:20px;
	background:url(images/content-stroke-bottom-pattern.jpg) repeat-x 0 0 transparent;
}

#home-content #posts, #home-content #lop-projects {
	width:50%;
}

#posts .page-loop a {
	color:#5a3b21;
	font-weight:bold;
}

#posts .page-loop a:hover {
	text-decoration:none;
}

#projects .project {
	display:block;
	float:left;
	border:1px solid #000;
	width:47%;
	max-width:307px;
	margin-left:3%;
	overflow:hidden;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#projects .project:first-child {
	margin-left:0;
}

#contentPage.page #projects .project {
	width:24%;
	margin-left:1.55%;
	max-width:305px;
	margin-bottom:20px;
}

#contentPage.page #projects .project:first-child, #contentPage.page #projects .project.first {
	margin-left:0;
}

#projects .project .project-thumbnail {
	position:relative;
	margin-bottom:20px;
}

#projects .project img {
	max-width:100%;
	width: 100%;
	height: 195px;
	object-fit: cover;
}

#projects .project h4, #contentPage.project h1 {
	display:block;
	width:100%;
	min-height:75px;
	max-height:100%;
	font-size:18px;
	text-align:center;
	line-height:30px;
	color:#fff;
	background-color:#24a650;
	background-color:rgba(36,166,80,0.8);
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-top:7px;
	padding-left:5px;
	padding-right:5px;
	position:absolute;
	bottom:0;
	left:0;
	overflow:hidden;
	text-overflow:ellipsis;
}

#projects .project.cat-education h4, #contentPage.project.cat-education h1 {
	background-color:#2c498b;
	background-color:rgba(44,73,139,0.8);
}

#projects .project.cat-animal-welfare h4, #contentPage.project.cat-animal-welfare h1 {
	background-color:#128bc8;
	background-color:rgba(18,139,200,0.8);
}

#projects .project strong {
	font-size:18px;
}

#projects .project .content {
	font-size:16px;
	line-height:1.4em;
	padding:0 10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:18px;
	height:110px;
}

#projects .project .content ul {
	padding-left:16px;
}

#projects .project .buttons {
	padding-bottom:10px;
	display:block;
}

#projects .project .buttons a {
	display:block;
	line-height:28px;
	font-size:17px;
	text-decoration:none;
	color:#5a3b21;
	border:1px solid #5a3b21;
	border-radius:3px;
	text-align:center;
	font-weight:bold;
	max-width:170px;
	text-transform:uppercase;
	margin:0 auto;
	margin-bottom:10px;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
}

#projects .project .buttons a:hover {
	color:#fff;
	background-color:#5a3b21;
}

.colfull.larger {
	width:1508px;
}

#posts-slider, #quotes {
	position:relative;
}

#quotes {
	overflow:hidden;
}

#posts-slider #slider-wrapper, #quotes #slider-wrapper {
	width:1280px;
	margin:0 auto;
	height:265px;
	overflow:hidden;
}

#quotes #slider-wrapper {
	height:140px;
	padding:20px 0;
}

#posts-slider #inner-wrap, #quotes #inner-wrap {
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}

#quotes .quote {
    display: block;
    float: left;
	height:100px;
	width:1280px;
}

#quotes .quote p {
	line-height:150%;
	margin-bottom:0;
	text-align:center;
	color: #5A3B21;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
}

#posts-slider .post {
	display:block;
	float:left;
	width:23.5%;
	margin-left:2%;
}

#posts-slider .post:first-child {
	margin-left:0;
}

#posts-slider a {
	color:#000;
	text-decoration:none;
	display:block;
	width:100%;
	border:10px solid #fff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	height:265px;
	background-color:#fff;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
}

#posts-slider a:hover {
	border-color:#5a3b21;
}

#posts-slider .post.project-2 a:hover {
	border-color:#24a650;
}

#posts-slider .post.project-3 a:hover {
	border-color:#2c498b;
}

#posts-slider .post.project-4 a:hover {
	border-color:#128bc8;
}

#posts-slider .post .post-thumbnail {
	width:100%;
	height:160px;
	margin-bottom:18px;
}

#posts-slider .post img {
	width: 100%;
	height:160px;
	object-fit: cover ;
}

#posts-slider .post h4 {
	font-size:16px;
	font-family:'Quattrocento Sans',Arial,Helvetica,Sans-serif;
	margin-bottom:10px;
	height:32px;
	padding:0 10px;
	overflow:hidden;
}

#posts-slider .post p {
	padding:0 10px;
	font-size:16px;
	color:#5a3b21;
	font-weight:bold;
}

#posts-slider .post.project-2 p {
	color:#24a650;
}

#posts-slider .post.project-3 p {
	color:#2c498b;
}

#posts-slider .post.project-4 p {
	color:#128bc8;
}

#navigation a {
	display:block;
	height:38px;
	width:34px;
	border:0;
	background:url(images/arrow-right.png) no-repeat 0 0 transparent;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -19px;
}

#navigation a.prev {
	background-image:url(images/arrow-left.png);
	right:auto;
	left:0;
}

#navigation a.no-click {
	zoom:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity:0.4;
	cursor:default;
}

#contentPage {
	margin-bottom:75px;
}

#contentPage.project > .colfull > .fl {
	display:block;
	position:fixed;
	width:100%;
	left:0;
	pointer-events:none;
}

#contentPage.project > .colfull > .fl .inner {
	display:block;
	width:34.1%;
	padding:60px 15px 0 98px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	pointer-events:all;
}

#contentPage.project .back, #contentPage.page .back {
	display:block;
	color:#5a3b21;
	text-decoration:none;
	font-size:18px;
	font-family: 'Arvo',Arial,Helvetica,Sans-serif;
	margin-bottom:35px;
}

#contentPage.page .back {
	margin-bottom:0;
	display:inline;
}

#contentPage.project .back span, #contentPage.page .back span {
	margin-right:0.5em;
}

#contentPage.project.cat-empowerment .back, #contentPage.page.cat-empowerment .back {
	color:#24a650;
}

#contentPage.project.cat-education .back, #contentPage.page.cat-education .back {
	color:#2c498b;
}

#contentPage.project.cat-animal-welfare .back, #contentPage.page.cat-animal-welfare .back {
	color:#128bc8;
}

#contentPage.project .back:hover, #contentPage.page .back:hover {
	text-decoration:underline;
}

#contentPage.project > .colfull > .fl h2 {
	margin-bottom:10px;
}

#contentPage.project > .colfull > .fl .buttons a {
	display: inline-block;
	line-height: 35px;
	font-size: 18px;
	text-decoration: none;
	color: #5a3b21;
	border: 1px solid #5a3b21;
	border-radius: 3px;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	padding:0 10px;
	text-transform: uppercase;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#contentPage.project > .colfull > .fl .buttons a span {
	margin-right:0.35em;
}

#contentPage.project > .colfull > .fl .buttons a:hover {
	color: #e6cb19;
	background-color: #5a3b21;
}

#contentPage.project > .colfull > .fr {
	display:block;
	width:65.9%;
	background-color:#fff;
	border:1px solid #000;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#contentPage.project .project-thumbnail {
	display:block;
	position:relative;
}

#contentPage.project .project-thumbnail img {
	max-width:100%;
	height:auto;
}

#contentPage.project h1 {
	font-size:35px;
	line-height:65px;
	min-height:65px;
	padding:0;
	background-color:#24a650;
	background-color:rgba(36,166,80,0.6);
}

#contentPage.project.cat-education h1 {
	background-color:#2c498b;
	background-color:rgba(44,73,139,0.6);
}

#contentPage.project.cat-animal-welfare h1 {
	background-color:#128bc8;
	background-color:rgba(18,139,200,0.6);
}

#contentPage.project .description, #contentPage.project .goal, #contentPage.project .whatwedo, #contentPage.project .project-content, #contentPage.project .hulpverleners {
	display:block;
	margin-bottom:20px;
}

#contentPage.project .description {
	padding-right:10px;
}

#contentPage.project .goal, #contentPage.project .whatwedo {
	padding-left:10px;
}

#contentPage.project .project-content {
	display:block;
	padding:20px;
	margin-bottom:0;
}

.project-content > .fl {
	display:block;
	width:50%;
	padding-right:10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.project-content > .fl + .fl {
	padding-right:0;
	padding-left:10px;
}

.project-content h4 {
	color:#5a3b21;
	font-size:18px;
	margin-bottom:16px;
	clear:both;
}

.project-content ul {
	padding-left:16px;
}

.project-content > .fl + .fl ul {
	list-style:none;
	padding:0;
}

.project-content .post {
	display:block;
	width:25%;
	float:left;
	overflow:hidden;
	height:175px;
	margin-bottom:20px;
}

.project-content .post a {
	display:block;
	width:87.5%;
	margin:0 auto;
	text-decoration:none;
}

.project-content .post img {
	max-width:100%;
	height:auto;
	margin:0 auto;
}

.project-content .post h4 {
	font-size:12px;
	color:#000;
	font-family:'Quattrocento Sans',Arial,Helvetica,Sans-serif;
	font-weight:bold;
	padding:10px 10px 0;
	margin-bottom:2px;
}

.project-content .post p {
	padding: 0 10px;
	font-size: 12px;
	color: #5a3b21;
	font-weight: bold;
}

.project-content .post.project-2 p {
	color:#24a650;
}

.project-content .post.project-3 p {
	color:#2c498b;
}

.project-content .post.project-4 p {
	color:#128bc8;
}

.project-content .recente-ontwikkelingen {
	margin-bottom:20px;
}

.project-content .recente-ontwikkelingen.more {
	height:229px;
	overflow:hidden;
	position:relative;
}

.project-content .more-ontwikkelingen {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:34px;
}

.project-content .more-button {
	display:block;
	width:32px;
	height:34px;
	margin:0 auto;
	background:url(images/arrow-down-button.png) no-repeat 0 0 transparent;
}

.project-content .hulpverleners .table {
	table-layout:fixed;
}

.project-content .hulpverleners .cell {
	vertical-align:middle;
	width:50%;
}

.project-content .hulpverleners .cell + .cell {
	padding-left:20px;
}

.project-content .hulp {
	float:left;
	display:block;
	width:33.33%;
}

.project-content .hulp img {
	margin:0 auto;
	max-width:100%;
	height:auto;
}

.project-content .donate {
	display: block;
	width:100%;
	max-width:225px;
	margin:0 auto;
	line-height: 28px;
	font-size: 17px;
	text-decoration: none;
	color: #fff;
	background-color:#5a3b21;
	border-radius: 3px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	margin-top:40px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.project-content .donate:hover {
	background-color:#724d2e;
}

#contentPage.page #posts {
	display:block;
	width:70%;
	vertical-align:top;
	padding-right:20px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#contentPage.page #thumb {
	display:block;
	width:30%;
	vertical-align:top;
}

#contentPage.page #thumb img {
	max-width:100%;
}

/* Footer
----------------------------------------------------------*/
footer {
	position:relative;
	margin-top:37px;
	background-color:#5a3b21;
	z-index:3;
}

#footer-top, #cta {
	background:url(images/footer-top.png) no-repeat top center transparent;
	display:block;
	width:1920px;
	height:37px;
	position:absolute;
	top:-36px;
	left:50%;
	margin-left:-960px;
}

#cta {
	background-image:none;
	height:476px;
	position:relative;
	top:0;
	left:0;
	margin:0;
	margin-bottom:-55px;
	z-index:1;
}

#cta > img {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-960px;
	z-index:1;
}

#cta .colfull {
	z-index:3;
	table-layout:fixed;
	width:1526px;
}

#cta h3 {
	font-size:50px;
	color:#fff;
}

#cta .cell {
	vertical-align:middle;
	height:476px;
	width:50%;
}

#cta a {
	display:inline-block;
	font-size:18px;
	color:#e6cb19;
	font-weight:bold;
	text-decoration:none;
	line-height:38px;
	height:35px;
	border-radius:10px;
	background-color:#5a3b21;
	width:185px;
	max-width:100%;
	text-align:center;
	text-transform:uppercase;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
}

#cta a:hover {
	background-color:#724d2e;
}

#copy {
	background-color:#3f2917;
	min-height:60px;
	color:#fff;
}

.footercol {
	float:left;
	display:block;
	width:25%;
	margin-bottom:20px;
	font-size:18px;
	color:#fff;
}

.footercol h4 {
	font-size:20px;
	color:#e6cb19;
	margin-bottom:30px;
}

.footercol a {
	color:#fff;
	text-decoration:none;
}

.footercol a:hover {
	text-decoration:underline;
}

.footercol ul {
	margin:0;
}

.footercol li {
	list-style:none;
	line-height:1.3em;
}

.footercol.menu li {
	font-weight:bold;
	margin-top:30px;
}

.footercol.menu li li {
	font-weight:normal;
	margin-top:0;
}

.footercol.menu li:first-child {
	margin-top:0;
}

.footercol.items a {
	font-size:20px;
	font-family: 'Arvo',Arial,Helvetica,Sans-serif;
	display:inline-block;
	line-height:67px;
	margin-bottom:10px;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
}

.footercol.items a:hover {
	text-decoration:none;
}

.footercol.items .icon {
	display: block;
	float:left;
	width: 66px;
	height: 66px;
	margin-right:15px;
	background: #fff;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
}

.footercol.items .item-13 a {
	margin-bottom:0;
}

.footercol.items .item-9 .icon {
	background-image:url(images/empowerment-icon-footer.png);
}

.footercol.items .item-11 .icon {
	background-image:url(images/education-icon-footer.png);
}

.footercol.items .item-13 .icon {
	background-image:url(images/animal-welfare-icon-footer.png);
}

.footercol.items .item-9 a:hover {
	color:#24a650;
}

.footercol.items .item-11 a:hover {
	color:#2c498b;
}

.footercol.items .item-13 a:hover {
	color:#128bc8;
}

.footercol.items .item-9 a:hover .icon {
	background-color:#24a650;
}

.footercol.items .item-11 a:hover .icon {
	background-color:#2c498b;
}

.footercol.items .item-13 a:hover .icon {
	background-color:#128bc8;
}

.socials {
	margin-top:25px;
}

.socials a {
	font-size:40px;
	color:#dfc620;
	margin-left:6px;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
}

.socials a:first-child {
	margin-left:0;
}

.socials a:hover {
	color:#ceb406;
}

a.anbi-logo {
	display:inline-block;
	margin-top:25px;
}

#copy .fr {
	padding:20px 0;
}

#copy .fr a {
	color:#fff;
	display:inline-block;
	padding:0;
}

#copy .fr a:hover {
	text-decoration:none;
}

/* Donations
-----------------------------------------------------------*/
.omnikassa-payment-message {
	margin:20px 0 0;
}
.omnikassa-payment-details {
	width:100%;
	margin-top:20px;
}
.omnikassa-payment-details td {
	padding:10px 5px;
}
.omnikassa-payment-details td:first-child {
	width:150px;
}
.omnikassa-payment-details td + td {
	padding-left:0;
}
.omnikassa-payment-details .even {
	background-color:#f2f2f2;
}
.omnikassa-payment-details strong {
	color:#5a3b21;
}
#contentPage.donate #omnikassa-request-submit, #contactform.donate .submit {
	background-color: #5A3B21;
	color: #fff;
	padding: 15px 10px;
	cursor: pointer;
	margin-top: 10px;
	border:0 !important;
	background-image:none !important;
	box-shadow:0 !important;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
}

#contentPage.donate #autonet-request-submit:hover, #contactform.donate .submit:hover {
	background-color:#724d2e;
}

/* Sitemap
-----------------------------------------------------------*/
.sitemap{margin-bottom:25px;width:200px;}
	.sitemap li,
		.sitemap ul{list-style-type:none !important;padding-left:0;}
	.sitemap ul li ul{border-left:1px solid #dfdfdf;padding-left:10px;border-bottom:1px solid #dfdfdf;padding-bottom:10px;margin-left:25px;}
		.sitemap ul li a{padding:5px 0px;display:block;}
			.sitemap ul li ul li ul{margin-left:50px;}

/* Google Maps
-----------------------------------------------------------*/
#gmaps { position:relative;height:380px;width:100%;padding-bottom:0px;margin-bottom:0px;}
#gmaps-wrap { height:380px;overflow:hidden;width:100%; }
#map-canvas { height:110%;}
#gm_directions { position:absolute;bottom:10px;right:20px;z-index:5;width:380px;}
	#gm_directions span.error { display:none !important;}
	#gm_directions .button,
	#gm_directions input { display:block;float:left;border-right:0px;}
	#gm_directions .button {  border-top-left-radius:0px;border-bottom-left-radius:0px;padding:13px 20px;font-size:16px;width:35%;text-align:center;}
	#gm_directions input { width:65%;margin-right:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;}
	#gm_directions .companyInfo { padding:15px 20px;line-height:1.5em;background:#ffffff;margin-bottom:10px;width:50%;float:right;}
		#gm_directions .companyInfo strong { display:inline-block;margin-bottom:10px;font-size:20px;}

/* Responsive
-----------------------------------------------------------*/
@media handheld, screen and (max-width: 1750px){
	#cta .colfull {
		max-width: 100%;
		padding: 0 1.5%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
@media handheld, screen and (max-width: 1500px){
	#logo {
		margin-left:0 !important;
		left:0;
		max-width:10%;
	}
	#logo img {
		max-width:100%;
		height:auto;
	}
	#header-content {
		width:90%;
		float:right;
	}
	#header-content.page {
		width:90%;
		right:0;
	}
	#header-content.page ul + ul li {
		width:39.2%;
	}
	#header-content.page ul + ul li + li {
		width:60%;
	}
	#header-content.page ul {
		width:60%;
	}
	#header-content.page ul + ul {
		width:40%;
	}
	header .menu-item {
		width:32.83%;
	}
	#cta, #cta .colfull, .colfull.larger {
		width:100%;
	}
	#cta .colfull, .colfull.larger {
		padding:0 1.5%;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	#header-content nav .cell + .cell .item {
		font-size:14px;
	}
}
@media handheld, screen and (max-width: 1280px){
	.colfull, #cta .colfull {
		max-width:100%;
		padding:0 1.5%;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	#posts-slider #slider-wrapper {
		width:953.6px;
	}
	#quotes #slider-wrapper {
		width:100%;
	}
	#quotes .quote {
		padding:0 45px;
	}
	header .inner {
		width:100%;
		float:left;
	}
	header h1 {
		font-size:45px;
	}
	#header-content .cell + .cell {
		vertical-align:top;
	}
	#header-content nav .cell + .cell {
		vertical-align:bottom;
		position:relative;
	}
	#contentPage.page #projects .project {
		margin-left:1.33%;
	}
}
@media handheld, screen and (max-width: 1150px){
	#contentPage.project > .colfull > .fl .inner {
		padding:60px 0 0 0;
	}
}
@media handheld, screen and (max-width: 1100px){
	#header-content nav .cell + .cell .item {
		font-size:12px;
	}
	#header-content.page ul,
	#header-content.page ul + ul {
		width: 50% !important;
	}
}
@media handheld, screen and (max-width: 1050px){
	#posts-slider #slider-wrapper {
		width:627.2px;
	}
	body.home header h1 {font-size:30px;}
	body.home header h1 span {font-size:24px;}
}
@media handheld, screen and (max-width: 980px){
	#resNavOpener {
		display:block;
	}
	#header-content {
		display:none;
	}
	.footercol {
		width:50%;
	}
	.footercol.menu + .footercol {
		clear:left;
	}
	#home-content #posts, #home-content #lop-projects {
		width: 100%;
	}
	#lop-projects #projects {
		width:73%;
		margin:0 auto;
	}
	#cta h3 {
		font-size:30px;
	}
	#logo {
		max-width:none;
	}
	#contentPage.project > .colfull > .fl .inner, #contentPage.project > .colfull > .fr {
		width:100%;
		float:none;
		max-width:842px;
		margin:0 auto;
	}
	#contentPage.project > .colfull > .fl {
		float:none;
		position:static;
	}
	#contentPage.project > .colfull > .fl .inner {
		margin-bottom:20px;
		text-align:center;
		padding-top:0;
	}
	#contentPage.page {
		margin-top:0;
	}
	header.page {
		padding-bottom:50px;
	}
	#contentPage.page #projects .project {
		width:50%;
		margin:0 auto 20px;
	}
	#contentPage.page #projects .project:nth-child(even) {
		margin-left:2%;
	}
	#quotes #slider-wrapper {
		height:190px;
	}
	#quotes .quote {
		height:150px;
	}
}
@media handheld, screen and (max-width: 768px){
	#posts-slider #slider-wrapper {
		width:300.8px;
	}
	#lop-projects #projects {
		width:100%;
		margin:0 auto;
	}
	#projects .project, #contentPage.page #projects .project {
		width:100%;
		float:none;
		margin:0 auto 20px !important;
	}
	#cta .colfull .cell {
		width:100%;
	}
	#cta .colfull .cell:first-child {
		display:none;
	}
	.project-content > .fl {
		float:none;
		width:100%;
		padding:0 !important;
	}
	.project-content .hulpverleners .table, .project-content .hulpverleners .cell {
		display:block;
		width:100% !important;
		text-align:center;
		padding:0 !important;
	}
	.project-content .hulpverleners .cell:first-child {
		margin-bottom:20px;
	}
	.project-content .post {
		width:33.33%;
	}
	#quotes #slider-wrapper {
		height:220px;
	}
	#quotes .quote {
		height:180px;
	}
	.half {width:100%;float:none;}
	.half:first-child {padding-right:0;}
}
@media handheld, screen and (max-width: 650px){
	.project-content .post {
		width:50%;
	}
	.project-content .post a {
		text-align:center;
	}
}
@media handheld, screen and (max-width: 580px){
	body.page-id-7 p img {
		margin: 0 auto !important;
	}
	.footercol {
		width:100%;
		float:none;
		text-align:center;
	}
	.footercol.items ul {
		max-width: 250px;
		margin: 0 auto;
		text-align: left;
	}
	#logo {
		position: absolute;
		float: left;
	}
	#posts .page-loop img.alignright, #posts .page-loop img.alignleft {
		float:none;
		margin:0 auto 20px;
	}
	.project-content .hulpverleners h2, #contentPage.project h1 {
		font-size:20px;
	}
	#contentPage.project > .colfull > .fl .buttons a {
		font-size:14px;
		line-height:30px;
	}
	#contentPage.project .project-content, #contentPage.page, #home-content #posts, #lop-projects h3, #recent-developments h3 {
		text-align:center;
	}
	#contentPage.page #thumb, #contentPage.page #posts {
		float:none !important;
		width:100%;
	}
	#contentPage.page #thumb {
		margin:0 auto 20px;
		width:100%;
		max-width:300px;
	}
	#quotes #slider-wrapper {
		height:240px;
	}
	#quotes .quote {
		height:200px;
	}
}
@media handheld, screen and (max-width: 480px){
	.project-content .hulp {
		float:none;
		width:100%;
		max-width:118px;
		margin:0 auto 20px;
	}
	.project-content .post {
		width:100%;
		float:none;
	}
	#contactform.donate .form-label {
		width:95px;
	}
	#quotes #slider-wrapper {
		height:300px;
	}
	#quotes .quote {
		height:260px;
	}
	#contentPage.project .project-thumbnail img {
		height: 240px !important;
	}
}

.project .buttons {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
}

#contentPage.project .project-thumbnail img {
	max-height: 360px !important;
	width: 100% !important;
	object-fit: cover !important;
}

.subpage-nav-right {
	display: flex !important;
    justify-content: flex-end !important;
}