@charset "utf-8";

/* Basic style */
* 		{
	margin: 0px;
	padding: 0px;
}
html 	{ height: auto; width: 100%; }
body 	{
	color: #506804;
	width: 100%;
	background-color: #f47b20;
	background-image: url(/files/graphics/logoboomhalf.png);
	background-repeat: no-repeat;
	background-position: 10px top;
	font-family: "Trebuchet MS",  Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 16px;
}
li   {margin-left: 4px;}	
a 		{ border: 0px; }
img 	{ border: 0px; }
hr 	{ display: none; }
/* Common classes */
.clearfix:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.hidden 			 { display: none; }
/* Decorations */
#linesTopLeft 		{
	height: 305px;
	left: -305px;
	position: absolute;
	top: 0px;
	width: 305px;
	background-image: url(/files/graphics/lines-top-left.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#linesBottomLeft 	{ background: url(/files/graphics/lines-bottom-left.png) top left no-repeat; height: 436px; left: -436px; position: absolute; top: -300px; width: 439px; }
#linesBottomRight	{ background: url(/files/graphics/lines-top-right.png) top left no-repeat; height: 500px; right: 0px; position: absolute; top: 200px; width: 437px; }
#linesBottom		{ background: url(/files/graphics/lines-bottom.png) top left no-repeat; bottom: 0px; height: 47px; right: 0px; position: absolute; width: 47px; }

/* Main content */
#main 	{ margin: 0px auto; min-height: 100%; position: relative; width: 1024px; }

#content {
	min-height: 100%;
	background-color: #fff;
	background-repeat: repeat;
	background-position: left top;
}
#footer 	{ background: #73a300 url(/files/graphics/footer.png) top left repeat-x; height: 400px; position:relative; }

/* Content */
#content 			{
	padding: 55px 55px 10px 55px;
	background-repeat: no-repeat;
	background-image: url(/graphics/content-background.png);
	background-position: top;
}
#content #logo				{
	height: 36px;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;	
}


#content #logo strong 	{
	display: block;
	height: 61px;
	position: fixed;
	left: 3px;
	top: 3px;
	width: 345px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: visible;
}

