/* CSS Document */

body {
	padding:		0;
	margin:			0;
	background-color:	#FFFFFF;
	font-family:		"Trebuchet MS", Verdana, Arial, Sans-serif;
	background-image:	url("../images/bg_body.png");
	background-position:	top center;
	background-repeat:	no-repeat;
}

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

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

#baseDiv {
	width:			1002px;
	margin-left:		auto;
	margin-right:		auto;
}


/* start linkerkant */

#bodyLeft {
	float:			left;
	width:			229px;
}

#logo {
	float:			left;
	width:			229px;
	height:			250px;
}

#logo img {
	margin-top:		40px;
	border:			0;
}

#navig {
	float:			left;
	width:			229px;
	font-family:		Arial, Verdana, Sans-serif;
	font-size:		18px;
	padding-top:		15px;
	margin-bottom:		15px;
}

#navig h2 {
	margin-bottom:		10px;
	color:			#EC7028;
	font-size:		14px;
}

#navigTop {
	float:			left;
	width:			229px;
	height:			35px;
	background:		url(/images/bg_navigTop.gif) top left no-repeat;
}

#navigMid {
	float:			left;
	width:			229px;
	background:		url(/images/bg_navigMid.gif) top left repeat-y;
}

#navigBottom {
	float:			left;
	width:			229px;
	height:			35px;
	background:		url(/images/bg_navigBottom.gif) top left no-repeat;
}

#navig ul {
	margin-left:		20px;
	list-style:		none;
}

#navig ul li {
	font-size:		13px;
	line-height:		1.2em;
	font-weight:		bold;
	padding-bottom:		5px;
}

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

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

#subnavig {
	float:			left;
	width:			229px;
	height:			30px;
	margin-bottom:		15px;
}

#subnavig ul {
	margin-top:		5px;
	margin-left:		5px;
	list-style:		none;
}

#subnavig ul li {
	line-height:		1.3em;
	font-size: 		11px;
	color:			#404040;
	font-weight:		bold;
}

#subnavig ul li a {
	color:			#404040;
	text-decoration:	none;
}

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

#attention {
	float:			left;
	width:			170px;
	padding:		5px;
	height:			177px;
	margin-bottom:		15px;
	background:		url(/images/bg_attention.gif) top left no-repeat;
}

#attention img {
	float:			left;
	margin-right:		5px;
	margin-bottom:		5px;
	border:			0;
}

#attention h1 {
	float:			left;
	width:			100%;
	display:		block;
	color:			#000000;
	font-size:		15px;
	font-weight:		bold;
}

#attention h2 {
	float:			left;
	width:			100%;
	display:		block;
	color:			#47884B;
	font-size:		13px;
	font-weight:		bold;
}

#attention h3 a {
	float:			left;
	width:			100%;
	margin-bottom:		10px;
	display:		block;
	color:			#47884B;
	font-size:		14px;
	font-weight:		bold;
	text-decoration:	underline;
}

#attention h3 a:hover {
	text-decoration:	none;
	color:			#404040;
}

#attention p {
	color:			#404040;
	font-size:		12px;
	line-height:		1.2em;
}

#attention p a {
	color:			#404040;
	text-decoration:	none;
}

#attention p a:hover {
	color:			#404040;
	text-decoration:	underline;
}


#friend {
	float:			left;
	width:			170px;
	padding:		5px;
}

#friend h2 {
	color:			#91B70F;
	font-size:		15px;
}

#friend p {
	color:			#404040;
	font-size:		12px;
	line-height:		1.2em;
}

#friend p a {
	color:			#404040;
	text-decoration:	none;
}

#friend p a:hover {
	color:			#404040;
	text-decoration:	underline;
}


#linkExchange {
	float:			left;
	width:			170px;
	padding:		5px;
}

#linkExchange h1 {
	color:			#91B70F;
	font-size:		15px;
	line-height:		1.2em;
}

#linkExchange h1 a {
	color:			#404040;
	text-decoration:	none;
}

#linkExchange h1 a:hover{
	color:			#404040;
	text-decoration:	underline;
}


#linkExchange h2, #linkExchange p {
	color:			#404040;
	font-size:		12px;
	line-height:		1.2em;
}

#linkExchange h2 a, #linkExchange p a {
	color:			#404040;
	text-decoration:	none;
}

#linkExchange h2 a:hover, #linkExchange p a:hover {
	color:			#404040;
	text-decoration:	underline;
}


/* ============== start midden ===================================================================== */

#bodyMid {
	float:			left;
	width:			489px;
	margin-right:		10px;
}

#subheader {
	float:			left;
	width:			489px;
	padding-top:		103px;
	margin-bottom:		11px;
}

#subheader img {
	border:			0;
}

#foto {
	float:			left;
	width:			325px;
	height:			84px;
}

#chat {
	float:			left;
	width:			164px;
	height:			84px;
}

#titel {
	float:			left;
	width:			472px;
	height:			28px;
	padding-left:		10px;
	padding-top:		5px;
	padding-right:		5px;
	margin-bottom:		5px;
	background-image:	url(../images/bg_titel.gif);
	background-position:	top left;
	background-repeat:	no-repeat;
}

