body { font-family: "Droid Serif", Arial; font-size: 13px; line-height: 18px; font-weight: 400; color: #010101; background: url("../img/bg.png") #dee6f3 top center no-repeat; background-attachment: fixed; }
html { overflow-y: scroll; }

/* Basis style */
div#wrapper { width: 100%; margin: 0 auto; position: relative; }
div#container { max-width: 860px; padding: 20px; background: #FFFFFF; margin: 0 auto; box-shadow: 0px 0px 10px #87a3d4; text-align: center; }
div#top { text-align: right; }
div#info { padding: 20px 0; font-weight: 700; margin-left: 20px; margin: 0 auto; font-size: 1.1em; line-height: 1.3em; }
div#info span { font-weight: 400; margin: 0 auto; width: 50px; }
div#info a { text-decoration: none; color: #010101; }
div#logo { float: left; height: 75px; width: 75px; }
div#logo a { display: block; width: 100%; height: 100%; background: url("../img/logo.jpg") center center no-repeat; background-size: 100%; }

div#slogan { color: #48689f; padding: 20px 0; text-align: center; font-size: 1.5em; font-weight: 700; line-height: 1.1em; }
div#slides { border-bottom: 1px solid #F2F2F2; padding: 20px 0; }
div#slides img { max-width:100%; display:block; }
div#slides .bx-viewport{-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;left:-5px;background:#fff;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0);}
div#slides .bx-pager,div#slides .bx-controls-auto{position:absolute;bottom:-30px;width:100%;}
div#slides .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000;}
div#slides .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px;}
div#slides .bx-pager .bx-pager-item,div#slides .bx-controls-auto .bx-controls-auto-item{zoom:1;display:inline;}
div#slides .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:0 5px;}
div#slides .bx-pager.bx-default-pager a:hover,div#slides .bx-pager.bx-default-pager a.active{background:#000;}
div#slides .bx-prev{left:10px;background:url(images/controls.png) no-repeat 0 -32px;}
div#slides .bx-next{right:10px;background:url(images/controls.png) no-repeat -43px -32px;}
div#slides .bx-prev:hover{background-position:0 0;}
div#slides .bx-next:hover{background-position:-43px 0;}
div#slides .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999;}
div#slides .bx-controls-direction a.disabled{display:none;}
div#slides .bx-controls-auto{text-align:center;}
div#slides .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px;}
div#slides .bx-controls-auto .bx-start:hover,div#slides .bx-controls-auto .bx-start.active{background-position:-86px 0;}
div#slides .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px;}
div#slides .bx-controls-auto .bx-stop:hover,div#slides .bx-controls-auto .bx-stop.active{background-position:-86px -33px;}
div#slides .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%;}
div#slides .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px;}
div#slides .bx-caption{position:absolute;bottom:0;left:0;background:rgba(80,80,80,0.75);width:100%;}
div#slides .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px;}

div#diensten { padding: 20px; background-color: #87a3d4; color: #FFFFFF; margin-top: 20px; text-align: left; }
div#diensten_info {width: 50%; float: left; padding: 20px; -moz-box-sizing: border-box; box-sizing: border-box; }
div#slogan { margin-top: 20px; }

/* Contact */
div#contactform { width: 50%; float: right; padding: 20px; -moz-box-sizing: border-box; box-sizing: border-box; }
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 #48689f; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom: 2px; color: #333333; }
div#contactform input.verzenden { background-color: #010101; color: #FFFFFF; font-weight: 400; padding: 10px 0; }
div#contactform textarea { width: 100%; border: 1px solid #48689f; 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; color: #FFFFFF; }

div#diensten_info h2, div#contactform h2 { margin: 0; padding: 0; font-size: 1.5em; font-weight: 400; margin-bottom: 20px; }
div#copyright { padding: 20px 0 0; }
div#copyright a { color: #010101; text-decoration: none; font-weight: 700; }

/* Responsive */
@media only screen and (max-width : 700px) { 
	
	body {}
	div#diensten_info { width: 100%; }
	div#contactform { width: 100%; }


}