@charset "UTF-8";
/* CSS Document */
html {
	background:url("../images/background-tile.jpg") 0 0 repeat-x;
	padding:0px;
	margin:0px;
	
}

body {
	background:url("../images/background.jpg") center top no-repeat;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000000;
	overflow-x:hidden;
}

#container{
	width:1000px;
	margin:0 auto;
	position:relative;
}

a {
	text-decoration:none;
}

h1 {
	margin-top:0;
}


/*Begin Menu --------------------------------- */

#menu {
	position:absolute;
	left:610px;
	top:170px;
	z-index:1000;
}

#menu ul{
	cursor:pointer;
	margin:0;
	padding:15px;
	background:url(../images/menu_background.png) 0 0 no-repeat;
	width:370px;
	height:30px;
	list-style:none;
	z-index:600;
	font-size:16px;
}

#menu li{
	cursor:pointer;
	border-style:none;
	list-style:none;
	margin:0;
	float:left;
}
#menu a{
	padding-top:4px;
	display:block;
	cursor:pointer;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}
	#menu a:hover {
		color:#F0E87C;
	}

#menu li a#home{
	width:71px;
	height:29px;
}

#menu li a#dienst{
	width:95px;
	height:29px;
}

#menu li a#klant{
	width:86px;
	height:29px;
}

#menu li a#contact{
	width:88px;
	height:29px;
}


.home_active{
	background-image:url(../images/button_home.png);
	background-repeat:no-repeat;
	color:#FFFFFF;	
}

.klanten_active{
	background-image:url(../images/button_klanten.png);
	background-repeat:no-repeat;
	color:#FFFFFF;	
}

.diensten_active{
	background-image:url(../images/button_dienst.png);
	background-repeat:no-repeat;
	color:#FFFFFF;	
}

.contact_active{
	background-image:url(../images/button_contact.png);
	background-repeat:no-repeat;
	color:#FFFFFF;	
}


/*Einde Menu --------------------------------- */


/*Begin Home Titels -------------------------- */

#div1 h1{
	padding:.5em 0 15px;
	margin:0 0 .25em;
	font-weight:100;
}

#div1 h2{
	font-size:30px;
	font-weight:100;
	color:#1c75ad;
	margin-top:0;
}

#div1 h3{
	margin:10px 0px 10px 10px;
	font-size:22px;
	font-weight:100;
	color:#FFFFFF;
}


.title_blauw{
	padding-left:80px;
	padding-top:0px;
	padding-bottom:15px;
	font-size:50px;
	font-weight:100;
	color:#1c75ad;
}

.title_wit{
	padding-top:0px;
	padding-bottom:1px;
	margin-left:-16px;
	font-size:62px;
	font-weight:100;
	color:#FFFFFF;
}

/*Einde Home Titels ---------------------------- */


/*Begin Home pagina ---------------------------- */

#div1 {
	text-align:left;
	height:675px;
	margin:0px 0px 0px 0px;
}


#baloon1{
	float:right;
	text-align:left;
	max-width:200px;
	max-height:100px;
	margin:50px 40px 0px 0px;
}

#baloon1 .title{
	padding-left:40px;
	font-size:20px;
	color:#999999;
}

#baloon1 .phonenumber{
	display:block;
	padding-top:5px;
	font-size:26px;
	font-weight:bold;
	max-width:230px;
}

#div1 #box{
	background-image:url(../images/box_right.png);
	background-repeat:no-repeat;
	margin:150px 18px 0px 0px;
	width:346px;
	height:218px;
	float:right;
	padding:0px 10px 0px 10px;
}

#div1 #box #voorbeeld .link_kijkmaar{
	display:block;
	margin-left:200px;
	margin-top:2px;
	padding-right:0px;
	width:100px;
	text-align:center;
	
	background-image:url(../images/arrow_small.png);
	background-position:right;
	background-repeat:no-repeat;	

}

#div1 #box #voorbeeld .arrow{

}


#div1 #box #voorbeeld a{
	cursor:pointer;
	background-image:url(../images/rekenvoorbeeld.png);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	width:330px;
	height:30px;
	float:right;
	color:#FFFFFF;
	text-decoration:none;
	padding:130px 10px 0px 0px;
}



