@charset "utf-8";

iframe {
	max-width: 100%;
}

/** ROOT ***********************************************************************
 *
 * font			: #565656
 * blauw		: #2590ce
_______________________________________________________________________________*/

html, body#top { height: 100%; /*overflow: auto;*/ }

body#top
{
	font: normal 12px/18px Arial, Sans-serif; color: #565656;
	background: #eaeaea url("../images/layout/bg-body.jpg") scroll repeat-x left top;
}


/** GRID ***********************************************************************
_______________________________________________________________________________*/

.base {
	width: 100%;
	max-width: calc(960px + 40px);
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}

#wrapper
{
	margin: 0 auto -50px; min-height: 100%; height: auto !important; height: 100%;
}
	header { /*height: 255px;*/ height: 69px; /*border-bottom: solid 1px #c8c8c8;*/ }
	header.is-home { /*height: 348px;*/ }

header div.base {
	position: relative; /*overflow: hidden; height: 255px; background-color: red*/
}

/*#logo, #logo-mobile, #logo-mobile-small {
	position: absolute;
	left: -6px;
	z-index: 10; !*display: inline-block; margin-top: 24px;*!
}
#logo img, #logo-mobile img {
	display: block;
}
#logo-mobile, #logo-mobile-small {
	display: none;
	left: 0;
	top: 5px;
}
#logo-mobile-small {
	top: 10px;
}*/
#logo {
	position: absolute;
	left: 0;
	z-index: 10;
}
@media only screen and (max-width: 767px) {
	#logo {
		display: none;
	}
}
#logo-mobile, #logo-mobile-small {
	display: none;
}
@media only screen and (max-width: 767px) {
	#logo-mobile-small {
		display: inline-block;
		padding-top: 15px;
	}

	#nav a.history {
		display: none;
	}
}

#language, #nav, #nav-select {
	float: right;
	height: 46px;
	padding-top: 23px;
}
#nav, #nav-select { display: none; }
#nav-select {
	/*height: auto;*/
	/*padding-top: 37px;*/
	/*position: absolute;*/
	/*right: 0;*/
	/*z-index: 100;*/
}

#banner { /*position: absolute;*/ /*height: 186px;*/ /*top: 69px;*/
	display: flex;
}
#banner.banner-home { /*height: 279px;*/ } /*header.is-home #banner { height: 279px; }*/

#banner-txt {
	width: 100%;
	/*display: table-cell; !*width: 375px;*! !*padding-left: 25px;*! vertical-align: middle;*/
}
#banner.banner-home #banner-txt {
	width: 100%;
}
@media only screen and (min-width: 486px) {
	#banner.banner-home #banner-txt {
		width: 58%;
		padding-left: 15px;
	}
}
@media only screen and (min-width: 768px) {
	#banner.banner-home #banner-txt {
		width: 42%;
		padding-left: 25px;
	}
}
@media only screen and (max-width: 485px) {
	/*#banner-txt {
		width: 100%;
	}
	#banner.banner-home #banner-txt {
		padding-left: 0;
		width: 100%;
	}*/
	.ei-slider {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	/*#banner.banner-home #banner-txt {
		width: 58%;
	}*/
}
@media only screen and (max-width: 991px) {
	#banner-txt .as-h2 {
		font-size: 32px;
	}
}

	#content { min-height: 100px; background-color: #eaeaea; border-top: solid 1px #c8c8c8; }

section.page {
	display: table;
	padding-top: 45px;
	padding-bottom: 45px;
}
@media only screen and (max-width: 886px) {
	section.page {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

section.page #subnav {
	display: none; /*display: table-cell;*/
	/*width: 289px;
	vertical-align: top;*/
	border-right: solid 1px #c8c8c8;
	padding-right: 25px;
	margin-right: 25px;
}
			#subnav-select { text-align: right; padding-top: 5px; }

section.page aside {
	/*display: table-cell;
	width: 645px;
	vertical-align: top;
	border-left: solid 1px #c8c8c8;
	padding-left: 25px;*/
}

/*#push, footer {
	height: 50px;
}*/

footer
{
	/*height: 45px;*/
	/*padding-top: 4px;*/
	border-top: solid 1px #c8c8c8;
	font-size: 12px;
	/*line-height: 45px;*/
}
#copy {
	float: right;
	/*margin-top: 16px;*/
}
#copy img {
	display: block;
}


