.galerie{                                      
        font-size:1em;
        margin-top:-20px;
        padding:10px;                                                                              
        float:left;
        margin-left:50px;                              
}
.vorschau{
       width:97px;                               
       float:left;
       margin:0;
       padding:0px;
}     
    .vorschau a img{
       width:120px;                                                 
       padding:0px;
       margin:1px 1px 2px 1px;       
       float:left;
}    
    .vorschau a:hover img{
       border:1px solid black;
}    
    div.vorschau a{
       padding:0;
       margin:0;
}
    div.vorschau td a:active, div.vorschau a:link, div.vorschau a:visited {         
    text-decoration: none;
    background:transparent;
    color:white;
    font-weight: bold;
    letter-spacing: 0;
    font-size: 0.8em;
}        
    div.vorschau a:hover{
       color: black;       
       text-decoration: none;
       background:transparent url(bilder/orangebar.png)-200px 0 no-repeat;        
}        
   div.startbild, div.vorschau a span  {                  
       display: none;
       float:right;
       position: absolute;
       z-index: 1;               
       color: white;                  
       background-color: blue;  
       background-position: 20px 10px;
       background-repeat: no-repeat;                       
       width: 316px;
       height: 80px;
       padding: 253px 15px 6px 20px;
       margin: 1px 0 0 106px;
}   
   div.startbild {                          
       display: block;
       background: #eee url(bilder/sonnenu-01a.jpg) no-repeat 21px 10px;      
}
   div.vorschau a:hover span{
       display: block;
       z-index: 100;                
}  
   
   a#bild1:hover span {background-image:url(../bildblumen/blume1.jpg); }
   a#bild2:hover span {background-image:url(../bildlandschaft/landschaft1.jpg);}
   a#bild3:hover span {background-image:url(../bildtiere/tier1f.jpg);}
   a#bild4:hover span {background-image:url(../bildstillleben/stillleben1.jpg);}
   a#bild5:hover span {background-image:url(../bildfiguren/figur1.jpg);}
   a#bild6:hover span {background-image:url(../bildabstrakt/abstrakt1.jpg);}
   a#bild7:hover span {background-image:url(../bildportrait/portraith1.jpg);}
   a#bild8:hover span {background-image:url(../bildobjekt/eisenbahn4f.jpg);}         

/*CSS-Inhalt von html */


#inhalt {
        padding: 0.4em;
        border-left: 1px solid orange;
        border-right: 1px solid orange;
        border-bottom: 0;
        border-top: 0px;
        background:url(../bilder/bg-o.png) repeat-x;       
        color: #3f000f;
        height: auto;
        margin-top:69px;
}
table, tr, td, th {
    border-collapse: collapse;
}
td, th {      
      vertical-align: top;
      text-align:left;
      padding-left:15px;                                              
}
td img {
        vertical-align: middle;
}
td .schrift {
      font-family: Times;
      font-size: 30px;
}
#seitenbox {
        width: 15em;
        float: right;
        background: transparent url(../bilder/seitenbox-hg.png) right top repeat-y;
        color: #3F000F; 
        padding: 1.5em 0.5em 1.5em;     
        min-height: 25em;              
        height: auto;        
        text-align: left;       
}
span {      
      color: black;
}
.zeilen123 {                                
    margin-top: -20px;          
    text-align: center;
}
.zeile1 {                               
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    color: #0000FF;
}
.zeile2 {                               
    font-family: Arial, sans-serif;
    font-size: 17px;
    color: black;                     
}
.zeile3{                               
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #0000FF;
}
 table {
    margin-top:15px;                                         
    width:720px;
    background:transparent url(../bilder/img03.png) repeat-y;         
}
h1 {
    font-family:georgia;
    font-size:30px;
}