/**
      GENERAL
*******************/
html, body {
   background: #fff url(../../images/bg.jpg) no-repeat center top;
   color: #6e6448;
   font-size: 12px;
   font-family: Verdana, Arial;
   line-height: 1.231;
   line-height: 1.333;
}
a {
   color: #6e6448;
   outline-color: invert;
   outline-style: none;
   outline-width: medium;
}

h2 {
   margin: 7px 0 0 0;
}
h3 {
   margin: 20px 0 8px 0;
}

object, object:focus {
   outline: none;
}

img {
	vertical-align: top;
}

/*  ELEMENTS */
a.button:hover { text-decoration: none; }
b, strong { font-weight: bold; }
p { margin: 8px 0; }
p.first { margin-top: 0; }
small { font-size: 10px; }
table.content-table { margin: 8px 0; }

/* GLOBAL CLASSES */
div.clear { clear: both; }
.accessibility { display: none; }
.left { float: left; }
.right { float: right; }
div.separator { border-bottom: 1px solid #d3d1ca; height: 15px; font-size: 0; line-height: 0; }

#main-content ul li {
   background: transparent url(../../images/bullet.gif) no-repeat 0px 4px;
   margin: 2px 0;
   padding-left: 15px;
}

#page {
   margin: 0 auto;
   width: 982px;
}

/* GLOBAL CLEAR CLASSES */

.clear-inline {
    clear: both;
}

.clear-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clear-wrapper {
    display: inline-block;
}
 
html[xmlns] .clear-wrapper {
    display: block;
}
 
* html .clear-wrapper {
    height: 1%;
}

/**
        FORMS
************************/
.form-row {
    margin: 2px 0;
    
}

div.input {
    /*background: transparent url(../../images/content/gewinnen/input.png) no-repeat;
    _background: none;

    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/content/gewinnen/input.png', sizingMethod='crop');*/

    height: 21px;
    /*padding: 2px 5px 0 5px;*/
    position: relative;
}

div.input input.input-field {
    background: none;
    border: 0px none;
    left: 7px;
    position: absolute;
    top: 3px;
}


div.input div.input-l {
   height: 21px;
   overflow: hidden;
   position: relative;
   width: 100%;
}

div.input div.input-l-wrap {
   background: transparent url(../../images/content/gewinnen/input.png) no-repeat;
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/content/gewinnen/input.png', sizingMethod='crop');
    height: 21px;
    width: 200px;
}

div.input div.input-r {
    background: transparent url(../../images/content/gewinnen/input-r.png) no-repeat;
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/content/gewinnen/input-r.png', sizingMethod='scale');
    height: 20px;
    position: absolute;
    right: -19px;
    top: 1px;
    width: 19px;
}


div.input input.input-field {
    color: #6f6767;
    font-family: Verdana;
    font-size: 11px;
    padding: 1px 0 0 0;
    width: 100%;
}

div.sweepstake-layer {
    background: #FBFBFA none repeat;
	border: 1px solid #D7D4C3;
	width: 725px;
	height: 397px;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 30;
	opacity: 0.9;
	filter: alpha(opacity=90);
	overflow: hidden;
    visibility: hidden;
}

div.sweepstake-layer-content {
	margin: 40px 10px 10px 10px;
    width: 695px;
    height: 340px;	
    overflow: auto;    
    position: absolute;
    padding: 0 10px 0 0;      
}

div.sweepstake-layer-title {
    position: absolute;
    left: 10px;
    top: 10px;
    font-weight: bold;
    font-size: 18px;
}

div.sweepstake-layer-content h3 {
    font-size: 15px;
    font-weight: bold;	
    margin: 10px 0 10px 0;  
}

a.sweepstake-layer-close {
    background: transparent url(../../images/close.gif) no-repeat 0 0;
    display: block;
    cursor: pointer;
    width: 15px;
    height: 15px;
	position:absolute;
	right: 12px;
	top: 10px;
	z-index: 100;
}

/* CHECKBOX */
div.checkbox {
	background: transparent url(../../images/checkbox-simple.gif) no-repeat 0 1px;
	display: block;
	font-size: 11px;
	padding-left: 17px;
	text-decoration: none;	
}

div.checkbox-checked {
	background-position: 0 -119px;
}


#error-tooltip div.bd {
	text-align: center;
}



/**
      SERVICE-MENU
*******************/
#service-menu { height: 34px; }
#service-menu ul {
   display: block;
   float: right;
}

#service-menu ul li {
   background: transparent url(../../images/icons.gif) no-repeat right -482px;;
   display: block;
   float: left;
   height: 22px;
   margin: 2px 0 0 8px;
   padding: 4px 10px 0 0;
}

#service-menu ul li.last { background: none; }

#service-menu ul li a {
   font-size: 10px;
   text-decoration: none;
}

#service-menu ul li a:hover { text-decoration: underline; }

/**
      SIDEBAR
*******************/
#sidebar {
   background: transparent url(../../images/sidebar/bg.gif) no-repeat;
   float: left;
   height: 415px;
   padding: 115px 20px 0 17px;
   position: relative;
   width: 176px;
   z-index: 400;
}