/** BASE ***********************************************************************
_______________________________________________________________________________*/

td { vertical-align: top; }
td[valign="middle"] { vertical-align: middle; }
td[valign="bottom"] { vertical-align: bottom; }

input, textarea, select { /*height: 25px;*/ padding: 4px 4px; border: solid 1px #c8c8c8; background-color: #fff;
	font: normal 12px/18px Arial, Sans-serif; color: #565656; vertical-align: middle;
}
	textarea	{ height: auto; /*padding-top: 3px;*/ resize: none; /*overflow: auto;*/ outline: none; }
	/*select		{ height: 25px; padding: 2px 2px 2px 0; }
	input.check	{ width: auto; height: auto; border: none; }*/

/*input[placeholder], textarea[placeholder], input:placeholder, textarea:placeholder { color: #999; font-style: italic; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #999; font-style: italic; }

label.placeholder { /*match placeholder/watermark padding to border+padding for input element*
	cursor: text; padding: 4px; color: #999; font-style: italic;
}*/


/** DEFINED ********************************************************************
_______________________________________________________________________________*/

.blauw	{ color: #2590ce; }

a, a:hover, a:visited, a:active { color: inherit; } a:hover {  }

ul { list-style: none; } li { background: url('../images/layout/ico-li.png') scroll no-repeat 0 4px; padding-left: 20px; }

h1, h2, h3
{
	font: 400 59px/100% 'Maven Pro', Arial, Sans-serif;
}
h1 { color: #c8c8c8; }
h1.clamp {
	font-size: clamp(59px,5vw,59px);
}
h2, .as-h2 { font-size: 38px; }
h2.clamp, .as-h2.clamp {
	font-size: clamp(32px,5vw,38px);
}
.as-h2 { color: #565656; }
h3 { font-size: 26px; }
h4 { font: normal 14px/100% Arial, Sans-serif; }

.knop-more, a.knop-more:hover
{
	display: inline-block; padding-left: 30px; font-size: 14px; line-height: 22px; cursor: pointer; text-decoration: none;
	background: url('../images/layout/ico-more.jpg') scroll no-repeat left top;

	-webkit-transition: color 0.2s;
	   -moz-transition: color 0.2s;
	     -o-transition: color 0.2s;
	    -ms-transition: color 0.2s;
			transition: color 0.2s;
}
.knop-more:hover { color: #2590ce; }

#content img[style="float: left;"], #content img[style="FLOAT: left"], img.img-left	{ margin: 0 20px 5px 0; }
#content img[style="float: right;"], #content img[style="FLOAT: right"]	{ margin: 0 0 5px 20px; }


/** TRANSITIONS ****************************************************************
_______________________________________________________________________________*/

.position, .position:hover { position: relative; top: 0; }
.position:hover { top: -3px; }

.transition-all {
	-webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
		 -o-transition: all 0.2s ease;
			transition: all 0.2s ease;
}

.trans-shadow:hover {
	-webkit-box-shadow: 0 0 3px #000;
	   -moz-box-shadow: 0 0 3px #000;
		 -o-box-shadow: 0 0 3px #000;
			box-shadow: 0 0 3px #000;
}


/** LANGUAGE *******************************************************************
_______________________________________________________________________________*/

#language a, #language a:hover
{
	display: inline-block; padding-left: 15px; line-height: 46px;
	font-size: 15px; font-weight: bold; color: #c8c8c8; text-decoration: none;
}
#language a:hover, #language a.active { color: #565656; }


/** NAV ************************************************************************
_______________________________________________________________________________*/

#nav a/*, #nav a:hover*/
{
	display: inline-block;
	padding: 0 15px;
	line-height: 46px;
	border-left: solid 1px #dddcda;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}
@media only screen and (max-width: 886px) {
	#nav a {
		border-left: none;
		padding: 0 0 0 20px;
	}
}
@media only screen and (max-width: 766px) {

}

#nav a:hover, #nav a.active { color: #2590ce; }

#nav a:last-child {
	border-right: solid 1px #dddcda;
}
@media only screen and (max-width: 886px) {
	#nav a:last-child {
		border-right: none;
	}
}

#nav a.hide { display: none; }


/** SUBNAV *********************************************************************
_______________________________________________________________________________*/

#subnav a, #subnav a:hover
{
	display: block; width: 215px; padding-bottom: 10px; border-bottom: solid 1px #c8c8c8; margin-bottom: 10px;
	font-size: 15px; font-weight: bold; text-decoration: none;
}
#subnav a:hover, #subnav a.active { color: #2590ce; }

#subnav a:last-child { margin-bottom: 0; }


/** HOME ***********************************************************************
_______________________________________________________________________________*/

#home-txt { padding: 0 0 35px 0; border-bottom: solid 1px #c8c8c8;
	font: 400 20px/29px 'Maven Pro', Arial, Sans-serif;
}

#home-reals {
	padding: 40px 0; /*overflow: hidden;*/
}
#home-reals h3 {
	/*padding-bottom: 20px;*/
}
#home-reals figure
{
	display: block;
	position: relative;
	/*overflow: hidden;*/
	/*float: left;*/
	/*width: 274px;*/
	/*margin-right: 69px;*/
}
#home-reals figure.last { margin: 0; }
/*#home-reals figure a { width: 274px; height: 180px; display: block; }*/
#home-reals figure img {
	display: block;
	/*position: absolute;*/
	/*left: 0;*/
	/*top: 0;*/
}
#home-reals figure h4 {
	margin: 0;
	padding-bottom: 1px;
}

