/* 
rijbewijsingevorderd.nl 2014
======================================================================================
Auteur: 		Stefan Efde [www.addnoise.nl]
======================================================================================
30b2d2 */


/* KLEUREN PALET
-----------------------------
-----------------------------
Groen				#30b2d2
-----------------------------
Donker 				#1f262d
-----------------------------
Licht Grijs			#7f8c8d
-----------------------------
Grijs/blauw			#393733
-----------------------------
*/

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


body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	font-family: 'Roboto Condensed','Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #83817C;
	
	font-size: 16px;
	

}

::selection {
background: #30b2d2;
color: #FFF;
text-shadow: none;
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; 
	font-smoothing: antialiased;
	 
	
}

 
a {
  color: #30b2d2;
  text-decoration: none;
  line-height: inherit;
}
a:hover, a:focus {
  color: #2a9dba;
}

/** { -webkit-backface-visibility: hidden; }*/

img {
	-ms-interpolation-mode:bicubic;
}


/* Foundation overrides*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Condensed','Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #42413f;
  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: #3b75bc;
    line-height: 0; }


.light {
	font-weight:300 !important;
}
.normal {
	font-weight:400 !important;
}
.semibold {
	font-weight:500 !important;
}
.bold {
	font-weight:700 !important;
}
.heavy {
	font-weight:900 !important;
}


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;
}
.hw {
	font-weight: 300 !important;
}
.radius {
	border-radius: 0px;
	-webkit-border-radius: 0px;
}
.italic {
	font-style: italic !important;
}

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

.button {
	
}

.icony {
	width:150px;
	height: 150px;
	display: inline-block;
	background:  url('../images/fiss-icon.svg') no-repeat;
	background-size: 100%;
}



.fw {
	width: 100% !important;
}

.grayscale {
  /* Firefox 10+, Firefox on Android */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='https://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-green {
	background-color: #30b2d2;
}
.bg-green.opac {
	background: rgba(48, 178, 210, 0.9);
}
a.button.bg-green:hover {
	background-color: #30b2d2 !important;
}

.bg-dark {
	background-color:#322d2d;
}
.bg-dark.opac {
	background-color: rgba(50, 45, 45, 0.8);
}

.bg-gray {
	background-color:#f2f1ed;
}

.bg-gray.opac {
	background: rgba(127, 140, 141, 0.8);
}

.bg-light {
	background-color: #f2f1ed !important;
}
.bg-lighter {
	background-color: #f7f6f0 !important;
}

.bg-blue {
	background-color: #393733 !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) ;
	
}



/* 
Background Colours with Gradient  	
*/




/*  
Text Colours  
*/

.c-green {
	color:#30b2d2 !important;
}

.c-dark {
	color: #42413f !important;
}
.c-blue {
	color: #30b2d2 !important;
}
.c-gray {
	color: #655f5b !important;
}

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



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


}

.row {
	max-width: 70.5em;
}
	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
		.row {
			
		}
	}

.rel {
	position: relative;
}

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

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

.container {
	
	
}

.topbar {
	position: absolute !important;
	top: 0px;
	left: 0px;
	width: 100%;
	min-height: 80px;
	background: rgba(50, 45, 45, 1) !important;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .1);

	z-index: 9999999 !important;
	
}
	@media only screen and (max-width: 40em) { 
		.topbar {
			top: 0px;
		}
	}

	



.logo-wrapper {
	margin: 0px auto 0 auto;
	height: 80px;
	z-index: 998;
	
	border-bottom: 0px solid rgba(255,255,255,0.1);
	margin-top: 0px;
    position: relative;
}
	@media only screen and (max-width: 40em) { 
		.logo-wrapper {
			
		}
	}


	

/* Logo */
.logo {
	max-width: 380px;
	height: 53px;
	position: absolute;
	top: 25px;
	left: 20px;

	z-index: 99;
	/* border-bottom: 4px solid #30b2d2; */
}
	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
		.logo {
			
		}
	}




.logo a {
	display: block;
	cursor: pointer;
	margin:0;
	padding: 0px;
	position: relative;
	text-decoration: none;
	z-index: 3;
	height: 50px;
	letter-spacing: 1px;
	font-size: 1.7em;
	color: #fff;
	font-weight: 700;
	
}
.logo a strong {
	font-weight: 700;
}

.logo a img {

}
.logo a span {
	/* font-weight: 300; */
	
}
.logo .logo-icon {
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 1000px;
	text-align: center;
	padding-top: 1px;
	margin-top: -10px;
	margin-right: 5px;
	background-color: rgba(31, 38, 45, 0);
	opacity: 1;
}
.logo .logo-icon img {
	margin: auto;
}



	@media only screen and (max-width: 40em) { 
		.logo {
			top: 30px;
			left: 10px;
			max-width: 320px;
		}

		.logo a {
			letter-spacing: 0px;
			font-size: 1.2em;
		}
		.logo a span {
			font-weight: 300;
		}
		.logo .logo-icon {
			margin-top: -10px;
			margin-right: 2px;
			width: 50px;
			height: 50px;
		}
		.logo .logo-icon img {
			width: 80%;
		}
		
	}


.nav-wrapper {
	background: #fff;
	margin: 0px auto 0 auto;
	height: 50px;
	z-index: 998;
	-moz-box-shadow: inset 0 1px 0 0px #eee;
-webkit-box-shadow: inset 0 1px 0 0px #eee;
box-shadow: inset 0 1px 0 0px #eee;
	margin-top: 0px;
    position: relative;
}
#top-nav {

	width: 100%;
	display: block;
	
	margin: 0;
	padding: 0;
	padding-left: 10px;
}

#top-nav ul {
	text-align: left;
	
}
#top-nav li {
	display: inline-block;
	text-align: center;
	
	padding: 0 0px;
	border: 0;
}
#top-nav ul > li.Contact {
	float: right;
	}
#top-nav ul > li.Contact a{
	background: #30b2d2;
	color: #FFF !important;
	border-radius: 0px;
	font-weight: 700;
}

#top-nav li > a { 
	font-size: 0.96em;
	letter-spacing: 1px;
	color: #8d8a85;
	font-weight: 400;
	padding:13px 20px;
	
	border: 0 !important;
	 border-radius: 0px !important;
	-webkit-border-radius: 0px !important;

}

#top-nav li > a:hover, #top-nav li.sfHover > a {
	color: #30b2d2;

	
}
#top-nav li.item-breadcrumb > a {
	color: #42413f;
	font-weight: 700;
}

#top-nav li a.active  {
	color: #fff;
}
	@media  (max-width: 60em)  { 
		#top-nav li > a {
			padding:13px 13px;
			letter-spacing: 0.04em;
		}
	}
	@media  (max-width: 50em)  { 
		#top-nav li > a {
			padding:13px 11px;
			letter-spacing: 0.02em;
		}
	}
	@media (max-width: 48em)  { 
		#top-nav {
			display: none;
			visibility: hidden;
		}
	}


