/* ====================================================================== */
/* Sub navigation */
/* ====================================================================== */

#subnav,
#subnav ul
{
  line-height: 1.1667em;
  }

#subnav
{
  border: 1px solid #003550;
  border-right: 0;
  float: left;
  margin-bottom: 28px;
  margin-top: 0;
  width: 164px;
  }

#subnav a,
#subnav span
{
  color: #fff;
  display: block;
  padding: 5px 10px 3px 20px;
  }

#subnav a:hover,
#subnav a:focus,
#subnav a.selected,
#subnav span.selected
{
  color: #fd8713;
  text-decoration: none;
  }

#subnav ul
{
  margin-bottom: 0;
  padding-bottom: 4px;
  padding-left: 12px;
  }

#subnav > li
{
  background: #004f79 url(/images/nav_gradients.png) repeat-x 0 -36px;
  }

#subnav > li > a
{
  border-bottom: 1px solid #26536a;
  padding-bottom: 2px;
  }

#subnav > li > a.selected,
#subnav > li > span.selected
{
  background: transparent url(/images/arrow_open.png) no-repeat 5px 9px; /* Orange triangle down */
  }

#subnav > li > a,
#subnav > li > a.closed,
#subnav > li > span.closed,
#subnav ul a.selected,
#subnav ul span.selected
{
  background: transparent url(/images/arrow_closed.png) no-repeat 7px 7px; /* White triangle right */
  }

#subnav ul a.selected,
#subnav ul span.selected,
#subnav > li > a.closed,
#subnav > li > span.closed
{
  background-position: 7px -9px !important; /* Orange triangle down */
  }



/* ====================================================================== */
/* Breadcrumbs */
/* ====================================================================== */

#breadcrumbs
{
  height: 24px;
  padding-top: 27px;
  }

#breadcrumbs li
{
  float: left;
  }

#breadcrumbs,
#breadcrumbs a
{
  color: #fff;
  }

#breadcrumbs li:before
{
  content: ">";
  margin: 0 0.5em;
  }

#breadcrumbs li:first-child:before
{
  content: "";
  margin: 0;
  }



/* ====================================================================== */
/* Content */
/* ====================================================================== */

#content
{
  background-color: #fff;
  border: 1px solid #003550;
  margin-bottom: 0;
  min-height: 463px;
  overflow: hidden;
  padding-bottom: 12px;
  }



/* ====================================================================== */
/* Generic content (impressum et al.) */
/* ====================================================================== */

.content-generic
{
  padding-left: 39px;
  padding-right: 48px;
  }

.content-generic h1,
.content-generic .main
{
  margin-left: 296px;
  }

.content-generic h1
{
  color: #003746;
  font-size: 1.3333em; /* 16px */
  line-height: 1em; /* 16px */
  margin-bottom: 2em;
  margin-top: 3em;
  text-transform: uppercase;
  }

.content-generic h1:first-child
{
  margin-top: 2em;
  }

.content-generic .sidebar
{
  float: left;
  width: 259px;
  }

.content-generic .sidebar h1,
.content-generic .main h1
{
  margin-left: 0;
  }

.content-generic ul
{
  list-style-image: url(/images/feature_bullet.png);
  padding-left: 15px;
  }

.content-generic dt
{
  float: left;
  width: 78px;
  }

.content-generic dd
{
  margin-bottom: 1.3333em;
  margin-left: 78px;
  }

.content-generic .emphasize,
.content-generic fieldset
{
  background-color: #d2dee9;
  overflow: hidden;
  margin-top: 0.6667em;
  padding: 0.6667em 9px 0;
  }

.content-generic .emphasize dd,
.content-generic .emphasize dd a
{
  color: #003550;
  font-weight: bold;
  }

.content-generic a.continue
{
  background: transparent url(/images/button_continue.gif) no-repeat 0 0;
  padding-left: 19px;
  }

.content-generic .address strong
{
  text-transform: uppercase;
  }



/* ====================================================================== */
/* Sitemap */
/* ====================================================================== */

.sitemap
{
  list-style-image: none !important;
  list-style-position: inside;
  padding-left: 0 !important;
  }

.sitemap > li
{
  border-top-width: 1px;
  border-top-style: solid;
  margin-top: -0.6667em;
  padding-top: 0.5833em;
  }

.sitemap > li > ul
{
  margin-left: 19px;
  margin-top: 1.3333em;
  }

.sitemap strong
{
  background: transparent url(/images/button_continue.gif) no-repeat 0 0;
  font-weight: normal;
  padding-left: 19px;
  text-transform: uppercase;
  }



