/*De zwemwereld*/
*{padding: 0; margin: 0;}
body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000;
	background-color: #4F96C2;
	background-image: url(bg_all.jpg);
	background-position: top 0%;
	background-repeat: repeat-x;
	overflow-x: hidden;
}
.hide{
	position: absolute;
	left: -9999px;
}
#zwembad{
	position: absolute;
	top: 0;
	left: 0;
	height: 191px;
	overflow: hidden;
}
#slogan{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	height: 13px;
}
#slogan h1{
	font-weight: lighter;
	font-size: 11px;
	letter-spacing: 1px;
	color: #fff;
	margin: 0;
	padding: 0;
	margin-left: 250px;
	z-index: 100;
}
#slogan h1 a, a:hover{
	text-decoration:none;
	color: #fff;
} 
#page{
	position: relative;
	top: 13px;
	_top: 15px;
	#top: 15px;
	left: 0;
	padding: 0;
	margin: 0;
	margin-top: 0;
	text-align: left;
	background-color: #E2E0EB;
	width: 957px;
}
#header{
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	margin-top: 0;
	#margin-top: -2px;
	_margin-top: -2px;
	height: 326px;
	width: 957px;
}
a:link{
	color:#000;
	text-decoration: none;
}
a:visited{
	color:#000;
	text-decoration: none;
}
a:hover{
	color:#333;
	text-decoration: underline;
}
a:active{
	color:#000;
	text-decoration: none;
}
/*=====================menu====================*/

.menu{
	position: relative;
	top: 0;/*503px*/
	left: 0;/*45px;*/
	width: 957px;
	height: 124px;
	padding: 0;
	margin: 0;
	margin-top:-1px;
	background-image: url(menu.jpg);
	background-position: top 0%;
	background-repeat: no-repeat;
}
.menu ul {
	padding:0; 
	margin:0;
	margin-left: 25px;
	text-align: center;
	list-style-type: none;
	display:block; 
	_display: inline;
	#display:block; 
}
.menu ul li {
	float:left;
	position:relative;
}
.menu ul li a, .menu ul li a:visited {
	text-decoration:none; 
	width:112px; 
	height:1.5em;
	height:84px;
	/*padding: 14px;*/
	display:block; 
	/*#display: block;
	_display: inline;*/
	font-weight:bold;
	color:#000; 
	padding-bottom: 0;
	padding-top: 10px;
	line-height:1.5em;
	/*margin-right:2px;*/
}
.menu ul li a:hover, a.current {
	color:#eee; 
	text-decoration:none; 
	background-image: url(over.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
/* einde menu*/
#content{
	position: relative;
	width: 957px;
	margin: 0;
	padding: 0;/*
	height: 90%;
	_height: auto;
	#height: auto;*/
	background-color: #E2E0EB;
	_overflow: hidden;
	padding-bottom: 20px;
}
#content p.breadcrumb{
	position: absolute;
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	margin-top: -20px;
	margin-left: 50px;
	clear: both;
}
#content p.breadcrumb a{
	color: #222;
	text-decoration: underline;
}
#content p.breadcrumb a:hover{
	color: #000;
}
#content h2, h3{
	position:relative;
	font-size: 1em;
	margin-right: 40px;
	margin-left:40px;
	word-spacing : -1px;
}
h2{
	text-decoration: underline;
}
h5{
	text-align: center;
	margin-top: -10px;
	#margin-top: 2px;
	_margin-top: 2px;

}/*
#left{
	float: left;
	width: 20px;
}*/
.inhoud{
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	width:520px;
	margin-left: 10px;
	/*border:1px solid #86F600;*/
	padding: 8px;
	background-color: #b0b0b0;
	text-align: justify;
}
.extra{
	position: relative;
	margin: 0;
	padding: 0;
	float: right;
	margin-right: 10px;
	padding: 8px;
	width: 340px;
	text-align: justify;
	/*border:1px solid #86F600;
	background-color: #b0b0b0;*/
}
#openlucht-zwembaden{
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	width:917px;
	margin-left: 10px;
	/*border:1px solid #86F600;*/
	padding: 8px;
	background-color: #b0b0b0;
	text-align: justify;
}
#jacuzzi-poolhouse{
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	width:917px;
	margin-left: 10px;
	/*border:1px solid #86F600;*/
	padding: 8px;
	background-color: #b0b0b0;
	text-align: justify;
}
/*ronde hoeken===============================*/