.slogan {
	position: absolute;
	top: 25px;
	right: 100px;
	z-index:998;
	font-size: 1.2em;
	line-height: 1.2;
	font-weight: 300;
	color: rgba(255, 255, 255, 0.4);
}
.slogan a {
	font-size: 1.3em;
}

.topbar a.icon-top {
	position: absolute;
	right: 0px;
	top:22px;
	width: 36px;
	height: 34px;
	border-radius: 0px !important;
	line-height: 34px;
	text-align: center;
	font-size: 1rem;
	background-color: rgba(255, 255, 255, 0);
	border: 1px solid rgba(255, 255, 255, 0.08);
	z-index: 997;
}
.topbar a.icon-top i {

}
.topbar a.icon-top.email {
	right: 42px;
}
	
	@media  (max-width: 64em)  {
		.slogan {
			right: 120px;
		} 
		.topbar a.icon-top {
			right: 15px;
		}
		.topbar a.icon-top.email {
			right: 62px;
		}
	}
	@media (max-width: 40em)  { 
		.slogan {
			right: 13px;
			top:90px;
			color: #42413f;
		}
	}

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

#page-container {
	
	position:relative;	
	z-index: 2;
	margin: auto;
	margin-top: 0px;
	/* max-width: 1440px; */
	border-radius: 0px;
	/* 

 	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .1);
 */
}
.page-tpl-vervolgpagina #page-container {
	/*top:96px;*/
}

.seperator {
	position: absolute;
	top: -28px;
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
	//background: url(../images/seperator-arrow.png) no-repeat top center;
	z-index: 9998 !important;
}

	@media (-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi) { 
		   .seperator {
		   		top: -40px;
		   		height: 40px;
		   		/* 
background: url(../images/seperator-arrow@2x.png) no-repeat bottom center;
		   		background-size: 2400px 50px;
 */
		   }
		}

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

/* 
-------------------------------
BEGINPAGINA - Section Wrappers
-------------------------------
*/
.section-wrapper {
	width: 100%;
	position: relative;
	min-height: 1;
	/*padding: 4% 0px 4% 0;*/
	padding: 2rem 0 1rem 0;
}

.section-wrapper.bg-white {
	border-bottom: 2px solid #e7e7e7;
	
}

.intro-wrapper {
	position:relative;	
	z-index:1;
	width:100%;
	padding: 1rem 0 0rem 0;

}
.page-tpl-vervolgpagina .intro-wrapper {
	height: 0px;
}
	


.content-wrapper {
	padding: 4rem 0 2rem 0;
}
	@media only screen and (max-width: 40em) {
		.content-wrapper {
			padding: 1rem 0 2rem 0;

		}
	}

#intro.content-wrapper {
	padding: 1rem 0 1rem 0;
}



.page-tpl-vervolgpagina .content-wrapper {
	padding: 0rem 0 2rem 0;
}

.contact-wrapper {
	padding: 2.5rem 0 1rem 0;
	
}
.copy-wrapper {
	padding: 1% 0px 1% 0;
}
	@media only screen and (max-width: 40em) {
		.copy-wrapper {
			padding: 2% 0px 1% 0;

		}
	}



/* 
------------------------------------------------------
BEGINPAGINA - Slider - Full Width
------------------------------------------------------
*/
.sliderContainer {
	position: relative;
	top: 0;
	width: 100%;
	
	z-index: 0;
	background: #fff;
}
	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
		.sliderContainer {
			/*height: 700px;*/
		}
	}
	@media only screen and (max-width: 40em) { 
		.sliderContainer {
			/*height: 600px !important;*/
		}
	}



.royalSlider .rsImg {
	max-width: none;
	opacity: 0.7;
}
.royalSlider .rsImg.opac {
	opacity: 0.6;
}

#full-width-slider {
	width: 100% ;
	margin: 0 auto ;
	margin-top: 130px;
	position: relative;
	background: none;
	/* max-width: 1440px; */
}
#full-width-slider .bgImage {
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	background: #1a2128;
}
#full-width-slider .bgImage.opac{
	opacity: 0.6 !important;
}

/*
#full-width-slider .rsSlide {
	opacity: 0.45;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;

  -webkit-transform: scale(0.8);  
  -moz-transform: scale(0.8); 
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
#full-width-slider .rsSlide.rsActiveSlide {
	opacity: 1;
  -webkit-transform: scale(1);  
  -moz-transform: scale(1); 
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

*/

#full-width-slider {
	height: 620px !important;
}
	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
		#full-width-slider {
			height: 620px !important;
		}
	}

	@media only screen and (max-width: 40em) { 
		#full-width-slider {
			height: 460px !important;
		}
	}


.page-tpl-vervolgpagina #full-width-slider.headSmall {
	height: 100px !important;
}

	@media only screen and (max-width: 40em) {
		.page-tpl-vervolgpagina #full-width-slider.headSmall {
			height: 48px !important;
		}
	}

.page-tpl-vervolgpagina #full-width-slider.headMedium{
	height: 320px !important;
}
.page-tpl-vervolgpagina #full-width-slider.headLarge {
	height: 780px !important;
}




.rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
	background: #322d2d;
}
.royalSlider > .rsContent {
visibility: hidden; 
/* or display:none depending on your needs... */
}


#full-width-slider .infoBlock {
	position: absolute;
	top: 0%;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 0px 0px 0px 0px;
	color: #fff;
	padding-top:0rem;
	z-index: 999 !important;
	
}
.page-tpl-vervolgpagina #full-width-slider.headSmall .infoBlock{
	display: none !important;
	visibility: hidden;
}


#full-width-slider .infoBlock .heading {
	text-align: center;
	position: relative;
	display: block;
}


#full-width-slider .infoBlock .heading .title {
	font-size: 2.4em;
	line-height: 1.2;
	font-weight: 700;
	
	display: block;
	padding: 0px 0px 20px 0px;

	letter-spacing: 1px !important;
	z-index: 3;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
#full-width-slider .infoBlock .heading .title span {
	display: block;
	font-weight: 300;
	font-size: 0.8em;
}

.page-tpl-vervolgpagina #full-width-slider .infoBlock .heading {
	text-align: left;
}
.page-tpl-vervolgpagina #full-width-slider .infoBlock .heading .title {
	font-size: 3.3rem;
}

	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
		#full-width-slider .infoBlock {
		
		}
		#full-width-slider .infoBlock .heading {
			
			
		}
		#full-width-slider .infoBlock .heading .title {
			font-size: 3.1rem;
		}
		#full-width-slider .infoBlock .heading .title span {
			font-size: 2.6rem;
		}
		#full-width-slider .infoBlock .block {
			margin-top: 25px;
		}

	}


	@media only screen and (max-width: 40em) { 
		#full-width-slider .infoBlock {
			
		}
		#full-width-slider .infoBlock .heading {

		}
		#full-width-slider .infoBlock .heading .title {
			font-size: 1.8rem;
			padding: 0px 0px 10px 0px;
		}
		#full-width-slider .infoBlock .heading .title span {
			font-size: 1.3rem;
		}
		#full-width-slider .infoBlock .block {
			margin-top: 0px;
		}


	}



