body {
  background: #e5e5e5;
}
div.inner{
  width: 970px;
}

/**
 * Header
 *
 * @section header
 */
#header {
    background: #fff url(img/headerBg.jpg) no-repeat left top;
    border: 1px solid #fff;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-bottomright: 12px;
    border-bottom-right-radius: 12px;
    z-index: 50;
    position: relative;
}
#header .logo {
  background: transparent url(img/headerRennieLogo.png) no-repeat top left;
  width: 228px;
  height: 105px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
#header .logo a {
    display: block;
    text-indent: -9999px;
    height: 69px; 
}

/**
 * Meta Navigation
 *
 * @section header
 * @section metaNav
 */

#headerwrap {
    height: 5.75em; 
}
#header * {
    padding: 0;
    margin: 0;
}
#header #bayerlogo {
    position: absolute;
    top: 0.5em; 
    right: 2.8125em;
}

#header ul#metanav,
#header ul#bayergroup {
    position: absolute;
    display: block;
    width:auto;
    clear: both;
	list-style: none;
    top: 5.2em; 
    font-size: 0.8333em;
}
#header ul#bayergroup {
    right: 12.15em; 
    z-index: 198;
}
#header ul#metanav {
    right: 20.03em; 
    z-index: 200;
}

#header ul#metanav li,
#header ul#bayergroup li {
    display: inline;
    list-style: none;
	background: none;
    height: 1em; 
    float:left;
    width:auto;
    padding: 0 0 0.8em 0;
}

#header #bayerlogo a, #header #bayerlogo a:link, #header #bayerlogo a:visited, #header #bayerlogo a:active, #header #bayerlogo a:hover,
#header ul#metanav a, #header ul#metanav a:link, #header ul#metanav a:visited, #header ul#metanav a:active, #header ul#metanav a:hover,
#header ul#bayergroup li a, #header ul#bayergroup li a:link, #header ul#bayergroup li a:visited, #header ul#bayergroup li a:active, #header ul#bayergroup li a:hover {
    text-decoration: none;
    white-space: nowrap;
    width: auto;
    font-family: Arial, Helvetica, sans-serif;
    color: #5A5A5A;
}
#header #bayerlogo a:hover,
#header ul#metanav a:hover,
#header ul#bayergroup li a:hover {
/*	color: #3c3c3c; */
	 text-decoration: underline;
}

#header ul#bayergroup li a {
    padding: 0 0.4em 0 0.3em; 
}

#header ul#metanav li a {
    border-left: 0.0625em solid #5A5A5A;  
    padding:  0 0.4em 0 0.3em; 
}
#header ul#metanav li.first a {
    border: 0;
}

/* Bayergroup FlyOut */
#header ul#bayergroup li ul {
    display: none;
    position: absolute;
    right: 0;
    top: 1.825em; /* 21px */
    z-index: 500;
    width: 16em; /* 160px */
    padding: 0.6em 2.1em 1em 1.4em; /* 6px 15px 10px */
}
#header ul#bayergroup li ul,
#header ul#bayergroup:hover li {
    background: none repeat scroll 0 0 #f8dad9;
}
#header ul#bayergroup li:hover ul {
    display: block;
}
#header ul#bayergroup li ul li{
    border-bottom: 0.0625em solid #fff; /* 1px */
    padding: 0 0 0.3em;
    height: 1.9em;
    width: 100%;
}
#header ul#bayergroup li ul li.last {
    border: none;
}
#header ul#bayergroup li ul li a{
    width: 9.6875em; /* 155px */
    height: 1.6em; /* relative a-size! 16px */
    border:none;
    padding: 0.5em 0 0.2em 0; /* relative a-size! 5px 0 2px 0 */
    display: block;
}
 
 
/**
 * Main Navigation
 *
 * @section header
 * @subsection mainNav
 */
