/* ***
   CSS3 stylesheet
   for HB Eco Products - www.hbecoproducts.nl
   (c) 2010 - websiteman
   
   designed by Wil Stutterheim for websiteman
   wil(a)websiteman.nl
   www.websiteman.nl
   *** */

/* General */ 
html, body	{
	width: 100%; 
	height: 100%; 
	margin: 0; 
	padding: 0; 
}

body	{
	background: #507ea2 /*#015190 url(/images/59/background-body.jpg) repeat-x top center*/; 
	text-align: center; 
	color: #fff; 
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}

td, th	{
	vertical-align: top; 
}

ul li	{
	list-style: disc; 
}

ul li, ol li	{
	margin: 7px 0; 
}

/* Fonts */ 
p, address	{
	margin: 7px; 
	font-style: normal; 
}

div#ie6warning p	{
	color: #000000; 
}

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

a.email	{
	color: #ccffa6; 
	font-size: 12px; 
}

h1, h2, h3, h4, h5, h6	{
	font-family: "Trebuchet MS";
	margin: 7px; 
	color: #ccffa6; 
}
	h1	{
		font-size: 23px; 
		margin-top: 23px; 
		margin-bottom: 10px; 
	}
	h2, aside h1	{
		font-size: 17px; 
		margin-top: 17px; 
		margin-bottom: 8px; 
	}
	h3, aside h2	{
		font-size: 15px; 
		margin-top: 13px; 
		margin-bottom: 7px; 
	}
	h4, aside h3	{
		font-size: 13px; 
		margin-top: 9px; 
	}
	h5, aside h4	{
		font-size: 12px; 
	}
	h6, aside h5	{
		font-size: 12px; 
		font-style: italic; 
	}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a	{
	text-decoration: none; 
}

nav ul	{
	position: relative; 
	display: block; 
	width: 194px; 
	height: 224px; 
	margin: 0; 
	padding: 0; 
	background: url(/images/63/background-nav-submenu.png); 
	z-index: 5; 
}

	nav ul li	{
		display: block; 
		list-style: none; 
		margin: 0; 
		width: auto; 
		height: auto; 
	}
	
		nav ul li a	{
			display: block; 
			width: 174px; 
			padding: 3px 10px; 
			font-size: 18px; 
			color: #20679d; 
			font-weight: bold; 
			text-decoration: none; 
		}
		nav ul li a:hover, nav ul li.active a	{
			color: #192834; 
			background: url(/images/63/background-nav-submenu.png); 
		}
		
			nav ul li ul	{
				display: none; 
				position: absolute; 
				top: 0px; 
				right: 194px; 
				width: 180px; 
				height: 224px; 
				margin: 0; 
				padding: 0; 
				background: url(/images/63/background-nav-submenu.png); 
				z-index: 5; 
			}
			nav ul li:hover > ul	{
				display: block; 
			}
				nav ul li ul li	{
					display: list-item; 
					list-style: none; 
					position: relative; 
					width: auto; 
					height: auto; 
					margin: 0; 
					padding: 0; 
				}
				nav ul li ul li.active	{
					background: url(/images/63/background-nav-submenu.png); 
				}
				
					nav ul li ul li a	{
						display: block; 
						height: auto; 
						width: 170px; 
						padding: 2px 5px; 
						font-size: 15px; 
						font-weight: bold; 
						color: #20679d !important; 
						background: none !important; 
					}
					nav ul li ul li a:hover	{
						background: url(/images/63/background-nav-submenu.png) !important; 
					}

div#breadcrumbs p	{
	font-family: "Courier New"; 
	font-size: 11px; 
}

footer h1	{
	font-size: 12px; 
	color: #b3d1e5; 
	margin: 12px 7px 9px 7px; 
}

footer p	{
	font-size: 11px; 
	color: #b3d1e5; 
}

footer a	{
	color: #b3d1e5; 
}
footer a:hover	{
	color: #fff; 
}

div#copyright p	{
	font-size: 10px; 
	color: #326484; 
}

div#copyright a	{
	color: #326484; 
}
div#copyright a:hover	{
	color: #326484; 
}

/* Divs */
header, footer, nav, section, aside, article	{
	display: block; 
}

div#ie6warning	{
	display: none; 
	position: absolute; 
	z-index: 200; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 15px; 
	background: #fdffc4; 
	border-bottom: 1px solid #777; 
	text-align: left; 
}