#full-width-slider .infoBlock .headblock {
	margin-top: 4em;
	padding: 30px 30px;
	background: rgba(50, 45, 45, 0.8);	
 	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .1);
}
	@media only screen and (max-width: 40em) { 
		#full-width-slider .infoBlock .headblock {
			margin-top: 2em;
			padding: 20px 20px;
		}
	}


.phone-wrapper {
	display: block;
	margin: 0;
	padding: 20px 0px 5px 0px; 

}

.phone-wrapper .phone {
	font-size:2.8rem;
	font-weight: 700;
	margin: 0;
	padding: 0px 0px;  
	color: #fff;
	display: block;
	letter-spacing: 2px;
	margin-top: 4px;
	margin-left: 0;

}
.phone-wrapper .phone.large {
	font-size:3rem;
}
	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
		.phone-wrapper .phone.large {
			font-size:2.6rem;
		}
	}

.phone-wrapper .phone.medium {
	font-size:2.2rem;
}
.phone-wrapper span {
	color: #606d7a;
	padding-left: 5px;
}


	@media only screen and (max-width: 40em) { 
		.phone-wrapper {
			padding: 10px 0px 0px 0px; 

		}
		.phone-wrapper .phone {
			font-size:2rem;
		}
		.phone-wrapper p{
			font-size: 0.6rem;
		}
		.phone-wrapper .phone.large {
			font-size:1.8rem;
		}
		.phone-wrapper .phone.medium {
			font-size:2.2rem;
		}
		.phone-wrapper span {
			color: #606d7a;
			padding-left: 5px;
			font-size:0.9rem;
		}
		#full-width-slider .infoBlock .headblock .button {
			width: 100%;
			margin-top: 0px;
		}


	}



#full-width-slider .infoBlock .headblock .text-wrapper {
	padding-right: 20px;
}
#full-width-slider .infoBlock .headblock p {
	color: #fff;
	margin-bottom: 0;
	font-weight: 500;
}
	@media only screen and (max-width: 40em) {
		#full-width-slider .infoBlock .headblock .text-wrapper {
			padding-top: 10px;
		}
		#full-width-slider .infoBlock .headblock p {
			font-size: 0.8rem;
		}
	
	}

#full-width-slider .infoBlock .headblock .button {
	margin-top: 10px;
	margin-left: 0;
	padding-right: 4rem;
	font-size: 1em;
}
#full-width-slider .infoBlock .headblock .button i {	
	position: absolute;
	top: 0.5rem;
	right: 2rem;
	font-size: 1.7rem;
	padding-top: 0.2rem;
	
}




/***************
*
*  2. Bullets
*
****************/

.rsDefault .rsBullets {
	position: absolute;
	z-index: 35;
	left: 0;
	bottom: 0%;
	width: 100%;
	height: auto;
	margin: 0 auto; 
	background: none;
	text-align: center;
	line-height: 18px;
	overflow: hidden;
	
}


#full-width-slider.rsDefault .rsBullets {
	bottom:8% !important;
}
	@media only screen and (max-width: 40em) {
		#full-width-slider.rsDefault .rsBullets {
			bottom:4% !important;
		}
	}


.rsDefault .rsBullet {
 	width: 8px;
 	height: 8px;
 	margin: 0 3px 3px;
	background: #777;
	background: rgba(90,100,100,0.3);
}


#full-width-slider.rsDefault .rsBullet.rsNavSelected  {
	width: 8px;
 	height: 8px;
	background-color: #30b2d2;
	border: 0px solid #fff;
}
.rsDefault .rsBullet.rsNavSelected  {
	
	width: 8px;
 	height: 8px;
	background-color: #30b2d2;
}


/* Arrows */

.rsDefault.rsHor .rsArrowLeft {
left: 5%;
top: 0;
}
.rsDefault.rsHor .rsArrowRight {
right: 5%;
top: 0;
}

.rsDefault .rsArrowIcn {
background-color: rgba(0, 0, 0, 0.07);
border-radius: 0px !important;
}






/* 
---------------------------
BEGINPAGINA - Nieuws
---------------------------
*/	
#nieuws-home {
	padding:0px 0 0px;
	background: #30b2d2;
	margin: auto;
	margin-bottom: 50px;
	
}
.newsbar {

	margin-left: 0.9375em;
	margin-right: 0.9375em;
	min-height: 80px;
	background: #30b2d2;
	border-radius: 0px;
	margin-top: 0px;
	padding: 14px 0;
	text-align: left;
}

.newsbar.klein {
	height: 60px;
	padding: 0px 0;
	min-height: 60px;
}
	
.newsbar .section-header {
	float: left;
	width: 14%;
	border-right: 1px solid rgba(255, 255, 255, 0.12);
}

@media only screen and (max-width: 64em) { 
	.newsbar .section-header {
		min-width: 70px;
		border-right: 0px;
	}
}
@media only screen and (max-width: 40em) { 
	.newsbar .section-header {
		min-width: 100%;
		border-right: 0px;
	}
}

.newsbar .section-header .headline {
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	line-height: 50px;
	letter-spacing: 1px;
	margin: 0;
	
}
.newsbar .section-header .headline a {
	color: #42413f !important;
}

	@media only screen and (max-width: 64em) { 
		.newsbar .section-header .headline {
			line-height: 20px;
			padding: 22px 0px;
			height:60px;
		}
	}
	
.newsbar .news-item  {
	float: left;
	width: 80%;
	padding-left: 2%;	
}
	@media only screen and (max-width: 64em) { 
		.newsbar .news-item {
			width: 75%;
		}
	}
	@media only screen and (max-width: 40em) { 
		.newsbar .section-header .headline {
			line-height: 20px;
			padding: 20px 0px 0;
		}
		.newsbar .news-item {
			width: 100%;
		}
	}

	
.newsbar.groot .news-item p {
	padding: 0;
	margin: 0px 0 0 0;
	font-size: 15px;
	line-height: 50px;
	color: #fff;
}
.newsbar.groot .news-item p a {
	color: #42413f !important;
}
	
.newsbar.klein .news-item p {
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	padding: 22px 5px;
	color: #fff;
}
.newsbar.klein .news-item p a {
	color: #42413f !important;
}
.newsbar .news-item  p .title {
	color: #fff;
}
@media only screen and (max-width: 40em) { 
	.newsbar.klein .news-item p {
		padding: 0px 5px 20px;
	}
}

