@import "reset.css";
@import "menu.css";
@import "font.css";

html {  -webkit-text-size-adjust: none;}
body{background-color:#fcfcfc;color:#343434;font-family:Open Sans, Arial;font-size:13px;}
body, html {height: 100%;}
.bg {background:url(../images/bg.jpg) repeat;}
/*  Float containers fix: */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear:both;}
a{color:#ffb802;}
a:hover{color:#000;}
b,strong{font-weight:bold;}

#superwrapper {min-height: 100%;height: auto !important;height: 100%;}
.wrapper {max-width: 1160px;width:95%;height: auto;margin: 0px auto;position:relative;}
.introwrapper {max-width: 1920px;width:90%;height: auto;margin: 0px auto;position:relative;}

.placeholder {color:#fff;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#fff;}
:-moz-placeholder {color:#fff;opacity:1;}
::-moz-placeholder {color:#fff;opacity:1;}
:-ms-input-placeholder, :-ms-textarea-placeholder {color:#fff;}	
input[placeholder], textarea[placeholder] {color:#fff;}

/*page Title
**************/
h1 {color:#80725c;font-size:25px;line-height:normal;font-weight:normal;margin-bottom:25px;padding-bottom:5px;border-bottom:2px dotted #80725c;text-transform:uppercase;font-family:oswaldbold,arial;}
h2 {color:#ffb802;font-size:25px;line-height:normal;font-weight:normal;margin-bottom:25px;padding-bottom:5px;border-bottom:2px dotted #ffb802;text-transform:uppercase;font-family:oswaldbold,arial;}
h3 {color:#fff;font-size:16px;line-height:normal;font-weight:normal;margin-bottom:10px;text-transform:uppercase;font-family:oswaldbold,arial;}
h4 {color:#fff;font-size:14px;line-height:normal;font-weight:normal;margin-bottom:10px;text-transform:uppercase;font-family:oswaldbold,arial;margin-top:20px;padding:10px;background-color:#343434;}
h5 {color:#343434;font-size:14px;line-height:normal;font-weight:normal;margin-bottom:10px;text-transform:uppercase;font-family:oswaldbold,arial;margin-top:20px;padding:10px;background-color:#fff;border:1px solid #dfdfdf;}
h6 {color:#80725c;font-size:16px;line-height:normal;font-weight:normal;margin-bottom:25px;padding-bottom:5px;border-bottom:2px dotted #80725c;text-transform:uppercase;font-family:oswaldbold,arial;}

/*INTRO*/
/*****************/
#intrologo {text-align:center;padding-top:25px;}
#welkom {margin-top:25px;}
#welkom span {font-size:24px;color:#80725c;display:block;line-height:normal;font-weight:700;text-transform:uppercase;font-family:oswaldbold,arial;text-align:center;}

#keuze {margin-top:25px;position:relative;}
#kies {position:absolute;top:2px;left:0px;width:100%;text-align:center;z-index:1;}
#kies span {font-size:24px;color:#80725c;display:block;line-height:normal;font-weight:700;text-transform:uppercase;font-family:oswaldbold,arial;margin:0 auto;border-bottom:5px solid #80725c;border-top:5px solid #80725c;width:290px;padding:10px 0;}
#groenten-fruit {float:left;width:40%;text-align:center;position:relative;z-index:100;}
#tuincentrum {float:right;width:40%;text-align:center;position:relative;z-index:100;}
.btn {width:280px;display:inline-block;text-align:left;text-decoration:none;border-radius:5px;}
.gr-fr {}
.hoofd {font-family:oswaldbold,arial;font-size:24px;line-height:normal;font-weight:normal;color:#fff;text-decoration:none;display:block;padding:2px 25px;border-top-right-radius:5px;border-top-left-radius:5px;text-transform:uppercase;}
.gr-fr .hoofd {text-shadow:1px 1px 1px #d29700;background-color:#ffc328;}
.tuin .hoofd {text-shadow:1px 1px 1px #445524;background-color:#758951;}
.btn span {text-transform:uppercase;font-family:oswaldlight,arial;color:#fff;padding:5px 25px;display:block;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
.gr-fr span {background-color:#ffb802;border-bottom:3px solid #d29700;text-shadow:1px 1px 0px #d29700;}
.tuin span {background-color:#5d7432;border-bottom:3px solid #445524;text-shadow:1px 1px 0px #445524;}

.image {width:60%;margin:0 auto;padding-top:25px;}
.image img {width:100%;}

/*header
******************/
#slide {position:relative;}
#top {position:absolute;top:50px;left:0px;width:100%;}
#header {background-color:#fff;border-top-right-radius:10px;border-top-left-radius:10px;padding:15px 25px;position:relative;}
#opendeur {position:absolute;top:15px;right:300px;}
#opendeur a {display:inline-block;padding:10px;background-color:#80725c;border:1px solid #80725c;;color:#fff;text-decoration:none;font-size:14px;text-transform:uppercase;font-family:oswaldbold,arial;border-radius:5px;}
/*#opendeur a:hover {background-color:#fff;color:#80725c;}*/
.head2 {border-bottom:5px solid #d29700;}
.head3 {border-bottom:5px solid #5d7432;}
#logo {float:left;}
#switch {float:right;}
.btn2 {display:inline-block;text-align:left;text-decoration:none;border-radius:5px;}
.hoofd2 {font-size:16px;padding:5px 25px;border-radius:5px;font-family:oswaldbold,arial;line-height:normal;font-weight:normal;color:#fff;text-decoration:none;display:block;text-transform:uppercase;}
.gr-fr .hoofd2 {text-shadow:1px 1px 1px #d29700;background-color:#ffc328;border-bottom:2px solid #d29700;}
.tuin .hoofd2 {text-shadow:1px 1px 1px #445524;background-color:#758951;border-bottom:2px solid #445524;}

#navMob {display:none;margin-top:20px;}
#navigation {display:none;}
#mobile-header a {text-align:left;color: #fff; text-decoration: none;font-size:16px;text-transform:uppercase;font-family:oswaldregular,arial;padding:10px;display:block;} 
.mob2 a {background-color:#ffb802; !important;text-shadow:1px 1px 1px #d29700;}
.mob3 a {background-color:#758951 !important;text-shadow:1px 1px 1px #445524;}
#mobile-header span {font-weight:bold;font-size:17px;text-transform:uppercase;margin-right:5px;}


/*main content -> menu & content
*********************************/
#main{width:100%;margin:50px 0;line-height:21px;}
#content{width:100%;}

#contentleft {float:left;width:65%;margin-right:5%;}
#nieuws {float:right;width:30%;margin-top:-120px;}
.padding {background-color:#fff;padding:25px;-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.05);-moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.05);box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.05);border:1px solid #eeeeee;}
.nieuwsbericht {margin-bottom:50px;}
.nieTitel a {color:#343434;text-transform:uppercase;text-decoration:none;font-family:oswaldregular,arial;padding-bottom:3px;border-bottom:1px solid #dfdfdf;display:block;margin-bottom:15px;}
.nieTxtH {color:#444444;}
.leesmeer a {color:#ffb802;text-decoration:none;font-family:oswaldregular,arial;font-size:12px;letter-spacing:1px;margin-top:10px;display:inline-block;}
.alle {display:block;background-color:#ffb802;color:#fff;font-family:oswaldregular;letter-spacing:1px;text-decoration:none;padding:5px 15px;border-radius:5px;}
.alle:hover {background-color:#80725c;color:#fff;}

.subs {margin-top:50px;clear:both;}
.col3 {float:left;width:32%;margin-left:2%;}
.c3 {margin-left:0;}
.lines3 {margin-bottom:25px;}
.lines2 {margin-bottom:25px;display:none;}
.afb {background-color:#fff;border:1px solid #dfdfdf;}
.titel a {font-family:oswaldbold,arial;font-size:14px;text-transform:uppercase;color:#80725c;margin-top:10px;display:inline-block;text-decoration:none;}
.titel a:hover {color:#ffb802;}

.kol {float:left;width:15%;margin-left:2%;overflow:hidden;height:150px;}
.b6 {margin-left:0;}
.afb6 {margin-bottom:25px;}
.afb4 {margin-bottom:25px;display:none;}
.afb2 {margin-bottom:25px;display:none;}
.thumb {padding:5px;background-color:#fff;border:1px solid #ececec;}

input[type="button"], input[type="submit"], input[type="image"], button {display:block;padding:5px;text-transform:uppercase;font-family:oswaldbold,arial;margin-top:20px;width:100%;border-radius:5px;background-color:#343434;border:1px solid #343434;color:#fcfcfc;}
input[type="button"]:hover, input[type="submit"]:hover, input[type="image"]:hover, button:hover {border:0px;background-color:#fcfcfc;border:1px solid #dfdfdf;color:#343434;}

/*footer top
****************/
#overzicht {background-color:#5f5545;padding:20px 0;}
.kol1 {float:left;width:30%;margin-right:5%;}
.kol2 {float:left;width:30%;margin-right:5%;}
.kol3 {float:left;width:30%;}
.border {border-right:1px solid #717171;min-height:161px;}
#overzicht a {color:#fff;line-height:21px;text-decoration:none;}

#footer {padding:20px 0px 20px 0;color:#fff;background-color:#717171;font-size:13px;}
#footer a {color:#fff;text-decoration:underline;}
.tel {text-decoration:none;color:#343434;}
#fct {float:left;}
#fct ul{margin:0px;list-style-type:none;}
#fct ul li{float:left;margin-right:3px;}
#fct ul li.last{margin-right:0px;}
#fct2 {float:right;}
#footer a.tel{text-decoration:none;}
.navB{display:none;}

.required 				{color: #FF0000;}
.field_heading 			{font-weight: bold;padding-top: 10px;}
.field_row 				{display:flex;flex-direction: column;}
.field_title 			{flex:1;}
.field_input 			{flex:2;}
.field_checkbox 		{width: 100%;margin-bottom:10px;}
.field_title2 			{width:100%;margin-bottom:10px;}
.field_input2 			{width:100%;margin-bottom:10px;}
input[type='checkbox'] 	{width:auto;}
input[type='radio'] 	{width:auto;}
.textarea				{width:100%;}


.email,.textfield,.textarea,select 	{color:#7c7c7c;background-color:#fff;border:1px solid #d8d8d8;padding:5px;width:100%;box-sizing: border-box;font-family:Work Sans, Arial;font-size:15px;}
.email,.textfield,.textarea			{border-radius: 0;outline: none;padding:8px;margin-bottom:15px;}
.textarea 							{height:150px;}
.field_error						{border:solid 1px #c00;}

.checkbox_label 		{cursor: pointer;}
.radio_label 			{cursor: pointer;}
.nixhier 				{display:none;}
.submit					{background-color:#343434;color:#fff;border:none;padding:15px 30px;text-decoration:none;display:inline-block;margin-top:15px;font-size:15px;border-radius: 8px;}
.submit:hover {color: #fff;}
.gdpr					{font-size:10px;line-height: normal;}