#header .mainNav {
  background: transparent url(img/headerNavigationBg.gif) repeat-x top left;
  -webkit-border-bottom-right-radius: 11px;
  -moz-border-radius-bottomright: 11px;
  border-bottom-right-radius: 11px;
  border-top: 1px solid #fff;
  margin: 0;
  padding: 0 0 0 100px;
  display: block;
  font-size: 0.9166em;
  font-weight: bold;
  line-height: 23px;
  height: 23px;
}
#header .mainNav li {
  margin: 0;
  padding: 0;
  float: left;
  display: inline;
  border-right: 1px solid #e98582;
  position: relative;
  z-index:3;
}
#header .mainNav .first {
  width: 72px;
  text-align: right;
}
#header .mainNav .right {
  float: right;
  margin-right: 8px;
  font-weight: normal;
  border-right: none;
}
#header .mainNav li a {
  color: #fff;
  padding: 0 10px;
  line-height: 23px;
  height: 23px;
  display: block;
  white-space: nowrap;
}
#header .mainNav li.active a {
  background: transparent url(img/headerNavigationActiveBg.gif) repeat-x top left;
  color: #d92d28; 
}
#header .mainNav li.rightactive a {
  background: none;
  color: #fff;
  text-decoration: underline;
}

/**
 * Content
 *
 * @section content
 */
#content {
   z-index: 1;
   background: #fafafa url(img/contentBg.png) repeat-x left bottom;
   width: 758px;
   float: left;
   display: inline;
   padding: 27px 18px 50px;
   -moz-box-shadow: -10px 0 60px rgba(0,0,0,0.2);
   -webkit-box-shadow: -10px 0 60px rgba(0,0,0,0.2);
   box-shadow: -10px 0 60px rgba(0,0,0,0.2);
  -webkit-border-bottom-right-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
  -moz-border-radius-bottomright: 25px;
  -moz-border-radius-bottomleft: 25px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border: 1px solid #fff;
  margin-top: 20px;
  min-height: 230px;
}
#content .contentLeft {
  float: left;
  display: inline;
  margin-right: 18px;
  width: 504px;
}
#content .contentRight {
  float: left;
  display: inline;
  margin-left: 18px;
  width: 218px;
}

/**
 * Sub Navigation
 * 
 * @section subNavigation
 */
#subNavigation {
  float: left;
  display: inline;
  width: 174px;
  background: #dcdcdc;
  border-bottom: 1px solid #fff;
  margin-top: 20px; 
}
#subNavigation h2 {
  background: #f5f5f5 url(img/subNavigationHeadingBg.png) repeat-x left top;
  color: #000;
  font-size: 1em;
  font-weight: normal;
  font-family: Arial, sans-serif;
  height: 1.8333em;
  line-height: 1.8333em;
  margin: 0;
  overflow: hidden;
  padding: 0 7px 0 20px;
}
#subNavigation ul {
  list-style-image: none;
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 10px 0;
}
#subNavigation li {
  margin: 0;
  padding: 0;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  line-height: 1.2em;
}
#subNavigation li ul li {
  border-bottom: none;
}
#subNavigation li.active ul li a {
  background: none;
  color: #16a1ee;
}
#subNavigation li a {
  padding: 4px 7px 4px 20px;
  text-decoration: none;
  display: block;
  color: #d92d28;
}
#subNavigation li ul li a {
    padding-left: 31px;
    color: #16a1ee;
}
#subNavigation li a:hover{
  background: transparent url(img/subNavigationHoverArrow.gif) no-repeat 4px 8px;
}
#subNavigation li ul li a:hover{
  background: transparent url(img/subNavigationHoverArrowBlue.gif) no-repeat 4px 8px;
}
#subNavigation li.active a,
#subNavigation li ul li.active a {
  background: #18acfe url(img/subNavigationActiveArrow.gif) no-repeat 4px 8px;
  color: #fff;
}
#subNavigation li ul li a:hover,
#subNavigation li ul li.active a {
  background-position: 15px 8px;
}
#subNavigation li.last {
  border: none;
}

/**
 * Global Navigation
 * 
 * @section subNavigation
 * @subsection globalNav
 */
#subNavigation .globalNav {
  background: #dcdcdc;
  padding: 7px 0;
}
#subNavigation .globalNav li {
  background: transparent;
  border: none;
}
#subNavigation .globalNav li a {
  color: #000;
  padding-top: 2px;
  padding-bottom: 2px;
}
#subNavigation .globalNav li a:hover {
  text-decoration: underline;
  background: none;
}

