html, body{
    height: 100%;
}

body{
	font-family: "myriad-pro", Arial, "sans-serif",Arial,Helvetica,sans-serif;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	color: #2b2b2b;
	line-height: 22px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}

a{color:#d71278;}
img {text-decoration: none; border: 0px}


/*===========================================================
=== GLOBAL ==================================================
===========================================================*/
.wrapper	{max-width:1700px; height:100%; margin:0 auto; position:relative;}
.container	{width:1014px; height:757px; position:relative; margin:0 auto;}
.logo		{position:absolute; left:0px; top:10%; margin:0 20px;}

.overlay{width:795px; height:488px; right:55px; left:auto; top:55px; visibility:hidden;}
.overlay, .overlay-small{background:url(../gfx/overlay-bg.png); padding:70px 30px 70px 60px; /*overflow:hidden;*/ z-index:10000;}
.overlay-small		{width:330px; height:489px; right:55px; left:auto; top:55px; overflow:visible; opacity:1.0;}
.overlay-small .text{/*overflow-y:scroll;*/ overflow-y:hidden; float:left; height:100%; /*padding-right:30px;*/}
.overlay.hidden		{ visibility:hidden;}

.overlay .text{height:470px; float:left;}
.text	{overflow-y:hidden; /*padding-right:30px;*/}

.hitfield-button {position:absolute;}
.hitfield-button:hover{cursor:pointer;-webkit-animation-name: wobble-vertical; animation-name: wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}

.hitfield-close-video{display:none;}
.hitfield-close, .hitfield-close-video{/*left: 35px; top: 35px;*/ left:-20px; top:-20px; z-index:100;}
.text-replace .hitfield-close-video{display:block;}
.hitfield-close:hover{cursor:pointer; /* -webkit-animation-name: push; animation-name: push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;*/}

.overlay-small .hitfield-close{left:-20px; top:-20px;}


p{font-size:13px; line-height:22px;}
h1, h2, h3{color:#d71278; font-weight:400; font-size:42px; line-height:42px; margin:0 0 15px;}
/*h3{font-size:24px; line-height:28px;}*/

.six.columns.first{margin-top:-8px; width:330px; margin-right:85px;}
.six.columns.second{width:375px; }

.columns{float:left;}

.mCSB_scrollTools .mCSB_draggerRail{background:#dcddde!important; width:7px!important; border-radius:0px!important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#a7a9ac!important; width:7px!important; border-radius:0px!important;}


/*===========================================================
=== PAGE 1 ==================================================
===========================================================*/
#page1 .green-block{width:1010px; height:130px; background:#d5de22; bottom:0px; left:0px; top:auto;}
#page1 .logo-animate{right:40px; bottom:20px; position:absolute; top:auto; left:auto; z-index:100;}
#page1 .custom-text{top:50px; right:55px; left:auto;}
#page1 .custom-text h1{color:#fff; font-weight:bold; font-size:49px; line-height:50px; padding:0px; margin:0px;}
#page1 .custom-text h3{color:#fff; font-weight:100; font-size:42px; line-height:45px; padding:0px; margin:5px 0 0 0;}
#page1 .ga-verder-logo{bottom:5px; right:95px; left:auto; top:auto;}
#page1 .ga-verder-logo:hover{cursor:pointer;}

#page1 .inhoud{left:0px; bottom:50px; top:auto; background:rgba(255,255,255, 0.7); padding:30px 25px 20px; width:260px;}
#page1 .inhoud h3{font-size:30px; line-height:32px; font-weight:bold;}
#page1 .inhoud ul{list-style:none;}
#page1 .inhoud ul li a{color:#000; font-size:18px; font-weight:300; padding-bottom:2px; margin-bottom:13px; float:left; width:250px;}
#page1 .inhoud ul li a:hover{cursor:pointer;}

#page1 .inhoud ul li a.page1{background:url(../gfx/page1/inhoud-1.png) right bottom no-repeat;}
#page1 .inhoud ul li a.page2{background:url(../gfx/page1/inhoud-2.png) right bottom no-repeat;}
#page1 .inhoud ul li a.page3{background:url(../gfx/page1/inhoud-3.png) right bottom no-repeat;}
#page1 .inhoud ul li a.page4{background:url(../gfx/page1/inhoud-4.png) right bottom no-repeat;}
#page1 .inhoud ul li a.page5{background:url(../gfx/page1/inhoud-5.png) right bottom no-repeat;}
#page1 .inhoud ul li a.page6{background:url(../gfx/page1/inhoud-6.png) right bottom no-repeat;}
#page1 .inhoud ul li a.page7{background:url(../gfx/page1/inhoud-7.png) right bottom no-repeat;}
#page1 .inhoud ul li a.page8{background:url(../gfx/page1/inhoud-8.png) right bottom no-repeat;}

/*===========================================================
=== PAGE 2 ==================================================
===========================================================*/
#page2{}
#page2 .overlay-small{width:330px;}



/*===========================================================
=== PAGE 3 ==================================================
===========================================================*/
#page3 .overlay-small{background:rgba(255,255,255, 0.0); padding:0px; height:400px; z-index:1; width:300px;}
#page3 .overlay-small p{}
#page3 .hitfield-button{left: 330px; top: 176px;}
#page3 .klik-hier{left: 323px; top: 120px;}
#page3 .hitfield-close{}
#page3 .show-hide{left:55px; top:-650px; z-index:99; position:absolute;}



/*===========================================================
=== PAGE 4 ==================================================
===========================================================*/
#page4 .hitfield-button.one		{left: 25px; top: 306px;}
#page4 .hitfield-button.two		{left: 196px; top: 350px;}
#page4 .hitfield-button.three	{left: 389px; top: 347px;}
#page4 .hitfield-button.four	{left: 684px; top: 320px;}
#page4 .hitfield-button.five	{left: 841px; top: 403px;}

#page4 .hitfield-close{}

#page4 .overlay-small{background:rgba(255,255,255, 0.0); padding:0px; height:270px; width:550px;}
#page4 .overlay-small .text{overflow:hidden;}
#page4 .overlay-small p{}

#page4 .text{padding-right:0px;}


/*===========================================================
=== PAGE 5 ==================================================
===========================================================*/
#page5 .hitfield-button.one		{left: 86px;  top:423px;}
#page5 .hitfield-button.two		{left: 187px; top:109px;}
#page5 .hitfield-button.three	{left: 765px; top:276px;}
#page5 .hitfield-button.four	{left: 544px; top:259px;}
#page5 .hitfield-button.five	{left: 639px; top:26px;}
#page5 .hitfield-button.six		{left: 629px; top:310px;}
#page5 .hitfield-button.seven	{left: 707px; top:513px;}
#page5 .hitfield-button.eight	{left: 230px; top:212px;}
#page5 .hitfield-button.nine	{left: 825px; top:430px;}
#page5 .hitfield-button.ten		{left: 898px; top:108px;}

#page5 .overlay-small{/*width:795px; height:470px; right:55px; left:auto; top:55px;*/}
/*#page5 .six.columns.first{width:360px; margin-right:53px;}
#page5 .six.columns.second{width:375px;}*/

#page5 .text-replace .video-knop{display:block; background:url(../gfx/bekijk-het-project.png); width:176px; height:68px; position:absolute; bottom:27px; left: 134px;}
#page5 .text-replace .video-knop:hover{cursor:pointer;}

#page5 .video-overlay{display:none; position:absolute; top:62px; left:60px; width:775px; height:505px; z-index:99; background:url(../gfx/overlay-bg.png);}
#page5 .video-overlay iframe{width:775px; height:505px; display:none;}
#page5 .text-replace .video-overlay iframe{display:block; position:relative; z-index:1;}
#page5 .video-show{}

/*.flexslider .rsOverflow, .flexslider .rsSlide, .flexslider img.rsImg{width:100%!important; height:100%!important;}*/

.flexslider{float:none; border:none; margin:0px; margin-top:-5px; width: 759px; height: 503px; overflow: hidden; display:block;}
/*#page5 .hidden .six.columns.first{width:390px;}
#page5 .hidden .six.columns.second{width:335px;} */

/*===========================================================
=== PAGE 6 ==================================================
===========================================================*/
#page6 .hitfield-button.one		{left: 428px; top:300px;}
#page6 .hitfield-button.two		{left: 535px; top:380px;}
#page6 .hitfield-button.three	{left: 684px; top:260px;}
#page6 .hitfield-button.four	{left: 637px; top:275px;}
#page6 .hitfield-button.five	{left: 535px; top:380px;}
#page6 .hitfield-button.six		{left: 635px; top:524px;}
#page6 .hitfield-button.seven	{left: 649px; top:394px;}
#page6 .hitfield-button.eight	{left: 512px; top:525px;}

#page6 .overlay{background:url(../gfx/page6/overlay.png); width:268px; height:279px; left:325px; padding:70px 40px;}
#page6 .text-replace{text-align:center;}
#page6 .overlay .hitfield-close{left:33px; top:25px;}
#page6 .text-replace p{font-size:18px; line-height:24px; font-weight:300;}


/*===========================================================
=== PAGE 7 ==================================================
===========================================================*/
#page7 .hitfield-button.one		{left: 137px; top:77px;}

#page7 .overlay-small{/*width:795px; height:470px; right:55px; left:auto; top:50px;*/}
#page7 .overlay-small .text{ overflow:auto;}
#page7 .mCSB_container.mCS_no_scrollbar{margin-right:20px;}


/*===========================================================
=== PAGE 8 ==================================================
===========================================================*/
#page8 .hitfield-button.one		{left: 86px; top: 279px;}
#page8 .hitfield-button.two		{left: 286px; top: 331px;}
#page8 .hitfield-button.three	{left: 525px; top: 215px;}
#page8 .hitfield-button.four	{left: 630px; top: 337px;}
#page8 .hitfield-button.five	{left: 773px; top: 341px;}

#page8 .overlay-small{/*width:795px; height:470px; right:55px; left:auto; top:50px;*/}
#page8 .overlay-small .text{ overflow:auto;}

#page8 .six.columns.second{width:335px;}
#page8 .six.columns.second .text{float:none;}


/*===========================================================
=== PAGE 9 ==================================================
===========================================================*/
#page9 .hitfield-button.one		{left: 520px; top: 287px;}
#page9 .hitfield-button.two		{left: 698px; top: 287px;}
#page9 .hitfield-button.three	{left: 503px; top: 431px;}
#page9 .hitfield-button.four	{left: 705px; top: 440px;}

#page9 .hitfield-button:hover{-webkit-animation-name:none; animation-name:none;}

#page9 .overlay-small{left:55px; right:auto; height:386px;}
#page9 .overlay-small .text{ overflow:auto;}




/*===========================================================
=== SLIDER ==================================================
===========================================================*/
#contentSlider		{border:10px solid #fff; width: 994px; height: 737px; overflow:hidden;}
#contentSlider ul 	{margin:0px; padding:0px;}
.rsNav.rsBullets	{position: absolute; bottom: 53px; width:auto; z-index: 9999; background: #fff; padding:10px; border-top-right-radius:25px; border-bottom-right-radius:25px;}
.rsNavItem.rsBullet	{background:#d71278; width:25px; height:25px; float:left; border-radius:50%; margin:0 5px; text-align: center; color: #fff; font-size:15px; line-height:25px;}
.rsNavItem.rsBullet.rsNavSelected	{background:#d5de22;}
.rsNavItem.rsBullet:hover			{cursor:pointer; background:#d5de22;}





/* Wobble Vertical */
@-webkit-keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.wobble-vertical {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-vertical:hover, .wobble-vertical:focus, .wobble-vertical:active {
  -webkit-animation-name: wobble-vertical;
  animation-name: wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}



/* Push */
@-webkit-keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}




/* Let's get this party started 
::-webkit-scrollbar {
    width: 7px;
}
 

::-webkit-scrollbar-track {
  background:#dcddde!important;
}
 

::-webkit-scrollbar-thumb {
    background: #a7a9ac; 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #dcddde!important; 
}*/