body { font-family: "Lato", Arial; font-size: 13px; line-height: 18px; font-weight: 400; color: #333333; background: #F9F9F9; }
html { overflow-y: scroll; }
body { background: url("../img/bg.jpg") center center no-repeat; background-size: cover; background-attachment: fixed; }

/* Basis style */
div#wrapper { width: 100%; margin: 0 auto; position: relative; }
div#top { max-width: 860px; margin: 0 auto; text-align: center; padding: 20px; padding-top: 40px; }
div#logo { margin: 0 auto; width: 70px; height: 70px; }
div#logo a { display: block; width: 100%; height: 100%; background: url("../img/logo.png") center center no-repeat; background-size: 90%; } 
div#naam { font-size: 2em; color: #FFFFFF; text-transform: uppercase; color: #333333; font-weight: 700; margin-top: 20px; line-height: 1em; }

div#content { max-width: 860px; padding: 20px; margin: 0 auto; }
div#container { background-color: #FFFFFF; padding-top: 20px; }
div#main { width: 50%; float: left;  text-align: center; line-height: 1.7em; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
div#contactform { width: 50%; float: right; color: #333333; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
div#main h1, div#contactform h2 { text-align: center; margin: 0; padding: 0; font-size: 1.5em; font-weight: 400; margin-bottom: 20px; border-bottom: 1px dotted #F2F2F2; padding-bottom: 20px; }
div#contactform form { margin: 0; padding: 0; margin-top: 10px; }
div#contactform label { width: 100%; padding-top: 10px; display: block; display: none; }
div#contactform input { width: 100%; border: 1px solid #F2F2F2; padding: 8px 5px; box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom: 2px; color: #333333; }
div#contactform input.verzenden { background-color: #ffe800; color: #333333; border-color: #f1db00; font-weight: 700; padding: 10px 0; }
div#contactform textarea { width: 100%; border: 1px solid #F2F2F2; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom: 2px; height: 120px; color: #333333; resize: vertical; }
div#contactnote { margin-top: 10px; }

div.diensten { background: url("../img/diensten.jpg") center center no-repeat; background-size: cover; width: 100%; margin: 0 auto; padding: 0; }
div.diensten_titel { padding: 50px 20px; text-align: center; }
div.diensten_titel span { padding: 10px; background: #ffe800; color: #333333; font-weight: 700; font-size: 1.5em; line-height: 1.6em; text-align: center; }
div.diensten_info { padding: 20px; text-align: center; background-color: #F9F9F9; }

div#info { background-color: #ffe800; padding: 20px; }
div.info_block_een, div.info_block_twee { width: 50%; float: left; color: #333333; font-size: 1.5em; font-weight: 300; text-align: center; }
div.info_block_een span, div.info_block_twee span { text-transform: uppercase; display: block; font-weight: 700; font-size: .6em; }
div#info a { color: #333333; text-decoration: none; }

div#contactinfo { padding: 20px; background: #383838; color: #FFFFFF; text-align: center; }
div#contactinfo span { font-weight: 200; font-size: .9em; }
div#contactinfo a { color: #FFFFFF; text-decoration: none; }

div#footer { background-color: #333333; color: #FFFFFF; padding: 20px; text-align: center; font-size: .95em; }
div#footer a { font-weight: 700; color: #FFFFFF; text-decoration: none; }

/* Responsive */
@media only screen and (max-width : 800px) { 
	
	/* Tablet */
	body {}
	div#main { width: 100%; }
	div#contactform { width: 100%; margin-top: 20px; background-color: #F9F9F9; border-top: 1px solid #F2F2F2; }
	
}

@media only screen and (max-width : 600px) { 
	
	/* Mobiel */
	body {}
	div.info_block_een, div.info_block_twee { width: 100%; }
	div.info_block_twee { border-top: 1px dotted #f1db00; margin-top: 10px; padding-top: 10px; }

	
}