/* 
Start AddSports 2016
======================================================================================
Auteur: 		Stefan Efde [www.addnoise.nl]
======================================================================================
*/

/* KLEUREN PALET
------------------------------------------------
------------------------------------------------
Blauw				91b9d3 - 
					rgb(0,133,205); 
------------------------------------------------
Licht Grijs			#9c9c9f - 
					rgba(156, 156, 159 , 0.9); 
------------------------------------------------
Donker Grijs		#646268 - 
					rgba(100, 98, 104, 0.9); 
------------------------------------------------
------------------------------------------------
*/

@import url(//addsite.nl/addbeheer/themes/addsite/css/iconen.css); 


body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: 'Merriweather Sans', Arial, sans-serif;
	position: relative;	
	font-size: 16px;
	background: #fcfaf8;
}


::selection {
	background:rgb(0,133,205); 
	color: #FFF;
	text-shadow: none;
}

* {

}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; 	
}
a {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
}
img {
	-ms-interpolation-mode:bicubic;
}


/* Foundation overrides*/
h1, h2, h3, h4, h5, h6 {	
  font-family: 'Merriweather Sans', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.4; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #16607f;
    line-height: 0; }


ul, ol, dl {
	font-weight: normal;
}

.rel {
	position: relative;
}

.title {
	letter-spacing: -1px;
}
.bg-dark .title {
	color: #fff;
}
.center {
	text-align: center;
}
.uppercase {
	text-transform: uppercase;
}

.radius {
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.italic {
	font-style: italic !important;
}

p strong {
	font-weight: 700 !important;
}


.fw {
	width: 100% !important;
}

.dark-gradient {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
}

.grayscale {
  /* Firefox 10+, Firefox on Android */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='//www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

  /* IE 6-9 */
  filter: gray;

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(100%);
}

.grayscale.grayscale-fade {
  -webkit-transition: -webkit-filter .5s;
}

.grayscale.grayscale-fade:hover {
  -webkit-filter: grayscale(0%);
  filter: none;
}

.grayscale-replaced.grayscale-fade svg {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

.grayscale-replaced.grayscale-fade:hover svg {
  opacity: 0;
  filter: alpha(opacity=0);
}





/* 
Background Colours  	
*/

.bg-blue {
	background-color: #91b9d3;
}
.bg-blue.opac {
	background: rgba(0, 155, 188, 0.9);
}

.bg-primary {
	background-color: #91b9d3;
}
.bg-primary.opac {
	background: rgba(0, 155, 188, 0.9);
}

.bg-lightgrey {
	background-color: #f2f0f0 !important;
}

.bg-lightgrey.opac {
	background-color: rgba(156, 156, 159 , 0.9) !important;
}


.bg-darkgrey {
	background-color: #e1e1e1 !important;
}
.bg-darkgrey.opac {
	background-color: rgba(100, 98, 104, 0.9) !important;
}



.bg-white {
	background: #fff !important;
}
.bg-none {
	background: none !important;
}

.bg-white.shadow {
	background: #fff !important;
	-webkit-box-shadow:  0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow:  0 1px 3px rgba(0, 0, 0, 0.1) ;
}
.bg-shape {
	background: #fff url('../images/shape-bg.gif') no-repeat -300px -300px;
}


/*  
Text Colours  
*/

.c-blue {
	color: #16607f !important;
}
.c-primary {
	color: #16607f !important;	
}

.c-lightgrey {
	color: #9c9c9f !important;
}

.c-secondary {
	color: #91b9d3 !important;
}

.c-darkgrey {
	color: #646268 !important;
}
.c-white {
	color: #fff !important;
}


#outer-wrapper {
	display:block;
	position:relative;	
	z-index:1;
	width:100%;


}

.row {
	max-width: 68em;
}



.rel {
	position: relative;
}


/* 
---------------------------
ALGEMEEN - Top Wrapper
---------------------------
*/

#topbar-wrap {
	position: fixed;
	width: 100%;
	z-index: 998;
}
	@media (max-width: 1180px) { 
		#topbar-wrap {
			padding-left: 30px;
			padding-right: 30px;
		}
	}
	@media (max-width: 1024px) { 
		#topbar-wrap {
			position: absolute;
			padding-left: 20px;
			padding-right: 20px;
		}
	}
	
	@media (max-width: 768px) {
		#topbar-wrap {
			position: absolute;
			padding-left: 10px;
			padding-right: 10px;
		}
	}
	@media (max-width: 500px) {
		#topbar-wrap {
			padding-left: 0px;
			padding-right: 0px;
		}
	}

#topbar {
	width: 100%;
	max-width: 1180px;
    position: relative;
    margin: auto;
    top: 0;
	height: 140px;
	background: #fff;
	-webkit-box-shadow:  0 1px 30px rgba(0, 0, 0, 0.1);
    box-shadow:  0 1px 30px rgba(0, 0, 0, 0.1) ;
	z-index: 998;
}

	@media (max-width: 600px) { 
		#topbar {
			height: 70px !important;
		}
	}
	

.mobile-nav {
	width: 2.5rem;
	height: 2.5rem;
	position: absolute;
	top: 1rem;
	border-left: solid 0px #1a1a1a;
	right: 1rem;
}
.mobile-nav .menu-icon {
	text-indent: 1.94444rem;
	width: 2.5rem;
	height: 2.5rem;
	display: block;
	padding: 0;
	color: #FFF;
	position: relative;
	transform: translate3d(0, 0, 0);
	background: #91b9d3;
}
.mobile-nav .menu-icon span::after {
	content: "";
	position: absolute;
	display: block;
	height: 0;
	top: 50%;
	margin-top: -0.44444rem;
	left: 0.80556rem;
	box-shadow: 0 0px 0 1px #FFF, 0 7px 0 1px #FFF, 0 14px 0 1px #FFF;
	width: 0.88889rem;
}

	@media (max-width: 997px) { 
		.mobile-nav {
			top: 4rem;
			right: 1.2rem;
		}
	}
	
	@media (max-width: 600px) { 
		.mobile-nav {
			top: 1rem;
			right: 1rem;
		}
	}
	
	

/* Off Canvas */
.move-right .exit-off-canvas, .move-left .exit-off-canvas { 
	box-shadow:0 0px 20px rgba(0, 0, 0, 0.3); 
	background: rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}



