* { margin: 0; }
html, body { height: 100%; }

body {
	
	font: 11px Arial, Helvetica, sans-serif;
	/*background: url(../t01_images/bg/body.jpg) no-repeat top fixed #d0d1d2;*/
	color: #fff;
	}

h1 { font-size: 15px; font-weight: normal; margin: 0 0 10px; }
h2 { width: 129px; margin: 5px; font-size: 14px; text-transform: uppercase; }
a { text-decoration: none; color: #ccc; }
a:hover { text-decoration: underline; }
a img { border: 0; } 

/* ------------------  Classes voor H1 ------------------  */
.home h1 { color: #888; }
.wonen h1 { color: #703721; }
.water h1 { color: #7ab2dc; }
.basics h1 { color: #B80718;}
.houwer h1 {color: #888;}
.vervolg h1 {color: #888;}

#wrapper {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}
	.home { background: url(../t01_images/bg/body.jpg) no-repeat top fixed #000; }
	.wonen { background: url(../t01_images/wonen/bg/body.jpg) no-repeat top fixed #000; }
	.water { background: url(../t01_images/water/bg/body.jpg) no-repeat top fixed #000; }
	.basics { background: url(../t01_images/basics/bg/body.jpg) no-repeat top fixed #000; }
	.houwer { background: url(../t01_images/houwer/bg/body.jpg) no-repeat top fixed #000; }
	.vervolg { background: url(../t01_images/bg/body.jpg) no-repeat top fixed #000; }

#container {
	width: 840px;
	margin: 0 auto;
        padding: 40px 0 0;
	}
	#top { width: 840px; height: 19px; background: url(../t01_images/bg/content-top.png); behavior: url(pngfix/iepngfix.htc); }
	#bottom { width: 840px; height: 19px; background: url(../t01_images/bg/content-bottom.png); behavior: url(pngfix/iepngfix.htc); }

#content {
	width: 840px;
	background: url(../t01_images/bg/content.png);
	behavior: url(pngfix/iepngfix.htc);
	}

#header {
	width: 800px;
	height: 254px;
	padding: 0 20px;
	}

/* ------------------  Classes voor #mainmenu ------------------  */
.home #mainmenu {
	width: 800px;
	height: 30px;
	margin: 0 20px;
	background: url(../t01_images/bg/mainmenu.gif);
	}
	.home #mainmenu ul { height: 30px; padding: 0; margin: 0 28px; list-style: none; border-left: 1px solid #bbb; }
	.home #mainmenu ul li { float: left; }
	.home #mainmenu ul li a { height: 23px; padding: 7px 12px 0; border-right: 1px solid #bbb; color: #fff; float: left; }
	.home #mainmenu ul li a:hover { background: url(../t01_images/bg/mainmenu-hover.gif); text-decoration: none; }
                                               

.wonen #mainmenu {
	width: 800px;
	height: 30px;
	margin: 0 20px;
	background: url(../t01_images/wonen/bg/mainmenu.gif);
	}
	.wonen #mainmenu ul { height: 30px; padding: 0; margin: 0 28px; list-style: none; border-left: 1px solid #bbb; }
	.wonen #mainmenu ul li { float: left; }
	.wonen #mainmenu ul li a { height: 23px; padding: 7px 12px 0; border-right: 1px solid #bbb; color: #fff; float: left; }
	.wonen #mainmenu ul li a:hover { background: url(../t01_images/wonen/bg/mainmenu-hover.gif); text-decoration: none; }

.water #mainmenu {
	width: 800px;
	height: 30px;
	margin: 0 20px;
	background: url(../t01_images/water/bg/mainmenu.gif);
	}
	.water #mainmenu ul { height: 30px; padding: 0; margin: 0 28px; list-style: none; border-left: 1px solid #bbb; }
	.water #mainmenu ul li { float: left; }
	.water #mainmenu ul li a { height: 23px; padding: 7px 12px 0; border-right: 1px solid #bbb; color: #fff; float: left; }
	.water #mainmenu ul li a:hover { background: url(../t01_images/water/bg/mainmenu-hover.gif); text-decoration: none; }

.basics #mainmenu {
	width: 800px;
	height: 30px;
	margin: 0 20px;
	background: url(../t01_images/basics/bg/mainmenu.gif);
	}
	.basics #mainmenu ul { height: 30px; padding: 0; margin: 0 28px; list-style: none; border-left: 1px solid #bbb; }
	.basics #mainmenu ul li { float: left; }
	.basics #mainmenu ul li a { height: 23px; padding: 7px 12px 0; border-right: 1px solid #bbb; color: #fff; float: left; }
	.basics #mainmenu ul li a:hover { background: url(../t01_images/basics/bg/mainmenu-hover.gif); text-decoration: none; }

.houwer #mainmenu {
	width: 800px;
	height: 30px;
	margin: 0 20px;
	background: url(../t01_images/houwer/bg/mainmenu.gif);
	}
	.houwer #mainmenu ul { height: 30px; padding: 0; margin: 0 28px; list-style: none; border-left: 1px solid #bbb; }
	.houwer #mainmenu ul li { float: left; }
	.houwer #mainmenu ul li a { height: 23px; padding: 7px 12px 0; border-right: 1px solid #bbb; color: #fff; float: left; }
	.houwer #mainmenu ul li a:hover { background: url(../t01_images/houwer/bg/mainmenu-hover.gif); text-decoration: none; }

.vervolg #mainmenu {
	width: 800px;
	height: 30px;
	margin: 0 20px;
	background: url(../t01_images/bg/mainmenu.gif);
	}
	.vervolg #mainmenu ul { height: 30px; padding: 0; margin: 0 28px; list-style: none; border-left: 1px solid #bbb; }
	.vervolg #mainmenu ul li { float: left; }
	.vervolg #mainmenu ul li a { height: 23px; padding: 7px 12px 0; border-right: 1px solid #bbb; color: #fff; float: left; }
	.vervolg #mainmenu ul li a:hover { background: url(../t01_images/bg/mainmenu-hover.gif); text-decoration: none; }
	
/* ------------------  Classes voor page ------------------  */

#page {
   min-height: 294px;
   }
   
.home #page {
	width: 800px;
	padding: 10px 20px;
	overflow: hidden;
	}

.wonen #page {
	width: 800px;
	padding: 10px 20px;
	overflow: hidden;
	}
    .wonen #page p { margin: 0 0 15px; }
			
.water #page {
	width: 800px;
	padding: 10px 20px;
	overflow: hidden;
	}
    .water #page p { margin: 0 0 15px; }
	