#logo {
   background: transparent url(../../images/logo.gif) no-repeat;
   height: 78px;
   display: block;
   left: 17px;
   position: absolute;
   top: 17px;
   width: 177px;
}

/* MENU */
#menu {
    position: relative;
    top: -20px;    
}

#menu li {
   border-top: 1px solid #d7d4c3;
   display: block;
}
#menu li a {
   color: #038;
   display: block;
   font-size: 13px;
   padding: 3px 0 3px 3px;
   text-decoration: none;
}

#menu li.on a, #menu li a:hover { background: #eceae5; }

#menu li.first { border-top: 0px none; }

/* SUBMENU */
#menu li.on ul {
   background: #f6f5f2;
   display: block;
   padding: 3px 0 3px 0;
   zoom: 1;
}

#menu li.on li {
   border-top: 0px none;
   padding: 0;
}

#menu li.on li a {
   background: transparent url(../../images/icons.gif) no-repeat 13px -149px;
   color: #776e53;
   font-size: 12px;
   padding: 1px 5px 2px 23px;
   zoom: 1;
}

#menu li.on li li {
   padding-left: 20px;
}

#menu li.on li.on a, #menu li.on li a:hover {
   background: transparent url(../../images/icons.gif) no-repeat 13px 2px;
   color: #003888;
}

#menu li.on li.on li a {
   background: transparent url(../../images/icons.gif) no-repeat 13px -149px;
   color: #776e53;
}

#menu li.on li.on li.on a, #menu li.on li li a:hover {
    background: transparent url(../../images/icons.gif) no-repeat 13px 2px;
    color: #003888;
}

div.submenu {
   background: #e4e2d7;
   left: 0;
   padding: 1px;
   position: absolute;
   visibility: hidden;
   width: 256px;
   top: 0;
   z-index: 350;
}

div.submenu ul {
   background: #fbfbfa;
   border: 1px solid #d7d4c3;
   display: block;
   padding: 5px;
}

div.submenu ul li {
   display: block;
   height: 46px;
   overflow: hidden;
}

div.submenu ul li a {
   border-top: 1px solid #d7d4c3;
   height: 46px;
   display: block;
   position: relative;
   text-decoration: none;
}

div.submenu ul li a img {
   left: 1px;
   height: 44px;
   position: absolute;
   top: 1px;
   width: 53px;
}

div.submenu ul li a:hover img {
   background-position: -53px 0;
}

div.submenu ul li a#perwoll-fuer-wolle-feines {
   background-image: url(../../data/menu/sortiment/01_sortiment01.gif);
}




div.submenu ul li a:hover { background-color: #eae9e3; }

div.submenu ul li a:hover b {
   color: #003184;
}

div.submenu ul li a em {
   display: block;
   position: static;
   *position: absolute;
   *top: 50%;
}

div.submenu ul li a em b {
   cursor: pointer;
   display: table-cell;  
   *display: block;
   font-weight: normal;
   font-size: 12px;
   height: 46px;
   *height: auto;
   padding-left: 60px;
   *position: relative;
   vertical-align: middle;
   *top: -50%;
   width: 186px;
}

div.submenu ul li.first a { border-top: 0px none; }

/* NEWSLETTER */
#newsletter {
   border-top: 1px solid #f9f8f7;
   bottom: 0;
   height: 32px;
   left: 11px;
   position: absolute;   
   width: 189px;
}

#newsletter div { border-top: 1px solid #e6e4de; }

#newsletter a {
   background: transparent url(../../images/icons.gif) no-repeat right -384px;
   font-size: 10px;
   left: 6px;
   padding-right: 10px;
   position: absolute;
   text-decoration: none;
   top: 6px;
}

#newsletter a:hover {
   text-decoration: underline;
} 

/* LIFETIMES */
#lifetimes {
   bottom: 34px;
   left: 16px;
   position: absolute;
}


#lifetimes-expanded {
   background: #fff;
   bottom: 34px;
   border-top: 1px solid #f9f8f7;
   height: 138px;
   left: 2px;
   overflow: hidden;
   position: absolute;
   visibility: hidden;
   width: 208px;
   z-index: 2;
}
#lifetimes-expanded .wrap {
   background: transparent url(../../images/sidebar/lifetimes/logo-big.jpg) no-repeat 11px 9px;
   border-top: 1px solid #e6e4de;
   padding: 60px 0 0 11px;
}

#lifetimes-expanded .lifetimes-image {
   float: left;
   width: 60px;
}

#lifetimes-expanded .lifetimes-text {
   color: #000;
   float: left;
   font-size: 10px;
   width: 130px;
}

#lifetimes-expanded .lifetimes-text a {
   color: #4fb1bd;
   text-decoration: none;
}

#lifetimes-expanded .lifetimes-text a:hover {
   text-decoration: underline;
}



/**
      CONTENT
************************/

div.row2header h3 {
	margin: 4px 0 0 0!important;
}


#content {
   float: right;
   margin-top: 2px;
   width: 748px;
   zoom: 1;
}

/** FLASH FALLBACK */
.fallback {
   padding-top: 25px;
}