div#container	{
	position: relative; 
	width: 960px; 
	margin: 0 auto; 
	text-align: left; 
}

	header	{
		position: relative; 
		width: 960px; 
		height: 240px; 
	}

		nav	{
			position: absolute; 
			top: 0; 
			right: 0; 
			z-index: 4; 
		}
		
		div#headerImg	{
			position: absolute; 
			left: 0; 
			bottom: 0; 
			width: 960px; 
			height: 230px; 
			-moz-box-sizing: border-box; 
			-webkit-box-sizing: border-box; 
			box-sizing: border-box; 
			border: 3px solid #fff; 
			background: url(/images/60/background-header-hb-eco-products.jpg) no-repeat center center; 
			z-index: 0; 
		}
		
		div#breadcrumbs	{
			position: absolute; 
			top: 240px; 
			left: 5px; 
		}
	
	div#content	{
		position: relative; 
		float: left; 
		width: 620px; 
		margin: 50px 0; 
		padding: 5px; 
	}
	
	div#content.sidebar0	{
		width: 950px; 
	}
	
	aside	{
		position: relative; 
		float: right; 
		width: 290px; 
		margin: 50px 0; 
		padding: 5px 5px 20px 15px; 
		border-left: 1px solid #89b0c9; 
	}
	
		div#showcase	{
			position: relative; 
			margin: 7px; 
			width: 268px; 
			height: 202px; 
		}
		
			div.showcaseImg	{
				position: absolute; 
				top: 0; 
				left: 0; 
				width: 100%; 
				height: 100%; 
				z-index: 1; 
			}
				div.showcaseImg img	{
					border: 1px solid #fff; 
					width: 100%; 
					height: 100%; 
				}

	footer	{
		position: relative; 
		width: 960px; 
		height: 125px; 
		margin-top: 5px; 
		padding: 5px 330px 5px 105px; 
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box; 
		-moz-border-radius-topleft: 10px; 
		-moz-border-radius-topright: 10px; 
		-webkit-border-top-left-radius: 10px; 
		-webkit-border-top-right-radius: 10px; 
		border-radius-topleft: 10px; 
		border-radius-topright: 10px; 
		background: #192834 url(/images/62/background-footer-green-leaves.png) no-repeat -10px 5px; 
	}
	
		div#copyright	{
			position: absolute; 
			bottom: 5px; 
			right: 80px; 
		}
		
		div#imgBottomRight	{
			position: absolute; 
			bottom: 0; 
			right: 0; 
			width: 70px; 
			height: 120px; 
			overflow: hidden; 
		}
			
			div#imgBottomRight img	{
				position: absolute; 
				top: 0; 
				left: 0; 
			}
	
div.spacer	{
	position: relative; 
	clear: both; 
	width: 100%; 
}

/* Images */
img	{
	border: none; 
}

header img#logo	{
	position: absolute; 
	top: 30px; 
	left: 30px; 
}

img.h1icon	{
	height: 16px; 
}

img.rand_gecentreerd, img.rand_links, img.geenrand_links, img.rand_rechts, img.geenrand_rechts	{
	border: 1px #fff solid; 
	margin: 7px; 
}
	
img.rand_gecentreerd	{
	display: block; 
	margin: 7px auto; 
}

img.geenrand_gecentreerd	{
	display: block; 
	margin: 7px auto; 
	border: none; 
}

img.rand_links	{
	float: left; 
}

img.geenrand_links	{
	float: left; 
	border: none; 
}

img.rand_rechts	{
	float: right;
}

img.geenrand_rechts	{
	float: right; 
	border: none; 
}

.emailhover img	{
	cursor: pointer; 
	margin-top: 0; 
	margin-bottom: -1px; 
}

/* MODULES*/
/* forms */
input, textarea	{
	font-family: Arial, Verdana; 
	color: #000; 
	font-size: 12px; 
}

fieldset legend	{
	color: #fff; 
}

/* [module::signup2] */
form#formSignup input[type="text"], 
form#formSignup textarea, 
form#formSignup select	{
	width: 280px; 
}







/* TinyMCE specific rules */
.mceContentBody a { 
	color: #ccffa6 !important; 
	text-decoration: underline !important; 
 }
.mceContentBody { background: transparent; text-align: left; }