/* ====================================================================== */
/* Forms */
/* ====================================================================== */

form
{
  margin-bottom: 2.6667em;
  }

form,
form .controls
{
  border-top-width: 1px;
  border-top-style: solid;
  margin-top: -0.75em;
  }

legend
{
  display: none;
  }

fieldset div
{
  margin-bottom: 1.0833em;
  overflow: hidden;
  }

form .label
{
  float: left;
  margin-right: 6px;
  width: 119px;
  }

/* It would be nice to keep the asterisks out of the HTML, but in
   favor of IE7 we have them there */
/*
form .mandatory .label:after
{
  content: " *";
  }
*/

form .label-option
{
  display: block;
  margin-left: 26px;
  }

form .controls
{
  padding-top: 1.3333em;
/*  text-align: center; */
  }

input[type=text],
textarea,
select
{
  border: 1px solid #9a9a9a;
  width: 303px;
  }

input[type=checkbox]
{
  float: left;
  }

input[type=radio]
{
  vertical-align: text-bottom;
  }

input[type=submit],
input[type=reset]
{
  background: #d2dee9 url(/images/button_continue.gif) no-repeat 6px center;
  border: 0;
  font-weight: bold;
  padding: 6px 6px 6px 25px;
  text-transform: uppercase;
  }

input[type=reset]
{
  margin-left: 11px;
  }



/* ====================================================================== */
/* Contact form */
/* ====================================================================== */

input#kontakt-plz,
input#katalog-plz
{
  width: 45px;
  }

input#kontakt-ort,
input#katalog-ort
{
  width: 251px;
  }

input#kontakt-telefon-vorwahl,
input#kontakt-fax-vorwahl,
input#katalog-telefon-vorwahl,
input#katalog-fax-vorwahl
{
  width: 60px;

  }

input#kontakt-telefon-nummer,
input#kontakt-fax-nummer,
input#katalog-telefon-nummer,
input#katalog-fax-nummer
{
  width: 230px;

  }

input#kontakt-typ-endverbraucher,
input#katalog-typ-endverbraucher
{
  margin-left: 1.3333em;
  }



/* ====================================================================== */
/* Lead content */
/* ====================================================================== */

.content-lead
{
  background-position: 6px 252px;
  background-repeat: no-repeat;
  }

.content-lead h1
{
  background-repeat: no-repeat;
  float: left;
  height: 246px;
  text-indent: -9000em;
  width: 502px;
  }

.content-lead p
{
  color: #fff;
  height: 213px;
  line-height: 1.8333em;
  margin: 0 0 0 502px;
  padding: 33px 38px 0 38px;
  }

.content-lead .mascot
{
  display: block;
  height: 55px;
  margin-top: 0.6667em;
  position: relative;
  }

.content-lead .mascot span
{
  bottom: 0;
  height: 3.8333em;
  margin: auto;
  position: absolute;
  top: 0;
  }

.content-lead .mascot img
{
  background-color: #fff;
  float: left;
  margin-right: 14px;
  padding: 3px;
  }

.content-lead p a
{
  color: #fff;
  text-decoration: underline;
  }

.content-lead p a:hover
{
  text-decoration: none;
  }

.content-lead ul
{
  border-left-width: 1px;
  border-left-style: solid;
  font-size: 1.6667em; /* 20px */
  line-height: 0.7em; /* 14px */
  margin: 6px 50px 0 502px;
  min-height: 199px;
  padding: 11px 0 6px 37px;
  }

.content-lead li
{
  background-position: 0 bottom;
  background-repeat: repeat-x;
  border-width: 1px;
  border-style: solid;
  margin-bottom: 12px;
  }

.content-lead ul a
{
  color: #fff;
  display: block;
  padding: 9px 10px 8px 10px;
  }

.content-lead ul a:after
{
  content: " »";
  }



/* ====================================================================== */
/* Product groups */
/* ====================================================================== */

h1.category
{
  border-right-width: 6px;
  border-right-style: solid;
  float: left;
  letter-spacing: 0.16em;
  margin-right: 9px;
  padding-bottom: 10px;
  padding-right: 6px;
  padding-top: 21px;
  text-transform: uppercase;
  }

h2.group
{
  color: #787878;
  letter-spacing: 0.1em;
  margin-bottom: 15px;
  padding-bottom: 10px;
  padding-top: 21px;
  }

.content-group
{
  padding-left: 18px;
  }

