body{margin:0px;padding:0px;font-family:Verdana, Arial, Helvetica, sans-serif;line-height:18px;background:url(../../img/layout/bg.jpg) repeat top left; }

div, td, span, p{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#000033;line-height:18px;}
hr{border:1px solid #000;}

form{margin:0px;padding:0px;}
input{border:1px solid #CCCCCC;}
img {border:0px;}

a:link, a:visited {color:#000000;text-decoration:underline;}
a:hover {color:#000000;text-decoration:none;}

	.formbtn,.formbtn:visited,.formbtn:link{
		display: block;
		padding:5px;
		font-size:12px;
		font-weight:bold;
		background:#CCCCCC;
		color: #000033;
		text-align:center;
		text-decoration: none;
		width: 200px;
	}
	.formbtn:hover{

		background:#000033;
		color: #fff;
	}


h1{margin:0 0 25px 0;padding:0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#000033;font-weight:bold;line-height:15px;}


#contener{width:982px; margin:0px auto;padding:0px;}
#midcont{width:900px;float:left;background:#FFFFFF;padding:0px 40px 40px 42px;}
.clearboth{clear:both;}

/*Header css starts*/
#header{width:900px;float:left;height:100px;padding:0px;margin:15px 0 5px 0;}
.head{width:250px;float:left;padding:0px;height:100px;}
.head1{width:650px;float:right;padding:0px;margin:40px 0px 0px 0px;height:30px;}
.head{padding:9px 0px;}
.head a:link, .head a:visited{color:#FFFFFF;text-decoration:none;width:240px; height:100px;text-indent:-999999px;display:block;}

.swimmingpools{background:url(../../img/layout/logo_swimmingpools.jpg) no-repeat left top;}
.filterco{background:url(../../img/layout/logo_filterco.jpg) no-repeat left top;}

/*Header css Ends*/
.mainnev {float: right;margin:0px;padding:0px;width: 660px;}
.mainnev li{margin:0px;padding:5px 0 10px 35px;list-style:none;float:right;font-size:12px;color:#666666;}
.mainnev li a:link, .mainnev li a:visited {color:#666666;text-decoration:none;}
.mainnev li a:hover{color:#000033;text-decoration:underline;}
.mainnev li a:link.active, .mainnev li a:visited.active{color:#000033;text-decoration:underline;}
/*Mid Starts*/
.mid{width:900px;float:left;padding:0px;}
.mainimg{float:left;width:903px;}
.divcont1{width:600px;float:left;padding-top:48px;padding-left:32px;}

/*PHOTO OVER ESTARTS*/
.imgblock{
	float: left;
	width:299px;
	height:241px;
	background:url(../../img/layout/photo1.jpg) no-repeat left top
	padding: 0 10px 1px 0;
	margin: 0 1px 0 0;
}
.imgblock:hover{
	background:url(../../img/layout/photo1-over.jpg);
	color:#FFFFFF;
	text-decoration:none;
}
.imgblock .imgtitle{
	display: block;
	float: left;
	width: 299px;
	margin-right: -1px;
	margin-top: 208px;
	height: 20px;
	text-align: center;
	background: #000033;
	color: #fff;
	text-decoration: none;
	padding: 6px 0 6px 0;
}
.imgblock:hover .imgtitle{
	background: #333;
	color: #fff;
	text-decoration: none;
}

.photo1{
	background:url(../../img/layout/home/buitenzwembad_normal.jpg) no-repeat left top;
}
.photo1:hover{
	background:url(../../img/layout/home/buitenzwembad_rollover.jpg) no-repeat left top;
}

.photo2{
	background:url(../../img/layout/home/binnenzwembad_normal.jpg) no-repeat left top;
}
.photo2:hover{
	background:url(../../img/layout/home/binnenzwembad_rollover.jpg) no-repeat left top;
}

.photo3{
	background:url(../../img/layout/home/publieke_normal.jpg) no-repeat left top;
}
.photo3:hover{
	background:url(../../img/layout/home/publieke_rollover.jpg) no-repeat left top;
}

.photo4{
	background:url(../../img/layout/home/renovaties_normal.jpg) no-repeat left top;
}
.photo4:hover{
	background:url(../../img/layout/home/renovaties_rollover.jpg) no-repeat left top;
}

.photo5{
	background:url(../../img/layout/home/speciale_normal.jpg) no-repeat left top;
}
.photo5:hover{
	background:url(../../img/layout/home/speciale_rollover.jpg) no-repeat left top;
}

.photo6{
	background:url(../../img/layout/home/showroom_normal.jpg) no-repeat left top;
}
.photo6:hover{
	background:url(../../img/layout/home/showroom_rollover.jpg) no-repeat left top;
}

.click_dut, .click_dut:hover{background:url(../../img/layout/home/klik_hier_dut.jpg) no-repeat left top;}
.click_fre, .click_fre:hover{background:url(../../img/layout/home/klik_hier_fre.jpg) no-repeat left top;}

.photo7{
	background:url(../../img/layout/bedrijf/historiek_normal.jpg) no-repeat left top;
}
.photo7:hover{
	background:url(../../img/layout/bedrijf/historiek_rollover.jpg) no-repeat left top;
}
.photo8{
	background:url(../../img/layout/bedrijf/bedrijfsbeleid_normal.jpg) no-repeat left top;
}
.photo8:hover{
	background:url(../../img/layout/bedrijf/bedrijfsbeleid_rollover.jpg) no-repeat left top;
}
.photo9{
	background:url(../../img/layout/bedrijf/marktpositie_normal.jpg) no-repeat left top;
}
.photo9:hover{
	background:url(../../img/layout/bedrijf/marktpositie_rollover.jpg) no-repeat left top;
}
.photo10{
	background:url(../../img/layout/bedrijf/ukiestvoorzekerheid_normal.jpg) no-repeat left top;
}
.photo10:hover{
	background:url(../../img/layout/bedrijf/ukiestvoorzekerheid_rollover.jpg) no-repeat left top;
}
.photo11{
	background:url(../../img/layout/bedrijf/bedrijfsfilm_normal.jpg) no-repeat left top;
}
.photo11:hover{
	background:url(../../img/layout/bedrijf/bedrijfsfilm_rollover.jpg) no-repeat left top;
}
.photo12{
	background:url(../../img/layout/bedrijf/contact_normal.jpg) no-repeat left top;
}
.photo12:hover{
	background:url(../../img/layout/bedrijf/contact_rollover.jpg) no-repeat left top;
}

/*PHOTO OVER ENDS*/
/*Mid Ends*/

/*leftside Starts*/
.leftpnl{float:left;width:256px;padding-right:10px;padding-top:48px;}
	.lefttext{margin:0px;padding:0px}
	.lefttext li{
		margin:4px 0px;
		padding:0px;
		list-style:none;
	}
	.lefttext li a{
		display: block;
		padding:5px;
		font-size:12px;
		font-weight:bold;
		background:#CCCCCC;
		text-align:center;
	}
	.lefttext li a:hover{
		background:#000033;
		color: #fff;
	}
	.lefttext li a.afspraak{
		background:#000033;
		color: #fff;	
	}
	.lefttext li a.afspraak:hover{
		background:#CCCCCC;
		color: #000033;
	}	

.leftpnl span{color:#B6B6B6;}
.leftpnl a:link, .leftpnl a:visited{ color:#000033; text-decoration:none}

.leftpnl a.back{ color:#333; text-decoration:none}
.leftpnl a.back:hover{ text-decoration:underline}
/*leftside Ends*/

.footer{width:912px; clear:both;float:left;margin:0px; padding:4px 28px 8px 42px;background:#CCCCCC;color:#333333}
.fcopy{float:right;width:300px;text-align:right;padding-right:15px;}
.footer a{
	text-decoration: none;
	color: #666;
}
.footer a:hover{
	text-decoration: underline;
}
.footer a.active{
	color: #000;
}


.subscribe{
	width: 880px;
	border: 1px solid #bbb;
	border-width: 1px 0 1px 0;
	padding: 10px;
	margin-top: 20px;
	display: block;
	float: left;
}
.subscribe p{float: left;margin:0;font-size: 17px; font-family: helvetica;width: 650px;color: #bbb;line-height: 22px;}
.subscribe p span {font-size: 17px;font-family: helvetica; color: #000033;}
.subscribe p a{text-decoration: none;}
.subscribe p a:hover{text-decoration: underline}
.subscribe a.btn_subscribe {float: right;background: url('../../img/layout/btn_subscribe.jpg') no-repeat;height: 51px;width: 225px;display:block;color: #fff;font-size: 18px;text-align:center;text-decoration: none;padding-top: 12px;}
.subscribe a.btn_subscribe span {font-size: 12px; color: #fff;}
.subscribe a.btn_subscribe:hover {background-position: 0 -60px;}


/* CONTACT FORM */
#contact .input, .formulier .input{
	float: left;
	clear: both;
	margin: 0 10px 5px 0;
	width: 100%;
}
#contact .withclear{
	float: left;
	clear: both;
}

#contact .text label, #contact .select label, .formulier label{
	float: left;
	width: 120px;
	margin: 0 15px 4px 0;	
	height: 20px;
	color: #000033;
}
#contact .radio label{
	width: auto;
	margin: 0 15px 0 0;	
	height: 18px;
	color: #000033;
	float: left;
}

#contact .radio .radiolabel{
	width: 120px;
	height: auto;
}
#contact .radio .radiobtns{
	float: left;
}


#contact .radio .radiobtns.radioholder, .formulier .radioholder{
	float: left;
	clear: both;
	width: 400px;
}

#contact .radio .radiobtns input{
	float: left;
	clear: left;
	border: 0;
	display: block;
}
#contact .radio .radiobtns label{
	float: left;
	clear: right;
	display: block;
}

#contact .radio .radiobtns input.text{
	width: 120px;
	float: left;
	clear: none;
	border: 1px solid #ccc;
}

#contact select, #contact input.text, #contact textarea {
	font:11px;
	float: left;
	margin: 0 4px 4px 0;
	border: 1px solid #ccc;
	padding: 3px;

}
#contact input.text {
	width: 280px;
}
#contact select {
	padding: 1px;
}
#contact .textarea label{
	float: left;
	clear: none;
	width: 120px;
	margin: 0 15px 4px 0;
}
#contact .textarea textarea{
	font-family: verdana,arial,helvetica;
	font-size: 11px;
	height: 80px;
	width: 300px;
	float: left;
}
#contact .btn, .formulier .submit input{
	float: left;
	color: #fff;
	background: #000033;
	border: 1px solid #ccc;
	margin: 15px 0 30px 135px;
	padding: 5px 10px 5px 10px;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
}

.formulier .radioholder{
	float: left;
	clear: none;
}
.formulier .radioholder .radio_inner{
	float: left;
	clear: none;
}
.formulier .radioholder .radio_inner input{
	float: left;
	clear: left;
}
.formulier .submit input{
	width: 220px;
}

#contact .btn:hover,.formulier .submit input:hover{

	color: #78adec;
	background: #fff;
}
#contact .error-message{
	float: left;
	clear: right;
	color: red;
	font-weight: bold;
	margin: 0 0 0 10px;
}

#contact .required-info{
	clear: both;
	margin: 5px 0 5px 135px;
}