html, body	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	margin: 0;
	padding: 0;
	line-height: 150%;
	background: #333333 url(images/bg2.gif) top center repeat-x;
	text-align: center;
}

#container, #header, #mainmenu, #sidebar, #content, #sidebar, #copyright, #footer {
	margin: 0;
	padding: 0;
	text-align: left;
}

* html #container {
height: 100%;
}

#container		{ position: relative; width: 870px; background: #FFF; margin: 0px auto 0px auto; border-left: solid 4px #fff;
	border-right: solid 4px #fff; overflow: hidden;}

#header			{ position: relative; width: 870px; height: 119px; background-image:url(images/header.gif); }
#logo			{ float: left; width: 208px; height:145px; background-image:url(images/logo.gif); }
#slider			{ float: left; width: 650px; height: 145px; margin:  0 0 2px 0; }

#mainmenu		{ position: absolute; top: 55px; left: 208px; height: 59px; width: 661px;}
.tuinontwerp	{ float: left; width: 136px; height: 59px; background-image:url(images/tuinontwerp.gif);}
.tuinaanleg		{ float: left; width: 104px; height: 59px; background-image:url(images/tuinaanleg.gif);}
.tuinonderhoud	{ float: left; width: 136px; height: 59px; background-image:url(images/tuinonderhoud.gif);}
.sierbestrating	{ float: left; width: 133px; height: 59px; background-image:url(images/sierbestrating.gif);}
.boomverzorging	{ float: left; width: 152px; height: 59px; background-image:url(images/boomverzorging.gif);}

#sidebar		{ float: left; width: 210px; height: auto; padding-top: 5px;}

#menu ul						{ list-style-type:none; margin:0px 0px 20px 0px; padding:0;}
#menu li						{ display: inline;}
#menu a							{ height: 37px; line-height:36px; padding-left: 25px; color: #fff; text-decoration: none; text-transform:uppercase; font-weight: bold; }
#menu a							{ font-size: 12px; display: block; width: 180px; background-image:url(images/li.gif); border-bottom: 1px solid #FFF; }
#menu a:link, #menu a:visited   { color: #fff; text-decoration: none;} 
#menu a:hover					{ color: #99cc00;}
 		 
 

#con			{ float: left; width:650px; height: auto; background:url(images/content_bg.png) no-repeat;}
#con			{ float: left; }
#text			{ padding: 25px 0 0 25px; width: 600px; height: auto;}
#text p			{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 150%;}

#breadcrumbs		{ height: 34px; line-height: 31px; font-size: 9px; color: #92b500; }
#breadcrumbs a		{ color: #92b500; text-decoration: underlined; }

#footer			{ clear: both; width: 870px; height: 91px; margin: 0px auto 0px auto; background: url(images/footer.gif) repeat-x 0 0;}
#footer			{ border-left: solid 4px #fff; border-right: solid 4px #fff;  border-bottom: solid 4px #fff;}
.copy 			{ float: left; margin: 61px 0 0 20px; font-size: 11px; color: #000; font-weight: normal;}
.links 			{ float: right; margin: 61px 20px 0 0; font-size: 11px; color: #000; font-weight: normal; }
.links a		{ text-decoration: none; color: #000; }


/* Typografie Styles, gelden voor de gehele website */
h1, h2, h3		{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; padding: 0; line-height: 160%;}
p, a, address	{ font-weight: normal; margin: 0; padding: 0; line-height: 160%; font-style: normal;}
img				{ margin: 0; padding: 0; border: 0;}
ul, li			{ margin: 0; padding: 0; line-height: 160%;}

h1				{ font-size: 16px; color; #000; font-weight: bold; padding: 14px 0px 5px 0px; background: url(images/h2.gif) no-repeat;}
h2				{ font-size: 14px; color: #92b500; font-weight: bold; margin: 0px 0px 7px 0px;}
h3				{ font-size: 12px; color: #92b500; font-weight: bold; margin: 9px 0px 5px 0px;}

a				{ color: #000; text-decoration: underline; }
a:hover			{ text-decoration: none; }

#gallery		{ width: 630px; }
.galimg			{ float: left; margin: 8px 0px 0px 8px; border: 1px solid #000; }