#inhoud h1, #inhoud h2, #inhoud p {margin:0 10px; letter-spacing:1px;}
#inhoud h1 {font-size:2.5em; color:#fff;}
#inhoud h2 {font-size:1.1em;color:#111; border:0;}
#inhoud p {padding-bottom:0.5em;}
#inhoud h2 {padding-top:0.5em; padding-bottom:0.5em}
#inhoud {background: transparent;}

#extra h1, #extra h2, #extra p {margin:0 10px; letter-spacing:1px;}
#extra h1 {font-size:2.5em; color:#fff;}
#extra h2 {font-size:1.1em;color:#111; border:0;}
#extra p {padding-bottom:0.5em;}
#extra h2 {padding-top:0.5em; padding-bottom:0.5em}
#extra {background: transparent; margin-right: 50px;}
#extra ol{
	margin: 10px;
}

#openlucht-zwembaden h1, #openlucht-zwembaden h2, #openlucht-zwembaden p {margin:0 10px; letter-spacing:1px;}
#openlucht-zwembaden h1 {font-size:2em; color:#fff;}
#openlucht-zwembaden h2 {font-size:1.1em;color:#111; border:0;}
#openlucht-zwembaden p {padding-bottom:0.5em; margin: 8px;font-size:0.8em; }
#openlucht-zwembaden h2 {padding-top:0.5em; padding-bottom:0.5em}
#openlucht-zwembaden {background: transparent;}
#openlucht-zwembaden ul{
	margin-right: 20px;
}
#jacuzzi-poolhouse h1, #jacuzzi-poolhouse h2, #jacuzzi-poolhouse p {margin:0 10px; letter-spacing:1px;}
#jacuzzi-poolhouse h1 {font-size:2em; color:#fff;}
#jacuzzi-poolhouse h2 {font-size:1.1em;color:#111; border:0;}
#jacuzzi-poolhouse p {padding-bottom:0.5em; margin: 8px;font-size:0.8em; }
#jacuzzi-poolhouse h2 {padding-top:0.5em; padding-bottom:0.5em}
#jacuzzi-poolhouse {background: transparent;}
#jacuzzi-poolhouse ul{
	margin-right: 20px;
}

#gegevens h1, #gegevens h2, #gegevens p {margin:0 10px; letter-spacing:1px;}
#gegevens h1 {font-size:2.5em; color:#fff;}
#gegevens h2 {font-size:1.1em;color:#111; border:0;}
#gegevens p {padding-bottom:0.5em;font-size:0.8em;}
#gegevens h2 {padding-top:0.5em; padding-bottom:0.5em}
#gegevens {background: transparent; margin-right: 50px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ccc; border-left:1px solid #ACC1DC; border-right:1px solid #ACC1DC;}
.xb1 {margin:0 5px; background:#ACC1DC;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#ccc; border:0 solid #ACC1DC; border-width:0 1px;}

/*einde hoeken===========*/
#inhoud dl{
	margin-left: 50px;
}
#openlucht-zwembaden dl{
	margin: 30px;
}
#inhoud dt{
	font-size: 1.1em;
}
.contact{
	font-size:1em;
	font-weight: bold;
}
#openlucht-zwembaden dt {
	margin: 10px;
	text-decoration: underline;
	font-size: 1.1em;
}
#openlucht-zwembaden dd{
	margin-left: 12px;
}
#openlucht-zwembaden dd.link{
	margin: 10px;
}
#openlucht-zwembaden dd.link a{
	margin: 10px;
	margin-left: 0;
	text-decoration: underline;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
}
#openlucht-zwembaden h4{
	margin-left: 10px;
	margin-right: 10px;
}
#openlucht-zwembaden h5{
	margin-left: 10px;
}
#jacuzzi-poolhouse h3{
	font-size: 1.4em;
	font-weight: bold;
}
#jacuzzi-poolhouse h4{
	font-size: 1.1em;
	font-weight: bold;
	margin:  20px;
	text-decoration: underline;
	line-height: 1.3em;
	padding: 0;
}
#jacuzzi-poolhouse dl{
	margin: 8px 30px;
	padding-bottom: 20px;
	font-size: 0.8em;
}
#jacuzzi-poolhouse dt{
	margin: 2px;
	font-weight: bold;
}
#jacuzzi-poolhouse dd{
	margin: 0;
	margin-left: 10px;
}
#jacuzzi-poolhouse p{
	margin: 4px 22px;
	padding: 0;
}
#jacuzzi-poolhouse ul li{
	font-size: 1.1em;
	font-weight: bold;
	margin: 9px;
	margin-left: 50px;
	list-style: none;
}
#jacuzzi-poolhouse ul li a{
	margin-left: 12px;
}
#jacuzzi-poolhouse ul li a:hover{
	padding-bottom:2px; 
	text-decoration:none;
	background:url(flash2.gif) bottom left repeat-x;
}
ol{
	margin: 10px 40px;
}
.clear{
	clear: both;
}
#beton{
	clear: both;
}
#faq{
	margin-top: 20px;
	font-size: 1.2em;
}
.vragen{
	float: right;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	border:1px solid #ACC1DC;
	background-color: #b0b0b0;
	padding: 20px;
	margin-right: 20px;
}
.vragen a:hover{
	padding-bottom:2px; 
	text-decoration:none;
	background:url(flash2.gif) bottom left repeat-x;
}
.realisaties{
	margin-left: 100px;
}
.projecten{
	border:1px solid #ACC1DC;
}
#inhoud dd{
	margin: 8px;
}
.zelf-doen{
	float:right;
	margin: 10px;
	padding: 0;
	clear: right;
}
#jacuzzi-poolhouse.zelf-doen{
	padding-top: 30px;
	padding: 0;
}
p.zelf-doen a img{
	border: 1px solid #4F96C2;
}
.specificaties{
	background-color: #fff;
	margin: 20px;
	border: 2px solid #4F96C2;
}
.top{
	float: right;
	clear: both;
	margin: 0;
	margin-right: 20px;
	padding: 0;
}
.top a{
	font-size: 0.7em;
}/*
#right{
	float: right;
	width: 20px;
}
/*mail*/
.ok,.error, .important{
    border: 1px solid #D8000C;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.important {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(important.png);
	 background-repeat: no-repeat;
}
.ok {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(ok.png);
	 background-repeat: no-repeat;
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(error.png);
	 background-repeat: no-repeat;
}
.sp{
	margin: 10px;
}
#contact-zwembad{
position: relative;
	height: 300px;
	#height: auto;
	_height: auto;
	/*float: left;
	border:1px solid #86F600;*/
	padding: 8px;
}
#gegevens{
	float: right;
	margin-right: 10px;
	margin-top: -300px;
	#margin-top: 18px;
	_margin-top: 18px;
	padding: 8px;
	width: 220px;
}
.zwem{
	font-size: 1.1em;
	font-weight:bold;
}
label{
	width: 85px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}
