html {
	margin:  0;
	padding: 0;
	}
body {
	margin:  0;
	padding: 0;
	font:  13px/24px "lucida grande", "Gill Sans", "Gill Sans MT", GillSans, Calibri, Trebuchet, sans-serif;
	color: #fff;
	background: #6F6452 url(bg.jpg) center top no-repeat;
	}
#container {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background: transparent url(bg-header2.png) center top repeat-x;
}
#header {
	width:  960px;
	height: 240px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
	#logo {
		padding-top: 27px;
		margin:  0px 0 0 318px;
		width: 470px;
		height: 57px;
		z-index: -10;
		background: transparent url(logo-wattec.png) 0px 27px no-repeat;
	}
	#logo img {
	display: none;
}
		img#hydro {
		margin-left: 17px;
	}

#content {
	margin: 20px 0 0 0;
}
	#content-left {
		width: 240px;
		float: left;
		margin: 0 0 0 0px;
		}
		#content-left ul {
			margin: -8px 0 0 65px;
			list-style-type: none;
			text-align: right;
			padding: 0px 0px 0 2em;
			color: #403a2e;
			}
			#content-left li {
				border-top: 1px dotted #6f6452;
				line-height: 2em;
			}
			#content-left li:hover {

			}
			#content-left li a {
				display: block;
			}
	#tekst {
	line-height: 2.2em;
	}
		#tekst p {
			margin-left: 150px;
			margin-right: 1em;
		}
		#tekst ul, #tekst ol {
			margin-left: 112px;
		}
		#tekst ul {
			list-style-type: square;
		}
		#tekst ul li {
		
		}
		#tekst ul ul {
			margin-left: 0;
		}
		#tekst p span {
			font-variant: small-caps;
			text-transform: uppercase;
		}
		#tekst em {
			font-style: normal;
			text-shadow: 0px 1px 1px #6f6452;
			color: #3f3624; /* of: d9ffd1 */
		}
	#foto {
		
	}
		#foto img, #foto p {
			margin-left: 10px;
		}
	#pictures {
	margin-left: 274px;
	}
		#pictures img {
			border: 1px solid #6f6452;
			}

/* === NAVIGATIE === */
ul#mainnav {
	width: 455px;
	height: 26px;
	margin: 50px auto 0 auto;
	font-size: 26px;
	list-style-type: none;
	}
	ul#mainnav li {
	float: left;
	}
	#mainnav span {
		display: none;
		}
	ul#mainnav a {
	color: #000;
	text-decoration: none;
	display: block;
	}
	ul#mainnav a:visited {
	color: #000;
	}
	ul#mainnav a:hover {
	color: #00aeef;
	}
	a#home {
	background: transparent url(bg-mainnav.png) 0px 0px no-repeat;
	width: 68px;
	height: 25px;
	}
	a#home:hover {
	background-position: 0px -30px;
	}
	a#home:active {
	background-position: 0px -29px;
	}
	a#activiteiten {
	background: transparent url(bg-mainnav.png) -120px 0px no-repeat;
	width: 135px;
	height: 25px;
	margin-left: 52px;
	}
	a#activiteiten:hover {
	background-position: -120px -30px;
	}
	a#activiteiten.current {
	background-position: -120px -60px;
	}
	a#activiteiten:active, a#activiteiten.current:active {
	background-position: -120px -29px !important;
	}
	a#fotogalerij {
	background: transparent url(bg-mainnav.png) -297px 0px no-repeat;
	width: 126px;
	height: 26px;
	margin-left: 42px;
	}
	a#fotogalerij:hover {
	background-position: -297px -30px;
	}
	a#fotogalerij:active {
	background-position: -297px -29px;
	}
	
ul#subnav {
	width: 710px;
	height: 45px;
	margin: 15px auto 0 auto;
	list-style-type: none;
	font-size: 24px;
	}
	ul#subnav small {
	display: block;
	}
	#subnav span {
		display: none;
		}
	ul#subnav a {
	color: #bdbbb9;
	text-decoration: none;
	display: block;
	}
	ul#subnav a:visited {
	color: #bdbbb9;
	}
	ul#subnav a:hover {
	color: #00aeef;
	}
	ul#subnav li {
	float: left;
	border-left: 1px solid #6f6452;
	}
	ul#subnav li:first-child {
	border-left: none;
	}
	a#industrie {
	background: transparent url(bg-subnav.png) 0px 0px no-repeat;
	width: 128px;
	height: 45px;
	}
	a#industrie:hover {
	background-position: 0px -45px;
	}
	a#industrie:active {
	background-position: 0px -44px !important;
	}
	a#publiekezwembaden {
	background: transparent url(bg-subnav.png) -130px 0px no-repeat;
	width: 297px;
	height: 45px;
	}
	a#publiekezwembaden:hover {
	background-position: -130px -45px;
	}
	a#publiekezwembaden:active {
	background-position: -130px -44px !important;
	}
	a#privezwembaden {
	background: transparent url(bg-subnav.png) -430px 0px no-repeat;
	width: 240px;
	height: 45px;
	}
	a#privezwembaden:hover {
	background-position: -430px -45px;
	}
	a#privezwembaden:active {
	background-position: -430px -44px !important;
	}
	
