@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'triplexboldmedium';
    src: url('fonts/triplexbold-webfont.eot');
    src: url('fonts/triplexbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/triplexbold-webfont.woff') format('woff'),
         url('fonts/triplexbold-webfont.ttf') format('truetype'),
         url('fonts/triplexbold-webfont.svg#triplexboldmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}
.html_block {
	width:auto;
}
header
,nav
,section
,article
,aside
,footer
,hgroup 
{ 
position:relative;
display: block;
}
body, html {
	background-color:#FFFFFF;
	background-color:#2f3744;
	margin:0; padding:0;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight:200;
	font-size:13px;
	line-height:22px;
	color:#333;
}
div {
	position:relative;
	/*z-index:2;*/
}
div[data-href=*] {
	cursor:pointer;
}

h1, h2, h3, h4 {
	font-weight:normal;
	font-family:'triplexlightmedium';
}
h1 {
	text-align:left;
	color:#97be0d;
	font-size:30px;
}
h1 + h2 {
	margin-top:-20px;
	color:#666;
}
h2 {
	
}
h3, h4 {
	color:#97be0d;
}
h3 {
	margin-bottom:0;
	font-size:18px;
}
a {
	color:inherit;
	text-decoration:none;
}
p a {
	text-decoration:underline;
}
header {
	position:fixed;
	z-index:100;
	top:14px;
	width:100%;
	background-color:#FFF;
}
section.maps {
	height:500px;
}
section.main {
	padding-top:150px;
	background-color:#f5f5f8;
	padding-bottom:20px;
}
section.main.targetgroupchooser {
	padding-bottom:0;
	overflow:hidden;
}
section.white {
	background-color:#FFF;
	padding-top:20px;
}
section.white + section.main {
	padding-top:20px;
}
section.banner + section.main.intro {
	padding-top:20px;
	text-align:center;
}
section.banner + section.main.intro .html_block ,section.banner + section.main.intro .text_content, section.banner + section.main.intro h1{
	text-align:center !important; 
}
section.banner + section.main.intro h1{
	padding-top:0; margin-top:0;
}
section.intro + section.main {
	padding-top:0px;
}
section.balk {
	background-image:url(../img/psbalk.png);
	background-repeat:repeat-x;
	height:14px;
	width:100%;
	position:fixed;
	z-index:102;
}
footer {
	font-size:12px;
	line-height:18px;
	border-top:1px dashed #999;
	padding-top:10px;
	padding-bottom:20px;
	color:#ebedf1;
}
footer a {
	display:block;
}
footer a:hover {
	text-decoration:underline;
}
footer a.social {
	display:inline-block;
}
footer a.social img {
	width:30px;
	height:auto;
}
footer h3 {
	font-family: 'triplexlightmedium';
	font-size:19px;
}
footer .fourth {
	z-index:0 !important;
}
.content {
	width:980px;
	margin:0 auto;
	
}

.half {
	width:46%;
	display:inline-block;
	vertical-align:top;
}
.half + .half {
	margin-left:8%;
}
.fourth {
	width:25%;
	display:inline-block;
	vertical-align:top;
}

.threefourth {
	width:75%;
	display:inline-block;
	vertical-align:top;
}
.third {
	width:33%;
	display:inline-block;
	vertical-align:top;
}
.third.mleft {
	width:32%;
	margin-left:2%;
}
.third.mleft:first-child {
	margin-left:0;
}
.twothird {
	width:66%;
	display:inline-block;
	vertical-align:top;
}

/*top photos*/
.logo {
	display:inline-block;
}

/*top contact*/
header .contact {
	position:absolute;
	top:10px;
	right:0;
}
header .contact > div {
	display:inline-block;
}
header .contact > div.phone {
	margin-right:20px;
}
header .contact > div img {
	width:15px; height:auto;
	vertical-align:-1px;
}


/*Navigatie*/
nav a {
	font-family:'triplexlightmedium';
	font-size:16px;
	display:inline-block;
	text-align:center;
	width:70px;
	cursor:pointer;
	border-bottom:3px solid #FFF;
}
nav a.active {
	border-bottom:3px solid #00aeef;
}
nav a img {
	display:inline-block;
	max-width:25px;
	height:auto;
}
nav {
	position:absolute;
	bottom:0px;
	right:0;
	max-width:800px;
}

section.maps > div {
	width:100%; height:100%;
}

/*Home*/
.half .html_block {
	max-width:450px;
	margin:0;
}
section.banner {
	height:500px;
}
.banner .next, .banner .prev {
	position:absolute; width:70px; height:70px;
	top:45%;
	display:block;
	background-color:#FFF;
	background-size:55% 55%;
	background-repeat:no-repeat;
	background-position:center center;
	border-radius:35px;
	opacity:0.4;
	z-index:10;
	cursor:pointer;
}
.banner .next:hover, .banner .prev:hover {
	opacity:1;
}
.banner .next {
	background-image:url(../img/icons/next.png);
	right:50px;
}
.banner .prev {
	background-image:url(../img/icons/prev.png);
	left:50px;
}

div.banners {
	height:470px;
	overflow:hidden;
	white-space:nowrap;
}
.slide {
	display:inline-block;
	position:relative;
	width:100%; height:470px;
	white-space:normal;
}
.slide .content {
	z-index:3;
}
.slide .background {
	left:0; top:0;
	width:100%; height:100%;
	background-size:cover;
	background-position:center center;
	z-index:2;
	position:absolute;
}
.slide .title {
	padding-top:170px;
	font-size:50px;
	max-width:450px;
	line-height:50px;
	text-transform:uppercase;
	font-family: 'triplexlightmedium';
}
.slide .title > div {
	padding:10px;
	border-radius:5px;
	color:#FFF;
	background-color:#333;
	display:inline-block;
}
.slide .text {
	font-size:20px;
	line-height:50px;
	color:#666;
	max-width:450px;
	font-style:italic;
	margin-top:10px;
}
.slide .text > div {
	padding:5px 10px;
	border-radius:5px;
	color:#666;
	background-color:#FFF;
	display:inline-block;
}

.slide .button {
	margin-top:10px;
}

div.chooser {
	text-align:center;
	background-color:#f5f5f8;
}

div.choose {
	width:15px; height:15px;
	display:inline-block;
	margin:5px 2px;
	background-color:#FFF;
	border-radius:8px;
	cursor:pointer;
}
div.choose.active {
	background-color:#00aeef;
}



.home h1, .home h2 {
	border-bottom:1px dashed #e2e2e2;
	margin-bottom:5px;
	padding-bottom:10px;
	font-size:20px;
}
.home h1 {
	font-size:24px;
	padding-bottom:6px;
}
.home h3 {
	color:#999;
}


.search {
	margin-left:0px;
	position:relative; display:inline-block;
}
.search .search_icon {
	position:absolute;
	top:1px; right:1px;
	background-color:#00aeef;
	color:#FFF;
	border-radius:5px;
	border:0;
	padding:1px 10px;
	cursor:pointer;
}
.search #searchform input {
	margin:0;
	-webkit-appearance:none;
	background-color:#f6f6f6;
	width:170px !important;
	border-radius:5px;
	border:0;
	height:14px;
	padding:6px;
}