/**   OVERVIEW PAGE **/
body.overview-page #content-header, body.overview-page #main-content {
   height: 430px;
}
 

body.overview-page #teasers {
   margin-top: -1px;
}


/** CONTENT-PAGE */
body.content-page #main-content {
   float: left;
   padding: 15px 0 15px 17px;
   width: 490px;
   zoom: 1;
}

body.content-page-wide #main-content {
   padding: 15px 0 15px 17px;
}

body.content-page-teaser #main-content {
	padding: 15px 0 15px 17px;
	border: 1px solid #d7d4c3;
	border-top: 0px none;
}

body.content-page-teaser #teasers {
   margin-top: 9px;
}

/**
      OVERVIEW TEASER
***************************/      
div.overview-teaser {
   height: 420px;
   position: relative;
   width: 748px;
}


div.overview-teaser-text {
   left: 50px;
   position: absolute;
   width: 310px;
   top: 75px;
}

div.sub-teasers {
   left: 50px;
   position: absolute;
   top: 273px;
}

div.overview-sub-teaser {
   height: 119px;
   float: left;
   margin-right: 50px;
   padding: 5px 5px 0 10px;
   position: relative;
   width: 170px;
}

div.overview-sub-teaser-bg, div.overview-sub-teaser a.overview-sub-teaser-link {
   height: 124px;
   left: 0;
   position: absolute;
   width: 185px;
   top: 0;
}

div.overview-sub-teaser-bg {
   z-index: 1;
}

div.overview-sub-teaser a.overview-sub-teaser-link {
   background: #fff;
   filter: alpha(opacity=0);
   opacity: 0;
   z-index: 20;
}

div.overview-sub-teaser div.hd {
   margin-bottom: 5px;
   position: relative;
   z-index: 10;
}
div.overview-sub-teaser div.bd {
   color: #6e6448;
   font-size: 11px;
   position: relative;
   z-index: 10;   
}


/* CONTENT PAGE */
body.content-page #teasers {
   float: right;
   overflow: hidden;
   padding: 20px 0;
   width: 220px;
}

body.content-page-teaser #teasers {
   
}

/* BLOCK HEADER */
div.block-hd {
   background: transparent url(../../images/content/block-hd.gif) no-repeat;
   border-bottom: 1px solid #d3d1ca;
   height: 20px;
   margin-bottom: 1px;
   padding: 5px 0 0 10px;
   position: relative;
   z-index: 10;
}

div.block-hd a.expander {
   background: transparent url(../../images/icons.gif) no-repeat -144px -293px;
   font-weight: bold;
   padding-left: 10px;
   text-decoration: none;
   text-transform: uppercase;
}

div.block-hd a.expanded {
   background-position: -144px -562px;
}




/**
      EXPANDABLE CONTENT
*****************************/
.expandable-content {
   display: none;
   overflow: hidden;
}


div.expanded, div.expanded .expandable-content {
    display: block;
}

div.expanded .products-thumbnails {
    bottom: 0px; 
    height: 0px; 
    z-index: 1;
}

.products-table {
   width: 100%;
}

.products-table td {
   background-image: url(../../images/content/product-tbl-separator.gif);
   background-repeat: repeat-x;
   background-position: left bottom;
   font-size: 11px;
   padding: 5px 10px 15px 10px;
}

.products-table td.product-image {
   width: 70px;
}

.products-table td.product-description {
   vertical-align: top;
}

.products-table td h5 {
   font-weight: bold;
   text-transform: uppercase;
}


/**
      TOOLTIP
**********************/
.tooltip {
   position: absolute;
   visibility: hidden;
   width: 199px;
}

.tooltip div.hd {
   background: transparent url(../../images/tooltip/hd.png) no-repeat;
   _background: none;
   _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tooltip/hd.png', sizingMethod='scale');
   height: 2px;
}

.tooltip div.bd {
   background: transparent url(../../images/tooltip/bd.png) repeat-y;
   _background: none;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tooltip/bd.png', sizingMethod='scale');
   padding: 0 3px 0 3px;
   zoom: 1;
}

.tooltip div.bd-wrap {
   background: #fbfaf8 url(../../images/tooltip/bg.gif) repeat-x left bottom;
   font-size: 11px;
   overflow: hidden;
   padding: 5px 5px;
   text-align: center;
}


.tooltip div.ft {
   background: transparent url(../../images/tooltip/ft.png) no-repeat;
   _background: none;
   _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tooltip/ft.png', sizingMethod='scale');
   height: 13px;
}

.tooltip div.hd, .tooltip div.ft {
   font-size: 0;
   line-height: 0;
}


/*
      TEASER
**********************/
div.teaser {
   margin: 5px 0 0 5px;
   _margin-left: 3px;
   position: relative;
}

div.teaser div.hd, div.teaser div.hd b, div.teaser div.ft, div.teaser div.ft b {
   background: transparent url(../../images/teaser/teaser.png) no-repeat;
   _background-image: url(../../images/teaser/teaser.gif);
   display: block;
   font-size: 0;
   line-height: 0;
}

/* TEASER HEADER */
div.teaser div.hd, div.teaser div.ft { position: relative; }
div.teaser div.hd b, div.teaser div.ft b { left: -5px; position: absolute; width: 5px; }

