body {
	margin:0;
	font:67.5% Verdana, Arial, sans-serif;
}

#container {
	position:relative;
	width:880px;
	height:586px;
	margin:15px auto;
	padding:0;
	overflow:hidden;
}

#header a {
	position:absolute;
	display:block;
	left:10px;
	top:0;
	height:83px;
	background:url('../images/tuinkantoor-header.gif') 8px 10px no-repeat;
}
#header h1 {display:none;}
#header p {display:none;}

#navigation {
	position:absolute;
	top:0;
	height:35px;
	margin:0;
	padding:37px 15px 10px;
	border-top:1px #CCC solid;
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
	font-size:1.2em;
}
#navigation ul, #navigation ul li {
	list-style-type:none;
	margin:0;
	padding:0;
}
#navigation li {
	float:left;
}
#navigation a {
	margin:0 15px 0 0;
	text-decoration:none;
	color:#999;
}
#navigation a.current_page_item {
	font-weight:700;
}

#content {
	position:absolute;
	left:428px;
	top:83px;
	height:433px;
	margin:0;
	padding:15px;
	border:1px #CCC solid;
	background:url('../images/tuinkantoor-logo.gif') right bottom no-repeat;
}
.home #content, .home #navigation {left:428px; width:410px;}
.home #content {color:#999; font-size:1.8em;}
.home #content p {margin:0; line-height:1.9em;}
.page #content, .page #navigation {left:356px; width:482px; font-size:1.2em;}
.page #content p, #contactform p {line-height:1.4em;}
#content.garden {background-image:url('../images/tuinkantoor-logo-grijs.gif');}
#content.garden p {line-height:1.3em; color:#609A7E;}

#content.garden .flower {
	margin:42px 0 0 0;
	border:1px #609A7E solid;
}

div#pagenav {
	position:absolute;
	left:10px;
	top:380px;
}
#content.garden div#pagenav {
	top:365px;
	width:484px;
	text-align:right;
}
div#pagenav span {
	float:left;
	margin:2px;
}
#content.garden div#pagenav span {float:right;}
div#pagenav a span {display:none;}
div#pagenav .section-inactive, div#pagenav .section-active, div#pagenav .prevsection, div#pagenav .nextsection, div#pagenav .photo-inactive, div#pagenav .photo-active, div#pagenav .prevphoto, div#pagenav .nextphoto {
	display:block;
	width:12px;
	height:12px;
	background:top left no-repeat;
}
div#pagenav .section-inactive {background-image:url('../images/nav-inactive.gif');}
div#pagenav .section-active {background-image:url('../images/nav-active.gif');}
div#pagenav .prevsection {background:url('../images/nav-prev.gif') 2px 2px no-repeat;}
div#pagenav .nextsection {background:url('../images/nav-next.gif') 2px 2px no-repeat;}
div#pagenav .photo-inactive {background-image:url('../images/gardennav-inactive.gif');}
div#pagenav .photo-active {background-image:url('../images/gardennav-active.gif');}
div#pagenav .prevphoto {background:url('../images/gardennav-prev.gif') 2px 2px no-repeat;}
div#pagenav .nextphoto {background:url('../images/gardennav-next.gif') 2px 2px no-repeat;}

#subheader {
	position:absolute;
	left:18px;
	top:83px;
	height:56px;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
}
.home #subheader {width:410px;}
.page #subheader {width:338px;}
#subheader.active {background:url('../images/tuininbeeld1.gif') left 20px no-repeat;}
#subheader.inactive {background:url('../images/tuininbeeld0.gif') left 20px no-repeat;}
#subheader.contact {background:url('../images/steleenvraag.gif') left 20px no-repeat;}
#subheader h3 {display:none;}

#contactform, #flowers {
	position:absolute;
	left:10px;
	top:141px;
}
#contactform {
	width:330px;
	height:391px;
	padding:8px;
}
#contactform .textbox {font-size:12px; width:300px;}
#contactform .warning {color:#F00;}

#flowers {
	width:418px;
	height:407px;
/*	background:url('../images/flowers-active.gif') left top no-repeat;*/
}
.home #header a, .home #flowers {width:418px;}
.page #header a, .page #flowers {width:346px;}
#flowers ul, #flowers ul li {
	list-style-type:none;
	margin:0;
	padding:0;
}
#flowers span {display:none;}
#flowers a {
	position:absolute;
	display:block;
}

#flowers a#flower1 {
	width:75px;
	height:96px;
	background:url('../images/flower01-kijktuin0.gif') 12px 5px no-repeat;
}
.home #flowers a#flower1 {left:17px; top:52px;}
.page #flowers a#flower1 {left:7px; top:32px;}
.home #flowers a#flower1, #flowers a#flower1:hover, #flowers a#flower1.current_page_item {background:url('../images/flower01-kijktuin1.gif') left top;}
#flowers a#flower2 {
	width:109px;
	height:110px;
	background:url('../images/flower02-visitekaartjestuin0.gif') 14px 6px no-repeat;
}
.home #flowers a#flower2 {left:99px; top:34px;}
.page #flowers a#flower2 {left:74px; top:14px;}
.home #flowers a#flower2, #flowers a#flower2:hover, #flowers a#flower2.current_page_item {background:url('../images/flower02-visitekaartjestuin1.gif') left top;}
#flowers a#flower3 {
	width:81px;
	height:93px;
	background:url('../images/flower03-watertuin0.gif') 5px 6px no-repeat;
}
.home #flowers a#flower3 {left:219px; top:38px;}
.page #flowers a#flower3 {left:179px; top:18px;}
.home #flowers a#flower3, #flowers a#flower3:hover, #flowers a#flower3.current_page_item {background:url('../images/flower03-watertuin1.gif') left top;}
#flowers a#flower4 {
	width:89px;
	height:80px;
	background:url('../images/flower04-boerderijtuin0.gif') 4px 4px no-repeat;
}
.home #flowers a#flower4 {left:313px; top:52px;}
.page #flowers a#flower4 {left:253px; top:32px;}
.home #flowers a#flower4, #flowers a#flower4:hover, #flowers a#flower4.current_page_item {background:url('../images/flower04-boerderijtuin1.gif') left top;}