.product-list
{
  background: transparent url(/images/vertical_lines.png) repeat 0 0;
  margin-bottom: 0;
  min-height: 460px;
  overflow: hidden;
  }

.product-list li
{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  color: #787878;
  display: -moz-inline-grid;
  display: inline-block;
  margin: 0 9px 9px 10px;
  text-transform: uppercase;
  vertical-align: bottom;
  width: 181px;
  }

.product-list a
{
  color: #787878;
  display: block;
  overflow: hidden;
  padding-bottom: 7px;
  }

.product-list a:hover
{
  text-decoration: none;
  }

.product-list .image
{
  display: block;
  height: 180px;
  line-height: 180px;
  margin-bottom: 7px;
  overflow: hidden;
  text-align: center;
  width: 100%;
  }

.product-list .image img
{
  vertical-align: middle;
  }

.product-list .name
{
  background: transparent url(/images/button_continue.gif) no-repeat right top;
  display: block;
  padding-right: 20px;
  }



/* ====================================================================== */
/* Product detail */
/* ====================================================================== */

/* -------------------- Main container -------------------- */
.content-product
{
  padding-left: 17px;
  padding-right: 18px;
  position: relative; /* to position brands at the top */
  }

.content-product div
{
  margin-bottom: 0;
  }

.content-product h2.group
{
  float: left;
  }

.product
{
  padding-top: 60px;
  }

.product-main,
.product-additional
{
  background: transparent url(/images/vertical_lines_product.png) repeat-y 0 0;
  overflow: hidden;
  padding-left: 11px;
  }

.product-main
{
  clear: left;
  position: relative; /* to position dl.details at the bottom */
  padding-bottom: 6.6667em; /* space for 4 lines of dl.details (5*line-height)*/
  }

.product-additional
{
  padding-top: 9px;
  }



/* -------------------- Product name and features -------------------- */
.product-main .name,
.product-main .description,
.product-main .features-group,
.product-main .features,
.product-additional .additional-properties
{
  margin-right: 179px;
  }

.product-main .description,
.product-main .features-group,
.product-main .features,
.product-additional .additional-properties
{
  margin-left: 325px;
  }

.product-main .name
{
  float: right;
  font-size: 1.3333em; /* 16px */
  letter-spacing: 0.07em;
  line-height: 1.25em;
  margin-bottom: 0.875em;
  text-transform: uppercase;
  width: 283px;
  }

.product-main .image
{
  float: left;
  margin-bottom: -6em !important; /* space for 4 lines of dl.details (-4.5*line-height) */
  position: relative;
  text-align: right;
  width: 299px;
  z-index: 10;
  }

.product-main .image div
{
  height: 329px;
  line-height: 329px;
  overflow: hidden;
  text-align: center;
  }

.product-main .image img
{
  vertical-align: middle;
  }

.product-main .features-group
{
  display: block;
  }

.product-main .features
{
  list-style-image: url(/images/feature_bullet.png);
  padding-left: 15px;
  }

.product-main .details
{
  background: transparent url(/images/horizontal_lines.png) no-repeat left bottom;
  bottom: 0;
  left: 11px;
  margin-bottom: 0;
  padding-left: 325px;
  padding-bottom: 0.6667em; /* (0.5*line-height) */
  position: absolute; /* relative to .product-main */
  width: 283px;
  }

.product-main .details dt
{
  float: left;
  margin-right: 0.5em;
  }

/* It would be nice to keep the colons out of the HTML, but in favor
   of IE7 we have them there */
/*
.product .details dt:after
{
  content: ": ";
  }
*/

.product-main .details .order-number
{
  font-weight: bold;
  }



/* -------------------- Alternative versions (e.g. colors) -------------------- */
.product-additional h4
{
  font-size: 1em; /* 12px */
  font-weight: normal;
  line-height: 1.3333em; /* 16px */
  margin-bottom: 0em;
  }

.product-additional .additional-versions
{
  float: left;
  width: 315px;
  }

.product-additional .additional-versions li
{
  display: -moz-inline-grid;
  display: inline-block;
  font-size: 0.9167em; /* 11px */
  margin-bottom: 5px;
  margin-right: 15px;
  text-transform: uppercase;
  vertical-align: top;
  width: 90px;
  }

.product-additional .additional-versions li a
{
  display: block;
  overflow: hidden;
  }

.product-additional .additional-versions li a:hover
{
  text-decoration: none;
  }

.product-additional .additional-versions .image
{
  display: block;
  height: 90px;
  line-height: 90px;
  overflow: hidden;
  text-align: center;
  width: 100%;
  }