div.teaser div.hd, div.teaser div.hd b { height: 5px; }

div.teaser div.hd { background-position: right top; }
div.teaser div.hd b { background-position: left top; }

/* TEASER BODY */
div.teaser div.bd, div.teaser div.bd-wrap {
   background: transparent url(../../images/teaser/teaser-bd.png) repeat-y right top;
   _background-image: url(../../images/teaser/teaser-bd.gif);
}
div.teaser div.bd {
   font-size: 11px;
   position: relative;
   z-index: 5;
}

div.teaser div.bd-wrap {
   background-position: left top;
   left: -5px;
   position: relative;
   padding: 6px 0 1px 0;
}

div.teaser img.teaser-image {
   bottom: -12px;
   left: 1px;
   position: absolute;
}



a.teaser-link {
   background: #fff;
   cursor: pointer;
   display: block;
   filter: alpha(opacity=0);
   left: -2px;
   opacity: 0;
   position: absolute;
   top: 0;
   z-index: 15;
}

div.teaser h4 {
   font-weight: bold;
   margin: 4px 0 3px 0;
   text-transform: uppercase;
}

div.teaser p { margin: 0; }

/* TEASER FOOTER */
div.teaser div.ft, div.teaser div.ft b { height: 14px; }

div.teaser div.ft {
   background-position: right bottom;
   position: relative;
}
div.teaser div.ft b { background-position: left bottom; }

div.teaser30, div.teaser50 { float: left; margin-right: 6px; line-height: 1.231 }
div.teaser-last { margin-right: 0; }

/* TEASER 30 */
div.teaser30, div.teaser30 a.teaser-link { width: 240px; }
div.teaser30 div.bd-wrap {
   height: 68px;
   padding-left: 103px;
}

div.teaser30 a.teaser-link { height: 92px; }

/* TEASER 50 */
div.teaser50, div.teaser50 a.teaser-link { width: 366px; }
div.teaser50 div.bd-wrap {
   height: 68px;
   padding-left: 140px;
}

div.teaser50 a.teaser-link { height: 92px; }

/* TEASER IN CONTENT */
body.content-page div.teaser {
   margin-bottom: 3px;
   width: 193px;
}
body.content-page div.teaser img.teaser-image {
   bottom: auto;
   left: auto;
   position: static;
}

body.content-page #content-wrap, body.content-page-wide #content-wrap {
   border: 1px solid #d7d4c3;
   border-top: 0px none;
}

body.content-page div.teaser div.bd-wrap {
   height: auto;
   padding: 1px 0 0 5px;
}

body.content-page div.teaser div.bd-wrap h4, body.content-page div.teaser div.bd-wrap p {
   padding: 0 3px;
}

body.content-page a.teaser-link {
   height: auto;
   bottom: 0;
   left: 0;
   right: 0;
   width: auto;
   _bottom: 0;
   _height: 15px;
   _top: auto;
   _left: auto;
   _width: 60px;
}

a.arrow-link {
	background: transparent url(../../images/icons.gif) no-repeat -140px -294px;
	font-weight: bold;
	padding: 0 0 0 15px;
	text-decoration: none;
}

div.teaser div.arrow {
   background: transparent url(../../images/icons.gif) no-repeat right -299px;
   bottom: 3px;
   height: 5px;
   font-size: 0;
   line-height: 0;
   position: absolute;
   right: 16px;
   width: 6px; 
   z-index: 30; 
}

/**
      GRADIENT TEASER
************************/
.gradient-teaser {
   background: #E7E5DB url(../../images/beige-teaser.gif) repeat-x left top;
   margin: 15px 0 0 0;
   padding: 5px 10px;
   width: 698px;
}


/**
      SORTIMENT
*******************/

/* EXPANDABLE PRODUCTS */
.expandable-products .products-thumbnails {
   bottom: 0;
   overflow: hidden;
   position: absolute;
   right: 10px;
   z-index: 20;
}

.products-thumbnails img {
   margin: 0 2px;
}

.expandable-products {
   margin-top: 30px;
}

.expandable-products-hd {
   position: relative;
}


#main-content {
    position: relative;
}

#main-content .dosage {
   margin-top: 20px;
}

#main-content .dosage-hd {
   position: relative;
    zoom: 1;
}

#main-content .dosage-hd h3 {
   margin: 0;
   padding-bottom: 5px;
}


#main-content .dosage-tabs {
   bottom: -1px;
   height: 26px;
   right: 0;
   position: absolute;
}


#main-content .dosage-tabs ul li, #main .dosage-tabs ul li a {
   background: none;
   margin: 0;
   padding: 0;
} 

#main-content .dosage-tabs ul li {
   float: left;
   margin-left: 3px;
}

#main-content .dosage-tabs ul li a {
   background: transparent url(../../images/content/sortiment/dosage-tabs.gif) no-repeat -104px 0;
   float: left;
   height: 20px;
   padding: 6px 0 0 0;
   width: 102px;
   text-align: center;
   text-decoration: none;
}