.sidemenu {
	width: 15.625rem;
	background: #91b9d3;
  {*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDA5YmJjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEwYWNjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  rgba(0,155,188,1) 0%, rgba(16,172,205,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,155,188,1)), color-stop(100%,rgba(16,172,205,1)));
	background: -webkit-linear-gradient(-45deg,  rgba(0,155,188,1) 0%,rgba(16,172,205,1) 100%);
	background: -o-linear-gradient(-45deg,  rgba(0,155,188,1) 0%,rgba(16,172,205,1) 100%);
	background: -ms-linear-gradient(-45deg,  rgba(0,155,188,1) 0%,rgba(16,172,205,1) 100%);
	background: linear-gradient(135deg,  rgba(0,155,188,1) 0%,rgba(16,172,205,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91b9d3', endColorstr='#10accd',GradientType=1 );
  *}
}	
.sidemenu .inner{
	
	width: 100%;

	height: 100%;
	{*background: url('../images/bg_sidemenu_top.png') no-repeat top center;*}
}
.sidemenu .title {
	display: block;
	padding: 1.3rem 1.5rem 0.4rem;
	color: #ffffff;
	font-weight: 300;
	font-size: 2rem;
}
.sidemenu ul {
	padding: 5px 15px;
}
.sidemenu ul li a {
	font-size: 1.2rem;
	display: block;
	font-weight: 600;
	padding: 0.46667rem 0.66667rem;
	color: rgba(255, 255, 255, 1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	transition: background 300ms ease;
	background: url('../images/nav-arrow.png') no-repeat right;
	background-size: 14px 14px;
}
.sidemenu ul.extra {
	padding-top: 20px;
}
.sidemenu ul.extra li a  {
	color: #16607f;
	font-weight: 400;
	font-size: 1.2rem;
	padding: 0.36667rem 0.66667rem;
	background: none;
	border-bottom: 0px solid rgba(0, 0, 0, 0.1);
}
.sidemenu ul.extra li a  i {
	opacity: 0.4;
	filter: alpha(opacity=40);
	font-size: 0.7rem;
	top: -8px;
	margin-left: 4px;
	position: relative;
}

/* Logo */

.logo {
	width: 350px;
	position: absolute;
	top: 10px;
	left:1.375em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

	@media (max-width: 997px) {  
		.logo {
			width: 280px;
			top:25px;
		}	
	}
	@media (max-width: 660px) { 
		.logo {
			width: 46%;

		}
	}

	@media (max-width: 600px) { 
		.logo {
			width: 40%;
			top: 5px;
			left: 0.9rem;
		}
	}

.logo h1 { padding: 0; margin: 0; text-align: left;}
.logo h1 a {
	display: block;
	cursor: pointer;
	margin:0;
	padding: 0px;
	position: relative;
	text-decoration: none;
	z-index: 3;

}



.shortcuts {
	position: absolute;
	top: 0px;
	right: 1rem;

	
}
#topbar .shortcuts .shortlinks, #topbar .shortcuts .social {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.shortcuts li {
	padding: 0.1rem 0.4rem 0.1rem 0;
		margin: 0 10px;
}
.shortcuts li.share {
	padding: 0.1rem 0.6rem;
	margin: 0 3px;
	background:rgba(0,0,0,0.08);
}
.shortcuts li.share i {
	top: 1px;
	position: relative;
	font-size: 1rem;
	margin-left: 3px;
	color: #a2a7ad;
}
.shortcuts li a {
	font-size: 0.8em;
	color: #a2a7ad;
	font-weight: 700;
	line-height: 32px;
	opacity: .7;	
	filter: alpha(opacity=70);
}
.shortcuts li a:hover {
	opacity: 1;	
	filter: alpha(opacity=100);
}
.shortcuts li.share a {
	color: #91b9d3;
}
.shortcuts li.share a:hover i  {
	color: #91b9d3;
}

	@media (max-width: 600px) { 
		#topbar .shortcuts {
			display: none !important;
			
		}
	}


#top-nav {
	position: absolute;
	top: 60px;
	right: 1.2rem;
	padding-left: 40px;
	z-index: 99;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

	@media (max-width:1024px) {  
		#top-nav {
			top: 63px;
		}
	}
	@media (max-width: 997px) {  
		#top-nav {
			display: none;
		}	
	}

#topbar.small {
	background: rgba(255,255,255,0.96);
	background-image: none;
}

#topbar.small .logo {
	top: 0px;
	width:160px;
}

#topbar.small #top-nav {
	top: 8px;
	//right: 60px;
}
#topbar.small .shortcuts {
	display: none;
}
#topbar.small .shortcuts .shortlinks, #topbar.small .shortcuts .social {
	opacity: 0;
	filter: alpha(opacity=0);
}

#top-nav .home {
	position: absolute;
	top:0px;
	left: 0;
	width:40px;
	height: 40px;
	background: #16607f;
	padding: 10px 11px;
}
#top-nav .home img.start {
	display: block;
}
#top-nav .home img.next {
	display: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.page-front-no #top-nav .home img.start {
	display: none;
}
.page-front-no #top-nav .home img.next {
	display: block;
}

.page-front-no #top-nav .home {
	background: none;
}
.page-front-no #top-nav .home:hover {
	background-color: rgba(0, 0, 0, 0.05);
}


#top-nav ul {
	text-align: right;

}
#top-nav li {
	display: inline-block;
	text-align: center;
	padding: 0 0px;
	margin-left: 0px;
	border: 0;
}
#top-nav li > a { 
	font-size:1rem;
	letter-spacing: 0px;
	color: #838389;
	font-weight: 600;
	padding:8px 12px 7px;
	border: 0 !important;
}
	@media (max-width: 1024px) { 
		#top-nav li > a { 
			font-size:0.94rem;	
			padding:8px 10px 7px;
		}
	}
	
	

#top-nav li > a:hover, #top-nav li.sfHover > a {
	color: #16607f;
	background-color: #f8fcfe;
}
#top-nav li.item-breadcrumb > a {
	color: #fff;
	background-color: #16607f;
}

#top-nav a.sf-with-ul {
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}

/* Locked */
#top-nav li.item-secured > a {
	padding-right: 20px;
}
#top-nav li.item-secured a .lock{
	position: absolute;
	top: 0;
	right: 7px;
	width: 9px;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
#top-nav li a.active  {
	color: #fff;
}




