﻿h1, h2, h3, h4, h5, h6, body, form, fieldset { margin: 0; padding: 0; }
img, fieldset { border: none; }
.print-only,
#print-head { display: none; }

body {
  background: #c4d6da url(../i/background.gif) top center repeat-y;
  font-family: helvetica, arial, sans-serif;
  font-size: 10pt;
  line-height: 14pt;
}

#wrapper { 
  background: transparent url(../i/head.jpg) center 1000px no-repeat; 
  margin: 0;
  padding: 0 50px;
  position: relative;
}

#head {
  margin: -1000px 0 0 0;
  height: 1127px;
  position: relative;
}

#head a { 
  display: block;
  height: 1127px;
  position: absolute;
  width: 50%;
}

/* ---- splash area (home page) ---- */ 

#splash {
  background-color: #c34614;
  height: 328px;
  margin-left: -1px;
  overflow: hidden;
  padding: 1px;
  width: 800px;
}

#splash a.ad { display: block; float: left; }
#splash p { 
  color: #fff; 
  float: right;
  font-size: 9pt; 
  margin: 1.5em 0 0 0;
  padding: 0 0 0 20px; 
  width: 246px; 
}
#splash ul { 
  border-top: solid 1px #fff; 
  clear: right;
  float: right; 
  list-style: none; 
  margin: 0; 
  padding: 0; 
  width: 266px; 
}
#splash ul li { border-bottom: solid 1px #f1ecdf; }
#splash ul li.label { color: #fff; font-size: 11px; padding-left: 20px; }
#splash ul a { 
  color: #fff;
  display: block;
  font-size: 18px;
  padding: 10px 10px 10px 20px;
  text-decoration: none;
}

#splash ul a:hover { 
  background: transparent url(../i/left-selected.gif) center left no-repeat;
  text-decoration: underline;
}

/* ---- main content area ---- */ 

#contentarea #overview {
  background-color: #8cadb7;
  padding: 1em;
}

#contentarea #overview a { color: #fff; }

#contentarea.interior #overview { margin-bottom: 30px; }

#contentarea {
  margin: 0 auto;
  width: 800px;
}

#wrapper a { color: #c34614; text-decoration: none; }
#wrapper a:hover { text-decoration: underline; }

#contentarea .more { 
  clear: right; 
  float: right; 
  text-align: right;
}

#contentarea .more a { 
  background: transparent url(../i/arrow-right.gif) top right no-repeat;
  color: #333333;
  display: block;
  height: 14px;
  line-height: 15px;
  margin-right: .2em;
  padding-right: 18px;
}

#contentarea.home #main { 
  float: left; 
  padding: 30px 0 0 30px; 
  width: 480px; 
}
#contentarea.home .extras {
  float: right; 
  padding: 30px 30px 0 0; 
  width: 220px; 
}
#contentarea.home #overview { margin: 30px 30px 0 30px; }
#contentarea.home #overview-special { 
  background-color: #a7ac76;
  color: #fff;
  margin: 30px 30px 0 30px; 
  padding: 1em;
  text-align: center;
}
#contentarea.home #overview-special a {
  color: #fff;
  text-decoration: underline;
}

#contentarea.home #hours { 
  background-color: #c34614;
  color: #fff;
  margin: 0 0 30px 0; 
  padding: 15px;
}

#contentarea.home #hours h2 { color: #fff; }
#contentarea.home #hours ul { margin: 0 0 1em 1.5em; padding: 0; }
#contentarea.home #hours span { display: block; float: right; }
.ie7 #contentarea.home #hours span,
.ie6 #contentarea.home #hours span { display: inline; float: none; }

#contentarea.home #main h2 { 
  clear: right;
}

#contentarea.home .offer{ clear:both; width:802px; }

#contentarea.home .manufacturers { 
  clear: both;
  float: right;
  padding: 10px 30px 0 0;
  width: 220px;
}

#contentarea.home .manufacturers ul {
  border-top:1px #c34614 solid;
  list-style:none;  
  margin-top: 0.4em;
  padding: 0px;
}
.ie7 #contentarea.home .manufacturers ul { margin-left: 0; width: 220px; }
.ie6 #contentarea.home .manufacturers ul { width: 220px; }

#contentarea.home .manufacturers li{ border-bottom:1px #c34614 solid; }
#contentarea.home div.manufacturers li h3 { 
  font-size: 18pt;
  font-style: bold;
  padding: 5px 5px 5px 10px;
}
.ie6 #contentarea.home div.manufacturers h2 { 
  margin: 0;
  padding: 0 0 0 40px;
  width: 100px; 
}
#contentarea.home div.manufacturers a { 
  color:#c34614;
  font-size:12pt; 
  font-style:bold; 
}


