body {
margin: 0px;
padding: 0px;
background: #f1f3f4 url(images/bg.png) repeat-x;
font-size: 12px;
font-family: Arial;
color: #4f575b;
}

.clear{
clear: both;
}

#wrapper{
padding: 20px 0 0 0;
width: 960px;
margin: auto;
}

#header{
height: 105px;
width: 960px;
background: url(images/header.png);
overflow: hidden;
}

#logo{
margin: 18px 0 0 28px;
float: left;
background: url(images/logo.png) top left no-repeat;
width:370px;
height:83px;
}

#logo h1{
margin: 41px 0 0 88px;
padding: 0;
font-size: 16px;
font-weight: normal;
color: #00224a;
font-family: Kozuka Gothic Pro;
}

font.lblauw{
font-weight: lighter;
color: #2864aa;
}

ul#menu {
font-size: 13px;
float: left;
margin: 2px 0 0 10px;
padding: 0;
overflow: hidden;
}

ul#menu li{
margin: 0 0 0 35px;
line-height: 100px;
float: left;
list-style: none;
}

ul#menu li a{
color: #00224a;
text-decoration: none;
font-size:14px;
}

ul#menu li a:hover{
color: #00224a;
text-decoration: underline;
}

#content{
margin: 0 0 20px 0;
padding: 5px 0 0 0;
background: #FFF;
clear: both;
overflow: hidden;
}

#left{
margin: 0 0 0 11px;
width: 728px;
float: left;
}

.had, .vad{
margin: 0 0 10px 0;
}

.box{
clear: both;
overflow: hidden;
line-height: 24px;
padding: 14px 0 10px 16px;
padding-right:16px;
margin: 0 0 10px 0;
}

.box h2{
margin: 0 0 15px 0;
padding: 0;
font-size: 14px;
color: #6675bd;
}

.box h2 span{
margin: 0 17px 0 0;
font-size: 12px;
font-weight: normal;
}
center img{
width:512px;height:97px;background-repeat:no-repeat
}

.{
float: left;
width: 705px;
}

.bftxt{
float: left;
width: 380px;
}

.formulier{
padding: 0 20px 0 20px;
background: url(images/bereken.png);
margin: 0 20px 0 0;
float: right;
margin-left:20px;
height: 250px;
}

.formulier h2{
margin: 0 0 10px 0;
padding: 0;
font-size: 14px;
color: #ffffff;
border-bottom: 1px solid #6098cc;
line-height: 52px;
}

.formulier label{
color: #ffffff;
float: left;
display: block;
line-height: 32px;
height: 32px;
width: 90px;
margin: 0 10px 1px 0;
}

.formulier select{
padding: 5px 7px 7px 10px;
width: 172px;
height: 32px;
float: right;
background: url(images/select.png);
border: 0;
}

.formulier input[type="image"]{
margin: 17px 0 0 0;
float: right;
}


.bfoto{
float: right;
}

#right{
margin: 0 10px 0 0;
width: 200px;
float: right;
}

#smenu{
margin: 0 0 10px 0;
padding: 20px 0 10px 15px;
background: #fefefe;
}

#smenu h2, .sbox h2{
margin: 0 0 15px 0;
padding: 0;
color: #b90a0a;
font-size: 16px;
}

#smenu ul{
margin: 0;
padding: 0;
}

#smenu ul li{
list-style: none;
color: #4f575b;
line-height: 30px;
}

#smenu ul li a{
margin: 0 0 0 0px;
text-decoration: none;
color: #4f575b;
}

#smenu ul li a:hover{
text-decoration: underline;
font-weight: bold;
}

.sbox{
margin: 0 0 10px 0;
padding: 20px 0 10px 15px;
background: #fefefe;
}

.sbox ul{
margin: 0;
padding: 0;
}

.sbox ul li{
list-style: none;
color: #4f575b;
line-height: 30px;
}

.sbox ul li a{
text-decoration: underline;
color: #4f575b;
}

