.gallerycontainer{ background-color: white; position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{ background-color: white; border: solid 1px white; margin: 0 5px 5px 0; }

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{ background-color: white; border: solid 1px #838a8c; }

.thumbnail span{ /*CSS for enlarged image*/
position: absolute; padding: 5px; left: -1000px;  visibility: hidden; color: black; background-color: white; text-decoration: none; }

.thumbnail span img{ /*CSS for enlarged image*/
background-color: white; border-width: 0; padding: 2px; }

.thumbnail:hover span{ /*CSS for enlarged image*/
background-color: white; visibility: visible; top: -200px; left: 100px; /*position where enlarged image should offset horizontally */
z-index: 50; }
body    { font-size: 101.01%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; background-color: #838a8c; text-align: center; margin: 0; padding: 20px }

a { color: #434749; text-decoration: none; }

a:hover { color: #92c1a4; text-decoration: none; }

td { color: #434749; line-height: 1.2em; }

table.main   { background-color: white; text-align: left; margin: auto; width: 871px; border-left: 10px solid white; border-bottom: 10px solid white; border-right: 10px solid white; }
table.kasten1 { text-align: left; width: 160px; margin: 0 0 10px; padding: 1px; border: solid 1px #afafaf; }
table.kasten2 { border: solid 1px white; }
td.kasten { color: #1d1e1f; font-size: 0.8em; background-color: #bdc7c7; padding-top: 10px; padding-left: 10px; }
td.colmain { font-size: 0.7em; padding: 10px 10px 20px; }
td.colleft { font-size: 0.7em; padding-top: 20px; padding-bottom: 20px; }
td.colright { font-size: 0.7em; padding-top: 20px; padding-bottom: 20px; }
td.ueberschrift1  { font-size: 1em; font-weight: bold; background-color: #bdc7c7; padding-top: 10px; padding-left: 10px   }
td.bild { margin: 10px 10px 10px 0; padding: 10px 10px 10px 0; }
td.leiste { background-color: #5a7474; }
img.bild { margin: 10px 2px 2px 0; padding: 10px 10px 10px 0; }
td.head { color: #434749; font-size: 0.7em; line-height: 1em; }
table.kastenrechts { text-align: left; width: 160px; margin-bottom: 10px; border: solid 1px #bdc7c7; }
td.kastenro  { font-weight: bold; background-color: #bdc7c7; padding: 5px  }
td.kastenru { width: 160px; padding: 5px; }
td.footleft { font-size: 0.7em; line-height: 1; margin: 0; border-top: 1px solid #afafaf; }

td.footmain { font-size: 0.7em; line-height: 1; margin: 0; padding: 0; text-align: center; border-top: 1px solid #afafaf; }

td.footright { font-size: 0.7em; line-height: 1; margin: 0; border-top: 1px solid #afafaf; }
td.kategorie  { color: #5c7b69; font-size: 1.2em; font-weight: bold; line-height: 1em; padding-top: 25px; border-bottom: 1px solid #99cdaf; }
td.content {
	line-height : 1.2em;
	padding-top: 20px;
}
td.kastenmitte { text-align: left; padding: 10px 10px 10px 0; }
td.kastenmitte1 { padding-top: 10px; padding-right: 5px; padding-bottom: 10px; }
td.kastenmitte2 { font-size: 1.2em; font-weight: bold; padding-top: 5px; padding-bottom: 5px; }
table.kastenmitte2 { margin-top: 10px; margin-bottom: 10px; padding: 5px; border: solid 1px #b1bee6; }
td.kastenmitte3 { width: 110px; padding-bottom: 5px; }
td.kastenmitte4 { color: #b1bee6; font-weight: bold; background-color: white; text-align: right; width: 50px; }
table.kastenmitte { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #99cdaf; }
td.menu { color: white; font-size: 0.7em; font-weight: 500; background-color: #434749; letter-spacing: 0.1em; padding: 5px; border-right: 1px solid white; border-left: 1px solid white; }
td.menu:hover { color: white; font-size: 0.7em; font-weight: 500; background-color: #838a8c; letter-spacing: 0.1em; padding: 5px; border-right: 1px solid white; border-left: 1px solid white; }
td.veranstaltung { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; }
td.datum { color: gray; }