#home-reals figure figcaption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	/*height: 35px;*/
	padding: 10px;
	background: rgb(37,144,206) url('../images/layout/ico-zoomin.png') scroll no-repeat right top; /* IE8 fallback */
	background: rgba(37,144,206,0.75) url('../images/layout/ico-zoomin.png') scroll no-repeat right top; color: #fff;

	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}
#home-reals figure:hover figcaption {
	left: 0;
	bottom: 0;
	background-image: none;
	height: auto;
}

#home-reals figure:last-child { margin-right: 0; }


/** ACTIVITIES *****************************************************************
_______________________________________________________________________________*/

article.activity { float: left; width: 470px; padding-right: 20px; margin-bottom: 55px; overflow: hidden; }
article.activity:nth-child(2n+2) { padding-right: 0; }

article.activity figure { float: left; width: 174px; margin-right: 11px; } article.activity figure img { display: block; }

article.activity h3 { padding-bottom: 10px; }


/** REFS ***********************************************************************
_______________________________________________________________________________*/

article.ref { float: left; width: 312px; padding-right: 20px; margin-bottom: 30px; /*overflow: hidden;*/ }
article.ref:nth-child(2n+2) { padding-right: 0; }

article.ref figure { float: left; width: 113px; margin-right: 12px; } article.ref figure img { display: block; cursor: pointer; }

article.ref section { height: 53px; }
article.ref section h4 { padding-bottom: 1px; }


/** FORM ***********************************************************************
_______________________________________________________________________________*/

#form { display: table-cell; width: 560px; padding-right: 40px; }

form, form p { width: 560px; } form p { padding-bottom: 5px; }

form p.label { /*padding: 5px 0; font-weight: bold;*/ }

form p input, form p textarea, form p select { width: 340px; }
	form p textarea	{ width: 550px; /*padding: 6px 4px;*/ }
	/*form p select	{ width: 265px; }*/

/*form p.captcha { padding-top: 6px; }
form p.captcha input { width: 40px; margin: 0 5px; }
form p.captcha img { display: inline-block; }*/

input[type="submit"], form p.captcha input[type="submit"]
{
	width: auto; height: 22px; margin: 5px 0 0 0; padding: 0 0 0 30px; border: none; line-height: 22px;
}