/* 
------------------------------------------------------
BEGINPAGINA - Blocks
------------------------------------------------------
*/


.block {
	float:left;
	width: 100%;
	min-height: 165px;

	position: relative;
	display: block;
	overflow: hidden;
	
	-webkit-transition: all 0.2s 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;
	-webkit-backface-visibility: hidden;
	
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.block.videoframe {
	margin-top: 20px !important;
}
a.block:hover {
	-webkit-box-shadow:  0 0px 7px rgba(0, 0, 0, 0.3);
    box-shadow:  0 0px 7px rgba(0, 0, 0, 0.3) ;
}


.block img {
display:block;
position: relative;
z-index: 4;
margin: auto;
opacity: 0.92;
-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;
-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);

}

.block img.opac {
	opacity: 0.7;
}
a.block:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);	
}


.block .block-content {
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0px;
	padding: 20px 25px;
	
	z-index: 998;
	
	
}

.block .icon-wrapper {
	position: absolute;
	bottom: 15px;
	right: 25px;
	z-index: 5;
	
	opacity: 0.7;
		-webkit-transition: all 0.2s 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;
}
.block .icon-wrapper i {
	color: #fff;
	font-size:30px;
}
.block:hover .icon-wrapper {
	right: 20px;
	opacity: 1;
}


/* Play button */
.block .play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 64px;
	height: 64px;
	margin-left: -32px;
	margin-top: -32px;
	cursor: pointer;

	background: url(../royalslider/default/rs-default.png) no-repeat 0 -32px;
	
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;

	z-index: 9999;
	border-radius: 50%;
	background-position: -2px -34px;
	background-color:  rgba(48, 178, 210, 0.6);
	border: 3px solid rgba(255,255,255,0.9);
	box-shadow: 0px 0px 0px 9px rgba(31, 38, 45, 0.3);

}
.block:hover .play{
	background-color:  rgba(48, 178, 210, 1);
}


.block .mask {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background:rgba(0, 167, 196, 0.6);
	opacity: 0;
	z-index: 9;
		-webkit-transition: all 0.2s 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;
}
.block .mask i {
	width: 100%;
	font-size: 40px;
	color: rgba(255, 255, 255, 0.7);
	position: absolute;
	top: 40%;
	text-align: center;
	
}
.block:hover .mask {
	opacity:1;
	
}




.block .block-content .title {
	font-size: 36px;
	display: block;
	font-weight: 900;
	line-height: 40px;
	text-transform: uppercase;
	color: #fff;
	line-height: 1;
}
.block .block-content .gunny {
	position: relative;
	top: -18px;
	font-size: 54px;
	line-height: 54px;
}

.block .block-content p {
	font-size: 20px;
	font-weight: 600;
	color: #fff !important;
	line-height: 1;
	margin-bottom: 5px;
}

a.block:hover .title{
	color: #fff !important;
}

a.block:hover .title {
	color: #c91f1f;
}


.block .more {
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	float: left;
	padding-right: 10px;
}


/* 
-----------------------------
BEGINPAGINA - ICON SLIDER 
-----------------------------
*/

.iconSlider {
	padding-bottom: 30px;
}
.contentSlider {
  width: 100%;
  padding: 2rem 0;
  
}

#icon-slider.contentSlider {
  width: 100%;
  padding-top: 80px;
  margin-top: 150px;
  height: 670px;
}
	@media only screen and (max-width: 40em) {
		#icon-slider.contentSlider {
			height: 620px;
			margin-top: 100px;
			 padding-top: 60px;
		}
	}

#twitter-slider.contentSlider {
  width: 100%;
  padding: 0rem 0 1rem;
}

.contentSlider .rsSlide,
.contentSlider .rsOverflow {
  background: none;
}

	#icon-slider.contentSlider .rsSlide {
		margin-top: 10px;
	}
	@media only screen and (max-width: 40em) {
		#icon-slider.contentSlider .rsSlide {
			margin-top: 0px;
		}
	}

.contentSlider .rsTabs img {
  max-width: 100%;
  height: auto;
  display: block;
}
.content-slider-bg {
  	position: relative;
}
/* Tabs */
.contentSlider .rsTabs {
	position: absolute;
	top: -135px;
	height: 170px;
	padding-bottom: 0px;
	background: none !important;
	overflow: visible;
}
.contentSlider .rsTabs .rsTab {
	position: relative;
	
	background: none;
	border: 0;
  	border-top: 1px solid rgba(0, 0, 0 , 0.13);
	border-right: 1px solid rgba(0, 0, 0 , 0.13);
	border-bottom: 1px solid rgba(0, 0, 0 , 0.13);
	
	box-shadow: none;
	text-shadow: none;
	text-align: center;
	margin: 0 0px;

	padding-top: 30px;
	padding-bottom: 0px;
	opacity: 1;
	border-radius: 0px;
	width: 20%;
	max-width: 220px;
	min-height: 182px;
	background: #fff;
	color: #6b6a68;
    
    
	-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;
}
.contentSlider .rsTabs .rsTab:nth-of-type(1) {
	border-left: 1px solid rgba(0, 0, 0 , 0.13);
}


.contentSlider .rsTabs .rsTab p {
	font-weight: 500;
	font-size: 1.1em;
	line-height: 1.3;
	padding-left: 5px;
	padding-right: 5px;
}

	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
		.contentSlider .rsTabs  {
			width: 100%;
			left: 0;
			
		}
		.contentSlider .rsTabs .rsTab {
		
			max-width: 220px;
			height: 160px;
			
			padding-bottom: 75px;
			padding-left: 0;
			padding-right: 0;
	
			min-height: 50px;
			
		}

		.contentSlider .rsTabs .rsTab p {
			font-size: 0.8rem;
			line-height: 1.1;
		}
	}




.contentSlider  .rsTmb {
	float: left;
	width: 100%;
	text-align: center;
}

.contentSlider .rsTabs .rsTab .active{
	position: absolute;
	bottom: -15px;
	width: 40px;
	left: 50%;
	
	margin-left: -20px;
	height: 20px;
	background: url(../images/section-down.png) no-repeat center;
	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;
}

.contentSlider .rsTabs .rsTab.rsNavSelected {
	
	background: #fff !important;
	
}
.contentSlider .rsTabs .rsTab.rsNavSelected .active{
	opacity: 1;
}

.contentSlider .rsTabs .rsTab.rsNavSelected {
	opacity: 1;
	color: #30b2d2;
}

.contentSlider .rsTabs .rsTab img {
	opacity: 0.4;
	max-width: 70%;
}
.contentSlider .rsTabs .rsTab.rsNavSelected img{
	opacity: 1;
}