#footer{
clear: both;
background: #FAFBFC url(images/footer.png) repeat-x;
height: auto;
margin-bottom:10px;
overflow:hidden;
}

#kpad{
padding: 0 0 0 13px;
height: 21px;
line-height: 41px;
width: 887px;
margin: auto;
}

#kpad ul{
margin: 0;
padding: 0;
}

#kpad ul li{
float: left;
list-style: none;
}

#kpad ul li a{
margin: 0 5px 0 15px;
color: #4f575b;
text-decoration: underline;
}

#fin{
width: 900px;
margin: 20px auto 0 auto;
}

#fin h2{
margin: 0 0 20px 0;
padding: 0;
font-size: 14px;
color: #b90a0a;
}

#fleft{
float: left;
overflow: hidden;
}

#fleft ul{
float: left;
margin: 0 50px 0 0;
padding: 0;
}

#fin ul li{
line-height: 30px;
list-style: none;
}

#fin ul li a{
color: #4f575b;
text-decoration: none;
}

#fright{
float: right;
overflow: hidden;
}

#fright ul{
margin: 0;
padding: 0;
}

#frleft{
margin: 0 120px 0 0;
float: left;
}

#frright{
float: right;
}

h1{
margin: 0;
padding: 0;
font-size: 18px;
color: #122690;
}

#ad4{
	float:left; 
	margin-right:20px;
}
.imgl {
	float:left;
	text-align:left;
	margin-right:10px;
	margin-top:10px;
}
.imgr {
	float:right;
	text-align:left;
	margin-left:10px;
	margin-top:10px;
}


@media screen and (max-width:960px){
	a#mobi_menu {display: block;position: absolute;top: 38px;right: 2%;font-size: 15px;width: 1.875em;height: 0.313em;background: #fff;}
	a#mobi_menu:before {content: "";position: absolute;top: 0;left: 0;margin-top: -0.625em;width: 1.875em;height: 0.33em;background: #fff;}
	a#mobi_menu:after {content: "";position: absolute;bottom: 0;left: 0;margin-bottom: -0.625em;width: 1.875em;height: 0.313em;background: #fff;}
	
	ul#menu{display:none;}
	
	#wrapper{width:100%;}
	#header{width:100%;}
	#logo{margin:18px auto 0 auto;float:none;}
	
	#content{display:table;width:96%;padding:0 2%;}
	div#left {margin:0;display:table-footer-group;float:none;width:100%;padding:0;}
		div.box{padding:14px 0 10px 0;}
	#right{margin:0;display:table-header-group;float:none;width:100%;padding:0;}
		#smenu{padding:20px 0 10px 0;position:relative;}
		#smenu ul{margin:0 0 0 -2%;width:104%;background:#122690;}
		ul#resp_sh.show{display:block;}
		ul#resp_sh.hide{display:none;}
		#smenu ul li {width:100%;text-indent:3px;}
		#smenu ul li a{color:#fff;padding-left:2%;display:block;}
		#smenu h2 {display: inline-block;color:#fff;line-height:normal;text-indent:2%;padding:0;margin:0 0 0 -2%;width:104%;background:#122690;height: 40px;line-height: 40px!important;}
		
		div.hide_responsive{display:none;}
		
	#ad4{width:100%;margin-right:0px;margin-bottom:20px;}
	.had{display:none;}
	
	#kpad{height:auto;width:96%;padding:0 2%;}
	#fin{width:96%;padding:0 2%;}
}
@media screen and (max-width:600px){
	.imgr{float:none;margin-bottom:20px;display:block;}
	center img{width:100%;height:auto;margin-bottom:20px;}
}
@media screen and (max-width:460px){
	#fright{float:left;width:100%;margin-top:20px;}
	.imgr{display:block;}
	.imgr a{display:block;}
	.imgr a img{width:100%;height:auto;}
	#logo{width:100%;height:83px;background-size: contain;background-position: center center;}
	
}