#flowers a#flower5 {
	width:82px;
	height:96px;
	background:url('../images/flower05-eetkamertuin0.gif') 3px 7px no-repeat;
}
.home #flowers a#flower5 {left:7px; top:171px;}
.page #flowers a#flower5 {left:7px; top:141px;}
.home #flowers a#flower5, #flowers a#flower5:hover, #flowers a#flower5.current_page_item {background:url('../images/flower05-eetkamertuin1.gif') left top;}
#flowers a#flower6 {
	width:62px;
	height:97px;
	background:url('../images/flower06-kantoortuin0.gif') 3px 3px no-repeat;
}
.home #flowers a#flower6 {left:121px; top:154px;}
.page #flowers a#flower6 {left:101px; top:129px;}
.home #flowers a#flower6, #flowers a#flower6:hover, #flowers a#flower6.current_page_item {background:url('../images/flower06-kantoortuin1.gif') left top;}
#flowers a#flower7 {
	width:77px;
	height:104px;
	background:url('../images/flower07-kindertuin0.gif') 7px 3px no-repeat;
}
.home #flowers a#flower7 {left:204px; top:171px;}
.page #flowers a#flower7 {left:164px; top:141px;}
.home #flowers a#flower7, #flowers a#flower7:hover, #flowers a#flower7.current_page_item {background:url('../images/flower07-kindertuin1.gif') left top;}
#flowers a#flower8 {
	width:76px;
	height:105px;
	background:url('../images/flower08-liefhebberstuin0.gif') 7px 5px no-repeat;
}
.home #flowers a#flower8 {left:312px;top:158px;}
.page #flowers a#flower8 {left:252px;top:128px;}
.home #flowers a#flower8, #flowers a#flower8:hover, #flowers a#flower8.current_page_item {background:url('../images/flower08-liefhebberstuin1.gif') left top;}

#flowers a#flower9 {
	width:79px;
	height:106px;
	background:url('../images/flower09-landgoedtuin0.gif') 17px 5px no-repeat;
}
.home #flowers a#flower9 {left:0; top:285px;}
.page #flowers a#flower9 {left:0; top:245px;}
.home #flowers a#flower9, #flowers a#flower9:hover, #flowers a#flower9.current_page_item {background:url('../images/flower09-landgoedtuin1.gif') left top;}
#flowers a#flower10 {
	width:80px;
	height:85px;
	background:url('../images/flower10-stadstuin0.gif') 10px 6px no-repeat;
}
.home #flowers a#flower10 {left:111px; top:284px;}
.page #flowers a#flower10 {left:91px; top:244px;}
.home #flowers a#flower10, #flowers a#flower10:hover, #flowers a#flower10.current_page_item {background:url('../images/flower10-stadstuin1.gif') left top;}
#flowers a#flower11 {
	width:88px;
	height:103px;
	background:url('../images/flower11-gezamenlijketuin0.gif') 22px 6px no-repeat;
}
.home #flowers a#flower11 {left:202px; top:297px;}
.page #flowers a#flower11 {left:162px; top:257px;}
.home #flowers a#flower11, #flowers a#flower11:hover, #flowers a#flower11.current_page_item {background:url('../images/flower11-gezamenlijketuin1.gif') left top;}
#flowers a#flower12 {
	width:86px;
	height:101px;
	background:url('../images/flower12-natuurlijketuin0.gif') 6px 6px no-repeat;
}
.home #flowers a#flower12 {left:314px; top:291px;}
.page #flowers a#flower12 {left:254px; top:251px;}
.home #flowers a#flower12, #flowers a#flower12:hover, #flowers a#flower12.current_page_item {background:url('../images/flower12-natuurlijketuin1.gif') left top;}

#footer{
	position:absolute;
	left:10px;
	top:548px;
	width:860px;
	height:38px;
}
#footer p {
	line-height:18px;
	margin:20px 0 0 10px;
	padding:0;
}
#footer #colophon1, #footer #colophon2 {
	position:relative;
	float:right;
	margin:0;
	padding:0;
}
#footer #colophon1 p, #footer #colophon2 p {margin:25px 0 0 0;}
#footer #colophon1 a span, #footer #colophon2 a span {display:none;}
#footer #colophon1 a {
	display:block;
	width:232px;
	height:9px;
	background:url('../images/colophon1.gif') left top no-repeat;
}
#footer #colophon2 a {
	display:block;
	width:119px;
	height:9px;
	background:url('../images/colophon2.gif') left top no-repeat;
}

.clearall {clear:both;}
hr {display:none;}