html {
	background: fixed url(../img/back.jpg) no-repeat center bottom;
}
	html.webwinkel {
		background: url(../img/back_webwinkel.gif) no-repeat center top;
	}

body {
	font: 0.8em verdana, sans-serif;
	text-align: center;
	margin: 0px;
}

a {
	color: #a43d00;
}
	a:hover {
		color: #471B00;
	}
	a img {
		border: 0px;
	}
p {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	line-height: 140%;
	color: #A43E01;
}
li {
	color: #A43E01;
}
        

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

div#headerframe, div#menuframe, div#contentframe, div#content, div#webwinkel {
	position: relative;
	float: left;
	width: 100%;
	clear: both;
}

div#headerframe {
	height: 59px;
	background: url(../img/back_header.jpg) no-repeat left top;
	z-index: 100;
}
	div#headerframe img.logo {
		position: absolute;
		right: 0px;
		margin: 0px 30px 0px 0px;
	}
	
div#menuframe {
}
	div#menuframe ul {
		margin: 0px 0px 0px 18px;
		padding: 0px 0px 0px 0px;
		list-style: none;
	}
		div#menuframe ul li {
			position: relative;
			float: left;
			height: 23px;
			line-height: 23px;
		}
			div#menuframe ul li a {
				line-height: 23px;
				height: 23px;
				padding: 0px 0px 4px 13px;
				background: url(../img/back_menu.jpg) no-repeat left top;
				color: #A43E01;
				text-decoration: none;
			}
				html>body div#menuframe ul li a {
					padding-top: 3px;
				}
			div#menuframe ul li.hier a {
				color: #FED66B;
				background: url(../img/back_menu_hier.jpg) no-repeat left top;
			}
				div#menuframe ul li a img {
					border: 0px;
					vertical-align: bottom;
				}

