body{position: relative!important;}
/* ----------------------------------------------------- */
/* BODY
/* ----------------------------------------------------- */
#bg { position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; }

/* ----------------------------------------------------- */
/* LAYOUT RULES
/* ----------------------------------------------------- */
#wrapper { position:relative; width:940px; margin:0 auto; text-align:center; overflow:hidden; z-index:10; }
#wrapper #inner-wrapper { padding-top:80px; position: relative; width:923px; }
#wrapper #taalkeuze { position:absolute; top:0px; right:0px; padding:0px 12px; height:30px; line-height:30px; color:#05386F; background:url(../img/bg-taalkeuze.png); font-size:12px; text-decoration:none; }
#wrapper #logo { margin-bottom:20px; }



/* ----------------------------------------------------- */
/* COMMON RULES
/* ----------------------------------------------------- */
#wrapper img { display:block; margin:0px auto; }
#wrapper h1 { text-indent:-10000em; background: url(../img/tt-welkom-bij-hj-heinz-belgium.png) no-repeat scroll top left; width:410px; height:46px; margin:0px auto; margin-bottom:5px; }
body.fr #wrapper h1 { text-indent:-10000em; background: url(../img/tt-welkom-bij-hj-heinz-belgium-fr.png) no-repeat scroll top left; width:410px; height:46px; margin:0px auto; margin-bottom:5px; }
#wrapper p { width:480px; margin:0px auto; color:#05386F; margin-bottom:10px; }

/* ----------------------------------------------------- */
/* LIST RULES
/* ----------------------------------------------------- */
#wrapper #merken { margin-top:35px; }
#wrapper #merken li { float:left; display:inline; width:125px; height:125px; margin-left:8px; }
#wrapper #merken li.first { margin-left:0px; }
#wrapper #merken li a { display:block; background:url(../img/bg-btn-welcome.png) no-repeat scroll top left; width:125px; height:112px; padding-top:13px; text-decoration:none; color:#777; }
#wrapper #merken li a span { line-height:22px; display:none; font-size:10px; }
#wrapper #merken li a:hover { background:url(../img/bg-btn-welcome.png) no-repeat scroll bottom left; }
#wrapper #merken li a:hover span { line-height:22px; display:block; }

#banners { width:766px; margin:0 auto; padding-top:25px; overflow:hidden; }
#banners a { float:left; margin:0px; width:auto; }
#banners a#banner-foodservice { margin:0px 20px; } 
#banners a img { margin:0px; }
/*
#banner-werken { float:left; margin-right:20px; width:auto; }
#banner-foodservice { float:left; margin-right:20px; width:auto;}
#banner-webshop { float:left; width:auto; }
*/

/* ----------------------------------------------------- */
/* FOOTER RULES OVERRIDING FOOTER.CSS
/* ----------------------------------------------------- */
#footer #inner-footer { z-index:100; }
#footer #inner-footer #footer-content span { color:#FFF; }
#footer #inner-footer #footer-content span a { color:#FFF; }

object, embed { min-height:750px; }
#wellLogo { position:absolute; width:18px; height:18px; right:10px; bottom:10px; }
#kerst-banner{position:absolute;left:476px;top:433px;z-index:110;width:1px;height:1px;}


/* ========== */
/* = BANNER = */
/* ========== */
div.overlay { display:none; position:fixed; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70); z-index:98; top:0; left:0; }
div#overlayBanner { position:absolute; z-index:99; left:50%; top:0px; margin-left:-424px; margin-top:11%; }
div#closeBanner { position:absolute; margin-left:825px; margin-top:-15px; cursor: pointer;}