#form div.error { width: 550px; padding: 5px; margin-bottom: 5px; background-color: #f26722; color: #172550; }
#form div.error span.form-error { display: block; }


/** ei-slider ******************************************************************
_______________________________________________________________________________*/

.ei-slider {
	position: relative;
	/*width: 560px;
	height: 279px;*/
}

.ei-slider-large li { padding: 0; background: none; }

/*.ei-slider-thumbs li.ei-slider-element { background: #868686; background: rgb(37,144,206); }

.ei-slider-thumbs li a { outline: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.ei-slider-thumbs li a:hover { background-color: #2590ce; }

.ei-slider-thumbs li img { bottom: 40px; }
.ei-slider-thumbs li:hover img { bottom: 10px; }


/** history slider *************************************************************
_______________________________________________________________________________*/

#about { position: relative; padding-top: 30px; }

/*#about .hr {
    background-position: center top;
    background-repeat: no-repeat;
    border: 0 none;
    height: 12px;
    margin: -1px 0 0;
    position: absolute;
    width: 100%;
    z-index: 3;
}
#about #da4.hr { background-image: url("../images/history/da4.gif"); }
#about #da5.hr { background-image: url("../../../images/layout/da5.gif"); }*/

#about #slider { position: relative; height: 80px;
	/*background-image: url("../images/history/bg-about.jpg");*/
	background-color: #fff;
}
#about #slider .container { position: relative; width: 900px; height: 100%; margin: 0 auto;
	overflow: hidden; text-align: center; background-color: #fff;
}

#about #slider ul { position: absolute; bottom: 10px; z-index: 99;
	width: 3000px; padding-left: 358px;
	border-bottom: 1px dotted #c8c8c8;
}
#about #slider ul li { display: inline; padding: 0; background: none; }

#about #slider ul li a { display: block; float: left;
	background: url("../images/history/bull.png") no-repeat center bottom;
	font: 400 38px/100% 'Maven Pro', Arial, Sans-serif; color: #c8c8c8; text-align: center; text-decoration: none;
	margin: 15px 35px -4px; padding-bottom: 20px;
	outline: none;
}
#about #slider ul li a:hover { color: #565656; }
#about #slider ul li a.a { color: #565656;
	font: 400 51px/100% 'Maven Pro', Arial, Sans-serif;
	margin-top: 2px;
}

#about #slider i { position: absolute; top: 0; bottom: 0; z-index: 100;
	/*width: 324px;*/ height: 100%;
	width: 250px;
}
#about #slider i#r { right: 0;
	background-image: url("../images/history/about-overlay-r.png");
	background-position: left top;
}
#about #slider i#l { left: 0;
	background-image: url("../images/history/about-overlay-l.png");
	background-position: right top;
}

#about #sliderDetail { position: relative; height: 185px; padding-top: 65px;
	/*background-color: #E5E5E5;
	border-bottom: 1px solid #D3D3D3;
	border-top: 1px solid #FFFFFF;*/
}
#about #sliderDetail .container { position: relative; /*width: 785px; height: 280px;*/ overflow: hidden;
	margin: 0 auto; /*text-align: center;*/
	width: 720px; height: 185px;
}

/*#about #sliderDetail .container .mNav { position: absolute; top: 100px; z-index: 999;
	display: block; float: right; width: 22px; height: 38px;
	background-position: left center;
}
#about #sliderDetail .container .mNav:hover { background-position: left bottom; }
#about #sliderDetail .container .d { background-position: left top; }
#about #sliderDetail .container .d:hover { background-position: left top; cursor: default; }

#about #sliderDetail .container #mLeft { background-image: url("../images/history/mL.png"); left: 2px; }
#about #sliderDetail .container #mLeft:active { left: 0; }

#about #sliderDetail .container #mRight { background-image: url("../images/history/mR.png"); right: 2px; }
#about #sliderDetail .container #mRight:active { right: 0; }*/

#about #sliderDetail .mNav { position: absolute; top: 100px; z-index: 999;
	display: block; float: right; width: 22px; height: 38px;
	background-position: left center;

	top: -51px; height: 22px;
}
#about #sliderDetail .mNav:hover { background-position: left bottom; }
#about #sliderDetail .d { background-position: left top; background: none; }
#about #sliderDetail .d:hover { background-position: left top; cursor: default; }

