/* ------------------- SPECIFIC STYLES FOR NL-SITE ------------------ */

body { background: url(/images/body_bg_nl.jpg) no-repeat top center #F4F4F4; }
body#home { background: url(/images/body_bg_nl_home.jpg) no-repeat top center #FFFFFF; }

a { color: rgb(40,51,102); }
a:hover { color: rgb(0,0,0); }

dd { color: rgb(40,51,102); }

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

#header { color: rgb(40,51,102); }
#header a.goTo { color: rgb(40,51,102); }
#header #formZoek a { background: rgb(40,51,102); }

/* left navigation
----------------------------------------------------------------------------------------------- */

#leftColumn { width: 188px; float:left; margin: 0 35px 25px 25px; }
#leftColumn #navigation { min-height: auto; margin: 0 0 20px 10px;/*margin: 60px 0 20px 10px;*/ background: url(/images/navigation_bg_nl.jpg) no-repeat; }
#leftColumn #navigation.landing { margin: 0 0 10px 10px;/*margin: 60px 0 10px 10px;*/ }
#leftColumn ul li a { background: url(/images/listitem_leftnav_nl.gif) no-repeat 12px 9px; color: rgb(40,51,102); }
#leftColumn ul li a:hover { color: rgb(0,0,0); background: url(/images/listitem_leftnav_nl.gif) no-repeat 12px 9px rgb(255,255,255); }
#leftColumn ul li.active a, #navigation li.active a:hover { background: url(/images/listitem_leftnav_active_nl.gif) no-repeat 10px 7px rgb(255,255,255); color: rgb(177,147,63); font: bold 17px/17px Arial, Verdana, sans-serif; padding: 3px 0 2px 25px; }

#logo { margin: 0; }

#formZoekProducts { text-align: center; margin: 35px 0 0 10px; }
#formZoekProducts input.keyword { border: 2px solid #DDBC8B; border-left: 0; }
#formZoekProducts input.buttonGo { border: 2px solid #DDBC8B; border-right: 0; }
#formZoekProducts a#linkZoekUitgebreid { color: rgb(40,51,102); }

#banner { margin: -125px 0 0 10px; }
.landing #banner { margin-top: 0; }
div.actie { background: rgb(40,51,102); margin-left: 10px; }
.recept { margin: -125px 0 0 10px; }

.segmentName { font: bold 16px/18px Arial, sans-serif; padding: 2px 5px; width: 168px; text-align: center; }
.NB { background: rgb(230,187,94); color: rgb(40,51,102); }
.NF { background: rgb(40,51,102); color: rgb(230,187,94); }

/* content area
----------------------------------------------------------------------------------------------- */

#path { color: rgb(177,147,63); }
#handyNav a { color: rgb(177,147,63); }

/* -- startpage -- */

#startPage #content { padding: 20px 20px 0 40px; width: 685px; }
#startPage #topBanner { height: 255px; }

.newProduct, .promo { float: left; padding: 10px 20px 0 0; min-height: 270px; }
.newProduct div, .promo div { margin: 0 0 10px 0; }
.newProduct { width: 310px; margin: 0 40px 0 0; border-right: 1px dotted rgb(124,124,124); }
.promo { padding-right: 0px; width: 310px; }
.newProduct div.intro, .promo div.intro { font: 14px/16px Arial, sans-serif; margin-bottom: 20px; }
.newProduct a, #startPage #content .promo h2 { color: rgb(177,147,63); }
.promo a, #startPage #content .newProduct h2 { color: rgb(40,51,102); }

#startPage #content .newProduct h1, #startPage #content .promo h1 { font: 24px/26px Arial, sans-serif; width: 150px; }
#startPage #content .newProduct h1 { color: rgb(177,147,63); }
#startPage #content .promo h1 { color: rgb(40,51,102); }

#startPage #content .newProduct h2, #startPage #content .promo h2 { font: bold 12px/14px Arial, sans-serif; margin: 0; }

/* -- product pages -- */

/*#productPages #topBanner table { height: 153px; }*/
/*#productPages #topBanner table#horizontalNav { margin: 95px 0 0 0; background: none; }*/
/*#productPages #topBanner.horizontaal { height: 320px; padding-bottom: 10px; }*/
#productPages #topBanner table#horizontalNav { height: auto; margin-top: 200px; }
#productPages.foodservice #topBanner table#horizontalNav { margin-top: 145px; }
#productPages #content h1 { color: rgb(177,147,63); }

.articleCode { color: rgb(40,51,102); }

td.diepvries, 		#contentArea #topBanner table.diepvries 		{ background: rgb(166,175,183); }
td.margarines, 		#contentArea #topBanner table.margarines 		{ background: rgb(40,51,102); }
td.olien, 			#contentArea #topBanner table.olien 			{ background: rgb(177,147,63); }
td.sauzen, 			#contentArea #topBanner table.sauzen 			{ background: rgb(74,127,46); }
td.frituurvetten, 	#contentArea #topBanner table.frituurvetten 	{ background: rgb(223,189,48); }

#topBanner ul li.active a,
#topBanner ul li.active li.active a { color: rgb(40,51,102); }

#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 #DFE7EA; }
#content .margarines td a { color: rgb(40,51,102); }
#content .margarines td.image { border-color: #DFE7EA; }

#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 #F0E9CE; }
#content .olien td a { color: #A58E38; }
#content .olien td.image { border-color: #E7DCB1; }

#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); }

/* -- recipe pages -- */

#recipePages #topBanner table { background: rgb(230,187,94); }
#recipePages #topBanner h1 { color: rgb(40,51,102); }
#recipePages #topBanner h1 span { color: rgb(255,255,255); }

/*.ingredients h2 { color: rgb(177,147,63); }*/
#recipePages .ingredients h2,
#recipePages .text h2 { color: rgb(40,51,102); }

/* -- new pages -- */

#newPages #topBanner.cats table { margin: 33px 20px 0 33px; width: 210px; height: 203px; }
#newPages #topBanner table#horizontalNav { height: auto; width: auto; margin-top: 200px; }
#newPages #horizontalNav td { width: 136px; }
#newPages #horizontalNav td.whiteCol { width: 21px; }

/* -- zoek pages -- */

#zoekPages #topBanner table { height: 280px; }

/* -- wedstrijd -- */

#competitionLink { margin-left: 10px; }

/* footer 
----------------------------------------------------------------------------------------------- */

#footer { background: url(/images/bg_footer_nl.gif) repeat-y rgb(230,187,94) top right; }