.contentSlider .rsTabs .rsTab:hover img {
	opacity: 0.8;
}
.contentSlider .rsTabs .rsTab:hover {
	opacity: 1;	
}

.contentSlider .rsTabs .rsTab img {
	margin: auto;
	margin-bottom: 20px;
	max-width: 100%;
}
	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
		.contentSlider .rsTabs .rsTab img {
			max-width: 60%;
		}
	}

	@media only screen and (max-width: 40em) {
		.contentSlider .rsTabs  {
			width: 100%;
			left: 0;
			top: -95px;
			height: 130px;
		}
		.contentSlider .rsTabs .rsTab.rsNavSelected .active{
			
		}
		.contentSlider .rsTabs .rsTab {
			width: 20%;
			height: 100px;
			margin: 0;
			padding: 0 4px;
			padding-bottom: 0px;
			
			border-radius: 0px;
			min-height: 100px;
			padding-top: 15px;
			
		}
		
		
		.contentSlider .rsTabs .rsTab img {
			max-width: 35%;
			margin-bottom: 10px;
		}
		.contentSlider  .rsTmb {
			width: 100%;
			font-size: 0.5rem;
			line-height: 1;
		}
		.contentSlider .rsTabs .rsTab p {
			font-weight: 700;
			font-size: 0.6rem;
			line-height: 1.1;
		}


	}


.block-wrapper {
display: block;
position: relative;
padding: 30px 30px 30px 0px;
}

.block-wrapper .icon{
position: absolute;
top: -20px;
left: 0px;
width: 40px;
margin-bottom: 10px;
display: block;
opacity: 0.4;
	}
.block-wrapper .icon i{
	font-size: 2.1rem;
	color: #a4947a;
}

.block-wrapper .title {
	line-height: 1.2;
	font-weight: 500 !important;
	color: #30b2d2;
}

@media only screen and (max-width: 40em) {
	.block-wrapper {
		padding: 0 20px 0px 50px;
	}
	.block-wrapper p {
		display: none;
	}
	.block-wrapper .icon{
		top: 0px;
		left: -10px;
	}
}

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

.head-wrapper {
	text-align: center;
	position: relative;
	display: block;
}

.head-wrapper .title {

	font-size: 2.8em;
	font-weight: 300;

	display: inline-block;
	padding: 0px 0px;

	letter-spacing: 0px !important;
	z-index: 3;
}
.head-wrapper .title.hw {
	font-size: 1.6em;
	font-weight: 700 !important;
}

	@media only screen and (max-width: 64em) { 
		.head-wrapper {
			padding-left: 2%;
			padding-right: 2%;
		}
	}
	@media  (max-width: 48em) {
		.head-wrapper {
			padding-left: 3%;
			padding-right: 3%;
		}
		.head-wrapper .title {
			font-size: 2.4rem;
		}
	}

	
#icon-slider.contentSlider .head-wrapper .title.uppercase {
	font-size: 2.4rem;
}
	@media only screen and (max-width: 40em) {
		#icon-slider.contentSlider .head-wrapper {
			text-align: left;
			
		}
		#icon-slider.contentSlider .head-wrapper .title {
			font-size: 1.7em;
			padding-left: 17px;
		}
	}

.head-wrapper .title span {
	display: block;
	font-weight: 300;
	font-size: 3.6rem;
}
.head-wrapper .title.large {
	font-size: 4.3rem;
	line-height: 1.2;
}
.head-wrapper .title.medium {
	font-size: 2.4rem;
	line-height: 1.2;
}
.head-wrapper .title.small {
	font-size: 1.8rem;
	line-height: 1.2;
}

.head-wrapper .sub {	
	font-weight: 300;
	display: block;
	position: relative;
	z-index: 5;
	line-height: 1.4;
	font-size: 1.6rem;
}
.head-wrapper .sub p {
	font-weight: 300;
	display: block;
	position: relative;
	z-index: 5;
	line-height: 1.4;
	font-size: 1.1rem;
	margin: 0;
	padding: 0;
}
	@media  (max-width: 48em) {
		.head-wrapper .sub p {
			font-size: 1.1rem;
		}
	}
	
.head-wrapper.left-align {
	text-align: left;
}


#waarom-ons .head-wrapper {
	margin-bottom: 70px;
}
#waarom-ons .head-wrapper .title {
	font-size: 2.4rem;
	line-height: 1;
}

	@media only screen and (max-width: 40em) {
		.head-wrapper {
			padding-left:2%;
			padding-right:2%;
		}
		.head-wrapper .title {
			font-size: 2rem;
			line-height: 1.2;
		}
		.head-wrapper .sub, .head-wrapper .sub p  {
			line-height: 1.3;
			font-size: 1.1rem;
		}
		
		#waarom-ons .head-wrapper {
			margin-bottom: 20px;
		}
		#waarom-ons .head-wrapper .title {
			font-size: 2rem;
			line-height: 1;
		}

	}









.text-wrapper {
	position: relative;	
	padding: 20px 2% 10px 2%;
}

.text-wrapper.padding-left {
	padding-left: 50px;
}

#icon-slider .text-wrapper {
	padding-top: 30px;
}
	@media only screen and (max-width: 64em) { 
		#icon-slider .text-wrapper {
			padding-left: 20px;
		}
	}
	@media only screen and (max-width: 40em) {
		#icon-slider .text-wrapper {
			padding-top: 0px;
			padding-left: 10px;
		}
	}


#icon-slider .text-wrapper .title {
	line-height: 1.3;
}


.text-wrapper .sub {
	
	color: #939393;
	font-size: 1.6rem;

}

.text-wrapper p {
	
}

 .text-wrapper p.intro {
	padding-top: 1.2rem;
	font-size: 1.2rem;
	line-height: 1.2;
	font-weight: 600;
}


.headline  {
	font-size: 2.8rem;
	margin-bottom: 0px;
	letter-spacing: 0px;
	font-weight: 300;
	line-height: 1.1;
}
.headline.small  {
	line-height: 1;
	font-size: 1.6rem;
	padding-top: 15px;
	margin-bottom: 10px;
	letter-spacing: 0px;
	font-weight: 400;
}
.headline.medium  {
	line-height: 1;
	font-size: 2.2rem;
	margin-bottom: 5px;
	letter-spacing: 0px;
	font-weight: 300;
}
.headline.large  {
	line-height: 1;
	font-size: 3.1rem;
	letter-spacing: 0px;
	font-weight: 300;
}

	@media only screen and (max-width: 40em) {
		.headline  {
			font-size: 2.2rem;
		}
		.headline.medium  {
			font-size: 1.8rem;
		}
	}

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


/* Over ons */

#over-ons {
	padding-top: 0 !important;
	padding-bottom: 6% !important;
}
	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
		#over-ons {
			min-height: 600px;
		}

	}

