/**
 * CSS Reset
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
ul { list-style: none; }
ul, ol, dl { position: relative; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset { border: 0; }
input, textarea, button { font: 1em/1.3 Arial, Helvetica, sans-serif; }
img, object, embed { display: block; border: 0; outline: none; }
address { font-style: normal; }
a { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: normal; }
iframe { width: 100%; height: 100%; }
/**
 * Clearing of floated elements without markup
 */
.clearfix:after { /* clearing with inserted content (not for ie <= 7) */
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.clearfix { display: block; } /* needed for Safari Browser */
    /**
     * other methode:
     * overflow: hidden;
     * easier use but beware of use with css3 drop shadows
     */
body {
background:#ebeef1 url(/bef/structure_images/renew_bg_body_rebrand.jpg) no-repeat scroll 0 0;
font-family:arial, helvetica, sans-serif;
font-size:62.5%;
text-align:left;
}
strong {
font-weight:700;
margin:0 9px 0 0;
}
.aux {
height:1px;
left:0;
overflow:hidden;
position:absolute;
top:-999em;
width:1px;
}
#logo {
background:url(/bef/structure_images/renew_henkel_rebrand_logo_24.png) no-repeat scroll 0 0 transparent;
height:45px;
margin:0 0 11px;
text-indent:-999em;
width:241px;
}
#logo a {
display:block;
height:100%;
width:100%;
}
#wrapper {
background:url(/bef/structure_images/renew_bg_splitting_pages_24-2.png) no-repeat scroll 0 69px transparent;
height:553px;
margin:0 auto;
padding-top:13px;
width:958px;
}
#content {
height:490px;
padding:4px;
position:relative;
width:950px;
}   
ul#countries li {
float:left;
}    
ul#countries li a {
border-left:1px solid #d8dee4;
color:#9baab4;
float:left;
display:block;
font-size:1.4em;
font-weight:700;
line-height:1.1;
padding:10px 10px 10px 30px;
position:relative;
text-decoration:none;
height:83px;
}
ul#countries li a.first {
border:0;
}
ul#countries li a img {
left:0;
position:absolute;
top:0;
}
ul#countries li a strong {
font-weight:400;
padding:0;
margin:0;
display:block;
}
ul#countries li a span {
background:url(/bef/structure_images/renew_arrowgrey.png) 0 8px no-repeat;
display:inline-block;
font-size:1.7em;
line-height:1.0;
color:#000;
padding:0 0 0 10px;
margin:0;
}
ul#countries li.rtl * {
direction:rtl;
margin:0;
}
ul#countries li.rtl a {
padding:10px 30px 10px 10px;
text-align:right;
}
ul#countries li.rtl a span {
background:url(/bef/structure_images/renew_arrowgrey_left.png) no-repeat right 8px;
padding:0 10px 0 0;
}
ul#countries li.rtl a strong {
font-weight:400;
}
/*BENELUX*/
.benelux ul#countries {
margin:0 0 0 236px;
}    
.benelux ul#countries li {
width:236px;
}
.benelux ul#countries li a {
width:196px;
}      
.benelux ul#countries li a.last {
border-right:1px solid #d8dee4;
}
/*NORDEN*/
.norden ul#countries li {
width:236px;
}     
.norden ul#countries li a {
width:196px;
}
/*MEA*/
.mea ul#countries li a {
width:315px;
}    
.mea ul#countries li a {
width:275px;
}/*Footer*/
#footer {
margin: auto;
margin-top: 7px;
width: 958px;
}
#footerInner {
background:transparent url(/bef/structure_images/renew_bg_splitting_pages_footerInner_24.png) no-repeat scroll 0 0;
color:#788791;
font-size:11px;
height:20px;
padding:12px 19px 4px;
width:920px;
}
#footerInner a,#footerInner span {
color:#788791;
font-size:100%;
}
@media print {
textarea, input[type=text] {border:none;border-bottom: 2px #000 dashed;}
}