.basics #page {
	width: 800px;
	padding: 10px 20px;
	overflow: hidden;
	}
    .basics #page p { margin: 0 0 15px; }

.houwer #page {
	width: 800px;
	padding: 0 20px;
	overflow: hidden;
	position: relative;
	}
	.houwer #page .imgbg { float: left;}
	.houwer #page p { margin: 0 0 15px; }
	.houwer #page .text { width: 350px; position: absolute; right: 150px; top: 120px; }

.vervolg #page {
	width: 800px;
	padding: 10px 20px;
	overflow: hidden;
	}
    .vervolg #page p { margin: 0 0 15px; line-height: 18px;}

/* ------------------  Classes voor left ------------------  */
.home #left {
	width: 163px;
	padding: 0 18px;
	float: left;
	}
	.home #left .box { width: 163px; height: 293px; background: url(../t01_images/bg/carousel.gif); }
	.home #left .box p { margin: 8px 5px; }

.wonen #left {
	width: 276px;
	padding: 0 18px;
	float: left;
	}
	.wonen #left .box { width: 163px; height: 293px; background: url(../t01_images/bg/carousel.gif); }
	.wonen #left .box p { margin: 8px 5px; }
	
.water #left {
	width: 276px;
	padding: 0 18px;
	float: left;
	}
	.water #left .box { width: 163px; height: 293px; background: url(../t01_images/bg/carousel.gif); }
	.water #left .box p { margin: 8px 5px; }

.basics #left {
	width: 276px;
	padding: 0 18px;
	float: left;
	}
	.basics #left .box { width: 163px; height: 293px; background: url(../t01_images/bg/carousel.gif); }
	.basics #left .box p { margin: 8px 5px; }

.vervolg #left {
	width: 276px;
	padding: 0 18px;
	border-right: 1px solid #888;
	float: left;
	}
	
/* ------------------  Classes voor right ------------------  */
.home #right {
	width: 572px;
	padding: 0 28px 0 0;
	border-left: 1px solid #888;
	float: left;
	}
	.home #right .item { width: 561px; padding: 6px; border-bottom: 1px solid #888; overflow: hidden; }
	.home #right .item img { float: left; margin: 0 20px 0 0; }
	.home #right .lv { font-weight: bold; float: right; }