/**
 * Meta Navigation
 * 
 * @section subNavigation
 * @subsection metaNav
 */
#subNavigation .metaNav {
  background: #dcdcdc;
  padding: 10px 0;
  font-size: 0.8333em;
  border-top: 1px solid #b8b8b8;
}
#subNavigation .metaNav li {
  background: transparent;
  border: none;
}
#subNavigation .metaNav li,
#subNavigation .metaNav li a {
  color: #666;
  line-height: 1.5em;
  height: 1.5em;
}
#subNavigation .metaNav li.active a {
  background: none;
  color: #d92d28;
}
#subNavigation .metaNav li a:hover {
  text-decoration: underline;
  background: none;
}

/**
 * Footer
 *
 * @section footer
 */
#footer {
  margin: 20px 0 20px 175px;
  color: #666;
  font-size: 0.8333em;
}

/**
 * Teaser Boxes
 *
 * @section teaserBox
 */
.teaserBox {
  background: #fcfcfc url(img/teaserBoxBg.png) repeat-x left top;
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border: 1px solid #fff;
  margin: 18px 0;
  overflow: hidden;
}
.teaserBox img {
  border-right: 1px solid #fff;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.teaserBox h2,
.teaserBox h3,
.teaserBox h4,
.teaserBox h5,
.teaserBox h6 {
  color: #18acfe;
  margin: 10px;
  font-size: 1.4999em;
}
.teaserBox h2 a,
.teaserBox h3 a,
.teaserBox h4 a,
.teaserBox h5 a,
.teaserBox h6 a {
  color: #18acfe;
}
.teaserBox p {
  margin: 10px;
  font-size: 0.9167em;
}
.teaserBox ul {
  
}
.teaserBox .dropButton {
  margin-right: 10px;
}

/**
 * Horizontal Teaser Boxes
 *
 * @section teaserBox
 * @subsection horizontal
 */
.teaserBoxHorizontal img {
  float: left;
}
.teaserBoxHorizontal h2,
.teaserBoxHorizontal h3,
.teaserBoxHorizontal h4,
.teaserBoxHorizontal h5,
.teaserBoxHorizontal h6,
.teaserBoxHorizontal p,
.teaserBoxHorizontal ul {
  margin-left: 225px
}

.onlyText h2,
.onlyText h3,
.onlyText h4,
.onlyText h5,
.onlyText h6,
.onlyText p,
.onlyText ul{
  margin-left: 10px;
}

/**
 * Drop Button
 *
 * @section dropButton
 */
.dropButton {
  background: transparent url(img/dropButtonBg.png) no-repeat left top;
  margin: 10px 0 10px 0;
  padding: 0 0 0 33px;
  height: 26px;
  line-height: 26px;
  float: right;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  font-size: 0.9166em;
  white-space: nowrap;
  border: none;
}
.dropButton span {
  background: transparent url(img/dropButtonBg.png) no-repeat right bottom;
  height: 26px;
  line-height: 26px;
  padding-right: 12px;
  display: block;
  color: #fff;
}
.dropButton:hover,
.dropButton:hover span {
  color: #fff;
}

/**
 * Home Page
 *
 * @section home
 */
body.home .keyVisual {
  background: #e5e5e5 url(img/homeKeyVisual.jpg) no-repeat top left;
  height: 328px;
  position: relative;
}
body.home .keyVisual h1 {
  color: #fff;
  font-size: 2.1666em;
  left: 20px;
  position: absolute;
  top: 225px;
  white-space: nowrap;
  text-indent: -9999px
}
body.home #content {
  margin-top: -55px;
  -webkit-border-top-right-radius: 25px;
  -webkit-border-top-left-radius: 25px;
  -moz-border-radius-topright: 25px;
  -moz-border-radius-topleft: 25px;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  position: relative;
  padding: 0;
  overflow: hidden;
  width: 794px; 
}
body.home #subNavigation {
  margin-top: 0;
}
body.home #header .mainNav {
  padding-left: 172px;
}
body.home #header .mainNav .first {
  border-left: 1px solid #E98582;
  text-align: left;
  width: auto;
}

