@charset "utf-8";
/* CSS Document */

*{
		margin:0;
		padding:0;
		border:0;
}
html {  height: 100%; width: 100%; } 
body{ 
		background-image: url('../images/body-bg.gif');
		background-position: 137px 137px; 
		font-family: Trebuchet MS,"Myriad Pro", Calibri, "Gill Sans", sans-serif;
		font-weight: normal;
		font-size:13px;
		line-height:15px;
		overflow-y:scroll; 
	}
	
h1{
		font-size: 22px;
		color:#498328;
		font-family: Trebuchet MS, "Myriad Pro", Calibri, "Gill Sans", sans-serif;
	}
	
h2{
		font-size:15px;
		color:#498328;
		font-family: Trebuchet MS, "Myriad Pro", Calibri, "Gill Sans", sans-serif;
	}

#headerBG{ 
		background-color: #FFFFFF;
		top: 0px;
		height: 137px;
		width: 100%;
		position:absolute;
	}

#bannerBG {
		background-image: url('../images/banner-bg.jpg');
		height: 292px;
		width:100%;
		top:137px;
		position:absolute;
	}

#subheaderBG{
		background-image: url('../images/subheader-bg.jpg');
		height:59px;
		width:100%;
		top:137px;
		position:absolute;
}

#container{
		width:960px;
		height:auto;
		margin: 0px auto;
		top:0px;
		position: relative;
	}

#header {
		height:137px;
	}
	
#header h1{
		display:none;
	}

#subheader{
		width:960px;
		height:59px;
}

#subheader h1{
		color:#FFF;
		margin-top:22px;
}

#navigatie{
		background-image: url('../images/menu-balk.jpg');
		top: 0px;
		right:0px;
		float: right;
		clear:both;
		width: 510px;
		height: 61px;
		display:inline;
		position: absolute;
		font-family: Trebuchet MS,"Myriad Pro", Calibri, "Gill Sans", sans-serif;

}
		
#navigatie #navigatie-links{
		clear:right;
		list-style-type: none;
		color: #FFF;
		font-size: 15px;
		font-weight: bold;
		position:relative;
		right:55%;
		top:25%;
		}
		
#navigatie-links li{
		float:left;
		padding-left: 20px;
		padding-right: 20px;
		background-image: url('../images/divider.png');
		background-repeat: no-repeat;
		background-position:right;
		position:relative;
		left:55%;
		}

#navigatie-links li.last{
		background-image:none;
}

#navigatie-links a{
		color:#FFF;
		text-decoration: none;
		}

#navigatie-links a:hover{
		text-decoration: underline;
	}

#banner{
		height:292px;
	}

#contentWrapper{
		background-image:url('../images/content-bg.png');
		background-repeat: no-repeat;
		width:960px;
		height: 370px;
	}

#contentLeft{
		float:left;
		width:590px;
		margin-top:15px;
	}

#contentLeft h1{
		margin-bottom:15px;
}

#contentLeft p{
		font-size:13px;
		margin-top:15px;
}
	
#contentLeft .contentList li{
		font-size:13px;
		list-style-type:disc;
		margin-left:15px;
}

.artikel {
		margin-bottom:50px;
}

.artikel a{
		float:right;
		margin-top:10px;	
}

#contentDivider{
		float:right;
		width:3px;
		height:340px;
		background-image:url('../images/divider.png');
		margin-top:16px;
		margin-right:340px;
}

#contentRight{
		float:right;
		width:320px;
		height:300px;
		margin-top:10px;
		margin-left:630px;
		position:absolute;
		font-size:12px;
}

#ballonBoven{
		width:320px;
		height:38px;
		font-size:12px;
		background-image:url('../images/testimonial_boven.png');
		background-repeat: no-repeat;
}

#ballonMidden{
		width:320px;
		height: 245px;
		font-size:12px;
		background-image:url('../images/testimonial_midden.png');
		background-repeat: repeat-y;		
}

#ballonMidden .bold{
		font-weight: bold;
}
		
.box {
    position: absolute;
	margin-left: 25px;
}

#box1 {
   width:280px;
   height:200px;
   display:block;
   line-height:18px;
}

#box1 .logo1{
	float:right;
	margin-left:5px;
	margin-right:12px;
	margin-top:20px;
	margin-bottom:20px;
}

#box2 {
   display: none;
   width:280px;
   height:200px;
   line-height:18px;
}

#box2 .logo2{
	float:right;
	margin-right:12px;
	margin-left:5px;
}	

#ballonOnder{
		width:320px;
		height:76px;
		font-size:12px;
		background-image:url('../images/testimonial_onder.png');
		background-repeat: no-repeat;
}

#testimonial{
		position:relative;
		width:200px;
		top:10%;
		left:8%;
}

#contentCRM{
		width:960px;
}

#contentInfo{
		float:left;
		width:600px;
		font-size:13px;
}

#contentInfo p{
		margin-bottom:15px;
}

