/* -------------------------------------------------------------
 * project: Vorwerk CD Relaunch, 2012
 * author: Patricia Ross, Tom Raithel (triplesense.de)
 *
 * last change: $Date: 2012-11-15 12:20:28 +0100 (Thu, 15 Nov 2012) $
 * last author: $Author: dfitzpatrick $
 * svn path: $URL: http://sheise@svn.dev/vorwerk/cd-relaunch/FE/sass/basic/layout.scss $
 * revision: $Rev: 9171 $
 * 
 * $Id: layout.scss 9171 2012-11-15 11:20:28Z dfitzpatrick $
 * ------------------------------------------------------------- */
/* line 18, ../../../sass/basic/layout.scss */
#wrapper {
  margin: 0 auto;
  width: 100%;
}

/* line 26, ../../../sass/basic/layout.scss */
#wrapper-header,
#wrapper-content-area,

/* line 31, ../../../sass/basic/layout.scss */
#wrapper-content-area.home {
  margin: 60px auto;
}

/* line 37, ../../../sass/basic/layout.scss */

/* line 42, ../../../sass/basic/layout.scss */

/* line 48, ../../../sass/basic/layout.scss */
#header .promotion-content {
  right: 0;
  position: absolute;
  bottom: 30px;
}
/* line 53, ../../../sass/basic/layout.scss */
#header .search {
  bottom: 83px;
  position: absolute;
  right: 0;
}

/* line 63, ../../../sass/basic/layout.scss */
#content-area {
  border-top: 1px solid #b2b3b5;
}
/* line 65, ../../../sass/basic/layout.scss */
#content-area.home {
  border-top: none;
}

/* line 72, ../../../sass/basic/layout.scss */
.breadcrumb {
  margin: 8px 0 0 0;
}

/* line 76, ../../../sass/basic/layout.scss */
#wrapper-header .breadcrumb {
  border-top: 1px solid #b2b3b5;
  padding-top: 8px;
  margin: 0 0 5px 0;
}

/* line 86, ../../../sass/basic/layout.scss */
#stage-shadow {
  height: 480px;
  padding: 2px 0 8px 0;
  margin-bottom: 45px;
  background: url("../../images/navigation/carousel-shadow.png") no-repeat 50% 0 transparent;
}

/* line 94, ../../../sass/basic/layout.scss */
#stage {
  height: 480px;
  margin: 0 0 40px 0;
  min-width: 960px;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
/* line 104, ../../../sass/basic/layout.scss */
#stage .wrapper {
  width: 960px;
  height: 480px;
  position: relative;
  margin: 0 auto;
}
/* line 110, ../../../sass/basic/layout.scss */
#stage .wrapper .text {
  position: absolute;
  width: 300px;
  right: 0;
  top: 10%;
  z-index: 10;
}
/* line 113, ../../../sass/basic/layout.scss */
#stage .wrapper .text.width-300 {
  width: 300px;
}
/* line 116, ../../../sass/basic/layout.scss */
#stage .wrapper .text.width-400 {
  width: 400px;
}
/* line 119, ../../../sass/basic/layout.scss */
#stage .wrapper .text.width-500 {
  width: 500px;
}
/* line 126, ../../../sass/basic/layout.scss */
#stage .wrapper .text h4 {
  color: #009a3d;
  font-size: 36px;
  line-height: 42px;
  border-bottom: 6px solid #009a3d;
  padding-bottom: 15px;
  margin-bottom: 25px;
  font-family: "LinotypeUniversW02-Bold 726184", Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-weight: normal !important;
  text-transform: uppercase;
}
/* line 66, ../../../sass/basic/_mixins.scss */
#stage .wrapper .text h4 em, #stage .wrapper .text h4 span {
  font-family: "LinotypeUniversW02-Bold 726184", Arial, Tahoma, Verdana, Helvetica, sans-serif;
}
/* line 134, ../../../sass/basic/layout.scss */
#stage .wrapper .text h4 em {
  color: #113c2b;
  display: block;
  font-style: normal;
}
/* line 140, ../../../sass/basic/layout.scss */
#stage .wrapper .text h5 {
  font-family: "LinotypeUniversW02-Ligh 726118", Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-weight: normal !important;
  text-transform: none;
  font-size: 20px;
  line-height: 26px;
  text-transform: none;
  margin-bottom: 25px;
}
/* line 55, ../../../sass/basic/_mixins.scss */
#stage .wrapper .text h5 em, #stage .wrapper .text h5 span {
  font-family: "LinotypeUniversW02-Ligh 726118", Arial, Tahoma, Verdana, Helvetica, sans-serif;
}
/* line 147, ../../../sass/basic/layout.scss */
#stage .wrapper .text .actions {
  font-size: 12px;
}
/* line 149, ../../../sass/basic/layout.scss */
#stage .wrapper .text .actions li {
  float: left;
  margin: 0;
  padding: 0;
  height: 34px;
  line-height: 34px;
}
/* line 157, ../../../sass/basic/layout.scss */
#stage .wrapper .text .actions li + li {
  margin-left: 18px;
  padding-left: 18px;
  border-left: 1px solid #009a3d;
}
/* line 162, ../../../sass/basic/layout.scss */
#stage .wrapper .text .actions a {
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
}
/* line 168, ../../../sass/basic/layout.scss */
#stage .wrapper .text .actions a.arrow-right {
  padding-right: 12px;
  background: url("../../images/navigation/arrow-right.png") no-repeat 100% 12px transparent;
}
/* line 171, ../../../sass/basic/layout.scss */
#stage .wrapper .text .actions a.arrow-right:hover {
  background-position: 100% -38px;
}
/* line 175, ../../../sass/basic/layout.scss */
#stage .wrapper .text .actions a.arrow-left {
  padding-left: 12px;
  background: url("../../images/navigation/arrow-left.png") no-repeat 0 12px transparent;
}
/* line 178, ../../../sass/basic/layout.scss */
#stage .wrapper .text .actions a.arrow-left:hover {
  background-position: 0 -38px;
}
/* line 186, ../../../sass/basic/layout.scss */
#stage .wrapper.overlap .text {
  padding-right: 95px;
}

