/* CSS Document */

body {
	padding:		0;
	margin:			0;
	background:		url(../images/bg.jpg) top left repeat-x;
	font-family:		"Trebuchet MS", Verdana, Helvetica, Sans-serif;
}

div, h1, h2, p, form, label, input, textarea, img, span {
	margin:			0;
	padding:		0;
}

ul {
	margin:			0; 
	padding:		0; 
	list-style-type:	none;
	font-size:		0;
}

img {
	border:			0;
}

#logoContainer {
	width:			1000px;
	height:			115px;
	margin-left:		auto;
	margin-right:		auto;
	background:		url(../images/bg_main.png) top left repeat-y;
}

#logo {
	float:			left;
	width:			898px;
	height:			115px;
	margin-left:		51px;
	background:		url(../images/bg_header.jpg) top left repeat-x;
}

#logo img {
	margin-left:		5px;
}

#navigContainer {
	width:			1000px;
	margin-left:		auto;
	margin-right:		auto;
}

#navig {
	float:			left;
	width:			898px;
	height:			32px;
	background:		url(../images/bg_main.png) top left repeat-y;
	padding-left:		51px;
	padding-right:		51px;
}

#navig ul {
	float:			left;
	width:			898px;
	height:			32px;
	background:		url(../images/bg_navig.gif) top left repeat-x;
}

#navig ul li {
	color:			#ffffff;
	background:		url(../images/navig_li.gif) top left no-repeat;
	float:			left; /* gecko engine*/
	display:		inline;
	list-style:		none;
	position:		relative;
	width:			143px;
	height:			28px;
	font-size: 		16px;
	font-weight:		bold;
	text-align:		center;
	padding-top:		5px;
}

#navig ul li.long {
	width:			180px;
}

#navig ul li a {
	color:			#ffffff;
	text-decoration:	none;
}

#navig ul li a:hover {
	color:			#000000;
	text-decoration:	none;
}

#mainContainer {
	width:			1000px;
	margin-left:		auto;
	margin-right:		auto;
}

#main {
	width:			898px;
	float:			left;
	padding-left:		51px;
	padding-right:		51px;
	background:		url(../images/bg_main.png) top left repeat-y;
}

#mainLeft {
	float:			left;
	width:			200px;
	padding-top:		20px;
	padding-bottom:		20px;
}

#mainMid {
	float:			left;
	width:			245px;
	padding-top:		20px;
	padding-bottom:		20px;
}

#mainRight {
	float:			left;
	width:			440px;
	padding-top:		20px;
	padding-bottom:		20px;
	padding-right:		13px;
}

#mainLeft ul {
	margin-bottom:		15px;
	margin-left:		20px;
}

#mainLeft li {
	font-size:		14px;
	color:			#003B79;
	line-height:		1.3em;
	text-align:		left;
	background:		url(../images/vierkantje.gif) center left no-repeat;
	padding-left:		20px;
}

#mainLeft li a {
	color:			#50504E;
	text-decoration:	none;
}

#mainLeft li a:hover {
	color:			#50504E;
	text-decoration:	underline;
}

#mainLeft ul ul {
	margin-bottom:		0;
	margin-left:		20px;
}

#mainLeft ul ul li {
	background:		url(../images/vierkantje2.gif) center left no-repeat;
	padding-left:		15px;
}

#mainMid img {
	margin-bottom:		15px;
	border:			1px solid #404040;
}

#mainMid p {
	font-size:		12px;
	color:			#339028;
	line-height:		1.3em;
	margin-bottom:		15px;
}

#mainMid p a {
	color:			#339028;
	text-decoration:	none;
}

#mainMid p a:hover {
	color:			#000000;
	text-decoration:	none;
}

#mainRight h1 {
	font-size:		30px;
	color:			#339028;
	margin-bottom:		15px;
	line-height:		1.1em;
	font-style:		italic;
}

#mainRight h2 {
	font-size:		15px;
	color:			#202020;
	margin-bottom:		5px;
}

#mainRight p, #mainRight li, #mainRight td {
	font-size:		14px;
	color:			#525250;
	line-height:		1.3em;
	margin-bottom:		15px;
}

#mainRight p a, #mainRight li a, #mainRight td a {
	color:			#339028;
	text-decoration:	none;
}

#mainRight p a:hover, #mainRight li a:hover, #mainRight td a:hover {
	color:			#339028;
	text-decoration:	underline;
}

#mainRight li {
	margin-bottom:		0;
	text-align:		left;
}

#mainRight ul {
	margin-bottom:		15px;
	list-style-type:	square;
	margin-left:		20px;
}

#mainRight ul ul {
	margin-bottom:		0;
	list-style-type:	square;
	margin-left:		20px;
}

#mainRight table {
	margin-bottom:		15px;
}

#mainRight td {
	vertical-align:		top;
	padding-right:		10px;
	text-align:		left;
}

.product {
	float:			left;
	width:			410px;
	padding:		5px;
	margin-bottom:		10px;
	border:			1px solid #C0C0C0;
}

.invulveld {
	width:			225px;
}

textarea {
	width:			500px;
	height:			100px;
}

.leesverder {
	padding-left:		20px;
	background-image:	url(../img/verder.gif);
	background-position:	center left;
	background-repeat:	no-repeat;
}

.zoom {
	font-size:		11px;
	color:			#404040;
	background-image:	url(../images/zoom.png);
	background-position:	center left;
	background-repeat:	no-repeat;
	padding-left:		20px;
}

.zoom a {
	color:			#404040;
	text-decoration:	none;
}

.zoom a:hover {
	color:			#404040;
	text-decoration:	underline;
}

.crumbs {
	color:			#404040;
	font-size:		11px;
	padding-bottom:		10px;
}

.crumbs a {
	color:			#404040;
	text-decoration:	none;
}

.crumbs a:hover {
	color:			#404040;
	text-decoration:	underline;
}

#footerContainer {
	width:			1000px;
	margin-left:		auto;
	margin-right:		auto;
}

#footer {
	float:			left;
	width:			1000px;
}

#footerTop {
	float:			left;
	width:			1000px;
	height:			142px;
	background:		url(../images/bg_footer.jpg) top left no-repeat;
}

#footerBottom {
	float:			left;
	width:			1000px;
}

#footerTopLeft {
	float:			left;
	width:			175px;
	padding-left:		495px;
}

#footerTopRight {
	float:			left;
	width:			175px;
}

#footerTopLeft ul, #footerTopRight ul {
	margin-top:		25px;
	font-size: 		12px;
}

#footerTopLeft ul li, #footerTopRight ul li {
	line-height:		1.3em;
	color:			#ffffff;
	font-weight:		bold;
}

#footerTopLeft ul li a, #footerTopRight ul li a {
	color:			#ffffff;
	text-decoration:	none;
}

#footerTopLeft ul li a:hover, #footerTopRight ul li a:hover {
	color:			#ffffff;
	text-decoration:	underline;
}

#footerBottom ul {
	float:			left;
	padding-left:		485px;
	font-size: 		12px;
}

#footerBottom ul li {
	display:		inline;
	color:			#A9A9A9;
	padding-left:		10px;
	padding-right:		10px;
	background:		url(../images/footer_li.gif) center right no-repeat;
}

#footerBottom ul li a {
	color:			#A9A9A9;
	text-decoration:	none;
}

#footerBottom ul li a:hover {
	color:			#A9A9A9;
	text-decoration:	underline;
}

#footerBottom ul li.last {
	background-image:	none;
	padding-right:		0;
}