html {padding:0; margin:0; width:100%; height:100%;}

body {background-color:white; color: #3F3F3F;
      font-family: Arial,Helvetica,sans-serif; font-size:1em;
      margin:0 30ex 0 0; padding:10px; }

h1 {font-size:160%;}
h2 {font-size:140%;}
h3 {font-size:120%;}

caption {font-weight:bold; text-align:center; margin:auto; width:100%;}

/* a {text-decoration: underline;} */
a:link    {color:blue; background-color:transparent; text-decoration:underline;}
a:visited {color:navy; background-color:transparent;}
a:hover   {color:white; background-color:blue;}
a.aktuellesprodukt:hover {background-color: transparent;}

.alt {display: none!important;} /* Alternativtexte für die Suche */
.schluesselworte {display:none!important;}
.promotion {display:none!important;}
.holdpeak span {color:red;}

body.layout1 {text-align:center; margin:0; padding:0; height:98%;}
/*body.layout1 #layout {border:1px solid red;} */
body.layout1 #layout {width:600px; min-height:95%; margin:10px auto 0 auto;
  background-color:#fffcdf;}
body.layout1 table#kopf {margin:0; padding:0; width:100%;
  border-collapse:collapse; background-color:#f5cd5e;}
body.layout1 table#kopf td {text-align:left; padding:0; margin:0; vertical-align:middle;}
body.layout1 img#hplogo {margin:0;}

body.layout1 ul#navigationKopf {text-align:left; margin:0; 
list-style-type:square; padding-left:15px;}
body.layout1 ul#navigationKopf li {margin-left:0;}
body.layout1 ul#navigationKopf span.aktuelleseite{font-weight:bold;}
body.layout1 ul#navigationKopf a {display:block; text-decoration:none;
  color:#b14344;}
body.layout1 ul#navigationKopf a:link {color:#b14344;}
body.layout1 ul#navigationKopf a:visited {color:#b14344;}
body.layout1 ul#navigationKopf a:hover {color:white; background-color:inherit;}

body.layout1 table#navigationOben {border:none; border-collapse:collapse;
  width:100%; margin:0;}
/*
body.layout1 #navigationOben td {border:1px solid gray; text-align:center; padding:0; width:33%;}
*/
body.layout1 #navigationOben td {border:none; border-bottom:5px solid #ffeebf; text-align:center; padding:0; width:33%;}
body.layout1 #navigationOben td span.aktuelleseite {padding:3px;
  font-weight:bold; background-color:#ffeebf; display:block;}

body.layout1 #navigationOben a {display:block; padding:3px; color:black; text-decoration:none; font-weight:bold;}
body.layout1 #navigationOben a:visited {background-color:inherit; color:black;}
body.layout1 #navigationOben a:hover {background-color:transparent; color:#b1594f;}
body.layout1 #navigationOben a.aktuellerbereich {background-color:#ffeebf;}

body.layout1 #fuss {width:600px; text-align:center; margin:0 auto 10px auto; padding:4px 0; background-color:#ffeebf;}
body.layout1 #fuss span {color:red;}

body#index #text {padding:50px;}
body#index #begruessung {font-size:120%; font-weight:bold;}

body#impressum table {width:100%;}
body#impressum table td.kopf {height:1%; text-align:center;}
body#impressum table td.impressum {vertical-align:middle; text-align:center;}
body#impressum table.impressum {border:none; height:auto; width:auto; margin:auto;}
body#impressum .impressum th {text-align:right; vertical-align:top;}
body#impressum .impressum td {text-align:left; vertical-align:top;}
body#impressum .impressum td p {padding:0; margin:0;}
body#impressum .impressum tr.tel th, #kontaktseite tr.tel td {padding-bottom:0;}
body#impressum .impressum tr.fax th, #kontaktseite tr.fax td {padding-top:0;}
body#impressum .impressum td span {float:left; width:10.5em;}
#impressum table td address {display:block; font-weight:normal;
  font-style:normal;}
#impressum table td address span {display:block; float:none!important;}

body#kontakt p {margin:0; padding:2px;}
body#kontakt form table {margin:0; border-collapse:collapse; border:none;
  width:99%;}
body#kontakt form table caption {
  font-size:120%; font-weight:bold; margin:20px 0 5px 0;}
body#kontakt form table th, body#kontakt form table td {
  border:none; text-align:left; padding:0;}