/* line 199, ../../../sass/basic/layout.scss */
#h1-area h1,
.teaser-area h1 {
  border-bottom: 6px solid #009a3d;
  padding: 0 0 24px 0;
  width: 100%;
}

/* line 206, ../../../sass/basic/layout.scss */
#h1-area {
  float: left;
  margin: 60px 0 40px 0;
  position: relative;
  width: 960px;
}
/* line 212, ../../../sass/basic/layout.scss */
#h1-area h1 {
  float: left;
  width: 696px;
}
/* line 217, ../../../sass/basic/layout.scss */
#h1-area p {
  margin: 0;
}
/* line 221, ../../../sass/basic/layout.scss */
#h1-area > p {
  float: left;
  padding: 24px 0 0 0;
  width: 960px;
}
/* line 227, ../../../sass/basic/layout.scss */
#h1-area .aside {
  border-bottom: 6px solid #009a3d;
  bottom: 0;
  padding: 0 0 24px 24px;
  position: absolute;
  right: 0;
  width: 240px;
}

/* line 237, ../../../sass/basic/layout.scss */
.teaser-area h1 {
  margin-bottom: 40px;
}

/* line 243, ../../../sass/basic/layout.scss */
.promotion .teaser-area h1 {
  border-bottom: 0 none;
  padding-bottom: 0;
}

/* line 251, ../../../sass/basic/layout.scss */
.detailpage-subnav #h1-area,
.catalogsearch-result-index #h1-area {
  float: right;
  width: 696px;
}
/* line 255, ../../../sass/basic/layout.scss */
.detailpage-subnav #h1-area .aside,
.catalogsearch-result-index #h1-area .aside {
  display: none;
  width: 216px;
}

/* line 261, ../../../sass/basic/layout.scss */
.detailpage-contentrelated #h1-area .aside {
  padding: 0 0 24px 0;
}

/* line 268, ../../../sass/basic/layout.scss */

/* line 279, ../../../sass/basic/layout.scss */
.detailpage-subnav .content {
  float: right;
}

/* line 284, ../../../sass/basic/layout.scss */
.detailpage-contentrelated .content,
.detailpage-tabnav .content {
  float: left;
}

/* line 292, ../../../sass/basic/layout.scss */
.teaser-area {
  margin: 0 0 60px 0;
}
/* line 294, ../../../sass/basic/layout.scss */
.teaser-area:empty {
  margin: 0;
}

/* line 299, ../../../sass/basic/layout.scss */
.teaser-only .teaser-area {
  margin: 60px 0 60px 0;
}

/* line 305, ../../../sass/basic/layout.scss */
.home .teaser-area,
.overview .teaser-area,
.teaser-only .teaser-area {
  clear: both;
  float: left;
  width: 960px;
}

/* line 311, ../../../sass/basic/layout.scss */
.detailpage-subnav .teaser-area {
  clear: right;
  float: right;
  width: 696px;
}

/* line 317, ../../../sass/basic/layout.scss */
.detailpage-contentrelated .teaser-area {
  clear: right;
  float: right;
  width: 240px;
}

/* line 323, ../../../sass/basic/layout.scss */
.detailpage-tabnav .teaser-area {
  clear: left;
  float: left;
  width: 696px;
}

