error/* kleur-definities:
donkerrood (SB)		#731942
linkkleur			#cb006b
oranje				#f07f13
paars				#591f82
lichtpaars			#C52287
Patisserie			#660066
Snacks				#C80019
Seizoenbanket		#F39F00
Brood				#AA5326
Koek				#861736
*/

p,ul,ol,h1,h2,h3,h4,h5,h6,html,body {
	margin: 0;
	padding: 0;
	}
img {
	border: none;
	}
html,body {
	background-color: #fff;
	}
body,select,input,textarea {
	font-family: "Arial", sans-serif;
	}
body {
	font-size: 75%;
	line-height: 1.5;
	color: #777;
	text-align: center;
	}
a {
	text-decoration: underline;
	color: #cb006b;
	}
a:hover {
	background-color: #cb006b;
	color: #fff;
	text-decoration: none;
	}
.image a:hover {
	background-color: transparent;
	}



#header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 80px;
	background: url("/img/bg-logo.gif") left top no-repeat;
	}
	#header img {
		display: none;
		}


#jumpnav {
	position: absolute;
	left: -9999px;
	}



.container {
	position: relative;
	width: 908px;
	margin: 0 auto;
	padding-top: 173px;
	text-align: left;
	background: url("/img/bg-header.gif") left top no-repeat;
	}