#div1 #box #voorbeeld a:hover{
	cursor:pointer;
	background-image:url(../images/over_rekenvoorbeeld.png);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	width:330px;
	height:30px;
	float:right;
	color:#FFFFFF;
	text-decoration:none;
	padding:130px 10px 0px 0px;
}



#div1 #content{
	clear:left;
	float:left;
	width:410px;
	margin:60px 0px 0px 80px;
}

#div1 #content .body_text_intro{
	font-size:15px;
	max-width:425px;
	font-weight:bold;
	margin-bottom:20px;
	line-height:20px;
}

#div1 #content .body_text{
	font-size:15px;
	max-width:425px;
	line-height:20px;	
}

#div1 #content .button{
	display:block;
	background:url(../images/btn_ditdoenwijvooru.png) 0 0 repeat-x;
	font-size:18px;
	color:#FFFFFF;
	padding:0;
	float:right;
	margin:22px 0px 0px 0px;
	text-decoration: none;
}

#div1 #content .button_arrow{
	display:block;
	background:url(../images/button_arrow.png) 100% 0 no-repeat;
	font-size:18px;	
	padding:10px 32px 10px 10px;
	text-decoration: none;
}

/*Einde Home Pagina ----------------------------- */




/*Begin Diensten pagina ------------------------- */

#div2 h1{
	color:#F0E87C;
	padding-left:80px;
	padding-bottom:0px;
	font-size:30px;
	font-weight:bold;

}

#div2 h2{
	font-size:20px;
	font-weight:lighter;
	color:#FFFFFF;
	margin:15px;	
	height:60px;
}

#div2 h3{
	margin:10px 0px 10px 0px;
	font-size:1.2em;
	font-weight:100;
	color:#FFFFFF;
}


#div2 {
	position:relative;
	text-align:left;
	height:640px;
	margin:0px 0px 0px 0px;
	padding-top:40px;
}

#div2 #content{
	color:#FFFFFF;
	float:left;
	margin:0px 0px 40px 80px;
	width:900px;
}

#div2 #werkgevers li{
	color:#FFFFFF;
	font-size:15px;
	line-height:20px;
	padding:0px 0px 0px 0px;
	margin:0px 20px 6px -5px;
}

#div2 #werknemers li{
	color:#FFFFFF;
	font-size:15px;
	line-height:20px;	
	padding:0px 0px 0px 0px;
	margin:0px 20px 6px -5px;
}

#div2 #onderneming li{
	color:#FFFFFF;
	font-size:15px;
	line-height:20px;	
	padding:0px 0px 0px 0px;
	margin:0px 20px 6px -5px;
}

#div2 #content .body_text_intro{
	font-size:15px;
	max-width:450px;
	font-weight:bold;
	margin-bottom:10px;
	line-height:20px;	
}

#div2 #content .body_text{
	font-size:15px;
	max-width:450px;
	line-height:20px;
}



#div2 #werkgevers{
	position:relative;
	float:left;
	background-image:url(../images/bluebackground.png);
	background-repeat:no-repeat;
	width:283px;
	margin:0px 0px 0px 80px;
}

#div2 #onderneming{
	position:relative;
	float:left;
	background-image:url(../images/redbackground.png);
	background-repeat:no-repeat;
	width:283px;
	margin:0px 30px 0px 30px;
}

#div2 #werknemers{
	position:relative;
	float:left;
	background-image:url(../images/greenbackground.png);
	background-repeat:no-repeat;
	width:283px;
	margin:0px 0px 0px 0px;
}


	#werkgevers span.bottom,
	#onderneming span.bottom,
	#werknemers span.bottom {
		position:absolute;
		left:0;
		bottom:-20px;
		display:block;
		width:283px;
		height:20px;
		background:0 0 no-repeat;
	}

	#werkgevers span.bottom { background-image:url("../images/bluebackground-btm.png"); }
	#onderneming span.bottom { background-image:url("../images/redbackground-btm.png"); }
	#werknemers span.bottom  { background-image:url("../images/greenbackground-btm.png"); }


	* html #werkgevers,
	* html #onderneming,
	* html #werknemers {
		display:inline;
		
	}
	