/* line 331, ../../../sass/basic/layout.scss */
#wrapper-footer {
  clear: both;
}
/* line 338, ../../../sass/basic/layout.scss */
#wrapper-footer .mini-form.newsletter,
#wrapper-footer .contact,
#wrapper-footer .sitemap,
#wrapper-footer .disclaimer,
#wrapper-footer .gender-info {
  border-top: 1px solid #b2b3b5;
  padding: 15px 0;
}
/* line 342, ../../../sass/basic/layout.scss */
#wrapper-footer .vorwerk-info {
  border-top: 1px solid #b2b3b5;
  padding: 24px 0;
}
/* line 346, ../../../sass/basic/layout.scss */
#wrapper-footer .gender-info {
  padding: 35px 0 35px 0;
}
/* line 349, ../../../sass/basic/layout.scss */
#wrapper-footer .sitemap {
  padding: 10px 0 36px 0;
}
/* line 352, ../../../sass/basic/layout.scss */
#wrapper-footer .contact {
  padding: 30px 0 35px 0;
}
/* line 356, ../../../sass/basic/layout.scss */
#wrapper-footer .contact h3,
#wrapper-footer .contact p {
  float: left;
}
/* line 359, ../../../sass/basic/layout.scss */
#wrapper-footer .contact p {
  margin: 0;
}
/* line 362, ../../../sass/basic/layout.scss */
#wrapper-footer .contact h3 {
  color: #6d6e71;
  font-size: 13px;
  line-height: 1em;
  margin: 0 10px 0 0;
  padding: 9px 0 0 0;
}
/* line 369, ../../../sass/basic/layout.scss */
#wrapper-footer .contact span {
  float: left;
  display: block;
}
/* line 373, ../../../sass/basic/layout.scss */
#wrapper-footer .contact .tel {
  background: url("../../images/icons/phone.png") 0 2px no-repeat;
  color: #009a3d;
  float: left;
  font-size: 24px;
  font-weight: bold;
  line-height: 1em;
  padding: 0 10px 2px 22px;
}
/* line 382, ../../../sass/basic/layout.scss */
#wrapper-footer .contact .time {
  color: #6d6e71;
  font-size: 14px;
  padding: 5px 1em 0 0;
}
/* line 395, ../../../sass/basic/layout.scss */
#wrapper-footer .vorwerk-info .logo {
  clear: both;
  float: left;
  margin: 10px 216px 20px 0;
}
/* line 400, ../../../sass/basic/layout.scss */
#wrapper-footer .vorwerk-info p {
  float: left;
  font-size: 13px;
  margin: 0;
  width: 320px;
}
/* line 406, ../../../sass/basic/layout.scss */
#wrapper-footer .vorwerk-info .product {
  float: left;
  margin: 0 0 0 24px;
}
/* line 412, ../../../sass/basic/layout.scss */
#wrapper-footer .footer-nav {
  background: #113c2b;
  height: 20px;
  padding: 10px 0;
}
/* line 417, ../../../sass/basic/layout.scss */
#wrapper-footer .footer-nav .col-100 {
  margin: 0 auto;
  width: 960px;
}

/* line 431, ../../../sass/basic/layout.scss */
.col,
.col-25,
.col-33,
.col-50,
.col-66,
.col-75 {
  float: left;
  margin: 0 24px 0 0;
}

/* line 442, ../../../sass/basic/layout.scss */
.col.divider,
.col-25.divider,
.col-33.divider,
.col-50.divider,
.col-66.divider,
.col-75.divider,
.col-100.divider {
  border-top: 1px solid #b2b3b5;
  padding-top: 24px;
  margin-top: 24px;
}

/* line 448, ../../../sass/basic/layout.scss */
.content .row {
  margin-bottom: 40px;
}

/* line 456, ../../../sass/basic/layout.scss */
.teaser-area .col-25,
.teaser-area .col-33,
.teaser-area .col-50,
.teaser-area .col-66,
.teaser-area .col-75 {
  margin: 0 24px 0 0;
}

/* line 459, ../../../sass/basic/layout.scss */
.col-100 {
  margin: 0;
}

/* line 463, ../../../sass/basic/layout.scss */
.col.first, .col-25.first, .col-33.first, .col-50.first, .col-66.first {
  clear: left;
}

/* line 466, ../../../sass/basic/layout.scss */
.col.last, .col-25.last, .col-33.last, .col-50.last, .col-66.last, .col-75.last {
  clear: right;
  margin-right: 0;
}