#main-content .dosage-tabs ul li a:hover { text-decoration: underline; }
#main-content .dosage-tabs ul li.on a { background-position: 0 0; }
#main-content .dosage-tabs ul li.on a:hover {
   cursor: default;
   text-decoration: none;
}

.dosage-tab-content-hd {
   border: 1px solid #cbc8bc;
   border-left: 0px none;
   border-right: 0px none;
   line-height: 0;
   padding: 0;
}

.dosage-tab-content { display: none; }
.dosage-tab-content-on { display: block; }

 
.dosages-table {
  width: 100%;
}

.dosages-table thead th {
   background: #f3f2ec;
   border-bottom: 1px solid #cbc8bc;
   height: 56px;
   text-align: center;
}
.dosages-table thead th.first {
   text-align: left;
}

.dosages-table tr.first td, .dosages-table tr.first th {
   border-top: 2px solid #fff;
}
.dosages-table tr.last td, .dosages-table tr.last th {
   border-bottom: 2px solid #fff;
}



.dosages-table th, .dosages-table td {
   font-size: 11px;
   padding: 5px;
}

.dosages-table th {
   font-weight: bold;
   text-transform: uppercase;
}

.dosages-table th.first, .dosages-table td.first {
   padding-left: 15px;
}

.dosages-table td.dosage-value {
   border-left: 2px solid #fff;
   font-weight: bold;
   padding-right: 20px;
   text-align: right;
}

.dosages-footer {
   border-top: 1px solid #cbc8bc;
   font-size: 11px;
   padding: 5px 0 5px 15px;
}

/*
      FLASH TEASER
**********************/

/* ie6 makes problems, so we need so many classes */
div.flash-teaser-wide {
	position: relative;
}

div.flash-teaser-wide-inner {
	position: absolute;
	left: -17px;
}

/* firefox 2 px magic margin bottom fix */
div.flash-teaser-wide object {
	vertical-align: top;
}

/**
      WASCHEN & PFLEGEN
****************************/


/**
      SUBPAGES-NAVI
*****************************/
#sub-pages-navi {
   margin-top: 2px;
   position: relative;   
   width: 719px;
   z-index: 300;
}

#sub-pages-navi-menu {
   background: transparent url(/images/sub-pages-navi/bg.gif) no-repeat;
   height: 35px;
   padding: 0 0 0 0px;
   position: relative;
   z-index: 20;
}

#sub-pages-navi ul, #sub-pages-navi ul li {
   background: none;
   margin: 0;
   padding: 0;
}

#sub-pages-navi ul li, #sub-pages-navi ul li a {
   display: block;
   float: left;
   font-size: 11px;
}

#sub-pages-navi ul li {
   background: transparent url(/images/icons.gif) no-repeat right -510px;
   padding: 1px 2px 0 0;
}

#sub-pages-navi ul li a {
   height: 27px;
   text-decoration: none;
}

#sub-pages-navi ul li a b {
   background: transparent url(../../images/icons.gif) no-repeat -138px -289px;
   font-weight: normal;
   display: block;
   padding: 6px 20px 0 16px;
}

#sub-pages-navi ul li.first a {
   padding-left: 10px;
}

.sub-pages-navi-blue ul li a:hover, .sub-pages-navi-blue ul li.on a {
   background: transparent url(../../images/sprite-blue.gif) repeat-x 0 -123px   
}

.sub-pages-navi-pink ul li a:hover, .sub-pages-navi-pink ul li.on a {
   background: transparent url(../../images/sprite-pink.gif) repeat-x 0 -123px   
}

.sub-pages-navi-blue ul li.first-on a, .sub-pages-navi-blue ul li.first a:hover {
   background: transparent url(../../images/sub-pages-navi/left-blue.gif) no-repeat;   
}

.sub-pages-navi-pink ul li.first-on a, .sub-pages-navi-pink ul li.first a:hover {
   background: transparent url(../../images/sub-pages-navi/left-pink.gif) no-repeat;   
}

#sub-pages-navi ul li a:hover b, #sub-pages-navi ul li.on a b {
   background-position: -138px -746px;
   color: #038;
}

#sub-pages-navi .sub-pages-dropdown {
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    top: 29px;
}

#sub-pages-navi .sub-pages-dropdown-wrap {
   background: #e2f0fe;
   padding: 8px;
   position: absolute;
   width: 150px;
   top: 0;
   z-index: 10;
}

#sub-pages-navi .sub-pages-dropdown  li, #sub-pages-navi .sub-pages-dropdown li a, #sub-pages-navi li.on .sub-pages-dropdown a {
   background: none;
   float: none;
   height: auto;
   margin: 0;
   padding: 0;
}

#sub-pages-navi .sub-pages-dropdown li a, #sub-pages-navi li.on .sub-pages-dropdown li a {
   background: transparent url(../../images/icons.gif) no-repeat 1px -869px;
   padding: 3px 3px 3px 13px;
}

#sub-pages-navi .sub-pages-dropdown li a:hover, #sub-pages-navi li.on .sub-pages-dropdown li a:hover {
   background: #7bc3f9 url(../../images/icons.gif) no-repeat 1px -821px;
   color: #fff;
}


