*,html,body{
	margin:0;
	padding:0;
}
a{
	text-decoration: none;
	color:#0033FF;
}
a:focus{
	outline:0;
}
img{
	border:none;
}
html{
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
}
body{
	background:url(../img/bg.jpg) top left repeat-x #4a7bb3;
	height: 100%;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 100%;
}
p{
	margin: 3px 0 5px;
}
img{
	border: none;
}
ul{
	list-style:none;
}
li{
	list-style:none;
	float: left;
}
.hide{
	display:none;
}
.clear{
	clear:both;
}
#container{
	position:relative;
	width: 100%;
	height: 100%;
	text-align:left;
}
#center{
	position:absolute;
	background:#000;
	left: 50%;
	top: 50%;
	width: 950px;
	height: 665px;	
	margin: -333px 0px 0px -475px;
	border: 1px solid #a9dfff;
	text-align: left;
}
#header{
	position:absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 80px;
	background:#000;
	z-index: 50;
}
#header #logo{
	position:absolute;
	right:0;
}
#header #contact{
	position:absolute;
	left:0;
}
#left{
	position:relative;
	width: 353px;
	float: left;
	background:url(../img/navigation-bg.jpg) top left no-repeat;
	height: 100%;
}
#left img{
	position:absolute;
	bottom: 90px;
	left: 0px;
}
#navigation{
	position:absolute;
	top: 130px;
	left: 25px;
	width: 150px;
}
#navigation li{
	width:353px;
	line-height: 35px;
	background:url(../img/navigation-icon.gif) top left no-repeat;
}
#navigation li:hover, #navigation li.selected{
	background-position: 0px -50px;
}
#navigation li:hover a, #navigation li.selected a{
	color:#fff;
}
#navigation li a{
	color: #aaa;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	padding-left: 50px;
	font-weight:bolder;
}

#right{
	position:relative;
	float: left;
	width: 597px;
	background: #fff;
}
#top{
	width: 100%;
	background:url(../img/bg-top.jpg) top left repeat;
	height: 32px;
}
#top li{
	float: left;
	line-height: 32px;
	text-transform:uppercase;
	font-size: 11px;
}
#top li a{
	color: #fff;
	text-decoration:none;
	padding: 0px 5px;
	border-left: 1px solid #fff;
}
#top li:first-child a{
	border: none;
}
#top #language{
	margin-left: 12px;
}

#top #secondary-navigation{
	float:right;
	margin-right: 5px;
}

#title-bar{
	position:relative;
	width: 100%;
	background:url(../img/bg-title.jpg) top left repeat;
	height: 74px;
	padding: 5px 0px 0px 0px;
}

#title-bar h1{
	color: #fff;
	font-size: 18px;
	text-transform:uppercase;
	font-weight:normal;
	position:absolute;
	bottom: 20px;
	left: 15px;
}

#title-bar #content-navigation{
	position: absolute;
	bottom: 17px;
	right: 06px;
	width: 490px;
	float:right;
}

#title-bar #content-navigation li{
	float: left;
	text-transform:uppercase;
	font-size: 11px;
	line-height: 17px;
	font-weight:normal;
	float: right;
}
#title-bar #content-navigation li a{
	color: #fff;
	text-decoration:none;
	padding: 0px 5px;
	border-right: 1px solid #fff;
}
#title-bar #content-navigation li.last a{
	border:none;
}
#title-bar #content-navigation li:first-child a{
	border:none;
}

#content{
	position:relative;
	font-size: 12px;
	height: 474px;
	overflow:auto;
}
#content.inkorten p{
	margin: 0px 0 0px 0;
	padding: 0 0px 0 15px;
}
#content .box{
	width: 182px;
	float: left;
}

