@charset "utf-8";
@import url(/css/menu.css);
@import url(/css/forms.css);
@import url(/css/sifr.css);

/****************************
   default.css
   (C) Mangrove 2008-2010
   Default style properties
*****************************/

/* resets & basics */
a, a:active, a:focus, a:hover, a:link, a:visited, address, body, div, h1, h2, h3, img, li, p, table, tr, td, ul {margin:0; padding:0; border:0;}
li{margin-left:10px;}
html, body{height:100%;}
img, a img, a:hover img{border:none;}
div.clear{height:0; width:0; clear:both;}
/*img{display:block;}*/
img.right{float:right;}
img.left{float:left;}
:focus{outline: 0;}

/* body / wrapper */
body{color:#70652e; font-size: 13px; line-height: 22px; font-family: Arial, Verdana, sans-serif; background-color:#fdfaf0;}
div#wrapper{margin:0 auto; height:100%; height:auto !important; width:990px; min-height:100%; background:#fdfaf0 url(/images/bg_wrapper.jpg) repeat-x top left;}
div.wrapper_small {background-image: url(/images/bg_wrapper_small.jpg) !important;}

/* parent elements */
h2, h3, h4, h5, h6{margin:0 0 10px; color:#70652e; font-size:16px; font-weight: normal;}
h2 span, h3 span {position: absolute; width: 0; overflow: hidden;}
h2 a, h3 a{color:#70652e; text-decoration:none;}
h2, h3{display:block; float:left; clear:right; width:100%;}
h2{margin:0;}
div.archive h2, div.recipe_highlights h2{height:28px; background:transparent url(/images/bg_doubleborder.gif) repeat-x center bottom;}
div.assortiment_detail h2{height:35px; background:transparent url(/images/bg_doubleborder.gif) repeat-x center bottom;}
div.recipe_details h3{height: 20px;}
p, ul, ol, dl {margin: 0 0 15px;}

a:link, a:visited {color: #0ba8fa; text-decoration: none;}
a:hover, a:active {color: #504613; text-decoration: none;}

table th, table td {text-align: left; vertical-align: top;}
abbr {border: 0;}
hr {height:0; border:0; border-top: 1px solid #ccc;}
address {font-style: normal;}
address span{display: block; clear: both;}
span.org {color: #504613;}

/* header */
div#header, div#header_small {overflow: hidden; position: relative;}
div#header h1 a, div#header_small h1 a {position: absolute; z-index: 2; top: 0; left: 0; height: 154px; width: 385px;}
div#header_small {}

/* flash header*/
div#flash_header {position: relative; margin-top: 80px; height: 417px; background: #fdfaf0 /*url(/images/flash_header.jpg) no-repeat top left*/;}
div.header_actie {position: absolute; z-index: 2; right: 10px; bottom: 10px; width: 450px; text-align: right;}
div.header_actie_plank {position: absolute; z-index: 2; right: 10px; bottom: 10px; width: 450px; text-align: right;}

div.header_actie_lunch {position: absolute; z-index: 2; right: 10px; bottom: 60px; width: 420px; text-align: right;}
div#flash_header h2 {margin: 0; height: 20px; width: 304px; text-align: right; display: block;}
div#flash_header p {margin: 0; padding: 0 12px 0 0; width: 275px; text-align: right; display: block; float: right;}

div.headlines {position: absolute; z-index: 3; top: 80px; left: 10px; width: 340px;}
div.headlines dl dt {clear: both; float: right; padding: 0 10px; background-color: #fff; height: 22px; width: 340px; display: block; overflow: hidden; text-align: right;}
div.headlines dl dd {clear: both; float: right; margin: 1px 0 15px 0; color: #fff;}
div.headlines dl dd a:link, div.headlines dl dd a:visited {display: block; padding: 0 5px; color: #fff; width: 170px; height: 25px; text-align: center; overflow: hidden; background: #36941f url(/images/bg_header_btn_normal.gif) repeat-x top center;}
div.headlines dl dd a:hover, div.headlines dl dd a:active {background: #065f00 url(/images/bg_header_btn_hover.gif) repeat-x top center;}

/* content */
div#content {width: 950px; float: left; padding: 20px;}
.content_header {overflow: hidden; font-size: 14px; line-height: 23px;}
ul.content-thirds {clear: left; list-style: none; margin-top: 20px; padding: 42px 0 0 0; overflow: hidden; background-image: url(/images/img_divider_big.gif); background-repeat: no-repeat;}
ul.content-thirds img {display: block;}
ul.content-thirds li {list-style: none; display: block; width: 293px; float: left; margin: 0; padding: 0 35px 0 0; overflow: hidden; min-height: 300px;}
ul.content-thirds li.last {padding-right: 0; background-image: none;}
ul.content-thirds li.last p {clear: left;}
ul.content-thirds h2 {margin: 0 0 15px 0; color: #63b815;}
ul.content-thirds h3 {margin: 0 0 0 10px; width: 200px;}
div.text_left {float: left; width: 450px; margin: 15px 0 0 0;}
div.text_left_wide {float: left; width: 600px; margin: 15px 0 0 0;}
div.text_right {float: right; width: 450px; margin: 15px 0 0 0;}

li.lunchtip {position: relative; padding-top: 20px;}
li.lunchtip img.photo {margin: 30px 0 30px 35px;}
li.lunchtip .lunchtip_overlay {position: absolute;}

/* footer */
div#clear {margin: 0 auto; height: 35px; width: 950px; clear: both;}
div#footer_wrapper {margin: 0 auto; height: 84px; width: 100%; background: #f5f1e5;}
div#footer {margin: 0 auto; width: 990px;}
div#footer img {float: left;}
p.copyright {float: right; margin: 35px 0 0 0; color: #a29b7c;}
p.copyright a:link, p.copyright a:visited {color: #a29b7c;}

/*home*/
div.products_home {float: left;}
div.products_home img{margin: 0 8px 0 0;}
div.intro {float: left; margin: 10px 0 0 20px; width:450px;}

/* news */
ul.date {display: block; margin: 0; padding-top: 4px; height: 36px; width: 38px; background: #ffd538 url(/images/bg_date.gif) no-repeat top left; font-size: 11px;}
ul.date li {min-height: inherit;}
ul.date li.day, ul.date li.month, ul.date li {display: block; float: left; margin: 0; padding: 0; width: 38px; list-style-type: none; font-weight: bold; text-align: center; background: none;}
ul.date li.day {height: 15px; width: 38px;}
ul.date li.month {width: 38px; background: none;}
div.news_message {float: left; margin: 10px 0 0 0; width: 595px; background: none;}
div.news_message h3 {padding: 0 0 0 10px; width: 540px;}
ul.date {display: block; float: left; width: 38px;}
ul.date li{margin: 0; height: 15px; width: 38px; text-transform: uppercase;}
ul.news_images {position: relative; height: 350px; margin-top: 30px; border-top: 1px solid #ffd522;}
ul.news_images li.modal {float: left; margin: 15px 10px 0 0; width: 150px; height: 175px; list-style-type: none;}
li.hidden, img.hidden {display: block; position: absolute; left: 0; top: 0; width: 0; overflow: hidden;}

ul.news_home h3 {padding: 0 0 0 10px; width: 242px;}

/*archive*/
div.archive {float: left; margin: 10px 0 0 40px; width: 315px;}
ul.archive {clear: both; list-style-type: none; border-top: 1px solid #ffd522;}
ul.archive li {margin: 0; padding: 2px 0; border-bottom: 1px solid #ffd522;}
ul.archive span {display: block; float: left; margin-right: 10px; width: 45px; text-transform: uppercase;}
/* recipe overview */
div.recipe_highlights{float:left; width:370px; background:none;}
div.recipe_highlights_images{clear:both; width:370px;}
div.recipe_highlights_images ul{margin:0 -60px 0 0; float:left; text-align:right;}
div.recipe_highlights_images li{position:relative; display:block; width:170px; height:108px; float:left; margin:0 30px 30px 0; padding:0;}
div.recipe_highlights_images ul li p{position:absolute; display:block; z-index:4; top:63px; right:0; width:160px; padding:0 5px; background-color:#fff;}
div.recipe_highlights_images ul li p a {color:#504613; filter:none;}
div.recipe_list {float:left; overflow:hidden; width:290px;}
div.recipe_list ul {float:left; margin:0 0 40px 40px; list-style-type: none; width:250px;}
div.recipe_list ul li {margin:0; padding:2px 0;}
div.recipe_list ul li h2 {height:20px;}
div.recipe_details {float:right; width:345px;}

div.recipe_ingredients {float: left; width: 220px; padding: 10px 0 0 10px;}
div.recipe_ingredients .persons {font-size: 11px; font-weight: bold; color: #63b815;}
div.recipe_ingredients h4 {margin: 0; width: 122px; height: 27px; margin-bottom: 5px; background-image: url(/images/img_benodigdheden.gif); background-repeat: no-repeat;}
div.recipe_ingredients h4 span {position: absolute; width: 0; overflow: hidden;}
div.recipe_ingredients ul {float: left; margin: 0; padding: 0 0 2px 0; background-image: url(/images/bg_ingredients_green.gif); background-repeat: repeat-x; background-position: top left;}
div.recipe_ingredients ul li {display: block; margin: 0; padding: 0; line-height: 22px; color: #63b815;}

div.recipe_info {float: left; width: 355px; background: none;}
div.recipe_info img {margin: 0 0 20px 0;}
table.nutrition_data {float: left; border: 1px solid #e4dfcb; border-top: 0;}
table.nutrition_data tr {background-color: #faf6ea; border-collapse: collapse;}
table.nutrition_data td{padding: 0 10px; border-top: 1px solid #e4dfcb;}
table.nutrition_data tr td:first-child{text-align: right;}
div.recipe {position: relative; height: 50px;}
div.recipe h2 {position: absolute; z-index: 4; top: 0; left: 0; height: 40px; text-align: center; background: transparent url(/images/bg_doubleborder.gif) repeat-x center bottom;}
div.homeheader h3{height:30px; overflow:hidden; margin:0;}
h4.assortiment-recepten a{font-size: 13px; color:#70652e; display:block; clear:both; margin:0; padding:0;}
p.assortiment-recepten{display:block; clear:both; padding:0;}

/* buttons */
a.button:link, a.button:visited {display: block; width: 110px; height: 29px; background-position: top left; background-repeat: no-repeat;}
a.button span {position: absolute; width:0; overflow: hidden;}
a.button:hover, a.button:active {background-position: bottom left;} 
a.button-large:link, a.button-large:visited {width: 177px;}
a.button-actie, a.button-promo {background-image: url(/images/btn_actie.png);}
a.button-actievoorwaarden {background-image: url(/images/btn_actievoorwaarden.png);}
a.button-algemeen, a.button-general {background-image: url(/images/btn_algemeen.png);}
a.button-allerecepten {background-image: url(/images/btn_alle_recepten.png);}
a.button-allevragen, a.button-all {background-image: url(/images/btn_alle_vragen.png);}
a.button-doemee {margin-top: 80px; background-image: url(/images/btn_doe_mee.png);}
a.button-leesmeer {background-image: url(/images/btn_lees_meer.png);}
a.button-print {background-image: url(/images/btn_print.png);}
a.button-producten, a.button-products {background-image: url(/images/btn_producten.png);}
a.button-recepten, a.button-recipes {background-image: url(/images/btn_recepten.png);}
a.button-stuurdoor {background-image: url(/images/btn_stuur_door.png);}
a.button-terugnaarallerecepten {position: absolute; z-index: 5; background-image: url(/images/btn_terug_naar_alle_recepten.png);}
a.button-terugnaarassortiment {background-image: url(/images/btn_terug_naar_assortiment.png);}
a.button-vraagaan {background-image: url(/images/btn_vraag_aan.png);}
a.button-verstuur {background-image: url(/images/btn_verstuur.png);}

.recipe_buttons {margin-bottom: 10px; overflow: hidden;}
.recipe_buttons a {float: right; margin-left: 10px;}

/* products */
div.products_landing{float:left; margin:0; padding:0; background: transparent url(/images/bg_assorti.gif) repeat-y top center;}

/*background: transparent url(/images/bg_assorti.jpg) no-repeat bottom left;*/
div.products_landing div {float: left; margin: 0; padding: 90px 0 0 0;}
div.products_landing div span{position: absolute; top: 0; width: 0; height: 0; overflow: hidden;}
div.products_landing div.original{float: left; width: 320px; background: transparent url(/images/bg_assorti_original.jpg) no-repeat top left;}

div.products_landing div.recipe{float: left; width: 260px; height: auto; padding-left:23px; padding-right:23px; background: transparent url(/images/bg_assorti_recipe.jpg) no-repeat top left;}
div.products_landing div.recipe div{padding:0;}

div.products_landing div.recipe p{margin-left:0;}
div.products_landing div.recipe img{float:left; margin-right:10px; padding:4px; background:url(/images/recipe_bg.gif);}
div.products_landing div.recipe h4{font-size:14px; margin:0 0 0 5px; padding:10px 0 0; font-weight:bold;}

div.products_landing div.original p, 
div.products_landing div.lightlife p, 
div.products_landing div.caractere p,
div.products_landing div.original_active p, 
div.products_landing div.lightlife_active p, 
div.products_landing div.caractere_active p{width: 260px;margin-left: 23px;}
div.products_landing div.original_active{float: left; width: 320px; background: transparent url(/images/bg_assorti_original_active.jpg) no-repeat top left;}
div.products_landing div.original a:link, div.products_landing div.original a:visited,
div.products_landing div.original_active a:link, div.products_landing div.original_active a:visited{color: #67af2f;}
div.products_landing div.original a:hover, div.products_landing div.original a:active,
div.products_landing div.original_active a:hover, div.products_landing div.original_active a:active {color:#3f9604;}

div.products_landing div.lightlife {float: left; width: 320px; background: transparent url(/images/bg_assorti_lightlife.jpg) no-repeat top left;}
div.products_landing div.lightlife_active {float: left; width: 320px; background: transparent url(/images/bg_assorti_lightlife_active.jpg) no-repeat top left;}
div.products_landing div.lightlife a:link, div.products_landing div.lightlife a:visited,
div.products_landing div.lightlife_active a:link, div.products_landing div.lightlife_active a:visited {color: #0066a8;}
div.products_landing div.lightlife a:hover, div.products_landing div.lightlife a:active,
div.products_landing div.lightlife_active a:hover, div.products_landing div.lightlife_active a:active {color:#003e8d;}

div.products_landing div.caractere {float: left; width: 306px; background: transparent url(/images/bg_assorti_caractere.jpg) no-repeat top left;}
div.products_landing div.caractere_active {float: left; width: 306px; background: transparent url(/images/bg_assorti_caractere_active.jpg) no-repeat top left;}
div.products_landing div.caractere a:link,div.products_landing div.caractere a:visited,
div.products_landing div.caractere_active a:link, div.products_landing div.caractere_active a:visited {color: #800f40;}
div.products_landing div.caractere a:hover, div.products_landing div.caractere a:active,
div.products_landing div.caractere_active a:hover, div.products_landing div.caractere_active a:active{color:#5c0014;}

div.assortiment_detail_left {float: left; width: 580px;}
div.assortiment_detail_left div.description {min-height: 150px;}
div.assortiment_detail_left table {float: left; width: 366px; color: #000; font-weight: bold;}
div.assortiment_detail_left table tr {border-collapse: collapse;}
div.assortiment_detail_left table td {padding: 0 10px; text-align: right;}
div.assortiment_detail_left table tr td:first-child{text-align: left;}
div.assortiment_detail_right {float: right; width: 335px;}
div.assortiment_detail_right img {margin: 20px 0;}
div.assortiment_detail_right ul li {padding: 2px 2px 10px 25px; list-style-type: none;}
div.original ul li {background: transparent url(/images/check_original.gif) no-repeat top left;}
div.caractere ul li {background: transparent url(/images/check_caractere.gif) no-repeat top left;}
div.lightlife ul li{background: transparent url(/images/check_lightlife.gif) no-repeat top left;}
div.original h3, div.original h4, div.caractere h3, div.caractere h4, div.lightlife h3, div.lightlife h4 {color: #67af2f; height: 20px;}
div.caractere h3, div.caractere h4 {color: #5c0014;}
div.lightlife h3, div.lightlife h4 {color: #0066a8;}
div.original h4, div.caractere h4, div.lightlife h4 {}
div.original table {border: 2px solid #b8d682/*#86bb2b*/; background-color: #b8d682/*#86bb2b*/;}
div.caractere table{border: 2px solid #ad5c56; background-color: #ad5c56;}
div.lightlife table{border: 2px solid #5d98be; background-color: #5d98be;}
div.original table tr.odd {background-color: #eaf2da;}
div.caractere table tr.odd {background-color: #ecdad8;}
div.lightlife table tr.odd {background-color: #d1dbe2;}
p.nut_header {display: block; width: 366px; color: #000; text-align: right; margin: 0;}
p.nut_footer {display: block; width: 366px; color: #000; font-size: 0.65em;}

/*list menu*/
ul.number_pages {float: right; margin: 0 0 10px 0; padding: 0; height: 15px; text-align: right; list-style: none;}
ul.number_pages li {float: left; margin: 0 0 0 1px; padding: 0; height: 15px; width: 16px; font-size: 0.8em; line-height: 1.6em; text-align: center;}
ul.number_pages li a:link, ul.number_pages li a:visited {display: block; height: 15px; width: 16px; color: #504613; background: #ffc90a url(/images/bg_pages_normal.gif) no-repeat top center;}
ul.number_pages li a:hover, ul#number_pages li a:visited, ul.number_pages li a.active {color: #fff; background: #168ecd url(/images/bg_pages_active.gif) no-repeat top center;}
/*print extras's*/
div.logo_print {visibility: hidden; width:0; height:0;}

.refund-products {float:right;}
.refund-products h2{font-size: 1.0em; height: 28px; background: transparent url(/images/bg_doubleborder.gif) repeat-x center bottom; float:none;}
.refund-products a{margin:0;}

ul.address{list-style:none; margin-left:20px;}

/* listing-recipes */
ul.listing-recipes {list-style: none; margin: 20px 0 0 0; padding: 0; overflow: hidden;}
ul.listing-recipes li {list-style: none; display: block; float: left; width: 209px; margin: 0 38px 38px 0; padding: 0;}
ul.listing-recipes li.last {margin-right: 0;}
ul.listing-recipes a:link, ul.listing-recipes a:visited {color: #6ebe1f; display: block; height: 224px; line-height: 20px; text-align: center; background-color: #fff; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px;}
ul.listing-recipes a:hover, ul.listing-recipes a:active {background-color: #6ebe1f; color: #fff;}
ul.listing-recipes img {margin-bottom: 5px; -webkit-border-top-right-radius: 10px; -moz-border-radius: 10px;}
ul.listing-recipes span {display: block; padding: 0 10px;}

/* faq */
dl.list_faq {border-top: 1px solid #ffe160;}
dl.list_faq dt {border-bottom: 1px solid #ffe160; padding: 0 0 0 30px;}
dl.list_faq dt {border-bottom: 1px solid #ffe160; background: transparent url(/images/bg_faq_closed.gif) no-repeat top left;}
dl.list_faq dt a:link {display: block;	width: 100%; height: 100%; font-size: 14px;}
dl.list_faq dt.open a:link {color: #000; border: none;	border-bottom: none;}
dl.list_faq dt.open a:hover {color: #000; border: none; border-bottom:none;}
dl.list_faq dt.open {background: transparent url(/images/bg_faq_open.gif) no-repeat -3px 0; border-bottom: 0;}
dl.list_faq dd {display: none; position: absolute; overflow: hidden; width: 0; top: 0; left: 0; padding: 0 0 0 30px;}
dl.list_faq dd.open {display: block; position: relative; overflow: visible; margin: 0; width: 97%; border-bottom: 1px solid #ffe160;}

.boterham {position: absolute; margin-left: 110px;}