/**   WASH-N-CARE TEASER */

div.wash-n-care-teaser {
   margin: 16px 0 15px 0;
	overflow: hidden; 
   position: relative;
   width: 716px;
}

div.wash-n-care-teaser-header {
   height: 53px;
   position: relative;
}

div.wash-n-care-teaser-header,
div.wash-n-care-teaser-blue div.wash-n-care-teaser-header {
   background: transparent url(../../images/content/waschen-pflegen/tip-hd-blue.gif) no-repeat;
}

div.wash-n-care-teaser-pink div.wash-n-care-teaser-header {
   background: transparent url(../../images/content/waschen-pflegen/tip-hd-pink.gif) no-repeat;
}

img.wash-n-care-teaser-hd-image {
   bottom: 32px;
   left: 22px;
   position: absolute;
}

div.wash-n-care-teaser-body {
   background: #f3f2eb;
   padding: 1px 150px 1px 10px;
}

div.wash-n-care-teaser-image {
   position: absolute;
   right: 0;
   top: 0;
   z-index: 200;
}

div.care-tip {
   background: url(/images/seperator.gif) 3px bottom no-repeat;
   margin: 6px 0 6px 0;
   padding: 0 10px 5px 0 ;
   width: 692px;
}

div.care-tip-last {
	background: none;
}

div.care-tip-expanded {
	background: none;
}

div.care-tip-question {
   margin-bottom: 5px;
   padding-right: 80px;
}

div.care-tip-question a {
   background: transparent url(../../images/icons.gif) no-repeat -138px -293px;
   display: block;
   padding-left: 20px;
   text-decoration: none;
   zoom: 1;
}

div.care-tip-answer {
   display: none;
   overflow: hidden;
   width: 696px;
}

div.care-tip-answer-wrap {
   padding: 2px 0 0 0px;
}

div.care-tip-answer div.hd, div.care-tip-answer div.ft {
   height: 3px;
   font-size: 0;
   line-height: 0;
}

div.wash-n-care-teaser-blue div.care-tip-answer div.hd, div.wash-n-care-teaser-blue div.care-tip-answer div.ft {
   background: transparent url(../../images/content/waschen-pflegen/tip-answer-hd-ft-blue.gif) no-repeat;
}

div.wash-n-care-teaser-pink div.care-tip-answer div.hd, div.wash-n-care-teaser-pink div.care-tip-answer div.ft {
   background: transparent url(../../images/content/waschen-pflegen/tip-answer-hd-ft-pink.gif) no-repeat;
}

#content div.care-tip-answer div.ft {
   background-position: left bottom;
}

#content div.care-tip-answer div.bd {
   overflow: hidden;
}

div.wash-n-care-teaser-blue div.care-tip-answer div.bd {
	background: transparent url(../../images/content/waschen-pflegen/tip-answer-bd-blue.gif) repeat-y;
}

div.wash-n-care-teaser-pink div.care-tip-answer div.bd {
	background: transparent url(../../images/content/waschen-pflegen/tip-answer-bd-pink.gif) repeat-y;
}

div.care-tip-answer div.bd p, div.care-tip-answer div.bd-wrap {
   line-height: 17px;
}

div.care-tip-answer div.bd-wrap {
   padding: 5px 20px 5px 14px;
}

div.care-tip-answer div.bd-wrap p {
	margin: 0;
}

.care-tip-expanded .care-tip-question a {
   background: transparent url(../../images/icons.gif) no-repeat 0 -625px;
}

div.wash-n-care-teaser-blue .care-tip-expanded .care-tip-question a {
	color: #1d9bf4;
}

div.wash-n-care-teaser-pink .care-tip-expanded .care-tip-question a {
	color: #ea156f;
}

.care-tip-expanded  div.care-tip-answer {
   display: block;
}

div.wash-n-care-teaser-blue .care-tip-expanded  div.care-tip-answer  {
	
}

div.wash-n-care-teaser-pink .care-tip-expanded  div.care-tip-answer  {
	color: #ea156f;
}




/** FASHION-TIP */
div.fashion-tip {
   background: #f9f9f5;
   margin: 10px 0px 10px 10px;
   padding: 20px 10px 10px 23px;
   position: relative;
}

div.fashion-tip img.fashion-tip-img {
   background: transparent url(../../images/content/waschen-pflegen/fashion-tip.gif) no-repeat;
   height: 51px;
   position: absolute;
   left: -5px;
   _left: -20px;
   width: 111px;
   top: -1px;
   _top: 8px;
}


/** WASH-N-CARE TEASER - SIMPLE */
.wash-n-care-teaser-simple {
   margin-top: 50px;
   padding-right: 15px;
}

.wash-n-care-teaser-simple-hd-pre-image .wash-n-care-teaser-hd-pre-image {
   left: 20px;
   position: absolute;
   top: -10px;
}

.wash-n-care-teaser-simple-hd-pre-image .wash-n-care-teaser-hd-image {
    left: 125px;
    bottom: 28px;
}

.wash-n-care-teaser-simple-no-mrgn {
   margin-top: 10px;
}