/* line 475, ../../../sass/basic/layout.scss */
.overview .col-25,
.home .col-25,
.overview .content .col-25 {
  width: 222px;
}
/* line 478, ../../../sass/basic/layout.scss */
.overview .col-33,
.home .col-33,
.overview .content .col-33 {
  width: 304px;
}
/* line 481, ../../../sass/basic/layout.scss */
.overview .col-50,
.home .col-50,
.overview .content .col-50 {
  width: 468px;
}
/* line 484, ../../../sass/basic/layout.scss */
.overview .col-75,
.home .col-75,
.overview .content .col-75 {
  width: 714px;
}
/* line 487, ../../../sass/basic/layout.scss */
.overview .col-66,
.home .col-66,
.overview .content .col-66 {
  width: 632px;
}
/* line 490, ../../../sass/basic/layout.scss */
.overview .col-100,
.home .col-100,
.overview .content .col-100 {
  width: 960px;
}

/* line 494, ../../../sass/basic/layout.scss */
.overview.faq-container {
  margin: 24px 0 0 0;
  float: left;
  display: block;
}

/* line 502, ../../../sass/basic/layout.scss */
#footer .contact .col-25 {
  width: 240px;
}
/* line 505, ../../../sass/basic/layout.scss */
#footer .contact .col-75 {
  width: 696px;
}

/* line 515, ../../../sass/basic/layout.scss */
.detailpage-subnav .content .col-25,
.detailpage-contentrelated .content .col-25,
.detailpage-tabnav .content .col-25 {
  width: 156px;
}
/* line 518, ../../../sass/basic/layout.scss */
.detailpage-subnav .content .col-33,
.detailpage-contentrelated .content .col-33,
.detailpage-tabnav .content .col-33 {
  width: 216px;
}
/* line 521, ../../../sass/basic/layout.scss */
.detailpage-subnav .content .col-50,
.detailpage-contentrelated .content .col-50,
.detailpage-tabnav .content .col-50 {
  width: 336px;
}
/* line 524, ../../../sass/basic/layout.scss */
.detailpage-subnav .content .col-66,
.detailpage-contentrelated .content .col-66,
.detailpage-tabnav .content .col-66 {
  width: 456px;
}
/* line 527, ../../../sass/basic/layout.scss */
.detailpage-subnav .content .col-75,
.detailpage-contentrelated .content .col-75,
.detailpage-tabnav .content .col-75 {
  width: 516px;
}
/* line 530, ../../../sass/basic/layout.scss */
.detailpage-subnav .content .col-100,
.detailpage-contentrelated .content .col-100,
.detailpage-tabnav .content .col-100 {
  width: 696px;
}

/* line 538, ../../../sass/basic/layout.scss */
.clear {
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
}

/* line 546, ../../../sass/basic/layout.scss */
.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

/* line 556, ../../../sass/basic/layout.scss */
.nomarginleft {
  margin-left: 0!important;
}

/* line 559, ../../../sass/basic/layout.scss */
.nomarginright {
  margin-right: 0!important;
}

/* line 562, ../../../sass/basic/layout.scss */
.nomargintop {
  margin-top: 0!important;
}

/* line 565, ../../../sass/basic/layout.scss */
.nomarginbottom {
  margin-bottom: 0!important;
}

/* line 570, ../../../sass/basic/layout.scss */
.nopaddingtop {
  padding-top: 0!important;
}

/* line 576, ../../../sass/basic/layout.scss */
hr,
.separator,
.separator-invisible {
  border: 0 none;
  border-top: 1px solid #b2b3b5;
  clear: both;
  height: 1px;
  margin: 24px 0;
  width: 100%;
}

/* line 585, ../../../sass/basic/layout.scss */
.separator-invisible {
  border: 0 none;
}

/* line 592, ../../../sass/basic/layout.scss */
.cta {
  background-repeat: no-repeat;
  padding: 24px;
}
/* line 595, ../../../sass/basic/layout.scss */
.cta .cta-content {
  float: left;
  width: 312px;
}
/* line 599, ../../../sass/basic/layout.scss */
.cta .cta-form {
  background-color: white;
  float: right;
  padding: 24px 0 24px 24px;
  width: 552px;
}

/* line 609, ../../../sass/basic/layout.scss */
.campaign-lottery .cta .cta-form {
  width: 450px;
}

/* line 621, ../../../sass/basic/layout.scss */
.visible-columns .col-100,
.visible-columns .col-75,
.visible-columns .col-50,
.visible-columns .col-25,
.visible-columns .col-33,
.visible-columns .col-66 {
  background: #ececec;
}
/* line 624, ../../../sass/basic/layout.scss */
.visible-columns .clearfix {
  margin-bottom: 15px;
}

/* line 636, ../../../sass/basic/layout.scss */
body > a[href*="etracker"],
body > img[src*="etracker"],
body > img[src*="zanox"], #wrapper > a[href*="etracker"], #wrapper > img[src*="etracker"], #wrapper > img[src*="zanox"] {
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  top: -9999px;
  width: 1px;
}