#about #sliderDetail #mLeft { background-image: url("../images/history/mL-new.png"); /*left: 2px;*/ left: -27px; }
#about #sliderDetail #mLeft:active { /*left: 0;*/ left: -30px; }

#about #sliderDetail #mRight { background-image: url("../images/history/mR-new.png"); /*right: 2px;*/ right: -27px; }
#about #sliderDetail #mRight:active { /*right: 0;*/ right: -30px; }




#about #sliderDetail .container #detailHolder { position: absolute; left: 0; top: 0;
	width: 90000px;
}
#about #sliderDetail .container #detailHolder .detail { position: relative;
	float: left; /*width: 785px; height: 280px;*/
	opacity: 0;
	width: 720px; height: 185px;
}
#about #sliderDetail .container #detailHolder .detail .thumb { /*position: absolute; left: 0; bottom: 0;
	width: 371px; height: 228px;*/
}
#about #sliderDetail .container #detailHolder .detail .thumb img { display: block; width: 220px; height: 185px; /*position: absolute; left: 115px; top: 8px;*/ }

/*#about #sliderDetail .container #detailHolder .detail h1 {
    color: #3E3F3F;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 40px;
    font-weight: normal;
    left: 290px;
    position: absolute;
    text-transform: uppercase;
    top: 55px;
}*/
#about #sliderDetail .container #detailHolder .detail .detailBody {
	position: absolute; left: 245px; top: 0;
	/*
    color: #5C5C5C;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    
    line-height: 20px;
    
    text-align: left;
    
    width: 400px;*/
}
/*#about #sliderDetail .container #detailHolder .detail .detailBody p {
    margin-bottom: 10px;
}*/
#about #sliderDetail .container #detailHolder #d1 {
    opacity: 1;
}
/*#about #divider {
    border-bottom: 1px dotted #C7C7C7;
    height: 60px;
}*/
/*#about #aboutContent {
    border-left: 1px dotted #C7C7C7;
    border-right: 1px dotted #C7C7C7;
    margin: 0 auto;
    width: 690px;
}
#about #aboutContent .container {
    color: #828282;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 20px;
    padding: 40px;
    text-align: left;
    width: auto;
}
#about #aboutContent .container h5 {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 20px;
    text-transform: uppercase;
}*/




/*.rslides { margin: 0 auto; }

.rslides_container {
	margin-bottom: 50px;
	position: relative;
	float: left;
	width: 100%;
}*/

.rslides1_nav { overflow: hidden;
	position: absolute; left: 0; top: 50%; margin-top: -20px;
	width: 35px; height: 41px;
	text-indent: -9999px; text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0); opacity: 0.7;
	background: transparent url("../js/ResponsiveSlides/themes.png") no-repeat left top;
}

.rslides1_nav:active {
  opacity: 1.0;
  }

.rslides1_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
/*
.rslides2_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 *
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.rslides2_nav.next {
  left: auto;
  right: 0;
  }

.rslides3_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("themes.gif") no-repeat left 50%;
  width: 38px;
  }

.rslides3_nav:active {
  opacity: 1.0;
  }

.rslides3_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }
*/
.rslides1_nav:focus,
.rslides2_nav:focus,
.rslides3_nav:focus {
  outline: none;
  }

.rslides_tabs {
  margin-top: 10px;
  text-align: center;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.rslides_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.rslides_tabs .rslides_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }
  
  iframe {
	 border:0;
  }
  .youtubecontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 40%;
    max-width: 650px;
    margin: 0 auto;
}
.youtubecontainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}





.cc-revoke, .cc-window {
	font-family: Arial, sans-serif !important;
	background: #f0b303; color: #565656;
}
.cc-link { color: inherit !important; }
.cc-theme-classic .cc-btn {
	border-radius: 0 !important;
}
.cc-theme-classic .cc-btn:hover {
	 background: #565656; color: #fff;
	border-color: #565656;
	 transition: 250ms;
 }