.product-additional .additional-versions .image img
{
  vertical-align: middle;
  }

.product-additional .additional-versions .name
{
  display: block;
  }



/* -------------------- Additional information and brands -------------------- */
.product-additional .additional-properties h4
{
  display: none;
  }

.product-additional .properties
{
  overflow: hidden;
  }

.product-additional .properties li
{
  float: left;
  margin-right: 0;
  }

/* Let the brands show up above the product name */
.product-additional .brands
{
  position: absolute; /* relative to .content-product */
  left: 351px;
  top: 18px;
  width: 296px;
  }

.product-additional .brands li
{
  float: left;
  margin-right: 10px;
  }



/* -------------------- Links to previous and next article -------------------- */
.product-additional .neighbours
{
  position: absolute; /* relative to .content-product */
  right: 18px;
  top: 24px;
  }

.product-additional .neighbours li
{
  float: left;
  }

.product-additional .neighbours li:before
{
  content: "|";
  margin: 0 0.5em;
  }

.product-additional .neighbours li:first-child:before
{
  content: "";
  margin: 0;
  }

.product-additional .neighbours .previous
{
  background: transparent url(../images/button_previous.gif) no-repeat 0 0;
  padding-left: 19px;
  }

.product-additional .neighbours .next
{
  background: transparent url(../images/button_continue.gif) no-repeat right 0;
  padding-right: 19px;
  }



/* ====================================================================== */
/* 2-column pages with equal height columns */
/* ====================================================================== */

.item-list
{
  list-style-image: none !important;
  padding-left: 0 !important;
  }

.item
{
  margin-bottom: 0;
  margin-top: -0.6667em;
  overflow: hidden;
  }

.item-list .item:first-child
{
  margin-top: 0;
  }

.item-list .item:first-child .part
{
  border: 0;
  padding-top: 0;
  }

.item .part
{
  border-top-width: 1px;
  border-top-style: solid;
  margin-bottom: 0;
  padding-top: 0.5833em;
  }

.item .part-1
{
  float: left;
  width: 259px;
  }

.item .part-2
{
  float: right;
  width: 450px;
  }

.item .image
{
  text-align: center;
  }

.item .image img
{
  margin-bottom: 1em;
  }



/* ====================================================================== */
/* News list */
/* ====================================================================== */

.news
{
  margin-top: 0;
  }

.news .part
{
  padding-top: 1.25em;
  }

.news h2
{
  margin-bottom: 1.3333em;
  }
.news h2 .date
{
  font-weight: normal;
  display: block;
  }



/* ====================================================================== */
/* Inline search form */
/* ====================================================================== */

#inline-searchform
{
  border: none;
  margin-bottom: 0.75em;
  margin-top: 0;
  }

#inline-searchform div
{
  margin-bottom: 0;
  }

#inline-searchform label
{
  display: none;
  }

#inline-searchform input[type=text]
{
  margin-right: 0.75em;
  padding: 3px;
  width: 160px;
  }

#inline-searchform input[type=submit]
{
  padding-bottom: 3px;
  padding-top: 3px;
  }

.content-searchresult #inline-searchform
{
  float: left;
  }



/* ====================================================================== */
/* Search result list */
/* ====================================================================== */

.content-searchresult
{
  margin-left: 165px;
  }

.content-searchresult h1
{
  margin-left: 0;
  }

.content-searchresult h2
{
  float: right;
  font-weight: normal;
  }

.content-searchresult h2 .searchterm
{
  background-color: transparent;
  font-weight: bold;
  }

.search-result-list
{
  border-top-style: solid;
  border-top-width: 1px;
  clear: both;
  padding-top: 1.25em;
  }

.search-result-list li
{
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-bottom: 1.25em;
  overflow: hidden;
  }

.search-result-list div.excerpt
{
  float: left;
  width: 80%;
  }

.search-result-list a.result
{
  float: right;
  }

span.searchterm
{
  background-color: #d2dee9;
  }


/* ====================================================================== */
/* Brand list */
/* ====================================================================== */

.brand .image
{
  text-align: left;
  }

.brand .image img
{
  margin-left: 43px;
  margin-top: 1.3333em;
  }



/* ====================================================================== */
/* About us */
/* ====================================================================== */

#page-ueber_uns .item .logo
{
  margin-top: 110px;
  }



/* ====================================================================== */
/* Job offers */
/* ====================================================================== */

a.contact
{
  color: #fd8713;
  }

a.contact:before
{
  content: "» ";
  }

