* { margin:0; padding:0; border-width:0; }
html, body { overflow:hidden; color:black; font-size:100.1%; text-align:center; cursor:url(ruthlehnen.cur), default; height:100%; }

body { background:url(../grafik/hg3.jpg) repeat; }

#inhalt { font:0.82em Arial,Helvetica,Verdana,Tahoma,sans-serif;
          text-align:left; background:#fdfdfd; color:rgb(155,36,27);
          overflow:hidden; width:700px; height:300px;
          margin-left:auto; margin-right:auto; padding-top:1em;
          background:url(../grafik/hg3.jpg) repeat;
        }

p { margin-bottom:7px; }
#inhalt a, #inhalt a:link, #inhalt a:visited { text-decoration:none; font-weight:bold; color:#303030; }
#inhalt a:hover { color:#ff0000; }
#inhalt h1 { font-size:1.82em; font-weight:bold; line-height:1.82em; }
#inhalt h1.kleiner { font-size:1.63em; font-weight:bold; line-height:1.63em; }
#inhalt h1.kleiner2 { font-size:1.323em; font-weight:bold; line-height:1.63em; white-space:nowrap; }
#inhalt h2 { font-size:1.32em; font-weight:bold; line-height:1.32em; }
#inhalt h3 { font-size:1.12em; font-weight:bold; line-height: 1.12em; }

.bold { font-weight:bold; }
.bold span { font-weight:normal; }

table.bold tr td { padding-left:0.5em; padding-right:0.5em; }

.festoben { text-align:left; font:0.75em bold Arial,Helvetica,Verdana,Tahoma,sans-serif;
          background:#fdfdfd; margin-left:auto; margin-right:auto; padding-top:1.2em; padding-bottom:0.3em;
          overflow:hidden; width:700px; background:url(../grafik/hg3.jpg) repeat; width:700px;
          }

#festrechts { font:1em Arial,Helvetica,Verdana,Tahoma,sans-serif;
          text-align:left; background:transparent;
          overflow:visible; width:31%; margin-left:auto; margin-right:auto;
          float:left; position:relative; overflow:auto; height:400px;
          }

.festoben a { padding-left:0.75em; padding-right:0.2em; } /* <=== 0.8em für weiteren Menüpunkt */
/*                                                        ================================= */

.festoben a, #festrechts a, .festoben a:link, #festrechts a:link, .festoben a:visited, #festrechts a:visited { text-decoration:none; font-weight:bold; color:#303030; }
.festoben a:hover, #festrechts a:hover { color:#ff0000; }
.festoben a.aktiv, festrechts a.aktiv { color:rgb(155,36,27); }
#festrechts img { padding-top:0.8em; }

.einrueck { margin-left:20px; }