.backstretch {
	background: #322d2d;
}
.backstretch img {
	opacity: 0.1;
}
#over-ons .text-wrapper {
	padding-top: 10px; 
}
#over-ons .head-wrapper .title {
	font-size: 2rem;
}


#over-ons .head-wrapper .sub {
	font-size: 1.1rem;
	line-height: 1.8;
	font-weight: 500;
}

	@media only screen and (max-width: 40em) {
		#over-ons .text-wrapper {
			padding-top: 10px;
			padding-left: 0 !important;
		}
		#over-ons .head-wrapper .title {
			font-size: 1.2rem;
		}

		#over-ons .head-wrapper .sub {
			font-size: 1rem;
			line-height: 1.4;
			font-weight: 500;
		}
		#over-ons .button.fw {
			width: 98% !important;
		}
	}

#over-ons .block {
	margin-top: 10px;
}



/* Quotyy */

.text-wrapper {
	position: relative;	
	padding: 20px 2% 10px 0%;
}

.text-wrapper blockquote.title {
	display: block;
	font-size: 1.1rem;
	line-height: 1.5;
	padding-bottom: 0px;
	color: #393733 !important;
	letter-spacing: 0;
	border-left: 0;
	padding-left: 2rem;
	font-weight:600;
	position: relative;	
}


.text-wrapper blockquote.title i {
	left: 0px;
	position: absolute;
}
.text-wrapper blockquote.title i.fa-quote-right {
	position: absolute;
	left: auto;
	right: 30px;
	bottom: 30px;
	margin-top: 10px;
	margin-right: 15px;
}


	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
		.text-wrapper blockquote.title {
			padding-top: 45px;
			font-size: 2rem;
			line-height: 1.2;
			padding-bottom: 20px;
		}
		.text-wrapper blockquote.title i {
			left: 20px;
			top: 30px;
			font-size: 1.6rem;
		}
	}

.text-wrapper blockquote.title cite {
	padding-top: 0px;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 1px;
	line-height: 3;
	color: #7f8c8d;
}
.text-wrapper blockquote.title cite:before {
content: "- ";
}
.text-wrapper blockquote.title cite img {
	float: left;
	width: 50px;
	margin-right: 20px;
}


/* Twitter */

#twitter-slider .text-wrapper {
	position: relative;	
	padding: 20px 2% 10px 0%;
}

#twitter-slider .text-wrapper blockquote.title {
	font-size: 2.4rem;
	line-height: 1.4;
	padding-bottom: 30px;
	color: #393733 !important;
}


#twitter-slider .text-wrapper blockquote.title i {
	left: -55px;
	position: absolute;
}

	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
		#twitter-slider .text-wrapper blockquote.title {
			padding-top: 45px;
			font-size: 2rem;
			line-height: 1.2;
			padding-bottom: 20px;
		}
		#twitter-slider .text-wrapper blockquote.title i {
			left: 20px;
			top: 30px;
			font-size: 1.6rem;
		}
	}

#twitter-slider .text-wrapper blockquote.title cite {
	padding-top: 30px;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 1px;
	line-height: 3;
	color: #7f8c8d;
}
#twitter-slider .text-wrapper blockquote.title cite:before {
content: "";
}
#twitter-slider .text-wrapper blockquote.title cite img {
	float: left;
	width: 50px;
	margin-right: 20px;
}

/* Twittter lijstje rechts */
#twitter-slider .list-wrapper {
	position: relative;	
	padding: 20px 2% 10px 2%;
}

#twitter-slider .list-wrapper .title {
	font-size: 1.1rem;
	line-height: 1.5;
	padding-bottom: 0px;
	color: #7f8c8d !important;
	border-left: 0;
}
#twitter-slider .list-wrapper .title img {
	left: -20px;
	position: absolute;
	width: 32px;
	margin-right: 0px;
	border-radius: 0px;
}
#twitter-slider .list-wrapper .title a.username {
	display: block;
}
#twitter-slider .list-wrapper .time {
	font-size: 0.8rem;
	text-transform: uppercase;
	font-weight: 700;
	display: block;
	
}
#twitter-slider .list-wrapper .title cite:before {
content: "";
}






/* Breadcrumbs */
.breadcrumbs-wrapper {
	
}
.breadcrumbs {
  display: block;
  padding-left: 35px;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 0px;
  background: none;
  border-color: #dddddd;
  border-radius: 0px; 
  margin-bottom: 0rem;
 }

.breadcrumbs > * a, .breadcrumbs > * span {
  text-transform: uppercase;
  color: #30b2d2;
}



/* 
---------------------------
ALGEMEEN - Side Bar
---------------------------
*/
.westside {
	padding-top: 40px;

}
	@media only screen and (max-width: 40em) {
		.westside {
			padding-top: 5px;
		}
	}
.page-title {
	display: block;
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 1.6em;
	
}
#subnav-wrapper {

	padding: 10px;
}

.page-title:hover {
	
}

.side-nav {
	padding: 0;
	margin-bottom: 20px;
}

.side-nav li a > i {
	float: right;
	padding-top: 3px;
	display: none;
}

.side-nav li a {
	font-family: 'Roboto Condensed','Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #ada8a1 !important;
	font-weight: 500;
	font-size: 1.1em;
	letter-spacing: 0em;
	line-height: 1.4;
	padding: 4px 10px 4px 0px;
}
.side-nav li {

	margin: 0;
	padding: 3px 0 3px;
	border-bottom: 1px solid rgba(0, 0, 0 , 0.1);
}
.side-nav li:first-child  {

}
.side-nav li.last {
	border-bottom: 0px solid #f2f2f2;
}


.side-nav li a:hover {
	color: #393733 !important;
}
.side-nav li a.actief {
	color:#30b2d2 !important;
	border:0;
}
.side-nav li a:hover > i, .side-nav li a.actief > i {
	float: right;
	display: block;
}


/* Tweede niveau */