#contentarea.home .products { 
  float: left;
  margin: 10px 0 0 30px; 
  width: 480px; 
}

#contentarea.home .products h2 { margin-bottom: .25em; }

#contentarea.interior {
  background: transparent url(../i/content-background.gif) top left repeat-y;
  border: solid 30px #fbf9f5;
  overflow: auto;
  width: 740px;
}

.ie7 #contentarea.interior { overflow: hidden; }

#contentarea.interior #main {
  float: right;
  min-height: 400px;
  width: 480px;
}

#contentarea.interior #main.standard { overflow: visible; }
#contentarea.interior .products { clear: both; }
#sidebar .caption { margin: 0; padding: .5em 1em; }

/* ---- Manufacturer Pages ---- */ 
#face {
  margin: auto;
  overflow: hidden;
  width: 803px;
}
#face img {
  border: none;
  width: 803px;
}
#contentarea.manufacturer {
  border: solid 30px #fbf9f5;
  overflow: hidden;
  width: 740px;
}

#contentarea.manufacturer #manufacturer-list {
  border-bottom: 1px solid rgb(195, 70, 20);
  float: left;
  margin-bottom: 100px;
  overflow: hidden;
  width: 480px;
}
.ie6 #contentarea.manufacturer #main { margin: 30px 0 0 30px;  }
#contentarea.manufacturer #manufacturer-list #manufacturer-category { overflow: hidden; }
#contentarea.manufacturer #sidebar {
  list-style: none;
  float: right;
  width: 232px;
}
.ie6 #contentarea.manufacturer #sidebar,
.ie7 #contentarea.manufacturer #sidebar {
  padding-left: 20px;
  margin-top: 30px;
}

#contentarea.manufacturer #sidebar ul { list-style: none; padding-bottom:20px; margin:0; }
#contentarea.manufacturer #manufacturer-list #description {
  margin-bottom:18pt;
}
#contentarea.manufacturer h2.manufacturer{
  font-size:18pt;
  margin:20px 0px 6px 0px;
}
#contentarea.manufacturer #manufacturer-list.standard { overflow: visible; }
#contentarea.manufacturer #manufacturer-list.products { clear: both; }
#contentarea.manufacturer .hidden { display: none; }
#contentarea.manufacturer .manufacturer-title { 
  border-top: 1px solid rgb(195, 70, 20);
  padding:10px 0px;
}

/* ---- primary navigation ---- */ 
#primary {
  background-color: #c34614;
  color: #fbf9f5;
  font-size: 12pt;
  list-style: none;
  margin: auto;
  overflow: hidden;
  padding: 0 0 0 30px;
  width: 772px;
}

#primary li {
  float: left;
  line-height: 2.5em;
  padding-right: 1em;
}

#primary li.last {
  float: right;
}

#primary a {
  color: #fbf9f5;
  display: block;
  text-decoration: none;
}

#primary li.selected a,
#primary a:hover { 
  background: transparent url(../i/nav-selected.gif) bottom center no-repeat;
}

/* ---- secondary navigation ---- */

#secondary {
  border-top: solid 2px #c34614;
  border-bottom: solid 2px #c34614;
  background-color: #e7e0c9;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 232px;
}

#secondary li {
  border-bottom: solid 1px #fbf9f5;
  font-size: 11pt;
  line-height: 24pt;
}

#secondary li a {
  display: block;
  padding-left: 15px;
  padding-right: 15px;
}

#secondary li.selected a, 
#secondary li a:hover {
  background-color: #f1ecdf;
  text-decoration: none;
}

#secondary a.current {
  background-image: url(../i/left-selected.gif);
  background-repeat: no-repeat;
  background-position: left center;
}

#secondary li.selected li.selected,
#secondary li.selected a:hover {
  background-color: #f6f3ea;
}

#secondary li ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#secondary li ul li { 
  border: none; 
  line-height: 18pt;
}

#secondary li.selected ul a,
#secondary li ul a {
  background-color: #f1ecdf;
  font-size: 8.5pt;
  padding-left: 25px;
}

#secondary li ul a:hover, 
#secondary li ul li.selected a {
  background-color: #f6f3ea;
}

#category-warning {
  background-color: #ca6538;
  clear: left;
  color: #fff;
  float: left;
  margin: 1px 0;
  width: 232px;
}

#category-warning a {
  background-color: #ca6538;
  color: #fff;
  display: block;
  font-size: 12pt;
  padding: 10px 20px 10px 20px;
}