#navigation {
	position: absolute;
	left: 1px;
	top: 140px;
	width: 906px;
	height: 31px;
	border-top: 1px dashed #731942;
	border-bottom: 1px dashed #731942;
	font-size: 0.917em;
	line-height: 1.273;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	}
	#navigation a {
		text-decoration: none;
		}
	#navigation a:hover {
		background-color: transparent;
		color: #f07f13;
		}
	#navigation a.selected {
		color: #f07f13;
		}
	#navigation h2 {
		display: none;
		}
	#navigation li {
		float: left;
		padding: 8px 22px 9px 22px;
		list-style-type: none;
		}
	#navigation li#nav-bakkerij,
	#navigation li#nav-foodservice,
	#navigation li#nav-retail {
		float: none;
		position: absolute;
		top: 0;
		width: 104px;
		padding: 0;
		text-align: center;
		}
	#navigation #taalvariant {
		z-index: 100;
		position: absolute;
		top: -40px;
		right: 0;
		}
		#navigation #taalvariant p {
			float: left;
			padding-top: 2px;
			color: #999;
			text-transform: none;
			font-weight: normal;
			}
		#navigation #taalvariant ul {
			float: left;
			}
		#navigation #taalvariant li {
			padding: 0;
			margin-left: 4px;
			text-align: center;
			}
			#navigation #taalvariant a {
				display: block;
				padding: 2px 5px 3px 5px;
				color: #fff;
				background-color: #f07f13;
				border-right: 2px solid #ddd;
				border-bottom: 2px solid #ddd;
				}
			#navigation #taalvariant a:hover {
				background-color: #e60;
				}
			#navigation #taalvariant abbr {
				border: none;
				}
	#navigation li#nav-bakkerij {
		right: 212px;
		background: #84501E url("/img/grad-bakkerij.gif") left top repeat-x;
		}
	#navigation li#nav-foodservice {
		right: 106px;
		background: #78B008 url("/img/grad-foodservice.gif") left top repeat-x;
		}
	#navigation li#nav-retail {
		right: 0;
		background: #83075B url("/img/grad-retail.gif") left top repeat-x;
		}
		#navigation li#nav-bakkerij a,
		#navigation li#nav-foodservice a,
		#navigation li#nav-retail a {
			display: block;
			padding: 8px 0 9px 0;
			color: #fff;
			}
		#navigation li#nav-bakkerij a:hover    { background-color: #85501E; }
		#navigation li#nav-foodservice a:hover { background-color: #78B008; }
		#navigation li#nav-retail a:hover      { background-color: #82075B; }
		#navigation li#nav-bakkerij a.selected,
		#navigation li#nav-foodservice a.selected,
		#navigation li#nav-retail a.selected { padding-top: 13px; }
	#navigation #subnav {
		position: absolute;
		left: 0;
		top: 32px;
		width: 149px;
		height: 330px;
		padding-top: 21px;
		background: #f07f13 url("/img/bg-subnav.gif") left top no-repeat;
		}
		#navigation #subnav li {
			float: none;
			padding: 0;
			margin: 0 12px 16px 19px;
			}
			#navigation #subnav li a {
				display: block;
				background: url("/img/menu.gif") left top no-repeat;
				text-indent: -1234em;
				height: 14px;
				}
			.de #navigation #subnav li a {
				background-image: url("/img/menu-de.gif");
				}
			.en #navigation #subnav li a {
				background-image: url("/img/menu-en.gif");
				}
			.fr #navigation #subnav li a {
				background-image: url("/img/menu-fr2.gif");
				}
		#navigation #subnav li#sub-bakery a { background-position: 0 0; }
		#navigation #subnav li#sub-assortiment a { background-position: 0 -30px; }
		#navigation #subnav li#sub-nieuws a { background-position: 0 -60px; }
		#navigation #subnav li#sub-contact a { background-position: 0 -90px; }
		#navigation #subnav li#sub-faq a { background-position: 0 -120px; height: 28px; }
		#navigation #subnav li#sub-recipes a { background-position: 0 -164px; }
		#navigation #subnav li#sub-bakery a:hover,
		#navigation #subnav li#sub-bakery a:focus,
		.smildebakery #navigation #subnav li#sub-bakery a { background-position: -118px 0; }
		#navigation #subnav li#sub-assortiment a:hover,
		#navigation #subnav li#sub-assortiment a:focus,
		.assortiment #navigation #subnav li#sub-assortiment a { background-position: -118px -30px; }
		#navigation #subnav li#sub-nieuws a:hover,
		#navigation #subnav li#sub-nieuws a:focus,
		.nieuws #navigation #subnav li#sub-nieuws a { background-position: -118px -60px; }
		#navigation #subnav li#sub-contact a:hover,
		#navigation #subnav li#sub-contact a:focus,
		.contact #navigation #subnav li#sub-contact a { background-position: -118px -90px; }
		#navigation #subnav li#sub-faq a:hover,
		#navigation #subnav li#sub-faq a:focus,
		.faq #navigation #subnav li#sub-faq a { background-position: -118px -120px; }
		#navigation #subnav li#sub-recipes a:hover,
		#navigation #subnav li#sub-recipes a:focus,
		.recipes #navigation #subnav li#sub-recipes a { background-position: -118px -164px; }

	#navigation #zoeken {
		position: absolute;
		left: 0;
		top: 288px;
		width: 149px;
		overflow: hidden;
		border-top: 1px dashed #fff;
		font-weight: normal;
		text-transform: none;
		}
		#navigation #zoeken form {
			padding: 18px 0 20px 19px;
			}
		#navigation #zoeken h2 {
			display: block;
			font-size: 1em;
			line-height: 1.0;
			margin: 0 0 0.5em 0;
			}
		#navigation #zoeken input.text {
			width: 108px;
			background: #fff url("/img/bg-shadow.gif") left top no-repeat;
			border: none;
			}
			#navigation #zoeken input.text:focus {
				background-position: -2px -2px;
				}
		#navigation #zoeken input#zoekbutton {
			margin-top: 10px;
			border: 1px solid #555;
			color: #444;
			}