.side-nav ul {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
.side-nav li li {
	
	font-weight: 700;
	border: 0px solid #eeedec;
}
.side-nav li li:first-child  {
	border: 0;
}

.side-nav li li a {
	color: #7e7e7e;
	font-size: .9rem;
	padding: 1px 10px 1px 10px;
	font-weight: 400;
}

.side-nav li li a:hover {
	background: none;
	color: #1a1b1f;
}
.side-nav li li a > i {
	display: none;
	
}
.side-nav li li a.actief {
	color: #1a1b1f !important;
	border: 0px;
}

/* 3de niveau */
.side-nav li li li a { 
	font-size: 13px;
	padding-left: 20px;
		
		letter-spacing: 0px;
}




/* 
---------------------------
ALGEMEEN - Accordion
---------------------------
*/
.accordion {
	margin-top: -20px;
	
}
.accordion .content {
	padding: 0 1.5rem 1rem ;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.accordion .content {

}
.accordion .content.active {

}

.accordion dd > a {

background: none;

padding: 1rem 1.5rem;
display: block;
font-family: 'Roboto Condensed','Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
line-height: 1.3;
font-weight: 300;
}
.accordion dd > a i {
	position: absolute;
	left: 0.2rem;
	top: 1.2rem;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.accordion dd > a i.default {
	opacity: 1;
}
.accordion dd > a i.down {
	left: 0.2rem;
	opacity: 0;
}
.accordion dd.active > a i.default {
	opacity: 0;
}
.accordion dd.active > a i.down {
	opacity: 1;
}

.accordion dd a:hover {
	background: none;
}
.accordion dd.active a {
	background: none;
	font-weight: 600;
	color: #30b2d2 !important;
}

.accordion dd {
	position: relative;
	border-bottom: 1px solid #ebeef0;
	
}

.accordion .acc-title {
	
}	
.accordion .acc-title:hover {
	
}

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



#footer-wrapper {
	position: relative;
	margin-top: -40px;
	z-index: 1;
}
.footer-nav {
	padding: 40px 0.625rem;

}
.footer-nav ul {
	margin-bottom: 10px;
}
.footer-nav ul li {
	padding: 4px 0;
}

.footer-nav ul .heading{
	font-size: 1.3rem;
	padding-bottom: 10px;
}
.footer-nav ul li a {
	color: #83817C;
}
.footer-nav ul li a:hover {
	color: #30b2d2;
}
.footer-nav ul li ul {
	padding-top: 10px;
}

	@media only screen and (max-width: 64em) { 
		.footer-nav {
			padding-left: 2%;
			padding-right: 2%;
		}
	}
	@media only screen and (max-width: 40em) {
		.footer-nav {
			padding: 0 0 0 1em;
		}
		.footer-nav ul li {
			padding: 1px 0;
			
		}
		.footer-nav ul li.heading{
			font-size: 1.2rem;
		}
	}


/* Follow */
.follow  { 
	floaT: left;
	display: block;
	padding-top: 35px;
}

.follow .title {
	font-size: 18px;
	padding-right: 20px;
}
.follow ul {
	margin-left: -5px;
	margin-top: 20px;
}
.follow ul li.title {
	width: auto !important;
} 	
.follow ul li {
	text-align: center;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: 0px 5px;
}

.follow ul li a {
	text-decoration: none; 
} 
.follow li:hover {
	
}
.follow ul li a.social-icon {
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: url('../images/social-icons.png') no-repeat 0 0;
}
.follow ul li a.social-icon.facebook {
	background-position: 0 0;
}
.follow ul li a.social-icon.gplus {
	background-position: -50px 0;
}
.follow ul li a.social-icon.twitter {
	background-position: -100px 0;
}


.copy-nav {
	margin: 0;

	margin-top: 20px;
	font-size: 0.7rem;

}
	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
		.copy-nav {
			margin: 0;
			margin-top: 17px;
			margin-left: -24px;
		}
		.inline-list.copy-nav > li  {
			margin-left: 0.7rem !important;
		}

	}
	@media only screen and (max-width: 40em) { 
		.copy-nav {
			margin-top: 25px;
		}
		.copy-nav li {
			margin-left: 1rem;
		}
	}

.copy-nav li a {	

	font-size: 0.7rem;
	text-transform: uppercase;
	display: inline;
	padding: 0 2px 0 0;
	color:#bbc3c6;
	font-weight: 400;
}
.copy-nav li a:hover {
	color: #1f262d;
	
}


/* Logo */
#footer-wrapper .footerlogo {
	height: 50px;
	position: absolute;
	top: 10px;
	left: 10px;
}

	@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
		#footer-wrapper .footerlogo {

			left: 20px;
			max-width: 350px;
			width: auto;
			margin-left: 0;
		}
	}
	

#footer-wrapper .footerlogo a {
	display: block;
	cursor: pointer;
	margin:0;
	padding: 0px;
	position: relative;
	text-decoration: none;
	z-index: 3;
	height: 50px;
	letter-spacing: 1px;
	font-size: 1.4em;
	color: #42413f;
	font-weight: 300;
	
}
#footer-wrapper .footerlogo a strong {
	font-weight: 700;
}

#footer-wrapper .footerlogo a img {
	opacity: 1;
}
#footer-wrapper .footerlogo a span {
	font-weight: 300;
}
#footer-wrapper .footerlogo .copy {
	position: absolute;
	top: 0px;
	left: 5px;
	font-size: 0.9rem;
}


@media only screen and (max-width: 40em) { 
		#footer-wrapper .footerlogo {
			position: relative;
			top: 10px;
			left: 0px;
			max-width: 320px;
			width: auto;
			margin-left: 0;
		}
		#footer-wrapper .footerlogo .copy {
			font-size: 0.7rem;
		}
	}


/* Add Noise */
.addnoise {
	float: right;
	width: 125px;
	height: 25px;
	margin-top: 18px;
	background:  url('../images/addnoise-zw.svg') no-repeat;
	background-size: 100%;
	opacity: 0.4;
	filter:grayscale(100%);
	cursor: pointer;
}
.addnoise .by {
	font-style: italic;
	font-size: 12px;
}

.addnoise:hover {
	opacity: 1;
	filter:grayscale(0%);
} 

	@media only screen and (max-width: 40em) { 
		.addnoise {
			float: right;
		}
	}


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

.button {

}

 
/* Blue button with grey border */

.button {
	font-family: 'Roboto Condensed','Helvetica Neue', Helvetica, Arial, sans-serif;
	border-radius: 0px !important;
	letter-spacing: 1px;
	border-style: solid;
	border-width: 0px;
	cursor: pointer;
	position: relative;
	background-color: #30b2d2;
  	border-color: #30b2d2;
	border-color: none;
	border: 0px solid #d3d6dc;
	-webkit-box-shadow:  0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow:  0 0px 0px rgba(0, 0, 0, 0.1) ;
	text-shadow: 0 0px 0px rgba(0, 0, 0, 0.2) ;
	line-height: 1 !important;
	
	font-weight: 600 !important;;
	border: 1px solid rgba(255, 255, 255, 0.1) !important; 
	margin: 0 0px;
		-webkit-transition: all 0.2s 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;
}



.button:hover {
	background-color: #30b2d2 !important;
	opacity: 0.8;
}

.button i {
	margin-left: 10px;
}




.btn-gray {	
	background: #7f8c8d;
}
.btn-gray:hover {
	background: #6a7374;
}
.btn-lightgray {	
	background: #e9e9e9;
}
.btn-lightgray:hover {
	background: #d2d2d2;
}


.btn-outline {	
	color: #30b2d2 !important;
	border: 2px solid rgba(0, 0, 0, 0.1);
	background: rgba(0, 0, 0, 0);
}
.btn-outline:hover {
	background: rgba(0, 0, 0, 0);
	color: #30b2d2 !important;
	border: 2px solid #30b2d2;

}