#titel ul {
	margin-top:		0px;
	margin-left:		0px;
	list-style:		none;
}

#titel ul li {
	display:		inline;
	padding-right:		13px;
	font-size: 		12px;
	color:			#FFFFFF;
	font-weight:		bold;
}

#titel ul li a {
	color:			#FFFFFF;
	text-decoration:	none;
}

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

#titel ul li.last {
	padding-right:		0;
}

#homeMain ul {
	margin-bottom:		15px;
	list-style-type:	none;
	width:			480px;
}

#homeMain li {
	float:			left;
	font-size:		12px;
	color:			#000000;
	line-height:		1.3em;
	padding-right:		10px;
	margin-bottom:		0;
}

#homeMain li a {
	color:			#47884B;
	text-decoration:	none;
}

#homeMain li a:hover {
	color:			#EC7028;
	text-decoration:	none;
}

#bodyMain {
	float:			left;
	width:			459px;
	padding-top:		10px;
	padding-left:		10px;
	padding-right:		10px;
	padding-bottom:		10px;
}

#bodyMain h1 {
	font-size:		24px;
	color:			#91B70F;
	margin-bottom:		15px;
}

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

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

#bodyMain p a, #bodyMain li a, #bodyMain td a {
	color:			#47884B;
	text-decoration:	none;
}

#bodyMain p a:hover, #bodyMain li a:hover, #bodyMain td a:hover {
	color:			#EC7028;
	text-decoration:	none;
}

#bodyMain li {
	margin-bottom:		0;
}

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

#bodyMain ul ul {
	padding-bottom:		15px;
	list-style-type:	circle;
	margin-left:		20px;
}

#bodyMain ul ul {
	margin-bottom:		0;
}

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

#bodyMain td {
	vertical-align:		top;
	padding-bottom:		0;
	margin-bottom:		0;
}

.invulveld {
	width:			250px;
}

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

#artikelen_nieuw {
	float:			left;
	width:			462px;
	height:			203px;
	padding:		10px;
	background-image:	url("../images/bg_artikelen_nieuw.gif");
	background-position:	top left;
	background-repeat:	no-repeat;
}

#artikelen_nieuw h3 {
	font-size:		20px;
	color:			#91B70F;
	margin-bottom:		10px;
}

#artikelen_nieuw p {
	font-size:		13px;
	color:			#404040;
	line-height:		1.2em;
	margin-bottom:		10px;
}

#artikelen_nieuw td {
	font-size:		13px;
	color:			#000000;
	line-height:		1.3em;
}

#artikelen_nieuw td a {
	color:			#47884B;
	text-decoration:	none;
}

#artikelen_nieuw td a:hover {
	color:			#EC7028;
	text-decoration:	none;
}

#artikelenDiv {
	float:			left;
	width:			462px;
	padding:		10px;
}

#artikelenDiv h3 {
	font-size:		20px;
	color:			#91B70F;
	margin-bottom:		10px;
}

#artikelenDiv td {
	font-size:		13px;
	color:			#404040;
	line-height:		1.2em;
	margin-bottom:		10px;
}

#artikelenDiv td a {
	color:			#202020;
	text-decoration:	none;
}

#artikelenDiv td a:hover {
	color:			#202020;
	text-decoration:	underline;
}

/* ============= start rechterkant ================================================================== */

#bodyRight {
	float:			left;
	width:			263px;
}

#headerRight {
	float:			left;
	width:			263px;
	height:			88px;
}

#headerRightTop {
	float:			left;
	width:			263px;
	height:			38px;
	background-color:	#fff;
	text-align:		center;
}

#headerRightTop img {
	border:			0;
	padding-left:		5px;
	padding-right:		5px;
}

#headerRightBottom {
	float:			left;
	width:			263px;
	height:			50px;
	background:		url(/images/bg_headerRightTop.gif) top left no-repeat;
	text-align:		center;
}

#headerRightBottom p {
	display:		block;
	height:			30px;
	padding-left:		60px;
	padding-top:		10px;
	font-size:		14px;
	font-weight:		bold;
	background-image:	url(/images/bg_cart.png);
	background-position:	top left;
	background-repeat:	no-repeat;
}

#headerRightBottom p a {
	color:			#EBF1DB;
	text-decoration:	none;
}

#headerRightBottom p a:hover {
	color:			#404040;
	text-decoration:	none;
}

#headerOrtis {
	float:			left;
	width:			233px;
	height:			65px;
	margin-bottom:		10px;
	background:		url(../images/bg_headerRight.gif) top left no-repeat;
	padding-top:		35px;
	padding-left:		10px;
	padding-right:		20px;
}

#headerOrtis p {
	font-family:		Georgia, "Times New Roman", Courier, Serif;
	color:			#ffffff;
	line-height:		1.3em;
}

#headerOrtis p a {
	color:			#ffffff;
	text-decoration:	underline;
}

#headerOrtis p a:hover {
	color:			#ffffff;
	text-decoration:	none;
}

#subtitel {
	float:			left;
	width:			263px;
	background-image:	url("../images/bg_subtitel.gif");
	background-position:	top left;
	background-repeat:	no-repeat;
	height:			33px;
	margin-bottom:		9px;
}