#secnav {
	position: absolute;
	left: 150px;
	top: 173px;
	width: 163px;
	padding: 14px 0 149px 0;
	border-left: 1px dashed #731942;
	border-bottom: 1px dashed #731942;
	font-size: 0.833em;
	line-height: 1.273;
	text-transform: uppercase;
	background-position: left bottom;
	background-repeat: no-repeat;
	}
	#secnav h2 {
		display: none;
		}
	#secnav a {
		color: #cb006b;
		text-decoration: none;
		}
	#secnav a:hover {
		background-color: transparent;
		color: #f07f13;
		}
	#secnav a.selected {
		color: #f07f13;
		}
	#secnav ul {
		padding: 0 17px 5px 17px;
		margin-bottom: 14px;
		list-style-type: none;
		border-bottom: 1px dashed #731942;
		background-color: #fff;
		}
		#secnav ul li {
			margin-bottom: 0.9em;
			}
	#secnav h3 {
		padding: 0 17px 0 17px;
		font-family: Italia, "Adobe Minion Web", Minion, Georgia, serif;
		font-size: 1em;
		line-height: 1.0;
		font-weight: bold;
		margin: 0 0 1em 0;
		color: #591f82;
		}
/* --- BACKGROUNDS --- */
.smildebakery #secnav { background-image: url("/img/home.jpg"); }
.press #secnav { background-image: url("/img/persberichten.jpg"); }
.werken #secnav { background-image: url("/img/werken.jpg"); }
.contact #secnav { background-image: url("/img/contact.jpg"); }

.assortiment #secnav { background-image: url("/img/assortiment-b.jpg"); }
.patisserie #secnav { background-image: url("/img/assortiment/patisserie.jpg"); }
.en.patisserie #secnav { background-image: url("/img/home.jpg"); }
.snacks #secnav { background-image: url("/img/assortiment/snacks.jpg"); }
.seizoenbanket #secnav { background-image: url("/img/nieuws-r.jpg"); }
.en.seizoenbanket #secnav { background-image: url("/img/assortiment/seasonal.jpg"); }
.en.brood #secnav { background-image: url("/img/assortiment-b.jpg"); }
.brood #secnav { background-image: url("/img/assortiment/brood.jpg"); }
.koek #secnav { background-image: url("/img/assortiment/koek.jpg"); }
.hartig #secnav { background-image: url("/img/persberichten.jpg"); }
.bakkerij #secnav { background-image: url("/img/bakkerij.jpg"); }

.foodservice #secnav { background-image: url("/img/foodservice.jpg"); }
.retail #secnav { background-image: url("/img/retail.jpg"); }
.retail.tips #secnav, .nieuws #secnav, .bakkerij.nieuws #secnav, .bakkerij.promoties #secnav { background-image: url("/img/nieuws.jpg"); }
.bakkerij.distributie #secnav { background-image: url("/img/distributie-b.jpg"); }
.foodservice.distributie #secnav { background-image: url("/img/distributie-fs.jpg"); }
.foodservice.nieuws #secnav, .foodservice.promoties #secnav { background-image: url("/img/nieuws-fs.jpg"); }
.retail.nieuws #secnav, .retail.promoties #secnav { background-image: url("/img/nieuws-r.jpg"); }
.links #secnav { background-image: url("/img/links-b-fs.jpg"); }
.bakkerij.tips #secnav { background-image: url("/img/tips-b.jpg"); }
.foodservice.tips #secnav { background-image: url("/img/tips-fs.jpg"); }
.nieuws.bericht #secnav { background-image: url("/img/algemeen.jpg") !important; }
.faq #secnav { background-image: url("/img/faq.jpg"); }
.recipes #secnav { background-image: url("/img/tips-b.jpg"); }
.en.recipes #secnav { background-image: url("/img/assortiment/patisserie.jpg"); }



#content {
	min-height: 580px;
	margin-left: 314px;
	padding: 22px 0 39px 32px;
	border-left: 1px dashed #731942;
	}
