@charset "utf-8";
/* CSS Document */

/* General settings */

body {
	background:#FFFFFF;
	font-size:12px;
	color: #0065371;
	line-height: 18px;
	margin: 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}

a, a:visited, a:active {
	color:#78aa35;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

ul {
	margin: 10px 0 0 16px;
	padding: 0;
}

ul li{
	margin: 0 ;
	padding: 0;
}

form {
	margin:0;
	padding:0;
}

img { border: none; }
p { margin-top: 0; }

img, div, a { behavior: url(/iepngfix.htc) }


.pijl{
	vertical-align: middle;
}

/* uitzetten voor printen */

#container_left, #sub_container, #topmenu, #taalkeuze,
#content_right, #content_left, #zoeken, #print, #logo, #content_left_breed, 
#footerlinks, #taalpopup, #recepten_zoekmodule_compact, #bewaarde_recepten_zoekmodule,
#producten_zoekmodule, #flashprodselector, #zoekmodule_voedingswaarden {
	display:none;	
}


/* layout */

#wrapper {
	width: 100%;
	background-position: center;
	background-position: top;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#container {
	width:955px;
	position: relative;
	padding:0px;
}

#logoprint {
	position: relative;
	width: 311px;
	height: 123px;
}


#content_left_breed {
	position:relative;
	float: left;
	width:706px;
	margin-top:14px;
	z-index:1;
}

#content_left {
	position:relative;
	float: left;
	width: 190px;
	margin-top: 14px;
	z-index: 1;
}

#content_center {
	position: relative;
	float: left;
	width: 900px;
	z-index: 1;
	min-height: 500px;
	padding-top: 69px;
	height: auto !important;
	height: 500px;	

	border: 0px solid red;
}

#content_right_breed {
	position:relative;
	float: left;
	width: 763px;
	z-index: 1;

	min-height: 500px;
	padding-top: 69px;
	height: auto !important;
	height: 500px;	
}


/* Footer */

#footer {
	clear: both;
	position: relative;
	display: block;
	width: 955px;
	padding-top: 20px;
	height: 10px;
	font-size: 11px;
	color: #006537;
}

#footercontent {
	width: 955px;

}

#footercontent a{
	color: #006537;
	margin: 0px 4px 0px 4px;
}

#copyright {
	position: relative;
	width: 150px;
	text-align: left;
}
/* END Footer */


/********* start submenu **********/


#username{
	color: #006537;
}

#sub_container ul  {
	margin: 0px;
	padding: 0px;
}

#sub_container ul li {
	list-style-type: none;
}

#sub_container ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;

}

#sub_container ul li a{
	display: block;
	width: 131px;
	height: 16px;
	background-image: url("../img/bullit_submenu01.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 15px 0px 0px 0px;
	padding-left: 19px;
}

#sub_container ul li a .actiefsub{
	background-image: url("../img/bullit_submenu02.gif");
}

#sub_container ul li a:hover{
	background-image: url("../img/bullit_submenu02.gif");
}

#subsubmenu a {
	background-image: none !important;
	margin: 0px  !important;
	padding-left: 19px  !important;
	font-size: 11px;
}

#subsubmenu a:hover {
	font-weight: bold;
	color: #0b4222;
	text-decoration: none;
}

/********* END submenu **********/



/* Actiebanners / Wist je dat */

#wistjedat {
	clear: both;
	width: 146px;
	background-image: url("../img/back_wistjedat_top.gif");
	background-repeat: no-repeat;
	font-size: 11px;
	color: #006537;
	padding: 13px 15px 0px 15px;
}


#actiebanner {
	clear: both;
	width: 176px;
	font-size: 11px;
	color: #006537;
}
	#actiebanner p {
		font-size: 11px;
		color: #78aa37;
		line-height: 15px;
	}















/********** Midden content Algemeen ********/

#print {
	position:absolute;
	width: 17px;
	height: 17px;
	left: 498px;
	top: 42px;
	z-index: 80;
}
	#content_right_breed #print{
		left: 730px;
	}

