/* -- Reset -- */
html,
body,
div,
span,
applet,
object,
iframe,
img,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

h2 {
	font-size: 20px;
	font-weight:600;
	color:#353439;
}

* {box-sizing: border-box;}

[class*="col-"] {
  float: left;
  padding: 15px;
} 

.row::after {
    content: "";
    clear: both;
    display: table;
    width:100%;
} 

a:link    {color:#FFFFFF;text-decoration: underline;}
a:visited {color:#FFFFFF;text-decoration: underline;}
a:hover   {color:#666666;text-decoration: underline;}
a:active  {color:#FFFFFF;text-decoration: underline;}

* {font-size:16px;}

	body {
	margin:0px auto;
	font-family:'Open Sans', sans-serif;  
	font-weight:normal; 
	background:#F1E4E8;
	background:#FFFFFF;
	color:#FFF;
hyphens: manual;
}

	.header {
	background-image:url("pleinwoning-abdijdhof-koningsoord-berkel-enschot-hnc[1].jpg");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	overflow:auto;
	padding:30px;
}

	.header-inner {
	max-width:1300px;
	overflow: auto;
}

	.headerbox {
	position:relative;
	padding:30px;
	opacity: 0.95;
	max-width:700px;
	background:#353A47;
}

	#logo {
	width:132px;
	height:58px;
	background-image:url("logo2.png");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}

	#cta {
	float:left;
	width:100%;
	text-align:center;
	margin-top:30px;
	}

	#cta-inner {
	display:inline-block;
	line-height:30px;
	padding:10px;
	font-size:18px;
	font-weight:normal; 
	background-color:#D25344;
  	-webkit-transition-duration: 0.8s; /* Safari */
  	transition-duration: 0.8s;
	}

	#cta-inner:hover {
	background-color: #869C4A; 
 	color: white;
	}

	#formcontainer {
	position:absolute;
	top:0px;
	left:100px;
	display:none;
	padding:0px;
	opacity: 1.0;
	width:320px;
	min-height:750px;
	background:#666666;
	background:#9EC9DE;
	z-index:2;
}

	#closebutton {
	float:right;
	display:block;
	width:25px;
	height:25px;
	margin:5px;
	background:#D25344;
	border: 1px solid #FFFFFF;
	font-size:18px;
	font-weight:bold;
	line-height:22px;
	text-align:center;
	overflow:hidden;
	}

	#formcontainerinner {
	clear:both;
	/*display:block;*/
	margin:0px auto; 
	padding:10px;
	width:300px;
	min-height:515px;
	opacity: 1.0;
	background:#353A47;
}

	#foto {
	clear:both;
	background-image:url("mark3.png");
	background-position:center;
	background-repeat:no-repeat;
	height:167px;
	width:200px;
	margin:0px auto;
	}

	.formclass {
	background:#FFF;
	padding:10px;
	margin-top:20px;
	}

	.formfield {
	color:#9EC9DE;
	font-size:12px;
	font-weight:700;
	}

	input {
	background:#DDDDDD;
	width:100%;
	height:30px;
	border:1px solid #FFF;
	color:#353A47;
	font-size:16px;
	font-weight:700;
	}

	button {
	font-size:18px;
	}

	.verstuur {
	line-height:30px;
	padding:10px;
	width:100%;
	color:#FFF;
	font-weight:normal; 
	background-color:#D25344;
	border:none;
	cursor: pointer;
	}

	#message {
	display:block;
	background:none;
	margin-top:10px;
	padding:10px;
	font-size:14px;
	color:#BE4A87;
	text-align:center;
	}

	.mid {
	max-width:1300px;
	overflow: auto;
	min-height:20px;
	color:#666;
	margin:0px auto;
	}

	.midslogan {
	margin-top:40px;
	text-align:center;
	font-size: 1.5em;
	font-weight:600;
	color:#353439;
	text-align:center;
	}

	.fa_icon {
	font-size:60px;
	color:#7C606B;
	line-height:30px;
	margin-bottom:15px;
	}

	.ta-center {
	text-align:center;
	}

	.pa-15 {
	padding:15px;
	}

	.footer {
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	background:#333333;
	margin:0px auto;
 text-transform: uppercase;
	}

	.footer-inner {
	max-width:1000px;
	margin:0px auto;
	min-height:20px;
	color:#888888;
	font-size:12px;
	}

/**************************************************************************/
/* Screen sizes                                                           */
/**************************************************************************/

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}

	#formcontainer {
	width:340px;
	}
	
	#cta-inner {
	float:right;
	}
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}