﻿body{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 11px;
	line-height: 18px;
    position:relative;
}
a{
	color: #53a511;
	text-decoration: none;
}
a:hover{
	color: #53a511;
	text-decoration: underline;
}
p{
	margin: 0;
}
h1,h2,h3,h4,h5,h6{
	margin: 0;
	line-height: 20px;
}
h1{
	line-height: 27px;
}
h3{
	font-size: 15px;
	line-height: 22px;
	color: #469A03;
}
#tp{
	height: 15px;
	background-color: #12b2c8;
}
#logo{
	height: 88px;
}

#top{
	padding: 15px 0;
}
#topRight #mentaalbeter a{
	color: #01632f;
}
#topRight #search #srch-term{
	border-width: 0px;
	border-style: solid;
	border-radius: 5px;
}
#topRight #search .form-control {
    font-size: inherit;
    border: none;
    border-radius: 0px;
    box-shadow: none;
}
#mentaalbeter{
	font-size: 10px;
	text-align: right;
	border-right: 1px #f07d0b dotted;
	line-height: 15px;
}
#my-glyphicon {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
#header{
	position: relative;
	height:335px;
	background-position: center center;
	background-size: cover;
}
@media(max-width:768px){
	#header{
		height:200px;
	}
    #bcarousel{
        height:200px;
        overflow:hidden;
    }
}
#header img{
	width: 100%;
	max-height: 335px;
	min-height: 150px;
}
#headerTextContainer{
	position: absolute;
	bottom: 15%;
	width: 100%;
}
#headerText-2{
	display: inline-block;
}
#headerText{
	padding: 25px 0 25px;
}
#headerText-2{
	padding:  25px 75px 25px 25px;
}
#headerText h1, #headerText-2 h1{
	margin: 0;
	font-size: 22px;
	color: #01632f;
}
#content{
	padding-top: 20px;
	padding-bottom: 110px;
}
@media(max-width:500px)
{
	#content{
		padding-bottom:20px;
	}
}
#content h2{
	font-size: 18px;
}
#content .row{
	padding: 10px 0;
}
#content .col-md-4{
	padding: 0 10px;
}
#content .col-md-4 > div {
	width: 100%;
	border-radius: 10px;
	float: left;
}
#content #middle .content-text{
	float: left;
	border: 1px #70bd31 solid;
	color: #01632f;
	padding: 15px 10px;
	padding-bottom: 50px;
	position: relative;
	min-height: 220px;
}
#content #under .content-text{
	float: left;
	border: 1px #70bd31 solid;
	color: #01632f;
	padding: 15px 10px;
	padding-bottom: 15px;
	position: relative;
}
#content #middle .content-text h3{
	color: #499c07;
	font-size: 13px;
	margin: 0;
	margin-bottom: 20px;
}
#content #middle .content-text a.button{
	float: right;
}
#content #middle .content-text a.button {
	line-height: 20px;
	color: #FFF;
	background: #479b03;
	margin-bottom: 5px;
	padding: 3px 30px;
	border-radius: 5px;
	position: absolute;
	bottom: 15px;
	right: 10px;
}
#content #middle .content-text a.button:hover {
	text-decoration: none;
}
#content #under .content-text > img{
	float: left;
	border-radius: 5px;
}
#content #middle #left #bel{
	background-color: #ec263d;
	border-radius: 5px;
}
#content #middle #left #bel img{
	border-radius: 5px;
}
#content #under p{
	display: inline-block;
	padding-left: 6px;
}
#contentHeader{
	padding-bottom: 20px;
}
#content #team-row1 .team-img1{
	background-color: #a30000;
}
#content #team-row1 .team-img2{
	background-color: #ff8a29;
}
#content #team-row1 .team-img3{
	background-color: #5969c9;
}
#content #team-row1 .team-img4{
	background-color: #4785a6;
}
#content #team-row1 .team-img5{
	background-color: #e23c6b;
}
#content #team-row1 .team-img6{
	background-color: #cce2fe;
}
#content #team-row1 .team-img7{
	background-color: #ae4c00;
}
#content #team-row1 .team-img8{
	background-color: #4d3c5a;
}
#content #team-row1 .team-img9{
	background-color: #ff8a29;
}
#content #team-row1 .team-img10{
	background-color: #5969c9;
}
#content #team-row1 .team-img11{
	background-color: #4785a6;
}
#content #team-row1 .team-img12{
	background-color: #e23c6b;
}
#content #team-row1 .team-img13{
	background-color: #cce2fe;
}
#content #team-row1 .team-img14{
	background-color: #ae4c00;
}
#content #team-row1 .team-img15{
	background-color: #4d3c5a;
}
#content #team-row1 .team-img16{
	background-color: #a30000;
}
#content #team-row1 p, #content #team-row2 p{
	text-align: center;
}
#footer{
	background-color: #5fad24;
	color: #FFF;
	padding: 10px 0;
}
#footer a{
	color: #FFF;
}
#footer h4{
	color: #FFF;
}
.navbar-form{
	margin: 0;
	padding: 0;
}
.form-control{
	height: 28px;
}
.input-group{
	border-radius: 5px;
	border: 1px #c4e4aa solid;
}
.btn{
	border: none;
	border-radius: 0;
	font-size: 18px;
	padding: 0 7px;
}
.btn-default{
	background-image: none;
	border: 0;
	box-shadow: none;
	color: #fd7c08;
	border-radius: 5px;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default{
	color: #fd7c08;
	background-color: transparent;
}
.orange{
	color: #fd861b;
}
.green{
	color: #469a03;
}
.bg{
	background-color: #e1eecd;
}
.header-bg{
	background-color: rgba(255, 255, 255, 0.5);
	background: rgba(255, 255, 255, 0.5);
}
.content-img{
	border-radius: 10px;
	height: 100%;
	padding-bottom: 15px;
}
.content-img img{
	width:100%;
	border-radius:10px;
}
.content-img-2{
	padding: 15px 0;
}
.content-text-3{
	padding: 15px 10px;
}
.content-text-3 span{
	font-size: 12px;
	color: #01632f;
}
.team-img img{
	opacity: 0.3;
	width:100%;
}
.team-img img:hover{
	opacity:1;
}
#searchbox {
	position: absolute;
	right: 12px;
	top: 111px;
	font-size: 11px;
	line-height: 17px;
	color: white;
	width: 177px;
}
#search {
	margin: 0;
	padding: 0;
}
#search .input {
	position: absolute;
	left: 5px;
	top: 2px;
	width: 138px;
	border: 0;
	height: 26px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0;
	line-height: 18px;
	font-size: 10px;
	background: url('../images/zoekbox.png') top left no-repeat;
	border: 0;
	color: #666666;
}
#search .button {
	background: url('../images/zoekbox.png') top right no-repeat;
	position: absolute;
	left: 142px;
	top: 2px;
	height: 26px;
	width: 30px;
	cursor: hand;
	cursor: pointer;
	border: 0;
}
.textfield310 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 300px;
	background-color: #FFFFFF;
	border: 1px solid #5fad24;
	border-radius:3px;

  	scrollbar-arrow-color:#5fad24;
	scrollbar-3dlight-color:#FFFFFF;      
  	scrollbar-highlight-color:#5fad24;
  	scrollbar-face-color:#5fad24;
  	scrollbar-shadow-color:#5fad24;
  	scrollbar-darkshadow-color:#FFFFFF;
  	scrollbar-track-color:#FFFFFF; 
}
.textfield105 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 105px;
	height: 24px;
	background-color: #FFFFFF;
	border: 1px solid #5fad24;
	border-radius:3px;
}
.textfield150 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	height: 24px;
	color: #000000;
	width: 150px;
	background-color: #FFFFFF;
	border: 1px solid #5fad24;
	border-radius:3px;
	margin-bottom: 3px;
	margin-top: 3px;
}
.textfield300 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	height: 24px;
	color: #000000;
	width: 300px;
	background-color: #FFFFFF;
	border: 1px solid #5fad24;
	border-radius:3px;
	margin-bottom: 3px;
	margin-top: 3px;
}
.textfield200 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 200px;
	height: 24px;
	background-color: #FFFFFF;
	border: 1px solid #5fad24;
	border-radius:3px;
}
.textfieldKnop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #000000;
	width: 120px;
	background-color: #c8f4a7;
	border: 1px solid #5fad24;
	height: 24px;
	border-radius:3px;
}
.faq {
       border-spacing: 8px;
       border-collapse: separate;
       background: #c8f4a7; 
 }