#content #h1wrap				{
	position: absolute;
	top: 160px;

}
#content #h1wrap h1 			{ height: 129px; text-indent: -9999px; overflow: hidden; width: 461px; }
#content #h1wrap h1 span 	{
	display: block;
	height: 129px;
	position: absolute;
	left: 0;
	top: 0;
	width: 461px;
	z-index: 1;
	background-image: url(/files/graphics/content-head.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#content #h1wrap h2 span 	{
	display: block;
	height: 129px;
	position: absolute;
	left: 0;
	top: 0;
	width: 461px;
	z-index: 1;
	background-image: url(/imgs/relax.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	#content #h1wrap h3 span 	{
	display: block;
	height: 129px;
	position: absolute;
	left: 0;
	top: 0;
	width: 461px;
	z-index: 1;
	background-image: url(/imgs/plantenbakkenklim.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	#content #h1wrap h4 span 	{
	display: block;
	height: 229px;
	position: absolute;
	left: 0;
	top: 0;
	width: 461px;
	z-index: 1;
	background-image: url(/imgs/inspratie.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

	#content #h1wrap h5 span 	{
	display: block;
	height: 132px;
	position: absolute;
	left: 0;
	top: 0;
	width: 461px;
	z-index: 1;
	background-image: url(/imgs/Gazononderhoud.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

	#content #h1wrap h6 span 	{
	display: block;
	height: 132px;
	position: absolute;
	left: 0;
	top: 0;
	width: 461px;
	z-index: 1;
	background-image: url(/imgs/insectenhotel.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#content #h1wrap #more 		{
	bottom: -30px;
	height: 69px;
	position: absolute;
	right: -30px;
	width: 69px;
	z-index: 2;
	background-image: url(/files/graphics/content-head-more.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#content #mainMenu 					{
	float: left;
	height: 27px;
	margin: 0px 0px 0px 0px;
	width: auto;
	background-image: url(/files/graphics/content-nav-center.gif);
	background-repeat: repeat-x;
}
#content #mainMenu .wrapper 		{
	height: 27px;
	width: auto;
	background-image: url(/files/graphics/content-nav-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#content #mainMenu ul 				{
	height: 27px;
	list-style: none;
	background-image: url(/files/graphics/content-nav-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#content #mainMenu ul li 			{ float: left; }
#content #mainMenu ul li a			{ color: #ffffff; font-size: 1.2em; font-weight: bold; line-height: 26px; padding: 0px 11px; text-decoration: none; }
#content #mainMenu ul li a #current    {
	color: #F60; font-size: 1.2em; font-weight: bold; line-height: 26px; padding: 0px 11px; text-decoration: none; }
.current_page_item {
	color: #F60;
}

#content #mainMenu ul li a:hover	{ text-decoration: underline; }


#content #why 				{
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 538px;
}
#content #why h2 			{
	height: 42px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	position: relative;
	text-indent: -9999px;
	width: 140px;
	background-image: url(/files/graphics/content-why.png);

}

#content #why h3 			{
	height: 42px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	position: relative;
	text-indent: -9999px;
	width: 140px;
	background-image: url(/files/graphics/content-why.png);
	}

#content #why h4 			{
	height: 42px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	position: relative;
	text-indent: -9999px;
	width: 140px;
	background-image: url(/files/graphics/content-whybedrijfsgroen.png);
	}

#content #why h5 			{
	height: 42px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	position: relative;
	text-indent: -9999px;
	width: 140px;
	background-image: url(/files/graphics/content-whylinken.png);


}
#content #why #h2 span	{
	display: block;
	height: 42px;
	position: absolute;
	left: 0;
	top: 0;
	width: 140px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: left top;
}


#content #why ul 			{ list-style: none; margin: 0px 0px 0px 5px; }
#content #why ul li 		{
	font-size: 1.2em;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 12px;
	background-image: url(/files/graphics/content-bullet.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}

#content #preface 	{
	width: 460px;
	clear: left;
	float: none;	
}
#content #preface h2 {
	color: #93BC00;
	font-size: 18px;
	margin: 0px 0px 20px 0px;
	line-height: 24px;
}
#content #preface p 	{ margin: 0px 0px 25px 0px; }

