/* reset
------------------------------------------------------------------*/

body { background: #fff; color: #000; }


/* general
------------------------------------------------------------------*/
h1, h2 { color: #000; }

a { color: #000; }
a:hover { color: #000; }
input, textarea, select { color: #000; }


/* layout
------------------------------------------------------------------*/
#wrapper { width: auto; height: auto; margin: 0; padding: 0; background: none; }
#header { height: 102px; background: none; }
#sidebar,
#footer { display: none; }
.content { float: none; overflow: visible; width: auto; height: auto; padding: 0; background: none; }

/* header
------------------------------------------------------------------*/

#logo { display: none; }
#logoPrint { display: block; }

#segmentmenu,
#navigation,
#searchform { display: none; }

/* sidebar
------------------------------------------------------------------*/

/* content - algemeen
------------------------------------------------------------------*/
.content h1 { width: auto; }
.withsubmenu h1 { padding-top: 0; }

#path,
#contentlinks,
#submenu,
#person { display: none; }

.button,
input.button { clear: both; float: none; display: block; width: 140px; height: 28px; margin-top: 14px; border: 1px solid #000; background: #fff; color: #000; text-decoration: none; text-align: center; line-height: 28px; }
a:hover.button,
input.button:hover,
#submitbutton.iehover { color: #000; cursor: pointer; }

.error { color: #c00; }

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

/* content - send 2 friend
------------------------------------------------------------------*/
#send2friendform { margin: 14px; padding: 14px; background: #fff; }
#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: 14px 0 0 0; }
#send2friend { margin: 14px; padding: 14px; background: #fff; }

/* content - scrollbar
------------------------------------------------------------------*/
.jScrollPaneContainer { overflow: visible; position: static !important; height: auto !important; width: auto !important; }
.jScrollPaneTrack,
a.jScrollArrowUp,
a.jScrollArrowDown { display: none; }

/* content - homepage (segments)
------------------------------------------------------------------*/
#segments { width: auto; height: auto; background: none; }
#segmentselection { float: left; width: 563px; margin: 6px 0 0 0; }
#segmentselection li { display: inline; }
#segmentselection a { position: relative; display: block; width: auto; height: auto; margin-top: 8px; background-repeat: no-repeat; text-decoration: none; font-size: 23px; text-transform: uppercase; color: #000; }
#segmentselection a span { position: relative; left: 0; bottom: auto; padding-left: 0; background: none; color: #000; font-size: 12px; letter-spacing: 0.02em; }
#segmentselection a em { position: relative; left: 0; bottom: auto; font-size: 23px; font-style: normal; line-height: 26px; }

#extrabanner { display: none; }
#news { float: none; overflow: visible; width: auto; border-top: none; background: #fff; }
#news h2 { height: auto; padding: 0; background: none; font-size: 13px; line-height: 23px; color: #fff; font-weight: normal; }
#news ul { position: relative; height: auto; width: auto; overflow: visible; margin: 0; list-style: disc; }
#news li { width: auto; background: none; }
#news li img { position: relative; bottom: 0; left: 0; }
#news a { display: block; margin: 0 6px; padding: 8px 0; background: none; text-decoration: none; color: #000; }
#news a:hover { color: #000; }
#news .last a { background: none; }

/* content - segment
------------------------------------------------------------------*/
#segmentintro { float: none; width: auto; height: auto; padding-right: 0; background: none; }
#segmentintro h1 { width: auto; }
.pagebanner { float: left; overflow: visible; margin-left: 0; padding: 12px 14px 14px 14px; border: 1px solid #EEE; background: #fff; }

#banner1 { height: auto; }
#banner1.pagebanner { float: none; }
#banner2 { margin-left: 14px }
#checkout { clear: both; }
.readmore { display: none; }

/* content - productslist
------------------------------------------------------------------*/
#moredetails,
#rightScroller,
#leftScroller,
#scroller_part2 { display: none; }
#productscroller { width: autox; height: auto; margin: 8px 0 14px 0; padding: 8px 0 0 0; background: #fff; }
#productscroller #clip { position: relative; width: auto; height: auto; clip: rect(0, auto, auto, 0); overflow: visible; margin-bottom: 2px; }
#productscroller #scroller a { float: left; width: 65px; height: 166px; margin: 0 14px 0 0; text-align: center; text-decoration: none; color: #000; }
#productscroller #scroller a img { display: block; margin: 0 auto 3px; }
#productscroller #scrollerContainer { position: relative; height: auto; overflow: visible; }
#productscroller #scroller { position: relative; left: 0; top: 0; width: auto; }
#productscroller #scroller div { position: relative; }
#tastematcher { clear: both; height: auto; padding: 0; background: #fff; margin: 30px 0 0 0; float: left; }
#tastematcher .scroll-pane { width: auto; height: auto; overflow: visible; }

/* content - product
------------------------------------------------------------------*/
#product #prodInfo { width: 400px; height: auto; }
#product #textfield { position: static !important; overflow: visible; width: auto !important; height: auto; }
#product .button { display: none; }
#product table { border: 1px solid #ccc; }
#product th,
#product td { padding: 3px 6px; border: 1px solid #ccc; border-left: 0; border-top: 0; font-size: 10px; line-height: 13px; }
#product th { background: #eee; }
#product td { background: #fff; }
#product .even td { background: #eee; }

/* content - service lounge login & register
------------------------------------------------------------------*/
#slLogin { width: auto; padding-right: 0; }
#slLogin form { position: relative; }
#slLogin fieldset { padding: 14px; background: #fff; }
#slLogin legend { display: none; }
#slLogin fieldset div { clear: left; height: 28px; }
#slLogin label { display: block; float: left; width: 114px; line-height: 24px; }
#slLogin input { width: 400px; padding-left: 0; padding-right: 0; }
#slLogin #loginform input.button { position: relative; left: auto; top: auto; width: 140px; }
#slLogin p { position: relative; }
#slLogin #registernew { position: relative; left: auto; top: 0; }
#slLogin #loginform fieldset { height: auto; }
#slLogin #registerform { position: relative; top: auto; left: auto; width: auto; }
#slLogin #registerform fieldset { height: auto; overflow: visible; }
#slLogin #registerform fieldset fieldset { height: auto; padding: 0; }
#slLogin #registerform input.button { position: relative; left: auto; top: auto; width: 140px; }
#slLogin #registerform .error { position: relative; left: auto; top: 0; width: auto; }
#slLogin .radio input { width: auto; }
#slLogin .radio div { clear: none; }
#slLogin .radio div label { float: none; display: inline; }
#slLogin #selectbusiness { float: left; width: 250px; }
#slLogin #selectcountry { float: right; width: 250px; padding-right: 10px; text-align: right; }
#slLogin #selectcountry label { float: none; display: inline; padding-right: 5px; text-align: right; }
#slLogin .checkbox { margin-left: 114px; }
#slLogin .checkbox input { float: left; width: auto; }
#slLogin .checkbox label { float: left; width: 300px; margin-left: 5px; line-height: 16px; }
#slLogin #pwvergeten { left: 0; margin: 0; }
#slLogin #pwvergeten a { text-decoration: none; }
#slLogin .error { position: static; }
#slLogin #wachtwoordform fieldset { height: auto; }
#slLogin #wachtwoordform input.button { position: relative; left: auto; top: auto; width: 140px; }

/* content - downloads - recipes
------------------------------------------------------------------*/
#download #intro,
#recipe #intro { position: relative; top: auto; left: auto; width: auto; height: auto; }
#download #intro div,
#recipe #intro div { position: relative; left: 0; bottom: 0; }
#downloadoverview,
#download #item,
#recipe #item { position: relative; top: auto; left: auto; width: auto; height: auto; overflow: visible; padding: 0; background: #fff; }
#downloadoverview div { float: left; width: 174px; height: 240px; border-right: 1px solid #1a171b; text-align: center; }
#downloadoverview .last { border-right: none; }
#downloadoverview h2 a { font-size: 14px; font-weight: bold; color: #000; text-decoration: none; }
#downloadoverview h2 a img { display: block; margin: 0 auto; }
#downloadoverview div ul { margin: 0; text-align: left; }
#download #item ul { width: auto; overflow: visible; margin: 0; }
#downloadoverview div li,
#download #item li { float: left; width: auto; padding: 0 5px; }
#downloadoverview div li a,
#download #item li a { font-size: 11px; text-decoration: none; text-align: left; color: #000; }
#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: #000; }
.content #pagenav { display: none; }
#download #itempicture,
#recipe #itempicture { float: left; width: 170px; height: 245px; }
#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 { display: none; }
#overview { position: relative; top: auto; left: auto; width: auto; height: auto; overflow: visible; padding: 0; background: #fff; }
#overview .item { float: left; width: 122px; height: 145px; overflow: hidden; margin: 0 12px 24px 0; text-align: center; }
#overview .last { margin-right: 0; }
#overview .item a { color: #000; text-decoration: none; }
#overview .item .itempicture { display: block; width: 122px; height: 122px; margin-bottom: 5px; overflow: hidden; }

/* content - samples
------------------------------------------------------------------*/
#samples { width: auto; padding-right: 0; }
#sampleform { position: relative; top: auto; left: auto; width: auto; }
#sampleform fieldset { height: auto; overflow: visible; padding: 14px; background: #fff; }
#sampleform legend { display: none; }
#sampleform fieldset div { clear: left; height: 28px; }
#sampleform label { display: block; float: left; width: 114px; line-height: 24px; }
#sampleform input { width: 400px; padding-left: 0; padding-right: 0; }
#sampleform input.button { position: relative; left: auto; top: auto; width: 140px; }
#sampleform #sampleZip,
#sampleform #sampleTel { float: left; width: 250px; }
#sampleform #sampleZip input,
#sampleform #sampleTel input { width: 100px; }
#sampleform #sampleCity,
#sampleform #sampleEmail { clear: none; float: right; width: 250px; padding-right: 10px; text-align: right; }
#sampleform #sampleCity label,
#sampleform #sampleEmail label { float: none; display: inline; padding-right: 5px; text-align: right; }
#sampleform #sampleCity input,
#sampleform #sampleEmail input { width: 200px; }
#sampleform #sampleSelect label { float: none; width: auto; }
#sampleform #sampleSelect select { width: 170px; }
#sampleform #mandatory { position: relative; top: auto; margin: 0; font-size: 10px; color: #000; }

/* content - contact us
------------------------------------------------------------------*/
#headoffice { position: relative; top: auto; left: auto; width: auto; height: auto; padding: 0; background: #fff; }
#localcontact { position: relative; top: auto; left: auto; width: auto; height: auto; padding: 0; background: #fff; }
#contactus .button { position: absolute; top: 241px; right: 14px; }
#contactus div h2 { margin-bottom: 28px; }
.address { margin-bottom: 5px; padding-left: 20px; background: none; line-height: 15px; }
.tel { padding-left: 20px; background: none; line-height: 15px; }
.fax { padding-left: 20px; background: none; line-height: 15px; }
.email { padding-left: 20px; background: none; line-height: 15px; }
#contactus #intro { position: relative; left: auto; top: auto; width: auto; height: auto; }
#contactus #intro div { position: relative; left: 0; bottom: auto; }
#contactform { position: relative; top: auto; left: 0; width: auto; }
#contactform fieldset { height: auto; overflow: visible; padding: 0; background: #fff; }
#contactform legend { display: none; }
#contactform fieldset div { clear: left; height: 28px; }
#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: relative; left: 0; top: auto; 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: 250px; }
#contactform #selectcountry { float: right; width: 250px; padding-right: 10px; text-align: right; }
#contactform #selectcountry label { float: none; display: inline; padding-right: 5px; 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; }

/* content - normal page
------------------------------------------------------------------*/
#page { width: auto; padding-right: 0; }
#page .scroll-pane { height: auto; width: auto; padding-right: 0; overflow: visible; }
#page.withsubmenu .scroll-pane { height: auto; }
.faq h2 { font-size: 12px; color: #000; font-weight: bold; }
.faq h3 { font-weight: bold; }
.faq ol { margin-left: 24px; list-style: decimal; color: #000; }
.faq #answers { color: #000; }
.faqpict { float: right; margin: 0 0 5px 5px; }
.faq li { clear: both; overflow: visible; }
.faq .bestanden { margin-left: 0; }
.faq .bestanden li { clear: none; }
.faq .bestanden a { text-decoration: none; }
.toplink { display: none; }
.blok { clear: both; margin: 35px 0 0 0; }
.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
------------------------------------------------------------------*/

/* CMS Preview
------------------------------------------------------------------*/