/* ---- product in list ---- */ 
.products .product {
  border-bottom: solid 1px #c34614;
  overflow: hidden;
  padding: 1em 0 1em 0;
  position: relative;
}

.products .product.first {
  border-top: solid 1px #c34614;
}
.products .product.last {
  border: none;
}
.products .product .title { float: right; overflow: hidden; width: 360px; }
.products .product h3 {
  float: left;
  width: 120px;
}
.products .product h3 a { display: block; } 
.products .product h3 img { display: block; margin: auto; }
.products .product h2 {
  color: #c34614;
  float: left;
  font-weight: bold;
  font-size: 12pt;
  line-height: auto;
  width: 260px;
}

.products .product h4 {
  color: #c34614;
  float: right;
  font-size: 10pt; 
  text-align: right; 
  width: 100px;
}

.products .product p.desc { clear: right; margin-top: .5em; margin-left: 120px; }

.products .product h5 {
  color: #333;
  font-weight: bold;
  font-size: 10pt;
  line-height: auto;
  margin: 0 0 0 120px;
  text-transform: none;
}

/* ---- product details ---- */

#product h3.manufacturer { 
  color: #333333;
  font-weight: bold;
  font-size: 10pt;
  line-height: auto;
  text-transform: none;
}
#product h1 img { float: right; padding: 0 0 1em 1em; }

#product #price-table {  }
#product #price-table.overflow { display: block; overflow: auto; width: 480px; }
#product table { 
  border: solid 3px #f1ecdf;
  border-collapse: collapse; 
  margin: 1em 0 2em 0; 
}
#product table th { padding: 5px; text-align: center; }
#product table th,
#product table td.th { font-weight: bold; }
#product table td.th { text-align: right; }
#product table td { padding: 5px 20px; text-align: right; white-space: nowrap; }

#product .even { background-color: #f1ecdf; }

#product form { margin-top: 0em; }
#product form input.amount { text-align: center; width: 2.5em; }
#product ul.more { 
  clear: none; 
  float: none; 
  list-style: none;
  margin: 1em 0 1.7em 0;
  padding: 0;
  text-align: left; 
}
#product ul.more a { 
  background-position: top left;
  padding: 0 0 0 18px;
}
#product ul.more a:hover { 
  background-position: left -14px; 
  color: #c34614;
}

#product form ul { 
  border: solid 3px #f1ecdf;
  float: left;
  list-style: none;
  margin: 1em 0 2em 0; 
  padding: 0;
}

#product form ul li { overflow: hidden; padding: 5px 10px 5px 0; }

#product form ul label { 
  float: left; 
  font-weight: bold;
  text-align: right;
  padding: 0 20px;
  width: 90px;
}

#product form .single { display: block; font-weight: bold; text-align: center; }
#product form ul select,
#product form ul input { float: left; }
#product form ul input.submit { margin-left: 130px; }

/* ---- order form ---- */ 

#contentarea .cart .error { color: red; }

#contentarea .cart .contact,
#contentarea .cart .address,
#contentarea .cart .options { 
  float: left; 
  padding-bottom: 2em; 
  margin-right: 10px; 
  overflow: hidden; 
  width: 230px; 
}

#contentarea .cart .contact h2,
#contentarea .cart .address h2,
#contentarea .cart .options h2 { margin-bottom: .5em; }
#contentarea .cart .address label { text-transform: none;  }
#contentarea .cart .address input,
#contentarea .cart .address select { 
  clear: both; 
  margin-bottom: 1em; 
  width: 220px; 
}
#contentarea .cart .address input.checkbox { 
  display: block; 
  float: left; 
  width: auto; 
}
#contentarea .cart .address label.checkbox { padding-bottom: 3em; }
#contentarea .cart .address .zip { 
  display: block; 
  float: left; 
  margin-right: 10px; 
  width: 90px; 
}
#contentarea .cart .address .zip input { width: 90px; }
#contentarea .cart .address .city { 
  display: block;
  float: left; 
  width: 120px; 
}
#contentarea .cart .address .city input { width: 120px; }
#contentarea .cart .address .login { 
  display: block; 
  float: left; 
  width: 230px;
}

#contentarea .cart .options,
#contentarea .cart .account,
#contentarea .cart .contact { clear: both; float: none; width: 480px; }
#contentarea .cart .options label { display: block; float: none; }