#content .box p{
	margin: 0;
}
#content.international{
	background:url(../img/europe.jpg) top left repeat;
}
#content.technologie{
	background: url(../img/zwembaden-technologie.jpg) top left no-repeat;
}
#content h2{
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bolder;
	padding: 15px 15px 10px;
}
#content h3{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bolder;
	padding: 7px 15px 0px;
}
#content p{
	padding: 0 15px 10px 15px;
}
#dealers li a{
	display: block;
	width:162px;
	font-size:10px;
	text-decoration:none;
	text-transform:uppercase;
	color:#000;
	margin: 3px 15px 3px 10px;
	padding: 0px 5px;
	font-weight:bold;
}
#dealers li a:hover{
	background:#333;
	color:#fff;
}
ul.list{
	list-style-position:inside;
	margin: 0px 25px 7px 25px;
}
ul.list li{
	background:url(../img/disc.png) top left no-repeat;
	width: 100%;
	padding-left: 12px;
	float:none;
}
#zwembaden li a img{
	padding: 0px 0px 16px 16px;
}

.toebehoren{
	margin: 0 0 0 15px;
}
.hr{
	background:url(../img/hr.png) top left repeat-x;
	height: 14px;
	width: 555px;
	margin: 16px 0px 0px 16px;
}
.pdf{
	background:url(../img/icon-pdf.jpg) top left no-repeat;
	line-height: 32px;
	height: 32px;
	display:block;
	padding-left: 50px;
}
#content.center img{
	margin-left: 85px;
}
.kleuren{
	padding-left: 175px;
}
.kleuren div{
	position:relative;
}
.kleuren ul{
	position:absolute;
	top: 9px;
	left: -155px;
}
.kleuren ul li{
	float:none;
}
.kleuren ul li a{
	padding: 0px 0px 0px 45px;
	display:block;
	line-height: 32px;
	margin: 2px 0px;
	color: #000;
	text-decoration:none;
}
.kleuren ul li.cyber-aqua a{
	background:url(../img/nl/zwembaden/kleuren/th/cyber-aqua.jpg) top left no-repeat;
}
.kleuren ul li.cyber-sky a{
	background:url(../img/nl/zwembaden/kleuren/th/cyber-sky.jpg) top left no-repeat;
}
.kleuren ul li.cyber-moon a{
	background:url(../img/nl/zwembaden/kleuren/th/cyber-moon.jpg) top left no-repeat;
}
.kleuren ul li.golden-pebble a{
	background:url(../img/nl/zwembaden/kleuren/th/golden-pebble.jpg) top left no-repeat;
}
.kleuren ul li.granite a{
	background:url(../img/nl/zwembaden/kleuren/th/granite.jpg) top left no-repeat;
}
.kleuren ul li.blue-granite a{
	background:url(../img/nl/zwembaden/kleuren/th/blue-granite.jpg) top left no-repeat;
}
.kleuren ul li.smokey-quartz a{
	background:url(../img/nl/zwembaden/kleuren/th/smokey-quartz.jpg) top left no-repeat;
}
.kleuren ul li.blue-saphire a{
	background:url(../img/nl/zwembaden/kleuren/th/blue-saphire.jpg) top left no-repeat;
}
.kleuren ul li.diamond-reef a{
	background:url(../img/nl/zwembaden/kleuren/th/diamond-reef.jpg) top left no-repeat;
}
.kleuren ul li.solid-compass-blue a{
	background:url(../img/nl/zwembaden/kleuren/th/solid-compass-blue.jpg) top left no-repeat;
}
.kleuren ul li.solid-papyrus-white a{
	background:url(../img/nl/zwembaden/kleuren/th/solid-papyrus-white.jpg) top left no-repeat;
}
.important{
	padding-left: 15px;
	color:#f60;
	font-style:italic;	
}
#photos{
	position:relative;
	height: 103px;
	padding: 11px 0px 0px 11px;
}
.error{
	border: 1px solid #FF0000;
}
input, textarea{
	background:#eee;
	width: 215px;
	border: 1px solid #eee;
	padding: 2px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
input.small{
	width: 50px;
}
input.medium{
	width: 137px;
}
input.submit{
	color:#fff;
	text-transform:uppercase;
	background:#333;
	width:auto;
	font-size:12px;
	cursor: hand;
	cursor: pointer;
	padding: 5px 15px;
}
input.submit:hover{
	color:#fff;
	text-transform:uppercase;
	background:#666;
	width:auto;
	font-size:12px;
}
#map{
	width: 300px;
	height: 150px;
	margin-left: 15px;
}