div#contentframe {
	margin: 8px 0px 0px 0px;
	background: url(../img/back_contentframe.gif) no-repeat left top;
}
	html.webwinkel div#contentframe {
		background: none;
	}
	div#contentframe h1 {
		font-size: 16px;
		color: #A43D00;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	div#contentframe h2 {
		font-size: 130%;
		color: #A43D00;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	div#contentframe h3 {
		font-size: 13px;
		color: #A43D00;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
		div#producten h3 {
			margin: 8px 0px 0px 8px;
		}
	div#contentframe h4 {
		font-size: 12px;
		color: #A43D00;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	div#content {
		width: 380px;
		margin: 20px 0px 0px 10px;
		clear: none;
	}
		div#content p {
			line-height: 140%;
			margin: 0px 0px 8px 0px;
			padding: 0px 0px 0px 0px;
		}
			div#content p img {
				position: relative;
				float: left;
				margin: 14px 10px 0px 0px;
			}
	div#webwinkel {
		width: 771px;
		clear: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
		body#home div#webwinkel {
			width: 354px;
			clear: none;
			margin: 44px 0px 0px 10px;
			padding: 0px 0px 0px 0px;
			background: url(../img/back_webwinkel_home.gif) no-repeat left top;
		}
		div#webwinkel p {
			margin: 4px 0px 8px 8px;
		}
			div#webwinkel a.bestelbutton {
				height: 16px;
				line-height: 16px;
				width: 51px;
				display: block;
				text-decoration: none;
				margin: 2px 0px 0px 0px;
				background: url(../img/button_bestel_blok.gif) no-repeat left top;
			}
				div#lijst a.bestelbutton {
					float: right;
					margin: 2px 4px 0px 4px;
					background: url(../img/button_bestel_lijst.gif) no-repeat left top;
				}
				div#lijst tr.aanbieding a.bestelbutton, body.winkelmandje div#webwinkel div#lijst a.bestelbutton {
					background: url(../img/button_bestel_lijst_aanbieding.gif) no-repeat left top;
				}
				div#webwinkel a.bestelbutton:hover, div#lijst tr.aanbieding a.bestelbutton:hover, body.winkelmandje div#webwinkel div#lijst a.bestelbutton:hover {
					background-position: bottom;
				}
			div#webwinkel a.verwijderbutton {
				float: right;
				height: 16px;
				line-height: 16px;
				width: 71px;
				display: block;
				text-decoration: none;
				margin: 2px 4px 0px 4px;
				background: url(../img/button_verwijder_lijst.gif) no-repeat left top;
			}
				div#lijst tr.aanbieding a.verwijderbutton {
					background: url(../img/button_verwijder_lijst_aanbieding.gif) no-repeat left top;
				}
				div#webwinkel a.verwijderbutton:hover, div#lijst tr.aanbieding a.verwijderbutton:hover {
					background-position: bottom;
				}
			div#webwinkel a.winkelenbutton {
				height: 19px;
				line-height: 19px;
				width: 127px;
				display: block;
				text-decoration: none;
				margin: 4px 4px 0px 0px;
				background: url(../img/button_winkelen.gif) no-repeat left top;
			}
			div#webwinkel a.afrekenenbutton {
				float: right;
				height: 19px;
				line-height: 19px;
				width: 87px;
				display: block;
				text-decoration: none;
				margin: 4px 4px 0px 4px;
				background: url(../img/button_afrekenen.gif) no-repeat left top;
			}
			div#webwinkel a.herberekenbutton {
				float: right;
				height: 16px;
				line-height: 16px;
				width: 79px;
				display: block;
				text-decoration: none;
				margin: 9px 4px 0px 4px;
				background: url(../img/button_herberekenen.gif) no-repeat left top;
			}
				div#webwinkel a.winkelenbutton:hover, div#webwinkel a.afrekenenbutton:hover, div#webwinkel a.herberekenbutton:hover {
					background-position: bottom;
				}
			a.button_wijzigproducten {
				height: 16px;
				line-height: 16px;
				width: 130px;
				display: block;
				text-decoration: none;
				margin: 4px 4px 0px 0px;
				background: url(../img/button_wijzigproducten.gif) no-repeat left top;
			}
				a.button_wijzigproducten:hover {
					background-position: bottom;
				}
			a.button_bestellingplaatsen {
				float: right;
				clear: right;
				height: 19px;
				line-height: 19px;
				width: 145px;
				display: block;
				text-decoration: none;
				margin: 15px 10px 10px 0px;
				background: url(../img/button_bestellingplaatsen.gif) no-repeat left top;
			}
				a.button_bestellingplaatsen:hover {
					background-position: bottom;
				}
			a.button_bestellingbevestigen {
				height: 19px;
				line-height: 19px;
				width: 86px;
				display: block;
				text-decoration: none;
				margin: 15px 10px 10px 8px;
				background: url(../img/button_bestellingbevestigen.gif) no-repeat left top;
			}
				a.button_bestellingbevestigen:hover {
					background-position: bottom;
				}