.home #content {
	margin-left: 150px;
	padding: 22px 39px 39px 39px;
	border-left: 1px dashed #731942;
	}
	#content #carroussel {
		width: 580px;
		height: 190px;
		overflow: hidden;
		margin-bottom: 1.5em;
		}
		#content #carroussel img {
			position: absolute;
			}
	#content #path {
		font-size: 0.917em;
		line-height: 1.273;
		color: #999;
		}
		#content #path span {
			display: none;
			}
		#content #path ol {
			list-style-type: none;
			padding: 0;
			margin: 0;
			}
		#content #path a {
			color: #707070;
			text-decoration: none;
			}
		#content #path a:hover {
			background-color: transparent;
			text-decoration: underline;
			}
			#content #path li {
				display: inline;
				background: url("/img/path-arrow.gif") 4px 4px no-repeat;
				padding-left: 15px;
				}
			#content #path li.first {
				background: none;
				padding-left: 0;
				}
	#content #shortnews {
		overflow: hidden;
		}
		#content #shortnews .preview {
			float: left;
			width: 296px;
			padding: 0 20px 0 20px;
			border-left: 1px dashed #731942;
			color: #cb006b;
			}
		#content #shortnews .preview h2 {
			font-family: Italia, "Adobe Minion Web", Minion, Georgia, serif;
			font-size: 1.5em;
			line-height: 1.0;
			font-weight: normal;
			margin-top: 0;
			color: #f0951f;
			}
		#content #shortnews .preview p {
			padding: 0;
			}
	#content .published {
		font-size: 0.917em;
		line-height: 1.273;
		padding-bottom: 0.364em;
		color: #999;
		}
	#content .intro {
		font-weight: bold;
		}
	#content h1 {
		font-family: Italia, "Adobe Minion Web", Minion, Georgia, serif;
		font-size: 2em;
		letter-spacing: 0.0417em;
		line-height: 1.0;
		font-weight: normal;
		padding-bottom: 0.5em;
		color: #f0951f;
		}
		#content h1 .section {
			display: block;
			margin-bottom: 0.25em;
			font-family: "Arial", sans-serif;
			font-size: 0.667em;
			line-height: 1.0;
			font-weight: normal;
			letter-spacing: 0.125em;
			color: #731942;
			}
	.productcategory div.section {
		position: relative;
		padding: 5px 14px 6px 14px;
		margin-bottom: 0.5em;
		font-family: Italia, "Adobe Minion Web", Minion, Georgia, serif;
		font-size: 2em;
		line-height: 1.0;
		font-weight: normal;
		background-color: #666;
		color: #fff;
		}
	.patisserie div.section { background-color: #606; }
	.snacks div.section { background-color: #C80019; }
	.seizoenbanket div.section { background-color: #F39F00; }
	.brood div.section { background-color: #AA5326; }
	.koek div.section { background-color: #861736; }
	#content h2 {
		font-family: Italia, "Adobe Minion Web", Minion, Georgia, serif;
		font-size: 1.5em; /* 18px */
		line-height: 1.167; /* 21px */
		font-weight: normal;
		margin: 1.5em 0 0.5em 0;  /* 24px / 9px */
		color: #f0951f;
		letter-spacing: 0.0556em;
		}
	#content h3 {
		font-size: 1em;
		line-height: 1.0;
		font-weight: bold;
		margin-bottom: 0.5em;
		}
	#content p {
		margin-bottom: 1.5em;
		}
	#content ul,
	#content ol {
		padding: 0 0 0 1.25em;
		margin-bottom: 1.5em;
		line-height: 1.25;
		}
	#content ol {
		padding-left: 2.5em;
		}
	#content ul ul,
	#content ul ol,
	#content ol ol,
	#content ol ul {
		margin-bottom: 0;
		}
		#content li {
			margin-bottom: 0.25em;
			}
	#content .image {
		float: right;
		margin: 0 0 1em 20px;
		}
	#content .product {
		position: relative;
		border-bottom: 1px dashed #731942;
		padding: 0 46px 1.5em 0;
		margin-bottom: 1.5em;
		color: #591f82;
		overflow: hidden;
		}
		#content .product h2 {
			font-family: "Arial", sans-serif;
			font-weight: bold;
			font-size: 1.333em;
			margin-top: 0;
			color: #591f82;
			}