@media (max-width: 991px){
	#headerText h1, #headerText-2 h1{
		font-size: 18px;
	}
	#topRight .row {
    	margin-bottom: -5px;
	}
	#tprlo img{
		height: 36px;
	}
	.balk{
		display: none;
	}
}
@media (max-width: 767px){
	#headerText h1, #headerText-2 h1{
		font-size: 12px;
	}
	#footer .col-sm-3{
		padding-bottom: 20px;
	}
	#content #middle .content-text{
		margin-bottom: 40px;
	}
	#content #under .content-text{
		margin-bottom: 25px;
	}
	#content #middle #right #bel{
		padding-top: 30px;
	}
	#content #under p{
		padding-left: 3px;
	}
	#team-row1{
		padding-bottom:0 !important;
	}
	#team-row2{
		padding-top:0 !important;
	}
	.team-img{
		margin-top:10px;
	}
}
@media (min-width: 768px){
	.newsborder{
		border-left: 1px dotted #fff;
	}
	#topRight #socialmedia, #topRight #search, #topRight #mentaalbeter, #topright .row:last-child > img{
		float: left;
	}
	#topRight #socialmedia, #topRight #mentaalbeter{
		display: inline-block;
	}
	#tprhi, #tprlo{
		float:right;
	}
	#tprlo{
		position: absolute;
		bottom: 0;
		right: 15px;
	}
	#topRight #search{
		padding-left: 15px;
	}
	#mentaalbeter{
		padding-right: 5px;
	}
	#mentaalbeter p{
		line-height: 12px;
	}
	#content .col-md-4:first-child {
		padding-left: 15px;
	}
	#content .col-md-4:last-child {
		padding-right: 15px;
	}
	.content-text img{
		width:100%;
	}
}
@media (min-width: 992px){
	.container{
		width: 970px;
	}
	#mentaalbeter{
		padding-right: 15px;
	}
	#mentaalbeter p{
		line-height: 14px;
	}
	.content-text img{
		width:auto;
	}
    #footer{
        position:absolute;
        bottom:0px;
        left:0px;
        width:100%;
    }

}
@media (min-width: 1200px){
	.container{
		width: 970px;
	}
}