/* ------------------- GENERAL STYLES FOR BAKERY + FOODSERVICE + NL-SITE ------------------ */ body { font: 12px/16px Arial, Verdana, sans-serif; color: rgb(124,124,124); background: url(/images/body_bg.jpg) no-repeat top center #FFFFFF; } * { margin: 0; padding: 0; } img { border: 0; } p { margin: 0 0 15px 0; } a { color: rgb(165,49,56); } a:hover { color: rgb(0,0,0); } h1 { color: rgb(255,255,255); font: 23px/25px Arial, Verdana, sans-serif; font-weight: normal; padding: 5px; } h2 { font-size: 16px; margin: 0 0 10px 0; } h2 strong { color: rgb(99,49,60); } h3 { font-size: 14px; color: rgb(99,49,60); } h4 { font: bold 13px/16px Arial, sans-serif; } h5 { font: italic 12px/16px Arial, sans-serif; color: rgb(0,0,0); } td, th { font: 12px/16px Arial, Verdana, sans-serif; color: rgb(124,124,124); vertical-align: middle; } label { clear: both; float: left; display: block; width: 200px; float: left; text-align: right; padding: 0 20px 0 0; font-weight: bold; color: rgb(99,49,60); } input, select, textarea { float: left; display: block; width: 376px; font: 12px/14px Arial, Verdana, sans-serif; } fieldset { overflow: hidden; border: none; padding: 10px 0 10px 10px; margin: 10px 0; width: 610px; border-bottom: 1px dashed rgb(164,193,203); } fieldset div { clear: both; /*min-height: 20px;*/ margin-bottom: 5px; overflow: hidden; } fieldset .formhinting { display: block; margin-left: 220px; font-size: 11px; } legend { margin-left: 220px; font: bold 18px/20px Arial, sans-serif; color: rgb(124,124,124); } fieldset.last { border-bottom: 0; padding-bottom: 0; } .check input { width: auto; margin: 0 0 0 220px; } .check label { clear: none; text-align: left; width: auto; font-weight: normal; padding: 0 0 0 5px; } div.other { padding-left: 86px; } div.other input { width: 290px; } .value { float: left; clear:none; margin: 0 5px 0 0; } dl { clear: left; margin: 15px 0 15px 0; font-weight: normal; } dt { float: left; margin: 0 0 1px 0; width: 160px; clear: left; } dd { width: 130px; margin: 0 0 1px 165px; min-height: 15px; color: rgb(99,49,60); } .clear { clear: both; height: 0px; line-height: 0px; overflow: hidden; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ #wrapper { width: 1000px; margin: 0 auto; overflow: hidden; position: relative; } /* homepage ------------------------------------------------------------------------------------------------*/ #home #wrapperBB, #home #wrapperBF, #home #wrapperNL { width: 1000px; height: 420px; text-align: center; margin-top: -210px; margin-left: -500px; overflow: hidden; position: absolute; top: 50%; left: 50%; } #home #wrapperBB { height: 520px; margin-top: -260px; } #home #wrapperBF { } #home #wrapperNL { } #brands { clear: both; width: 1000px; background: #FFF; } #brands td { padding: 10px; text-align: center; } #home #foto { float: left; width: 272px; height: 280px; } #home #logo { float: left; width: 458px; height: 190px; padding: 90px 0 0 0; background: rgb(255,255,255); margin: 0 0 1px 0; } #home #languages { color: rgb(255,255,255); font: 21px/21px Arial, Verdana, sans-serif; float: left; width: 270px; height: 170px; padding: 110px 0 0 0; background: rgb(0,55,118); } #home #languages a { color: rgb(255,255,255); display: block; text-decoration: none; } #home #languages a:hover { text-decoration: underline; } #home #copyright { clear: both; width: 1000px; color: rgb(147,147,147); font-size: 11px; padding: 5px 0; } #home #wrapperBF #logo, #home #wrapperNL #logo { margin: 0 0 15px 0; } #home marquee { clear: both; margin: 0 auto; height: 100px; width: 458px; background: #FFF; } #home marquee img { margin: 2px 45px 0 0; } /* header ----------------------------------------------------------------------------------------------- */ #header { color: rgb(165,49,56); height: 15px; padding: 10px 0 0 250px; } #header #languages { width: 20px; display: inline; } #header #languages li { display: inline; list-style-type: none; text-transform: uppercase; } #header a { color: rgb(83,83,83); } #header #formZoek { position: absolute; top: 10px; right: 6px; } #header #formZoek input { width: 160px; } #header #formZoek a { color: rgb(255,255,255); background: rgb(124,124,124); padding: 2px; text-decoration: none; text-transform: uppercase; font-size: 11px; } /* left navigation ----------------------------------------------------------------------------------------------- */ #leftColumn { width: 178px; float:left; margin: 0 35px 25px 35px; } #leftColumn #navigation { min-height: 375px; background: url(/images/navigation_bg.jpg) no-repeat; } #leftColumn #navigation.landing { min-height: 200px; } #leftColumn ul { list-style-type: none; border-top: 2px dotted #fff; margin: 0 0 20px 0; padding: 0; } #leftColumn ul li a { border-bottom: 2px dotted #fff; background: url(/images/listitem_leftnav.gif) no-repeat 12px 9px; color: rgb(99,49,60); display: block; width: 153px; text-decoration: none; font: bold 13px/15px Arial, Verdana, sans-serif; padding: 3px 0 3px 25px; } #leftColumn ul li a:hover { color: #000; background: url(/images/listitem_leftnav.gif) no-repeat 12px 9px #fff; } #leftColumn ul li.active a, #navigation li.active a:hover { background: url(/images/listitem_leftnav_active.gif) no-repeat 10px 7px #fff; color: rgb(165,49,56); font: bold 17px/17px Arial, Verdana, sans-serif; padding: 3px 0 2px 25px; } #leftColumn ul li.active li a { width: 133px; padding-left: 45px; background-position: 25px 7px; color: rgb(165,49,56); font-size: 12px; } #leftColumn ul li.active li a:hover, #leftColumn ul li.active li.active a { width: 133px; padding-left: 45px; background-position: 25px 7px; color: #000; font-size: 12px; } #favoriteProducts, #favoriteRecipes { font: bold 12px/14px Arial, Verdana, sans-serif; margin: 0 0 0 7px; } #favoriteProducts a, #favoriteRecipes a { text-decoration: none; padding: 0 0 3px 18px; display: block; } #favoriteProducts a { background: url(/images/icon_fav_products.gif) no-repeat 2px 1px; } #favoriteRecipes a { background: url(/images/icon_fav_recipes.gif) no-repeat 2px 1px; } #banner { position: relative; overflow: hidden; width: 178px; height: 185px; } #banner .bannerInhoud { position: absolute; top: 0; left: 0; width: 178px; height: 200px; background-color: white; } #logo { margin: 0 0 15px 0; } .banner { text-align: center; color: rgb(165,49,56); background: #FFF; font: bold 13px/15px Arial, sans-serif; } table.actie { width: 178px; height: 35px; padding: 2px; text-align: center; color: rgb(255,255,255); } table.actie td, table.actie a { color: rgb(255,255,255); text-decoration: none; } table.actie a { font: bold 13px/15px Arial, sans-serif; } table.actie a:hover { color: rgb(0,0,0); } .bottom { background: rgb(255,255,255); color: rgb(165,49,56); } .recept { display: block; width: 138px; height: 71px; padding: 40px 20px; background: url(/images/tmp_foto_promorecepten.jpg) no-repeat; } .recept a.receptInsturen { font: 24px/24px Arial, sans-serif; color: rgb(165,49,56); text-decoration: none; } div.actie { background: rgb(170,142,115); padding: 4px 10px; line-height: normal; width: 158px; } div.actie a { color: rgb(255,255,255); text-decoration: none; } #formZoekProducts { text-align: center; margin: 35px 0 25px 0; } #formZoekProducts .title { text-align: left; font: bold 13px/15px Arial, Verdana, sans-serif; color: rgb(165,49,56); } #formZoekProducts input.keyword { width: 153px; height: 16px; border: 2px solid #BABBBE; border-right: 0; margin: 0 0 20px 0; } #formZoekProducts input.buttonGo { width: 14px; border: 2px solid #BABBBE; width: auto; padding: 2px 3px; margin: 0 0 20px 0; background: #FFF; } #formZoekProducts a#linkZoekUitgebreid { display: block; clear: left; color: rgb(165,49,56); padding-left: 8px; background: url(/images/arrow_red.gif) no-repeat 0 3px; text-decoration: none; font: 11px/12px Arial, Verdana, sans-serif; width: 167px; margin: 0 auto; text-align: left; } #formZoekProducts a:hover#linkZoekUitgebreid { color: rgb(0,0,0); } /* content area ----------------------------------------------------------------------------------------------- */ #contentArea { width: 745px; float: left; background: rgb(255,255,255); padding-bottom: 10px; margin: 8px 0 0 0; } #contentArea #topBanner { height: 280px; } #contentArea #topBanner table { float: left; width: 260px; height: 280px; text-align: center; background: rgb(164,193,203); } #contentArea #topBanner img { float: left; } #content { padding: 25px 50px 0 50px; width: 645px; clear: both; min-height: 297px; overflow: hidden; } #content h1 { color: rgb(124,124,124); font: bold 18px/20px Arial, Verdana, sans-serif; text-transform: none; padding: 0px; margin: 0 0 15px 0; } #content ol, #content ul { padding: 0 0 22px 16px; } #path { overflow: hidden; color: rgb(99,49,60); margin: 10px 0 0 0; float: right; width: 480px; border-bottom: 2px dotted rgb(164,193,203); padding: 0 0 7px 0; } #path a { color: rgb(124,124,124); text-decoration: none; } #path a:hover { color: rgb(99,49,60); text-decoration: underline; } #handyNav { float: right; margin: -25px 0 0 10px; } #handyNav ul { list-style-type: none; padding: 0; width: 160px; overflow: hidden; margin: 0 0 19px 0; } #handyNav li { border-bottom: 2px dotted rgb(164,193,203); padding: 2px 5px 1px 18px; } #handyNav a { display: block; width: 132px; margin: 0 0 0 -18px; padding: 0 0 0 18px; color: rgb(99,49,60); text-decoration: none; } #handyNav a:hover { color: rgb(0,0,0); } #handyNav li.vorig { background: url(/images/icon_vorig.gif) no-repeat 3px 2px; } #handyNav li.volgend { background: url(/images/icon_volgend.gif) no-repeat 3px 2px; } #handyNav a.print, a.print { background: url(/images/icon_print.gif) no-repeat 0 2px; } #handyNav a.info { background: url(/images/icon_info.gif) no-repeat 0 2px; } #handyNav a.pdf { background: url(/images/icon_pdf.gif) no-repeat -1px 0; } #handyNav a.overzicht { background: url(/images/icon_overzicht.gif) no-repeat 2px 3px; } #handyNav a.friend { background: url(/images/icon_send.gif) no-repeat 0 3px; } #handyNav a.add { background: url(/images/icon_add.gif) no-repeat 2px 3px; } #handyNav a.recepten { background: url(/images/icon_recipes.gif) no-repeat 0 2px;width: 165px; } #handyNav ul.tools { border-top: 2px dotted rgb(164,193,203); } .buttonSubmit { background: rgb(238,244,244); margin-left: 230px; width: 380px; height: 41px; } .buttonSubmit input { width: 116px; background: rgb(164,193,203); border: 1px solid rgb(164,193,203); margin: 0; padding: 10px; color: rgb(255,255,255); font: bold 16px/18px Arial, Verdana, sans-serif; text-transform: lowercase; letter-spacing: 1px; } .buttonSubmit small { color: rgb(110,149,162); display: block; float: right; font-size: 11px; padding: 10px; } /* -- startpage -- */ .indekijker { border-bottom: 1px dashed; margin: 0 0 35px 0; } .picture { float: left; margin: 25px 20px 0 0; width: 210px; text-align: center; } .picture img { margin: 0 0 20px 0; } #bulletIndekijker { position: absolute; top: -30px; right: -35px; width: 77px; height: 60px; padding: 20px 3px 3px 3px; background-repeat: no-repeat; color: rgb(255,255,255); text-align: center; font: bold 15px/14px Arial, sans-serif; } #startPage #topBanner table { background: rgb(173,201,132); } #startPage .picture { position: relative; margin: 0 50px 0 0; width: 210px; } #startPage .picture img { margin: 0; } #startPage #content { padding: 20px 50px 0 50px; min-height: 232px; } /* -- general pages -- */ #generalPages #content { padding: 40px 50px 20px 50px; min-height: 284px; } #generalPages #content img { margin: 0 0 10px 0; } #generalPages #content .picto img { margin-bottom: 0; } /* -- product pages -- */ #productPages #topBanner { height: 270px; border-bottom: 2px dotted rgb(164,193,203); } #productPages #topBanner table { margin: 33px 20px 0 33px; width: 210px; height: 203px; } #productPages #topBanner table#productNav { width: 115px; float: left; margin: 33px 0 0 0; background: none; } #productPages #content { padding: 0 0 40px 33px; width: 712px; } #productPages #content h1 { color: rgb(99,49,60); font: normal 21px/21px Arial, Verdana, sans-serif; margin: 25px 0 0 0; } #productPages #handyNav { margin: 0 0 0 10px; } #productPages .picture img { margin: 0 2px 20px 2px; } #productPages #topBanner table#horizontalNav { width: 450px; height: 91px; float: left; margin: 145px 0 0 0; background: none; } #productPages #topBanner.horizontaal { height: 360px; padding-bottom: 10px; } #topBanner ul.first, #topBanner ul.second, #topBanner ul.third { margin: 10px 20px 0 0; width: 210px; } #topBanner ul.first li, #topBanner ul.second li, #topBanner ul.third li, #topBanner ul.first a, #topBanner ul.second a, #topBanner ul.third a { width: 210px; } #topBanner ul.first { margin: 10px 20px 0 33px; } #topBanner ul.second, #topBanner ul.second li, #topBanner ul.second a { width: 225px; } #topBanner ul.third { margin: 10px 0 0 0; } #topBanner ul.first ul, #topBanner ul.second ul, #topBanner ul.third ul { width: 142px; } #topBanner ul.first ul li, #topBanner ul.second ul li, #topBanner ul.third ul li { width: 135px; } #topBanner ul.first ul a, #topBanner ul.second ul a, #topBanner ul.third ul a { width: 114px; } #productNav { height: auto; } #productNav td { text-align: center; vertical-align: middle; height: 35px; } #productNav td.whiteRow { height: 21px; } #productNav a { display: block; width: 108px; margin: 0 auto; color: rgb(255,255,255); text-decoration: none; font: 13px/15px Arial, sans-serif; text-transform: lowercase; } #productNav a:hover, #productNav .active a { color: rgb(0,0,0); } td.diepvries, #contentArea #topBanner table.diepvries { background: rgb(164,193,203); } td.margarines, #contentArea #topBanner table.margarines { background: rgb(220,194,98); } td.bereiding, #contentArea #topBanner table.bereiding { background: rgb(170,142,115); } td.olien, #contentArea #topBanner table.olien { background: rgb(178,107,89); } td.sauzen, #contentArea #topBanner table.sauzen { background: rgb(173,201,132); } td.frituurvetten, #contentArea #topBanner table.frituurvetten { background: rgb(226,162,50); } td.alpro, #contentArea #topBanner table.alpro { background: rgb(0,32,159); } #topBanner ul { float: left; width: 305px; margin: 33px 0 0 30px; list-style-type: none; } #topBanner ul li { float: left; width: 305px; margin: 0; } #topBanner ul a { display: block; width: 305px; padding: 2px 0; border-bottom: 1px dotted rgb(124,124,124); text-decoration: none; font: 12px/13px Arial, sans-serif; color: rgb(124,124,124); text-transform: none; } #topBanner ul a:hover { color: rgb(0,0,0); } #topBanner ul li.active a, #topBanner ul li.active li.active a { color: rgb(99,49,60); font-weight: bold; } #topBanner ul li.active ul a { color: rgb(124,124,124); font-weight: normal; } #topBanner ul li.active li a:hover { color: rgb(0,0,0); } #topBanner ul ul { float: none; position: absolute; left: -3000px; top: 17px; z-index: 10; width: 142px; margin: 0; padding-bottom: 6px; background: url(/images/bg_ul_dropdown.png) no-repeat bottom right; border-top: 1px dotted rgb(124,124,124); } #topBanner ul ul li { width: 135px; padding: 0 7px 0 0; border-left: 1px dotted rgb(124,124,124); background: url(/images/bg_li_dropdown.png) repeat-y top right; } #topBanner ul ul a { width: 114px; padding: 2px 10px; border-right: 1px dotted rgb(124,124,124); font: 11px/13px Arial, sans-serif; } #topBanner ul ul a:hover { font-weight: bold; } #topBanner ul li:hover, #topBanner ul li.sfhover { position: relative; } #topBanner ul li:hover ul, #topBanner ul li.sfhover ul { left: 30px; } #topBanner ul ul li.bottom { display: none; } .text { width: 480px; float: left; } .articleCode { color: rgb(165,49,56); } .description { padding: 0 15px 0 0; } .productList { margin: 20px 15px 0 0; width: 210px; float: left; } .productList td { height: 40px; margin-right: 5px; } .productList td.link { width: 180px; padding: 0 5px 5px 10px; font: 12px/14px Arial, sans-serif; border-bottom: 2px solid #E5DDD5; } .productList td.whiteRow { height: 15px; } .productList td.whiteCol { width: 10px; } .productList td.image { background: white; border: 1px solid rgb(178,107,89); } .productList a { text-decoration: none; font-weight: bold; } #content .diepvries td.link { border-bottom: 2px solid #DFE7EA; } #content .diepvries td a { color: #61767D; } #content .diepvries td.image { border-color: #DFE7EA; } #content .margarines td.link { border-bottom: 2px solid #F0E9CE; } #content .margarines td a { color: #A58E38; } #content .margarines td.image { border-color: #E7DCB1; } #content .bereiding td.link { border-bottom: 2px solid #E5DDD5; } #content .bereiding td a { color: #816C57; } #content .bereiding td.image { border-color: #D8CDC2; } #content .olien td.link { border-bottom: 2px solid #E5DDD5; } #content .olien td a { } #content .olien td.image { border-color: rgb(178,107,89); } #content .sauzen td.link { border-bottom: 2px solid #D8EBBD; } #content .sauzen td a { color: #718B4B; } #content .sauzen td.image { border-color: rgb(173,201,132); } #content .frituurvetten td.link { border-bottom: 2px solid #EDD486; } #content .frituurvetten td a { color: #A6841D; } #content .frituurvetten td.image { border-color: rgb(226,182,50); } #content .diepvries a:hover, #content .margarines a:hover, #content .bereiding a:hover, #content .olien a:hover, #content .sauzen a:hover { color: #000; } table.lonely { margin-left: 225px; width: 380px; } table.lonely td.link { width: 340px; } /* -- zoek pages -- */ #zoekPages #topBanner { height: 280px; border-bottom: 0; } #zoekPages #topBanner table { margin: 0; background: rgb(178,107,89); width: 260px; height: 280px; } #zoekPages #content { padding: 20px 0 40px 33px; } #zoekPages #path { width: 485px; } #formProductsKeywords fieldset { padding: 0 0 10px 0; } #formProductsKeywords fieldset legend { margin: 0; padding: 0 0 5px 0; } #formProductsKeywords fieldset fieldset { padding: 10px 0 10px 0; margin: 5px 10px 5px 0; border-bottom: 0; width: 190px; float: left; } #formProductsKeywords fieldset fieldset legend { padding: 0; font: 14px/16px Arial, sans-serif; } #formProductsKeywords .check input { margin: 0; } #formProductsKeywords .buttonSubmit { margin-left: 0px; width: 610px; height: 41px; } /* -- recipe pages -- */ #recipeOverview #topBanner { height: 270px; border-bottom: 2px dotted rgb(164,193,203); } #recipeOverview #topBanner table { margin: 33px 0 0 33px; width: 204px; height: 203px; } #recipeOverview table { float: left; margin: 33px 0 33px 33px; width: 204px; } #recipeOverview table td { height: 43px; } #recipeOverview table td.link { width: 130px; padding: 0 10px; } #recipeOverview table td.whiteRow { height: 8px; } #recipeOverview table a { text-decoration: none; font-weight: bold; display: block; } #recipeOverview table img { margin: 0 5px 0 0; } #recipeOverview table.thema td.link { border-bottom: 2px solid #DFE7EA; } #recipeOverview table.thema img { border: 1px solid #DFE7EA; } #recipeOverview table.thema a { color: #61767D; } #recipeOverview table.categorie td.link { border-bottom: 2px solid #F0E9CE; } #recipeOverview table.categorie img { border: 1px solid #E7DCB1; } #recipeOverview table.categorie a { color: #A58E38; } #recipeOverview table.ingestuurd td { vertical-align: top; } #recipeOverview table.ingestuurd td.link { border-bottom: 2px solid #E5DDD5; } #recipeOverview table.ingestuurd a { color: #816C57; } #recipeOverview table.ingestuurd div { color: #816C57; font: italic 10px/12px Arial, sans-serif; } #recipeOverview table.ingestuurd div.by { margin: 0 0 15px 0; } #recipeOverview table.thema a:hover, #recipeOverview table.categorie a:hover, #recipeOverview table.ingestuurd a:hover { color: #000; } #recipeOverview a.moreRecipes { margin: 20px 0 0 10px; padding-left: 10px; background: url(/images/arrow_brown.gif) no-repeat 0 3px; font-weight: normal; text-decoration: underline; } #recipePages #topBanner { height: 280px; } #recipePages #topBanner table { background: rgb(170,142,115); width: 258px; } #recipePages #topBanner h1 { color: rgb(165,49,56); font: 31px/30px Arial, sans-serif; width: 240px; overflow: hidden; margin: 0 auto; } #recipePages #topBanner h1 span { display: block; color: rgb(99,49,60); font: 16px/18px Arial, sans-serif; } #recipePages #recipePicture { float: left; } #recipePages #path { width: 485px; } #recipePages #otherRecipes { float: left; } #recipePages #otherRecipes a { width: 81px; height: 93px; display: block; float: left; filter: alpha(opacity=30); -moz-opacity: 0.30; opacity:0.30; } #recipePages #otherRecipes a.active, #recipePages #otherRecipes a:hover { filter: alpha(opacity=100); -moz-opacity: 1.00; opacity:1.00; height: 100%; } #recipePages #otherRecipes a.andere { text-align: center; padding: 10px; height: 73px; width: 61px; } #recipePages #content { padding: 25px 0 40px 20px; width: 725px; } .ingredients { float: left; width: 220px; text-align: right; margin: 15px 20px 0 0; } #content .ingredients ul { list-style-type: none; padding: 0 0 10px 0; } .ingredients h2, #recipePages .text h2 { display: block; color: rgb(99,49,60); font: bold 12px/16px Arial, Verdana, sans-serif; margin: 0 0 14px 0; } .ingredients .tip h2 { margin: 0; } .ingredients h3 { color: rgb(124,124,124); font: bold 12px/16px Arial, Verdana, sans-serif; } #recipePages .text { width: 310px; margin: 15px 0 0 0; } .tip { margin: 10px 0 0 0; color: rgb(99,49,60); } .tip strong { margin: 0; color: rgb(124,124,124); } .recipeList { margin: 0 10px 0 10px; width: 320px; float: left; } .recipeList td.link { width: 210px; padding: 0 5px 5px 10px; border-bottom: 2px solid #E5DDD5; font: 12px/14px Arial, sans-serif; } .recipeList td.whiteRow { height: 15px; } .recipeList img { margin: 0 5px 0 0; background: white; border: 1px solid rgb(170,142,115); } .recipeList a { text-decoration: none; font-weight: bold; display: block; color: #816C57; } .recipeList a:hover { color: #000; } .recipeList .rating, .recipeList .scorebg { float: left; margin: 5px 5px 0 0; } .recipeList .scorebg { margin: 3px 0 0 0; } .scorebg img { border: 0; } #recipePages table.lonely { margin-left: 240px; } #recipePages #formRecept { margin: 0 0 0 10px; } #formScore { width: 160px; overflow: hidden; } #handyNav h4 { margin: 0 0 3px 0; line-height: 14px; } .scorebg { position: relative; height: 15px; width: 91px; margin: 0 0 15px 0; background: url(/images/bg_stars_soft.png) no-repeat left top; } .score { position: absolute; top: 0; left: 0; height: 15px; background: url(/images/bg_stars.png) no-repeat left top; } #handyNav select, #handyNav input { width: 50px; } /* -- download pages -- */ #downloadPages #topBanner table { background: rgb(153,146,181); } #downloadPages #topBanner h1 { font: 31px/30px Arial, sans-serif; } #downloadPages #path { width: 485px; } #downloadPages #content { padding: 25px 0 40px 20px; width: 725px; } #downloadPages .text ul { list-style-type: none; padding: 0; width: 380px; } #downloadPages .text ul li { overflow: hidden; margin: 0 0 3px 0; padding: 0; background: rgb(240,239,244); } #downloadPages .text ul a:hover { background: rgb(212,209,223);} #downloadPages .text ul li a { /*position: relative;*/ display: block; overflow: hidden; /*width: 360px;*/ padding: 10px; color: rgb(99,49,60); font-weight: bold; } #downloadPages .text ul li a.pdf { float: left; width: 314px; } #downloadPages .text ul li.fullwidth a.pdf { float: none; width: auto; } #downloadPages .text ul li a.flipbook { float: right; width: 20px; padding-left: 15px; background: url(/images/scheidingslijnPdf.png) 0 50% no-repeat; /*border-left: #000 1px dashed;*/ } #downloadPages .text ul li a.flipbook:hover { background: rgb(212,209,223) url(/images/scheidingslijnPdf.png) 0 50% no-repeat; } #downloadPages .text ul li a span { float: left; width: 249px; } #downloadPages .text ul li a span.pdfSize { /*position: absolute; top: 10px; right: 10px;*/ display: block; width: 45px; padding: 0 0 0 20px; background: url(/images/icon_pdf.gif) no-repeat; color: rgb(112,112,112); font-weight: normal; text-decoration: none; } #downloadPages ul li a:hover { color: rgb(0,0,0); } .directories { float: left; text-align: right; margin: 35px 25px 0 0; width: 215px; } .directories ul { list-style-type: none; padding: 0; margin: 0; } .directories ul a { display: block; margin: 0 0 5px 0; width: 175px; background: url(/images/icon_dir_closed.gif) 182px 3px no-repeat; padding: 0 22px 0 0; text-decoration: none; color: rgb(99,49,60); } .directories ul li.active a { font-weight: bold; background: url(/images/icon_dir_open.gif) 182px 3px no-repeat; } .directories ul li.active ul a { background: none; padding: 0; width: 159px; font-weight: normal; margin-right: 22px; color: rgb(153,146,181); } .directories ul li.active ul li.active a { text-decoration: underline; } /* -- zoekertjes pages -- */ #zoekertjesPages #topBanner { height: 270px; border-bottom: 2px dotted rgb(164,193,203); } #zoekertjesPages #topBanner table { margin: 33px 20px 0 33px; width: 210px; height: 203px; } #zoekertjesPages #topBanner table#horizontalNav { width: 450px; height: 91px; float: left; margin: 145px 0 0 0; background: none; } #zoekertjesPages #content { padding: 15px 33px 40px 33px; width: 679px; } #horizontalNav td { text-align: center; vertical-align: middle; height: 35px; } #horizontalNav td.whiteRow { height: 21px; } #horizontalNav td.whiteCol { width: 21px; } #horizontalNav a { display: block; width: 115px; margin: 0 auto; color: rgb(255,255,255); text-decoration: none; font: 13px/15px Arial, sans-serif; text-transform: lowercase; } #horizontalNav a:hover, #horizontalNav .active a { color: rgb(255,255,255); } #horizontalNav .alpro a, #horizontalNav .alpro a:hover { color: #FFF; } #zoekertjesPages .zoekertje { padding: 15px 0; border-bottom: 1px dashed rgb(164,193,203); overflow: hidden; width: 679px; } #zoekertjesPages .zoekertje .foto { width: 210px; float: left; margin: 0 20px 0 0; text-align: center; } #zoekertjesPages dl { clear: none; margin: 0; float: right; width: 447px; } #zoekertjesPages dt { width: 80px; margin: 0; } #zoekertjesPages dd { width: 350px; margin: 0 0 1px 85px; } .datum input { width: 40px; margin-right: 3px; } /* -- acties pages -- */ #actiesPages #topBanner { height: 270px; border-bottom: 2px dotted rgb(164,193,203); } #actiesPages #topBanner table { margin: 33px 20px 0 33px; width: 210px; height: 203px; } #actiesPages #topBanner table#productNav { width: 115px; float: left; margin: 33px 0 0 0; background: none; overflow: hidden; height: auto; } #actiesPages #content { padding: 0 0 40px 33px; width: 712px; } #actiesPages #content h1 { color: rgb(99,49,60); font: normal 21px/21px Arial, Verdana, sans-serif; margin: 25px 0 0 0; } #actiesPages #content .picture { clear: left; } #actiesPages .text { margin: 25px 0 0 0; width: 470px; padding: 0 10px 0 0; } #actiesPages a.contactRep { padding-left: 10px; background: url(/images/arrow_red.gif) no-repeat 1px 3px; } #actiesPages .picture img { margin: 0; } #actiesPages .interested { clear: left; margin: 0 0 0 231px; } /* -- event pages -- */ #newEventLink { margin: 10px 0 0 230px; } #eventPages #content { width: 712px; padding: 0 0 40px 33px; } #eventPages .event dl { margin-top: 0; } #eventPages .event dt { width: 80px; } #eventPages .event dd { margin-left: 85px; } #eventPages #content .picture { clear: left; } #eventPages .picture img { margin: 0; } #eventPages .text { width: 470px; margin: 25px 0 0 0; padding: 0 10px 0 0; } .datuminput input { width: 40px; margin-right: 5px; } /* -- links pages -- */ #linksPages #topBanner { height: 270px; border-bottom: 2px dotted rgb(164,193,203); } #linksPages #topBanner table { margin: 33px 20px 0 33px; width: 210px; height: 203px; } #linksPages #topBanner table#productNav { width: 115px; float: left; margin: 33px 0 0 0; background: none; } #linksPages #content { padding: 25px 20px 20px 33px; width: 692px; } #linksPages #content .text { width: 692px; } #linksPages #content h1 { color: rgb(99,49,60); font: normal 21px/21px Arial, Verdana, sans-serif; margin: 25px 0 0 0; } #linksPages #content ul { float: left; margin: 0 20px 0 0; width: 300px; } /* -- gallery pages -- */ #galleryPages #topBanner { height: 270px; border-bottom: 2px dotted rgb(164,193,203); } #galleryPages #topBanner table { margin: 33px 20px 0 33px; width: 210px; height: 203px; } #galleryPages #topBanner table#productNav { width: 115px; float: left; margin: 33px 0 0 0; background: none; } #galleryPages #topBanner table#horizontalNav { width: 450px; height: 147px; float: left; margin: 89px 0 0 0; background: none; } #galleryPages #content { padding: 25px 0 40px 33px; width: 712px; } /*#galleryPages .picture img { margin: 0 2px 20px 2px; }*/ #galleryPages #productNav td.whiteRow { height: 21px; } #galleryPages #topBanner.horizontaal { height: 320px; padding-bottom: 10px; } #galleryPages .scroller { float: left; width: 210px; margin: 24px 20px 0 0; position: relative; height: 355px; } #galleryPages #scrollerFrame { position: absolute; left: 0; top: 20px; height: 320px; width: 210px; overflow: hidden; } #galleryPages #scrollerContent { position: absolute; left: 0; top: 0; list-style-type: none; margin: 0; padding: 0; width: 210px; } #galleryPages #scrollerContent li { width: 100px; height: auto; overflow: hidden; margin: 0 auto 4px auto; } #galleryPages #scrollerContent img { width: 100px; } #galleryPages #scrollUp, #scrollDown { position: absolute; left: 0; cursor: pointer; } #galleryPages #scrollUp { top: 5px; border-bottom: 1px solid rgb(164,193,203); } #galleryPages #scrollDown { bottom: 0; border: 0; border-top: 1px solid rgb(164,193,203); } #galleryPages .bigPicture { width: 450px; float: left; } #galleryPages .bigPicture .caption { text-align: center; display: block; border: 1px solid rgb(164,193,203); padding: 2px; width: 444px; margin: 5px 0 0 0; overflow: hidden; } #galleryPages .bigPicture .caption div { float: left; width: 380px; padding: 2px; } #galleryPages .bigPicture a:hover { background: rgb(127,160,171); } #galleryPages .bigPicture img.vorige { float: left; background: rgb(213,226,231); padding: 3px; } #galleryPages .bigPicture img.volgende { float: right; background: rgb(213,226,231); padding: 3px; } #galleryPages .bigPicture img.active { background: rgb(164,193,203); } #galleryPages #imgContainer { height: 340px; position: relative; } #galleryPages #imgContainer a { position: absolute; left: 10px; bottom: 10px; background-color: white; width: auto; height: auto; padding: 2px 5px; } /* -- contact pages -- */ #contactPages #topBanner { height: 270px; border-bottom: 2px dotted rgb(164,193,203); } #contactPages #topBanner table { margin: 33px 20px 0 33px; width: 210px; height: 203px; } #contactPages #topBanner table#horizontalNav { width: 450px; height: 91px; float: left; margin: 145px 0 0 0; background: none; } #contactPages #content { padding: 15px 0 0 33px; width: 712px; } #contactPages #content .text { float: none; margin-left: 230px; width: 460px; } #contactPages #content table { margin: 0 0 15px 0; } #contactPages ul.salesDetails { list-style-type: none; padding: 0; width: 210px; text-align: right; margin: 0 20px 0 0; color: rgb(99,49,60); overflow: hidden; } #contactPages .picture { margin: 0; width: 135px; text-align: left; } #contactPages .picture img { margin: 0; } #contactPages .function { color: rgb(99,49,60); font: bold 14px/18px Arial, sans-serif; } #contactPages .bigPicture { width: 450px; float: left; } #contactPages #content table td.techAdvisors { vertical-align:top; } #contactPages #content table td.techAdvisors ul.salesDetails { margin-bottom: 50px; } #formVertegenwoordiger { margin: 0 0 15px 0; } #contactPages dl { margin: 0 0 15px 0; } #contactPages dt { text-align: right; width: 210px; margin-right: 20px; font-weight: bold; color: rgb(99,49,60); } #contactPages dd { width: 450px; margin-left: 230px; } #contactPages dl.adres dd { width: 300px; } #contactPages .tooLong { font-size: 10px; } a.routebeschrijving { display: block; float: right; padding: 2px 0 1px 20px; background: url(/images/icon_pdf.gif) no-repeat; margin-right: 10px; } /* -- nieuwsbrief pages -- */ #nieuwsbriefPages #content { padding: 15px 0 0 33px; width: 712px; } #nieuwsbriefPages #content .text { float: none; margin-left: 230px; width: 460px; } /* -- new pages -- */ #newPages.foodservice #topBanner { height: 270px; border-bottom: 2px dotted rgb(164,193,203); } #newPages.foodservice #topBanner table { margin: 33px 20px 0 33px; width: 210px; height: 203px; } #newPages #content { padding: 15px 0 40px 33px; width: 712px; } #newPages #content .picture { clear: left; } #newPages .text { margin: 25px 0 0 0; width: 455px; } #newPages #topBanner table#horizontalNav { width: 450px; height: 91px; float: left; margin: 145px 0 0 0; background: none; } #newPages #content table { float: left; margin: 33px 0 33px 33px; width: 304px; list-style-type: none; } #newPages #content table td { height: 43px; } #newPages #content table td.link { width: 230px; padding: 0 10px; border-bottom: 2px solid #DFE7EA; } #newPages #content table td.whiteRow { height: 8px; } #newPages #content table a { text-decoration: none; font-weight: bold; display: block; color: #61767D; } #newPages #content table img { margin: 0 5px 0 0; border: 1px solid #DFE7EA; } #newPages #content table a:hover { color: #000; } /* -- favorites pages -- */ #favoritePages #path { width: 485px; } #favoritePages #content { padding: 25px 0 40px 33px; width: 712px; } #favoritePages table.lonely { margin-left: 0px; } #favoritePages a.print, #favoritePages a.remove { clear: left; display: block; padding: 0 0 0 17px; } #favoritePages a.print { float: right; margin-right: 10px; } #favoritePages a.remove { background: url(/images/icon_remove.gif) no-repeat 0 2px; font-weight: normal; margin: 3px 0 0 0; } #favoritePages .productList { margin: 5px 15px 0 0; } #favoritePages .recipeList { margin: 5px 15px 0 0; } /* -- sitemap pages -- */ #sitemapPages #content ul, #notFoundPages #content ul { float: left; width: 200px; margin: 0 13px 0 0; padding: 0 0 15px 0; list-style-type: none; } #sitemapPages #content ul a, #notFoundPages #content ul a { font-weight: bold; text-transform: uppercase; text-decoration: none; background: rgb(165,49,56); display: block; margin: 0 0 2px 0; padding: 1px 1px 1px 2px; color: #FFF; width: 197px; } #sitemapPages #content ul ul, #notFoundPages #content ul ul { float: none; width: auto; } #sitemapPages #content ul ul a, #notFoundPages #content ul ul a { text-transform: none; text-decoration: underline; background: none; color: rgb(165,49,56); padding: 0; margin: 0; width: auto; display: inline; } #sitemapPages #content ul ul ul, #notFoundPages #content ul ul ul { list-style-type: disc; margin: 0 0 0 15px; } #sitemapPages #content ul ul ul a, #notFoundPages #content ul ul ul a { font-weight: normal; } #sitemapPages #content ul ul ul ul, #notFoundPages #content ul ul ul ul { list-style-type: circle; } #sitemapPages #content ul ul ul ul a, #notFoundPages #content ul ul ul ul a { color: rgb(124,124,124); } #sitemapPages #content ul a:hover, #notFoundPages #content ul a:hover { color: rgb(0,0,0); } /* -- stuurNaarVriend pages -- */ #stuurNaarVriendPages #content { padding: 15px 50px 0 50px; } #stuurNaarVriendPages fieldset p { margin-left: 220px; } #stuurNaarVriendPages fieldset strong { display: block; color: rgb(99,49,60); } /* -- order pages -- */ #orderPages #content { padding: 25px 0 40px 33px; width: 712px; } #orderPages .picture { margin-top: 0px; } #orderPages #formBestelbon input { /*margin: 0 2px 2px 0;*/ } #orderPages #bestelling/*, #orderPages .metBeschrijving*/ { margin-left: 220px; } #orderPages #bestelling td/*, #orderPages .metBeschrijving td*/ { border-bottom: 1px solid rgb(164,193,203); border-right: 1px solid rgb(164,193,203); padding: 2px 4px 3px 4px; } #orderPages .uitleg { display: block; margin-left: 220px; } #orderPages #printBon #bestelling { margin: 0 0 15px 0; } #orderPages a#printBestelbonLink { display: block; padding: 0 0 0 17px; background: url(/images/icon_print.gif) no-repeat 0 2px; margin: 0 15px 5px 0; float: right; } #orderPages dl { margin-top: 0px; } #orderPages dd { width: 400px; } /* -- competition pages -- */ #competition #content { width: 712px; padding: 25px 0 40px 33px; } #competition #compHeader { width: 691px; padding: 25px 21px 10px 33px; } #competition #compHeader h1 { padding: 0 0 15px; color: #283366; } #competition #compHeaderTxt { float: right; width: 461px; /*padding-left: 230px;*/ } #competition #compHeader img { float: left; } #competition #compHeader ul { width: 461px; height: 45px; margin: 0; list-style: none; } #competition #compHeader li { float: left; width: 136px; margin-right: 21px; } #competition #compHeader li a { float: left; width: 136px; height: 35px; line-height: 35px; color: #fff; font-weight: bold; text-align: center; text-decoration: none; } #competition #compHeader li.active a, #competition #compHeader li a:hover { height: 45px; background: url(/images/bg_comp_menu.png) no-repeat 65px 35px; } #competition #compHeader li.last { margin-right: 0; } #competition #compHeader li#mQuestions a { background-color: #a6afb7; } #competition #compHeader li#mPrices a { background-color: #db5f27; } #competition #compHeader li#mRules a { background-color: #ddb055; } #competition #questions { padding: 0 21px 20px 33px; } #competition #questions #questionWrp { background: url(/images/bg_comp_questions.gif) repeat-y; } #competition #questions fieldset { float: left; width: 324px; margin: 0; padding: 10px 0; border: 0; } #competition #questions #gegevens { float: right; } #competition #questions legend { margin-left: 0; font-size: 16px; } #competition #questions p { margin: 10px 0 5px; font-weight: bold; font-size: 13px; } #competition #questions fieldset label { float: none; width: auto; padding: 5px 0 0; color: #7c7c7c; font-weight: normal; text-align: left; } #competition #questions fieldset input { float: none; width: 300px; } #competition #questions div.radio { position: relative; padding: 30px 0; } #competition #questions div.radio input, #competition #questions div.radio label { clear: none; float: left; width: auto; padding: 0; } #competition #questions div.radio input { margin: 2px; border: none; } #competition #questions div.radio label { width: 280px; margin: 0 0 0 12px; } #competition #questions div.radio label.error { position: absolute; top: 10px; left: 12px; width: 320px; color: #ff0000; } #competition #questions .button { clear: both; float: right; width: auto; margin-right: 18px; padding: 10px 15px; border: 0; background: #a4c1cb; font-weight: bold; font-size: 16px; color: #fff; } #competition #questions #voornaamWrp, #competition #questions #naamWrp { clear: none; float: left; width: 160px; } #competition #questions #voornaamWrp input, #competition #questions #naamWrp input { width: 140px; } #competition #questions #straatWrp { float: left; width: 250px; } #competition #questions #straatWrp input { width: 230px; } #competition #questions #busWrp { clear: none; float: left; width: 60px; } #competition #questions #busWrp input { width: 50px; } #competition #questions input.error { padding: 2px; border: 1px solid #f00; } #competition #questions fieldset label.error { display: none !important; } #competition #questions fieldset .radio label.error { display: block !important; } .errormsg { padding: 2px 21px 2px 33px; color: #ff0000; text-align: center; } .confirmationmsg { padding: 2px 21px 2px 33px; } #competition #prices { padding: 0 21px 20px 33px; } #competition #prices .col { float: left; overflow: hidden; width: 200px; height: 340px; margin: 0 15px 20px 0; padding: 10px 0 0 15px; background: #fff url(/images/bg_col.gif) top left repeat-y; } #competition #prices .medium { width: 431px;/*width: 441px;*/ } #competition #prices .large { width: 660px; } #competition #prices .first, #competition #prices .large { padding-left: 0; background: #fff; } #competition #prices .large { overflow: auto; height: auto; } #competition h2 { margin-bottom: 20px; } #competition h3 { margin-bottom: 5px; } #competition #prices .col img { display: block; margin: 0 auto; } #competition a { color: #283366; } #rulesWrap { padding: 15px 21px 0 33px; background: url(/images/bg_col.gif) 571px 0 repeat-y; } #rules { float: left; width: 520px; margin-right: 36px; } #rulesDownloads { float: left; width: 135px; } #rulesDownloads a img { display: block; margin: 0 0 4px 0; } #competitionLink { position: relative; width: 178px; height: 80px; margin: 0 0 10px 0; } #competitionLink a { position: absolute; display: block; top: 0; left: 0; width: 178px; height: 46px; padding-top: 34px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; } /* footer ----------------------------------------------------------------------------------------------- */ #footer { clear: both; width: 983px; text-align: right; background: rgb(170,142,115); color: rgb(255,255,255); font-size: 11px; padding: 2px 5px; } #footer a { color: rgb(255,255,255); } #footer .links { float: left; } /* styles voor preview-version ----------------------------------------------------------------------------------------------- */ #CMSpreviewBar { background-color: red; color: white; padding: 3px; margin-bottom: 10px; } #CMSpreviewBar a { color: white; } #buttonZoek { position: absolute; left: -3000px; } #bestelling input { width: 100px; } /*formulier*/ .bestelbon2 .bGroep {/*border: 1px solid red;*/padding: 0px;} .bestelbon2 .bRechts {/*border: 1px solid green;*/ margin: 0 0 0 0; padding: 0px; float: right; width: 390px; clear: none; } .bestelbon2 .bLinks {/*width: 100px;*/ float: left;} .bestelbon2 .bRechts .titel { width: 340px; } .bestelbon2 .bRechts .metBeschrijving .titel { width: 140px; } .bestelbon2 .bRechts .metBeschrijving .beschrijving {width:200px;} .bestelbon2 .bRechts .aantal { width:60px; } .bestelbon2 .bRechts input { width: 50px; } .bestelbon2 .bGroep img { margin: 10px 0 0 0; max-width: 200px; } .bestelbon2 .bGroep .bRechts h2 { margin: 10px 0 5px 0; } .bestelbon2 .bGroep .bRechts img { float: right; max-width: 100px; margin: 5px 0;} .bestelbon2 .bGroep .bRechts h3 { float: left; width: 270px; margin: 15px 0 5px 0; } .bestelbon2 .bGroep .bRechts table { clear: both; } /*.bestelbon2 .bGroep .bRechts .metBeschrijving td { border-bottom: 1px solid rgb(164,193,203); border-right: 1px solid rgb(164,193,203); padding: 2px 4px 3px 4px; }*/ .bestelbon2 .bGroep .bRechts td { border-bottom: 1px solid rgb(164,193,203); border-right: 1px solid rgb(164,193,203); padding: 2px 4px 3px 4px; } /*bestelling*/ .bestelbon2 .titel td { font-weight: bold; font-size: 14px; } .bestelbon2 .subtitel td {font-weight: bold; }