/* Call */
.call-wrap {
	position: absolute;
	top: 140px;
	right: 1rem;
	width: 200px;
	background: rgba(255,255,255,0.8);
	padding: 0.6rem 1rem;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.call-wrap:hover {
	background: rgba(255,255,255,0.9);

}
.call-wrap .info{
	font-weight: 700;
	font-size: 0.85rem;
	display: block;
	color: rgba(0,0,0,0.4);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.call-wrap:hover .info{
	color: rgba(0,0,0,0.7);
}

.call-wrap .number {
	font-weight: 600;
	font-size: 1.2rem;
	line-height: 1.3;
	color: rgba(0,0,0,0.6);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.call-wrap:hover .number{
	color: rgba(0,0,0,0.92);
}

.call-wrap .number i {
	font-size: 1.2rem;
	margin-right: 2px;
}

#topbar.small .call-wrap {
	display: none; 
}
	
	
	@media (max-width: 997px) {  
		.call-wrap {
			top: 55px;
			right: 4rem;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}	
	}
	
	@media (max-width: 600px) { 
		.call-wrap {
			top: 4rem;
			right: 4rem;
			width: 2.5rem;
			height: 2.5rem;
			padding: 0;
			text-align: center;
			background: rgba(0,0,0,0.00);
		}
		.call-wrap .info{
			display: none;
		}
		.call-wrap .number span{
			display: none;
		}
		.call-wrap .number i {
			line-height: 2.5rem;
			font-size: 1.4rem;
			
		}
	}
	
	@media (max-width: 600px) { 
		.call-wrap {
			top: 1rem;
		}
	}




/* Navigatione */

.mobile-nav { 
	display: none; 
	visibility: hidden;
}
	@media (max-width: 997px) {
		.mobile-nav { 
			display: block; 
			visibility: visible;
		}
	}

/* 
---------------------------
HEADER - Blocks
---------------------------
*/

#header-blocks {
	position: relative;
	margin-top: -100px;
	left: 0;
	width: 100%;
	height: 200px;
	z-index: 98;
}

.cut {
	position: absolute;
	top: -20px;
	left: 0px;
	width: 100%;
	height: 30px;
	background: url('../images/headerbar.png') no-repeat top left;
}
.cut.next {
	background: #fff;
}
	@media 
	(-webkit-min-device-pixel-ratio: 2), 
	(min-resolution: 192dpi) { 
		.cut {
			background-size: 1050px 15px;
			top: -10px;
			background-position: -30px 0px;
		}
	}
	
	@media (max-width: 500px) {
		.cut {
			background-size: 1050px 15px;
			top: -10px;
			background-position: -30px 0px;
		}
	}


#header-blocks .carousel-wrap {
	width: 100%;
	max-width: 1180px;
    position: relative;
    margin: auto;
    top: 0;
	min-height: 280px;
	background: #fff;
	-webkit-box-shadow:  0 1px 30px rgba(0, 0, 0, 0.1);
    box-shadow:  0 1px 30px rgba(0, 0, 0, 0.1) ;
	z-index: 998;
}
	@media (max-width: 1180px) { 
		#header-blocks {
			padding-left: 30px;
			padding-right: 30px;
		}
	}
	@media (max-width: 1024px) { 
		#header-blocks {
			padding-left: 20px;
			padding-right: 20px;
		}
		#header-blocks .carousel-wrap {
			min-height: 290px;
		}
	}
	@media (max-width: 768px) {
		#header-blocks {
			padding-left: 10px;
			padding-right: 10px;
		}
		#header-blocks .carousel-wrap {
			min-height: 270px;
		}
	}
	@media (max-width: 500px) {
		#header-blocks {
			padding-left: 0px;
			padding-right: 0px;
			margin-top: 0px;	
		}
		#header-blocks .carousel-wrap {
			min-height: 300px;
			padding-left: 0px;
			padding-right: 0px;
		}
	}


#header-blocks .carousel {
	padding-left: 0.9375em;
	padding-right: 0.9375em;
}

	@media (max-width: 1180px) { 
		#header-blocks .carousel {
			padding-left: 1.3375em;
			padding-right: 1.3375em;
		}
	}
	@media (max-width: 500px) { 
		#header-blocks .carousel {
			padding-left:0em;
			padding-right: 0em;
		}
	}
	

/* Photo block */

.itembox {
	
	display: block;
	position: relative;
	overflow:hidden;
	background: #fff;
	
	margin: 10px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
	
}

	@media (max-width: 500px) { 
		.itembox {
			margin: 4px;
		}
	}

.itembox:hover img{
	-webkit-filter: grayscale(0%) !important;
	filter: none !important;
}

.itembox .arrow {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	bottom: 12px;
	left: 83%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	z-index:998 !important;
	color: #fff;
}
.itembox:hover .arrow {
	opacity: 1;
	filter: alpha(opacity=100);
}

.touch .itembox .arrow {
	opacity: 1;
	filter: alpha(opacity=100);
	bottom: 15px;
}
.touch  #header-blocks .carousel .itembox .arrow {
	bottom: 10px;
	left: 92%;
}
	

