@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=latin-ext');
@import url("reset.css");
@import url("support.css");
@import url("forms.css");
@import url("font-awesome.css");
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('roboto/RobotoCondensed-Regular-webfont.eot');
    src: url('roboto/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('roboto/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('roboto/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'pixons';
	src:url('pixons/pixons.eot');
	src:url('pixons/pixons.eot?#iefix') format('embedded-opentype'),
		url('pixons/pixons.woff') format('woff'),
		url('pixons/pixons.ttf') format('truetype'),
		url('pixons/pixons.svg#pixons') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: "osprey-simple";
	src: url("osprey-simple-v6/osprey-simple-v6.eot");
	src: url("osprey-simple-v6/osprey-simple-v6.eot?#iefix") format("embedded-opentype"),
		 url("osprey-simple-v6/osprey-simple-v6.woff") format("woff"),
		 url("osprey-simple-v6/osprey-simple-v6.ttf") format("truetype"),
		 url("osprey-simple-v6/osprey-simple-v6.svg#osprey-simple-v6") format("svg");
	font-weight: normal;
	font-style: normal;
}
	.icon:before {
		font-family: "osprey-simple" !important;
		content: attr(data-icon);
		display: inline-block;
		margin: 0 10px 0 0;
		font-style: normal !important;
		font-weight: normal !important;
		font-variant: normal !important;
		text-transform: none !important;
		speak: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		vertical-align: -3px;
	}
*/

html{ height: 100%; }
body{ position: relative; min-height: 100%; margin: 0; padding: 0; font-family: 'Roboto', sans-serif; font-size: 14px; }
p{ margin: 0 0 15px; line-height: 18px; text-align: justify; }
p#notfoundmessage{ padding: 100px; background-image: url(../images/common/404.jpg); background-repeat: no-repeat; text-align: center; }
ol li{ margin: 0 0 5px; }
*+br{ display: none; visibility: hidden; }
a,input{ transition: all 0.3s; }

.hideforload{ display: none !important; visibility: hidden !important; }
.mobile{ display: none; }
.langspecific{ display: none !important; }
	body.lang-fr .showonfr{ display: block !important; }
	body.lang-nl .showonnl{ display: block !important; }

.flexcontainer{ 
	display: flex; display: -webkit-flex; display: -moz-flex; 
	flex-flow: row nowrap; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap;
	justify-content: space-around;j -webkit-ustify-content: space-around; -moz-justify-content: space-around;
	align-content: center; -webkit-align-content: center; -moz-align-content: center;
	align-items: center; -webkit-align-items: center; -moz-align-items: center;
}
	.flex-item{
		order: 1; -webkit-order: 1; -moz-order: 1;
		flex: 0 1 auto; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto;
		align-self: center; -webkit-align-self: center; -moz-align-self: center;
	}

ul.bulletslist{ margin-left: 40px; line-height: 18px; list-style: disc; }
	ul.bulletslist li{ margin: 0 0 15px; }
ul.arrowlist{ margin-left: 30px; color: #939598; font-size: 18px; line-height: 28px; list-style-image: url(../images/common/bullet-arrow-red.png); }
	ul.arrowlist li{ margin: 0 0 30px; padding-left: 10px; }
ul.arrowlistred{ margin-left: 30px; color: #de222e; font-size: 18px; line-height: 28px; list-style-image: url(../images/common/bullet-arrow-red.png); }
	ul.arrowlistred li{ margin: 0 0 15px; padding-left: 10px; }
	
a.show:after{ 
	font-family: "osprey-simple" !important;
	display: inline-block;
	margin: 0 0 0 10px;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e014";
	vertical-align: 1px;
}
	a.show.closed:after{ content: "\e014"; }
	a.show.open:after{ content: "\e019"; }

#statusmessage{ position: absolute; z-index: 10000; display: block; width: 100%; }
	#statusmessage p{ display: block; width: 30%; margin: 0 auto; padding: 10px 20px; background-color: #ed1c24; background-image: url(../images/common/closebox.png); background-position: right top; background-repeat: no-repeat; color: #ffffff; cursor: pointer; text-align: center; }
		#statusmessage p span{ display: none; visibility: hidden; }
		
#parent{ position: relative; display: block; width: 100%; max-width: 1700px; min-height: 100%; margin: 0 auto; /*padding: 0 0 60px;*/ padding-top: 91px; }
	#parent > div{ display: block; margin: 0 auto; }
	
#header{ position: fixed; left: 0; top: 0; z-index: 10001; display: block; width: 100%; height: 91px; background-color: #ffffff; }
	#header .topbar{ position: relative; z-index: 20; display: block; width: 100%; max-width: 1350px; height: 46px; margin: 0 auto; background-color: #ffffff; }
		#header .topbar .right{ float: right; }
			#header .topbar .right .langlabel{ display: inline-block; margin-right: 10px; color: #929292; font-size: 12px; vertical-align: middle; }
			#header .topbar .right .foodonline{ display: inline-block; margin-left: 10px; vertical-align: middle; }
				#header .topbar .right .foodonline:hover{  }
	#header #logo{ position: absolute; left: 0; top: 0; width: 365px; height: 115px; background: url(../images/common/logo-bg.png) center top no-repeat; text-align: center; }
		#header #logo img{ display: inline-block; width: 170px; margin: 17px 0 0 -47px; }
		#header #logo:hover{  }
	#header .bottombar{ position: relative; z-index: 10; display: block; width: 100%; background-color: #99b340; }

.socialnav{  }
	.socialnav>li{ display: inline-block; margin: 0 1px 0 0; }
		.socialnav>li a{ display: block; padding: 5px; color: #000000; font-family: 'pixons'; font-size: 16px; text-decoration: none; }
			.socialnav>li a:hover{ background-color: #000000; color: #ffffff; text-decoration: none; }

#langnav{ display: inline-block; margin-right: 30px; }
	#langnav>li{ display: inline-block; margin: 0 1px 0 0; }
		#langnav>li a{ display: block; padding: 15px 5px; color: #e21726; font-size: 12px; text-decoration: none; text-transform: uppercase; }
			#langnav>li a:hover{ opacity: 0.5; }
			#langnav>li.selected a{ color: #929292; cursor: default; opacity: 1 !important; }

#mainnav{ display: block; max-width: 1350px; height: 45px; margin: 0 auto; padding-left: 400px; }
	#mainnav>li{ position: relative; display: inline-block; margin: 0 0 0 -3px; }
		#mainnav>li>a{ display: block; margin: 0 0 0; padding: 12px 25px; color: #ffffff; border-radius: 0 0 5px 5px; font-size: 16px; text-decoration: none; }
			#mainnav>li>a:hover{ background-color: #ffffff; color: #99b340; }
			#mainnav>li:hover>a{ background-color: #ffffff; color: #99b340; }
			#mainnav>li.selected>a,#mainnav>li>a.selected{ background-color: #ffffff; color: #99b340; }
			#mainnav>li.flag{ float: right; }
				#mainnav>li.flag>a{ float: right; background-color: transparent; border: solid 1px transparent; }
					#mainnav>li.flag>a:hover{  background-color: transparent; border: solid 1px transparent; opacity: 0.5; }
			
			#mainnav>li>ul{ position: absolute; left: 0; top: 45px; display: block; width: 230px; max-height: 0px; background-color: rgba(255,255,255,0.9); border-radius: 0 0 5px 5px; overflow: hidden; transition: all 0.75s; }
				#mainnav>li:hover>ul{ max-height: 1000px; }
				#mainnav>li>ul>li{ display: block; }
					#mainnav>li>ul>li>a{ display: block; padding: 15px 25px; background-color: transparent; color: #929292; border-bottom: dotted 1px #929292; text-decoration: none; }
						#mainnav>li>ul>li:last-child>a{ border-bottom: none; }
						#mainnav>li>ul>li>a:hover{ background-color: #99b340; color: #ffffff; }
						#mainnav>li>ul>li>a.selected{ background-color: #99b340; color: #ffffff; }
						
ul.sitemap{ display: block; }
	ul.sitemap>li{ display: inline-block; width: 18%; margin: 30px 0; padding: 0 30px 0 0; vertical-align: top; }
		ul.sitemap>li:first-child{  }
		ul.sitemap>li a{ display: block; color: #929292; font-size: 18px; text-decoration: none; text-transform: uppercase; }
			ul.sitemap>li a:hover{ color: #e21726; }
			ul.sitemap>li a.nofollow:hover{ color: #929292; cursor: default; }
		ul.sitemap>li ul{ display: block; padding: 10px 0 0 0px; }
			ul.sitemap>li ul>li{ margin: 0 0 10px; }
				ul.sitemap>li ul>li a{ font-size: 14px; text-transform: none; }
						
.pagebanner{ position: relative; display: block; height: 0; padding: 0 0 30%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
	.pagebanner h3.newsbannertitle{ position: absolute; left: 0; bottom: 45px; display: block; width: 100%; color: #ffffff; font-size: 30px; font-weight: 700; }
		.pagebanner h3.newsbannertitle span{ display: block; width: 100%; max-width: 1170px; margin: 0 auto; color: #ffffff; font-size: 30px; font-weight: 700; }
	.pagebanner+.content{ margin-top: 50px !important; }
	.pagebanner .banneroverlay{ position: absolute; right: 0; bottom: 0px; z-index: 1020; display: block; width: 440px; height: 160px; background-image: url(../images/common/banner-overlay.png); }
		body.lang-nl .pagebanner .banneroverlay{ background-image: url(../images/common/slider-overlay-nl.png); }
	.pagebanner.blankoverlay{ margin: 0px 0; }
		.pagebanner.blankoverlay .banneroverlay{ background-image: url(../images/common/banner-overlay-blank.png); }
	.pagebanner .iconoverlay{ position: absolute; right: 0; bottom: 0px; z-index: 1020; display: block; width: 500px; height: 160px; background-image: url(../images/common/banner-overlay-icon.png); }
		.pagebanner.iconoverlay .banneroverlay{ width: 500px; background-image: url(../images/common/banner-overlay-icon.png); }
				
#maincontent{ padding: 55px 0 0px; }
	body.index #maincontent{ padding: 0 0 0px; }
	#maincontent>ul{ margin-left: 40px; list-style: disc; }
		#maincontent>ul li{  margin: 0 0 5px; line-height: 18px; }
	#maincontent p{ color: #939598; font-size: 18px; line-height: 28px; }

#footercntr{ /*position: absolute; left: 0; bottom: 0;*/ display: block; width: 100% !important; margin: 0px auto 0 !important; padding: 20px 0; background-color: #95ba3f; }
	#footer{ display: block; width: 100%; max-width: 1180px; margin: 0 auto; padding: 0px; color: #ffffff; overflow: hidden; }
		#footer p{ margin: 0; padding: 0px; font-size: 12px; }
			#footer p.copyright{ float: right; text-align: right; text-transform: uppercase; }
				#footer p.copyright span{ display: block; margin: 0 0 15px; }
				#footer p.copyright a{ color: #ffffff; text-decoration: none; }
					#footer p.copyright a:hover{ color: #ffffff; text-decoration: underline; }
			#footer p.credit{ float: right; }
			#footer p a{ color: #666666; }
				#footer p a:hover{  }
				#footer p a img{ vertical-align: -6px; }
		#footer .footernav{ float: left; width: 400px; padding: 20px 20px 20px 40px; list-style: disc; overflow: hidden; }
			#footer .footernav li{ float: left; width: 50%; margin: 0 0 12px; }
				#footer .footernav li a{ color: #ffffff; font-size: 16px; text-decoration: none; }
					#footer .footernav li a:hover{ text-decoration: underline; }
				
/* GLOBAL CONTENT LAYOUT */
	.content{ position: relative; display: block; width: 100%; max-width: 1180px; margin: 0 auto; padding-bottom: 50px; }
		body.textonly .content{ min-height: 600px; }
		.content .image{ display: block; }
			.content .image img{ display: block; width: 100%; }
	.content.arrowprefix p:before{ content: url(../images/common/bullet-arrow-red.png); display: inline-block; margin-right: 10px; }
	.subtitle{ display: block; margin-bottom: 60px; color: #e21726; font-size: 30px; font-weight: 300; line-height: 36px; }
	h1{ margin: 0 0 50px; color: #99b340; font-size: 35px; font-weight: 700; line-height: 50px; }
		body.index h1{ margin: 0 0 0; color: #99b340; background: url(../images/common/icon-strip-title.png) right center no-repeat; font-size: 60px; font-weight: 300; line-height: 70px; }
		h1 strong{ font-weight: 700; }
		h1+.subtitle{ margin-bottom: 0; padding-left: 140px; }
	h2{ margin-bottom: 20px; color: #99b340; font-size: 35px; font-weight: 700; line-height: 50px; }
		h2.fauxh1{ margin-bottom: 50px; color: #e21726; background: url(../images/common/icon-strip-title.png) right center no-repeat; font-size: 60px; font-weight: 300; line-height: 70px; }
		h2.fauxh1 strong{ font-weight: 700; }
	
/* GLOBAL COLUMNS LAYOUT */
	.columns{ overflow: hidden; }
		.columns .left{ float: left; }
		.columns .right{ float: right; }
		.columns .half{ width: 48%; }
		.columns p{ text-align: justify; }
		.columns .mapcode{ padding-right: 30px; }
			.columns .mapcode iframe{ width: 100%; }
	
/* GLOBAL LISTING LAYOUT */
	.listing{ display: block; margin: 0; padding: 0; list-style: none; overflow: hidden; }
		.listing li{ float: left; width: 30%; margin-right: 2.9%; }
			.listing li span{ display: block; }
				.listing li span.image{ height: 400px; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 10px; }
				.listing li span.title{ margin: 25px 0; padding: 25px 0; color: #e21726; border-top: solid 1px #e21726; border-bottom: solid 1px #e21726; font-size: 28px; font-weight: 700; text-align: center; }
				.listing li span.description{ margin: 0 0 25px; color: #939598; font-size: 16px; font-weight: 300; line-height: 22px; text-align: center; }
				.listing li span.link{ text-align: center; }
					.listing li span.link a{ display: inline-block; padding: 12px 45px; background-color: #99b340; color: #ffffff; border-radius: 10px; font-size: 16px; font-weight: 300; line-height: 16px; text-align: center; text-decoration: none; text-transform: uppercase; }
						.listing li span.link a:hover{ background-color: #e21726; }
				
/* OVERVIEW LINK */
	.overviewlink{ display: block; }
		.overviewlink a{ position: relative; display: inline-block; margin-left: 15px; padding: 10px 100px 10px 150px; color: #7fc241; border: solid 2px #7fc241; border-radius: 5px; font-size: 30px; font-weight: 700; text-decoration: none; }
			.overviewlink a:before{ content: url(../images/common/icon-eye-green.png); position: absolute; left: -15px; top: -23px; }
			.overviewlink a:hover{ border: solid 2px #ee2e24; color: #ee2e24; }
			
/* PAGE MENU */
	.pagemenu{ position: relative; display: block; margin: 50px 0; padding: 110px 30px; background-color: #f1f1f1; }
		.pagemenu .diagband{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 40px; background: #f1f1f1 url(../images/common/diag-white.png) center top; }
		.pagemenu ul{ display: block; width: 100%; max-width: 1180px; margin: 0 auto; text-align: center; }
			.pagemenu ul li{ display: inline-block; width: 16%; max-width: 240px; margin: 0 1.49%; vertical-align: top; }
				.pagemenu.sixitems ul li{ width: 14%; margin: 0 1%; }
				.pagemenu ul li a{ position: relative; display: block; height: 0; padding: 0 0 110%; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; border-radius: 5px; overflow: hidden; text-decoration: none; transition: all 3s; }
					.pagemenu ul li a span{ position: absolute; left: 0; bottom: 0; display: block; width: 100%; padding: 12px 10px; background-color: #e2001a; color: #ffffff; transition: all 0.3s; }
					.pagemenu ul li a:hover{ background-size: 110% auto; }
						.pagemenu ul li a:hover span{ background-color: #7fc241; }

/* TAB BAR */
	.tabbar{ display: none; margin-top: -40px; padding: 25px 30px 0; background-color: #e2001a; }
		.tabbar .content{ margin-bottom: 0; padding-bottom: 0; }
			.tabbar .content ul{ display: block; overflow: hidden; }
				.tabbar .content ul li{ float: left; margin-right: 1px; }
					.tabbar .content ul li a{ display: block; padding: 20px 25px; background-color: #ffffff; color: #e2001a; border-radius: 10px 10px 0 0; font-size: 20px; text-decoration: none; }
						.tabbar .content ul li a:hover{ background-color: #e2001a; color: #ffffff; }

/* HISTORY TEXT BLOCKS */
	.historyblock{  }
		.historyblock .content{ overflow: hidden; }
		.historyblock .pagebanner{ display: none; margin-bottom: 50px; }
			.historyblock .pagebanner h3{ position: absolute; left: 0; bottom: 45px; display: block; width: 100%; color: #ffffff; font-size: 60px; font-weight: 700; }
				.historyblock .pagebanner h3 span{ display: block; width: 100%; max-width: 1170px; margin: 0 auto; color: #ffffff; font-size: 60px; font-weight: 700; }
		.historycontent{  }
			.historycontent .thumb{ display: block; width: 100%; height: 0; padding: 0 0 60%; background-position: center top; background-repeat: no-repeat; background-size: cover; }
			.historycontent h3{ display: block; margin: 0 0 15px; color: #e2001a; font-size: 35px; font-weight: 700; }
			.historycontent.horizontal{ clear: both; display: table; width: 100%; padding: 30px 0; overflow: hidden; }
				.historycontent.horizontal .left{ display: table-cell; width: 37%; border-radius: 10px; overflow: hidden; }
				.historycontent.horizontal .right{ display: table-cell; min-height: 300px; width: 50%; padding-left: 10%; vertical-align: middle; }
					.historycontent.horizontal.small .left{ display: table-cell; width: 16%; border-radius: 10px; overflow: hidden; }
						.historycontent.horizontal.small .left .thumb{ background-size: contain; }
					.historycontent.horizontal.small .right{ display: table-cell; min-height: 300px; width: 50%; padding-left: 10%; vertical-align: middle; }
			.historycontent.vertical{ display: block; width: 46%; padding: 30px 0; overflow: hidden; }
				.historycontent.vertical.first{ float: left; }
				.historycontent.vertical.second{ float: right; }
				.historycontent.vertical .left{ display: block; width: 100%; margin: 0 0 20px; border-radius: 10px; overflow: hidden; }
			.historycontent.noimage{ overflow: hidden; }
				.historycontent.noimage h3{ display: inline-block; margin-right: 40px; vertical-align: middle; }
				.historycontent.noimage p{ float: right; width: 85%; }

/* IMAGE TEXT BLOCKS */
	.imagetextblock{ display: block; /*min-height: 550px;*/ background-repeat: no-repeat; background-size: 45% auto; overflow: hidden; }
		.imagetextblock.left{  }
			.imagetextblock.left .text{ float: right; width: 55%; }
				.imagetextblock.left .text h2{  }
				.imagetextblock.left .text p{  }
			.imagetextblock.left .images{ float: left; width: 40%; }
		.imagetextblock.right{  }
			.imagetextblock.right .text{ float: left; width: 55%; }
				.imagetextblock.left .right h2{  }
				.imagetextblock.left .right p{  }
			.imagetextblock.right .images{ float: right; width: 40%; }
		.imagetextblock .images{ display: block; margin-top: 75px; overflow: hidden; }
			.imagetextblock .images li{ float: left; width: 48%; margin: 0 1% 2%; padding: 0 0 40%; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 10px; overflow: hidden; }

/* HOMEPAGE CONTENT */
	#overview{ display: block; margin-top: 125px; }
		/*#overview .info{ display: block; height: 675px; background-position: center; background-repeat: no-repeat; background-size: cover; }
			#overview .info .image1{ position: absolute; left: 0; top: 0; display: block; width: 595px; height: 675px; background-position: left top; background-repeat: no-repeat; background-size: contain; }
			#overview .info .image2{ position: absolute; left: 665px; top: 73px; display: block; width: 522px; height: 675px; background-position: right top; background-repeat: no-repeat; background-size: contain; }*/
		#overview .info{ display: block; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
			#overview .info .image1{ float: left; width: 49.5%; max-width: 570px; }
				#overview .info .image1 img{ display: block; width: 100%; }
			#overview .info .image2{ float: right; width: 49.5%; max-width: 490px; padding-top: 52px; }
				#overview .info .image2 img{ display: block; width: 100%; }
	#services{ display: block; padding-top: 50px; padding-bottom: 90px; background-color: #f1f1f1; }
		body.index #services{ margin-top: 125px; padding-top: 0; background-color: #ffffff; }
		body.index #services{ padding-top: 0; background-color: #ffffff; }
		#services h1{ background-image: url(../images/common/icon-strip.png); }
		#services h2.fauxh1{ background-image: url(../images/common/icon-strip.png); }
	
/* ORGANIGRAMS */
	.organigram{ position: relative; display: block; padding: 30px 0; }
		.organigram.grey{ padding: 30px 0 70px; background-color: #f2f2f2; }
			.organigram.grey .diagband{ position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 40px; background: #f1f1f1 url(../images/common/diag-white.png) center top; }
		.organigram .content{  }
			.organigram .content>img{ display: block; width: 100%; }
	 
	 /* popup container */
		#organigram{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000000; display: block; padding: 60px; background-color: #ffffff; overflow: auto; }
			#organigram>a{ position: fixed; right: 30px; top: 30px; color: #e2001a; cursor: pointer; font-size: 48px; text-decoration: none; }
				#organigram>a:hover{ color: #7fc241; }
			#organigram .image{ display: block; }
				#organigram .image img{ display: block; width: 100%; max-width: 1200px; }


/* REFERENCES */
	.referenceslist{ display: block; overflow: hidden; }
		.referenceslist li{ float: left; width: 230px; height: 230px; margin: 0; background: url(../images/common/reference-logo-bg.png) center center no-repeat; background-size: contain; }
			.referenceslist li a{ display: block; height: 230px; padding: 25px; background-position: center 50px; background-repeat: no-repeat; background-size: 160px auto; }

/* NEWS and PUBLICATIONS */
	.newslist{ display: block; margin: 0 0 50px; overflow: hidden; }
		.newslist li{ display: inline-block; width: 30%; margin: 0 1.5% 5%; vertical-align: top; }
			.newslist li .date{ display: block; margin: 0 0 10px; color: #929292; font-size: 16px; }
			.newslist li .title{ display: block; margin: 0 0 10px; padding: 5px 0; color: #7fc241; border-top: solid 1px #7fc241; border-bottom: solid 1px #7fc241; font-size: 22px; }
			.newslist li .summary{ display: block; margin: 0 0 10px; color: #929292; font-size: 16px; line-height: 22px; }
				.newslist li .summary a{ display: inline-block; margin-left: 10px; color: #e2001a; text-decoration: none; }
					.newslist li .summary a:hover{ color: #7fc241; }

/* CAREERS */
	.joinusblock{ display: block; padding-top: 50px; padding-bottom: 90px; /*background-color: #f1f1f1;*/ }
	.vacancylist{ display: block; overflow: hidden; }
		.vacancylist li{ position: relative; float: left; width: 30%; min-height: 275px; padding: 10px; background-color: #ffffff; border-radius: 10px; }
			.vacancylist li.middle{ margin: 0 5%; }
			.vacancylist li h4{ margin: 0 0 15px; padding: 0 0 10px; color: #e2001a; border-bottom: solid 1px #7fc241; font-size: 26px; }
			.vacancylist li .description{ padding: 0 0 10px; font-size: 16px; line-height: 22px; }
				.vacancylist li .description p{ font-size: 16px !important; line-height: 22px !important; }
			.vacancylist li .catlink{ position: absolute; left: 10px; bottom: 10px; display: block; width: 94%; padding: 10px; background-color: #e2001a; color: #ffffff; border-radius: 5px; font-size: 14px; font-weight: 300; text-align: center; text-decoration: none; }
				.vacancylist li .catlink:hover{ background-color: #7fc241; }

/* TASTYFOOD HOLDING PAGE */
	#tastyfoodholder{ display: block; width: 100%; height: 0; padding: 0 0 63.24%; background-position: center top; background-repeat: no-repeat; background-size: contain; }
		body.tastyfood #parent{ padding: 0; }
		body.lang-fr #tastyfoodholder{ background-image: url(../images/common/tastyfood-holding-fr.jpg); }
		body.lang-nl #tastyfoodholder{ background-image: url(../images/common/tastyfood-holding-nl.jpg); }
		
/* ENGAGEMENTS */
	.listboxes{ display: block; width: 100%; max-width: 1180px; margin: 0px auto 50px; overflow: hidden; }
		.listboxes .listbox{ float: left; width: 49%; min-height: 550px; margin: 0 0 30px; padding: 15px 30px 30px; background: url(../images/common/listbox-bg.jpg) center bottom no-repeat; background-size: 100% auto; }
			.listboxes .listbox:nth-child(even){ float: right; }
			.listboxes .listbox .icon{ display: block; height: 75px; margin: 0 0 15px; background-position: center; background-repeat: no-repeat; background-size: contain; }
			.listboxes .listbox h3{ display: block; margin: 0 0 15px; color: #99b340; font-size: 28px; font-weight: 700; line-height: 36px; text-align: center; text-transform: uppercase; }
			.listboxes .listbox>ul{ margin-left: 30px; color: #939598; font-size: 18px; line-height: 28px; list-style-image: url(../images/common/bullet-arrow-red.png); }
				.listboxes .listbox>ul>li{ margin: 0 0 10px; padding-left: 10px; }

/* MARCHES */
	.marcheimagetextblock{ display: block; margin: 0 0 30px; overflow: hidden; }
		.marcheimagetextblock .text{ width: 50%; }
			.marcheimagetextblock .text h2{ color: #89ba13; font-size: 24px; font-weight: 700; }
				.marcheimagetextblock .text h2:before{ content: url(../images/common/bullet-arrow-red.png); display: inline-block; margin-right: 10px; }
		.marcheimagetextblock .image{ width: 45%; }
			.marcheimagetextblock .image img{ display: block; max-width: 100%; margin: 0 auto; }
			.marcheimagetextblock.right .text{ float: left; }
			.marcheimagetextblock.right .image{ float: right; }
			.marcheimagetextblock.left .text{ float: right; }
			.marcheimagetextblock.left .image{ float: left; }

/* SOLUTIONS */
	.solutionsimagetextblock{ display: block; margin: 0 0 30px; overflow: hidden; }
		.solutionsimagetextblock .text{ width: 50%; padding: 0 15px 15px 15px; /*background: url(../images/common/solutions-box-bg.png) left bottom repeat-x;*/ }
			.solutionsimagetextblock .text h2{ color: #89ba13; background-repeat: no-repeat; font-size: 24px; font-weight: 700; line-height: 30px; }
		.solutionsimagetextblock .image{ width: 45%; }
			.solutionsimagetextblock .image img{ display: block; max-width: 100%; margin: 0 auto; }
			.solutionsimagetextblock.right .text{ float: left; }
				.solutionsimagetextblock.right .text h2{ padding: 20px 30% 15px 15px; /*background-image: url(../images/common/solutions-h2-bg-left.png);*/ background-position: left top; text-align: left; }
			.solutionsimagetextblock.right .image{ float: right; }
			.solutionsimagetextblock.left .text{ float: right; }
				.solutionsimagetextblock.left .text h2{ padding: 20px 15px 15px 30%; /*background-image: url(../images/common/solutions-h2-bg-right.png);*/ background-position: right top; text-align: right; }
			.solutionsimagetextblock.left .image{ float: left; }
		
/* GROUPE MISSION 2 */
	.missionlistboxes{ display: block; width: 100%; max-width: 1180px; margin: 0px auto 50px; overflow: hidden; }
		.missionlistboxes .missionlistbox{ float: left; width: 45%; min-height: 400px; margin: 0 0 30px; padding: 0; }
			.missionlistboxes .missionlistbox:nth-child(even){ float: right; }
			.missionlistboxes .missionlistbox .icon{ display: block; height: 75px; margin: 0 0 15px; background-position: center; background-repeat: no-repeat; background-size: contain; }
			.missionlistboxes .missionlistbox h3{ display: block; margin: 0 0 15px; color: #99b340; font-size: 22px; font-weight: 700; line-height: 36px; text-align: center; text-transform: none; }
				.missionlistboxes .missionlistbox h3:before{ content: url(../images/common/bullet-arrow-red.png); display: inline-block; margin-right: 10px; }
			.missionlistboxes .missionlistbox>ul{ margin-left: 30px; color: #939598; font-size: 18px; line-height: 28px; list-style-image: url(../images/common/bullet-arrow-red.png); }
				.missionlistboxes .missionlistbox>ul>li{ margin: 0 0 10px; padding-left: 10px; }

/* HISTORIQUE TIMELINE */
	.timeline{ position: relative; display: block; margin: 50px 0 0; padding: 0 0 80px; background: url(../images/common/timeline-bg.jpg) right 100px no-repeat; background-size: 32% auto; }
		.timeline .timelinebar{ position: absolute; left: 40px; top: 0; bottom: 0; z-index: 0; display: block; width: 25px; border-top: solid 2px #99b340; }
			.timeline .timelinebar span{ position: absolute; left: 11px; top: 0; bottom: 0; display: block; width: 2px; background-color: #99b340; }
		.timeline .timelinecontent{ position: relative; z-index: 10; display: block; }
			.timeline .timelinecontent>h2{ margin: 0 0 45px; padding-left: 130px; color: #030303; font-size: 36px; font-weight: 300; }
			.timeline .timelinecontent>ul{ display: block; margin: 0 0 0 0; padding: 0; list-style: none; }
				.timeline .timelinecontent>ul>li{ position: relative; display: block; min-height: 100px; margin: 0 0 30px; }
					.timeline .timelinecontent>ul>li>strong{ position: absolute; left: 0; top: 0; display: block; width: 100px; height: 100px; padding-top: 38px; background-color: #89ba13; color: #ffffff; border-radius: 200px; font-size: 24px; font-weight: 400; text-align: center; }
					.timeline .timelinecontent>ul>li>ul{ display: block; margin-left: 130px; padding: 38px 30% 0 0; }
						.timeline .timelinecontent>ul>li>ul>li{ display: block; margin: 0 0 15px; padding: 0; color: #939598; font-size: 20px; font-weight: 300; line-height: 28px; }
							.timeline .timelinecontent>ul>li>ul>li>h3{ display: block; margin: 0 0 0; color: #89ba13; font-size: 22px; font-weight: 400; text-transform: uppercase; }
								.timeline .timelinecontent>ul>li>ul>li>h3:before{ content: url(../images/common/bullet-arrow-red.png); display: inline-block; margin-right: 10px; }


/* SEARCH RESULTS */
	.resultslist{ display: block; margin: 0 0 30px; padding: 0; list-style: none; }
		.resultslist li{ display: block; padding: 15px 10px 15px 0; border-bottom: solid 1px #cccccc; }
			.resultslist li a{ position: relative; display: block; padding-left: 40px; color: #939598; font-size: 14px; line-height: 22px; text-decoration: none; }
				.resultslist li a:before{ content: '\f061'; font-family: FontAwesome; position: absolute; left: 10px; top: 0; }
				.resultslist li a span{ display: block; }
					.resultslist li a span.title{ margin: 0 0 10px; color: #99b340; font-size: 18px; font-weight: 700; line-height: 24px; }
						.resultslist li a:hover span.title{ color: #e2001a; }


/* MOBILENAV */
	ul.tiles{ display: block; text-align: center; }
		ul.tiles li{ display: inline-block; width: 30%; margin-bottom: 3%; padding: 0 0 34.76%; background-position: center top; background-repeat: no-repeat; background-size: contain; border-radius: 5px; box-shadow: 0 0 13px rgba(200,200,200,0.75); overflow: hidden; vertical-align: top; }
			ul.tiles li.middle{ margin: 0 3%; }
		ul.tiles.uneven li{ background-size: cover; }
			ul.tiles.uneven li.quarter{ width: 22%; margin-right: 2.8%; padding: 0 0 36.3%; }
			ul.tiles.uneven li.tall.half{ width: 47%; margin-left: 0 !important; margin-right: 0 !important; padding: 0 0 36.3%; }
			ul.tiles.uneven li.half{ width: 47%; padding: 0 0 26.59%; }
				ul.tiles.uneven li.half.first{ margin-right: 2.9%; }
				ul.tiles.uneven li.half.second{  }
			ul.tiles.uneven li.third{ padding: 0 0 33%; }
	
/* MOBILENAV */
	a#mobilenavlink{ position: absolute; right: 5px; top: -42px; display: none; width: 45px; padding: 5px; }
		a#mobilenavlink:after{ content: ""; }
		a#mobilenavlink>span{ display: block; height: 8px; margin: 0 0 3px; background-color: #e2001a; border-radius: 2px; }
	#mobilenav{ position: absolute; right: 0; top: 3px; display: block; width: 250px; padding: 10px 0; background-color: #ffffff; }
		#mobilenav li{ display: block; margin: 0 0 1px; }
			#mobilenav li a{ display: block; margin: 0 10px; padding: 5px 10px; background-color: #ffffff; color: #929292; font-size: 12px; text-decoration: none; }
				#mobilenav li a:hover{ background-color: #e2001a; color: #ffffff; }
				#mobilenav li.selected>a,#mobilenav li a.selected{ background-color: #e2001a; color: #ffffff; }
			#mobilenav>li>ul{ display: block; margin: 1px 0 1px 30px; }
		#mobilenav li.flag>a{ background-color: #ffffff; border: none; text-align: center; text-transform: uppercase; }
			#mobilenav li.flag.selected>a{ color: #e2001a; }
			#mobilenav li.flag>a>img{ display: inline-block; }
			
/* TINYMCE ASSIGNED CLASSES */
	.alignleft{ float: left; margin: 0 20px 10px 0; text-align: left; }
	.alignright{ float: right; margin: 0 0 10px 20px; text-align: right; }
	.aligncenter{ display: block; margin: 0 auto 10px; text-align: center; }
	.alignfull{ display: block; margin: 0 auto 10px; text-align: justify; }
	
/* IMGPOOL CLASSES */
	img.imgpoolinline{ display: inline-block; margin: 10px; vertical-align: middle; }
	img.imgpoolleft{ float: left; margin: 0 20px 10px 0; }
	img.imgpoolright{ float: right; margin: 0 0 10px 20px; }
	img.imgpoolblock{ display: block; max-width: 100%; margin: 0 auto 10px; }
	img.bordered{ border: solid 1px; }			
	
/* DOCPOOL CLASSES */
	a.docbutton{ display: inline-block; padding: 5px 10px; background-color: #000000; color: #ffffff; border: solid 1px #000000; border-radius: 2px; text-decoration: none; }
		a.docbutton:hover{ background-color: #ffffff; color: #000000; }
	a.docbigbutton{ display: inline-block; padding: 5px 10px; background-color: #000000; color: #ffffff; border: solid 1px #000000; border-radius: 2px; text-decoration: none; }
		a.docbigbutton span{ display: block; }
			a.docbigbutton span.title{ text-transform: uppercase; }
			a.docbigbutton span.description{ font-size: 11px; }
		a.docbigbutton:hover{ background-color: #ffffff; color: #000000; }

/* SLIDER STYLES */
	#slider{ display: block; width: 100%; overflow: hidden; }
		#slider li{ position: relative; display: block; width: 100%; height: 0; padding: 0 0 54.28%; background-position: center top; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
			body.search-results #slider li{ padding: 0 0 40%; }
		#slider a.navarrow{ position: absolute; top: 40%; z-index: 1000; display: block; width: 27px; height: 54px; background-position: center; background-repeat: no-repeat; background-size: contain; }
			#slider a.cycle-prev{ left: 0px; background-image: url(../images/common/nav-prev.png); }
			#slider a.cycle-next{ right: 0px; background-image: url(../images/common/nav-next.png); }
		#slider p.content{ position: relative; left: 0px; top: 75px; z-index: 1000; display: block; width: 100%; max-width: 1180px; margin: 0 auto; }
			#slider p.content span{ display: block; margin: 0 0 15px; color: #ffffff; }
				#slider p.content span.title{ font-size: 42px; font-weight: 700; line-height: 50px; text-shadow: 0px 0px 5px rgba(0,0,0,0.75); }
				#slider p.content span.description{ max-width: 550px; font-size: 25px; line-height: 33px; text-align: left; text-shadow: 0px 0px 5px rgba(0,0,0,0.75); }
			#slider p.content>a{ display: inline-block; padding: 12px 15px; background-color: #ffffff; color: #e21726; font-size: 15px; font-weight: 300; text-decoration: none; text-transform: uppercase; }
				#slider p.content>a:hover{ background-color: #e21726; color: #ffffff; }
		#slider .cycle-pager{ position: absolute; left: 0; bottom: 10px; z-index: 1000; display: none; width: 100%; text-align: center; }
			#slider .cycle-pager span{ display: inline-block; width: 13px; height: 13px; margin: 0 3px; background-color: #000000; color: #000000; border: solid 1px #000000; border-radius: 20px; cursor: pointer; font-family: arial; overflow: hidden; transition: all 0.3s; }
				#slider .cycle-pager span:hover{ background-color: #ffffff; color: #ffffff; border: solid 1px #000000; }
				#slider .cycle-pager span.cycle-pager-active{ background-color: #ffffff; color: #ffffff; border: solid 1px #000000; }
		#slidersearch{ position: absolute; left: 0; bottom: 25px; z-index: 1010; display: block; width: 100%; padding: 15px; background-color: #e21726; }
			#slidersearch .inner{ display: block; max-width: 1210px; margin: 0 auto; }
				#slidersearch .inner .slogan{ display: inline-block; margin: 0 30px 0 0; color: #ffffff; font-size: 30px; font-weight: 700; vertical-align: middle; }
				#slidersearch .inner form{ position: relative; display: inline-block; width: 50%; max-width: 460px; vertical-align: middle; }
					#slidersearch .inner form input{ position: relative; z-index: 10; display: block; width: 100%; padding: 10px 20px; background: #ffffff; border: none; border-radius: 60px; font-size: 14px; vertical-align: middle; }
					#slidersearch .inner form .searchbutton{ position: absolute; z-index: 20; right: 14px; top: 3px; background-color: #ffffff; border: none; cursor: pointer; }
						#slidersearch .inner form .searchbutton img{ transition: all 0.6s; }
						#slidersearch .inner form .searchbutton:hover img{ transform: rotateY(360deg); }
		#slider .slideroverlay{ position: absolute; right: 0; bottom: -5px; z-index: 1020; display: block; width: 440px; height: 160px; background-image: url(../images/common/slider-overlay.png); cursor: pointer; }
			body.lang-nl #slider .slideroverlay{ background-image: url(../images/common/slider-overlay-nl.png); }