#contentarea .cart .contact label,
#contentarea .cart .account label { 
  display: block; 
  float: left; 
  margin-right: 10px;
  width: 230px; 
}
#contentarea .cart .contact label.textarea { 
  clear: both; 
  margin-top: 10px; 
  width: 480px; 
}
#contentarea .cart .contact input,
#contentarea .cart .account input { margin-left: 2px; width: 230px; }
#contentarea .cart .contact textarea { margin-left: 2px; width: 470px; }

#contentarea .cart .short label { display: block; }
#contentarea .cart .short input { width: 230px; }
#contentarea .cart .short input.button { width: auto; }

#contentarea .cart table {
  border-top: 
  solid 1px #c34614; 
  margin: 0; 
  padding: 0; 
}
#contentarea .cart table a { display: block; margin: 0; padding: 0; }
#contentarea .cart table a:hover span { text-decoration: underline; }
#contentarea .cart table span.product { border: none; font-size: 13pt; }
#contentarea .cart table span.details { border: none; font-size: 9pt; }

#contentarea .cart table td { border-bottom: solid 1px #c34614; }
#contentarea .cart table tr { padding: 10px 0; width: 480px; }
#contentarea .cart table tr.headers { display: none; }
#contentarea .cart table td.description { padding: 10px 0; width: 205px; }
#contentarea .cart table td.discount {
  height: 1em; 
  padding-right: 10px; 
  text-align: right; 
  width: 30px; 
}
#contentarea .cart table td.price { text-align: right; width: 69px; }
#contentarea .cart table td.amount { padding: 0 10px; width: 60px; }
#contentarea .cart table td.amount select { text-align: center; }
#contentarea .cart table td.equals { text-align: right; width: 10px; }
#contentarea .cart table td.sum { text-align: right; width: 70px; }
#contentarea .cart table #select-country { width: 200px; }

#contentarea .cart table input { text-align: center; width: 60px; }

#contentarea .cart table.totals { 
  border: none;
  clear: right; 
  float: right; 
  margin: 1em 0 0 0; 
}
#contentarea .cart table.totals tr { 
  border: none; 
  padding: 0; 
  display: inherit; 
}
#contentarea .cart table.totals td { 
  border: none; 
  padding: .1em 0; 
  text-align: right;
}
#contentarea .cart table.totals td.value { 
  padding-left: 2em; 
  text-align: right; 
}
#contentarea .cart table.totals tr.grandtotal td { 
  border-top: solid 3px #c34614; 
  font-weight: bold;
  margin-top: 2px;
  padding: .5em 0;
}

#contentarea .cart h1 {
  background-color: inherit;
  color: #c34614;
  display: block; 
  font-weight: normal;
  font-size: 21px;
  text-transform: uppercase;
}

#contentarea .cart h2.section {
  clear: both;
}

#contentarea .cart form.standard { 
  float: right;
  margin-bottom: 30px;
  overflow: hidden;
  width: 479px;
}
#contentarea .cart form.standard label { 
  color: #c34614;
  display: block;
  font-size: 9pt;
  margin-bottom: .5em;
}
#contentarea .cart form.standard input { width: 100%; }

#contentarea .cart fieldset,
#contentarea .cart form.standard fieldset { 
  clear: both; 
  margin: 0; 
  padding: 0; 
  overflow: hidden; 
}
#contentarea .cart fieldset input,
#contentarea .cart form.standard fieldset input { 
  float: right; 
  margin-left: .5em; 
  width: auto; 
}
#contentarea .cart fieldset input.back { 
  float: left; 
  margin: 0 .5em 0 -3px; 
  padding: 0; 
}

#sidebar.cart { 
  padding: 0px 20px 20px 20px; 
  width: 192px; 
}
#sidebar.cart #login-switch { clear: left; padding-top: 1em; }
#sidebar.cart div { margin: 20px 0; }
#sidebar.cart div p.more { clear: none; display: none; } 
#sidebar.cart input { margin:0; padding: 0;  width: 188px; }
#sidebar.cart input.button { margin: 0; width: auto; }

/* ---- text content styles ---- */ 

h1, h2, h3, h4, h5, h6 {
  color: #c34614;
  font-weight: normal;
}
h1 { 
  font-size: 18pt;
  line-height: 20pt;
}
h2 { 
  font-size: 16pt;
  line-height: 18pt;
}
h3 { 
  font-size: 14pt;
  line-height: 16pt;
}
h4 { 
  font-size: 12pt;
  line-height: 14pt;
  text-transform: uppercase;
}
h5 { 
  font-size: 10pt;
  line-height: 12pt;
  text-transform: uppercase;
}
h6 { 
  font-size: 8pt;
  line-height: 10pt;
  text-transform: uppercase;
}