#pagetitel_top {
	position:absolute;
	width: 433px;
	height: 20px;
	left: 0px;
	top: 42px;
	z-index: 80;
}
#pagetitel {
	position:relative;
	width: 433px;
	height: 20px;
	margin: 25px 0px 0px 0px;
	z-index: 80;
}

h3{
	font-size: 12px;
	color: #78aa37;
	line-height: 15px;
	font-weight: bold;
	margin: 0px;
}

h4{
	font-size: 13px;
	color: #006537;
	line-height: 15px;
	font-weight: bold;
	margin: 0px;
}

.divider{
	margin-top: 10px;
}
	.divider#right{
		float: right;
	}

#options_menu{
	position:relative;
	float: right;

	width: 178px;
	height: 190px;

	padding: 0px;
	margin: 45px 0px 8px 0px;	

	background-image: url("../img/bg_options_menu.gif");
	background-repeat: no-repeat;

	border: 0px solid red;
}
	#options_menu ul{
		font-size: 11px;
		color: #0065371;
		line-height: 25px;
		font-family:Arial, Helvetica, sans-serif;
		margin: 10px 0px 0px 10px;
		padding: 0px;
		width: 162px;
	}
	#options_menu ul li{
		display: block;
		list-style: none;
		background-image: url("../img/bg_list_options_menu.gif");
		background-repeat: repeat-x;
		background-position: bottom;
		padding: 1px 0px 1px 0px;
	}
	#options_menu ul li span{
		margin: 2px 0px 4px 4px;
	}

#options_menu a {
	font-size: 11px;
}

#options_menu a:hover {
	font-weight: bold;
	color: #0b4222;
	text-decoration: none;
}




/********** Midden content - text pagina algemeen - */

.tekstcontainer_algemeen{
	width: 519px;
	position: relative;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	margin: 0px 0px 35px 0px;
	padding: 10px 14px 4px 0px;
	display: block;

	border: 0px solid green;
}
	.tekstcontainer_algemeen .text{
		color: #006537;
	}
	.tekstcontainer_algemeen img.text_img_rechts{
		float: right;
		margin: 4px 0px 4px 8px;
	}
	.tekstcontainer_algemeen img.text_img_links{
		float: left;
		margin: 4px 8px 4px 0px;
	}

#link_list_algemeen{
	width: 519px;
	position: relative;
	min-height: 95px;
	height: auto !important;
	height: 95px;
	margin: 0px 0px 1px 0px;
	padding: 10px 14px 4px 0px;
	display: block;

	border: 0px solid red;
}
	#link_list_algemeen ul{
		color: #78aa35;
		margin: 10px 0px 0px 16px;
		padding: 0px;
	}
	#link_list_algemeen ul li{
		list-style-image: url("../img/bullit.gif");
	}



/********** Midden content - Bonduelle - */

#topvisual{
	width: 600px;
	height: 187px;
	position: relative;
	margin: 0px 0px 1px 0px;
	display: block;
	background-image: url("../img/bg_top_visual.gif");
	background-repeat: no-repeat;
	overflow: hidden;
}
	#topvisual .topvisual_img{
		float: left;
		width: 210px;
		height: 187px;
		margin-right: 6px;
	}
	#topvisual .topvisual_text{
		display: block;
		margin: 25px 10px 6px 0px;
		font-size: 12px;
		color: #016436;
		line-height: 15px;
	}
	#topvisual .topvisual_corner_img{
		position: absolute;
		top: 100px;
		left: 304px;
		width: 200px;
		text-align: right;
	}



.overviewpage_highlight,
.media_highlight {
	position: relative;
	min-height: 95px;
	height: auto !important;
	height: 95px;
	margin: 0px 0px 1px 0px;
	padding: 20px 14px 4px 0px;
	display: block;
	

	border: 0px solid green;
}