/*Einde Diensten pagina ------------------------- */








/*Begin Klanten pagina ------------------------- */


#div3 h1{
	color:#FFFFFF;
	padding:0px 0px 0px 80px;
	font-size:30px;
	font-weight:100;
	width:400px;

}

#div3 h2{
	font-size:20px;;
	font-weight:lighter;
	color:#000000;
	padding:71px 0px 0px 0px;
	margin:0px 0px 0px 100px;
	min-height:38px;
	width:370px;
}

#div3 h3{
	margin:0px 2px 0px 2px;
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	color:#000000;
}

#div3 h4{
	margin:0px 2px 0px 2px;
	text-align:center;
	font-size:1em;
	font-weight:100;
	color:#b2ae77;
}



#div3 #box_logos{
	background-image:url(../images/logos_background.png);
	background-repeat:no-repeat;
	margin:-65px 10px 0px 0px;
	width:375px;
	height:184px;
	float:right;
	xborder: 2px solid red;
}

#div3 #box_logos ul {
	xborder: 2px solid red;
	cursor:pointer;
	padding:0px;
	width:375px;
	height:50px;
	list-style:none;
	margin: 8px 0 0 0;
}

#div3 #box_logos li {
	cursor:pointer;
	border-style:none;
	list-style:none;
	margin:0;
	float:left;
}
#div3 #box_logos a {
	width:110px;
	height:52px;
	padding-top:0px;
	margin-left:10px;
	display:block;
	cursor:pointer;
	color:#000000;
	text-align:center;
	text-decoration:none;
}

#div3 #box_logos a:hover,
#div3 #box_logos a.active {
	background-image:url(../images/testimonials/hover.jpg);
	background-repeat:no-repeat;
	color:#FF6699;	
}


.active_button_logo {
	background-image:url(../images/testimonials/hover.jpg);
	background-repeat:no-repeat;
	color:#FF6699;	
}


#div3 #recensie{
	clear:both;
	background-image:url(../images/recentie_background.png);
	background-repeat:no-repeat;
	margin:0 0px 0px 150px;
	z-index:500;
	width:720px;
	height:372px;
	position:relative;
	top:-15px;
}


#div3 #recensie #profile{
	margin:-20px 110px 0px 0px;
	width:153px;
	height:176px;
	float:right;
}
	

#div3 #recensie #body_text{
	font-size:14px;
	margin:5px 0px 5px 50px;
	width:400px;
	height:120px;
	float:left;
	overflow:auto;
	line-height:20px;
}
	


#div3 #recensie #navigation{
	margin:5px 0px 0px 110px;
	width:340px;
	float:left;
}
	* html #div3 #recensie #body_text,
	* html #div3 #recensie #profile,
	* html #div3 #recensie #navigation {
		display:inline;
	}

#div3 #recensie #navigation a#arrow_left{
	background-image:url(../images/arrow_left.png);
	background-repeat:no-repeat;	
	color:#FF0000;
	height:36px;
	width:36px;
	float:left;
}

#div3 #recensie #navigation a#arrow_right{
	background-image:url(../images/arrow_right.png);
	background-repeat:no-repeat;	
	color:#FF0000;
	height:36px;
	width:36px;
	float:right;
}


#div3 #recensie #navigation a#arrow_left:hover{
	background-image:url(../images/arrow_left_over.png);
	background-repeat:no-repeat;	
	color:#FF0000;
	height:36px;
	width:36px;
	float:left;
}

#div3 #recensie #navigation a#arrow_right:hover{
	background-image:url(../images/arrow_right_over.png);
	background-repeat:no-repeat;	
	color:#FF0000;
	height:36px;
	width:36px;
	float:right;
}


#div3 #recensie_update{
	clear:both;
	background-image:url(../images/recentie_background.png);
	background-repeat:no-repeat;
	margin:0 0px 0px 150px;
	z-index:500;
	width:720px;
	height:372px;
	position:relative;
	top:-15px;
}