.wonen #right {
	width: 449px;
	padding: 0 28px 0 10px;
	border-left: 1px solid #888;
	float: left;
	}
	.wonen #right .item { width: 435px; padding: 6px; border-bottom: 1px solid #888; overflow: hidden; }
	.wonen #right .item img { float: left; margin: 0 20px 0 0; }
	.wonen #right .lv { font-weight: bold; float: right; }
	.wonen #right .gallery { width: 460px; padding: 10px 0 0; border-top: 1px solid #888; overflow: hidden; }
	.wonen #right .gallery img { margin: 0 7px 10px 0; float: left; }

.water #right {
	width: 449px;
	padding: 0 28px 0 10px;
	border-left: 1px solid #888;
	float: left;
	}
	.water #right .item { width: 435px; padding: 6px; border-bottom: 1px solid #888; overflow: hidden; }
	.water #right .item img { float: left; margin: 0 20px 0 0; }
	.water #right .lv { font-weight: bold; float: right; }
	.water #right .gallery { width: 460px; padding: 10px 0 0; border-top: 1px solid #888; overflow: hidden; }
	.water #right .gallery img { margin: 0 7px 10px 0; float: left; }

.basics #right {
	width: 449px;
	padding: 0 28px 0 10px;
	float: left;
	}
	
.vervolg #right {
	width: 449px;
	padding: 0 28px 0 10px;
	float: left;
	}
	
/* ------------------  Classes voor footer ------------------  */
.home #footer {
	width: 800px;
	height: 12px;
	margin: 0 20px;
	background: url(../t01_images/bg/footer.gif);
	font-size: 9px;
	overflow: hidden;
	}
	.home #footer ul { padding: 0 18px; list-style: none; }
	.home #footer ul li { margin: 0 10px; float: left; }
	.home #footer ul li a { float: left; }

.wonen #footer {
	width: 800px;
	height: 12px;
	margin: 0 20px;
	background: url(../t01_images/wonen/bg/footer.gif);
	font-size: 9px;
	overflow: hidden;
	}
	.wonen #footer ul { padding: 0 18px; list-style: none; }
	.wonen #footer ul li { margin: 0 10px; float: left; }
	.wonen #footer ul li a { float: left; }

.water #footer {
	width: 800px;
	height: 12px;
	margin: 0 20px;
	background: url(../t01_images/water/bg/footer.gif);
	font-size: 9px;
	overflow: hidden;
	}
	.water #footer ul { padding: 0 18px; list-style: none; }
	.water #footer ul li { margin: 0 10px; float: left; }
	.water #footer ul li a { float: left; }

.basics #footer {
	width: 800px;
	height: 12px;
	margin: 0 20px;
	background: url(../t01_images/basics/bg/footer.gif);
	font-size: 9px;
	overflow: hidden;
	}
	.basics #footer ul { padding: 0 18px; list-style: none; }
	.basics #footer ul li { margin: 0 10px; float: left; }
	.basics #footer ul li a { float: left; }


.houwer #footer {
	width: 800px;
	height: 12px;
	margin: 0 20px;
	background: url(../t01_images/houwer/bg/footer.gif);
	font-size: 9px;
	overflow: hidden;
	}
	.houwer #footer ul { padding: 0 18px; list-style: none; }
	.houwer #footer ul li { margin: 0 10px; float: left; }
	.houwer #footer ul li a { float: left; }
	
.vervolg #footer {
	width: 800px;
	height: 12px;
	margin: 0 20px;
	background: url(../t01_images/bg/footer.gif);
	font-size: 9px;
	overflow: hidden;
	}
	.vervolg #footer ul { padding: 0 18px; list-style: none; }
	.vervolg #footer ul li { margin: 0 10px; float: left; }
	.vervolg #footer ul li a { float: left; }

.glidecontentwrapper { width: 163px; height: 293px; overflow: hidden; position: relative; }
.glidecontent { width: 139px; height: 281px; padding: 6px 12px; background: url(../t01_images/bg/carousel.gif); visibility: hidden; position: absolute; }
.glidecontenttoggler { height: 0; font-size: 0; display: none; visibility: hidden; overflow: hidden; }