body { margin-top:10px; margin-bottom:10px; }
p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i
     { font-family:Arial,sans-serif; color:#1E1E1E }



a,p,li,td { font-size:13px; text-align:justify; }
ul,ol,div,td,th,address,nobr,i { font-size:13px; }
h1{ font-size:15px; }
h2 { font-size:14px; }
h3 { font-size:13px; }
h4 { font-style:bold; font-size:3mm; }
td.mini { font-size:6px; text-align:justify; }



table.big { border:black solid 1px ;padding:1cm}
pre { font-family:tt; font-color="black" }
a:link { color:#2504f9; text-decoration:underline; }
a:visited { color:#2504f9; text-decoration:underline; }
a:active { color:#000000; text-decoration:none; }



a.logo { display:block; background-image:url(logo1.jpg); width:780px; height:212px; }
a:hover.logo { background-image:url(logo2.jpg); }

a.bild1 { display:block; background-image:url(goldenes_lamm_treuchtlingen_front2.jpg); width:160px; height:123px; }
a:hover.bild1 { background-image:url(mehr-bilder-klick.jpg); }

a.bild2 { display:block; background-image:url(goldenes_lamm_treuchtlingen_schmidt2.jpg); width:160px; height:123px; }
a:hover.bild2 { background-image:url(mehr-bilder-klick.jpg); }

a.bild3 { display:block; background-image:url(goldenes_lamm_treuchtlingen_schaeufele2.jpg); width:160px; height:123px; }
a:hover.bild3 { background-image:url(mehr-bilder-klick.jpg); }

a.schild { display:block; background-image:url(goldenes-lamm-treuchtlingen-schild.jpg); width:160px; height:123px; }
a:hover.schild { background-image:url(mehr-bilder-klick.jpg); }

a.schild-start { display:block; background-image:url(goldenes-lamm-treuchtlingen-schild.jpg); width:160px; height:123px; }
a:hover.schild-start { background-image:url(zur-startseite.jpg); }

a.wirtsleute { display:block; background-image:url(goldenes-lamm-wirtsleute-klein.jpg); width:570px; height:369px; }
a:hover.wirtsleute { background-image:url(goldenes-lamm-wirtsleute2-klein.jpg); }

a.kachelofen { display:block; background-image:url(goldenes-lamm-kachelofen-klein.jpg); width:290px; height:216px; }
a:hover.kachelofen { background-image:url(goldenes-lamm-kachelofen2-klein.jpg); }

a.alte-wirtschaft { display:block; background-image:url(goldenes-lamm-alt-klein.jpg); width:160px; height:118px; }
a:hover.alte-wirtschaft { background-image:url(goldenes-lamm-alt2-klein.jpg); }

a.nische { display:block; background-image:url(goldenes-lamm-nische-klein.jpg); width:290px; height:216px; }
a:hover.nische { background-image:url(goldenes-lamm-nische-klein2.jpg); }

a.tafel1 { display:block; background-image:url(goldenes-lamm-tafel1-klein.jpg); width:290px; height:216px; }
a:hover.tafel1 { background-image:url(goldenes-lamm-tafel1-klein2.jpg); }

a.tafel2 { display:block; background-image:url(goldenes-lamm-tafel2-klein.jpg); width:290px; height:216px; }
a:hover.tafel2 { background-image:url(goldenes-lamm-tafel2-klein2.jpg); }

a.biergarten2 { display:block; background-image:url(goldenes-lamm-biergarten2-klein.jpg); width:290px; height:218px; }
a:hover.biergarten2 { background-image:url(goldenes-lamm-biergarten2-klein2.jpg); }

a.biergarten1 { display:block; background-image:url(goldenes-lamm-biergarten1-klein.jpg); width:290px; height:218px; }
a:hover.biergarten1 { background-image:url(goldenes-lamm-biergarten1-klein2.jpg); }



/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none;
  font-style: italic;
  color: #0000ff;
  }

a.tooltip:hover {
  color: #0000ff;
  background: transparent;
  }

a.tooltip span {
  display: none;
  text-decoration: none;
}

a.tooltip:hover span {
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 125px;
  z-index: 100;
  color: #000000;
  border:1px solid #000000;
  background: #FFFFCC;
  font: 10px Verdana, sans-serif;
  text-align: left;
  }

/* Absoluter Tooltip */
div#links {
  position: relative;
  top: 10px;
  left: 0px;
  width: 170px;
  height: 160px;
  font: 16px Verdana, sans-serif;
  z-index: 100;
  }

div#links a {
  display: block;
  text-align: center;
  font: bold 1em sans-serif;
  padding: 5px 10px;
  margin: 0 0 1px;
  border-width: 0;
  text-decoration: none;
  color: #FFFFCC;
  background: #444444;
  }

div#links a:hover {
  color: #441111;
  background: #AAAAAA;
  border-left: 5px double white;
  border-right: 5px double white;
  }

div#links a span {display: none;}
div#links a:hover span {
   display: block;
   position: absolute;
   top: 95px;
   left: 0;
   width: 160px;
   padding: 5px;
   z-index: 100;
   color: #000000;
   background: #FFFFCC;
   font: 10px Verdana, sans-serif;
   text-align: center;
   }