/*FORM*/
form {
	padding-left:20px;
}
label {
	display:inline-block;
	width:150px;
	vertical-align:top;
	font-size:12px;
}
input[type=text], textarea {
	vertical-align:top;
	margin:3px 0;
	display:inline-block;
	width:250px;
	border:0;
	padding:5px;
	border-radius: 3px;
	resize:none;
	font-size:12px; font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}
textarea {
	height:140px;
}
input[type=submit] {
	-webkit-appearance:none;
	cursor:pointer;
	border:0;
	border-radius:2px;
	background-color:#7dba00;
	padding:5px 15px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
}

.nb {
	font-size:11px; font-style:italic;
}

.message {
	display:block;
	text-align:center;
	margin:20px;
	padding:10px 0;
	background-color:#7dba00;
	color:#FFF;
}
.error {
	display:block;
	text-align:center;
	margin:20px;
	padding:10px 0;
	background-color:#f36666;
	color:#FFF;
}
.button {
	display:inline-block;
	padding:5px 10px;
	color:#FFF;
	border-radius:4px;
	background-color:#00aeef;
	font-size:11px; font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
}
.button.small {
	padding:2px 5px;
}
.button:hover {
	color:#00aeef;
	background-color:#FFF;
}

/*Groepen*/
.targetgroupchooser.onpage {
	background-color:#2f3744 !important;
}
.targetgroupchooser .background {
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	top:0px;
	opacity:0;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
.targetgroupchooser .background.active {
	opacity:0.6;
}
.targetgroupchooser .background img {
	display:block;
	width:100%; height:auto;
}
.targetgroup {
	margin:0 10px;
	border-radius:10px;
	padding:20px;
	text-align:center;
	cursor:pointer;
	
}
.targetgroup.selector {
	padding-bottom:50px;
}
.targetgroup.active {
	background-image:url(../img/tgchooser.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:60px 30px;
}
.targetgroup .border-left {
	position:absolute;
	top:20%;
	height:60%;
	border-left:1px solid #ccc;
	left:-10px;
}
.third:first-child .targetgroup .border-left {
	display:none;
}
.targetgroup .photo {
	width:150px; height:150px;
	border:4px solid #00aeef;
	border-radius:78px;
	display:inline-block;
}
.targetgroup .photo img {
	width:138px; height:138px;
	border:6px solid #FFF;
	border-radius:75px;
}
.targetgroup .title {
	margin-top:10px;
	font-size:19px;
	color:#00aeef;
	font-family: 'triplexlightmedium';
}
.targetgroup .dashedline {
	border-bottom:2px #00aeef dashed;
	display:inline-block;
	width:100px;
}
.targetgroup .text {
	font-size:12px;
	line-height:18px;
	color:#333;
}
.onpage .targetgroup .text {
	font-size:12px;
	line-height:18px;
	color:#FFF;
}
.targetgroup:hover .title {
	text-decoration:underline !important;
}



/*News*/
.news_short {
	
}
.news_short {
	margin:10px 0;
	padding:10px 0;
	padding-bottom:0;
	border-top:1px solid #eaeaea;
	line-height:20px;
}
.news_short:first-child {
	margin-top:0; padding-top:0; border-top:0;
}
.news_short .photo {
	position:absolute;
}
.news_short .info {
	padding-left:130px;
}
.news_short .info .title {
	font-family: 'triplexlightmedium';
	font-size:20px;
	color:#97be0d;
	padding-top:00px;
}
.news_short .text {
	margin-bottom:10px;
}
.news_short .date {
	color:#999;
	font-size:11px;
	line-height:20px;
}

/*Diensten (kort)*/
.content.scrollable {
	overflow:hidden;
	white-space:nowrap;
}
.sortable_services {
	white-space:normal;
	display:inline-block;
	width:980px;
}
.service_short {
	padding:30px 0;
	min-height:150px;
}
.service_short .photo {
	position:absolute;
}
.service_short .info {
	padding-left:340px;
}
.service_short .info .title {
	font-family: 'triplexlightmedium';
	font-size:20px;
	color:#97be0d;
	padding-top:10px;
}
.service_short .info .text {
	
}
.service_short_home {
	margin:10px 0;
	padding:10px 0;
	padding-bottom:0;
	border-top:1px solid #eaeaea;
	line-height:20px;
}
.service_short_home:first-child {
	margin-top:0; padding-top:0; border-top:0;
}
.service_short_home .photo {
	position:absolute;
}
.service_short_home .info {
	padding-left:60px;
}
.service_short_home .info .title {
	font-family: 'triplexlightmedium';
	font-size:20px;
	color:#97be0d;
	padding-top:00px;
}
.service_short_home .text {
	margin-bottom:10px;
}
.service_short_home .date {
	color:#999;
	font-size:11px;
	line-height:20px;
}

.service_short.shorter {
	display:inline-block;
	width:480px;
	vertical-align:top;
}
.service_short.shorter .info {
	padding-left:110px;
}
.service_short.shorter .info .title {
	font-family: 'triplexlightmedium';
	font-size:16px;
	color:#97be0d;
	padding-top:0px;
}
.service_short.shorter .photo {
	width:100px;
}



/*NMIEUWS*/
.article .date {
	color:#999;
	margin-bottom:20px;
}
.article h1{
	margin-bottom:0;
}

/*Partners (kort)*/
.partner_short {
	padding:30px 0;
	min-height:150px;
}
.partner_short .photo {
	position:absolute;
	text-align:center;
	width:320px; height:160px;
	background-color:#FFF;
}
.partner_short .photo > div {
	height:0px;
	overflow:visible;
	position:absolute;
	width:100%;
	top:50%;
}
.partner_short .photo img {
	max-width:300px; max-height:140px;
	width:auto; height:auto;
}
.partner_short .info {
	padding-left:340px;
}
.partner_short .info .title {
	font-family: 'triplexlightmedium';
	font-size:20px;
	color:#97be0d;
	padding-top:10px;
}
.partner_short .info .text {
	margin-bottom:5px;
}
.forservices a {
	color:#00aeef;
	border-left:1px solid #999;
	padding:0 10px;
}
.forservices a:first-child {
	padding-left:0;
	border:0;
}
.partner_short .website {
	font-size:11px;
	color:#00aeef;
}

.partner_short.shorter {
	display:inline-block;
	width:480px;
	vertical-align:top;
}
.partner_short.shorter .info {
	padding-left:110px;
}
.partner_short.shorter .info .title {
	font-family: 'triplexlightmedium';
	font-size:16px;
	color:#97be0d;
	padding-top:0px;
}
.partner_short.shorter .photo {
	width:100px;
}

/*Twitterfeed*/
.tweet {
	margin-bottom:20px;
	line-height:20px;
}
.tweet .image {
	position:absolute;
}
.tweet .info {
	padding-left:60px;
}
.tweet .info .by {
	font-size:14px;
	color:#97be0d;
	padding-top:00px;
}
.tweet .info .by .screen_name{
	font-size:12px; text-decoration:underline;
	font-style:italic;
}
.tweet .text {
	font-size:12px;
}
.tweet .text a {
	text-decoration:underline;
	color:#38A3E3;
}
.tweet .date {
	color:#999;
	font-size:11px;
}


.faq {
	margin-right:15px;
	border-top:1px solid #eaeaea;
	width:100%;
	min-height:42px;
}
.faq .question {
	padding:10px;
	cursor:pointer;
}
.faq .answer {
	padding:0;
	background-color:#eaeaea;
	display:none;
	z-index:100;
	position:absolute;
	width:100%;
}
.faq .answer div{
	padding:10px;
}
.faq .question .icon {
	position:absolute;
	top:10px;right:0px;
	width:20px;
}
.faq .question .icon img {
	width:100%;
	height:auto;
}


/*Medewerkers*/
.employee_short {
	margin:20px 0;
	padding:20px 0;
	padding-bottom:0;
	border-top:1px solid #eaeaea;
	min-height:110px;
	cursor:pointer;
	margin-right:20px;
	width:450px;
	display:inline-block;
	vertical-align:top;
}
.employee_short:first-child {
	margin-top:0; padding-top:0; border-top:0;
}
.employee_short .photo {
	position:absolute;
	border:4px solid #00aeef;
	border-radius:60px;
}
.employee_short .photo img {
	display:block;
	border:4px solid #FFF;
	border-radius:60px;
}
.employee_short .info {
	padding-left:135px;
}
.employee_short .info .title {
	font-family: 'triplexlightmedium';
	font-size:20px;
	color:#00aeef;
	padding-top:30px;
}
.employee_short .text {
	margin-bottom:10px;
}
.employee_short .phone {
	color:#f29400;
	font-size:11px;
	line-height:20px;
}

.employee_row {
	text-align:center;
}

.employee_small {
	display:inline-block;
	cursor:pointer;
	margin:10px;
}
.employee_small .photo {
	border:3px solid #00aeef;
	border-radius:60px;
}
.employee_small .photo img {
	display:block;
	border:3px solid #FFF;
	border-radius:60px;
}

.viscard {
	background-color:#FFF;
	box-shadow:0px 0px 10px rgba(0,0,0,0.2);	
	padding:20px 10px;
	margin-right:30px;
}

.viscard .photo {
	position:absolute;
	border:3px solid #00aeef;
	border-radius:100px;
	width:120px;
}
.viscard .photo img {
	width:114px; height:auto;
	display:block;
	border:3px solid #FFF;
	border-radius:100px;
}
.viscard .info {
	padding-left:155px;
}
.viscard .info .title {
	 font-family: 'triplexlightmedium';
	font-size:20px;
	color:#00aeef;
}
.viscard .about {
	font-size:11px;
	font-style:italic;
}
.viscard .phone {
	color:#f29400;
	font-size:11px;
	line-height:16px;
}
.viscard .email a:hover {
	text-decoration:underline;
}
.emp_about .emp_social {
	display:block;
	margin:5px 0;
}
.emp_about .emp_social img {
	display:inline-block;
	width:30px; height:30px;
	vertical-align:-10px;
	margin-right:5px;
}

.emp_about {
	display:inline-block; 
	width:47%;
	margin:20px 0;
	border-bottom:1px dashed #999;
	margin-right:20px;
}
.emp_about .title {
	 font-family: 'triplexlightmedium';
	font-size:20px;
	color:#97be0d;
}
.emp_about .text {
	
}

/*AGENDA*/
.agenda {
	padding:10px;
	background-color:#FFF;
	border-radius:5px;
}
.agenda h2 {
	margin:0; padding:0;
}
.agenda_item {
	border-top:1px solid #eaeaea;
	line-height:18px;
	padding:4px 0;
}
.agenda_item:first-child {
	border:0;	
}
.agenda_item .date {
	font-size:11px; color:#999;
}
.agenda_item .title {
	font-family: 'triplexlightmedium';
	font-size:18px;
	color:#97be0d;
	padding-top:00px;
}
.agenda_item .text {
	
}
.event .date {
	color:#999;
	margin-bottom:20px;
}

/*Zoeken*/
.result {
	border-bottom:1px solid #eaeaea;
	padding:10px 0;
}
.result .title {
	font-family: 'triplexlightmedium';
	font-size:22px;
	color:#97be0d;
	padding-top:00px;
}

/*ATT*/
.attachment {
	display:inline-block;
	padding:5px 10px;
	color:#FFF;
	border-radius:4px;
	background-color:#00aeef;
	font-size:11px; font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
}
/*TG SELECT* */
.partner_types {
	border-bottom:1px solid #CCC;
	z-index:15;
	margin-bottom:15px;
	padding-bottom:10px;
	text-align:center;
	padding-top:20px;
}
.partner_types > * {
	display:inline-block;
	vertical-align:center;
	font-size:12px;
	border-left:1px solid #eaeaea;
	padding:2px 10px;
	cursor:pointer;
}
.partner_types > *:first-child {
	border-left:0px;
}
.partner_types > *.active {
	font-weight:bold;
	color:#00aeef;
}
/*TG SELECT */
.tg_select {
	border-bottom:1px solid #CCC;
	z-index:15;
	margin-bottom:15px;
	padding-bottom:10px;
}
.tg_select > * {
	display:inline-block;
	vertical-align:center;
	font-size:11px;
}
.tg_select .others {
	font-size:11px;
}
.tg_select span {
	
}
.tg_select .others {
	float:right;
}
.tg_select .others span {
	font-weight:bold;
	color:#666;
}
.tg_select .others > div {
	cursor:pointer;
	padding:1px 10px;
	color:#00aeef;
	display:inline-block;
	border-right:1px solid #999;
}
.tg_select .others > div:last-child {
	border:0;
	padding-right:0;
}
.tg_select .others > div:hover {
	text-decoration:underline;
}
.tg_select .others.visible {
	display:inline-block
}
.tg_select .current {
	
	font-size:11px;
	color:#666;
}