.overviewpage_highlight .highlight_img,
.media_highlight .media_img{
	margin: 0px 14px 10px 0px;
	float: left;
}
.overviewpage_highlight .highlight_text,
.nieuws_highlight .nieuws_highlight_text,
.media_highlight .media_text{
	width: 435px;
	min-height: 85px;
	height: auto !important;
	height: 85px;
	float: left;
	font-size: 12px;
	color: #016436;
	line-height: 15px;

	border: 0px solid blue;
}
.overviewpage_highlight .highlight_text p,
.media_highlight .media_text p,
#topvisual .topvisual_text p{
	margin: 4px 0px 10px 0px;

	border: 0px solid black;
}

.meer_content{
	clear:both;
	margin: 4px 0px 0px 0px;
	font-size: 12px;
	display: inline;
}





/********** Midden content - Contact - */













/* Midden content - Contact Mail Bonduelle - */


#topcontent{
	width: 519px;
	position: relative;
	margin: 0px 0px 14px 0px;
}
	#topcontent .topcontent_text{
		display: block;
		margin: 25px 10px 4px 0px;
		font-size: 12px;
		color: #016436;
		line-height: 15px;
	}


#onderwerp_container{
	width: 490px;
	height: 22px;
	position: relative;
	margin: 0px 0px 1px 0px;
	display: block;
	background-image: url("../img/bg_form_onderwerp.jpg");
	background-repeat: no-repeat;
	
	padding: 8px 16px 8px 16px;
	line-height: 2px;

	border: 0px solid red;
}


.vraag_form_container{
	width: 519px;
	color: #006537;

	padding: 0px;
	margin: 0px;
	
	border: 0px solid blue;
}












/***** Midden content - Acties & Nieuws - */

.nieuws_highlight{
	width: 519px;
	position: relative;
	min-height: 95px;
	height: auto !important;
	height: 95px;
	margin: 0px 0px 1px 0px;
	padding: 10px 14px 4px 0px;
	display: block;
	

	border: 0px solid green;
}
	.nieuws_highlight .nieuws_highlight_text p{
		margin: 4px 0px 10px 0px;

		border: 0px solid black;
	}
	.nieuws_highlight .nieuws_highlight_text a.linkblok,
	.media_highlight .media_text a.linkblok{
		color: #016436;
	}
	.nieuws_highlight .nieuws_highlight_text a.linkblok:hover,
	.media_highlight .media_text a.linkblok:hover{
		text-decoration: none;
		color: #78aa37;
	}
	.nieuws_highlight .nieuws_highlight_img img{
		margin: 0px 0px 4px 14px;
		float: right;
		border: 0px;
		display: block;
	}


/* Midden content - Nieuwsbericht - */

.nieuwsbericht{
	width: 519px;
	position: relative;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	margin: 0px 0px 35px 0px;
	padding: 10px 14px 4px 0px;
	display: block;
	

	border: 0px solid green;
}
	.nieuwsbericht h3{
		color: #006537;
	}
	.nieuwsbericht .nieuwsbericht_text{
		color: #006537;
	}
	.nieuwsbericht img.nieuwsbericht_img{
		float: right;
		margin: 4px 0px 4px 8px;
	}

#nieuwsberichten_list{
	width: 519px;
	position: relative;
	min-height: 95px;
	height: auto !important;
	height: 95px;
	margin: 0px 0px 1px 0px;
	padding: 10px 14px 4px 0px;
	display: block;

	border: 0px solid red;
}
	#nieuwsberichten_list ul{
		color: #78aa35;
		margin: 10px 0px 0px 16px;
		padding: 0px;
	}
	#nieuwsberichten_list ul li{
		list-style-image: url("../img/bullit.gif");
	}



/***** Midden content - Vacatures - */


.vacature_overview{
	width: 519px;
	position: relative;
	min-height: 95px;
	height: auto !important;
	height: 95px;
	margin: 0px 0px 1px 0px;
	padding: 10px 14px 4px 0px;
	display: block;

	border: 0px solid green;
}
	.vacature_overview .vacature_overview_text p{
		margin: 4px 0px 10px 0px;
		color: #016436;
	}
	.vacature_overview .vacature_overview_text a.linkblok{
		color: #016436;
	}
	.vacature_overview .vacature_overview_text a.linkblok:hover{
		text-decoration: none;
		color: #78aa37;
	}