/* specifieke kleuren per groep?
		.patisserie #content .product,
		.patisserie #content .product h2 { color: #606; }
		.snacks #content .product,
		.snacks #content .product h2 { color: #C80019; }
		.seizoenbanket #content .product,
		.seizoenbanket #content .product h2 { color: #F39F00; }
		.brood #content .product,
		.brood #content .product h2 { color: #AA5326; }
		.koek #content .product,
		.koek #content .product h2 { color: #861736; }
*/
		#content .product .eigenschappen {
			color: #f07f13;
			}
		#content .product .photo {
			float: left;
			width: 152px;
			margin: 0 0 0 0;
			color: #C52287;
			text-align: center;
			}
			#content .product .photo .thumbnail {
				display: block;
				}
		#content .product .eigenschappen,
		#content .product ul,
		#content .product .brand {
			margin-left: 152px;
			}
	#content .filter {
		margin-bottom: 1.5em;
		color: #999;
		}
		#content .filter strong {
			color: #591f82;
			}
		#content .filter a {
			color: #f07f13;
			}
		#content .filter a:hover {
			background-color: #f07f13;
			color: #fff;
			}
		#content .filter img,
		#content .product li img {
			vertical-align: middle;
			}
	#content .productlist {
		margin-bottom: 1.5em;
		}
	#content .excerpt .datum {
		font-variant: small-caps;
		color: #f07f13;
		}
/* formulieren */
	#content form {
		margin-bottom: 1.5em;
		border: 1px dashed #731942;
		padding: 14px;
		}
		#content fieldset {
			border: none;
			padding: 0;
			margin-bottom: 1em;
			}
			legend {
				text-transform: uppercase;
				letter-spacing: 2px;
				font-size: 11px;
				color: #ccc;
				}
		.formrow {
			overflow: hidden;
			margin-bottom: 1px;
			padding: 3px 5px;
			background-color: #f0f0f0;
			}
		.buttons {
			background-color: transparent;
			}
			.formrow .lbl {
				display: block;
				float: left;
				width: 33%;
				}
			.formrow .fld {
				float: right;
				width: 62%;
				}
		.error {
			background-color: #fee;
			color: #000;
			border-left: 5px solid #c00;
			}
/* /formulieren */
#content .tip {
	border: 1px dashed #903;
	background-color: #F5E6EB;
	padding: 10px 10px 8px 10px;
	color: #726B6E;
	margin-bottom: 1.5em;
	}
	#content .tip h2,
	#content .tip h3 {
		margin: 0 0 0.5em 0;
		color: #903;
		font-family: inherit;
		font-size: 1em;
		font-weight: bold;
		}
	#content .tip p {
		margin: 0;
		}




#postaladdress {
	display: none;
	}



#merken {
	position: absolute;
	left: 1px;
	top: 80px;
	width: 906px;
	height: 60px;
	overflow: hidden;
	}
	#merken li {
		float: left;
		list-style-type: none;
		padding-right: 16px;
		}
	#merken a:hover {
		background-color: transparent;
		}



table {
	border-collapse: collapse;
	line-height: 1.25em;
	}
	tr {
		}
		th,	td {
			padding: 0.5em 0 0.5em 0;
			}
		th {
			width: 200px;
			padding-right: 6px;
			}
table .optional,
table em {
	color: #aaa;
	}
table input.text {
	width: 300px;
	border: 1px solid #aaa;
	}
textarea {
	width: 99%;
	border: 1px solid #aaa;
	}
table input#postcode {
	width: 111px;
	margin-right: 6px;
	}
table input#plaats {
	width: 181px;
	}
.submit {
	padding: 0.5em 0 0 0;
	text-align: right;
	}
	.submit input {
		padding: 0;
		background-color: #906;
		color: #fff;
		font-weight: bold;
		border: 2px solid #731942;
		text-align: center;
		}



.vcard .org {
	font-weight: bold;
	}



#royalsmilde {
	position: absolute;
	right: 0;
	top: 0;
	width: 154px;
	}
	#royalsmilde a {
		display: block;
		}
	#royalsmilde a:hover {
		background-color: transparent;
		}