#contentarea .rechts { float: right; margin: 0 0 1em 1em; }
#contentarea .rechts span { display: block; font-size: 9pt; }
#contentarea .links { float: left; margin: 0 1em 1em 0; }
#contentarea .links span { display: block; font-size: 9pt; }
#contentarea .mittel { width: 480px; }

#contentarea .rechts img,
#contentarea .links img,
#contentarea .mittel img,
#contentarea .Mitte img { display: block; }

#contentarea .seite { 
  float: left; 
  margin-left: -260px; 
  padding: 0 1em 1em 0; 
}
#contentarea .seite span { 
  display: block; 
  font-size: 9pt; 
  padding: 0 1em; 
  width: 200px;
}
.name { text-transform: uppercase; }
.nowrap { white-space: nowrap; }
.clear { clear: both; }

p.note { 
  background-color: #C34614;
  clear: both;
  color: #FBF9F5;
  padding: 1em;
}

table.example {
  border: solid 3px #F1ECDF;
  border-collapse: collapse; 
  margin: 1em 0 2em 0; 
  width: 480px;
}

table.example td { border: solid 1px #F1ECDF; padding: 5px 10px; text-align: center; }
table.example tr.even { background-color: #F1ECDF; }
table.example tr.even td { border: solid 1px #FFF; }

/* ---- search/contact header ---- */ 

#contact {
  height: 120px;
  left: 50%;
  position: absolute;
  top: 1007px;
  width: 400px;
}

#contact p { margin: 0; padding: 0; }
#contact ul { 
  background: transparent url(../i/contact.png) bottom right no-repeat;
  height: 10px;
  list-style: none; 
  margin: 25px 25px 25px 165px; 
  padding: 0;
}
.ie6 #contact ul { background-image: none; }
#contact li { 
  display: block;
  float: left;
  height: 10px;
  margin: 0 17px 0 0;
}
#contact li.contact { margin: 0; }
#contact ul li a {
  display: block; 
  float: left;
  font-size: 5px;
  height: 10px;
  margin: 0;
  outline: none;
  padding: 0;
  text-indent: -9999px;
}
body.ie6 #contact ul li a { line-height: 1px; font-size: 1px; }

#contact li.consulting a { 
  background: transparent url(../i/contact.png) 1px -10px no-repeat;
  width: 64px; 
}
#contact li.directions a { 
  background: transparent url(../i/contact.png) -80px -10px no-repeat;
  width: 55px; 
}
#contact li.contact a { 
  background: transparent url(../i/contact.png) -152px -10px no-repeat;
  width: 56px;
}

#contact ul li.consulting a:hover { background-position: 1px 0; }
#contact ul li.directions a:hover { background-position: -80px 0; }
#contact ul li.contact a:hover { background-position: -152px 0; }

#search { clear: both; margin-top: -15px; }
#search div { padding-right: 25px; text-align: right; }
#search label { background-color: inherit; color: #c34614; }
#search input.button { display: block; height: 14px; visibility: hidden; width: 14px; }
#search input { display: inline; width: 145px;}

/* ---- footer ---- */ 
#foot { 
  border-top: solid 5px #c34614;
  color: #c34614;
  clear: both; 
  font-size: 9pt;
  list-style: none;
  margin: 0 auto 0 auto;
  overflow: hidden;
  padding: 1em 0 1.5em 0;
  width: 740px;
}

#foot li.url { display: none; }
#foot li.copyright { float: left; padding: 0; }
#foot li.copyright:after { content: ""; }
#foot li.impressum:after { content: ""; }
#foot li.home:after { content: ""; }

#foot li { float: right; padding-left: 1em; }
#foot li:after { content: "|"; }
#foot a { padding-right: 1em; }
#foot .impressum a { padding-right: 0; }
#foot .home a { 
  display: block;
  height: 1000px;
  left: 0; 
  margin-top: -1070px;
  position: absolute; 
  top: 0; 
  width: 500px;
}

/* ---- IE6 Fixes ---- */
body.ie6 #wrapper { background-position: top center; width: 100%; }
body.ie6 #contact { left: 50%; top: 7px; width: 400px; }
body.ie6 #contact a { display: inline-block; }
body.ie6 #secondary ul li { height: 1%; }
body.ie6 #secondary ul li a { height: 1%; }
body.ie6 .products .product h2 { height: 1%; }
body.ie6 .products .product h5 { margin-top: -1em; }
body.ie6 .products .product { height: 1%; }
body.ie6 #contentarea .cart .contact input { width: 212px; }
body.ie6 #contentarea .cart .note { padding: 10px 20px 20px 20px; }
