@charset 'UTF-8';

@font-face {
    font-family: 'heroic_book';
    src: url('../fonts/heroiccondensed-book-webfont.eot');
    src: url('../fonts/heroiccondensed-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/heroiccondensed-book-webfont.woff2') format('woff2'),
         url('../fonts/heroiccondensed-book-webfont.woff') format('woff'),
         url('../fonts/heroiccondensed-book-webfont.ttf') format('truetype'),
         url('../fonts/heroiccondensed-book-webfont.svg#heroic_condensedbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'heroic_regular';
    src: url('../fonts/heroiccondensed-regular-webfont.eot');
    src: url('../fonts/heroiccondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/heroiccondensed-regular-webfont.woff2') format('woff2'),
         url('../fonts/heroiccondensed-regular-webfont.woff') format('woff'),
         url('../fonts/heroiccondensed-regular-webfont.ttf') format('truetype'),
         url('../fonts/heroiccondensed-regular-webfont.svg#heroic_condensed_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'heroic_light';
    src: url('../fonts/heroiccondensed-light-webfont.eot');
    src: url('../fonts/heroiccondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/heroiccondensed-light-webfont.woff2') format('woff2'),
         url('../fonts/heroiccondensed-light-webfont.woff') format('woff'),
         url('../fonts/heroiccondensed-light-webfont.ttf') format('truetype'),
         url('../fonts/heroiccondensed-light-webfont.svg#heroic_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hero_light';
    src: url('../fonts/hero_light-webfont.eot');
    src: url('../fonts/hero_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hero_light-webfont.woff2') format('woff2'),
         url('../fonts/hero_light-webfont.woff') format('woff'),
         url('../fonts/hero_light-webfont.ttf') format('truetype'),
         url('../fonts/hero_light-webfont.svg#hero_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hero_regular';
    src: url('../fonts/hero-webfont.eot');
    src: url('../fonts/hero-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hero-webfont.woff2') format('woff2'),
         url('../fonts/hero-webfont.woff') format('woff'),
         url('../fonts/hero-webfont.ttf') format('truetype'),
         url('../fonts/hero-webfont.svg#heroregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

	html
	{
		height:100%;
	}

	body
	{
		background: #fff;
		font-size:14px;
		font-family: 'hero_regular', sans-serif;
		font-weight: normal;
		height:100%;
	}

	#wrapper {
		min-height:100%;
		position:relative;
		width:100%;
	}

	#content-wrapper {

		padding-bottom:260px;
		padding-top:139px;
	}

	#footer {
		position:absolute;
		bottom:0;
		left:0;
		right:0;
	}


	h1 {
		font-family: 'heroic_regular', sans-serif;
		font-size:70px;
		text-align:center;
		font-weight:normal;
		padding-top:30px;
		margin-bottom:20px;
		line-height:77px;
	}

	h2 {
		font-family: 'heroic_regular', sans-serif;
		font-size:50px;
		font-weight:normal;
		margin-bottom:10px;
		line-height:normal;
	}

	h2[itemprop="name"] {
		margin-bottom:30px;
	}

	.page-header h2, h2.caseCategoryTitle {
		margin-top:30px;
	}

	h3 {
	}

	h4 {
		font-size:15px;
		font-weight:normal;
	}

	a, a img {
		color:#000;
		text-decoration:none;
		cursor:pointer;

		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	a:hover, a:hover img {
		color:#f8b142;
		text-decoration:none;

		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}


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

	/* Main Classes */

	.container {
		position:relative;
		margin: 0 auto;
		width: 1200px;
		height:100%;
	}

	.alignCenter {
		text-align:center;
	}

	.intro {
		font-size:22px;
		line-height:34px;
		text-align:center;
		margin-bottom:20px;
	}

	.intro a:hover img {
		opacity:0.6;
	}

	.hidden, .hidden01, .hidden02  {
		display:none;
	}

	.pointer {
		cursor:pointer;
	}

	#content .button {
		color:#fff;
	}

	#content .buttoninverse {
		color:#000;
	}

	#content .button:hover {
		color:#000;
	}

	#content .buttoninverse:hover {
		color:#fff;
	}

	a.button, #content .eb-taskbar a.btn, #content .button a {
		display:inline-block;
		min-width:95px;
		color:#fff;
		background-color: #000;
		font-size:15px;
		padding:13px 10px;
		text-decoration:none;
		border:1px solid #000;
		text-align:center;
		margin-top: 20px;
		margin-bottom:20px;
		cursor:pointer;
	}

	.buttoninverse {
		display:inline-block;
		min-width:95px;
		color:#000;
		background-color: #fff;
		font-size:15px;
		padding-top:13px;
		padding-bottom:13px;
		padding-left:10px;
		padding-right:10px;
		text-decoration:none;
		border:1px solid #fff;
		text-align:center;
		margin-top: 20px;
		margin-bottom:20px;
		cursor:pointer;
	}

	.button.bright-button {
		min-width:250px;
		padding:25px 50px;
		font-size:20px;
		background-color:#1f81b1;
		border-color:#1f81b1;
	}

	.button.bright-button:hover {
		color:#1f81b1;
	}

	#content .button.blue-button {
		min-width:250px;
		padding:25px 50px;
		font-size:20px;
		background-color:#2b7fa8;
		border-color:#2b7fa8;
	}

	#content .button.blue-button:hover {
		background-color:#fff;
		color: #2b7fa8;
	}

	.button.text-addon {
		position:relative;
	}

	.desktop .button.text-addon:after, .tablet .button.text-addon:after {
		content: url('../images/cta-explore.png');
		position:absolute;
		left:105%;
	}

	.desktop.lang-nl .button.text-addon:after, .tablet.lang-nl .button.text-addon:after {
		content: url('../images/cta-ontdek.png');
	}

	a.button:hover, #content .eb-taskbar a.btn:hover, #content .button a:hover {
		color:#000;
		background-color: #fff;
	}

	.buttoninverse:hover {
		color:#fff;
		background-color: #000;
	}

	#content .button.white, #content .button.current-category {
		color:#000;
		background-color: #fff;
	}

	#content .buttoninverse.white {
		color:#fff;
		background-color: #000;
	}

	#content .button.white:hover {
		color:#fff;
		background-color: #000;
	}

	#content .buttoninverse.white:hover {
		color:#000;
		background-color: #fff;
	}

	#content .button.categories {
		padding-top:5px;
		padding-bottom:5px;
		margin-bottom: 5px;
		margin-top:5px;
		font-size:13px;
		border: 1px solid #dad7d6;
	}

	#content .button.categories:first-child {
		margin-left:20px;
	}

	#content .intro .button {
		width: 300px;
		font-size:15px;
		padding-top:3px;
		padding-bottom:3px;
		margin-top:0;
		margin-bottom:40px;
	}

	.heroicLight {
		font-family: 'heroic_light', sans-serif;
	}

	.clearfix:after {
	   content: " "; /* Older browser do not support empty content */
	   visibility: hidden;
	   display: block;
	   height: 0;
	   clear: both;
	}

	iframe {
		border:none;
		max-width:100%
		;
	}

	/* Top */

	#top {
		position:fixed;
		top:0;
		height:139px;
		background: #000;
		width:100%;
		z-index:9999;
	}


	#top.smallTop {
		position:fixed;
		top:0;
		height:70px;
		background: #000;
		width:100%;

		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	#top-container {

	}

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

	#logo {
		float:left;
		height:100%;
	}

	#top #logo a {
		display:inline-block;
		height:100%;
		width: 215px;
	}

	#top.smallTop #logo a {
		width: 125px;
	}

	#top #logo img {
		margin-top:10px;
	}

	#top.smallTop #logo img {
		margin-top:15px;
	}

	#logo:hover {
		opacity: 0.75;
	}

	#main-menu {
		font-family: 'heroic_book', sans-serif;
		font-size:26px;
		letter-spacing: 1px;
		float:left;
		vertical-align:bottom;
		color:#fff;
		margin-left:20px;
		margin-top:100px;
	}

	#top.smallTop #main-menu {
		margin-top:22px;
	}

	#main-menu ul {
	}

	#main-menu ul li{
		display: inline-block;
		position:relative;
		list-style-type: none;
	}

	#main-menu ul li a, #main-menu ul li span.nav-header{
		display: block;
		padding: 0 18px;
	}

	.smallTop #main-menu ul li a, .smallTop #main-menu ul li span.nav-header{
		padding: 0 12px;
	}

	#main-menu ul li a:hover{
		color:#f8b142;
	}

	#main-menu ul li.active a{
		color:#f8b142;
	}

	/* LEVEL 2 */

	#main-menu ul.menu > li ul {
	  display:none;
	  position:absolute;
	  top:100%;
	  left:0px;
	  border-top:12px solid transparent;
	  z-index:99;
	  min-width:100%;
	  max-width:350px;
	}

	.smallTop #main-menu ul.menu > li ul {
	  border-top:22px solid transparent;
	}

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

	#main-menu ul.menu > li ul li {
	  display:block;
	}

	#main-menu ul.menu > li ul a {
	  display:block;
	  background:rgba(255,255,255,1);
	  border:1px solid #000;
	  color:#000;
	  font-size:22px;
	  font-weight: normal;
	  padding:10px 20px;
	  margin-bottom:2px;
	}

	#main-menu ul.menu > li ul li.active a {
	  background: #000;
	  color:#fff;
	  cursor:default;
	}

	#main-menu ul.menu > li ul a:hover {
	  background: #000;
	  color:#fff;
	}

	/* Language */

	#language-switcher {
		font-family: 'heroic_book', sans-serif;
		font-size:22px;
		position:absolute;
		top:26px;
		right:0px;
	}

	/* Search */

	#search {
		font-size:15px;
		position:absolute;
		top:20px;
		right:50px;
	}

	#search label{
		display:none;
	}

	#search input{
		display:inline-block;
		font-family: 'hero_regular', sans-serif;
		font-size:15px;
		width:165px;
		padding:8px;
		background-color: #282828;
		border:1px solid #444342;
		color:#fff;
		-webkit-appearance: none;
	}

	#search button{
		display:inline-block;
		font-family: 'hero_regular', sans-serif;
		font-size:15px;
		padding:7px;
		width: 80px;
		background-color: #000;
		border:1px solid #444342;
		color:#fff;
		-webkit-appearance: none;

		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	#search button:hover{
		background-color: #fff;
		color:#000;

		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}


	/* End Top */

	/* Menu */


	/* End Menu */

	/* Content */

	#content {
		background-color:#fff;
		font-size:16px;
		line-height:22px;
	}

	#content a {
		color:#27a3eb;
	}

	#content a:hover {
		color:#babfc1;
	}

	#content table img {
		display:block;
	}

	#content table .black {
		background-color:#000;
		font-size:16px;
		line-height:22px;
		color:#fff;
		padding:40px;
	}

	#content table .white {
		background-color:#fff;
		font-size:16px;
		line-height:22px;
		color:#000;
		padding:40px;
	}

	#content table.twocols {
		width:100%;
	}

	#content table.twocols td {
		width:50%;
	}

	#content table.twocols img {
		max-width:100%;
		height:auto;
	}

	#sp112,#sp111 {	height:400px;}

	#content p {
		margin-bottom: 10px;
	}
	#content ul {
		margin-left: 30px;
	}

		/* End Content */

	/* HOMEPAGE */

	/* ITP SMALL */

	h2.new-cases {
		text-align:center;
	}

	.itp_small_list {
		overflow:auto;
	}

	#content .itp_small_list a, #banner .itp_small_list a {
		display:block;
		float:left;
		color:#000;
		margin-left:8px;
		margin-bottom:10px;
		transition:none;
	}

	#content .itp_small_list a:first-child, #banner .itp_small_list a:first-child {
		margin-left:0;
	}

	#content .itp_small_list a.noMargin, #banner .itp_small_list a.noMargin {
		margin-left:0;
	}

	.itp_small_case {
		display:block;
		width: 294px;
		position:relative;
	}

	.itp_small_case:hover {
		color: #fff;
		background: #000 url("../images/logo_paintingwithlight_small.jpg") no-repeat right top;
	}

	.itp_small_case:hover img {
		-webkit-transform: scale(1.17);
		-moz-transform: scale(1.17);
		-ms-transform: scale(1.17);
		-o-transform: scale(1.17);
		transform: scale(1.17);

		-webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
        transition: all 1s ease;
	}

	.itp_small_case h3{
		font-family: 'heroic_regular', sans-serif;
		font-size:30px;
		text-align:left;
		font-weight:normal;
		padding-top:40px;
		padding-left:7px;
		margin-bottom:5px;
		line-height:42px;
	}


	.itp_small_case .img-container{
		display:block;
		width:100%;
		height:210px;
		overflow:hidden;
	}

	.itp_small_case img{
		display:block;
		width:100%;
		height:100%;

		-webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
        transition: all 1s ease;
	}

	.itp_small_case span{
		position:absolute;
		display:inline-block;
		width:auto;
		padding-right:10px;
		padding-left:10px;
		min-width:80px;
		bottom:0;
		right:0;
		line-height:40px;
		background-color:#000;
		color: #fff;
		font-size: 15px;
		border: 1px solid #535251;

		-webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
        transition: all 1s ease;
	}

	.itp_small_case:hover span{
		display:none\9;
		opacity:0;

		-webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
        transition: all 1s ease;
	}

	.all_cases_button {
		text-align:center;
		padding-bottom:50px;
		padding-top:10px;
	}

	/* Cases List */

	.category-select {
		position:relative;
		display:block;
		margin-bottom:20px;
	}

	.category-select .category-button {
		margin-right:10px;
	}

	.case-year {
		clear:both;
		padding:40px 0 10px;
		margin-bottom:10px;
		border-bottom:1px solid #000;
		font-size:30px;
	}

	.case-year:first-of-type {
		padding-top:20px;
	}

	/* End Content */

	/* Banner */

	#banner {
		height:800px;
		background-color:#fff;
		padding-bottom:100px;
	}

	.itp_big_list { position: relative; overflow: auto;}
    .itp_big_list li { list-style: none;}
	.itp_big_list ul li { float: left;}

	.itp_big_case {
		position:relative;
		width:1200px;
	}

	.banner-img-container img{
		display:block;
		width:100%;
		height:800px;
	}

	.banner-text {
		display:block;
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:110px;
		background: url("../images/transpBlack75.png") repeat scroll 0 0;
		color:#fff;
	}

	.itp_big_case h3{
		font-family: 'heroic_regular', sans-serif;
		font-size:55px;
		text-align:left;
		font-weight:normal;
		padding-top:24px;
		padding-left:20px;
	}

	.itp_big_case h4{
		font-size:15px;
		text-align:left;
		font-weight:normal;
		padding-left:20px;
		margin-bottom:10px;
	}

	.dots {
		position:absolute;
		top:20px;
		left:0;
		right:0;
		z-index:50;
		text-align:center;
	}

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

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

	/* End Banner */

	/* News */

	#news {
		background-color:#fff;
		padding-bottom: 50px;
		padding-top:50px;
	}

	#news h3 {
		font-family: 'heroic_regular', sans-serif;
		font-size:50px;
		font-weight: normal;
		line-height:65px;
		padding-left:10px;
		border-bottom:1px solid black;
	}

	#news .pwl-news-item {
		margin-bottom:20px;
		overflow:auto;
		padding-bottom:20px;
		border-bottom:1px solid #e5e5e5;
	}

	#news .pwl-news-item:first-of-type {
		margin-top:40px;
	}

	#news .news-item-image {
		float:left;
	}

	#news .news-item-image a img {
		width:125px;
		height:125px;
		margin-right:40px;
		border:1px solid #000;
	}

	#news .news-item-image a:hover img {
		border:1px solid #f8b142;
	}

	#news h3.newsflash-title {
		font-family: 'hero_regular', sans-serif;
		font-size:28px;
		font-weight: normal;
		line-height:35px;
		padding-left:0;
		border-bottom:none;
		margin-bottom:15px;
		margin-top:5px;
	}

	#news .newsflash-title-date {
		color: #1f81b1;
		display:inline-block;
		min-width:159px;

		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	#news a:hover .newsflash-title-date {
		color: #f8b142;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	#news .newsflash-content {
		margin-top:5px;
		font-size:16px;
		line-height:22px;
	}

	#news a.readmore {
		display:inline-block;
		margin:15px 0 0;
		padding:8px;
	}

	#news .news-navigation {
		display:block;
		text-align:center;
	}

	#news a.news-all {
		display:inline-block;
		padding-right:25px;
		background: url("../images/arrow_right.png") no-repeat right center;
		font-size:32px;
	}


	.blog h2[itemprop="name"] {
		text-align:left;
		font-size:30px;
		line-height:normal;
	}

	.category tr {
		display:block;
		margin-bottom:20px;
	}

	.category .list-title {
		display:block;
		font-size:20px;
	}

	.category .list-date {
		display:block;
		font-size:16px;
	}

	.pagination {
		overflow:auto;
		margin-bottom:50px;
	}

	.pagination p.counter {
		font-weight:bold;
	}

	.pagination li {
		float:left;
		list-style:none;
		padding:0 10px;

	}

	.pagination li:first-of-type {
		padding-left:0;
	}

	.pagination li:last-of-type {
		padding-right:0;
	}

	.tooltip {
		display:none !important;
	}

	/* End News */

	/* Newsletter Block */

	#newsletter {
		margin-top:50px;
	}

	div.acymailing_module {
		padding-left:30px !important;
	}

	div.acymailing_module form{
		padding-top:25px;
		padding-bottom:25px;

	}

	div.acymailing_module .acymailing_form {
		margin-top:20px !important;
		margin-bottom:20px !important;
		color:#555;
		font-size:15px;
	}

	div.acymailing_module .acymailing_form > p{
		width:20%;
		float:left;
		margin-right:5%;
		margin-top:10px;
	}

	div.acymailing_module .acymailing_introtext {
		font-size: 16px;
	}

	div.acymailing_module  input{
		display: block;
		font-family: 'hero_regular', sans-serif;
		width:240px !important;
		font-size:15px;
		padding:15px 10px;
		margin-bottom:10px;
		margin-top:5px;
		background-color: #eee;
		border:1px solid #999;
		color:#333;
		-webkit-appearance: none;

		-webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
	}

	div.acymailing_module  input:focus{
		border:1px solid #000;

		-webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
	}

	div.acymailing_module   input[type="submit"]{
		display:block;
		font-family: 'hero_regular', sans-serif;
		font-size:15px;
		margin-top: 20px !important;
		padding:15px 10px;
		width: 260px !important;
		background-color: #000;
		border:1px solid #444342;
		color:#fff;
		-webkit-appearance: none;

		-webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
	}

	div.acymailing_module   input[type="submit"]:hover{
		background-color: #fff;
		color:#000;

		-webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
	}

	#unsubpage .unsubintro {
		margin-top:35px;
		margin-bottom:20px;
		padding-left:0;
	}

	#unsubpage .unsuboptions, #unsubpage .unsubsurvey {
		margin-top:20px;
		margin-bottom:20px;
		padding-left:0;
	}

	#unsubpage #otherreasons {
		margin-top:20px;
		padding-left:0;
	}

	/* End newsletter block */

	/* Facebookfeedhome */

	#fbfeed {
		clear:both;
		margin-top:50px;
	}

	/* End Facebookfeedhome */

	/* Details page */

	h1.detailTitle {
		margin-bottom:0;
	}

	h4.detailCategories {
		margin-bottom:10px;
	}

	.leftBlock{
		display: table;
		width: 50%;
		float:left;
	}

	.leftBlock-content {
		padding: 10px;
		width:100%;
		min-height:100px;
		display: table-cell;
		vertical-align: middle;
	}

	.centered-content {
		display: inline-block;
		vertical-align: top;
		padding-left:50px;
	}

	.rightBlock{
		width:50%;
		float:left;
	}

	.rightBlock p{
		font-size:16px;
		line-height: 25px;
	}

	.rightBlock h2{
		font-size:45px;
		line-height: 55px;
	}

	.rightBlock h3{
		font-size:16px;
		line-height: 25px;
	}

	.detail-subtitle {
		padding-bottom:20px;
		border-bottom: 2px solid #000;
		margin-bottom:25px;
	}

	.detail-date {
		display:block;
		font-size: 21px;
		color: #1f81b1;
		margin-bottom:10px;
	}

	.detail-location {
		display:block;
		font-size: 40px;
		margin-bottom:20px;
		line-height:42px;
	}

	.detail-url {
		display:block;
		font-size:15px;
		margin-bottom:20px;
	}

	.detail-url a {
		padding-right:25px;
		background: url("../images/arrow_right.png") no-repeat right center;
	}

	.detail-url a:hover {
		color:#000;
	}

	.photo-credits {
		text-align:right;
		margin-bottom:5px;
		font-style: italic;
	}

	.fotorama {
		padding-bottom:50px;
	}

	.caseNavigation {
		padding-bottom: 50px;
	}

	h4.teamList {
		margin-top:20px;
		margin-bottom:-15px;
	}

	h4.teamList img {
		height:60px;
		width:auto;
		margin-left:10px;
		margin-top:10px;
		border-radius:50%;
		border:1px solid #dad7d6;

		-webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
	}

	h4.teamList a.teammember:first-of-type  img {
		margin-left:0px;
	}

	h4.teamList img:hover {
		border:1px solid #000;

		-webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
	}

	h4.tagList{
		margin-top:40px;
	}

	h4.tagList .button {
		margin-top:5px;
		margin-bottom:5px;
	}

	.prevCase {
		float:left;
	}

	.nextCase {
		float:right;
	}

	/* End details page */

	/* Team */

      .team_list {
		padding-bottom:50px;
	  }

	  .team_member {
        width: 255px;
        height: 350px;
        margin: 20px;
		float:left;
      }
      .front, .back {
        border: 1px #000 solid;
		cursor:pointer;
      }

      .front {
        background-color: #000;
		text-align:center;
		color: #fff;
      }

	  .front .team_photo {
		width: 100%;
		height:250px;
		background-color: #fff;
		padding-top:20px;
	  }

	  .front .team_photo img {
		display:block;
		width: 100%;
	  }

	  .front .team_arrow {
		position: absolute;
		height:30px;
		width:30px;
		right:10px;
		top: 10px;
		background: #000 url("../images/team_arrow.jpg") no-repeat left top;
	  }

	  .front .team_name{
		display:block;
		font-family: 'heroic_light', sans-serif;
		font-size:30px;
		font-weight:normal;
		margin-top: 18px;
		margin-bottom:5px;
	  }

	  .front .team_function{
		display:block;
		font-family: 'heroic_regular', sans-serif;
		font-size:20px;
		font-weight:normal;
	  }


      .back {
        background-color: #fff;
		text-align:left;
		color: #000;
		padding:10px;
      }

	  .back .team_name{
		display:block;
		font-family: 'heroic_light', sans-serif;
		font-size:36px;
		font-weight:normal;
		margin-bottom:10px;
		margin-top:10px;
	  }

	  .back .team_function{
		display:block;
		font-family: 'heroic_regular', sans-serif;
		font-size:22px;
		font-weight:normal;
		margin-bottom:25px;
	  }

	  .back .team_drawing {
		width:49%;
		float:right;
	  }

	  .back .team_drawing img {
		width:100%;
	  }

	  .back .team_info {
		display:block;
		width:50%;
		float:left;
		font-family: 'heroic_light', sans-serif;
		font-size:23px;
		font-weight:normal;
		margin-top: 15px;
		margin-bottom:10px;
		height:95px;
	  }

	  .back .team_tel {
		display:block;
		font-family: 'heroic_regular', sans-serif;
		font-size:20px;
		font-weight:normal;
		padding-top: 28px;
		margin-bottom:5px;
		margin-top:40px;
		background: #fff url("../images/team_logo.jpg") no-repeat left top;
	  }

	  #content .back a.team_email {
		display:block;
		font-family: 'heroic_regular', sans-serif;
		font-size:20px;
		font-weight:normal;
		margin-top: 5px;
		margin-bottom:15px;
		color: #000;
	  }

	  .back .team_linkedin {
		position: absolute;
		bottom:10px;
		right:10px;
		display:block;
	  }

	  .back .team_linkedin img {
		display:block;
	  }

	  .back .team_ald {
		position: absolute;
		bottom:50px;
		right:10px;
		display:block;
	  }

	  .back .team_ald img {
		display:block;
		width:55px;
	  }



	/* End Team */

	/* Form */

	#adminForm {
		padding-bottom:100px;
	}

	#contactFormFull label, #adminForm label {
		display:inline-block;
		width: 175px;
		margin-right:25px;
		padding-top:5px;
		float:left;
	}

	#adminForm label {
		font-size: 16px;
		line-height: 22px;
		font-weight:normal;
		clear:both;
	}

	form#adminForm label.control-label {
		font-weight:normal;
	}

	#adminForm .control-group {
		display:block;
		min-height:50px;
	}

	#adminForm #dynamic_recaptcha_1 {
		display:inline-block;
		margin-bottom:20px;
	}

	#contactFormFull input[type="text"], #contactFormFull input[type="password"],
	#adminForm input[type="text"],#adminForm input[type="password"] {
		display: inline-block;
		font-family: 'hero_regular', sans-serif;
		width:300px;
		font-size:15px;
		padding:8px;
		margin-bottom:20px;
		background-color: #eee;
		border:1px solid #999;
		color:#333;
		-webkit-appearance: none;

		-webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
	}

	#contactFormFull input:focus, #adminForm input:focus{
		border:1px solid #000;

		-webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
	}

	#contactFormFull  textarea, #adminForm textarea{
		display: inline-block;
		font-family: 'hero_regular', sans-serif;
		font-size:15px;
		width:300px;
		height:100px;
		padding:8px;
		margin-bottom:15px;
		background-color: #eee;
		border:1px solid #999;
		color:#333;
		-webkit-appearance: none;

		-webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
	}

	#contactFormFull  textarea:focus{
		border:1px solid #000;

		-webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
	}

	#contactFormFull .radio-label {
		display:block;
		margin-bottom:5px;
	}

	#contactFormFull .radio-option label {
		float:none;
	}

	/* begin: jQuery UI Datepicker moving pixels fix */
		table.ui-datepicker-calendar {border-collapse: separate;}
		.ui-datepicker-calendar td {border: 1px solid transparent;}
	/* end: jQuery UI Datepicker moving pixels fix */

	/* begin: jQuery UI Datepicker emphasis on selected dates */
		.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
		background: #f8b142 none; /* a color that fits the widget theme */
		color: white; /* a color that is readeable with the color above */
}
/* end: jQuery UI Datepicker emphasis on selected dates */

	#contactFormFull #formCaptcha {
		margin-left: 200px;
		min-height:80px;
	}

	#contactFormFull .button {
		margin-left: 200px;
		margin-bottom: 50px;
		width: 150px;
	}

	#adminForm .form-actions {
		margin-left:200px;
	}

	#adminForm input.btn {
		background-color:#000;
		border:1px solid #000;
		color:#fff;
		width:auto;
	}

	#adminForm input.btn:hover {
		background-color:#fff;
		border:1px solid #999;
		color:#000;
	}

	#contactFormFull p.error {
		margin-left: 200px;
		color: #cc1733;
	}

	#contactFormFull p.error.no-margin {
		margin-left: 0px;
	}

	#contactFormFull p.success {
		color: #96bf31;
		margin-bottom:20px;
	}

	#contactFormFull h3.formIntro {
		margin-bottom:40px;
	}

	/* UNSUBSCRIBE */

	#adminForm .unsuboptions label {
		width:100%;
	}

	#adminForm #unsublist, #adminForm #unsuball, #adminForm #refuse {
		width:auto;
	}

	/* END UNSUBSCRIBE */


	/* End Form */

	/* Footer */

	#footer {
		background: #000;
		color:#fff;
		width:100%;
	}

	#footer a {
		color:#fff;
	}

	#footer a:hover {
		color:#f8b142;
	}

	#footer-container {
		padding-top:25px;
		padding-bottom:25px;
		overflow:auto;
	}

	#footer h4 {
		font-size: 18px;
		margin-bottom:10px;
	}

	#footer .contact p {
		font-size:13px;
		line-height: 20px;
		display: block;
		float:left;
		padding-top:20px;
		padding-bottom:20px;
		width:250px;
	}

	#footer .socials {
		float:left;
		width:250px;
		text-align:center;
	}

	#footer .socials ul li {
		list-style-type: none;
		float:left;
		margin-right:10px;
	}

	#footer .socials a {
		display:inline-block;
		width:38px;
		height:38px;
		font-size:0;
	}

	#footer .socials a.facebook {background: #000 url("../images/socials/btn_facebook.png") no-repeat center center;}
	#footer .socials a.facebook:hover {background: #000 url("../images/socials/btn_facebook_color.png") no-repeat center center;}

	/*
	#footer .socials a.instagram {background: #000 url("../images/socials/btn_instagram.png") no-repeat center center;}
	#footer .socials a.instagram:hover {background: #000 url("../images/socials/btn_instagram_color.png") no-repeat center center;}
	*/

	#footer .socials a.linkedin {background: #000 url("../images/socials/btn_linkedin.png") no-repeat center center;}
	#footer .socials a.linkedin:hover {background: #000 url("../images/socials/btn_linkedin_color.png") no-repeat center center;}

	#footer .socials a.twitter {background: #000 url("../images/socials/btn_twitter.png") no-repeat center center;}
	#footer .socials a.twitter:hover {background: #000 url("../images/socials/btn_twitter_color.png") no-repeat center center;}

	/*
	#footer .socials a.pinterest {background: #000 url("../images/socials/btn_pinterest.png") no-repeat center center;}
	#footer .socials a.pinterest:hover {background: #000 url("../images/socials/btn_pinterest_color.png") no-repeat center center;}
	*/

	#footer .socials a.youtube {background: #000 url("../images/socials/btn_youtube.png") no-repeat center center;}
	#footer .socials a.youtube:hover {background: #000 url("../images/socials/btn_youtube_color.png") no-repeat center center;}

	#footer .socials a.google {
		display:block;
		width:115px;
		height:auto;
		color:#fff;
		font-size:15px;
		padding-top:10px;
		padding-bottom:10px;
		text-decoration:none;
		border:1px solid #535251;
		text-align:center;
		margin-top: 10px;
		margin-bottom:10px;
		margin-left:10px;
		float:left;
	}

	#footer .socials a.google:hover {
		border: 1px solid #96bf31;
		color: #96bf31;
	}

	#footer #footer-logo {
		float:right;
		margin-top: 20px;
	}

	#footer #footer-logo .footer-slogan {
		float:right;
		margin-top: 46px;
		margin-right:20px;
		font-size:35px;
		font-family: 'heroic_regular', sans-serif;
	}

	#footer #footer-logo .footer-slogan .light {
		font-family: 'heroic_light', sans-serif;
	}

	#footer #footer-logo .footer-logo {
		float:right;
		background: #000 url("../images/logo_paintingwithlight_footer.jpg") no-repeat center center;
		width:151px;
		height:79px;
	}


	.footer-link {margin-top:15px;}
	.footer-link a {color:#fff;font-size:12px;}
	.footer-link a:hover {color:#f8b142;}

	/* End Footer */

	/* EVENT BOOKING */

	.eb-container h1 {
		margin-bottom:20px !important;
		padding-top:30px !important;
	}

	#eb-categories .eb-box-heading, #eb-events .eb-box-heading, #eb-event-page .eb-box-heading {
		background:none;
		border:none;
	}

	#eb-categories .eb-description, #eb-events .eb-description, #eb-event-page .eb-description {
		border:none;
	}

	#eb-events {
		margin-bottom:50px;
	}

	#eb-events .eb-event {
		border-top:1px solid #ccc;
	}

	#eb-events .eb-event:first-of-type {
		border-top:none;
	}

	td.eb-event-property-label, #eb-event-info td {
		padding-right:10px;
	}

	#eb-event-info h3 {
		font-size: 23px;
		text-transform: capitalize;
	}

	.eb-taskbar ul li {
		margin-right:10px !important;
		display:inline-block;
	}

	.eb_event_list .eb_event {
		display:block;
		margin-bottom:10px;
	}

	.eb_event_list .eb_event .event_date {
		display:none;
	}

	#content .eb-message {
		margin-bottom:40px;
	}

	/* END EVENT BOOKING */

	/* POLICIES */

	.policy-page {
		padding-bottom:50px;
	}

	.policy-page p {
		margin-bottom:25px;
	}

	.policy-page ul {
		margin-bottom:25px;
	}

	.policy-page h2 {
		margin:40px 0 25px;
	}

	/* start cookieBanner */
	  div.cookieBanner
	  {
	    background-color: #1f81b1;
	    position: fixed;
	    z-index: 1100;
	    width: 100%;
	    padding: 15px;
	    bottom: -100px;
	    min-height:75px;
	  }

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

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

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

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

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

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

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

	/* Overlay */

	a.button.sloganAnimation {display:none;}
	#animation { position:fixed; top:0; left:0; background:#000; z-index:500; width:100%; height:100%; display:none;}
	#animation .animation-container {display: table;width:100%; height:100%;}
	#animation .animation-center {display: table-cell; text-align: center;  vertical-align: middle;width:100%; height:100%;}
	#animation .quotes { margin: auto; color:#fff; display:none; font-family: 'heroic_book', sans-serif;font-weight:normal;font-size:64px; }
	#animation .sloganAnimationStop { position: absolute; top: 20px; right:20px; color:#fff; cursor:pointer; width:200px; height:30px;}

	/* Smaller screen */

	@media (max-width : 1280px) {
		iframe {max-width:100% !important;}
		img {max-width:100% !important;}
		#wrapper {min-width:1024px;}
		.container {width:980px;}
		.itp_small_case {width: 239px;}
		.itp_small_case h3 {font-size:24px;margin-bottom:0;}
		.itp_small_case .img-container{height: 170px;}
		#banner {height:650px;}
		.itp_big_case {width:980px;}
		.banner-img-container img {height:650px;}
		div.acymailing_module input {width:190px !important;}
		div.acymailing_module input[type="submit"] {width:212px !important;}
		#main-menu ul li a { padding-left: 15px; padding-right: 15px;}
		#search {margin-right:0;}
		.smallTop #search {display:none;}
		#footer .contact p { width:175px;}
		#footer .contact a { color:#fff;}
		#footer .socials { width:200px;}
		#content table .black {padding: 25px;}
		#content table.twocols img { width:100% !important; height:auto !important;}
		div.slideshow ul, div.slideshow ul li, div.slideshow ul li img { width: 100% !important; height: auto !important;}

		#sp112,#sp111 {	height:325px;}
	}