html {  }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
fieldset, img { border: 0px none; }
li { list-style: outside none none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q::before, q::after { content: ""; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select {  }



@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all {
}


@font-face {
	font-family: "GothamRounded-Bold";
	font-style: normal;
	font-weight: normal;
	src: url('gothamrnd-bold.eot') format("embedded-opentype"), url('gothamrnd-bold.woff') format("woff"), url('gothamrnd-bold.ttf') format("truetype"), url('gothamrnd-bold.svg') format("svg");
}
@font-face {
	font-family: "GothamRounded-Book";
	font-style: normal;
	font-weight: normal;
	src: url('gothamrnd-book.eot') format("embedded-opentype"), url('gothamrnd-book.woff') format("woff"), url('gothamrnd-book.ttf') format("truetype"), url('gothamrnd-book.svg') format("svg");
}
body { height: 100%; margin: 0px; }
a, a:link, a:hover, a:visited, a:active { color: rgb(0, 57, 97); }
body { background: rgb(240, 239, 235) url('background.jpg') no-repeat scroll center top; }
div#head { background: rgba(0, 0, 0, 0) url('top-back.png') repeat-x scroll 0% 0%; height: 71px; position: relative; z-index: 300; }
div#head-container { width: 940px; margin: 0px auto; padding-top: 18px; }
div.redecorate { float: right; margin-right: 0px; width: 190px; margin-top: -40px; height: 64px; line-height: 16px; border: 0px solid red; background: rgba(0, 0, 0, 0) url('tetrapak-logo-50.jpg') no-repeat scroll right center; }
div.redecorate a { color: rgb(136, 181, 3); font-size: 14px; text-decoration: none; font-weight: bold; font-family: GothamRounded-Bold; width: 101px; display: block; margin-top: 12px; margin-left: 10px; }
.brand { float: left; }
.brand a { font-size: 0px; background: rgba(0, 0, 0, 0) url('eco-pak.png') no-repeat scroll 0% 0%; width: 126px; height: 35px; display: block; margin-top: -3px; }
div#main { display: block; overflow: hidden; }
ul.menu.menu_main { width: 600px; margin: 0px auto; height: 24px; line-height: 24px; }
ul.menu.menu_main li { float: left; margin-right: 25px; }
ul.menu.menu_main li a { text-decoration: none; font-weight: bold; color: rgb(43, 74, 99); font-family: GothamRounded-Book; font-size: 14px; }
ul.menu.menu_main li a:hover, ul.menu.menu_main li.selected a { color: rgb(108, 201, 235); }
div.content { width: 940px; margin: 0px auto; display: block; overflow: hidden; }
div.content h1 { margin: 72px auto 20px; width: 100%; text-align: center; font-size: 40px; height: 48px; color: rgb(136, 181, 3); font-family: GothamRounded-Book; }
div.content h2 { width: 720px; color: rgb(119, 119, 119); margin: 0px auto; font-size: 20px; text-align: center; font-family: GothamRounded-Bold; }
div.page_group { margin: 100px auto 0px; width: 960px; min-height: 250px; background: white none repeat scroll 0% 0%; border-radius: 10px; }
ul.page_group_siblings li { margin-left: 5px; margin-right: 20px !important; width: 210px !important; float: left; }
.teaser { color: rgb(119, 119, 119); font-size: 14px; margin-top: 10px; padding-left: 30px; font-family: Arial; line-height: 20px; }
p.title { min-height: 30px; }
p.title a { color: rgb(108, 201, 235); font-size: 16px; margin-top: 10px; font-weight: bold; text-decoration: none; padding-left: 30px; float: left; height: 30px; line-height: 30px; font-family: GothamRounded-Bold; }
li.first p.title a { background: rgba(0, 0, 0, 0) url('ico-1.png') no-repeat scroll 0% 0%; }
li.tetrapak p.title a { background: rgba(0, 0, 0, 0) url('tetrapak-logo-40.png') no-repeat scroll 0% 0%; height: 32px; padding-left: 50px; padding-top: 8px; }
li.tetrapak div.teaser { padding-left: 50px; margin-top: 20px; }
body.lvl1 h1 { font-size: 40px; text-align: left; float: left; }
body.lvl1 .page_group { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; margin-top: 0px; }
body.lvl1 .page_group p.title a { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; color: rgb(136, 181, 3); font-size: 26px; margin-bottom: 10px; }
body.lvl1 .page_group li { width: 280px; margin-right: 12px; }
body.lvl1 .body { width: 930px; margin: 0px auto; clear: both; font-family: GothamRounded-Book; }
body.lvl1 .teaser { font-size: 12px; clear: left; }
body.lvl1 #main {  }
div.push { height: 263px; }
div#foot { background: rgba(0, 0, 0, 0) url('footer.png') no-repeat scroll center bottom; height: 263px; }
html, body { height: 100%; }
#wrapper { min-height: 100%; height: auto !important; margin: 0px auto -263px; }
#foot, .push { height: 263px; }
body.tetrapak ul.page_group_siblings li.tetrapak div.teaser { padding-top: 0px; margin-top: 0px; }
body.tetrapak div.page_group {  }
body.tetrapak div.page_group p.title { margin: 0px; padding: 0px; }
body.tetrapak div.page_group p.title a { padding-left: 0px; padding-bottom: 0px; margin: 0px; font-size: 16px; font-family: GothamRounded-Book; }
body.tetrapak div.page_group div.teaser { padding-left: 0px; margin-bottom: 20px; }
body.tetrapak div.page_group div.teaser p { margin-bottom: 10px; }
body.tetrapak div.content h1 { font-family: GothamRounded-Book; }
body.tetrapak div.content { width: 920px; }
body.tetrapak div.r3 { background-color: rgb(255, 255, 255); display: block; overflow: hidden; float: none; clear: both; margin-bottom: 20px; border: 1px solid rgb(226, 226, 221); border-radius: 5px; }
body.tetrapak div.r3 div.side { width: 300px; display: block; overflow: hidden; float: left; background-color: rgb(239, 239, 240); }
body.tetrapak div.r3 div.side h2 { text-align: left; background-color: rgb(255, 255, 255); font-size: 40px; font-family: GothamRounded-Book; color: rgb(136, 181, 3); padding: 15px; }
body.tetrapak div.r3 div.side h2 strong { font-family: GothamRounded-Bold; }
body.tetrapak div.r3 div.side div.body { padding: 15px; width: auto; font-size: 14px; font-family: Arial; color: rgb(119, 119, 119); line-height: 20px; }
body.tetrapak div.r3 div.side div.body p { margin-bottom: 10px; }
body.tetrapak div.r3 div.side div.body ul { margin-bottom: 10px; }
body.tetrapak div.r3 div.side div.body ul li { margin-top: 10px; margin-left: 20px; list-style-type: circle; }
body.tetrapak div.r3 div.tabs { width: 590px; display: block; overflow: hidden; float: right; padding: 40px 15px 15px; }
body.tetrapak div.r3 div.tabs p { font-size: 14px; font-family: Arial; color: rgb(119, 119, 119); margin-top: 10px; line-height: 20px; }
body.tetrapak div.r3 div.tabs p.subtitle { color: rgb(136, 181, 3); font-size: 18px; }
body.tetrapak div.r3 div.tabs div.targets { padding-right: 15px; padding-bottom: 15px; width: 560px; display: block; overflow: hidden; }
body.tetrapak div.r3 div.tabs ul.triggers { border-bottom: 1px solid rgb(146, 183, 61); margin-right: 20px; display: block; overflow: hidden; }
body.tetrapak div.r3 div.tabs ul.triggers li { display: block; overflow: hidden; float: left; padding: 7px; border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(146, 183, 61) rgb(146, 183, 61) currentcolor; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; margin-right: 1px; border-top-right-radius: 5px; border-top-left-radius: 5px; }
body.tetrapak div.r3 div.tabs ul.triggers li a { font-family: GothamRounded-Book; font-size: 18px; color: rgb(146, 183, 61); text-decoration: none; }
body.tetrapak div.r3 div.tabs ul.triggers li::first-letter { font-family: GothamRounded-Bold; }
body.tetrapak ul.page_group_siblings { display: block; overflow: hidden; clear: both; }
body.tetrapak ul.page_group_siblings li { margin-left: 5px; margin-right: 20px !important; width: 285px !important; }
body.tetrapak div.under { font-size: 14px; font-family: Arial; color: rgb(119, 119, 119); margin: 0px auto; text-align: center; width: 800px; line-height: 20px; }
body.tetrapak div.under h2 { color: rgb(136, 181, 3); font-size: 18px; font-family: GothamRounded-Book; }
body.tetrapak div.under p { margin-top: 10px; }
body.tetrapak div.under ul { font-size: 10px; margin-top: 10px; }
body.tetrapak li.motto p.subtitle { color: rgb(146, 183, 61); margin-bottom: 10px; font-family: Arial; font-size: 12px; }
div#foot ul.menu.menu_foot li { display: block; position: relative; padding-left: 10px; background: rgba(0, 0, 0, 0) url('bullet.png') no-repeat scroll left center; margin: 0px auto; width: 960px; top: 100px; }
div#foot ul.menu.menu_foot li a { text-decoration: none; font-family: GothamRounded-Book; font-size: 14px; color: rgb(108, 201, 235); margin-right: 10px; }
div#foot ul.menu.menu_foot li a:hover { color: rgb(146, 183, 61); }
div#foot div.copy { display: block; position: relative; border: 0px solid red; width: 85px; margin: 0px auto; left: 580px; top: 135px; }
div#foot div.copy a { text-decoration: none; font-family: GothamRounded-Book; font-size: 13px; color: rgb(108, 201, 235); }
div#foot div.copy a:hover { color: rgb(146, 183, 61); }
div.redecorate a { font-weight: normal; }
.redecorate:hover ul.sub-menu { display: block; }
.redecorate ul.sub-menu { display: none; position: relative; background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 120px; padding: 10px 10px 30px 0px; top: 14px; border: 2px solid rgb(221, 221, 221); }
.redecorate ul.sub-menu > li a { color: rgb(67, 113, 153); font-size: 14px; }
.redecorate ul.sub-menu > li a:hover { color: rgb(108, 201, 235); }
.cf::before, .cf::after { display: table; line-height: 0; content: ""; }
.cf::after { clear: both; }
body { margin-top: 0px !important; padding-top: 0px !important; }