#contact {
	position: absolute;
	right: 20px;
	top: 131px;
	width: 100px;
	height: 28px;
}
	#contact a {
	color: #bdbbb9;
	text-decoration: none;
	display: block;
	}
	#contact span {
	display: none;
}
	a#contactlink {
	background: transparent url(bg-contact.png) 0px 0px no-repeat;
	width: 100px;
	height: 30px;
	}
	a#contactlink:hover {
	background-position: 0px -30px;
	}
	a#contactlink:active {
	background-position: 0px -60px;
	}
	
/* === HEADERS === */

#header h1, #header h2, #header p {
	margin: 0;
	padding: 0;
}
#header h1, #header h2 {
	display: none;
}

h3 {
	font-family: "Gill Sans", "Gill Sans MT", GillSans, Calibri, Trebuchet, sans-serif;
	font-weight: normal;
	font-size: 30px;
	line-height: 0.9em;
	margin: 0 0 1em 0;
	color: #fff;
	padding-left: 65px;
	border-left: 0.9em solid #6f6452;
	text-shadow: 0px 1px 1px #6f6452;
	letter-spacing: 0px;
}
h3 span {
	text-transform: lowercase;
	font-variant: small-caps;
	color: #00e39f;
}
h4 {
	font-family: "Gill Sans", "Gill Sans MT", GillSans, Calibri, Trebuchet, sans-serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 1.3em;
	margin: 0 0 0 150px;
	color: #bafa66;
	color: #fff;
	letter-spacing: 1px;
	text-shadow: 0px 1px 1px #6f6452;
}
h4 span {
	text-transform: uppercase;
	font-variant: small-caps;
}
h5 {
	font-family: "Gill Sans", "Gill Sans MT", GillSans, Calibri, Trebuchet, sans-serif;
	font-weight: normal;
	font-size: 24px;
	margin: 4px 0 0.8em 0px;
	color: #bafa66;
	color: #fff;
	letter-spacing: 1px;
	text-transform: lowercase;
	font-variant: small-caps;
}
h5 a {
	color: #fff !important;
	text-decoration: none;
	border: none !important;
	text-shadow: none !important;
}
h5 a:hover {
	color: #00e39f !important;
}
h5 a:active {
	
}
/* === LINKS === */


#content a, #footer a {
	text-shadow: 0px 1px 1px #383127;
	color: #00e39f;
	text-decoration: none;
}
#tekst a {
	border-bottom: 1px solid #00b27c;
}
#content a:hover, #footer a:hover {
	border-bottom-color: #39e2a3;
	color: #fff;
}


/* === contact-page === */
#contactform {
	margin-left: 274px;
	
}
form {
	border: none;
	margin-left: -100px;
}

label {
	width: 90px;
	float: left;
	display: block;
	text-align: right;
	letter-spacing: 1px;
	padding: 0px 0px 0 0;
	margin: 1px 10px 0 0;
	color: #403a2e;
	border-top: 1px dotted #6f6452;
	font-family: courier;
}
button {
	margin-left: 100px;
}
form ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}
form li {
	margin-bottom: 4px;
	
}
input {
	margin: 0;
	padding: 2px 0;
}
textarea {
	margin: 2px 0 0 -1px;
}

#contact-page h5 {
	font-family: "Gill Sans", "Gill Sans MT", GillSans, Calibri, Trebuchet, sans-serif;
	font-weight: normal;
	font-size: 24px;
	margin: 4px 0 0.8em 0px;
	color: #bafa66;
	color: #fff;
	letter-spacing: 1px;
	text-transform: none;
	font-variant: normal;
}
#contactform h6 {
	font-size: 18px;
	margin: 0 0 0.5em 0;
}

/* ==== page specific ==== */

#industry-page a#industrie {
	background-position: 0px -45px;
	}
	#industry-page h4 span {
		color: #72dcff;
	}	
	#industry-page a {
		color: #72dcff;
		border-bottom-color: #72dcff;
	}
#publiek a#publiekezwembaden {
	background-position: -130px -45px;
	}
	#publiek h4 span {
		color: #fdff50;
	}
	#publiek a {
		color: #fdff50;
		border-bottom-color: #fdff50;
	}
#prive h4 span {
	color: #62d110;
	}
	#prive a#privezwembaden {
		background-position: -430px -45px;
		}
	#prive a {
		color: #62d110;
		border-bottom-color: #62d110;
	}
#contact-page a#contactlink {
	background-position: 0px -90px;
	}
#gallery-page #content h3, #gallery-slideshow #content h3 {

}
#gallery-slideshow h5 {
	padding-top: 3px;
	letter-spacing: 3px;
}
body.slideshow-opbouw a.slideshow-opbouw,
body.slideshow-industrie a.slideshow-industrie,
body.slideshow-publiekezwembaden a.slideshow-publiekezwembaden,
body.slideshow-techniekpubliekezwembaden a.slideshow-techniekpubliekezwembaden,
body.slideshow-whirlpools a.slideshow-whirlpools
 {
	color: #fff !important;
}