body#kontakt form table th {padding-right:3px;}
body#kontakt form table .absenden,
body#kontakt form table .email {text-align:right;}

body#kontakt form table .bez, body#kontakt form table .feld {width:1%;}
body#kontakt form table .zr {width:auto;}
body#kontakt form table textarea {width:99%;}

body#kontakt .fehlermeldungen {border: 1px solid red; padding:5px;}
body#kontakt .fehlermeldungen p {font-weight:bold; margin:0; padding:0;}
body#kontakt .fehlermeldungen ul {text-align:left; margin:auto; width:40ex;}

/*form th, form td {border:2px solid green!important;} */

body#kontakt form table .fehler input,
body#kontakt form table .fehler textarea {border: 2px solid red;}

body#kontakt table#nachricht {border:none; border-collapse:collapse;}
body#kontakt table#nachricht th, body#kontakt table#nachricht td {
  border:none; text-align:left;}
body#kontakt table#nachricht th {width:1%; pading-right:3px;}

body#produkte table#produktliste {border:none; border-collapse:collapse;}
body#produkte table#produktliste tr.beginn td {border-top:3px solid #f5cd5e;
  background-color:#ffeebf; height:1%;}
body#produkte table#produktliste tr.ende td {border-bottom:3px solid #f5cd5e;
  height:auto;}
body#produkte table#produktliste td {
  text-align:left; border:none; vertical-align:top; padding:3px;}
body#produkte table#produktliste td.bild {padding:0; text-align:center;
  vertical-align:middle; width:100px; height:100px;
  background-color:white!important; border-bottom:3px solid #f5cd5e;}
body#produkte table#produktliste td.artikelnr {width:1%; white-space:nowrap;}
body#produkte table#produktliste td.titel {font-weight:bold;}
body#produkte table#produktliste td.shoplink {text-align:center;}
body#produkte table#produktliste td.info {vertical-align:middle;
  text-align:center;}

body#produkt table#produktnavigation {margin:auto;}
body#produkt table#produktnavigation td {padding:2px 5px;}

body#produkt #produktbeschreibung {text-align:left; margin-bottom:15px;}
body#produkt #produktbeschreibung h2.kurzbeschreibung {
  font-size:100%; margin:0; padding:0;}
body#produkt #produktbeschreibung h3 {font-size:120%; margin:10px 0 4px;
  padding:0;}
body#produkt #produktbeschreibung ul {margin-top:0; margin-bottom:0;}
body#produkt #produktbeschreibung table#vorschaubilder {
  border:none; margin:15px auto 0; border-collapse:collapse;}
body#produkt #produktbeschreibung #vorschaubilder td {
  border:none; padding:0;}
body#produkt #produktbeschreibung #vorschaubilder td button {
  border:1px solid white; margin:0; padding:0; width:100px; height:100px;
  background-color:inherit; cursor:pointer}
body#produkt #produktbeschreibung #vorschaubilder td button:hover {
  border:1px solid blue;}
body#produkt #produktbeschreibung #vorschaubilder td button img {
  border:none; margin:0; padding:0;}

table.tdd { /* TechnischeDatenDetail */
  border:none; background-color: #D4D4D4; border-collapse:separate;
  empty-cells:show; margin-bottom:20px;}
table.tdd caption {font-weight:bold; font-size:110%;margin-top:10px;}
table.tdd thead td {font-weight:bold; vertical-align:bottom;}
table.tdd td, table.tdd th {
  padding:2px 4px; text-align: left; vertical-align:middle;
  background-color:white}
table.tdd td.genauigkeit, table.tdd th.genauigkeit,
table.tdd td.wert, table.tdd th.wert {text-align: center;}

table.tddwerte td, table.tddwerte th {text-align: center;}

/*body#produkte table#produktliste td {border:1px solid red}*/

body#bedienungsanleitungen table.bedienungsanleitungen {
  border:none; margin:auto;}
body#bedienungsanleitungen table.bedienungsanleitungen td {
  border:none; padding:3px; text-align:left;}
body#bedienungsanleitungen table.bedienungsanleitungen tr.u td {
  background-color:#ffeebf;}

@media print {
  /* Style-Sheet zum Drucken */
  body {color: black; background-color: white; padding:0 !important;
        margin:0!important; font-size:12pt;}
}