/* imgHolder NO BORDER */
.itembox .img-holder {
	
	margin: 0px;
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 1;
	
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.itembox .img-holder img {
	display:block;
	position: relative;
	z-index: 4;
	margin: auto;
	
	-webkit-backface-visibility:hidden; 
	backface-visibility:hidden;	
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
		
}
img.pica.landscape{
	float:left;
	margin-right:15px;
	margin-bottom: 11px;
}
.itembox:hover .img-holder img {

}
.itembox .img-holder .grayscale-replaced  {
	display: block;
	floaT: left;
	width: 100%;
}

.itembox .img-holder .title {
	position: absolute;
	bottom: 0rem;
	left: 0rem;
	width: 92%;
	font-size: 1.3em;
	padding: 0.7rem 1rem;
	line-height: 1;
	display: block;
	color: #fff;
	font-weight: 400;
	letter-spacing: -1px;
	background: #91b9d3; 
	-webkit-backface-visibility:hidden; 
	backface-visibility:hidden;
	z-index: 99;
}
	@media (max-width: 1180px) { 
		.itembox .img-holder .title {
			width: 100%;
			font-size: 1.2em;
		}
	}

.itembox .img-holder .dark-gradient {
	position: absolute;
	bottom: -1px;
	
	left: 0;
	
	width: 100%;
	height: 100%;
	opacity: 0.4;
	filter: alpha(opacity=40);
	z-index: 5;
}

.itembox .text {
	width: 100%;

	z-index: 99;
	padding: 1rem 2rem 0px 1rem;
	padding-left: 1rem;
	
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;

}
	@media (max-width: 600px) { 
		.itembox .text {
			display: none;
		}
	}

.itembox .text p {
	font-size: 0.9rem;
	line-height: 1;
	color: #b1b1b1 !important;
}

.itembox:hover .text p {
	color: #757373 !important;
}


	@media (max-width: 1180px) {
	
	}
	
	@media (max-width: 600px) {
		.itembox .img-holder {
			border-width: 4px;
		}
		.small-block-grid-2	.itembox .img-holder .title {
			font-size: 0.9em;
			bottom: 0.4rem;
			left: 0.4rem;
		}
		.small-block-grid-2 .itembox .text {
			width: 100%;
			display: block;	
			z-index: 99;
			padding: 0.5rem 0.5rem 0px 0.7rem;
		}
		.small-block-grid-2 .itembox .text p {
			font-size: 0.7rem;
		}
	}

/* Photo block - Team */

.itembox.team {
	overflow: visible;
}
.itembox.team .img-holder {
	overflow: visible;
}
.itembox.team .img-holder .dark-gradient {
	z-index: 8;
}
.itembox.team .text {
	position: absolute;
	top: 90%;
	left: 5%;
	background: #fff;
	-webkit-box-shadow:  0 1px 30px rgba(0, 0, 0, 0.1);
    box-shadow:  0 1px 30px rgba(0, 0, 0, 0.1) ;
	width: 90%;
	color:#16607f !important;
	display: block;	
	z-index: 9;
	padding: 1.1rem 1rem 0.2rem 2rem;
	padding-left: 4rem;
	
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
}

.itembox.team .text ul{
	font-size:0.95em;
}


.itembox.team .text p {
	font-size: 1rem;
	line-height: 1.4;
	color: #16607f !important;
	font-family: "Merriweather Sans", georgia;
	font-style: italic;
}
.itembox.team .text .quote {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 44px;
	height: 44px;
}
.itembox.team .text .bar {
	position: absolute;
	top: -7px;
	left: 0px;
	width: 60px;
	height: 7px;
}

	@media (max-width: 500px) {
		.itembox.team {
			margin: 0;
			margin-bottom: 120px;
		}
		.itembox.team .text {
			width: 100%;
			top: 93%;
			left: 0%;
			padding: 2.1rem 1rem 1rem 1rem;
			padding-left: 1rem;
		}
		.itembox.team .text p {
			font-size: 1rem;
			margin-bottom: 0;
		}
		.itembox.team .text .quote {
			top: 5px;
			left: 10px;
			width: 28px;
			height: 28px;
		}
		.itembox.team .text .bar {
			width: 40px;
		}
	
	}


.member {
	position: absolute;
	top: 0;
	left: 0;
	width: 5rem;
	height: 5rem;
	z-index: 99;
	
/* 
	Tijdelijk uitgeschakeld omdat de foto vervangen gaat worden
 */
	visibility: hidden;

}
	

.member.p1 {
	top: 44%;
	left: 1%;
}
.member.p2 {
	top: 28%;
	left: 20%;
}
.member.p3 {
	top: 24%;
	left: 46%;
}
.member.p4 {
	top: 22%;
	left: 68%;
}
.member.p5 {
	top: 44%;
	left: 80%;
}
.member.p6 {

	top: 64%;
	left: 63%;
}
.member.p7 {

	top: 48%;
	left: 46%;
}
.member.p8 {

	top: 58%;
	left: 26%;
}

.f-dropdown {
	z-index:999 !important;
}
.f-dropdown.content {
	z-index:101 !important;
	background: white;
	border: solid 0px #cccccc;
	font-size: 0.875rem;

	-webkit-box-shadow:  0 1px 30px rgba(0, 0, 0, 0.3);
    box-shadow:  0 1px 30px rgba(0, 0, 0, 0.3);
    max-width: 270px;
}

	@media (max-width: 500px) {
		.member {
			display: none;
		}
	}


/* Intro wrapper */

.intro-section .text-wrapper {
	padding: 0 1.7rem 0 0.80rem;
}

@media screen and (min-width: 501px) and (max-width: 600px) { 
		.intro-section .text-wrapper {
			margin-top:220px;
		}
}
@media screen and (max-width: 500px) { 
		.intro-section .text-wrapper {
			margin-top:180px;
		}


}

/* 
---------------------------
Algemeen 
---------------------------
*/

#page-container {
	
	position:relative;	
	z-index: 2;
}

#page-wrapper {
	display:block;
	z-index:1;
	width:100%;
	margin:auto;
	position:relative;	
}

	@media (max-width: 1024px) { 
		#page-wrapper {
			padding-left: 20px;
			padding-right: 20px;
		}
	}
	
	@media (max-width: 768px) { 
		#page-wrapper {
			padding-left: 10px;
			padding-right: 10px;
		}
	}
	@media (max-width: 600px) { 
		#page-wrapper {
			padding-left: 0px;
			padding-right: 0px;
		}
	}
/* 
-------------------------------
BEGINPAGINA - Section Wrappers
-------------------------------
*/
.section-wrapper {
	width: 100%;
	position: relative;
	min-height: 1;
	padding: 3rem 0 3rem;
}

.section-wrapper .section-label-row {
	position: relative;
	top: -1rem;
	text-align: center;
	
}
.section-wrapper .section-label-row .section-label {

	padding: 0.4rem 1.5rem;
	display: inline-block;
	width: 14%;
	font-size: 1.3rem;
	color: #fff;
}
	@media (max-width: 1170px) { 
		.section-wrapper .section-label-row .section-label {
			width: 28%;
		}
	}
	@media (max-width: 780px) { 
		.section-wrapper .section-label-row .section-label {
			width: 50%;
		}
	}

.intro-section {
	
	padding: 3rem 0 5rem;
	padding-top: 100px;	
}
		
	@media (max-width: 780px) { 
		.intro-section {
			padding-top: 70px;	
		}
	}




/* 
------------------------------------------------------
BEGINPAGINA - Headings
------------------------------------------------------
*/

.head-wrapper {
	text-align: center;
	position: relative;
	display: block;
	padding: 0.5em 1em 0.7em 1em ;
}
.page-front-no .head-wrapper {
	padding-top: 0;
}
.head-wrapper hr {
	border-width: 3px;
	margin-top: 2.2rem;
}
.head-wrapper .title {
	font-size: 1.88rem !important;
	position: relative;
	display: inline-block;
	padding: 0px 0px;
	z-index: 3;
}

	@media (max-width: 1170px) { 
		.head-wrapper .title {
			font-size: 1.375rem !important;
		}
	}
	
	@media (max-width: 768px) {
		.head-wrapper .title {
			font-size:1.5rem !important;
		}
	}
	@media (max-width: 500px) {
		.head-wrapper .title {
			font-size:1.1rem !important;
		}
		.intro-section .head-wrapper .title {
			font-size:1rem !important;
		}
	}
	


.head-wrapper.small {
	padding: 1.7rem 0rem;
}
.head-wrapper.small hr {
	border-width: 2px;
	margin-top: .3rem;

}
.head-wrapper.small .title {
	
	font-size: 16px !important;
	position: relative;
	display: inline-block;
	padding: 0px 0px;

	letter-spacing: 0px !important;
	z-index: 3;
}	


.head-wrapper.left-align {
	text-align: left;
}
.head-wrapper.left-align .title {
	padding: 0px 20px 0 0;
}





/* 
-----------------------------
BEGINPAGINA - CONTENT 
-----------------------------
*/

.pages {
	padding-top: 30px;
}
.pages ul > li {
	padding: 0 !important;
}

.content-wrapper {
	width: 100%;
	max-width: 1180px;
    position: relative;
    margin: auto;
    top: 0;
	background: #fff;
	-webkit-box-shadow:  0 1px 30px rgba(0, 0, 0, 0.1);
    box-shadow:  0 1px 30px rgba(0, 0, 0, 0.1) ;
	z-index: 998;

	margin-top: -100px;
	padding: 2rem 3.5rem 2rem 3.5rem;
	min-height: 255px;
}

