.galerie{                         /* Anzeigebereich tumbnail + bild */
        position:absolute;        /* absolute sonst verdrängt durch sonstige inhalte */
        font-size:1em;
        margin-left:0px;
        margin-top:0px;
        width:650px; height:320px;   /* breite Höhe */
        padding-left:0;
        border:0px solid #000000;    /* breite Höhe */
        /*background: url() no-repeat 0px 10px; Hintergrundbild wenn maus nicht über den tumbnails -> in HTML-Datei*/
      }

     .pic-navi{                    /* Formatierung tumbnailbereich */
        padding:12px 0 0px 0px;     /* Abstand oben */
        width:130px;               /* Breite Navibereich */
        float:right;               /*  Navibereich rechts */
        height:315px;
        border: 0px solid #FFFFFF;
     }
    .pic-navi p img{               /* Formatierung tumbnail */
       width:59px; height:40px;                /* breite */
       padding:0px;
       margin:0px 0px 0px 0px;
       border:2px solid ;   /*#6D6961 Rahmen = Hintergrundfarbe -> in Html-Datei */
       border-collapse:collapse;
       /* background-color: #6D6961;Hintergrundfarbe  -> in Html-Datei*/
       float:left;                 /* Sortierung links->rechts */
    }
    .pic-navi p:hover img{
       border:2px solid #E06000;    /* Rahmen = Orange Breite wie oben */
       border-collapse:collapse;    /* rahmen wenn aktiv */
    }
    div.pic-navi p{
       padding:0;
       margin:0;
    }
    /* formatiert den Span-Bereich, nicht sichtbar */
    div.pic-navi p span {
       display: none;
       color:#FFFFFF;
    }
    div.pic-navi p:hover{
       color: #411;
       background: #ffffff;
       padding:0px;
       margin:0;
    }

   /* formatiert den Span-Bereich, bei Maus-Hover, wird sichtbar */
   div.pic-navi p:hover span{
       display: block;
       position: absolute;           /* innerhalb der Galerie */
       left:0px;top:10px;
       width: 475px;                 /* Bildbreite */
       padding: 313px 0px 0px 0px;   /* 1. Stelle= Abstand Text nach oben = Bildhöhe */
       margin: 0px 0 0 0px;
       z-index: 100;

       /* aussehen der box */
       color:#9F9F9F;                       /* Farbe Untertitel Text*/
       font: 0.92em verdana, sans-serif;
       text-align: left;
       border:0px solid #cfcfcf;            /* Rahmen der Box */
       float:right;                         /* = Bild links vom Navibereich */

       /* position des hintergrund */
       /*background-color:#0090E0;   Hintergrundfarbe -> Abdeckung -> in HTML-Datei */
       background-position: 0px 0px;        /* ? */
       background-repeat: no-repeat;
   }