#contentInfo img{
		float:right;
		margin-left:15px;
		margin-bottom:10px;
}

#contentInfo h2{
		margin-bottom:15px;
}

#contentImpressum{
		width:960px;
		margin:auto;
}

#contentImpressum h2{
		margin-top:15px;
		margin-bottom:15px;
}

#contentImpressum h2.top{
		margin-top:0px;
}

#contentInfo .imageEen{
		float:right;
}

#contentInfo .imageTwee{
		float:right;
}

#contentInfo p.pgraphLinks{
		width: 600px;
		margin-bottom:15px;
}

#contentInfo ul{
		margin-top:10px;
		margin-bottom:5px;
		margin-left:20px;
}

#contentInfo img.button{
}

#voordelen{
		font-size:13px;
		width:300px;
		float:right;
}

#voordelen ul{
		margin-top:15px;
		margin-left:15px;
}

#voordelen ul li{
		margin-bottom:15px;
}

#voordelen img{
		float:right;
		margin-bottom:10px;
}


#contentDividerTwee{
		clear:both;
		position:absolute;
		margin-left:625px;
		width:3px;
		height:650px;
		background-image:url('../images/divider.png');
		
}

#formulier{
		width:960px;
		font-size:13px;
		margin-top:20px;
}

#formulier p{
		margin-bottom:10px;
}

#formulier #formonder p.verplicht{
		font-size:11px;
		margin-top:25px;
}

#formulier button{
		float:right;
		margin-top:15px;
		cursor: pointer;
}

#formulier button.buttonTekst{
		text-indent: -9999px;
		color:transparent;
		text-transform: capitalize;
}

#formulier button.verzenden{
		width:89px;
		height:26px;
		margin-left:5px;
		background:url('../images/verzenden-btn.png') no-repeat;
}

#formulier button.wissen{
		width:89px;
		height:26px;
		margin-right:5px;
		background:url('../images/wissen-btn.png') no-repeat;
}

#formulier label.red{	
		color:#900;
}

#formulier img{
		float:right;
}

#formulier input, #formulier select{
		border:solid 1px #aacfe4;
}

#formulier input.error{ 
		border:1px solid #FF0000;
}

#errorBox{
		width:960px;
		height:15px;
		margin-bottom:20px;
		float:left;
}

#errorBox #messageBox{
		list-style-type:none;
		display:block;
		font-size:13px;
}

#errorBox #messageBox li{
		color:red;
		display:block;
		font-weight:bold;
}

#formulier select { 
		width: 170px; 
} 

#formulier .textArea{
		border:solid 1px #aacfe4;
		max-width:674px;
}

#formulier .radio{
		border:none;
		vertical-align:-5%;
}

#formulier #formLinks{
		width:345px;
		float:left;
		margin-bottom:10px;
}

#formonder {
		width:419px;
}

#formLinks  span.block{
		width: 40px;
		margin-right: 15px;
}

#formulier #formRechts{
		width:332px;
		float:left;
		left:37%;
}

#formulier label{
		width: 120px;
		float: left;
		text-align: left;
		display: block
}

#formulier #formRechts label{
		width:150px;
}

#contentBedankt{
		width:960px;
		height:360px;
}

#contentBedankt h1{
		position:absolute;
		top:60%;
		left:35%;
}

#contentContact{
		width:960px;
		font-size:13px;
}
#contentContact a{
		color:#000;
		text-decoration:none;
}

#contentContact img.icon{
		float:left;
}

#contentContact img.contactRechts{
		float:right;
		vertical-align:top;
}

#contentContact p{
		width:400px;
}

#contentContact p.lastP{
		margin-bottom:35px;
}

.email{
	color:#000000;
	text-decoration:none;
}

#footerDivider{
		background-image:url('../images/divider-vert.png');
		width:960px;
		height:3px;
}

#footer {
		width:960px;
		height:auto;
		margin-bottom:40px;
}

#footer ul{
		float:left;
		list-style-type: none;
		font-size: 11px;
		margin-top:3px;
}

#footer li{
		display:inline;
		margin-right:10px;
}

#footer ul li a{
		color:#3c3434;
		text-decoration: none;
}

#footer ul li a:hover{
		text-decoration: underline;
}

.partners{
		float:right;
		color:#3c3434;
		font-size:11px;
		margin-top:3px;
		margin-right:1px;

}

.partners a{
		color:#3c3434;
		text-decoration: none;
}

.partners a:hover{
		text-decoration: underline;
}
#contact_info{
		margin-bottom:15px;	
}
#contact_info h1{
		font-size:14px;
		margin:10px 0;
}
.contact_left{
		width:200px; 
		float:left;	
}
.contact_right{
		width:200px; 
		float:left;
}
.clear{
		clear:left;	
}
#htmllogo{
	float:right;
	background:url(../images/valid_1.png);
	display:inline-block;
	width:59px;
	height:14px;
	margin-left:10px;
	margin-top:3px !important;
}

#htmllogo:hover{
	background:url(../images/valid_2.png);
}