/**
 * Aufräumen Teaser
 *
 * @section home
 * @subsection cleanupTeaser
 */
.cleanupTeaser {
  background: transparent url(img/cleanupTeaser.png) no-repeat left top;
  width: 237px;
  height: 246px;
  position: absolute;
  bottom: 45px;
  right: 0;
  z-index: 4;
}
.cleanupTeaser p {
  text-align: center;
  font-family: metaweb-condbold, Arial, sans-serif;
  font-size: 1.3333em;
  line-height: 1.2em;
  color: #fff;
  margin: 0 0 110px;
  padding: 20px 30px 0 42px;
}

/**
 * Teasers on Home Page
 *
 * @section home
 * @subsection teaserBox
 */
body.home .teaserBox {
  background: #fdfdfd url(img/homeTeaserBg.png) repeat-x left bottom;
  float: left;
  width: 240px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0;
  border-width: 0 1px 0 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  min-height: 450px;
  padding-bottom: 36px;
  position: relative;
}
body.home .teaserBox h2 {
  line-height: 1.2em;
}
body.home .teaserBox.first {
  -webkit-border-top-left-radius: 24px;
  -webkit-border-bottom-left-radius: 24px;
  -moz-border-radius-topleft: 24px;
  -moz-border-radius-bottomleft: 24px;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
body.home .teaserBox.first img {
  -webkit-border-top-left-radius: 24px;
  -moz-border-radius-topleft: 24px;
  border-top-left-radius: 24px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
body.home .teaserBox.last {
  background: #f3f3f3;
  -webkit-border-top-right-radius: 24px;
  -webkit-border-bottom-right-radius: 24px;
  -moz-border-radius-topright: 24px;
  -moz-border-radius-bottomright: 24px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  border-right: none;
  width: 312px;
  padding-bottom: 196px;
  min-height: 290px;
}
body.home .teaserBox.last h2 {
  font-size: 2.1667em;
  margin-top: 54px;
}
body.home .teaserBox.last p {
  1em;
}
body.home .teaserBox.last img {
  position: absolute;
  bottom:45px;
  left:0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;  
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
p.claim {
  margin: 0;
  font-size: 2em;
  font-family: metaweb-condbold, Arial, sans-serif;
  color: #18acfe;
  padding: 0 10px;
  height: 45px;
  line-height: 45px;
  background: #e4e4e4;
  position: absolute;
  bottom: 0;
  left:0;
  width: 292px;
  -webkit-border-bottom-right-radius: 24px;
  -moz-border-radius-bottomright: 24px;
  border-bottom-right-radius: 24px;
}

/**
 * Drop Buttons on Teasers on Home Page
 *
 * @section home
 * @subsection teaserBox
 * @subsection dropButton
 */
body.home .teaserBox .dropButton {
  position: absolute;
  right: 0;
  bottom: 10px;
}

/**
 * Accordion
 *
 * @section accordion
 */
.accordion .ui-accordion-header {
  background: #f1f1f1 url(img/accordionHeaderBg.png) repeat-x top left;
  border: 1px solid #ccc;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #d92d28;
  cursor: pointer;
  font-family: Arial,sans-serif;
  font-size: 0.9166em;
  height: 2.1666em;
  line-height: 2.1666em;
  margin: 1px 0 0;
  padding: 0 9px;
  position: relative;
  white-space: nowrap;
}
.accordion .ui-state-active {
  background-image: url(img/accordionHeaderActiveBg.png);
  background-color: #b92e30;
  border-color: #b92e30;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  color: #fff;
}
.accordion .ui-accordion-content {
  border: 1px solid #ccc;
  border-top: 0;
  margin-top: -0px;
  margin-bottom: 0px;
  position: relative;
  overflow: auto;
  display: none;
  padding: 0 9px;
}
.accordion .ui-accordion-content-active {
  display: block;
}


/**
 * The rennie effect stage
 *
 * @section effectStage
 */
.effectStage #content {
  padding-left: 0;
  padding-right: 0;
  width: 794px;
}
.effectStage .contentWide {
  background: #f9f9fa url(img/effectStageBg.png) repeat-x top left;
  border-bottom: 1px solid #dfdfdf;
  padding: 0 18px 7px;
}
.effectStage .contentLeft {
  padding-left: 18px;
}
.effectStage .contentRight {
  padding-right: 18px;
}
.effectStage .accordion {
  margin-top: 18px;
}

/**
 * Rennie effect player
 *
 * @section effectPlayer
 */
#effectPlayerContainer {
  float: left;
  width: 400px;
  height: 300px;
  margin-top: 32px;
}
#effectPlayerContainer img {
  cursor: pointer;
}