#content .panel 			{}
#content .panel .rule   {
	border: 0px;
	height: 1px;
	margin: 0px 0px 10px 0px;
	background-image: url(/files/graphics/content-hr.gif);
	background-repeat: repeat;
	background-position: left top;
}
#content .panel h3 		{ height: 31px; font-size: 0px;  margin: 0px 0px 0px 0px; position: relative; text-indent: -9999px; width: 251px; }
#content .panel h3 span	{
	display: block;
	height: 31px;
	position: absolute;
	left: -1px;
	top: 2px;
	width: 251px;
	z-index: 1;
	background-image: url(../graphics/content-latest-webdesigns.png);
}
#content .panel h3#latestWebdesigns span {
	background-image: url(/files/graphics/content-tuinvoorbeelden.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#content .panel h3#latestparticulier span { background: url(/files/graphics/content-particulier.png) top left no-repeat; }
#content .panel h3#latestzaak span { background: url(/files/graphics/content-zaak.png) top left no-repeat; }
#content .panel h3#latestreferentie span { background: url(/files/graphics/content-referentie.png) top left no-repeat; }
#content .panel h3#latestinspratie span {
	background-image: url(/files/graphics/content-tuinspreuk.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#content .panel h3#latesttuinbeheer span { background: url(/files/graphics/content-tuinbeheer.png) top left no-repeat; }
#content .panel h4 		{ color: #4f7500; font-size: 1.5em; font-weight: bold; margin: 0px 0px 20px 0px; }
#content .panel p 		{ font-size: 1em; margin: 0px 0px 15px 0px; }
#content .panel .item 	{ margin: 0px 0px 25px 0px; }
#content .panel .image 	{ background: url(/files/graphics/content-image-bg.png) top left repeat; float: left; height: auto; padding: 5px 5px 5px 5px; width: 530px; }
#content .panel .desc	{
	float: right;
	width: 360px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCE371;
	}
#content .panel .desc h2	{
	color: #3C4A00;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 21px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#content .panel .desc h4	{
	color: #3C4A00;
	font-size: 1.6em;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 21px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #537E01;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	border-bottom-width: thin;
	border-bottom-style: outset;
	border-bottom-color: #090;
}
#content .panel .buttonSmall 				{ background: #4f7500 url(/files/graphics/content-button-small-center.gif) top left repeat-x; float: right; height: 25px; line-height: 23px; margin: 0px 0px 5px 5px; }
#content .panel .buttonSmall a 			{ background: url(/files/graphics/content-button-small-left.gif) top left no-repeat; color: #fff; display: block; font-weight: bold; height: 25px; text-decoration: none; }
#content .panel .buttonSmall a:hover 	{ color: #fff; display: block; font-weight: bold; text-decoration: underline; }
#content .panel .buttonSmall a strong	{ background: url(/files/graphics/content-button-small-right.gif) top right no-repeat; display: block; height: 25px; padding: 0px 14px; }
#content .panel .buttonSmall a span 	{ background: url(/files/graphics/content-button-small-arrow.gif) 0px 9px no-repeat; cursor: pointer; display: block; padding: 0px 0px 0px 10px; }

#content .panel .buttonLarge 				{ background: #bae800 url(/files/graphics/content-button-large-center.gif) top left repeat-x; cursor: pointer; float: right; height: 28px; line-height: 28px; margin: 0px 0px 5px 0px; }
#content .panel .buttonLarge a 			{ background: url(/files/graphics/content-button-large-left.gif) top left no-repeat; color: #2e4300; display: block; font-size: 1.2em; font-weight: bold; height: 28px; text-decoration: none; }
#content .panel .buttonLarge a:hover 	{ color: #2e4300; display: block; font-weight: bold; text-decoration: underline; }
#content .panel .buttonLarge a strong	{ background: url(/files/graphics/content-button-large-right.gif) top right no-repeat; display: block; height: 28px; padding: 0px 14px; }
#content .panel .buttonLarge a span 	{ background: url(/files/graphics/content-button-large-arrow.gif) 0px 9px no-repeat; cursor: pointer; display: block; padding: 0px 0px 0px 15px; }

#content .top 			{ cursor: pointer; height: 21px; margin: 20px 0px 0px 0px; text-indent: -9999px; width: 44px; }
#content .top a		{ cursor: pointer; display: block; font-size: 0px; height: 21px; overflow: hidden; position: relative; width: 44px; }
#content .top a span	{ background: url(/files/graphics/content-top.png) top left no-repeat; display: block; height: 21px; position: absolute; left: 0; top: 0; width: 44px; z-index: 1; }


/* Footer */
#footer 										{ padding: 0px 55px 0px 55px; }
#footer input,
#footer textarea							{
	color: #ffffff;
	padding: 4px 6px 6px 6px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