.wash-n-care-teaser-simple .wash-n-care-teaser-header {
   background: transparent url(../../images/content/waschen-pflegen/teaser-hd.gif);
   height: 38px;
   width: 482px;
}

.wash-n-care-teaser-simple img.wash-n-care-teaser-hd-image {
   bottom: 29px;
}

.wash-n-care-teaser-simple div.wash-n-care-teaser-image {
   float: left;
   position: static;
   width: 200px;
}

.wash-n-care-teaser-simple .wash-n-care-teaser-body {
   background: #fff;
   padding: 0;
}

.wash-n-care-teaser-simple .wash-n-care-teaser-body-w-img {
   float: left;
   width: 500px;
}



/**   BLUE-TEASER */

.blue-teaser div.hd, .blue-teaser div.hd b,
.blue-teaser div.ft, .blue-teaser div.ft b {
   background: transparent url(../../images/content/waschen-pflegen/blue-teaser.gif) no-repeat;
   height: 5px;
   font-size: 0;
   line-height: 0;
   display: block;
}

#main-content .blue-teaser ul li {
    background: transparent url(../../images/bullet_blue.gif) no-repeat scroll 0 3px;
} 

.blue-teaser div.hd b { background-position: right top; }
.blue-teaser div.ft { background-position: left bottom; }
.blue-teaser div.ft b { background-position: right bottom; }
.blue-teaser div.bd, .blue-teaser div.bd-wrap {
   background: transparent url(../../images/content/waschen-pflegen/blue-teaser-bd.gif) repeat-y;
   color: #1d9bf4;
}
.blue-teaser div.bd-wrap { background-position: right top; }
.blue-teaser div.hd, .blue-teaser div.ft, .blue-teaser div.bd { padding-left: 5px; }
.blue-teaser div.bd-wrap { padding: 4px 9px 2px 9px; }

.blue-teaser div.bd-wrap p {
	padding: 0px;
	margin: 0px;
}

/**
      GRAPHICAL CONTENT BOX WITH IMAGE
*****************************************/
div.graphical-content-box:after
{
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
	clear: both;
}

/* Hides from IE-mac \*/
* html div.graphical-content-box { zoom: 1; },
*+ html div.graphical-content-box { zoom: 1; }
/* End hide from IE-mac */

div.graphical-content-box div.image
{
	float: left;
	width: 129px;
	height: 98px;
}

div.graphical-content-box div.graphical-content
{
	margin-left: 130px;
	background: url(../../images/content/graphical_content_image/headline.png) no-repeat;
}

* html div.graphical-content-box div.graphical-content
{
	background-image: url(../../images/content/graphical_content_image/headline.gif);
}

div.graphical-content-box h3.headline
{
	padding: 0 0 10px 23px;
	
}

/**
      STYLE & FASHION - IHRE MEINUNG
*****************************************/
.poll {
   background: transparent url(../../images/content/extensions/poll/flowers.gif) no-repeat 280px 25px;
   height: 450px;
   position: relative;
}

.poll-image {
   background: #ea1670;
   height: 430px;
   float: right;
   margin-right: 10px;
   /* IE6 Fix, margin-right pixels are doubled (i.e. 1=2, 2=4) */
   _margin-right: 5px;
   padding: 10px;
   width: 341px;
}

.poll-image img {
   border: 1px solid #fff;
}

.poll-content {
   float: left;
   width: 350px;
}

.poll-intro {
   font-weight: bold;
   min-height: 67px;
   _height: 67px;
}


.poll .poll-answer {
   margin: 6px 10px 6px 0;
   zoom: 1;
}

.poll div.radio-button, .sweepstake div.radio-button {
   background: transparent url(../../images/checkbox.gif) no-repeat 0 -68px;
   font-size: 13px;
   display: block;
   min-height: 25px;   
   /* IE6 Fix, there is no min-height attribute */
   _height: 25px;
   padding: 12px 0 0 35px;
   text-decoration: none;
}


.poll div.radio-button:hover, .poll div.radio-button-checked {
   background-position: 0 0px;
}

.sweepstake div.radio-button:hover {
   background-position: 0 0px;
}

.sweepstake div.radio-button-checked,
.sweepstake div.radio-button-checked:hover {
   background-position: 0 -139px;
}

a.poll-image-zoom {
   background: #ea1670 url(../../images/content/extensions/poll/buttons.gif) no-repeat right 5px;
   bottom: 11px;
   border: 1px solid #fff;
   border-width: 1px 0 0 1px;
   border-style: solid none none solid;
   cursor: pointer;
   height: 35px;
   display: block;
   position: absolute;
   right: 21px;
   /* IE6 Fix, this fix fixes problem occured in .poll-image class (margin-right). */
   _right: 20px;
   width: 32px;
}

.poll-overlay-image {
   background: #ea1670;
   overflow: hidden;
   padding: 10px;
   position: absolute;
   visibility: hidden;
   z-index: 1500;
}

.poll-overlay-image a.close {
   background: #ea1670 url(../../images/content/extensions/poll/buttons.gif) no-repeat -2px -106px;
   height: 30px;
   display: block;
   position: absolute;
   right: 10px;
   top: 10px;
   width: 32px;
}