/* === FOOTER === */
#footer {
	clear: both;
	border-top: 1px solid #685940;
	width:  940px;
	margin: 4em auto 0em auto;
	color: #dadacc;
	font-size: 12px;
	
}
	#footercontent {
		border-top: 1px solid #8c8375;
		padding: 1em 0 0 0;
		position: relative;
		height: 200px;
		overflow: hidden;
	}
	#adres {
		margin-left: 140px;
	}
	#footer p {
		margin-top: 0;
		padding-top: 0;
	}
	#footer ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		
	}
	#footer ul li {
		float: left;
		margin-right: 14px;
	}
	#footer a:link, #footer a:visited {
			text-decoration: none;
			border: none;
	}
	#footer a:hover {
		color: #fff;
	}
	#footer a:active {
		
	}
	#footer h6 {
		font-size: 20px;
		margin: 0 0 0.5em 0;
		padding: 0;
		text-transform: uppercase;
		font-variant: small-caps;
		font-weight: normal;
	}
	#design {
		-khtml-border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background-color: rgba(135,122,106,0.5);
		color: #a89785;
		text-shadow: 0px 1px 1px #463E34;
		margin-top: 2em;
		padding-top: 3px;
		position: absolute;
		width: 200px;
		height: 3em;
		top: 160px;
		left: 42%;
	}
	#design a:link, #design a:visited {
			color: #a89785;
			text-decoration: none;
			border: none;
	}
	#design a:hover {
		color: #fff;
	}

/* S I Z E */
.one {width: 60px;}
.two {width: 140px;}
.three {width: 220px;}
.four {width: 300px;}
.five {width: 380px;}
.six {width: 460px;}
.seven {width: 540px;}
.eight {width: 620px;}
.nine {width: 700px;}
.ten {width: 780px;}
.eleven {width: 860px;}
.twelve {width: 940px;}


/* P L A C E M E N T */
.gutterleft { margin-left: 80px; }
.gutterright { margin-right: 20px; }
.guttertop { margin-top: 20px; }
.gutterbottom { margin-bottom: 20px; }
.left {float: left;}
.right {float: right;}
.right.inset {margin: 0 0px 0 20px;} /* img floated right within text */
.left.inset {margin-left: 0px;} /* img floated left within text */
.center {
	text-align: center;
}
.middle {
	margin: 0 auto;
}
.half {
	width: 480px;
}
.low {
	margin-top: 65px;
}
/* C O L O R + S T Y L E*/

img {
	padding: 0;
	margin: 0;
}
.clear {
	height: 0.1%;
	clear: both;
}
.clearfloat {
	clear: both !important;
}

img { 
	-ms-interpolation-mode:bicubic;
	border: none;
 }
img a {
	border:  none !important;
}
.break {
	border-right: 1px solid #bdbbb9;
	padding-right: 13px;
	margin-right: 13px;
}
.roundedcorners{
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.rand {
	border:  1px solid red;
}

.slideshow {
position: relative;
height: 315px; 
width: 420px;
padding: 1px; margin: 0 0 50px;
}
div.slideshow img {
padding: 0; margin: 0;
border: 0;
}
div.slideshow ul {
padding: 0; margin: 0;
list-style: none;
}
ul.cycle-arrows,
ul.cycle-pagination {
position: absolute; bottom: -30px;
}
ul.cycle-arrows {
right: 0;
}
ul.cycle-pagination {
left: -5px;
bottom: -33px;
}
ul.cycle-arrows li,
ul.cycle-pagination a {
	float: left;
	margin: 0 0 0 5px;
	font-size: 11px;
	line-height: 18px;
	color: #595040;
}
ul.cycle-arrows a,
ul.cycle-pagination a {
	padding: 1px 7px;
	text-decoration: none;
	background-color: #595040;
	border: 2px solid #595040;
	border-radius: 15px; 
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
	color: #badcb3;
	text-shadow: none !important;
}
ul.cycle-pagination a:hover {
color: #595040 !important;
border: 2px solid #00e39f;
background-color: #00e39f;
}
ul.cycle-arrows a:hover,
ul.cycle-arrows a:focus,
ul.cycle-arrows a:active,
ul.cycle-pagination a:hover,
ul.cycle-pagination a:focus,
ul.cycle-pagination a:active {
	text-decoration: none;
	background-color: #00e39f;
}
ul.cycle-arrows a:hover {
color: #595040 !important;
border: 2px solid #00e39f;
background-color: #00e39f;
}
ul.cycle-pagination a.activeSlide {
	color: #595040 !important;
	background-color: #00e39f;
	border: 2px solid #00e39f;
	text-shadow: none !important;
}
ul.cycle-arrows a:active,
ul.cycle-pagination a:active {
	outline: 0;
}
ul.cycle-arrows li.vorige a::before {
	content: "← ";
}
ul.cycle-arrows li.volgende a::after {
	content: " →";
}