#div3 #recensie_update #profile{
	margin:-20px 110px 0px 0px;
	width:153px;
	height:176px;
	float:right;
}
	

#div3 #recensie_update #body_text{
	font-size:14px;
	margin:5px 0px 5px 50px;
	width:400px;
	height:120px;
	float:left;
	overflow:auto;
	line-height:20px;
}
	


#div3 #recensie_update #navigation{
	margin:5px 0px 0px 110px;
	width:340px;
	float:left;
}
	* html #div3 #recensie_update #body_text,
	* html #div3 #recensie_update #profile,
	* html #div3 #recensie_update #navigation {
		display:inline;
	}

#div3 #recensie_update #navigation a#arrow_left{
	background-image:url(../images/arrow_left.png);
	background-repeat:no-repeat;	
	color:#FF0000;
	height:36px;
	width:36px;
	float:left;
}

#div3 #recensie_update #navigation a#arrow_right{
	background-image:url(../images/arrow_right.png);
	background-repeat:no-repeat;	
	color:#FF0000;
	height:36px;
	width:36px;
	float:right;
}


#div3 #recensie_update #navigation a#arrow_left:hover{
	background-image:url(../images/arrow_left_over.png);
	background-repeat:no-repeat;	
	color:#FF0000;
	height:36px;
	width:36px;
	float:left;
}

#div3 #recensie_update #navigation a#arrow_right:hover{
	background-image:url(../images/arrow_right_over.png);
	background-repeat:no-repeat;	
	color:#FF0000;
	height:36px;
	width:36px;
	float:right;
}




#div3{
	text-align:left;
	height:560px;
	margin:0px 0px 0px 0px;
	padding-top:115px;
}








#div4 h1{
	color:#F0E87C;
	padding:0px 0px 0px 80px;
	font-size:30px;
	font-weight:100;
	wdith:540px;
}

#div4 h2{
	color:#F0E87C;
	padding:0px 0px 0px 80px;
	font-size:20px;
	font-weight:100;
}

#div4 h3{
	color:#F0E87C;
	padding:0px 0px 0px 80px;
	font-size:21px;
	font-weight:100;
}

#div4 h4{
	color:#FFFFFF;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:15px;
	font-weight:bold;
	line-height:20px;
}


#div4 #content{
	margin:0px 0px 0px 80px;
}


#div4 #cas_max{
	float:right;
	background-image:url(../images/cas_max.png);
	background-repeat:no-repeat;
	margin:40px 15px 0px 0px;
	width:455px;
	height:281px;
}

#div4 #phone #icon_phone{
	float:left;
	width:26px;
	height:40px;
	margin-right:10px;
	margin-top:-6px;
	background-image:url(../images/icon_phone.png);
	background-repeat:no-repeat;
}

#div4 #phone{
	color:#F0E87C;
	padding:0px 0px 0px 80px;
	font-size:34px;
	font-weight:100;
	width:350px;
	line-height:1;
}


#div4 #email #icon_email{
	float:left;
	width:26px;
	height:37px;
	margin:3px 10px 10px 0px;
	background-image:url(../images/icon_email.png);
	background-repeat:no-repeat;
	background-position:center;
}
#div4 #email{
	color:#F0E87C;
	padding:10px 0px 0px 80px;
	font-size:19px;
	font-weight:100;
	width:350px;

}

#div4 #email a{
	color:#F0E87C;
	padding:10px 0px 0px 0px;
	text-decoration:none;
	font-weight:100;
}

#div4 #content .body_text{
	color:#FFFFFF;
	font-size:15px;
	max-width:430px;
	line-height:20px;
}

#div4 #footer{
	margin:45px 0px 0px 80px;
	width:680px;
}

#div4 #footer #blok1{
	float:left;
	width:290px;
	color:#FFFFFF;
	line-height:20px;
}

#div4 #footer #blok2{
	float:left;
	width:160px;
	color:#FFFFFF;
	vertical-align:bottom;
	line-height:20px;
}