/**
 * Rennie effect teasers
 *
 * @section effectTeaser
 */
.effectTeaser {
  margin-left: 430px;
  background: transparent none no-repeat left 30px;
  min-height: 121px;
  position: relative;
}
.effectTeaser.odd {
  background-position: right 30px;
}
.effectTeaser h2 {
  color: #18acfe;
  margin: 10px 0;
  margin-top: 0;
}
.effectTeaser ul {
  margin: 10px 0;
  font-size: 0.9166em;
}
.effectTeaser.even ul {
  margin-left: 115px;
}
.effectTeaser.odd ul {
  margin-left: 50px;
  margin-right: 110px;
}
.effectTeaser.odd h2 {
  margin-left: 50px;
}
.effectTeaserMarkus { background-image: url(/html/images/effectTeaserMarkus.png); }
.effectTeaserMiriam { background-image: url(/html/images/effectTeaserMiriam.png); }
.effectTeaserSimone { background-image: url(/html/images/effectTeaserSimone.png); }

/**
 * Play Button
 *
 * @section effectTeaser
 * @subsection playButton
 */
.effectTeaser .playButton {
  background: transparent url(img/playButtonBg.png) no-repeat left top;
  padding: 0 0 0 29px;
  height: 22px;
  line-height: 22px;
  float: right;
  color: #fff;
  cursor: pointer;
  font-size: 0.9166em;
  position: absolute;
  top: 90px;
  left: 25px;
  white-space: nowrap;
}
.effectTeaser .playButton span {
  background: transparent url(img/playButtonBg.png) no-repeat right bottom;
  height: 22px;
  line-height: 22px;
  padding-right: 7px;
  display: block;
  color: #fff;
}
.playButton:hover,
.playButton:hover span {
  color: #fff;
}
.effectTeaser.odd .playButton {
  left: auto;
  right: 0;
}

/**
 * Appliance principles
 *
 * @section appliance
 */
body.applianceStage.jsEnabled #content {
  padding-left: 0;
  padding-right: 0;
  width: 794px;
}
body.applianceStage.jsEnabled .contentWide {
  background: #f9f9fa url(img/effectStageBg.png) repeat-x top left;
  border-bottom: 1px solid #dfdfdf;
  padding: 0;
}
body.applianceStage.jsEnabled .contentWide h1 {
  margin-left: 18px;
  margin-right: 18px;
}
body.applianceStage.jsEnabled .contentLeft {
  padding-left: 18px;
}
body.applianceStage.jsEnabled .contentRight {
  padding-right: 18px;
}
body.applianceStage .accordion {
  margin-top: 18px;
}
body.jsEnabled dl.appliance {
  position: relative;
  padding-top: 66px;
  padding-left: 18px;
  border-top: 1px solid #dfdfdf;
  background: transparent url(img/applianceBg.png) no-repeat right bottom;
  height: 280px;
  margin-bottom: 0;
}
dl.appliance dt {
  display: none;
}
body.jsEnabled dl.appliance dt {
  background: #b92e30 url(img/applianceTermBg.png) repeat-x left top;
  clear: left;
  color: #d92d28;
  display: block;
  float:left;
  font-family: metaweb-condbold, Arial, sans-serif;
  font-size: 1.4999em;
  height: 1.888em;
  line-height: 1.888em;
  text-align: center;
  width: 163px;
  margin: 0 0 5px 0;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
body.jsEnabled dl.appliance dt:hover {
  text-decoration: underline;
}
body.jsEnabled dl.appliance dt.active {
  background: #b92e30 url(img/applianceTermActiveBg.png) repeat-x left top;
  border-color: #b92e30;
  color: #fff;
}
body.jsEnabled dl.appliance dd {
  position: absolute;
  top:0;
  left: 203px;
  width: 404px;
  margin-left: 0;
}
body.jsEnabled dl.appliance dd h2 {
  color: #18acfe;
}

/**
 * Package Sizes
 * 
 * @section packages
 */
body.packageStage #content {
  padding-left: 0;
  padding-right: 0;
  width: 794px;
}
body.packageStage .contentWide {
  background: #f9f9fa url(img/effectStageBg.png) repeat-x top left;
  border-bottom: 1px solid #dfdfdf;
  padding: 0;
  position: relative;
}
body.packageStage .contentWide h1 {
  margin-left: 18px;
  margin-right: 18px;
}
body.packageStage .contentLeft {
  padding-left: 18px;
}
body.packageStage .contentRight {
  padding-right: 18px;
}
body.packageStage .accordion {
  margin-top: 18px;
}
body.packageStage .contentWide img {
  position: absolute;
  top:45px;
  left: 82px;
}

