/* reset
------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, del, dfn, em, font, img, ins,
small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { background: #BA8250; font: 12px/14px Arial, sans-serif; color: #3D1F15; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
th, td { text-align: left; font-weight: normal; }

/* general
------------------------------------------------------------------*/
h1, h2 { margin-bottom: 14px; font-size: 22px; line-height: 26px; color: #8d6a33; }
h1 sup { font-size: 14px; line-height: 12px; vertical-align: super; }
h2 { margin-bottom: 7px; }
h3 { font-weight: bold; margin: 0 0 5px 0; }
ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0 0 14px 0; }
a { color: #BA8250; }
a:hover { color: #c00; }
input, textarea, select { font-size: 12px; font-family: Arial, sans-serif; color: #3D1F15; }
strong { font-weight: bold; }
em { font-weight: italic; }

.clear { clear: both; height: 0; line-height: 0px; overflow: hidden; }

#prevNext { float: right; width: 555px; margin: 0 200px 0 0; display: inline; text-align: right; }
#prevNext a { text-decoration: none; }
#prevNext a:hover { text-decoration: underline; }
#prevNext a.prevLink { padding-left: 10px; background: url(/images/bg_prev.gif) no-repeat 0 3px; }
#prevNext a.prevLink:hover { background-image: url(/images/bg_prev_hover.gif); }
#prevNext a.nextLink { padding-right: 10px; background: url(/images/bg_next.gif) no-repeat 100% 3px; }
#prevNext a.nextLink:hover { background-image: url(/images/bg_next_hover.gif); }

/* layout
------------------------------------------------------------------*/
#wrapper { width: 975px; height: 529px; margin: 50px auto 0 auto; padding: 5px 10px 13px 5px; background: url(/images/bg_wrapper.png) no-repeat; }
#header { position: relative; z-index: 20; height: 24px; margin-bottom: 5px; background: url(/images/bg_header.jpg) repeat-y; }
#sidebar { float: left; position: relative; width: 193px; height: 465px; background: #3D1F15 url(/images/bg_segmentmenu.jpg) repeat-x; }
.content { position: relative; float: right; overflow: hidden; width: 725px; height: 452px; padding: 0 32px 23px 14px; background: url(/images/bg_content.png) no-repeat 0 28px; }
#footer { clear: both; position: relative; height: 23px; padding-top: 2px; color: #4A2317; text-align: center; }

/* header
------------------------------------------------------------------*/
#languages { position: absolute; top: -25px; right: 0; margin: 0; }
#languages li { float: left; padding: 0 6px; border-right: 1px solid #3D1F15; font-size: 13px; text-transform: uppercase; }
#languages li.last { border: none; }
#languages a { font-size: 13px; color: #3D1F15; text-transform: uppercase; text-decoration: none; }

#logo { position: absolute; top: -43px; left: 13px; z-index: 5; }
#logoPrint { display: none; }

#segmentmenu { position: absolute; top: 42px; left: 0; background: none; z-index: 60; border: }
#segmentmenu p,
#segmentmenu a { color: #fff; }
#segmentmenu p { margin: 5px 0 10px 85px; font-size: 11px; }
#segmentmenu ul { margin: 0; list-style: none; }
#segmentmenu li { position: relative; /*width: 176px;*/ width: 187px; margin: 0 0 0 6px; }
#segmentmenu li a { display: block; /*width: 176px; padding-right: 6px;*/ width: 162px; padding-left: 25px; background: url(/images/bg_segment_item.gif) no-repeat 10px 3px; text-decoration: none; /*font-size: 19px;*/font-size: 17px; line-height: 22px; /*text-align: right;*/ }
#segmentmenu li ul { display: none; }
#segmentmenu li:hover ul,
#segmentmenu li.iehover ul { display: block; }
#segmentmenu li ul { position: absolute; top: -6px; left: 0; padding-top: 6px; background: transparent url(/images/bg_segment_top.gif) no-repeat left 0; }
#segmentmenu li li { width: 181px; margin: 0; background: #845C3D; }
#segmentmenu li li a {  /*width: 176px;*/ width: 151px; padding: 0 5px 5px 25px; background: none; font-size: 15px; line-height: 19px; }
#segmentmenu li li.active a { background: url(/images/bg_segment_active.gif) no-repeat 3px 3px; /*font-size: 19px;*/ font-size: 17px; }

#navigation { position: absolute; left: 193px; top: 0; z-index: 20; }
#navigation ul { height: 24px; margin: 0; background: url(/images/bg_navlinks.png) no-repeat 0 0; }
#navigation li { position: relative; float: left; }
#navigation ul li a { display: block; height: 19px; margin-right: 1px; padding-top: 5px; font-size: 13px; line-height: 15px; color: #fff; text-decoration: none; text-align: center; }
#navigation ul ul li a { height: 100%; }
#navigation a:hover { font-size: 12px; font-weight: bold; }
#navigation .last a { margin-right: 0; }

#navigation #products ul  { left: 7px; }
#products a { width: 86px; background: url(/images/bg_navlinks.png) no-repeat 0 0; }
#products:hover a,
#products.iehover a,
#products:hover a.active,
#products.iehover a.active { font-size: 12px; background: url(/images/bg_navlinks.png) no-repeat 0 -24px; font-weight: bold; }
#products a.active { background: url(/images/bg_navlinks.png) no-repeat 0 -48px; }

#servicelounge a { /*width: 123px;*/ width: 123px; background: url(/images/bg_navlinks.png) no-repeat -87px 0; }
#servicelounge:hover a,
#servicelounge.iehover a,
#servicelounge:hover a.active,
#servicelounge.iehover a.active { font-size: 12px; background: url(/images/bg_navlinks.png) no-repeat -87px -24px; font-weight: bold; }
#servicelounge a.active { background: url(/images/bg_navlinks.png) no-repeat -87px -48px; }

#about a { width: 140px; background: url(/images/bg_navlinks.png) no-repeat -211px 0;}
#about:hover a,
#about.iehover a,
#about:hover a.active,
#about.iehover a.active { font-size: 12px; background: url(/images/bg_navlinks.png) no-repeat -211px -24px; font-weight: bold; }
#about a.active { background: url(/images/bg_navlinks.png) no-repeat -211px -48px; }

#quality a { width: 73px; background: url(/images/bg_navlinks.png) no-repeat -352px 0; }
#quality:hover a,
#quality.iehover a,
#quality:hover a.active,
#quality.iehover a.active { background: url(/images/bg_navlinks.png) no-repeat -352px -24px; font-weight: bold; }
#quality a.active { background: url(/images/bg_navlinks.png) no-repeat -352px -48px; }
#faq a { width: 58px; background: url(/images/bg_navlinks.png) no-repeat -426px 0; }
#faq:hover a,
#faq.iehover a,
#faq:hover a.active,
#faq.iehover a.active { background: url(/images/bg_navlinks.png) no-repeat -426px -24px; font-weight: bold; }
#faq a.active { background: url(/images/bg_navlinks.png) no-repeat -426px -48px; }
#contact a { width: 95px; background: url(/images/bg_navlinks.png) no-repeat -485px 0; }
#contact:hover a,
#contact.iehover a,
#contact:hover a.active,
#contact.iehover a.active { background: url(/images/bg_navlinks.png) no-repeat -485px -24px; }
#contact a.active { background: url(/images/bg_navlinks.png) no-repeat -485px -48px; }
#navigation ul ul { position: absolute; left: 5px; height: auto; padding-top: 5px; background: #CBA574; }
#navigation li li { float: none; width: 214px; }
#header #navigation li li a { width: 200px; margin: 0; padding: 5px 7px 3px 7px; background: #CBA574 url(/images/bg_nav_submenu.gif) no-repeat 7px bottom; font-size: 12px; line-height: 14px; text-align: left; font-weight: normal; }
#header #navigation li li a:hover { background-color: #3D1F15; font-weight: normal; color: #fff; }
#header #navigation li li.last a,
#navigation li li.last a:hover { background-image: none; }
#navigation li ul { display: none; }
#navigation li:hover ul,
#navigation li.iehover ul { display: block; }

#searchform { position: relative; z-index: 999; float: right; width: 185px; height: 22px; margin: 0; padding: 2px 5px 0 0; color: #fff; }
#searchform label { float: left; width: 60px; margin: 3px 5px 0 0; }
#searchword { /*width: 115px;*/ width: 90px; margin: 0; padding: 0; vertical-align: middle; }
#searchbutton { vertical-align: bottom; }

/* sidebar
------------------------------------------------------------------*/
#banner { position: relative; width: 193px; height: 396px; overflow: hidden; padding-top: 70px; }
#banner * { display: block; position: absolute; bottom: 0; left: 0; z-index: 4; }
#banner img { border-top: 5px solid #D0A572; }
#bannertekst { position: absolute; top: 95px; left: 21px; color: #DBB986; z-index: 5; }
#bannertekst a { text-decoration: none; }

/* content - algemeen
------------------------------------------------------------------*/
.content h1 { width: 541px; }
.withsubmenu h1 { padding-top: 28px; }

#path { position: relative; /*width: 515px;*/ width: 720px; height: 28px; margin: 0 0 11px -14px; }
#path div { position: absolute; left: 0; bottom: 3px; z-index: 5; color: #b5b5b5; font-size: 11px; line-height: 12px; }
#path a { text-decoration: none; color: #b5b5b5; font-size: 11px; }
#path a:hover { color: #c00; }

.button,
input.button { float: right; display: block; width: 140px; height: 28px; border: 0; background: #7f5a34; color: #fff; text-decoration: none; text-align: center; line-height: 28px; }
a:hover.button,
input.button:hover,
#submitbutton.iehover { color: #eddabd; cursor: pointer; }

.error { color: #c00; }

#contentlinks { position: absolute; top: 42px; right: 30px; width: 160px; margin: 0; }
.withsubmenu #contentlinks { top: 70px; }
#contentlinks li { width: 160px; height: 20px; margin-bottom: 2px; color: #b5b5b5; font-size: 10px; line-height: 20px; }
#contentlinks a { padding-left: 29px; font-size: 10px; line-height: 20px; text-decoration: none; color: #573008; }
#contentlinks span { padding-left: 29px; }
#contentlinks a:hover { color: #c00; }
#printlink { background: url(/images/icon_print.gif) no-repeat; }
#printlink.inactive { background: url(/images/icon_print.gif) no-repeat 0 -20px;}
#downloadlink { background: url(/images/icon_downloads.gif) no-repeat; }
#downloadlink.inactive { background: url(/images/icon_downloads.gif) no-repeat 0 -20px; }
#sendtofriendlink { background: url(/images/icon_sendtofriend.gif) no-repeat; }
#sendtofriendlink.inactive { background: url(/images/icon_sendtofriend.gif) no-repeat 0 -20px; }
#orderlink { background: url(/images/icon_samples.gif) no-repeat; }
#orderlink.inactive { background: url(/images/icon_samples.gif) no-repeat 0 -20px; }

#submenu { position: absolute; top: 28px; left: 0; width: 753px; height: 23px; margin: 0; border-top: 5px solid #eddabd; background: #c99a6a; }
#submenu li { float: left; }
#submenu a { display: block; float: left; padding: 0 17px; background: url(/images/bg_submenu_listitem.gif) no-repeat right 50%; color: #fff; text-decoration: none; line-height: 23px; }
#submenu .last a { background-image: none; }
#submenu a:hover,
#submenu a.active { background: #f38738; }

#person { position: absolute; top: 0; right: 20px; color: #8d6a33; font-size: 14px; text-align: right; }
#person a { font-size: 10px; text-decoration: none; line-height: 11px; }

.links { float: left; }
.rechts { float: right; }

/* content - send 2 friend
------------------------------------------------------------------*/
#send2friendform { margin: 14px 14px 5px 14px; padding: 14px; background: #eddabd; }
#send2friendform legend { display: none; }
#send2friendform input,
#send2friendform textarea { width: 350px; }
#send2friendform p { margin-bottom: 0; /*font-style: italic;*/ }
#send2friendform #greetings { margin-bottom: 14px; }
#send2friendform #senderemail { width: 200px; }
#send2friendform .button { width: 140px; margin: -28px 3px 0 0; }
#send2friend { margin: 14px; padding: 14px; background: #eddabd; }
#closesend2friend { margin: 0 14px; text-align: center; }
#closesend2friend a { color: #3D1F15; }

/* content - scrollbar
------------------------------------------------------------------*/
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; right: 0; top: 0; height: 100%; background: #eddabd; cursor: pointer; }
.jScrollPaneDrag { position: absolute; background: #3d1f15; overflow: hidden; cursor: pointer; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; background: url(/images/scroll_up.gif) no-repeat; height: 11px; }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background: url(/images/scroll_down.gif) no-repeat 0 1px; height: 11px; }

/* content - homepage (segments)
------------------------------------------------------------------*/
#segments { width: 771px; height: 475px; padding: 0; background: none; }
#segmentselection { float: left; width: 563px; margin: 6px 0 0 0; }
#segmentselection li { display: inline; }
#segmentselection a { position: relative; display: block; width: 563px; height: 147px; margin-top: 8px; background-repeat: no-repeat; text-decoration: none; font-size: 23px; text-transform: uppercase; color: #8D6A33; }
#segmentselection a em span { padding-left: 13px; background: url(/images/bg_listitem.gif) no-repeat 0 6px; color: #8D6A33; font-size: 12px; line-height: 14px; letter-spacing: 0.02em; }
#segmentselection a em { position: absolute; left: 13px; bottom: 14px; font-size: 23px; font-style: normal; line-height: 26px; }
#segmentselection a:hover em { cursor: pointer; }

#extrabanner { float: right; position: relative; overflow: hidden; width: 196px; height: 196px; background-color: #4a2317; background-repeat: no-repeat; color: #DBB986; }
#extrabanner div { width: 176px; height: 176px; padding: 10px; }
#extrabanner a { position: absolute; top: 0; left: 0; z-index: 10; display: block; width: 196px; height: 196px; background-image: url(/images/spacer.gif); }
#news { float: right; overflow: hidden; width: 196px; border-top: 5px solid #D0A572; background: #F9F5F1; }
#news h2 { height: 23px; padding: 0 0 0 13px; background: url(/images/bg_newstitle.jpg) repeat-y; font-size: 13px; line-height: 23px; color: #fff; font-weight: normal; }
#news ul { position: relative; height: 234px; width: 196px; overflow: hidden; margin: 0; }
#news li { width: 196px; background: url(/images/bg_listitem.gif) no-repeat 6px 14px; }
#news li img { position: absolute; bottom: 0; left: 0; }
#news a { display: block; margin: 0 6px; padding: 8px 0 8px 12px; background: url(/images/bg_newsitem.gif) repeat-x 0 bottom; text-decoration: none; color: #3D1F15; }
#news a:hover { color: #c00; }
#news .last a { background: none; }

/* content - segment
------------------------------------------------------------------*/
#segmentintro { float: left; width: 339px; height: 413px; padding-right: 14px; }
#segmentintro h1 { width: 339px; }
.pagebanner { float: left; overflow: hidden; margin-left: 14px; padding: 12px 14px 14px 14px; background: #eddabd; }
.pagebanner p { margin: 0 0 10px 0; }
#banner1 { width: 330px; height: 103px; margin-bottom: 14px; position: relative; text-align: center; }
#banner2 { width: 139px; height: 244px; position: relative; text-align: center; }
#banner1 p, #banner2 p { text-align: left; }
#checkout { width: 148px; height: 244px; position: relative; text-align: center; }
#checkout p { text-align: left; }
#checkout h2, #banner1 h2, #banner2 h2 { font-size: 17px; line-height: 19px; text-align: left; }
.readmore { position: absolute; bottom: 10px; right: 10px; padding-left: 13px; background: url(/images/bg_listitem.gif) no-repeat 0 6px; color: #3d1f15; text-decoration: none; font-style: italic; font-size: 11px; }
#banner1 .readmore { bottom: 5px; }
#segmentintro .readmore { position: relative; float: right; }
.intro { height: 85px; }

/* content - productslist
------------------------------------------------------------------*/
#moredetails { margin: -31px 0 0 0; text-align: right; }
#productscroller { width: 725px; height: 202px; margin: 8px 0 14px 0; padding: 8px 0 0 0; background: #eddabd; }
#productscroller #clip { position: relative; width: 725px; height: 182px; clip: rect(0, 725px, 166px, 0); overflow: hidden; margin-bottom: 2px; }
#productscroller #scroller a { position: relative; float: left; width: 70px; height: 182px; margin: 0 14px 0 0; text-align: center; text-decoration: none; color: #3d1f15; }
#productscroller #scroller a img { display: block; margin: 0 auto 3px; height: 147px; }
#productscroller #scrollerContainer { position: relative; height: 182px; overflow: hidden; }
#productscroller #scroller { position: absolute; left: 0; top: 0; width: 100%; }
#productscroller #scroller div { position: absolute; }
#rightScroller { float: right; margin-right: 12px; }
#leftScroller { float: left; margin-left: 12px; }
#tastematcher { height: 130px; padding: 14px; background: #eddabd; }
#tastematcher .scroll-pane { width: 697px; height: 110px; overflow: auto; }
#scroller .new { position: absolute; top: 5px; left: 3px; width: 53px; height: 15px; background: url(/images/icon_new.gif) no-repeat; }

/* content - product
------------------------------------------------------------------*/
#product h1 { /*width: 360px;*/ width: 555px; clear: both; }
#product #packshot { float: left; width: 205px; text-align: center; }
#product #prodInfo { float: left; width: 350px; height: 373px; }
#product #textfield { /*float: left;*/ width: 350px; /*height: 373px;*/ height: 363px; overflow: hidden;  }
#product .button { position: absolute; top: 424px; left: 599px; }
#product table { width: 95%; border-collapse: collapse; margin: 0 0 15px 0; }
#product th,
#product td { padding: 3px 4px; border: 2px solid #f9f5f1; border-left: 0; border-top: 0; font-size: 12px; line-height: 15px; }
#product th { background: #cba574; width: 90px; }
#product td { background: #f1e7d9; }
#product .even td { background: #eddabd; }

/* content - service lounge login & register
------------------------------------------------------------------*/
#slLogin { /*width: 556px;*/ width: 720px; /*padding-right: 201px;*/ }
#slLogin form { position: relative; }
#slLogin fieldset { padding: 10px; background: #eddabd; }
#slLogin legend { display: none; }
#slLogin fieldset div { clear: left; height: 26px; }
#slLogin label { display: block; float: left; width: 170px; /*width: 114px; line-height: 24px;*/ }
#slLogin input { /*width: 400px;*/ width: 510px; padding-left: 0; padding-right: 0; }
#slLogin #loginform input.button { position: absolute; left: 585px; top: 99px; width: 140px; }
#slLogin p { position: relative; width: 556px; }
#slLogin #registernew { position: absolute; left: 585px; top: 0; width: 140px; }
#slLogin #loginform { width: 556px; }
#slLogin #loginform label { width: 114px; }
#slLogin #loginform input { width: 400px; }
#slLogin #loginform fieldset { height: 99px; }
#slLogin #registerform { position: absolute; top: 134px; left: 14px; /*width: 556px;*/ width: 720px; }
#slLogin #registerform div { margin: 0 0 2px 0; }
#slLogin #registerform fieldset { height: 298px; overflow: hidden; }
#slLogin #registerform fieldset fieldset { height: auto; padding: 0; }
#slLogin #registerform input.button { position: absolute; /*left: 585px;*/ left: 555px; /*top: 290px;*/ top: 280px; width: 140px; }
#slLogin #registerform .error { position: absolute; left: 585px; top: 0; width: 140px; }
#slLogin .radio input { width: auto; }
#slLogin .radio div { clear: none; }
#slLogin .radio div label { float: none; display: inline; }
#slLogin #selectbusiness { float: left; /*width: 290px;*/ width: 370px; }
#slLogin #selectlanguage { float: right; /*width: 232px;*/ width: 300px; padding-right: 15px; text-align: right; }
#slLogin #selectlanguage label { float: none; display: inline; padding-right: 2px; text-align: right; }
#slLogin .checkbox { margin-left: 114px; }
#slLogin .checkbox input { float: left; width: auto; }
#slLogin .checkbox label { float: left; /*width: 300px;*/ width: 380px; margin-left: 5px; padding-top: 4px;/*line-height: 16px;*/ }
#slLogin #pwvergeten { position: absolute; left: 128px; margin: -28px 0 28px 0; }
#slLogin #pwvergeten a { text-decoration: none; }
#slLogin .error { position: static; }
#slLogin #wachtwoordform fieldset { height: 50px; }
#slLogin #wachtwoordform input.button { position: absolute; left: 585px; top: 50px; width: 140px; }
#slLogin #mandatory { clear: left; width: 442px; /*margin: 0 0 0 114px;*/ margin: 0 0 0 170px; font-size: 10px; }
#slLogin h1 { /*width: 601px;*/ width: 720px; }

/* content - downloads - recipes
------------------------------------------------------------------*/
#download #intro,
#recipe #intro { position: absolute; top: 120px; left: 14px; width: 557px; height: 52px; }
#download #intro div,
#recipe #intro div { position: absolute; left: 0; bottom: 0; }
#downloadoverview { position: absolute; top: 170px; left: 14px; /*width: 529px;*/ width: 700px; height: 268px; overflow: hidden; padding: 14px 14px 0 14px; background: #eddabd; }
#download #item,
#recipe #item { position: absolute; top: 170px; left: 14px; width: 529px; height: 268px; overflow: hidden; padding: 14px 14px 0 14px; background: #eddabd; }
#downloadoverview div { float: left; /*width: 174px;*/ width: 230px; height: 240px; overflow: hidden; border-right: 2px solid #f9f5f1; text-align: center; position: relative; }
#downloadoverview .last { border-right: none; }
#downloadoverview h2 a { display: block; font-size: 14px; font-weight: bold; color: #3d1f15; text-decoration: none; }
#downloadoverview h2 a img { display: block; margin: 0 auto; }
#downloadoverview h2 a span { position: absolute; top: 150px; left: 0; text-align: center; /*width: 170px;*/ width: 230px; line-height: 15px; }
#downloadoverview div ul { margin: 0; text-align: left; position: absolute; bottom: 0; left: 0; height: 55px; }
#download #item ul { /*width: 170px;*/ width: 250px; overflow: hidden; margin: 0; }
#downloadoverview div li,
#download #item li { float: left; /*width: 75px;*/ width: 105px; padding: 0 5px; }
#downloadoverview div li a,
#download #item li a { font-size: 11px; text-decoration: none; text-align: left; color: #3d1f15; }
#downloadoverview div li a:hover,
#downloadoverview h2 a:hover,
.content #pagenav a:hover,
#download #item li a:hover,
#overview .item a:hover,
#recipe #packshot a:hover{ color: #c00; }
.content #pagenav { position: absolute; top: 260px; left: 0; /*width: 559px;*/ width: 728px; height: 13px; padding: 0; border: none; text-align: center; font-size: 9px; color: #c00; }
.content #pagenav a { padding-right: 3px; border-right: 1px solid #3d1f15; font-size: 9px; text-decoration: none; color: #3d1f15; }
.content #pagenav .last { border: none; }
.content #pagenav span { padding-right: 3px; border-right: 1px solid #3d1f15; }
.content #pagenav .previous,
.content #pagenav .next { margin: 0 30px; border: none; }
#download #itempicture,
#recipe #itempicture { float: left; width: 170px; height: 245px; }
#download #itempicture { text-align: center; }
#download #itempicture { margin:  35px 0 0 0; }
#recipe #packshot { float: right; width: 170px; height: 200px; text-align: center; }
#recipe #packshot a { text-decoration: none; font-weight: bold; color: #3d1f15; font-size: 14px; }
#recipe #packshot img { display: block; margin: 0 auto 10px auto; }
#download .button { position: absolute; top: 424px; left: 599px; }
#overview { position: absolute; top: 98px; left: 14px; width: 529px; height: 326px; overflow: hidden; padding: 14px; background: #eddabd; }
#overview .item { float: left; width: 122px; height: 155px; overflow: hidden; margin: 0 12px 5px 0; text-align: center; }
#overview .last { margin-right: 0; }
#overview .item a { color: #3d1f15; text-decoration: none; }
#overview .item .itempicture { display: block; width: 122px; height: 122px; margin-bottom: 5px; overflow: hidden; }
#overview #pagenav { top: 332px; }

#recipe .button { position: absolute; top: 424px; left: 599px; }

/* content - samples
------------------------------------------------------------------*/
#samples { width: 556px; padding-right: 201px; }
#sampleform { position: absolute; top: 130px; left: 14px; /*width: 556px;*/ width: 560px; }
#sampleform fieldset { height: 294px; overflow: hidden; /*padding: 14px;*/ padding: 8px; background: #eddabd; }
#sampleform legend { display: none; }
#sampleform fieldset div { clear: left; height: 26px; }
#sampleform label { display: block; float: left; /*width: 114px;*/ width: 114px; /*line-height: 24px;*/ padding: 4px 0 0 0; }
#sampleform .lbl_delivery { width: 100%; }
#sampleform input { width: 422px; padding-left: 0; padding-right: 0; }
#sampleform input.button { position: absolute; left: 585px; /*top: 294px;*/ top: 282px; width: 140px; }
#sampleform #sampleZip,
#sampleform #sampleTel { float: left; width: 250px; }
#sampleform #selectlanguage { float: left; /*width: 240px;*/ width: 280px; }
#sampleform #selectlanguage select { width: 160px; }
#sampleform #sampleZip input,
#sampleform #sampleTel input { width: 110px; }
#sampleform #sampleCity,
#sampleform #sampleEmail { clear: none; float: right; width: 270px; /*width: 260px; padding-right: 10px;*/ text-align: right; }
#sampleform #selectcountry { clear: none; float: right; width: 260px; /*width: 260px; padding-right: 10px;*/ text-align: right; }
#sampleform #selectcountry select { width: 190px; }
#sampleform #sampleCity label,
#sampleform #sampleEmail label,
#sampleform #selectcountry label { float: none; display: inline; padding-right: 5px; text-align: right; }
#sampleform #sampleCity input,
#sampleform #sampleEmail input { width: 210px; }
#sampleform #sampleSelect { height: auto; }
#sampleform #sampleSelect label { float: none; width: auto; padding: 0 0 2px 0; }
#sampleform #sampleSelect select { width: 175px; margin: 0 4px 0 0; }
#sampleform #mandatory { clear: left; margin: 2px 0 2px 0; font-size: 10px; color: #757575; }
#sampleform .checkbox { margin-left: 114px; }
#sampleform .checkbox input { float: left; width: auto; }
#sampleform .checkbox label { float: left; width: 400px; margin-left: 5px; line-height: 16px; }

/* content - contact us
------------------------------------------------------------------*/
#headoffice { position: absolute; top: 144px; left: 14px; width: 340px; height: 280px; padding: 14px; background: #eddabd; }
#localcontact { position: absolute; top: 144px; left: 394px; width: 318px; height: 280px; padding: 14px; background: #eddabd; }
#contactus .button { position: absolute; top: 266px; right: 14px; }
#contactus div h2 { margin-bottom: 28px; }
.address { margin-bottom: 5px; padding-left: 20px; background: url(/images/icon_address.gif) no-repeat; line-height: 15px; }
.tel { padding-left: 20px; background: url(/images/icon_tel.gif) no-repeat; line-height: 15px; }
.fax { padding-left: 20px; background: url(/images/icon_fax.gif) no-repeat; line-height: 15px; }
.email { padding-left: 20px; background: url(/images/icon_email.gif) no-repeat; line-height: 15px; }
#contactus #intro { position: absolute; left: 14px; top: 56px; width: 557px; height: 52px; }
#contactus #intro div { position: absolute; left: 0; bottom: 0; }
#contactform { position: absolute; top: 119px; left: 14px; width: 556px; }
#contactform fieldset { height: 318px; overflow: hidden; padding: 5px 10px 10px 10px; background: #eddabd; }
#contactform legend { display: none; }
#contactform fieldset div { clear: left; height: 26px; }
#contactform label { display: block; float: left; width: 114px; line-height: 24px; }
#contactform input,
#contactform textarea { width: 400px; padding-left: 0; padding-right: 0; }
#contactform input.button { position: absolute; left: 585px; top: 305px; width: 140px; }
#contactform fieldset fieldset { height: auto; padding: 0; }
#contactform .radio input { width: auto; }
#contactform .radio div { clear: none; }
#contactform .radio div label { float: none; display: inline; }
#contactform #selectbusiness { float: left; width: 290px; }
#specifyactivity { margin-left: 114px; }
#specifyactivity input { width: 286px; }
#contactform #selectlanguage { float: right; width: 232px; padding-right: 10px; text-align: right; }
#contactform #selectlanguage label { float: none; display: inline; padding-right: 2px; text-align: right; }
#contactform .checkbox { margin-left: 114px; }
#contactform .checkbox input { float: left; width: auto; }
#contactform .checkbox label { float: left; width: 300px; margin-left: 5px; line-height: 16px; }
#contactform .textbox { height: auto; }
#contactform #mandatory { clear: left; margin: 2px 0 2px 114px; font-size: 10px; color: #757575; }

/* sitemap
------------------------------------------------------------------*/
.sitemap a { text-decoration: none; }
.sitemap h2 { font-size: 15px; }
.sitemap .column { float: left; width: 250px; }

/* content - normal page
------------------------------------------------------------------*/
#page { width: 557px; padding-right: 201px; }
#page .scroll-pane { height: 373px; width: 543px; padding-right: 14px; overflow: auto; }
#page.withsubmenu .scroll-pane { height: 345px; }
.faq h2 { font-size: 12px; color: #4e2614; font-weight: bold; }
.faq h3 { font-weight: bold; }
.faq ol { margin-left: 24px; list-style: decimal; color: #BA8250; }
.faq #answers { color: #4e2614; }
.faqpict { float: right; margin: 0 0 5px 5px; }
.faq li { clear: both; }
.faq .bestanden { margin-left: 0; }
.faq .bestanden li { clear: none; }
.faq .bestanden a { text-decoration: none; }
.toplink { clear: both; float: right; margin-bottom: 14px; }
.blok { clear: both; }
.picture.links { margin: 0 14px 14px 0; }
.picture.rechts { margin: 0 0 14px 14px; }
#searchresults li { margin-bottom: 14px; }
#searchresults span { font-size: 11px; }

/* footer
------------------------------------------------------------------*/
#footer a { margin: 0 5px; font-size: 9px; color: #4A2317; text-decoration: none; }
#footer a:hover { color: #c00; }
#sendtofriend { position: absolute; top: 3px; right: 0; width: 196px; text-align: center; }

/* homepage
------------------------------------------------------------------*/
#homepage #wrapper { position: relative; width: 770px; height: 545px; margin: 30px auto 0 auto; padding: 0; background: url(/images/langselection.jpg) no-repeat; }
#homepage h1 { text-indent: -9999px; }
#homepage #taalkeuze { position: absolute; top: 160px; left: 350px; width: 420px; margin: 0; }
#homepage #taalkeuze li { display: inline; float: left; }
#homepage #taalkeuze li a { display: block; padding: 0 6px; border-left: #c5a182 1px solid; font-size: 14px; font-weight: normal; color: #c5a182; letter-spacing: 1px; }
#homepage #taalkeuze li a.first { padding-left: 0; border-left: 0; }
#homepage #taalkeuze li a.ru { text-transform: uppercase; }
#homepage #taalkeuze li a:hover { text-decoration: none; }

/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }