/* 
  Some styles were inspired by Natalie Downe's article in 24ways: 
  http://24ways.org/2007/back-to-the-future-of-print
*/

img { border: none; }

#overview,
.no-print,
form#add,
#category-warning,
#head a,
#head span,
#search,
#splash,
#overview,
#primary,
#contact,
#secondary { display: none; }
#content { 
  margin-left: 115px; 
}
h1, h2 { 
  background-color: inherit;
  color: #c34614;
  display: block; 
  font-weight: normal;
  font-size: 17pt;
  line-height: 29pt;
}

body {
  font-family: Georgia, "Times New Roman, serif";
  font-size: 12pt;
  line-height: 20pt;
}

/* Go wild on links */
a:link:after,
a:visited:after,
a:hover:after,
a:active:after {
  content: " <" attr(href) "> ";
  color: #8D7E95;
  font-style: italic;
  font-weight: normal;
  border: none;
}
a[href^="/"]:after {
  content: " <http://naturfarben-leipzig.de"attr(href)"> ";
}
a[href^="mailto"]:after {
  content: "";
}

/* Tone links back in some areas */
#contentarea.home a:after,
#foot a:after,
.product a:link:after,
.product a:visited:after,
.product a:hover:after,
.product a:active:after { content: ""; }
#contentarea.home a { color: #000; font-weight: bold; text-decoration: none; }

/* Jazz up the headers */
h1 {
  border-bottom: 5px double #c34614;
  font-size: 3em;
  text-align: center;
  padding: 0 0 0.7em 0;
  font-variant: small-caps;
  font-weight: thinner;
}
h2 {
  border-bottom: 1px solid #c34614;
  padding: 0 0 0.1em;
  font-size: 1.3em;
}
h3 {
  font-size: 1.1em;
  margin: 1em 0 0.2em 0;
  text-decoration: none;
  color: #999999;
}
p { margin: 0.5em 0 1em 0; }

#foot {
  border-top: 5px double #c34614;
  font-size: 1em;
  text-align: center;
  margin-left: 120px;
  padding: 0 0 0.7em 0;
  font-variant: small-caps;
  font-weight: thinner;
}

#contentarea { margin-left: 120px; }

#foot a { color: #000; text-decoration: none; }
#foot li { display: none; }
#foot li.copyright { display: block; }
#foot li.url { display: block; }

#contentarea .rechts { 
  border-left: solid 1em #fff; 
  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 .seite { display: none; }

/** products in list **/
.products .product {
  border-bottom: solid 1px #c34614;
  overflow: hidden;
  padding: 1em 0 1em 0;
  position: relative;
}
#contentarea.home .products .product.first { border: none; }
#contentarea.home .products .product.last { border-top: solid 1px #c34614; }
.products .product.first {
  border-top: solid 1px #c34614;
}
.products .product.last {
  border: none;
}
.products .product .title { 
  float: right; 
  overflow: hidden; 
  margin: 0; 
  padding: 0; 
  width: 75%; 
}
.products .product h3 {
  float: left;
  width: 25%;
}
.products .product h3 a { display: block; } 
.products .product h3 img { display: block; margin: auto; }
.products .product h2 {
  border: none;
  color: #c34614;
  float: left;
  font-weight: bold;
  font-size: 12pt;
  line-height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 260px;
}
.products .product h2 a { color: #c34614; text-decoration: none; }
.products .product h4 {
  color: #c34614;
  float: right;
  font-size: 10pt; 
  margin: 0;
  padding: 0;
  text-align: right; 
  width: 100px;
}

.products .product p.desc { clear: right; margin-top: .5em; margin-left: 25%; }
.products .product p.more { display: none; }

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

/** product detail **/
#product h1 { text-align: left; }
#product h3 { display: none; }
#product img.print-only { float: right; border-left: solid 1em #fff;}
#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 table td,
#product table th  { 
  border: solid 3px #f1ecdf;
}