div.package24 {
  position: absolute;
  top: 110px;
  left: 82px;
  width: 104px;
  height: 155px;
}
body.jsEnabled div.package24 .glow,
div.package24:hover .glow {
  background: transparent url(img/packageGlow24.png) no-repeat left top;
  position: absolute;
  top: -46px;
  left: -46px;
  width: 197px;
  height: 248px;
}
div.package36 {
  position: absolute;
  top: 123px;
  left: 511px;
  width: 200px;
  height: 142px;
}
body.jsEnabled div.package36 .glow,
div.package36:hover .glow {
  background: transparent url(img/packageGlow36.png) no-repeat left top;
  position: absolute;
  top: -46px;
  left: -46px;
  width: 293px;
  height: 235px;
}
div.package60 {
  position: absolute;
  top: 93px;
  left: 381px;
  width: 206px;
  height: 148px;
}
body.jsEnabled div.package60 .glow,
div.package60:hover .glow {
  background: transparent url(img/packageGlow60.png) no-repeat left top;
  position: absolute;
  top: -46px;
  left: -47px;
  width: 299px;
  height: 241px;
}
div.package120 {
  position: absolute;
  top: 44px;
  left: 239px;
  width: 223px;
  height: 172px;
}
body.jsEnabled div.package120 .glow,
div.package120:hover .glow {
  background: transparent url(img/packageGlow120.png) no-repeat left top;
  position: absolute;
  top: -54px;
  left: -54px;
  width: 330px;
  height: 280px;
}
body.jsEnabled div.package24 .glow,
body.jsEnabled div.package36 .glow,
body.jsEnabled div.package60 .glow,
body.jsEnabled div.package120 .glow {
  display: none;
}
.packageSizes {
  widht: 100%;
  height: 1em;
  font-size: 1.4999em;
  position: relative;
  margin: 280px 0 40px 0;
  color: #18acfe;
  font-family: metaweb-condbold, Arial, sans-serif;
}
.packageSizes li {
  background: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 1em;
  position: absolute;
  top: 0;
  text-align: center;
  left: 0;
  display: none;
}

/**
 * Sitemap
 *
 * @section sitemap
 */