#start { margin-left:auto; margin-right:auto; margin-top:20px; border-collapse:collapse; border-spacing:0; overflow:hidden;
font:14px "Comic Sans MS",Arial,Helvetica,Verdana,Tahoma,sans-serif;
font-weight:bold; }
#start tr td { padding:0; margin:0; display:block; float:left; width:110px; height:110px; vertical-align:middle; text-align:center; overflow:visible; }
#start tr td img { display:block; width:110px; height:110px;  }
#start tr td a { line-height:110px; text-decoration:none; color:#000000; width:110px; height:110px; display:block; }
#start tr td a.shop { line-height:1em; text-decoration:none; color:#000000; width:110px; height:70px; padding-top:40px; display:block; }
#start tr td a:hover { color:#ff0000;  }
#start tr td a span { position:absolute; width:1px; height:1px; overflow:hidden; }
#start tr td a:hover span
{ left:10%; top:20px; width:140px; height:auto; overflow:visible;  font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 0.88em; line-height:1.15em;
font-style:normal; font-weight:bold; font-variant:normal; color:#953c02; margin-bottom:0.5em;
background-color:#c0c0ff; background:url(../grafik/hg2.jpg) repeat; text-align:center; padding:1em; }

#start tr td a:hover span.row2 { top:130px; }
#start tr td a:hover span.row3 { top:240px; }
#start tr td a:hover span.row4 { top:350px; }
#start tr td a:hover span.row5 { top:460px; }

#navbilder { margin-left:auto; margin-right:auto; margin-top:20px; width:700px; white-space:nowrap; }
#navbilder img { width:70px; height:70px; }
#navlinks, #fusszeile, .fuss { display:block; clear:both; margin-left:auto; margin-right:auto; margin-top:5px; width:700px; overflow:visible; text-align:right; white-space:nowrap; }
#navlinks a, #fusszeile a { padding-left:0.27em; padding-right:0.27em; text-decoration:none; font:bold 0.75em Arial,Helvetica,Verdana,Tahoma,sans-serif; color:#303030; width:100%; }

.fuss span a { padding-left:0.27em; padding-right:0.27em; text-decoration:none; font:bold 0.69em Arial,Helvetica,Verdana,Tahoma,sans-serif; color:#303030; }

#navlinks a:hover { color:#ff0000; }

.thumbs, .thumbs2, .thumbs3,
.thumbsg, .thumbsg2, .thumbsg3, .thumbsg4
{ clear:right; width:700px; height:70px; overflow:visible; text-align:right; position:relative; margin-left:auto; margin-right:auto; line-height:0px; }

.thumbsg, .thumbsg2, .thumbsg3, .thumbsg4 { height:50px; }

.thumbs a img, .thumbs2 a img, .thumbs3 a img,
.thumbsg a img, .thumbsg2 a img, .thumbsg3 a img, .thumbsg4 a img
{ height:70px; border-width:0; margin:0; padding:0;  }

.thumbsg a img, .thumbsg2 a img, .thumbsg3 a img, .thumbsg4 a img { height:50px; }

.thumbs a, .thumbs a:visited, .thumbs2 a, .thumbs2 a:visited, .thumbs3 a, .thumbs3 a:visited,
.thumbsg a, .thumbsg a:visited, .thumbsg2 a, .thumbsg2 a:visited, .thumbsg3 a, .thumbsg3 a:visited, .thumbsg4 a, .thumbsg4 a:visited
{ display:block; text-decoration:none; float:right; width:auto; }

.thumbs a:hover, .thumbs2 a:hover, .thumbs3 a:hover,
.thumbsg a:hover, .thumbsg2 a:hover, .thumbsg3 a:hover, .thumbsg4 a:hover { white-space:normal; }

.thumbs a span, .thumbs2 a span, .thumbs3 a span,
.thumbsg a span, .thumbsg2 a span, .thumbsg3 a span, .thumbsg4 a span
{ position:absolute; left:0px;  top:-300px; width:1px; height:1px; overflow:hidden; }

.thumbs a:hover span img,
.thumbs2 a:hover span img,
.thumbs3 a:hover span img,
.thumbsg a:hover span img,
.thumbsg2 a:hover span img,
.thumbsg3 a:hover span img,
.thumbsg4 a:hover span img
{ float:left; padding-right:15px; width:auto; height:auto; }

.thumbs a:hover span img, .thumbs2 a:hover span img, .thumbs3 a:hover span img { margin-top:-50px; }

/* Vertikaler Versatz (dy) der Bildbeschreibungen:

hover span img margin-top = -dy
hover span padding-top = dy
hover span height = Bildhöhe - dy
*/

.thumbs a:hover span { display:block; left:0px;  top:-302px; width:700px; height:250px; overflow:visible;
font-family:Verdana,Arial,Helvetica,sans-serif; font-size:0.75em; line-height:1.15em;
font-style:normal; font-weight:bold; font-variant:normal; color:#953c02;
background-color:#c0c0c0; text-align:left; background:url(../grafik/hg3.jpg) repeat; padding-top:50px; }

.thumbs2 a:hover span { left:0px;  top:-372px; width:700px; height:250px; overflow:visible;
font-family:Verdana,Arial,Helvetica,sans-serif; font-size:0.75em; line-height:1.15em;
font-style:normal; font-weight:bold; font-variant:normal; color:#953c02;
background-color:#c0c0c0; text-align:left; background:url(../grafik/hg3.jpg) repeat; padding-top:50px; }

.thumbs3 a:hover span { left:0px;  top:-442px; width:700px; height:250px; overflow:visible;
font-family:Verdana,Arial,Helvetica,sans-serif; font-size:0.75em; line-height:1.15em;
font-style:normal; font-weight:bold; font-variant:normal; color:#953c02;
background-color:#c0c0c0; text-align:left; background:url(../grafik/hg3.jpg) repeat; padding-top:50px; }

.thumbsg a:hover span { display:block; left:0px; top:-359px; width:700px; height:350px; overflow:visible;
font-family:Verdana,Arial,Helvetica,sans-serif; font-size:0.75em; line-height:1.15em;
font-style:normal; font-weight:bold; font-variant:normal; color:#953c02;
background-color:#c0c0c0; text-align:left; background:url(../grafik/hg3.jpg) repeat; }

.thumbsg2 a:hover span { left:0px; top:-409px; width:700px; height:350px; overflow:visible;
font-family:Verdana,Arial,Helvetica,sans-serif; font-size:0.75em; line-height:1.15em;
font-style:normal; font-weight:bold; font-variant:normal; color:#953c02;
background-color:#c0c0c0; text-align:left; background:url(../grafik/hg3.jpg) repeat; }

.thumbsg3 a:hover span { left:0px; top:-459px; width:700px; height:350px; overflow:visible;
font-family:Verdana,Arial,Helvetica,sans-serif; font-size:0.75em; line-height:1.15em;
font-style:normal; font-weight:bold; font-variant:normal; color:#953c02;
background-color:#c0c0c0; text-align:left; background:url(../grafik/hg3.jpg) repeat; }

.thumbsg4 a:hover span { left:0px; top:-509px; width:700px; height:350px; overflow:visible;
font-family:Verdana,Arial,Helvetica,sans-serif; font-size:0.75em; line-height:1.15em;
font-style:normal; font-weight:bold; font-variant:normal; color:#953c02;
background-color:#c0c0c0; text-align:left; background:url(../grafik/hg3.jpg) repeat; }

.abstand { padding-left:1px; padding-right:1px; }
.abstandr { padding-right:1px; }
.abstandl { padding-left:1px; }

.tienda li { height:300px; width:700px; border:1px solid #ff8000; overflow:visible;  }
.tienda li img { float:left; width:auto; height:250px; display:block; }
.artikeltext { overflow:visible;  }
.tds1, .tds3 { width:8%; }
.tds2, .tds4 { width:5%; }

.btds1 { width:4%; }
.btds2 { width:6%; }
.btds3 { width:6%; }
.btds4 { width:16%; }

.bestelldaten td input { margin-right:1em;  }
.bestelldatenheader td input { margin-right:1em; background-color:transparent; color:rgb(155,36,27); }

#inhalt a.info { position:relative; z-index:24; color:rgb(155,36,27); font-weight:normal; }

#inhalt a.info:hover{z-index:25; }

#inhalt a.info span{display: none}

#inhalt a.info:hover span{
    display:block; position:absolute; top:2em; left:2em; width:15em;
    border:1px solid rgb(155,36,27);
    background-color:#e0e0e0; color:#000;
    text-align: center}