#footer h2 									{ overflow: hidden; font-size: 0px; margin: 10px 0px; position: relative; }
#footer h2 span							{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: left top;
}
#footer #contactForm 					{ float: left; width: 541px; }
#footer #contactForm h2 				{ height: 31px; width: 261px; }
#footer #contactForm h2 span 			{
	height: 31px;
	width: 261px;
	background-image: url(/files/graphics/footer-contact.png);
	background-repeat: no-repeat;
	background-position: left top;
}                         
#footer #contactForm input 			{
	border: 0px;
	height: 16px;
	margin: 0px 0px 4px 0px;
	width: 529px;
	background-color: #699800;
	background-image: url(/files/graphics/footer-input.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#footer #contactForm input:outline	{ border: 0px; }
#footer #contactForm input#submit	{
	color: #ffffff;
	cursor: pointer;
	float: right;
	font-weight: bold;
	height: 28px;
	padding: 0px 0px 3px 0px;
	vertical-align: top;
	text-align: center;
	width: 59px;
	background-color: #699800;
	background-image: url(/files/graphics/footer-submit.gif);
	background-repeat: no-repeat;
	background-position: left top;
}  
#footer #contactForm p 					{ color: #344b00; margin: 0px 0px 22px 0px; }
#footer #contactForm form p			{ margin: 0px; }
#footer #contactForm textarea			{
	height: 115px;
	border: 0px;
	margin: 0px 0px 13px 0px;
	width: 529px;
	background-color: #699800;
	background-image: url(/files/graphics/footer-textarea.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
       
#footer #quickNavigation 				{ float: right; width: 365px; }
#footer #quickNavigation h2 			{ height: 31px; margin-left: 6px; width: 250px; }
#footer #quickNavigation h2 span 	{
	height: 31px;
	width: 250px;
	background-image: url(/files/graphics/footer-navigation.png);
	background-repeat: no-repeat;
	background-position: left top;
}                         
#footer #quickNavigation p 			{ margin:0px 0px 0px 6px; }

#footer #quickNavigation ul							{ list-style: none; height: 130px; width: 200px; }         
#footer #quickNavigation ul li						{ position: relative; float: left; }
#footer #quickNavigation ul li a.main				{ color: #ffffff; font-size: 1.1em; font-weight: bold; display: block; height: 25px; line-height: 23px; padding: 0px 8px 0px 6px; text-align: center; text-decoration: none; }

#footer #quickNavigation ul li a.main:hover					{
	display: block;
	padding: 0px;
	background-color: #567a00;
	background-image: url(/files/graphics/footer-nav-center.gif);
	background-repeat: repeat-x;
}
#footer #quickNavigation ul li a.main:hover strong 		{
	display: block;
	background-image: url(/files/graphics/footer-nav-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#footer #quickNavigation ul li a.main:hover strong span 	{
	display: block;
	padding: 0px 8px 0px 6px;
	background-image: url(/files/graphics/footer-nav-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer #quickNavigation ul li ul					{ position: absolute; margin: 10px 0px 0px 6px; }
#footer #quickNavigation ul li ul li				{float: none; }
#footer #quickNavigation ul li ul li a				{ color: #344b00; font-size: 1em; font-weight: normal; text-decoration: none; }
#footer #quickNavigation ul li ul li a:hover		{ text-decoration: underline; }

#footer .top 			{ bottom: 10px; cursor: pointer; height: 21px; position: absolute; text-indent: -9999px; width: 44px; }
#footer .top a			{ cursor: pointer; display: block; font-size: 0px; height: 21px; overflow: hidden; position: relative; width: 44px; }
#footer .top a span	{
	cursor: pointer;
	display: block;
	height: 21px;
	position: absolute;
	left: 0;
	top: 0;
	width: 44px;
	z-index: 1;
	background-image: url(/files/graphics/content-top.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#prefaceright {
	float: right;
	width: 350px;
	clear: right;
	background-color: #FFEDCC;
	border: thin dotted #CCE371;
	padding-top: 10px;
	padding-left: 10px;
	margin-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	
}

#prefaceright ul li {
	padding-right: 10px;
	border-left: 4px;
	margin-left: 4px;
	list-style-position: inside;
	list-style-image: url(/files/graphics/content.gif);
	list-style-type: square;
}
.plaatje {
	text-align: right;
	vertical-align: text-top;
	float: right;
	margin-top: 2px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#widgets {
	float: right;
	height: 200px;
	width: 600px;
}