.content-wrapper .large-centered {

}
	@media (max-width: 1180px) { 
		
	}
	@media (max-width: 1024px) { 
		.content-wrapper {
			padding-left: 20px;
			padding-right: 20px;
		}
	}
	@media (max-width: 768px) {
		.content-wrapper {
			padding-left: 10px;
			padding-right: 10px;
		}
		.pages {
			padding-left: 15px;
			padding-right: 15px;
		}
		
		.pages .itembox .arrow {
			display: none;
		}

		
		.pages .itembox .img-holder .title {
			font-size: 1.1em;
		}
	}
	@media (max-width: 600px) { 
	
		.content-wrapper {
			margin-top: -50px;
			padding: 2rem 1rem 3rem;
		}
	}
	
	
	
.indent {
	padding-left: 0px;
	padding-right: 30px;
}

	@media (max-width: 1024px) { 
		.indent {
			padding-left: 20px;
			padding-right: 40px;
		}
	}
	
	@media (max-width: 768px) { 
		.indent {
			padding-left: 0px;
			padding-right: 0px;
		}
	}

.text-wrapper {
	position: relative;	
	padding: 0px 0px 0px 0;
}

.text-wrapper .headline {
	line-height:1;
	padding-bottom: 12px;
	letter-spacing: -1px;
	font-weight: 600;
}

.text-wrapper .headline.page-head {
	line-height:1;
	padding-bottom: 17px;
	letter-spacing: -1px;
	font-weight: 500;
	border-bottom: 5px solid rgba(0,0,0,0.04);
}
.text-wrapper .headline.sub {
	font-size: 1.7em;
	line-height:1.2;
	color: #91b9d3;
	border: 0;
}

.text-wrapper p {
	font-size: 15px;
}

.text-wrapper ul {
	font-size: 15px;
}

 .text-wrapper p.intro {
	line-height: 1.3;
	font-size: 1.4em;
	font-weight: 300;
}
	@media (max-width: 600px) { 
		.text-wrapper p.intro {
			font-size: 1.3em;
		}
	}

.text-wrapper p.intro.large {
	font-size: 26px;
	line-height: 32px;
	font-weight: 300;
	
}

.headline.medium  {
	line-height: 1;
	font-size: 2.3em;
	margin-bottom: 5px;
}
.headline.large  {
	line-height: 1;
	font-size: 2.8em;
}

.devider {
	width: 100%;
	height: 1px;
	background: #eee;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}


/* Sharing */
.sharingbar {
	position: relative;
	padding-bottom: 5px;
}
.sharingbar .backlink {
	top: 0;
}
.sharingbar .addthis_sharing_toolbox {
	float: right;
}
	@media (max-width: 600px) { 
		.sharingbar .addthis_sharing_toolbox {
			margin-right: 20px;
			
		}
	}


/* Zijbalk */

.side-wrapper .news-list .head-wrapper, .side-wrapper .subnav .head-wrapper {
	padding: 0rem 0rem 0rem;
	border-bottom: 0px solid rgba(0, 0, 0, 0.07);
}

.side-wrapper {
	padding-top: 0px;
}
.large-4 .side-wrapper {
	padding-right: 10%;
}

.side-wrapper .indent {
	padding-left: 0px;
	padding-right: 0px;
}
.side-wrapper .text-wrapper {
	
	margin-bottom: 10px;
	padding-left: 15px;
}
.side-wrapper .text-wrapper .headline {
	line-height:1;
	padding-bottom: 20px;
	font-weight: 400;
	font-size: 1.4rem !important;
}
.side-wrapper .text-wrapper p {
	font-size: 13px;
}

.side-wrapper .text-wrapper p.intro {
	line-height: 1.2;
	font-size: 1.2em;
	font-weight: 300;
}

.side-wrapper .itembox {
	margin: 0;
}


/* Page headers */
.page-header {
	border: 0;
	padding: 0;
	margin: 0 0px;
	
	position: relative;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 1.15em;
}

.page-header .headline { 
	font-weight: 600;

	margin: 0;
	padding: 0;
	text-transform: uppercase;

}


/* Section headers */
.section-header {
	border: 0;
	padding: 0;
	margin: 0 0px;
	position: relative;
	margin-top: 30px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	

}
.no-margin {
	margin: 0 !important;
}
.no-padding {
	padding: 0 !important;
}
.empty {
	padding-bottom: 0px !important;
	margin-bottom: 0 !important;
}


.section-header .headline {
	line-height: 1.2;
	margin: 0;
	padding: 6px 0 0 10px;
}

.section-header p.intro {
	font-size: 18px;
	line-height: 30px;
	margin-top: 10px;
}


/* Breadcrumbs */
.breadcrumbs-wrapper {
  background: rgba(0,0,0,0.04);
  border-color: #dddddd;	
}
.breadcrumbs {
  display: block;
  padding: 0.7625rem 2% 0.7625rem 2%;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 0px;
  background: none;
  border-color: rgba(0,0,0,0.04);
  border-radius: 0px; 
  overflow: hidden;
 }
	 @media (max-width: 600px) { 
	 	.breadcrumbs {
		  padding-left: 4%;	
		}
	 }

.breadcrumbs {
	margin-bottom: -7px;
}	
/* Quotyy */

blockquote {
	float: right;
	max-width: 50%;
	padding-bottom: 0px;
	letter-spacing: 0;
	border-left: 0;
	padding-left: 0rem;
	margin-bottom: 20px;
	position: relative;
	
	font-style: italic;
	margin: 0.5rem 0 1.25rem;
	text-align: right;
	margin-right: 0px;
	padding: 0.7rem 0rem 0 2rem;
	border-right: 0px solid #ddd;
	border-left: 0px solid #ddd;
}

	@media (max-width: 600px) { 
		blockquote {
			max-width: 100%;
			width: 100% !important;
		}
	}
.text-wrapper blockquote p {
	font-size: 1.1rem;
	line-height: 1.5;
	color: #91b9d3 !important;
	font-family: "Merriweather Sans", georgia;
	font-weight: bold;
}
.text-wrapper blockquote p strong {
	color: #888;
	font-size: 0.8rem;
	font-family: "Merriweather Sans", georgia;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
}

.page-tpl-vervolgpagina .text-wrapper blockquote cite {
	margin-top: 10px;
	font-size: 0.7rem;
	color: #a3afb5;
	text-transform: uppercase;
	font-weight: 900;
	font-style: normal;
	letter-spacing: 0.04rem;
}


/* News */

.newsbox {
	float: left;
	width: 100%;
	display: block;
	padding: 1rem 0px 0;
	position: relative;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.newsbox:hover {
	
}


/* imgHolder */
.newsbox .img-holder {
	float: right;
	width: 20%;
	position: relative;
	display: block;
	padding: 0px;
	
	backface-visibility: hidden;
}
	@media (max-width: 600px) { 
		.newsbox .img-holder  {
			width: 30%;
		}
	}

.newsbox .fotoslinks{
	float:left;
	margin-right:10px;
}
.newsbox .textrechts{

}

.newsbox .textrechts .itemkop{
	font-size: 1.5rem;
	line-height: 1.1;
	padding-bottom:5px;
	display:block;
}
.newsbox .fotoslinks img {
	display:block;
	position: relative;
	z-index: 4;
	margin: auto;

}
.newsbox .fotoslinks a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	
}

.newsbox .news-text {
	float: left;
	width: 70%;
	display: block;
	padding: 0 0rem;
}
	@media (max-width: 600px) { 
		.newsbox .news-text {

			width: 65%;
		}
	}
.newsbox .textrechts .date {
	font-size: 0.9rem;
	line-height: 1;

	text-transform: uppercase;
	color: #bec1c5;
}
.newsbox .news-text .title {
	font-size: 1.4rem;
	line-height: 1.1;
}

.newsbox .textrechts p {
	font-size: 1rem;
	color: #888d92;
}
	

/* Overzicht */

a.catlink:link, a.catlink:visited { 
	float: left;
	width: 100%;
	padding: 15px 2% 5px 0px;
	height: 120px;
	margin-bottom: 30px;
	color: #5c6266;
	text-decoration: none;	
	cursor: pointer;
	border-top: 0px dashed #c1bebc;	
	position: relative;
	text-align: left !important;
	}

a.catlink:hover, a.catlink:active { 
	color: #807c76;
	text-decoration: none;
	}	
	

	
.foto_cat {
	position: absolute;
	width: 70px;
	height: 90px;
	left: 0px;
	top: 15px;
}

.foto_cat img{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px;
}
a.catlink:hover .foto_cat img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.tekst_cat{
	display: block;
	padding: 0px 0px 0px 85px;
	min-height: 90px;
	font-size: 0.8rem;
}	

@media (max-width: 900px) {
	a.catlink:link, a.catlink:visited { 
		float: left;
		width: 100%;
		padding: 15px 0% 5px 0px;
		height: auto;
		margin-bottom: 20px;
		}
		
	
	.tekst_cat{
		width: 100%;
		padding: 0px 0px 0px 85px;
		
	}			
	
}
@media (max-width: 900px) {
	a.catlink:link, a.catlink:visited { 
		margin-bottom: 0px;
	}
		
	
			
	
}




a.catlink:link .catkop, a.catlink:visited .catkop{
	font-weight: 700;
	color: #9f2064;
    font-size: 18px;
    line-height: 1.2;
	text-transform: none;
	text-decoration: none;
}

a.catlink:hover .catkop, a.catlink:active .catkop{
	color: #802254;
	text-decoration: none;
}	


/* 
---------------------------
ALGEMEEN - Side Bar
---------------------------
*/
.side-nav  {
	padding-top: 5px;
	margin-bottom: 20px;
}

.backlink {
	position: absolute;
	top: -60px;
	margin-left: 0px;
	display: block;
	font-weight: 700;
	color: #91b9d3  !important;
	font-size: 0.8rem;
	opacity: 0.8;
	filter: alpha(opacity=80);
	padding: 4px 10px 4px 10px;
}
.backlink img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}


	@media (max-width: 600px) {
		.backlink {
			display: none;
		}
	}