#div4 #footer #blok3{
	xbackground-image:url(../images/background_gekwalificeerd.png);
	background-repeat:no-repeat;
	float:right;
	margin:-50px -40px 0px 0px;
	width:268px;
	color:#FFFFFF;
	font-size:15px;
	line-height:20px;
}

/*
#div4 #footer #blok3:hover {
	color:#000000;
	background-image:url(../images/background_gekwalificeerd.png);
}
*/

#div4 #footer #blok3 #title{
	min-width: 200px;
	float:right;
	margin:10px;
	margin-bottom:20px;
	color:#000000;
	font-weight:bold;
}

#div4 #footer #blok3 #body_text{
	float:left;
	padding:5px;
	margin:-5px 10px 0px 0px;
	width:255px;
}



#div4 #footer #blok3 #body_text #kwal{
	float:left;
	width:40px;
	text-align:left;
	margin:0px 10px 0px 105px;
}

#div4 #footer #blok3 #body_text #kwal_nr{
	float:left;
	width:150px;
	text-align:right;
	margin:0px 10px 0px -75px;
}



#div4{
	text-align:left;
	height:610px;
	margin:0px 0px 0px 0px;
	padding-top:100px;
}

#dialog-reken-voorbeeld {
	display:none;
	position:absolute;
	width:396px;
	z-index:1001;
	top:230px;
}

#dialog-reken-voorbeeld a.image_rekenvoorbeeld  {
	background-image:url(../images/rekenvoorbeeld_groot.png);
    background-position: 0 0px; 
	text-align:left;
	font-size:18px;
	width:831px;
	height:614px;
	text-decoration: none;
}

#dialog-reken-voorbeeld .image_rekenvoorbeeld:hover{
	background-image:url(../images/rekenvoorbeeld_groot.png);
	background-position: 0 -614px; 
	text-align:left;
	font-size:18px;
	width:831px;
	height:614px;
	text-decoration: none;
}

#dialog-reken-voorbeeld .close{
	background-image:url(../images/close.png);
	background-repeat:no-repeat;
	width:22px;
	height:22px;
	text-align:center;
	float:right;
	color:#000000;
	margin:45px -410px 0px 0px;
}

#dialog-reken-voorbeeld h1{
	font-size:30px;
	color:#006600;
	font-weight:100;
	float:left;
	width:600px;
	margin:30px 0px 0px 40px;
	padding:0px;
}
#dialog-reken-voorbeeld .tekst{
	font-size:15px;
	color:#000000;
	float:left;
	width:250px;
	margin:15px 0px 0px 40px;
	padding:0px;
}



#overlay {
	cursor:auto;
	background:black none repeat scroll 0 0;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:1000;
	display:none;
	height: 2700px;
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter:alpha(opacity=30);
}





/*CMS Styles */

.page_title{
	margin-top:50px;
	font-size:60px;
	color:#000000;
}


.title{
	font-size:30px;
	color:#000000;
}

.sub_title{
	font-size:22px;
	color:#333333;
}

.normal{
	margin-top:5px;
	font-size:16px;
	color:#000000;
}

.text_areabold{
	font-size:15px;
	color:#000000;
	font-weight:bold;
	width:400px;
	height:100px;
}

.text_area{
	font-size:15px;
	color:#000000;
	width:400px;
	height:100px;
}

.input_button{
	font-size:15px;
	color:#000000;
}



<!--[if IE]>
<style>
.text_area{
	color:#FFFFFF
	margin-left: -80px;	
}

#div1 #content{
	clear:left;
	float:left;
	width:410px;
	margin:60px 0px 0px 80px;
}

#div2 #content{
	color:#FFFFFF;
	float:left;
	margin:0px 0px 40px 80px;
	width:900px;
}

#div2 .sub_title{
margin:5px 0px 0px 80px;
}

#div2 #werkgevers .sub_title{
	width:250px;
	margin:5px 0px 0px 10px;
}

#div2 #onderneming .sub_title{
	width:250px;
	margin:5px 0px 0px 10px;
}

#div2 #werknemers .sub_title{
	width:250px;
	margin:5px 0px 0px 10px;
}
</style>
<![EndIf]-->