span{
	width: 85px;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
}
.submit input{
	margin-left: 4.5em;
} 
input{
	color: #000;
	background: #EEE;
	border: 1px solid #ACC1DC;
}
input.xtence{
	color: #000;
	background: #EEE;
	border: 2px outset #ACC1DC;
	margin-bottom: 4px;
}
textarea{
	margin-top: 4px;
	color: #000;
	background: #EEE;
	border: 1px solid #ACC1DC;
	margin-bottom: 5px;
	width: 310px;
}
.submit input{
	color: #000;
	background: #eee;
	border: 2px outset #ACC1DC;
} 
fieldset{
	position: relative;
	padding: 0;
	left:0px;
	margin:0;
	float:left;
	margin-left:15px;
	text-align: right;
	border: 0;
	width: 630px;
}
fieldset p{
	padding: 0;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 20px;
	width: 260px;
}
legend{
	font-weight: bold;
	border-bottom: 1px solid #ACC1DC;
	width: 615px;
}
#invoer{
	margin-bottom: 40px;
	padding: 0;
	float: left;
	text-align: left;
}
#invoerveld{
	margin-bottom: 40px;
	padding: 0;
	float: right;
	width: 340px;
	text-align: left;
}
#mail{
	margin-top: 15px;
	margin-left:65px;
}
/*=================================*/
#footer{
	position: relative;
	top: 10px;
	clear: both!important;/*
	background-image: url(foot.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	margin:0;
	padding: 0;
	height: 170px;
	margin-left: -10px;
	overflow: hidden;
	/*margin-top: -70px;*/
	_margin:0;*/
}
#footer h5{
	margin-top: 5px;
	font-size:11px;
	font-size:0.7em;
	text-align: center;
	width: 957px;
	background-color: #ACC1DC;
	padding:  10px 0;
	margin-bottom: 20px;
}
#footer a:link{
	color:#000;
	text-decoration: none;
}
#footer a:visited{
	color:#000;
	text-decoration: none;
}
#footer a:hover{
	color:#333;
	text-decoration: underline;
}
#footer a:active{
	color:#000;
	text-decoration: none;
}