.backlink:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	color:#6da2c4;
	background: #f8fcfe!important;
}

.subnav {
	font-weight: 600;
}
.subnav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.subnav ul li {
	margin: 0;
	padding: 0px 0 0px;
	border-bottom: 1px solid #eeedec;
}

.subnav ul li a {
	display: block;
	font-weight: 700;
	color: #7e7e7e !important;
	font-size: 0.9rem  !important;
	padding: 0.4375rem 0.875rem;
}

.subnav ul li a:hover {
	color: #91b9d3 !important;
	background: rgba(0,0,0,0.04) !important;
}
.subnav ul li a.actief {
	color: #91b9d3 !important;
	background: rgba(0,0,0,0.04) !important;
}
.subnav ul li a.actief:hover {
	color: #91b9d3  !important;
	background: rgba(0,0,0,0.06) !important;
}

/* Tweede niveau */

.subnav ul li ul {
	margin: 0;
	padding: 0;
	padding-bottom: 6px;
	background: rgba(0,0,0,0.04) !important;
}
.subnav ul li ul li {
	border-bottom: 0px solid #eeedec;
}

.subnav ul li ul li > a {
	color: #bfbdbd;
	font-size: 12px !important;
	padding: 0.1175rem 1.3rem !important;
}
.subnav ul li ul li > a:hover {
	background: none !important;;
	color: #646268 !important;
}
.subnav ul li ul li > a.actief, .subnav ul li ul li > a.actief:hover {
	background: none !important;;
	color: #91b9d3 !important;
}







/* 
---------------------------
ALGEMEEN - Buttons
---------------------------
*/

.button {
	font-family: 'Merriweather Sans', Arial, sans-serif;
	font-weight: 700;
}


.morelink.button {
	
	font-weight: 700;
	margin-right: 1rem;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 80px;
	height: 35px;
	
	line-height: 35px;
	position: relative;
}
.morelink.button i{
	position: absolute;
	top: 0px;
	right: 0;
	width: 50px;
	font-size: 13px;
	height: 35px;
	line-height: 35px;
	background:  rgba(0,0,0,0.08);
	
}
.morelink.none {	
	color: #ffffff;
	padding-right: 1rem;
	padding-left: 1rem;
	background: #16607f;
}
.morelink.none:hover {
	background: #0e3f54;
}


.morelink.button.primary{
	height:unset;
}
 
.morelink.button.btn-outline.primary:hover i{ 
	background: rgba(145,185,211,1);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
} 
/* Blue button with grey border */


.btn-gray {	
	background: #59595f;
}
.btn-gray:hover {
	background: #49494c;
}
.btn-lightgray {	
	background: #e9e9e9;
}
.btn-lightgray:hover {
	background: #d2d2d2;
}