.sitemap li {
  padding: 0 0 15px 0;
  background: transparent url(img/sitemapBranchBg.gif) no-repeat -1px -7px;
}
.sitemap li li {
  margin-left: 20px;
  padding-left: 22px;
  border-left: 1px solid #ccc;
}
.sitemap li li.first {
  padding-top: 15px;
  background-position: -1px 8px;
}
.sitemap li li.last {
    background-position: 0px -7px;
    border: none;
    padding-bottom: 0;
}
.sitemapObject {
  padding: 5px 10px 5px 10px;
  display: block;
  width: 200px;
  border: 1px solid #ccc;
  background: #b92e30 url(img/sitemapTermBg.png) repeat-x left top;
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.sitemap li a {
  padding: 5px 10px 5px 10px;
  display: block;
  width: 200px;
  border: 1px solid #ccc;
  background: #b92e30 url(img/sitemapTermBg.png) repeat-x left top;
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  box-shadow: 0 3px 5px rgba(0,0,0,0.2);
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

/**
 * FAQ - Rund um Sodbrennen
 *
 * @section contentArcordion
 */
.faq.ui-accordion {
  border-bottom: 1px solid #dfdfdf;
}
.faq .ui-accordion-header {
  border-top: 1px solid #dfdfdf;
  padding: 8px 10px;
  margin: 0;
  color: #d92d28;
  cursor: pointer;
}
.faq .ui-state-active {
  color: #18acfe;
  background: #f5f5f5;
}
.faq .ui-accordion-content-active {
  background: #f5f5f5;
  padding: 1px 10px;
}
.contentArcordion.ui-accordion {
  border-bottom: 1px solid #dfdfdf;
}
.contentArcordion .ui-accordion-header {
  border-top: 1px solid #dfdfdf;
  padding: 8px 10px;
  margin: 0;
  color: #d92d28;
  cursor: pointer;
}
.contentArcordion .ui-state-active {
  color: #18acfe;
  background: #f5f5f5;
}
.contentArcordion .ui-accordion-content-active {
  background: #f5f5f5;
  padding: 1px 10px;
}


/**
 * Presse
 *
 * @section teaserBoxHorizontal
 */
.teaserBoxHorizontal .FileList li {
  padding: 0 0 8px 0;
  background: none;
  line-height: 16px;
}
.teaserBoxHorizontal .FileList a {
  display: block;
  line-height: 16px;
  padding-left: 21px;
}
.teaserBoxHorizontal .FileList a.word {
  background: url("img/iconWord.gif") no-repeat 0px 0px;
}
.teaserBoxHorizontal .FileList a.jpg {
  background: url("img/iconJpg.gif") no-repeat 0px 0px;
}
.teaserBoxHorizontal .FileList a.tiff {
  background: url("img/iconTiff.gif") no-repeat 0px 0px;
}
.teaserBoxHorizontal .FileList a span.additional {
  color: #666666;
  font-size: 80%;
}
.teaserBoxHorizontal ul {
  margin-bottom: 5px;
}
.teaserBoxHorizontal p.additional {
  margin-top: 0;
  margin-bottom: 11px;
  color: #666666;
  font-size: 80%;
}
.teaserBox .imagePlaceholderPress {
    background: transparent url("img/pressThumbDummy.png") no-repeat center center;
    float: left;
    width: 213px;
    height: 169px;
}

/**
 * Chor Text
 *
 * @section chorText
 */
a.choreLink {
  color: #666;
  padding: 0 0 0 20px;
  background: transparent url(img/chorIcon.png) no-repeat left 0;
}
a.choreLink.hidden {
  background-position: left -13px;
}

/**
 * Forms
 */
.required {
  color: #d92d28;
}
form label {
  display: block;
}
form legend {
  display: none;
}
form .line {
  margin-bottom: 10px;
}
form input.text, form textarea {
  background-color: #fff;
  border: 1px solid #999;
  font-family: Arial,Verdana,sans-serif;
  font-size: 1.0909em;
  padding: 4px;
  width: 300px;
  -moz-box-shadow: -2px 1px 3px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: -2px 1px 3px rgba(0, 0, 0, 0.2) inset;
}
form label.checkbox {
  display: inline;
  margin-left: 9px;
}
form input.checkbox {
  margin:0;
}
form .teaserBox fieldset {
  margin: 0;
}
form .teaserBox .line {
  margin: 10px;
}
form .legalNotice {
  font-size: 0.9166em;
}
form .legalNotice strong {
  color: #999;
}

/**
 * Gesundheits-Navigator
 */
.contentWide .contentWideInner {
  border-top: 1px solid #dfdfdf;
  padding: 0 18px 0 18px;
}
.contentWideInner .left {
  float: left;
  width: 60%;
}
.contentWideInner .right {
  float: left;
  width: 33%;
  text-align: right;
  padding-bottom: 50px;
}
.contentWideInner h2 {
  color: #18ACFE;
}