/* Midden content - Vacature-detail - */



.vacature{
	width: 519px;
	position: relative;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	margin: 0px 0px 35px 0px;
	padding: 10px 14px 4px 0px;
	display: block;

	border: 0px solid green;
}
	.vacature .vacature_text{
		color: #006537;
	}
	.vacature .vacature_text strong.light{
		color: #78aa37;
	}








/***** Midden content - Recepten-zoekpagina - */


#recepten_zoekmodule{
	width: 519px;
	height: 404px;
	position: relative;
	margin: 0px;
	display: block;
	background-image: url("../img/bg_receptenzoeker.gif");
	background-repeat: no-repeat;
}
	#recepten_zoekmodule .uitlegtekst{
		float: left;
		width: 165px;
		height: 352px;
		margin: 25px 0px 13px 13px;
		padding: 0px 15px 0px 0px;

		background-image: url("../img/divider_receptenzoeker.gif");
		background-position: top right;
		background-repeat: no-repeat;

		border: 0px solid red;
	}
	#recepten_zoekmodule .uitlegtekst p{
		font-size: 12px;
		color: #0b4222;
		line-height: 15px;
	}
	#recepten_zoekmodule .form_container{
		float: right;
		width: 290px;

		height: 366px;
		margin: 25px 16px 0px 0px;
		padding: 0px 2px 0px 4px;

		font-size: 11px;
		color: #597e27;
		line-height: 15px;

		border: 0px solid green;
	}



/* Midden content - Recepten-resultatenpagina - */

.result_navigation{
	position: relative;
	display: block;
	width: 760px;
	height: 20px;

	color: #006537;

	border: 0px solid green;
}
.result_navigation#smal{
	position: relative;
	display: block;
	width: 510px;
	height: 20px;

	color: #006537;

	border: 0px solid green;
}
	.result_navigation a{
		color: #006537;
	}
	.result_navigation img{
		margin: 0px 4px 0px 4px;
	}
	.result_navigation .left{
		position: absolute;
		top: 0px;
		left: 16px;
	}
	.result_navigation .right{
		position: absolute;
		top: 0px;
		right: 24px;
	}

	.result_navigation#smal .left{
		left: 0px;
	}
	.result_navigation#smal .right{
		right: 0px;
	}





#results_container{
	width: 754px;
	position: relative;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	margin: 10px 0px 10px 0px;
	padding: 0px;

	display: block;
	

	border: 0px solid green;
}


.recept_blokje{
	float: left;
	width: 122px;
	height: 164px;
	margin: 0px 14px 10px 14px;
	border: 0px solid red;
}

.recept_blokje:hover{
	cursor:pointer;
	background-color:#e1ecc6;
	text-decoration:none;
}


.recept_blokje .recept_img{
	width: 122px;
	height: 122px;
	
}
.recept_blokje .recept_img img{
	border: 1px solid #628b2b;
}

.recept_blokje .recept_titel{
	display: block;
	width: 120px;
	margin-top: 4px;
	font-size: 11px;
	color: #597e27;
	line-height: 12px;
	text-align: center;
	border: 0px solid green;
}





/* Midden content - Recept-detailpagina - */


#recept_details_container{
	width: 580px;
	position: relative;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	display: block;
	
}

#recept_images{
	height: 286px;
	width: 182px;
	position: absolute;

}
	#recept_images #gerecht_img{
	}
	#recept_images #product_img{
		position: absolute;
		top: 150px;
		right: 4px;
	}


