body{    margin-left: 15px;
          margin-right: 0px;
          margin-bottom: 5px;
          margin-top: 10px;
          background: #C7C9E0/*url(Meer2.jpg)*/;
          background-attachment:fixed;
          font: 8px verdana, arial, sans-serif;
}
.body2{    margin-left: 15px;
          margin-right: 0px;
          margin-bottom: 5px;
          margin-top: 10px;
          background: #C7C9E0  /*#F2F2FFurl(Meer2.jpg)*/;
          background-attachment:fixed;
          font: 8px verdana, arial, sans-serif;
}
.b1{    margin-left: 15px;
          margin-right: 0px;
          margin-bottom: 5px;
          margin-top: 10px;
          background:#F7F7D4/*url(Blume04.bmp)*/;
          background-attachment:fixed;
          font: 8px verdana, arial, sans-serif;
}

 .buton{
font-color: #800000;   
 /* display: block;   damit kompletter Bereich anklickbar, f�r IE */
width: 150px;        /* leider muss f�r den IE eine Breitenangabe gemacht werden */
background: #C7C9E0;   /*#F2F2FF Grundfarbe des Buttons */
padding: 2px 2px;     /* Dem Text etwas Raum geben */
text-align: left;      /* Text zentrieren */
border-bottom: #C7C9E0 1px ; /*  unterer Rand */
border-left: #DBFF6C 0px solid;
border-top: #DBFF6C 0px solid;
border-right: #698C00 0px solid;/*  rechter Rand */
font-family: Tahoma;
font-size: 1.5em;
text-decoration: none;    /* Linkunterstreichung entfernen */
font-weight: bold;         /* Text fett machen */
/*line-height: 10pt; 	ist die Zeilenh�he */
}

 .zerti{
font-family: Tahoma;
font-size: 1.5em;
font-weight: bold;
color: #800000;
text-align: center;
}
 .dreidbutton{
color: #FFF;
display: block;    /* damit kompletter Bereich anklickbar, f�r IE */
width: 150px;        /* leider muss f�r den IE eine Breitenangabe gemacht werden */
background: #9A0 url(button_bg.gif) top repeat-x;   /* Grundfarbe des Buttons */
padding: 2px 2px;     /* Dem Text etwas Raum geben */
text-align: left;      /* Text zentrieren */
border-top: #DBFF6C 3px solid; /* Farbe und Art des oberen Rands */
border-left: #DBFF6C 3px solid; /* linker Rand */
border-bottom: #698C00 3px solid; /* unterer Rand */
border-right: #698C00 3px solid; /* rechter Rand */
font-family: Tahoma;
font-size: 1.5em;
text-decoration: none;    /* Linkunterstreichung entfernen */
font-weight: bold;         /* Text fett machen */
/*line-height: 10pt; 	ist die Zeilenh�he */
}

a:link {
          color: #0090E0;
          text-decoration: none;
          font-weight:bold;
}

a:active {
          color: #0090E0;
          text-decoration: none;
          font-weight:bold;
}

a:visited {
          color: #7F7F7F;
          text-decoration: none;
          font-weight:bold;
}

a:hover {
          color: #FF7F00;
          text-decoration: underline;
          font-weight:bold;
}

b{
          color: #2F2F2F;
          font: 8px verdana, arial, sans-serif;
          font-weight: bold;
}

h1 {
          margin-bottom: 12px;
          padding: 0px;
          color: #F8C807;
          font-size: 12px;
          font-weight: bold;
          letter-spacing: 1px;
}

h2 {
          margin-bottom: 24px;
          padding: 0px;
          color: #5960a2;
          font-size: 10px;
          font-weight: bold;
          letter-spacing: 1px;
}
 h3 {
          margin-bottom: 8px;
          padding: 0px;
          color: #5960a2;
          font-size: 20px;
          font-weight: bold;
          letter-spacing: 1px;
}

td {
          background: transparent;
          padding:1px;
          border:0px dotted #000000;
          font-size: 12px;
}
th {
          background: transparent;
          padding:1px;
          border:0px dotted #000000;
          font-size: 13px;
}


.thumbnail{
position: relative;
/*z-index: 0;*/
height: 120px;
}

.thumbnail:hover{
background-color: #C7C9E0;    /*transparent;*/
/*height: 120px;*/
z-index: 5;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #C7C9E0;
padding: 2px;
left: -2000px;
border: 1px dashed gray;
height: 120px;
visibility: visible;  /*hidden*/
color: black;
text-decoration: none;
z-index: 8;    /*Erklärung z-index: http://www.thestyleworks.de/ref/z-index.shtml*/
}

.thumbnail span img{ /*grosses bild*/
border-width: 0;
width: 260px;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for erweitertes Bild on hover*/
visibility: visible;
top: 10px;                    /*Position */
left: 10px; /*position where enlarged image should offset horizontally */
z-index: 9;    /*Erklärung z-index: http://www.thestyleworks.de/ref/z-index.shtml*/

}