.button.opac {
	opacity: 0.8;
}



.button.check {
	padding-top: 1.3rem;
	padding-bottom: 1.3rem; 
}
 


/* Foto Slider
------------------------------- */
#simple-horizontal {
	width: 100%;
	height: 400px;
	margin-top: 30px;
	border-radius: 0px;
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
	@media only screen and (max-width: 40em) { 
		#simple-horizontal {
			margin-top: 10px;
			height: 220px;
		}
	}


.royalSlider .rsImg {
  max-width: none;
}
#simple-horizontal .rsABlock { padding: 20px;color:#fff;background: rgba(0, 0, 0, 0.7); }

#simple-horizontal.rsDefault .rsBullets {
	bottom:2% !important;
}

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


.foto {
	float: left;
	width: 35%;
	margin: 0px 20px 20px 0px;
	padding: 0px 0px 0px 0px;

	position: relative;
	z-index: 99;
}
	@media only screen and (max-width: 40em) {
		.foto {
			width: 45%;
		}
	}

.foto a {
	display: block;
	padding: 3%;
	border-radius: 0px;
	-webkit-transition: all 0.2s 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;
	
	-webkit-box-shadow:  0 0px 1px rgba(0, 0, 0, 0.3);
    box-shadow:  0 0px 1px rgba(0, 0, 0, 0.3) ;
}

.foto a:hover {
	-webkit-box-shadow:  0 0px 7px rgba(0, 0, 0, 0.3);
    box-shadow:  0 0px 7px rgba(0, 0, 0, 0.3) ;
}

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

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

.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;
	border-radius: 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 a {
	text-align: center;
	display: block;
	padding: 3%;
	border-radius: 0px;
	-webkit-transition: all 0.2s 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;
	
	-webkit-box-shadow:  0 0px 1px rgba(0, 0, 0, 0.3);
    box-shadow:  0 0px 1px rgba(0, 0, 0, 0.3) ;

}


.fotosoverzicht a:hover {
	-webkit-box-shadow:  0 0px 7px rgba(0, 0, 0, 0.3);
    box-shadow:  0 0px 7px rgba(0, 0, 0, 0.3) ;
}
.fotosoverzicht img {
	
	cursor:pointer;
	margin:auto;
	border: 0px;
	padding: 0px;
	display: block;
  	max-width: 100%;
  	border-radius: 0px;

}

.fancybox-image {
	border-radius: 0px !important;

}

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

}
.files span {
	font-size: 0.9rem;
	color: #7f8c8d;
}




/* Sharing */

.share-wrapper {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2	;
}

.share-btn {
	margin: 0;
}

.btm-sharing {	
	
	width: 240px;
	position: absolute;
	right: 0;
	top: 10px;
}
.btm-sharing .name {
	float: left;
	font-size: 12px;
	font-weight: 600;
	padding-right: 10px;
	padding-top: 2px;
}


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



.contactform input {
	width: 100%;
	height: 2.7em;
	padding: 0.3em 1em;
	font-weight: 400;
	
	display: block;
}
.contactform {
	margin-top: 38px;
}

.contactform input { 
	margin-bottom: 0 !important;
	background: rgba(255, 255, 255, 1);
	border-radius: 0px;
	box-shadow: none;
	border: 0;
	
}
.page-tpl-vervolgpagina .contactform input {
	border: 1px solid #CDC9C3;
}


.contactform input:focus {
	border: 0;
	outline: none;
	box-shadow: none !important;
	
} 
.contactform textarea {
	width: 100%;
	height: 130px;
	padding: 12px 1em;
	box-shadow: none;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-radius: 0px;
	font-weight: 400;
	background: rgba(255, 255, 255, 1);

}
.page-tpl-vervolgpagina .contactform textarea {
	height: 200px;
	border: 1px solid #CDC9C3;
}

.contactform input.addformInputSmall {
	width: 50%;
}
.contactform label {
	position: absolute;
	left: 17px;
	top: 8px;
	color: #7f8c8d;
	cursor:text;
	font-size: 1rem;
	z-index: 88;
	
}
.contactform .regel {
	position: relative;
	margin-bottom: 10px;
}
.contactform .knoppen {
	width: 100%;
	float: left;
	display: block;
	
	
}
.contactform .button {
	float: right;
	width: 50%;
	height: 45px;
	padding: 0;
	background: #30b2d2;
	font-weight: normal;
	margin-top: 0px;
	font-size: 16px;
	margin-right: 0px;
	border-radius: 0px;
}


.error input, .error textarea, .error select {
	margin-bottom: 0 !important;
	height: 2.7em;
	padding: 0.3em 1em;
	border: 2px solid #e94543;
}

.contactform  small.error {
	
	background: none;
	color: #e94543;
	font-size: 14px;
	padding-left: 15px;
	margin: 0;
	padding-bottom: 0;

}

ul.errors li{
	color: #e94543;
	font-size: 14px;
	margin-left: 15px;
}

p.hint {
	text-align: center;
}


/* Sitemap */

.sitemap {
	padding-left: 30px;
	border-left: 4px solid #f2f2f2;
}
.sitemap ul {
	list-style: none;
}
.sitemap ul {
	margin-left: 0;
}
.sitemap ul ul {
	margin-left: 0px;
	padding: 4px 0;
}
.sitemap ul ul ul{
	margin: 4px 0;
	padding-left: 15px;
	border-left: 2px solid #f2f2f2;
}
.sitemap li a {
	
	font-weight: 700;
	color: #393733 !important;
	font-size: 15px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}
.sitemap li ul li a {

	color: #393733 !important;
	font-size: 15px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}
.sitemap li li li a {

	font-weight: 600;
	color: #7f8c8d !important;
	font-size: 16px;
	padding: 0px 0px 0px 0px;
	text-transform: none;
	letter-spacing: 0px;
}
.sitemap li li li li a {
	font-weight: 400;
	font-size: 15px ;
	color: #7f8c8d !important;
}
.sitemap li a {

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

	
}


/* 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: 20px auto ;

	width: 100%;
	max-width: 980px;
	clear: both;
	background: #CDC9C3;
	position: relative;
	 
}
.clearerline .ri-icon {
	position: absolute;
	top: -20px;
	left: 50%;
	height: 40px;
	width: 60px;
	margin-left: -30px;
	background: #fff url('../images/stop-light.png') no-repeat center;
	background-size: 45% auto;
}
	@media only screen and (max-width: 40em) {
		.clearerline .ri-icon {
			background-size: 50%;
		}
	}


.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;
}


/* 
-----------------------------
NIEUWSPAGINA
-----------------------------
*/

.text-wrapper.nieuws .headline {
	padding-bottom: 20px;
}



@-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; }
}