.recept_details{
	width: 374px;
	float: right;

	min-height: 250px;
	height: auto !important;
	height: 250px;

	margin: 0px 2px 0px 6px;
	padding: 0px 0px 0px 10px;
	
	display: block;
	
}
	.recept_details h4{
		margin: 0px 0px 6px 0px;
		padding: 0px;
	}
	.recept_details p{
		color: #006537;
		margin: 0px;
		padding: 0px;
	}
	.recept_details #waardering{
		position: relative;
		display: block;
		width: 360px;
		height: 50px;
		margin-bottom: 6px;

		font-size: 11px;
		color: #006537;
	}
		.recept_details #waardering span.left{
			position: absolute;
			top: 0px;
			left: 0px;
		}
		.recept_details #waardering span.right{
			position: absolute;
			top: 0px;
			right: 0px;
		}



.recept_bereidingswijze{
	width: 566px;
	position: relative;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	margin: 0px 0px 16px 0px;
	padding: 10px 14px 4px 0px;
	display: block;
	
}
	.recept_bereidingswijze h3{
		color: #006537;
	}
	.recept_bereidingswijze .recept_text{
		color: #006537;
	}



/* Midden content - Mijn bewaarde recepten - */


#recepten_overview{
	position:relative;
	width: 570px;

	min-height: 150px;
	height: auto !important;
	height: 150px;

	padding: 0px;
	margin: 45px 0px 8px 0px;	

	border: 0px solid red;
}
	#recepten_overview ul{
		font-size: 12px;
		color: #0065371;
		line-height: 25px;
		font-family:Arial, Helvetica, sans-serif;
		margin: 10px 0px 0px 0px;
		padding: 0px;
		width: 560px;
	}
	#recepten_overview ul li{
		display: block;
		list-style: none;
		background-image: url("../img/bg_list_options_menu.gif");
		background-repeat: repeat-x;
		background-position: bottom;
		padding: 1px 0px 1px 0px;

		overflow: hidden;
	}
	#recepten_overview ul li.donker{
		background-color: #f7fbed;
	}
	#recepten_overview ul li span{
		margin: 2px 0px 4px 4px;
	}
	#recepten_overview ul li span#icons{
		display: block;
		width: 100px;
		margin-top: -25px;
		margin-bottom: -3px;
		float: right;
		text-align: right;
		border: 0px solid red;
	}
	#recepten_overview ul li img.icon{
		vertical-align: middle;
		margin-right: 10px;
	}








/* Midden content - voedingswaardetabel - ingrediententabel - */

table#ingredienten,
table#voedingswaarde{
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 20px 0px 10px 0px;

}
#ingredienten td,
#voedingswaarde td {
	padding:3px 8px 3px 8px;
	border-bottom: 1px solid #FFFFFF;
}

#ingredienten td a{
	color: #006537;
	text-decoration: underline;
}
#ingredienten td a:hover{
	color: #78aa35;
}

#ingredienten tr.header,
#voedingswaarde tr.header {
	background-color: #006537;
	color:#FFFFFF;
	font-weight:bold;
}
#ingredienten tr.donker,
#voedingswaarde tr.donker {
	background-color: #e0f4a3;
}
#ingredienten tr.licht,
#voedingswaarde tr.licht {
	background-color: #eff9ce;
}




/***** Midden content - Product-zoekmodule - */




#producten_container{
	width: 519px;
	position: relative;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	margin: 10px 0px 10px 0px;
	padding: 0px;

	display: block;
	overflow: hidden;

	border: 0px solid green;
}

.product_blokje{
	float: left;
	width: 166px;
	height: 200px;
	margin: 0px 2px 0px 2px;

	border: 0px solid red;
}

	.product_blokje .product_img{
		width: 166px;
		height: 166px;
		overflow: hidden;
	}
		.product_blokje .product_img img{
			border: 0px solid #ffffff;
		}

	.product_blokje .product_titel{
		display: block;
		width: 160px;
		margin-top: 4px;
		font-size: 11px;
		color: #597e27;
		line-height: 12px;
		text-align: center;

		border: 0px solid green;
	}









/***** Midden content - Product-detailpage - */


