#container { position:absolute; top:0px; left:0px; width:100%; min-height:100%; height:auto !important; height:100%;}
#frame { position:relative; width:940px; margin:0px auto; padding-bottom:40px;}
* { outline:none; border:none; text-rendering:optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}






#cookiemelding { position: fixed; width: 100%; left: 0px; bottom: 0px; padding: 15px 40px 15px 15px; box-sizing: border-box; background: #555555; color: #ffffff; opacity: 0.9; vertical-align: middle; z-index: 999;}
#cookiemelding a { color: #ffffff; text-decoration: underline;}
#cookiemelding a.accept { position: absolute; top: 10px; right: 10px; color: #ffffff; padding: 5px; font-size: 25px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-decoration: none;}








#lab {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	-webkit-transition: all ease 500ms;
	-moz-transition: all ease 500ms;
	-o-transition: all ease 500ms;
	-ms-transition: all ease 500ms;
	transition: all ease 500ms;
}

.beaker {
	-webkit-filter: drop-shadow(#424242 0px 1px 0px);
	border-bottom: 2em solid #FFF;
	border-left: 1em solid transparent;
	border-right: 1em solid transparent;
	border-radius: .5em;
	height: 0;
	width: 1em;
	position: absolute;
	right: 0.7em;
	bottom: 22%;
	font-size: 0.6em;
}

.beaker::before {
	border-left: .25em solid #FFF;
	border-radius: .25em;
	border-right: .25em solid #FFF;
	content: '';
	height: .25em;
	left: -.25em;
	position: absolute;
	top: -1em;
	width: 1em;
}

.beaker::after {
	border-left: .25em solid #FFF;
	border-right: .25em solid #FFF;
	content: '';
	height: 1em;
	left: 0;
	position: absolute;
	top: -1em;
	width: .5em;
}

.sectionheader {
	position: relative;
}

.lab_item {
	width: 290px;
	height: 290px;
	position: relative;
	display: inline-block;
}

.hexagon2 {
	position: absolute;
	width: 290px;
	height: 400px;
	top: -80px;
}

.hexagon {
	overflow: hidden;
	visibility: hidden;

	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
	cursor: pointer;
}

.hexagon-in1 {
	overflow: hidden;
	width: 100%;
	height: 100%;

	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.hexagon-in2 {
	background: #e5e5e5;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50%;

	-webkit-background-size: 125%;
	-moz-background-size: 125%;
	background-size: 125%;
	visibility: visible;

	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);

	-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;
}
/*
.hexagon-in2:hover {
	-webkit-box-shadow: inset 0 0 0 0px #B0DAD4;
	box-shadow: inset 0 0 0 0px #B0DAD4;
}
*/
#lab article {
	padding-top: 60px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.lab_item {
	margin:-10px 15px;
}

.lab_item:nth-child(5n-2) {
	margin-left:0px;
}

.lab_item:nth-child(5n-5) {
	margin-right:0px;
}




.button, a.button { background: #a0a950; color: #ffffff !important; font-family:'MenschRegular'; padding: 10px 15px; font-size: 1.3em;}
a.button:hover { text-decoration: none !important;}


.thinfont { text-rendering:optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.wrapper { position:relative; width:940px; margin:auto;}

#topline { position:relative; width:100%; min-width:1000px; height:8px; background:url(img/layout/topline.jpg) top center repeat-x;}

#top { position:relative; width:100%; min-width:1000px; height: 100px;}
#top a#logo { position:absolute; display:block; right: -20px; top: 0px; width:150px; height:150px; background:url(img/layout/logo.png) no-repeat; background-size: contain; margin:12px 0px 8px -10px; z-index: 1;}
#top #slogan { position:absolute; font-family:'MenschRegular'; font-size:37px; line-height:50px; top:27px; left:0px;}
#top #slogan .red { color:#bb2232;}
#top #slogan .green { color:#a0a950;}

.teletype-prefix, .teletype-cursor { color: #a0a950; top: -10px !important;}

#social { position:fixed; top: 270px; right:25px; z-index: 999;}
#social a { position:relative; display: block; width: 50px; height: 50px; text-align: center; line-height: 50px; padding:0px; margin:0px 0px 0px 0px; font-size: 25px; color: #333333;}
#social a:hover { color: #bb2232;}

/*
#top #social a#social_fb { background-position:-81px 0px;}
#top #social a#social_fb:hover { background-position:-81px -34px;}
#top #social a#social_in { background-position:-41px 0px;}
#top #social a#social_in:hover { background-position:-41px -34px;}
#top #social a#social_tw { background-position:0px 0px;}
#top #social a#social_tw:hover { background-position:0px -34px;}
*/

#main_nav { position:relative; width:100%; min-width:1000px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; background: #ffffff;}
#main_nav a { position:relative; display:block; float:left; padding:8px 11px 8px 11px; font-family:'MenschRegular'; color: #333333 !important; font-size:22px; line-height:25px; margin:20px 10px 20px 0px;}
#main_nav a:hover { color:#bb2232;}
#main_nav a.main_nav_active { background:#bb2232; color:#ffffff !important;}
#main_nav a span { position:relative; display:inline-table; width:5px; font-size: 5px; line-height: 0px;}
#main_nav a:last-of-type { /*float: right; margin-right: 0px;*/}

#header { position:relative; width:100%; min-width:1000px; height:270px; background:url(img/layout/header_bg.jpg) bottom center repeat-x; overflow:hidden; text-align:center;}
#header.header_home { height:440px;}
#header_image { position:relative; width:100%; min-width:1000px; height:100%; background-position:top center; background-repeat:no-repeat;}
#header_image img { position:relative;}


#header_animatie { position:relative; width:100%; min-width:1000px; height:420px; margin-bottom: 110px !important; background:url(img/layout/footer_bg.jpg) bottom center repeat-x; text-align:center;}
#header_animatie .mevrouw { position: absolute; top: -1%; left: 50%; margin-left: -500px; width: 500px; height: 510px; z-index: 1;}
#header_animatie .mevrouw a { position: absolute; display: block; top: 180px; right: -100px; width: 200px; height: 80px; background: rgba(0,0,0,0);}
#header_animatie .mevrouw div { -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75,0,0.25,1); transition-timing-function: cubic-bezier(0.75,0,0.25,1); pointer-events: none;}
#header_animatie .mevrouw .basis { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(img/layout/mevrouw.png) center center no-repeat; background-size: cover; z-index: 5;}
#header_animatie .mevrouw .hoofd { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(img/layout/mevrouw_hoofd.png) center center no-repeat; background-size: cover; z-index: 6;}
#header_animatie .mevrouw .molen { position: absolute; top: 20%; left: 25%; width: 33%; height: 22%; background: url(img/layout/mevrouw_molen.png) center center no-repeat; background-size: contain; z-index: 5; -webkit-transition: 0.6s; transition: 0.6s;}
#header_animatie .mevrouw .arm { position: absolute; top: 55%; left: 35%; width: 60%; height: 60%; background: url(img/layout/mevrouw_arm.png) center center no-repeat; background-size: contain; z-index: 5; -webkit-transition: 0.5s; transition: 0.5s;}
#header_animatie .mevrouw .count { position: absolute; width: 7%; height: 7%; background: url(img/layout/mevrouw_1.png) center center no-repeat; background-size: contain; margin-left: -20px; opacity: 0; z-index: 4;}
#header_animatie .mevrouw .count.count_1 { top: 29%; left: 68%; background-image: url(img/layout/mevrouw_1.png);}
#header_animatie .mevrouw .count.count_2 { top: 24%; left: 75%; background-image: url(img/layout/mevrouw_2.png);}
#header_animatie .mevrouw .count.count_3 { top: 17%; left: 79%; background-image: url(img/layout/mevrouw_3.png);}
#header_animatie .mevrouw .count.count_4 { top: 11%; left: 75%; background-image: url(img/layout/mevrouw_4.png);}
#header_animatie .mevrouw .count.count_5 { top: 7%; left: 68%; background-image: url(img/layout/mevrouw_5.png);}
#header_animatie .mevrouw .som { position: absolute; top: 56.5%; left: 35.5%; width: 14%; height: 2.5%; z-index: 5; transform: rotate(-38deg);}
#header_animatie .mevrouw .som span { display: block; width: 50px; height: 100%; background: url(img/layout/mevrouw_som.png) left center no-repeat; background-size: auto 100%;}
#header_animatie .mevrouw .text { position: absolute; top: 35%; left: 70%; display: inline-block; padding: 15px 25px; background: #ffffff; font-family: 'MenschRegular'; text-transform: uppercase; font-size: 20px; opacity: 0; transform: rotate(-5deg); -webkit-transition: 0.5s; transition: 0.5s}

#header_animatie .mevrouw:hover { z-index: 2;}
#header_animatie .mevrouw:hover .hoofd { left: 1%; top: -13%; transform: rotate(-30deg);}
#header_animatie .mevrouw:hover .molen { top: 13%; left: 40%; transform: rotate(20deg);}
#header_animatie .mevrouw:hover .arm { /*transform: rotate(-20deg);*/}
#header_animatie .mevrouw:hover .count_1 { margin-left: 0px; opacity: 1; -webkit-transition: 0.5s; transition: 0.5s;}
#header_animatie .mevrouw:hover .count_2 { margin-left: 0px; opacity: 1; -webkit-transition: 1.0s; transition: 1.0s;}
#header_animatie .mevrouw:hover .count_3 { margin-left: 0px; opacity: 1; -webkit-transition: 1.5s; transition: 1.5s;}
#header_animatie .mevrouw:hover .count_4 { margin-left: 0px; opacity: 1; -webkit-transition: 1.0s; transition: 2.0s;}
#header_animatie .mevrouw:hover .count_5 { margin-left: 0px; opacity: 1; -webkit-transition: 1.2s; transition: 2.5s;}
#header_animatie .mevrouw:hover .text { left: 80%; opacity: 1; transform: rotate(0deg); z-index: 10;}

.som span { animation: som 7s infinite;}
@keyframes som {
	0% { width: 0%;}
	10% { width: 0%;}
	10.1% { width: 17%;}
	15% { width: 17%;}
	15.1% { width: 33%;}
	18% { width: 33%;}
	18.1% { width: 48%;}
	35% { width: 48%;}
	35.1% { width: 60%;}
	62% { width: 60%;}
	62.1% { width: 100%;}
	85% { width: 100%;}
	87% { width: 0%;}
	100% { width: 0%;}
}

.arm { animation: arm 4s infinite;}
@keyframes arm {
	0% { transform: rotate(0deg);}
	40% { transform: rotate(-20deg);}
	100% { transform: rotate(0deg);}
}


#header_animatie .meneer { position: absolute; top: -1%; left: 55%; width: 350px; height: 510px; z-index: 1;}
#header_animatie .meneer a { position: absolute; display: block; top: 90px; left: -160px; width: 180px; height: 110px; background: rgba(0,0,0,0);}
#header_animatie .meneer div { -webkit-transition: 0.3s; transition: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75,0,0.25,1); transition-timing-function: cubic-bezier(0.75,0,0.25,1); pointer-events: none;}
#header_animatie .meneer .rozen { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(img/layout/meneer_rozen.png) center center no-repeat; background-size: cover; z-index: 5;  -webkit-transition: 0.6s; transition: 0.6s;}
#header_animatie .meneer .basis { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(img/layout/meneer.png) center center no-repeat; background-size: cover; z-index: 5;}
#header_animatie .meneer .kraag { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(img/layout/meneer_kraag.png) center center no-repeat; background-size: cover; z-index: 9;}
#header_animatie .meneer .hamer { position: absolute; top: 35%; left: -10%; width: 40%; height: 30%; background: url(img/layout/meneer_hamer.png) center center no-repeat; background-size: contain; z-index: 3; -webkit-transition: 0.2s; transition: 0.2s;}
#header_animatie .meneer .hand { position: absolute; top: 37%; left: 31%; width: 50%; height: 55%; background: url(img/layout/meneer_hand.png) center center no-repeat; background-size: contain; z-index: 6; -webkit-transition: 0.2s; transition: 0.2s;}
#header_animatie .meneer .sticker { position: absolute; top: 23%; left: 34%; width: 0%; height: 10%; background: url(img/layout/meneer_sticker.png) left center no-repeat; background-size: 100% 100%; z-index: 7; -webkit-transition: 0.2s; transition: 0.2s;}
#header_animatie .meneer .snor_l { position: absolute; top: 34%; left: 14%; width: 20%; height: 13%; background: url(img/layout/meneer_snor_l.png) center center no-repeat; background-size: contain; z-index: 6; -webkit-transition: 0.2s; transition: 0.2s;}
#header_animatie .meneer .snor_r { position: absolute; top: 34%; left: 32%; width: 20%; height: 13%; background: url(img/layout/meneer_snor_r.png) center center no-repeat; background-size: contain; z-index: 6; -webkit-transition: 0.2s; transition: 0.2s;}
#header_animatie .meneer .text { position: absolute; top: 18%; left: -30%; display: inline-block; padding: 15px 25px; background: #a0a950; font-family: 'MenschRegular'; text-transform: uppercase; font-size: 20px; opacity: 0; transform: rotate(-5deg); -webkit-transition: 0.5s; transition: 0.5s; color: #ffffff; z-index: 10;}

#header_animatie .meneer:hover { z-index: 2;}
#header_animatie .meneer:hover .hamer { /*top: 45%; left: -5%; transform: rotate(-20deg);*/}
#header_animatie .meneer:hover .rozen { transform:scale(1.2); left: -5%; top: -5%;}
#header_animatie .meneer:hover .sticker { left: 16%; width: 50%;}
#header_animatie .meneer:hover .text { left: -45%; opacity: 1; transform: rotate(0deg);}


.hand { animation: hand 4s infinite;}
@keyframes hand {
	0% { transform: rotate(0deg); margin-left: 0%;}
	20% { transform: rotate(-3deg); margin-left: 2%; margin-top: 0%;}
	40% { transform: rotate(3deg); margin-left: -2%; margin-top: -1%;}
	60% { transform: rotate(0deg); margin-left: 0%;}
}
.hamer { animation: hamer 4s infinite;}
@keyframes hamer {
	30% { top: 35%; left: -10%; transform: rotate(0deg);}
	33% { top: 40%; left: -15%; transform: rotate(-20deg);}
	50% { top: 35%; left: -10%; transform: rotate(0deg);}
	53% { top: 40%; left: -15%; transform: rotate(-20deg);}
	57% { top: 35%; left: -10%; transform: rotate(0deg);}
	60% { top: 40%; left: -15%; transform: rotate(-20deg);}
	70% { top: 35%; left: -10%; transform: rotate(0deg);}
}

.snor_l { animation: snor_l 5s infinite;}
@keyframes snor_l {
	0% { transform: rotate(0deg);}
	15% { transform: rotate(0deg); margin-left: 0%;}
	20% { transform: rotate(5deg); margin-left: -0.5%;}
	25% { transform: rotate(0deg); margin-left: 0%;}
	70% { transform: rotate(0deg);}
	75% { transform: rotate(-5deg);}
	80% { transform: rotate(-3deg);}
	85% { transform: rotate(-7deg);}
	90% { transform: rotate(0deg);}
}
.snor_r { animation: snor_r 5s infinite;}
@keyframes snor_r {
	0% { transform: rotate(0deg);}
	15% { transform: rotate(0deg); margin-left: 0%;}
	20% { transform: rotate(-5deg); margin-left: 0.5%;}
	25% { transform: rotate(0deg); margin-left: 0%;}
	70% { transform: rotate(0deg);}
	75% { transform: rotate(5deg);}
	80% { transform: rotate(3deg);}
	85% { transform: rotate(7deg);}
	90% { transform: rotate(0deg);}
}

/*
#split_header a.molen.passive { opacity: 0.3;}
#split_header a.molen.passive:hover { opacity: 1; -webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;}
*/

#split_header { position: relative; margin-top: 40px;}
#split_header .h1 { font-size: 29px !important; padding: 0px 0px 10px 0px; display: block;}
#split_header a { position: relative; display: inline-block; width: 460px; height: 225px; margin-bottom: -10px; box-sizing: border-box; background: url(img/layout/footer_bg.jpg) center center no-repeat #ffffff; z-index: 5;}
#split_header .button, #split_header a.button { display: block; text-align: center; font-size: 1.2em; line-height: 1.1em; z-index: 4;}
#split_header a.prikkel { margin-left: 20px; background-position: left bottom;}
#split_header a.prikkel img { position: absolute; top: -7px; left: 25px; width: 164px; height: auto; z-index: 2;}
#split_header a.molen img { position: absolute; top: -10px; left: 25px; width: 210px; height: auto; z-index: 2;}

/*
#split_header { position: relative; margin-top: 40px;}
#split_header .h1 { font-size: 29px !important; padding: 25px 0px 20px 0px; display: block; white-space: nowrap;}
#split_header a { position: relative; display: inline-block; width: 460px; height: 225px; margin-bottom: -10px; box-sizing: border-box; background: url(img/layout/footer_bg.jpg) center center no-repeat;}
#split_header .button, #split_header a.button { font-size: 1.2em;}
#split_header a.prikkel { margin-left: 20px; background-position: left bottom;}
#split_header a.prikkel img { position: absolute; top: -20px; left: 30px; width: 104px; height: auto;}
#split_header a.molen img { position: absolute; top: -18px; left: 13px; width: 145px; height: auto;}
*/

#split_header a.passive { background: #f7f7f7; border: 1px solid #a0a950; box-sizing: border-box;}
#split_header a.passive  img { margin: -1px 0px 0px -1px;}
#split_header a.molen img { margin-left: -10px !important;}
#split_header a.prikkel .text { top: 32px;}
#split_header a.passive .text .h1 { color: #000000 !important;}
#split_header a.passive .text .h2 { color: #000000 !important;}

/*
#split_header a .text { position: absolute; display: block; top: 43px; left: 165px; width: 270px;}
#split_header a .text .h1 { color: #ffffff !important; text-align: left; font-family: 'MenschRegular' !important; font-size: 38px; line-height: 38px; margin-bottom: 5px;}
#split_header a .text .h2 { color: #ffffff !important; font-size: 16px; line-height: 18px; word-spacing: 0px !important; font-family:'latoregular','Arial',sans-serif !important;}
#split_header a .text .h2 span { display: block; margin-top: 8px;}
#split_header a .arrow { position: absolute; width: 160px; height: 122px; display: block; bottom: -26px; left: 50%; margin-left: -80px; background: url(img/layout/split_arrow.png) bottom center no-repeat; background-size: 100% auto;}
*/

#split_header a .text { position: absolute; display: block; top: 45px; left: 240px; width: 180px; z-index: 2;}
#split_header a .text .h1 { color: #ffffff !important; text-align: center; font-family: 'MenschRegular' !important; font-size: 38px; line-height: 35px; margin-bottom: 5px;}
#split_header a .text .h2 { color: #ffffff !important; font-size: 16px; line-height: 18px; word-spacing: 0px !important; font-family:'latoregular','Arial',sans-serif !important;}
#split_header a .text .h2 span { display: block; margin-top: 8px;}
#split_header a .arrow { position: absolute; width: 160px; height: 122px; display: block; bottom: -26px; left: 50%; margin-left: -80px; background: url(img/layout/split_arrow.png) bottom center no-repeat; background-size: 100% auto; z-index: 1;}


#split_header.split_header_home { margin-top: 0px; background:url(img/layout/footer_bg.jpg) bottom center repeat-x;}
#split_header.split_header_home a { background: none;}

.zoom_hover img {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.zoom_hover:hover img {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}

#menneke, #menneke_count { position:fixed; top:50px; right:-290px; color:#cc0000; width:290px; height:645px; background:url(img/layout/menneke.png) no-repeat;}
#menneke_count { background:none;}

#content { position:relative; min-height:250px; margin:50px 0px 70px 0px;}
#content .container_big { position:relative; float:left; width:615px; margin-left:35px;}
#content .container_small { position:relative; float:left; width:290px; margin-left:35px; text-align:center;}
#content .container_first { margin-left:0px;}
#content .container_big .txt iframe.youtube { position:relative; width:100%; height:346px;}
#content .container_small .txt iframe.youtube { position:relative; width:100%; height:163px;}
#content .txt a { color:#a0a950;}
#content .txt a:hover { text-decoration:underline;}

#content .container_title { position:relative; display:block; text-align:center; padding:0px;}
#content .container_title2 { position:relative; display:block; text-align:center; padding:0px; height: auto; margin-bottom: 20px;}
#content .container_title span { color:#bb2232;}
#content .container_title span.nieuws_s { color:#c0c0c0;}
#content .container_title span.container_subtitle { position:relative; display:block; font-size:14px; line-height:14px; margin-top:15px; font-family:'MenschRegular';}
#content .container_subtitle2 { position: relative; display:block; font-family:'MenschRegular'; padding-bottom:5px; font-weight:normal; margin:0px 0px 0px 0px; text-align:center; margin-top:-10px; position:relative; display:block; font-size:14px; line-height:14px; margin-top:15px; color:#bb2232;}

.nieuws_preview { position:relative; float:left; width:290px; padding-top:45px; margin-top:50px; background:url(img/layout/peperline.png) top center no-repeat; cursor:pointer;}
.nieuws_preview:hover h2 a { color:#bb2232;}
.nieuws_preview_odd { margin-right:35px;}
.nieuws_preview h2 { text-align:center; height:53px;}
.nieuws_preview h2 a { color: #666666 !important;}
.nieuws_preview a.aanmelden { position: absolute; bottom: 0px; right: 0px; margin: 0px; font-size: 16px; display: inline-block; padding: 5px 10px 4px 0px !important; background: #a0a950; color: #ffffff; font-family:'MenschRegular';}
.nieuws_preview a.aanmelden:hover { background: #99a24c;}
.nieuws_preview .img { position:relative; width:290px; height:250px; margin-bottom:15px; background:#e5e5e5; overflow:hidden;}
.nieuws_preview .text .txt { height:75px; overflow:hidden;}
.nieuws_preview .text .meer { color:#a0a950;}

.nieuws_preview_side { position:relative; padding:15px 0px; border-bottom:1px solid #dedede;}
.nieuws_preview_side a { position:relative; color:#000 !important;}
.nieuws_preview_side_first { padding-top:0px;}
.nieuws_preview_side_last { border:none;}
.nieuws_preview_side:hover a { color:#bb2232 !important;}
.nieuws_preview_side .line { position:relative; margin:15px auto 0px auto; width:30px; height:1px; background:#a0a950;}

#home_right { position:relative;}
#home_right a.meer { position:relative; color: #ffffff; padding: 10px 15px; background: #a0a950; top:30px; font-family: 'MenschRegular'; font-size: 22px;}

.agenda_preview { position:relative; width:290px; padding-top:10px; margin-top:15px; cursor:pointer;}
.agenda_preview_1 { padding-top:40px; margin-top:50px; background:url(img/layout/peperline.png) top center no-repeat; }
.agenda_preview .h2 span { position:relative; display:block; color:#bb2232; font-size:14px; line-height:14px; margin:3px 0px 5px 0px; font-family:'MenschRegular';}
.agenda_preview .h2 a { color: #666666 !important;}
.agenda_preview .text { max-height:50px; overflow:hidden;}

#agenda .h1.center { margin-top:40px; margin-bottom:-20px; font-size:35px;}
#agenda .agenda_item { position:relative; padding:5px 0px; border-top:1px solid #dedede;}
#agenda .agenda_item.first { border:none;}
#agenda .agenda_item:hover .link a span { text-decoration:underline;}
#agenda .agenda_item .date { position:relative; float:left; width:153px;}
#agenda .agenda_item .time { position:relative; float:left; width:117px; color:#bb2232;}
#agenda .agenda_item .text { position:relative; float:left; width:590px;}
#agenda .agenda_item .link { position:relative; float:left; width:65px; float:right; text-align:right;}
#agenda .agenda_item .link a { color:#a0a950;}

#vip { position:absolute; top:564px; height:500px; background: none; padding:20px; margin-top:35px; cursor:pointer;}
#vip .h1 { position:relative; display:block; font-size:40px; line-height:45px; color:#bb2232; margin:5px 0px 20px 0px;}
#vip .img { position:relative; width:250px; height:250px; margin-bottom:15px; background:#e5e5e5; overflow:hidden;}

#formule { position:relative; width:940px; height:1550px; background:url(img/layout/formule.jpg) no-repeat;}
a.formule_meer { position:relative; font-size:42px; color:#a0a950 !important; margin-top:35px; font-family:'MenschRegular';}

#actieprogrammas_previews h1 { margin-top: 10px; margin-bottom: 30px;}
#actieprogrammas_previews .intro { margin-bottom: 50px; text-align: left;}

.actieprogrammas_preview { position:relative; float:left; width:290px; padding-top:45px; margin-top:40px; background:url(img/layout/peperline.png) top center no-repeat; cursor:pointer; margin-right:35px;}
.actieprogrammas_preview:hover h2 a { color:#bb2232;}
.actieprogrammas_preview_row_1 { /*background:none; padding-top:0px; margin-top:20px;*/ margin-top: 0px;}
.actieprogrammas_preview_3, .actieprogrammas_preview_2.big { margin-right:0px; float: right;}
.actieprogrammas_preview.big { width: 452px;}
.actieprogrammas_preview.big .img { width: 452px; height: 203px;}
.actieprogrammas_preview h2 { text-align:center; height:55px; margin-bottom:25px; overflow:hidden;}
.actieprogrammas_preview .img { position:relative; width:290px; height:130px; margin-bottom:15px; background:#e5e5e5; overflow:hidden;}
.actieprogrammas_preview a.aanmelden { position: absolute; bottom: 0px; right: 0px; margin: 0px; font-size: 16px; display: inline-block; padding: 5px 10px 4px 0px !important; background: #a0a950; color: #ffffff; font-family:'MenschRegular';}
.actieprogrammas_preview a.aanmelden:hover { background: #99a24c;}
.actieprogrammas_preview .text .txt { height:75px; overflow:hidden;}
.actieprogrammas_preview .text .meer { color:#a0a950;}

.aanmelden, a.aanmelden { position:relative; display:inline-block; width:110px; line-height:26px; padding:6px 5px 6px 5px; text-align:center; background:#a0a950; color:#ffffff !important; font-family:'MenschRegular'; font-size:20px; cursor: pointer;}

.team_preview { position:relative; float:left; width:290px; padding-top:45px; margin-right:35px;}
.team_preview_row_1 { background:none; padding-top:0px; margin-top:40px;}
.team_preview_3 { margin-right:0px;}
.team_preview h2 { position:relative; visibility:hidden; text-align:center; height:80px; top:-40px; line-height:18px; margin-bottom:-75px; padding-top:50px; z-index:2;}
.team_preview h2 span { position:relative; color:#bb2232; font-size:14px; font-family:'MenschRegular'; line-height:0px; margin-bottom:0px; top:5px;}
.team_preview h2 span a { color:#bb2232;}
.team_preview .img { position:relative; width:286px; height:286px; margin:2px 2px 17px 2px; background:#e5e5e5; overflow:hidden; z-index:1;}
.team_preview .img_overlay { position:absolute; width:290px; height:290px; top:44px; left:0px; background:url(img/layout/team_overlay.png) no-repeat; z-index:2;}
.team_preview_row_1 .img_overlay { top:0px;}

.referenties_preview { position:relative; float:left; width:290px; padding-top:45px; margin-top:40px; cursor:pointer; margin-right:35px;}
.referenties_preview:hover h2 a { color:#bb2232;}
.referenties_preview_row_1 { background:none; padding-top:0px; margin-top:20px;}
.referenties_preview_3 { margin-right:0px;}
.referenties_preview h2 { display:none;}
.referenties_preview .img { position:relative; width:290px; height:290px; margin-bottom:15px; overflow:hidden;}
.referenties_preview .img_overlay { position:absolute; width:290px; height:290px; top:0px; left:0px; background:url(img/layout/team_overlay.png) no-repeat;}

#footer { position:relative; width:100%; min-width:1000px; height:480px; background:url(img/layout/footer_bg.jpg) top center repeat-x;}

#footer .footer_list { position:relative; float:left; width:245px; margin-top:70px; color:#ffffff;}
#footer .footer_list_4 { width:203px; text-align:right;}
#footer .footer_list .h3 { position:relative; display:block; margin-bottom:20px;}
#footer .footer_list a { position:relative; display:block; color:#ffffff; margin-bottom:3px;}
#footer .footer_list a:hover { text-decoration:underline;}
#footer .footer_list_4 a { display:inline; margin:0px;}

#footer #footer_social { position:relative; clear:both; text-align:center; top:50px;}
#footer #footer_social a { position:relative; display:inline-table; padding:0px; margin:0px 10px; width:48px; height:48px; font-size: 30px; color: #eeeeee;}

#footer a.credits { position:relative; clear:both; display:block; float:right; margin:8px 3px 0px 0px; color:#fff !important; font-size:13px;}

#footer #footer_social a#footer_social_tw { background-position:0px 0px;}
#footer #footer_social a#footer_social_yt { background-position:-48px 0px;}
#footer #footer_social a#footer_social_in { background-position:-96px 0px;}
#footer #footer_social a#footer_social_fb { background-position:-144px 0px;}

.divider { position:relative; width:100%; height:23px; background:url(img/layout/peperline.png) bottom center repeat-x; margin:30px 0px;}
.divider_h1 { margin-top:50px;}

#loading { position:absolute; text-align:center; top:10px; left:0px; width:100%; height:100%; background:#f7f7f7; z-index:100;}

#contact { width: 100% !important; text-align: center;}
#contact form { position:relative; padding:35px; background:url(img/layout/contact_bg.jpg) no-repeat; color:#ffffff;}
#contact form span.title { position:relative; float:left; clear:both; width:170px; height:17px; margin-bottom:4px; line-height:22px; padding-top:6px; color:#ffffff;}
#contact form input { position:relative; display:block; float:right; padding:8px 10px; width:340px; height:16px; background:#ffffff; border:1px solid #ffffff; color:#cccccc; margin-bottom:10px; font-family:'latolight','Arial',sans-serif; font-size:15px; line-height:20px;}
#contact form textarea { position:relative; display:block; float:right; padding:7px 10px; width:340px; background:#ffffff; border:1px solid #ffffff; color:#333333; height:150px; font-size:15px; line-height:20px; font-family:'latolight','Arial',sans-serif; resize:none; margin:25px 0px 0px 0px;}
#contact form select { position:relative; display:block; display:none; float:left; width:362px; padding:3px 6px; font-size:15px; line-height:20px; font-family:'latolight','Arial',sans-serif; border:1px solid #ffffff; outline:none; margin:0px 0px 10px 183px;}
#contact form select option { position:relative; padding:3px 8px; font-size:15px; line-height:20px; font-family:'latolight','Arial',sans-serif; outline:none;}
#contact form a.privacy { color: #ffffff; text-decoration: underline;}

form .koffie { position:absolute; width:109px; height:109px; background:url(img/layout/koffie.png) no-repeat; top:215px; left:60px;}

span.check_n { position:relative; display:block; float:left; cursor:pointer; padding:1px 10px 0px 35px; min-height:23px; background: none; margin:25px 0px 10px 181px; width:320px;}
span.check_n:before { position: absolute; display: block; content: ""; top: 0px; left: 0px; width: 23px; height: 23px; background:url(img/layout/form_dark.png) no-repeat 0px -48px;}
span.check_y { position:relative; display:block; float:left; cursor:pointer; padding:1px 10px 0px 35px; min-height:23px; background: none; margin:25px 0px 10px 181px; width:320px;}
span.check_y:before { position: absolute; display: block; content: ""; top: 0px; left: 0px; width: 23px; height: 23px; background:url(img/layout/form_dark.png) no-repeat 0px -72px;}

span.check_n.check_small, span.check_y.check_small { margin-top: 5px; margin-bottom: 20px; margin-left: 0px; background-image: url(img/layout/form_dark.png); background: none; width: 250px; border: 1px solid #ffffff;}

span.radio_n { position:relative; display:block; float:left; cursor:pointer; padding:1px 5px 0px 30px; height:23px; background:url(img/layout/form.png) no-repeat 0px 0px; margin:3px 0px 2px 17px;}
span.radio_y { position:relative; display:block; float:left; cursor:pointer; padding:1px 5px 0px 30px; height:23px; background:url(img/layout/form.png) no-repeat 0px -24px; margin:3px 0px 2px 17px;}
span.radio_title { position:relative; display:block; float:left; color:#ffffff; padding:3px 0px 0px 0px;}
div.radio_container { position:relative; float:left; display:none; width:360px; margin:0px 0px 0px 183px;}


.nieuws_preview_mailchimp { top: 12px; background: none; padding: 50px 25px; box-sizing: border-box; border: 1px solid #aaaaaa;}
.nieuws_preview_mailchimp form { clear: both; padding-top: 30px;}
.nieuws_preview_mailchimp form input { position:relative; display:block; padding:8px 10px; width:100%; height:35px; box-sizing: border-box; background:#ffffff; border:1px solid #aaaaaa; color:#aaaaaa; margin-bottom:10px; font-family:'lato','Arial',sans-serif; font-size:15px; line-height:20px;}
.nieuws_preview_mailchimp .button { width: 100%; display: block; text-align: center; box-sizing: border-box; padding: 8px 0px; font-size: 1.5em; margin-top: 30px;}

.popup_content { background: #ffffff; width: 100%;}
.popup_content form { background: none; padding: 20px 0px; width: 100%;}
.popup_content .h2 { font-size: 40px; text-align: center; display: block; margin-bottom: 10px;}
.popup_content .h2 .red { display: block; font-size: 0.5em; color: #bb2232; margin-top: 0px;}
.popup_content form input { height: 34px; padding: 5px 7px; box-sizing: border-box; margin-bottom: 10px; width: 100%; display: block; color: #999999; float: none; border: 1px solid #cccccc; font-family: 'latoregular','Arial',sans-serif; font-size: 13px;}
.popup_content a.submit_button { background: #a0a950; color: #ffffff !important; font-family:'MenschRegular'; padding: 10px 15px; font-size: 1.3em; width: 100%; display: block; box-sizing: border-box; text-align: center; margin-top: -15px;}

#popup_melding { text-align: center; padding: 25px 0px 20px 0px; width: 180px; height: 90px; overflow: hidden !important;}
#popup_melding .h2 { margin: 0px;}
#popup_melding a.download_file_now { color: #a0a950; display: block; text-decoration: underline !important; white-space: nowrap; margin-top: 10px;}
#popup_melding .tekst { display: block; white-space: nowrap; color: #bb2232; margin-top: 10px;}

.hidden { display:none;}
#formwrapper_1_1, #formwrapper_2_1 { display:none;}
a#submit_form_informatie { position:relative; display:block; clear:both; float:right; text-align:center; text-transform:uppercase; padding:5px; width:352px; height:28px; border:none; cursor:pointer; font-family:'MenschThin'; color:#000000; font-size:25px; background:#a0a950; margin:25px 0px 0px 0px;}
a#submit_form_informatie:hover { text-decoration:none;}


hr { position:relative; width:100%; height:1px; margin:15px 0px; border:none; background:url(img/layout/line.png) no-repeat;}
ul { padding:0px; margin:0px; margin-left:14px;}
li { padding:0px;}

h1, .h1 { display:block; font-family:'MenschThin'; font-size:50px; line-height:55px; padding-bottom:5px; font-weight:normal; margin:0px 0px 0px 0px; color:#333333; text-align:center; margin-top:-10px;}
h2, .h2 { font-family:'MenschRegular'; font-size:24px; line-height:30px; font-weight:normal; margin:0px 0px 30px 0px; color:#666666; margin-top:-5px; word-spacing:-3px;}
h3, .h3 { font-family:'MenschRegular'; font-size:30px; line-height:35px; font-weight:normal; margin:0px 0px 30px 0px; color:#ffffff; margin-top:-5px; word-spacing:-3px;}

.txt img { position:relative; max-width:100%; height:auto;}
.txt b, .txt em, .txt strong { font-family:'latobold'; font-weight:normal;}
.txt i { font-family:'latoitalic'; font-weight:normal; font-style:normal;}
.txt b i, .txt i b, .txt em i, .txt i em, .txt strong i, .txt i strong { font-family:'latobold_italic'; font-weight:normal; font-style:normal;}
.txt b font, .txt font b, .txt em font, .txt font em, .txt strong font, .txt font strong { font-family:'latobold'; font-weight:normal; font-family:'MenschRegular'; font-size:30px; line-height:25px;}



.txt .txt_image { position: relative; display: block; margin: 10px 0px -10px 0px; line-height: 0px; max-width: 100%; width: 100%; height: auto;}
.txt .txt_image.left { float: left; margin: 0px 20px 20px 0px; width: 40%; max-width: 40%;}
.txt .txt_image.right { float: right; margin: 0px 0px 20px 20px; width: 40%; max-width: 40%;}
	
	/*
	.txt .txt_image.small { width: 40% !important; max-width: 40% !important;}
	.txt .txt_image.small.center { margin: 10px auto -20px auto !important; width: 70% !important; max-width: 70% !important;}
	*/
	
.txt .txt_image img { position: relative; width: 100%; height: auto;}



@font-face {
    font-family: 'MenschRegular';
    src: url('fonts/mensch-wf.eot');
    src: url('fonts/mensch-wf.eot?#iefix') format('embedded-opentype'),
         url('fonts/mensch-wf.woff') format('woff'),
         url('fonts/mensch-wf.ttf') format('truetype'),
         url('fonts/mensch-wf.svg#MenschMenschRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MenschBold';
    src: url('fonts/mensch-bold-wf.eot');
    src: url('fonts/mensch-bold-wf.eot?#iefix') format('embedded-opentype'),
         url('fonts/mensch-bold-wf.woff') format('woff'),
         url('fonts/mensch-bold-wf.ttf') format('truetype'),
         url('fonts/mensch-bold-wf.svg#MenschMenschBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MenschBoldInline';
    src: url('fonts/mensch-inline-wf.eot');
    src: url('fonts/mensch-inline-wf.eot?#iefix') format('embedded-opentype'),
         url('fonts/mensch-inline-wf.woff') format('woff'),
         url('fonts/mensch-inline-wf.ttf') format('truetype'),
         url('fonts/mensch-inline-wf.svg#MenschMenschBoldInline') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MenschThin';
    src: url('fonts/mensch-thin-wf.eot');
    src: url('fonts/mensch-thin-wf.eot?#iefix') format('embedded-opentype'),
         url('fonts/mensch-thin-wf.woff') format('woff'),
         url('fonts/mensch-thin-wf.ttf') format('truetype'),
         url('fonts/mensch-thin-wf.svg#MenschMenschThin') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

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

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

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

}

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

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


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

}

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

}

html,body {
	background:#f7f7f7;
	font-family:'latoregular','Arial',sans-serif;
	font-size:15px;
	line-height:24px;
	color:#333333;
	margin:0px;
	padding:0px;
	width:100%;
	min-width:1000px;
	height:100%;
}
html { height:100%; overflow-y:scroll;}

p { margin:0px;}
.clearboth { clear:both;}
.center { text-align:center;}
.pointer { cursor:pointer;}

a:link, a:hover, a:active, a:visited { color:#333333; outline:none; text-decoration:none;}
a:hover { }