.btn-outline {	
	color: #91b9d3 !important;
	border: 2px solid rgba(0, 0, 0, 0.1);
	background: rgba(0, 0, 0, 0);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.btn-outline:hover {
	background: rgba(0, 0, 0, 0);
	color: #91b9d3 !important;
	border: 2px solid #91b9d3;

}

.more.button {
	color: #91b9d3;
}





/* Foto Overzicht
------------------------------- */

.caption {
	font-size: 0.8rem;
	line-height: 1.1;
	color: #888 !important;
	text-align: center;
	width: 100%;
	display:  block;
	font-style: italic;
	padding-top: 5px;
}

.foto {
	float: left;
	width:30%;
	margin: 10px 20px 10px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}
@media (max-width: 600px) { 
	.foto {
		width:100%;
	}
}

.foto a img {
	cursor:pointer;
	margin:0px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	display: block;
  	max-width: 100%;
  	opacity: 1;
  	filter: alpha(opacity=100);

}
.foto a:hover img {
	padding: 0px;
	border: 0px solid #ddd;
	box-shadow:  0 0px 20px rgba(0, 0, 0, 0.1);
}
.foto:hover img.grayscale {
	-webkit-filter: grayscale(0%) !important;
	filter: none !important;
}

.foto a .zoom {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	filter: alpha(opacity=0);

}

	@media (max-width: 600px) { 
		.foto a .zoom {
			display: none;
		}
	}
.foto a:hover .zoom {
	opacity: 1;
	filter: alpha(opacity=100);
}

.foto.rechts {
	float: right;
	margin: 10px 0px 20px 40px;
}

.fotobreed {
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;


	position: relative;
}

.fotobreed img {
	margin:0px 0px 10px 0px;
	border: 0px;
	padding: 0px;
	display: block;
  	max-width: 100%;
  	opacity: 1;
  	filter: alpha(opacity=100);

}


.fotosoverzicht {
	display: block;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	cursor:pointer;
	position: relative;
}
.fotosoverzicht img {

	cursor:pointer;
	margin:0px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	display: block;
  	max-width: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
}
.fotosoverzicht a {
	display: block;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
}
.fotosoverzicht a:hover img {
	padding: 0px;
	box-shadow:  0 0px 20px rgba(0, 0, 0, 0.1);
}
.fotosoverzicht:hover img.grayscale {
	-webkit-filter: grayscale(0%) !important;
	filter: none !important;
}


.fotosoverzicht a .zoom {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	filter: alpha(opacity=0);

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
}
.fotosoverzicht a:hover .zoom {
	opacity: 1;
	filter: alpha(opacity=100);
}

@media (max-width: 600px) { 
		.fotosoverzicht a .zoom {
			display: none;
		}
	}

/* Files */
ul.files {
	margin-top: 20px;

}




/* 
---------------------------
ALGEMEEN - Contactfomulier
---------------------------
*/


.contactform {
	margin-top: 30px;
	padding-right: 30px;
}
	@media (max-width: 600px) { 
		.contactform {
			padding-right: 0px;
		}
	}

.contactform input {
	width: 100%;
	height: 2.7em;
	
	padding: 0em 1em;
}
.contactform {
	margin-top: 10px;
}

.contactform input { 
	font-size: 15px;
	box-shadow: none;
	border: 1px solid #ddd;

}
.contactform input:focus { 
	box-shadow: none;
	border-color: #91b9d3;
	background: #fff;
}
.contactform textarea {
	width: 100%;
	height: 220px;
	padding: 1em;
	box-shadow: none;
	border: 1px solid #ddd;

}
.contactform input.addformInputSmall {
	width: 50%;
}
@media (max-width: 600px) { 
	.contactform input.addformInputSmall {
		width: 100%;
	}
}


.contactform label {
	position: absolute;
	left: 15px;
	top: 11px;
	color: #919191;
	cursor: inherit;
	font-size: 15px;
}
.contactform .regel {
	position: relative;
}
.contactform .knoppen {
	width: 100%;
	float: left;
	display: block;
	
	
}
.contactform .button {
	width: 40%;
	height: 45px;
	padding: 0;
	margin-top: 20px;
	margin-left: 0%;
	border-radius: 0px;
	border: 0;
	letter-spacing: 0;
	font-weight: 300;
	font-size: 1.3rem;
}
.contactform .button:focus {
	outline: 0;
	background: rgba(0, 155, 188, 0.9); 
}
.contactform .button:active {
	opacity: 0.9;
	filter: alpha(opacity=90);
}


.contactform .hint {
	position: relative;
	left: 15px;
	top:-10px;
	color: #919191;
	cursor: inherit;
	font-size: 12px;
}

.alert-box.error {
	background: #e4164c;
	border: 0px;
	background-color:;
}


.errors {
	margin-top: -5px;
	margin-left: 15px;
	color: #e4164c;
	font-size: 14px;
	font-weight: 700;
	list-style: none;
	
}
.errors i {
	margin-right: 5px;
}

#voegtoe{
	cursor:pointer;
	font-weight:600;
	background-color:#91b9d3;
	color:#fff;
}
/* Sitemap */

.sitemap {
	margin-top: 40px;
	padding-left: 0px;
	
}
.sitemap ul {
	list-style: none;
}
.sitemap ul {
	margin-left: 0px;
	
}
.sitemap ul ul {
	margin-left: 0px;
	padding: 4px 0;
	padding-left: 15px;
	border-left: 2px solid #f2f2f2;
}
.sitemap ul ul ul{
	margin: 4px 0;
	padding-left: 15px;
	border-left: 2px solid #f2f2f2;
}
.centered .sitemap ul ul ul{
	border: 0;
}


.sitemap li a {
	font-weight: 600;

	color: #31343e !important;
	font-size: 16px;
	padding: 0px 0px 0px 0px;	
}
.sitemap li ul li a {
	color: #31343e !important;
	font-size: 16px;
	padding: 0px 0px 0px 0px;
	font-weight: 600;

}
.sitemap li li li a {
	
	font-weight: 600;
	color: #5c6266 !important;
	font-size: 13px;
	padding: 0px 0px 0px 0px;
	text-transform: none;
	letter-spacing: 0px;
}
.sitemap li li li li a {
	
	font-weight: 400;
	font-size: 13px ;
	color: #5c6266 !important;
}
.sitemap li a {

}
.sitemap li {
	margin: 0;
	padding: 1px 0 1px;
}
.sitemap li:last-child {
	border: 0;
}
.sitemap li a:hover {
	color: #91b9d3 !important;
}
.sitemap li a.actief {

	
}


#toTop {
	position:fixed;
	bottom:120px;
	right: 30px;
	cursor:pointer;
	display:block;
	width:40px;
	height:40px;
	background: rgba(0, 0, 0, 0.04); 
	text-align: center;
	line-height: 36px;
	z-index:998;
}
#toTop:hover {
	background: rgba(0, 0, 0, 0.08); 
}
#toTop i {
	color: #fff;
}
.touch #toTop {
	display: none !important;	
}
	@media (max-width: 1330px) {
		#toTop {
			right: 10px;
		}
	}
	@media (max-width: 1290px) {
		#toTop {
			right: 0px;
		}
	}
	
	@media (max-width: 500px) {
		#toTop {
			display: none !important;
		}
	}



/* 
---------------------------
ALGEMEEN - Footer
---------------------------
*/

.picture-wrapper {
	width: 100%;
	height: 220px;
	position:relative;
	background-color: #16607f;
	overflow: hidden;
}

.picture-wrapper a{
	color:#ffffff;
}

.picture-wrapper a:hover{
	color:#16607f;
}

.picture-wrapper .backstretch {
	background: #91b9d3;
	
}
.picture-wrapper .backstretch img {
	opacity: .2;
	filter: alpha(opacity=20);
}