#page-karriere p.address
{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-top-width: 1px;
  border-top-style: solid;
  margin-bottom: 0.6667em;
  margin-top: -0.6667em;
  padding-bottom: 0.5833em;
  padding-top: 0.5833em;
  }

.job-list
{
  list-style-image: none !important;
  padding-left: 0 !important;
  }

.job-list .job
{
  border-top-width: 1px;
  border-top-style: solid;
  margin-top: -0.6667em;
  padding-top: 0.5833em;
  }

.job .title
{
  text-transform: uppercase;
  }



/* ====================================================================== */
/* Directions */
/* ====================================================================== */

.content-directions .address
{
  float: left;
  width: 259px;
  }

.content-directions .description
{
  margin-left: 296px;
  }

.map
{
  clear: left;
  margin-bottom: 0;
  margin-top: -0.6667em;
  overflow: hidden;
  }

.map img
{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-top-width: 1px;
  border-top-style: solid;
  margin-bottom: 0.5833em;
  padding-bottom: 0.6667em;
  padding-top: 0.5833em;
  }

.map .overview
{
  float: left;
  }

.map .detail
{
  float: right;
  }



/* ====================================================================== */
/* Care label */
/* ====================================================================== */

.content-care_label
{
  padding-right: 42px !important;
  }

.content-care_label h1
{
  margin-left: 0 !important;
  }

.content-care_label h2
{
  margin-bottom: 1.3333em;
  text-transform: uppercase;
  }

.label-list
{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  list-style-image: none !important;
  margin-top: -0.0833em;
  padding-left: 0 !important;
  }

.label-list li
{
  display: -moz-inline-grid;
  display: inline-block;
  margin-bottom: 0.6667em;
  margin-right: 9px;
  vertical-align: top;
  width: 85px;
  }

.label-list li.wide
{
  width: 179px;
  }

.label-list div
{
  margin-bottom: 0;
  }

.label-list .image
{
  display: block;
  height: 85px;
  line-height: 85px;
  margin-bottom: 0.6667em;
  overflow: hidden;
  width: 85px;
  }

.label-list .image img
{
  vertical-align: middle;
  }



/* ====================================================================== */
/* Measurement table */
/* ====================================================================== */

.content-measurement_table h1
{
  margin-left: 0 !important;
  }

.content-measurement_table img
{
  margin-bottom: 1.3333em;
  }

.content-measurement_table .masse
{
  margin-top: 10px;
  }



/* ====================================================================== */
/* List of downloads */
/* ====================================================================== */

ul.downloads
{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  list-style-image: none;
  padding-left: 0;
  }

ul.downloads li
{
  border-top-width: 1px;
  border-top-style: solid;
  }

ul.downloads a
{
  display: block;
  padding: 0.6667em 0;
  }

ul.downloads a[href$=".pdf"],
ul.downloads a.pdf
{
  background: transparent url(/images/icon_file_pdf.png) no-repeat right center;
  padding-right: 25px;
  }



/* ====================================================================== */
/* Decoration images */
/* ====================================================================== */

.content-generic
{
  background-position: 40px 80px;
  background-repeat: no-repeat;
  }

#page-kontaktformular .content-generic,
#page-weiterempfehlen .content-generic,
#page-aktuelle_angebote .content-generic,
#page-katalogbestellung .content-generic,
#page-newsletter .content-generic,
#page-anfahrt .content-generic,
#page-karriere .content-generic,
#page-sondermodelle .content-generic,
#page-ueber_uns .content-generic,
#page-download .content-generic,
#page-suchergebnis .content-generic
{
  min-height: 610px;
  }

#page-kontaktformular .content-generic
{
  background-image: url(/images/dekobild_kontaktformular.gif);
  }

#page-weiterempfehlen .content-generic
{
  background-image: url(/images/dekobild_weiterempfehlen.gif);
  }

#page-aktuelle_angebote .content-generic
{
  background-image: url(/images/dekobild_aktionsposten.gif);
  }

#page-katalogbestellung .content-generic
{
  background-image: url(/images/dekobild_katalogbestellung.gif);
  }

#page-newsletter .content-generic
{
  background-image: url(/images/dekobild_newsletter.gif);
  }

#page-karriere .content-generic
{
  background-image: url(/images/dekobild_karriere.gif);
  }

#page-sondermodelle .content-generic
{
  background-image: url(/images/dekobild_sondermodelle.gif);
  }

#page-download .content-generic
{
  background-image: url(/images/dekobild_download.gif);
  }