#subtitel ul {
	margin-top:		7px;
	margin-left:		15px;
	list-style:		none;
}

#subtitel ul li {
	display:		inline;
	padding-right:		15px;
	font-size: 		12px;
	color:			#FFFFFF;
	font-weight:		bold;
}

#subtitel ul li a {
	color:			#FFFFFF;
	text-decoration:	none;
}

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

#searchbox {
	float:			left;
	width:			254px;
	padding-bottom:		15px;
}

#nieuwsBlok {
	float:			left;
	width:			243px;
	padding:		10px;
	padding-top:		70px;
	background:		url("../images/bg_nieuwsblok.gif") top left no-repeat #DD7A00;
}

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

#nieuwsBlok p em {
	font-size:		12px;
}

#nieuwsBlok p strong {
	font-size:		16px;
	color:			#000000;
}

#nieuwsBlok p a {
	color:			#ffffff;
	text-decoration:	underline;
}

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

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

#nieuwsBlok li {
	margin-bottom:		0;
}

#nieuwsBlokBottom {
	float:			left;
	width:			253px;
	background-image:	url("../images/bg_nieuwsblokBottom.gif");
	background-position:	top left;
	background-repeat:	no-repeat;
	padding-top:		40px;
	padding-left:		10px;
}

#nieuwsBlokBottom p {
	font-size:		14px;
	color:			#000000;
	text-decoration:	none;
}

#nieuwsBlokBottom p a {
	color:			#DD7A00;
	text-decoration:	none;
}

#nieuwsBlokBottom p a:hover {
	color:			#3E3D27;
	text-decoration:	underline;
}

.verder {
	font-size:		13px;
	color:			#B3071B;
	font-weight:		bold;
	padding-left:		20px;
	background-image:	url(../images/verder.gif);
	background-position:	center left;
	background-repeat:	no-repeat;
}

.verder a {
	color:			#B3071B;
	text-decoration:	none;
}

.verder a:hover {
	color:			#87B00B;
	text-decoration:	none;
}

.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;
}

.productPic {
	width:			75px;
	height:			75px;
	padding-bottom:		5px;
}

#prodDivTop {
	float:			left;
	width:			454px;
	height:			20px;
	padding-left:		10px;
	padding-top:		10px;
	background-image:	url("../images/bg_prodDivTop.png");
	background-position:	top left;
	background-repeat:	no-repeat;
}

#prodDivMid {
	float:			left;
	width:			444px;
	padding:		10px;
	background-image:	url("../images/bg_prodDivMid.png");
	background-position:	top left;
	background-repeat:	repeat-y;
}

#prodDivBottom {
	float:			left;
	width:			464px;
	height:			10px;
	background-image:	url("../images/bg_prodDivBottom.png");
	background-position:	top left;
	background-repeat:	no-repeat;
	margin-bottom:		15px;
}

#prodDivMid h2 {
	font-size:		22px;
	color:			#91B70F;
	margin-bottom:		15px;
}

#productDiv {
	float:			left;
	width:			475px;
	margin-bottom:		10px;
}

.product {
	float:			left;
	width:			210px;
	height:			165px;
	padding:		5px;
	margin-right:		0;
	margin-bottom:		10px;
	border-right:		1px solid #C2D77D;
	border-bottom:		1px solid #C2D77D;
}

.productHeader, .productSubHeader, .productMain {
	float:			left;
	width:			210px;
}

.productTitel {
	float:			left;
	width:			150px;
	color:			#202020;
	font-size:		14px;
	font-weight:		bold;
	padding-bottom:		7px;
}

.productTitel2 {
	float:			left;
	color:			#ADABAB;
	font-size:		12px;
	padding-bottom:		5px;
	margin-top:		-5px;
}

.productPrijs {
	float:			right;
	width:			60px;
	color:			#7A961A;
	font-size:		16px;
	font-weight:		bold;
	text-align:		right;
	padding-bottom:		7px;
}

.productImage {
	float:			left;
	width:			80px;
	height:			100px;
}

.productImage img {
	border:			0;
}

#productDivimg {
	border:			0;
}

.productOmschrijving {
	color:			#404040;
	font-size:		12px;
	line-height:		1.2em;
	margin-bottom:		10px;
	height:			60px;
	width:			130px;
	float:			left;
}

.nu_kopen {
	color:			#7A961A;
	font-weight:		bold;
	font-size:		14px;
}

.nu_kopen a {
	color:			#7A961A;
	text-decoration:	underline;
}

.nu_kopen a:hover {
	color:			#7A961A;
	text-decoration:	none;
}

.printerfriendly {
	font-size:		13px;
	color:			#B3071B;
	padding-left:		25px;
	background-image:	url(../images/printer.gif);
	background-position:	center left;
	background-repeat:	no-repeat;
}

.printerfriendly a {
	color:			#B3071B;
	text-decoration:	none;
}

.printerfriendly a:hover {
	color:			#87B00B;
	text-decoration:	none;
}

#cat_omschrijving {
	padding-top:		15px;
}