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

/*
body {background-color:#efefef; color:#3F3F3F;
      font-family: Verdana,sans-serif; font-size:1em;
      margin:10px 29ex 0 0; padding:0; height:97%; vertical-align:top;}
*/
body {background-color:#efefef; color:#3F3F3F;
      font-family: Verdana,sans-serif; font-size:1em;
      margin:10px 29ex 0 0; padding:0; height:97%; vertical-align:top;}

#rahmen {margin:0 0 0 0; padding:10px; min-height:94%; background-color:white;}

#fuss {text-align:center; margin:0 0 10px 0; padding:4px 0 12px 0;
  border-top:1px solid gray;}

h1 {font-size:160%; clear:both;}
h2 {font-size:140%;}
h3 {font-size:120%;}
h4 {font-size:100%; font-weight:bold;}

caption {font-weight:bold;}

ul {list-style-type:square; padding-left:25px;}
ul ul {list-style-type:disc; padding-left:15px;}
ul ul ul {list-style-type:circle;}
ul ul ul ul {list-style-type:none;}

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

table {border:none; border-collapse:collapse;}
table thead td, table thead th {
  vertical-align:bottom; background-color:#ffcd82; font-weight:bold;}
table thead td.mehrspalten {text-align:center!important;}
table tr.g td, table tr.g th {background-color:#fffbb3;}
table td, table th {padding:0 3px; text-align:left;}
table tr td:first-child, table tr th:first-child {padding-left:0;}
/*table tr td:last-child, table tr th:last-child {padding-right:0;}*/
table td.text {text-align:left!important;}
table td.zahl {text-align:right!important;}

#produktbild h1 {margin-top:0;} /* sonst zuviel Abstand oben */

#navigation {
  background-color:#FFFA97; color:black; width:26ex; min-width:210px;
  position:absolute; top:10px; right:10px; margin-top:0; padding:0;
  text-align:left;}
#navigation img {border:0; margin:0;}
#navigation ul {list-style-type:none; border-top:1px solid black;
  padding:0; margin:0;}
#navigation li {border-bottom:1px solid black; margin:0; list-style-type:none;}
/* #navigation ul.unterseiten {margin-left:20px;} */
#navigation ul.unterseiten li {padding-left:20px;}
#navigation a, #navigation span.aktuelleseite {text-decoration:none;
  display:block; padding:5px;}
#navigation span.aktuelleseite {background-color:white;}
#navigation a.aktuellegruppe, #navigation span.aktuelleseite {font-weight:bold;}
#navigation a:link {color:#262c80;}
#navigation a:visited {color:#262c80;}
#navigation a:hover {background-color:#f5cd5e; color:white;}

#navigation li {clear:both;}
#navigation a.unterseiten {text-align:right;}
#navigation a span.unterseiten {display:block; float:left;}
#navigation a span.pfeil {font-weight:bold;}

#navigation #sprachauswahl {text-align:center;}
#navigation #sprachauswahl button {
}

#navigation #sprachauswahl {margin:10px 0;}
#navigation #sprachauswahl p {margin:0 auto; padding:0;}
#navigation #sprachauswahl form {margin:0; padding:0; display:inline;
  height:auto; width:auto;}
#navigation #sprachauswahl form button {
  background-color:transparent; border:none; padding:0; margin:0 auto;
  display:block; width:auto; height:1.6em; cursor:pointer; text-align:center;
  vertical-align:middle;
  font-family: arial,helvetica,sans-serif; font-size:1em;}


.promotion {display:none!important;}

#navigationOben {background-color:#ffeebf; margin:0 0 15px 0; padding:0;
  float:left; width:100%; list-style-type:none;}
#navigationOben a {margin:3px 2px; padding:3px 0 3px 0; text-align:center;
  display:block; float:left; width:17ex; border:1px solid #f5cd5e;
  text-decoration:none;}
#navigationOben a:hover {background-color:#f5cd5e;}

#bewertung {margin:15px 0; border: 1px solid gray; text-align:center; font-weight:bold;}

body#index {margin:200px 30ex 0 200px; background-color:white;}
#index #bildoben {position: absolute; top:0; left:0;}
#index #bildlinks {position: absolute; top:200px; left:0;}

#index address {display:block; width:100%; height:240px; text-align:center;
  vertical-align:middle; padding:80px 0; margin-bottom:60px;
  font-style:normal; font-size:20px;}
