﻿/* Galeriedefinitionskrams*/
/* photo klasse - container erstellen */
   .photo {
      width:650px;
      height:365px;
      text-align:left;
      position:absolute;
      margin:0 auto;
/*      background:#000000;   */
   }

/* Listenbereich Topic erstellen */
   .photo ul.topic {
      padding:0;
      margin:0 0 0 40px;
      list-style:none;
      width:650px;
      height:auto;
      position:relative;
      z-index:10; 
   }

/* Aufzaehlungsbereich erstellen und Aufzaehlungszeichen aendern, sowie mit Farbe ausfllen */
   .photo ul.topic li.set ul   {
      display:block;
      position:absolute;
      left:0; top:31px;
      list-style:none;
      padding:0;
      margin:0;
      height:auto;
      background:#FFDD79;
      width:500px;
      padding:30px 10px;
      border:10px solid #FF9900;
      z-index:1;
   }

/* Aeusserer Rand */
   .photo ul.topic li ul li   {
      display:inline;
      width:120px; /*112*/
      height:105px; /*95*/
      float:left;
      /*border:1px solid #FF9900;*/
      margin:1px;
   }

/* Innerer Rand */
   .photo ul.topic li ul li a {
      display:block;
      width:140px;
      height:120px;
      margin:5px 0 0 -8px;
      cursor:default;
      float:left;
      text-decoration:none;
      background: #FFDD79;
      border:1px solid #FFDD79;
/*      background:#000000;         */
   }

/* Bild */
   .photo ul.topic li ul li a img {
      display:block;
      width:120px; /*100*/
      height:100px; /*75*/
      border:5px solid #FF9900;
/*      background:#000000;         */
   }

/* Maus ueber Link */
   .photo ul.topic li.set ul li a:focus {
      white-space:normal;    /* automatischer Zeilenumbruch */
      position:relative;      /* absolute, fixed, relative, static */
/*      width:112;                */
   }
   
/* Maus ueber Bild */
/* Anzeigen und positionieren des vergroesserten Bildes */
   .photo ul.topic li a:focus img {
      position:absolute;
      left:-50px;
      top:-32px;
      width:320px;
      height:240px;
      border-color:#FF9900;
   }
#galleryspacer

/* Platzhalter fÃ¼r die Galerie */
{
height:500px;
}

/* Werte fÃ¼r die Bilder bzw. Umfeld in der Kontaktseite */
tr.bildl
{
display:block;
}
.bildl
/* Einstellungen fÃ¼r die Tabelle fÃ¼r Bilder+Adresse */
{
vertical-align:top;
text-align:left;
padding-left:10px;
}