html, body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-size:18px;
	line-height:28px;
	background:url(/img/patroon.jpg) repeat left top / 400px auto;
	color:#fff;
	text-align:left;
}
*{font-family:'Goudy Bookletter 1911', sans-serif; font-weight:300; vertical-align:top; text-decoration:none; outline:none; border:0; background-position:center; background-repeat:no-repeat; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; -webkit-text-size-adjust:none; box-sizing:border-box;}

h1,h2{font-weight:400; margin:0;}
h1{font-size:32px; line-height:40px; margin-bottom:30px;}
h2{font-size:26px; line-height:30px; margin:40px 0 20px;}

/* links */
a, a:link, a:visited{color:#fff; text-decoration:none; cursor:pointer; transition:0.2s ease-in;}
a:hover, a:active{color:#fff; text-decoration:none;}

/* misc */
p {margin:24px 0 0 0; padding:0;}
p:first-child{margin:0;}
strong{font-weight:400;}
u{text-decoration:underline;}
hr{float:left; width:100%; border:0px; border-bottom:2px dashed #eee; margin:20px 0px;}
ul,ol{margin:0; padding:0; list-style:none;}
ul li, ol li{margin:0; padding:0; list-style:none;}
img.floater{width:300px;}
h2 a{color:#fff; text-decoration:underline;}
h2 a:hover{color:#fff; text-decoration:none;}

.former{width:900px; margin:40px auto 0;}
.former table{width:100%; margin-top:30px;}
.former form {float:left; width:100%; text-align:left;}
input[type="text"], input[type="tel"], input[type="email"], input[type="search"], input[type="number"], input[type="password"], input[type="file"], textarea, select{background-color:transparent; border: 0; border-bottom:1px solid #1894ab !important; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}select::-ms-expand{display:none;}
input, textarea, select, button{width:100%; margin:0 0 30px; padding:0 0 10px; height:30px; font-size:22px; line-height:24px; color:#fff; box-sizing:border-box; vertical-align:top; float: right;}
input[type="checkbox"], input[type="radio"]{width:auto !important; height:auto !important; margin:8px 14px 0 0; padding:0 !important; vertical-align:top;}
textarea{height:150px; line-height:1.5em;}
input[type="submit"], input[type="button"], button{float:right; display:inline-block; width:auto !important; height:44px; line-height:44px; margin:20px 0 0 50%; padding:0 30px; font-size:20px; border:0; color:#000; background: #f4ba7d; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; transition:0.3s ease;}
input[type="submit"]:hover, input[type="button"]:hover, button:hover{background:#c37633;}
input[type="submit"]:disabled, input[type="button"]:disabled, button:disabled{background:#aaa; cursor:not-allowed;}
input:required, input:invalid{box-shadow:none;}
::-webkit-input-placeholder{color:#30424a; opacity:0.5;}:-moz-placeholder{color:#30424a; opacity:0.5;}::-moz-placeholder{color:#30424a; opacity:0.5;}:-ms-input-placeholder{color:#30424a; opacity:0.5;}
input.error, textarea.error, select.error{background-color:#fde4e4 !important; border-bottom-color:red !important;}
input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus{}

/*retina*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
}
/*responsive*/
@media screen and (max-width:1800px){
.former{width:100%; margin:0 auto;}
}
@media screen and (max-width:1500px){
input, textarea, select, button{font-size:18px; line-height:24px;}
input[type="submit"], input[type="button"], button{font-size:20px;}
}
@media screen and (max-width:990px){
img.floater{width:240px;}
}
@media screen and (max-width:750px){
.former table td{display:block; width:100%;}
input, textarea, select, button{font-size:16px; line-height:22px;}
input[type="submit"], input[type="button"], button{font-size:18px;}
textarea{height:200px;}
}