#productcontent{
	position: absolute;
	display: block;
	width: 518px;
	margin-top: 190px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
}
	#productcontent #productshotbig {
		width: 145px;
		min-height: 176px;
		height: auto !important;
		height: 176px;
		float: left;
		text-align: center;
		font-size: 11px;
		color: #727886;
	}
	#productcontent #productshotbig strong{
		color: #006537;
		margin-right: 6px;
	}
	#productcontent #producttxt {
		float: right;
		width: 360px;
		min-height: 50px;
		height: auto !important;
		height: 50px;
		margin-left: 1px;
		color: #727886;
	}
	#productcontent #producttxt h1{
		margin: 10px 0px 10px 0px;
		padding: 0px;
		font-size: 16px;
		font-weight: bold;
		color: #006537;
	}
	#productcontent #producttxt p{
		color: #727886;
	}
	#productcontent a.small {
		font-size:11px;
		color: #006537;
	}




/***** Midden content - voedingswaarden en allergenen - */




#voedingswaarden_text{
	width: 519px;
	position: relative;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	color: #0b4222;

	border: 0px solid green;
}



#voedingswaarden_result{
	width: 519px;
	position: relative;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	display: block;
	color: #0b4222;

	border: 0px solid green;
}

	#voedingswaarden_result .legenda{
		color: #78aa35;
		font-size: 11px;
	}
	#voedingswaarden_result .legenda img#icon{
		float: left;
		margin: 0px 8px 6px 0px;
	}



/* Midden content - voedingswaardetabel - ingrediententabel - */

table#voedingswaarden_licht{
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 20px 0px 10px 0px;
	color: #78aa35;
	width: 519px;
}
#voedingswaarden_licht td {
	padding:3px 8px 3px 8px;
	border-bottom: 1px solid #ffffff;;
}

#voedingswaarden_licht td.links {
	width: 160px;
	background-image: url("../img/bg_voedingswaarden_table_cel.gif");
	background-repeat: repeat-y;
	background-position: right;
	/* border-right: 1px dotted #b5c6bc; */
	text-align: right;
}
#voedingswaarden_licht td.rechts{
	text-align: center;
}
#voedingswaarden_licht tr.header {
	background-color: #ecf7d0;
	color: #0b4222;
	font-weight: bold;
	text-align: center;
}
#voedingswaarden_licht tr.donker {
	background-color: #f7fbed;
}
#voedingswaarden_licht tr.licht {
	background-color: #fcfdf8;
}






















/******************** Items Homepage ******************/

#highlight1 {
	position:relative;
	float: left;
	width:232px;
	height:156px;
	margin: 8px 5px 0 0;
	background-image:url(../img/nl/highl_acties.jpg);
}

#highlight1 a {
	display:block;
	width:232px;
	height:156px;
	background-image:url(../img/nl/kader_acties_01.png);
}

#highlight1 a:hover {
	background-image:url(../img/nl/kader_acties_02.png);
}

#highlight2 {
	position:relative;
	float: left;
	width:232px;
	height:156px;
	margin: 8px 5px 0 0;
	background-image:url(../img/nl/highl_producten.jpg);
}

#highlight2 a {
	display:block;
	position:relative;
	width:232px;
	height:156px;
	background-image:url(../img/nl/kader_producten_01.png);
}

#highlight2 a:hover {
	background-image:url(../img/nl/kader_producten_02.png);
}

#highlight3 {
	position:relative;
	float: left;
	width:232px;
	height:156px;
	margin: 8px 0 0 0;
	background-image:url(../img/nl/highl_kinderhoek.jpg);
}

#highlight3 a {
	display:block;
	position:relative;
	width:232px;
	height:156px;
	background-image:url(../img/nl/kader_kinderhoek_01.png);
}

#highlight3 a:hover {
	background-image:url(../img/nl/kader_kinderhoek_02.png);
}


.txt_foundation {
	display:block;
	position:relative;
	width:116px;
	float:left;
	padding-left:8px;
	line-height:12px;
}

/******************** END Items Homepage ******************/