.poll .poll-submit {
	position: absolute;
	bottom: -7px;
}

.progress-bar {
   background: transparent url(../../images/content/extensions/poll/progress-bar.gif) no-repeat;   
   height: 16px;
   margin: 9px 0;
   padding: 3px 8px 0 8px;
   position: relative;
   width: 233px;
}

.progress-bar .progress {
   background: transparent url(../../images/content/extensions/poll/percents.gif) repeat-x;
   font-size: 0;
   height: 11px;
   line-height: 0;
   width: 0;
}

.progress-bar div.progress-value {
   position: absolute;
   right: -38px;
   top: -3px;
}

h3.poll-hd {
   background: transparent url(../../images/content/style-fashion/headline.jpg) no-repeat left bottom;
   height: 30px;
   padding: 0 0 5px 23px;
}


/**
		GEWINNEN
********************/
.sweepstake {
   height: 420px;
   position: relative;
   width: 748px;
}

.sweepstake-hd {
   left: 32px;
   position: absolute;
   top: 36px;
}

.sweepstake-page { display: none; }

.sweepstake-sub-hd {
   left: 59px;
   position: absolute;
   top: 90px;
   width: 320px;
}
.sweepstake-answer { zoom: 1; }

.sweepstake-btn {
   cursor: pointer;
   display: block; 
   position: absolute;
}

.sweepstake div.input { width: 200px; }

/**
      CONTACT
*******************/
div.contact { padding: 30px 0 0 0; }

div.contact div.image {
	margin: 0 0 0 267px;
	position: absolute;
}

div.contact div.form {
	float: left;
	padding: 0 14px 0 0;
	width: 340px;
}

div.contact div.text {
	background: #f3f2eb;
	float: left;
	padding: 25px 31px 25px 31px;
	min-height: 470px;
	/* ie6 min-height*/
	_height: 470px;
	width: 300px;
}

div.contact div.radio-button,
div.contact a.checkbox-button {
	background: transparent url(../../images/checkbox.gif) no-repeat 0 -68px;
    display: inline;
	font-size: 13px;
	min-height: 25px; 
	_height: 25px;
	padding: 12px 0 3px 30px;
}

div.contact div.radio-button:hover, 
div.contact div.radio-button-checked,
div.contact a.checkbox-button:hover, 
div.contact a.checkbox-button-checked {
   background-position: 0 0;
}

div.contact p.required {
	font-size: 11px;
}

div.contact p.info {
	font-size: 11px;
}




div.contact ul.error {
	border: 1px solid #990000;
	padding: 7px 10px;
	margin: 0 13px 20px 0;
}

div.contact ul.error li {
	color: #990000;
}




.sweepstake div.radio-button {
   background: transparent url(../../images/checkbox.gif) no-repeat 0 -68px;
   font-size: 13px;
   display: block;
   min-height: 25px;   
   _height: 25px;
   padding: 12px 0 0 35px;
   text-decoration: none;
}



/**
      LIST
******************/

table.list {
	width: 500px;
}

table.list td {
	line-height: 16px;
	padding: 16px 0 2px 0;
	vertical-align: top;
}

table.list td.label {
	width: 180px;
	font-weight: bold;
}

/**
      FOOTER
******************/
#footer { margin-top: 23px; }

#footer #press-links {
   background: transparent url(../../images/footer.gif) no-repeat;
   font-size: 10px;
   height: 26px;
   padding: 6px 0 0 16px;
   width: 966px;
}

#footer #press-links li {
   background: transparent url(../../images/icons.gif) no-repeat right -456px;
   float: left;
   height: 20px;
   padding-top: 3px;
   margin-right: 6px;
   padding-right: 8px;
}

#footer #press-links li.last { background: none; }

#footer #press-links li a, #footer #henkel-links a, #footer #henkel-links {
   font-size: 10px;
   text-decoration: none;
}

#footer #henkel-links a {
	padding: 0 3px 0 3px;
}

#footer #press-links li a:hover,  #footer #henkel-links a:hover { text-decoration: underline; }

#henkel-links { padding: 8px 0 15px 16px; }
#henkel-links .left { padding-top: 8px; }


/*
 * temp
 */

div#promo_adventskalender_howto {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	cursor: pointer;
}

/*
 * teaser adventskalender
 */

body.page-id-71 div.teaser h4,
body.page-id-71 div.teaser p,
body.page-id-72 div.teaser h4, 
body.page-id-72 div.teaser p {
	font-size: 9px;
	line-height: 12px;
}


/**
 * layer
 */

#layer {
    background: url('/images/layer/background.png') no-repeat;
    _background: url('/images/layer/background.gif') no-repeat;
    height: 420px;
    left: 0;
    position: absolute;
    top: 0;
    width: 748px;
}

#layer-close {
    cursor: pointer;
    height: 20px;
    left: 657px;
    position: absolute;
    top: 32px;
    width: 20px;
}

#layer-headline {
    left: 60px;
    font-weight: bold;
    position: absolute;
    top: 33px;
    
}

#layer-content {
    height: 300px;
    left: 60px;
    overflow-y: auto;
    position: absolute;
    top: 75px;
    width: 600px;
}