div#webwinkel img.bottom {
			vertical-align: bottom;
		}
			body#home div#webwinkel img.bottom {
				position: relative;
				float: left;
				margin-bottom: -10px;
				vertical-align: bottom;
			}
			
		div#webwinkel img.webwinkel {
			position: relative;
			float: left;
			margin: 24px 10px 24px 10px;
		}
		div#winkelmandje {
			position: relative;
			float: left;
			width: 182px;
			margin: 10px 0px 0px 5px;
			background: transparent url(../img/back_webwinkel_blok.gif) no-repeat left top;
		}
			html>body div#winkelmandje {
				margin: 10px 0px 0px 10px;
			}
			body#home div#winkelmandje {
				width: 172px;
				margin: 1px 0px 0px 10px;
				background: transparent url(../img/back_webwinkel_top.gif) no-repeat left top;
			}
		div#producten {
			position: relative;
			float: left;
			clear: left;
			width: 182px;
			margin: 10px 0px 0px 5px;
			background: transparent url(../img/back_webwinkel_blok.gif) no-repeat left top;
		}
			html>body div#producten {
				margin: 10px 0px 0px 10px;
			}
			body#home div#producten {
				width: 172px;
				margin: 8px 0px 0px 1px;
				background: transparent url(../img/back_webwinkel_bottom.gif) no-repeat left bottom;
			}
			body#afrekenen div#producten {
				position: absolute;
				left: 0px;
				top: 46px;
				width: 474px;
				margin: 0px 0px 0px 10px;
				background: transparent url(../img/back_afrekenen_productblok.gif) no-repeat left top;
			}
				body#afrekenen div#producten table {
					width: 466px;
				}
				body#afrekenen span.warning {
					padding: 0px 4px 0px 4px;
					margin: 0px 10px 0px 10px;
					display: block;
					border: 1px solid #cc0000;
					color: #cc0000;
				}
			div#producten ol {
				margin: 8px 0px 8px 33px;
				padding: 0px 0px 0px 0px;
				color: #a43d00;
				line-height: 130%;
			}
				div#producten ol li {
					padding: 0px 0px 3px 0px;
				}
		div#aanbieding {
			position: relative;
			float: left;
			clear: left;
			width: 182px;
			margin: 10px 0px 0px 5px;
			background: transparent url(../img/back_webwinkel_blok.gif) no-repeat left top;
		}
			html>body div#aanbieding {
				margin: 10px 0px 0px 10px;
			}
			body#home div#aanbieding {
				width: 171px;
				clear: none;
				margin: 8px 0px 0px 8px;
				background: transparent url(../img/back_webwinkel_bottom.gif) no-repeat left bottom;
			}
				html>body#home div#aanbieding {
					width: 172px;
				}
			
			html>body div#aanbieding {
				margin-left: 10px;
			}
			div#webwinkel div#aanbieding h3 {
				margin: -3px 0px 4px 8px;
			}
		div#webwinkel div#lijst {
			position: relative;
			float: right;
			width: 565px;
			margin: 16px 4px 0px 0px;
		}
			body.winkelmandje div#webwinkel div#lijst {
				float: left;
				width: 734px;
				padding-left: 17px;
				margin-top: 0px;
			}
			div#lijst h3 {
				font-size: 110%;
				margin: 8px 0px 0px 0px;
				padding: 0px;
			}
			div#lijst p {
				margin: 4px 4px 0px 4px;
			}
				div#lijst table td p {
					margin-top: 0px;
				}
			div#lijst p.aanbieding {
				margin: 0px 0px 0px 4px;
			}
			div#lijst img {
				margin: 4px 0px 0px 0px;
			}
			div#lijst table {
				padding: 0px;
			}
				body#afrekenen table {
					width: 250px;
					margin: 0px 0px 0px 4px;
				}
					body#afrekenen table td.prijs {
						width: 50px;
					}
					body#afrekenen table td.aantal {
						width: 140px;
					}
				div#lijst table tr.oneven td {
					background-color: #FCBD39;
				}
				div#lijst table tr.producttoevoegen {
					background-color: #FED66B;
				}
				div#lijst table td, body#afrekenen td {
					padding: 0px 0px 4px 4px;
					vertical-align: top;
					color: #A43E01;
				}
					td.omschrijving {
						width: 220px;
					}
					td.prijs {
						width: 150px;
						text-align: right;
					}
						td.prijs strong, p.aanbieding strong {
							color: #401800;
						}
					td.button {
						width: 55px;
					}
					div#lijst table tr td.prijs, div#lijst table tr td.totaal {
						text-align: right;
					}
						span.gewicht {
							font-size: 80%;	
						}
						body.winkelmandje table {
							width: 730px;
						}
						body.winkelmandje td.omschrijving {
							width: 200px;
						}
						body.winkelmandje td.prijs {
							width: 150px;
						}
						body.winkelmandje td.aantal {
							width: 160px;
						} 	
						body.winkelmandje td.verwijder {
							width: 45px;
						}
						body#afrekenen td.prijs {
							text-align: right;
						}
					div#lijst table tr td.aantal {
						text-align: right;
					}
		div#adres {
			position: relative;
			float: right;
			width: 261px;
			margin: 10px 10px 0px 10px;
			background: transparent url(../img/back_afrekenen_blok.gif) no-repeat left top;
		}
		div#betalingswijze {
			position: relative;
			float: right;
			clear: right;
			width: 261px;
			margin: 20px 10px 0px 10px;
			background: transparent url(../img/back_afrekenen_blok.gif) no-repeat left top;
		}

body#afrekenen form input {
	border: 2px solid #A43E01;
}

body#afrekenen form input.niets {
	width: auto;
	border: 0px;
}

div.insyde {
	clear: both;
	padding: 30px 10px 0px 10px;
}
	div.insyde p {
		font-size: 0.7em;
		margin: 0px 0px 10px 0px;
		padding: 5px 0px 0px 0px;
	}
		div.insyde p a {
			color: #8f4417;
		}
			div.insyde p a:hover {	
				color: #c88a65;	
			}