#index address span {display: block;}
#index address span.fn {font-size:42px!important;}
#index address span.titel {font-size:23px!important;}
#index address span.zeile span {display:inline;}

#index table.produkte {width:auto; empty-cells:show;
  border-bottom: 1px solid black; border-collapse:collapse;}
#index table.produkte th {width:100px; height:100px; border:none;
  border-top:1px solid black;}
#index table.produkte th img {width:100px; height:100px;}
#index table.produkte td {border:none; text-align:left; width:auto;
  height:auto; vertical-align:top; padding-top:10px; padding-left:10px;}
#index table.produkte td.titel {height:1ex; border-top:1px solid black;}
#index table.produkte caption {text-align:left;
  font-weight:bold; padding-bottom: 5px;}


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

#widerrufsrecht {border: 2px solid gray; margin-top: 20px; padding:0 10px;}
.belehrung {padding:5px 10px; background-color:#FFF13E;}

#bedienungsanleitungen h1, #bedienungsanleitungen #suchen {
	margin:20px 20px 20px 0; padding-top:0;}
#bedienungsanleitungen h1 {float:left}
#bedienungsanleitungen table {border:none; border-collapse:collapse;
  empty-cells:show; clear:both;}
#bedienungsanleitungen caption {font-size:110%; font-weight:bold;
  margin-bottom:3px; text-align:center; clear:both;}
#bedienungsanleitungen table td {border:none; text-align:left;
  padding:3px 5px 3px 0;}
#bedienungsanleitungen tr.g td {background-color:#FFFFCC;}
#bedienungsanleitungen tr.kategorie td {background-color:#FFFA97;
  border-top:1px solid gray; border-bottom: 1px solid gray; font-weight:bold;}
#bedienungsanleitungen table td.bereich {text-align:center;}

#stichwortverzeichnis dt {font-weight:bold; margin-top:10px;}
#stichwortverzeichnis dt b {color:red;}

body.kategorien #rahmen {text-align:center;}
body.kategorien table {border:none; border-collapse:collapse; margin:auto;}
body.kategorien table td {
  text-align:left; border:none; vertical-align:top; padding:5px;}
body.kategorien table td.zahl {text-align:right; padding-left:10px;}
body.kategorien h3 {margin-bottom:4px;}

body#kategorie h1 {float:left;}
body#kategorie #linkUebersicht {display:block; float:right;padding:5px;}
body#kategorie table#produktliste {
  clear:both; border:none; border-collapse:collapse;}
body#kategorie table#produktliste tr.beginn td {border-top:3px solid #f5cd5e;
  background-color:#ffeebf; height:1%;}
body#kategorie table#produktliste tr.ende td {border-bottom:3px solid #f5cd5e;
  height:auto;}
body#kategorie table#produktliste td {
  text-align:left; border:none; vertical-align:top; padding:3px;}
body#kategorie 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#kategorie table#produktliste td.artikelnr {width:1%; white-space:nowrap;}
body#kategorie table#produktliste td.titel {font-weight:bold;}
body#kategorie table#produktliste td.shoplink {text-align:center;}
body#kategorie table#produktliste td.info {vertical-align:middle;
  text-align:center;}

body#produkt #produktbeschreibung {text-align:left; margin-bottom:15px;}
body#produkt #produktbeschreibung h1, body#produkt #produktbeschreibung h2
  {text-align:center;}
body#produkt #produktbeschreibung h1 span {font-size:80%!important; color:gray;}
body#produkt #produktbeschreibung h3 {font-size:120%; margin:10px 0 4px;
  padding:0;}
body#produkt #produktbeschreibung .kurzbeschreibung {
  font-size:100%; margin:0; 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 a { display:block;
  border:1px solid white; margin:0; padding:1px; width:100px; height:100px;
  background-color:inherit;}
body#produkt #produktbeschreibung #vorschaubilder td a:hover {
  border:1px solid blue;}
body#produkt #produktbeschreibung #vorschaubilder td a img {
  border:none; margin:0; padding:0;}

body#produkt .artikelliste {margin-bottom: 15px;}
body#produkt .artikelliste td {vertical-align:top; text-align:left;}

body#produktbild {text-align:center;}
body#produktbild .kurzbeschreibung {font-size:100%; margin:0 0 15px 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;}


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