.picture-wrapper .row-wrapper {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 240px;
	z-index: 3;
}

.picture-wrapper .bigtitle {
	display: block;
	margin-top: 35px;
	font-size: 2.5rem;
	line-height: 1.4;
	color: #F6F6F6;
	font-weight: 300;
	padding-left: 5px;
}
	
	@media (max-width: 1180px) { 
		.picture-wrapper .bigtitle {
			padding-left: 25px;
		}
	}
	@media (max-width: 820px) { 
		.picture-wrapper .bigtitle {
			padding-left: 25px;
			font-size: 2rem;
			line-height: 1.4;
		}
	}
	
	
	@media (max-width: 500px) {
		.picture-wrapper {
			width: 100%;
			height: 240px;
		}

		.picture-wrapper .bigtitle {
			display: block;
			margin-top: 30px;
			font-size: 1.2rem;
			line-height: 1.4;
			color: rgba(255,255,255,0.7);
			font-weight: 300;
			padding-left: 15px;
			padding-right: 15px;
		}
		

	}
	

/* Lijstje */

.listing {
	padding-top: 30px;
}

	@media (max-width: 600px) {
.listing {
	padding-top: 0px;
}


}
.listing ul {
	margin-top: 20px;
	padding-left: 20px;
}
.listing ul li {

}
.listing ul li.item-last {
	border: 0;
}
.listing ul li a {
	width: 100%;
	display: block;
	color: #fff;
	padding: 2px;
	font-size: 16px;
	font-weight: 600;

}
.listing ul li a:hover {
 	opacity:0.8;
}
.listing ul li a i {
	margin-right: 10px;
}

.listing.news {
	margin-top: 0;
	padding: 0px;
	border-radius :0;
	background: none;
	box-shadow: none;
}
.listing.news ul {

	padding-left: 25px;
}	
.listing.news ul li a {
	font-size: 16px;
	color: #8c9192;
}
.listing.news ul li a:hover {
	color:	#fa485b;
}

	@media (max-width: 500px) {
		.listing {
			padding-top: 10px;
		}
		.listing ul {
			margin-top: 0px;
			margin-left: 0px;
			padding-left: 15px;
		}
		.listing.news ul {
		
			padding-left: 20px;
		}
	
	}


.shadow-top {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 40px;
	width: 100%;
	opacity: 0.6;
	filter: alpha(opacity=60);
	background: url('../images/shadow-top.png') no-repeat top center;
	z-index: 9;
}
.shadow-bottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 40px;
	width: 100%;
	background: url('../images/shadow-bottom.png') no-repeat top center;
	z-index: 9;
}



#footer-wrapper {
	position: relative;
	margin-top: 0px;

	z-index: 9;
	min-height: 250px;
	padding-bottom: 60px;
}

.footerbox {
	width: 100%;
	max-width: 1180px;
	margin: auto;
	margin-top: -10px;
	position: relative;
	background: #fff;
	box-shadow:  0 0px 20px rgba(0, 0, 0, 0.1);
	padding: 1rem;
	padding-left: 2em;
	padding-right: 1.2375em;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
}
	@media (max-width: 500px) { 
		#footer-wrapper {
			margin-top: 0px;
			padding-right: 0px;
			padding-left: 0px;
		}
		.footerbox {
			margin-top: 0;
			padding-left: 0.8em;
			padding-right: 0.8em;
		}
	}


.copy {
	padding-top: 36px;
	line-height: 1.3;
	font-size: 0.8rem;
	font-weight: 600;
	display:block;
	color: #292B3C;

}
.copy-nav {
	margin-top: 20px;
	padding-left: 1rem;
}
.copy-nav  {
	line-height: 1.4 !important;
}
.copy-nav li {
	padding: 0px 0; 
	
	font-size: 0.9rem;
	font-weight: 700;
}
.copy-nav li a {
	display: inline-block;
	color:#16607f;

}
.copy-nav li a:hover {
	color: #91b9d3;
}

.copy-nav li.email a, .copy-nav li.active a {
	color: #16607f !important;
}
.copy-nav li.email a:hover {
	color: #91b9d3 !important;
}
.copy-nav .title {
	display: block;
	font-weight: 700;
	letter-spacing: 0;
	padding-bottom: 10px;
}
	
	@media (max-width: 1024px) { 
		.copy-nav {
			margin-top: 40px;
			margin-left: -5px;
		}
	}
	
	@media (max-width: 500px) {
		.copy-nav {
			margin-top: 20px;
			padding-left: 0rem;
		}
		.linkies {
			margin-left: 20px !important;
		}
	}

.footerbox .logo {
	float: left;
	width: 100%;
	left: 0 !important;
	position: relative;
	top:10px;
	
}

.copy-nav li.social {
	padding-top: 5px;
	margin-right: 5px;
	display: inline-block;
}

/* Add Noise */
.addnoise {
	position: absolute;
	top: 15px;
	right: 2rem;
}
.addnoise .by {
	font-style: italic;
	font-size: 12px;
}
.addnoise img {
	opacity: 0.7;
	filter: alpha(opacity=70);
} 
.addnoise:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
} 
	@media (max-width: 1024px) { 
		.addnoise {
			top: -50px;
		}
	}
	@media (max-width: 500px) { 
		.copy {
			font-size: 0.8em;
			margin-top: 10px;
		}

		.addnoise {	
			width: 180px;
			position: relative;
			right: auto;
			left: 50%;
			top: 0px;
			margin-left: -60px;
		}
		
	
	}







/* Clearers
------------------------------------------------------------ */

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}



.clearerline {
	height:1px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 10px auto;

	
	
	clear: both;
	background: #eee;
	position: relative;
	 
}
	@media (max-width: 600px) { 
		.clearerline {
			margin-left: 0px;
			margin-right: 0px;
		}
	}
	
.side-wrapper .clearerline {
	margin-left: 0px;
	margin-right: 0px;
}	

.clearerline.normal{
	margin-left: 0px;
	margin-right: 0px;
}

.clearerline.top {
	  border-top: 1px solid #dcdfe0;
	  border-bottom: 0;
}
.clearerline.dark {
	 border-bottom: 1px solid #434041;
}

.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer5 {
	height: 5px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer10 {
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer15 {
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer20 {
	height: 20px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer25 {
	height: 25px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer30 {
	height: 30px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer35 {
	height: 35px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer40 {
	height: 40px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer45 {
	height: 45px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
} 
.clearer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer75 {
	height: 75px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer100 {
	height: 100px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer220 {
	height: 220px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.spacer5 {
	height: 5px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer15 {
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer25 {
	height: 25px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer30 {
	height: 30px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer40 {
	height: 40px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer85 {
	height: 85px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}




@-webkit-keyframes myanim {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
}
@-moz-keyframes myanim {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
}
@-o-keyframes myanim {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
}
@keyframes myanim {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
}