body {
    color: white; background-color: black;
    font-size: 125.01%;
    font-family: Gabriola,Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
   overflow-x: hidden;
  }

  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 ;      /* standardkonforme horizontale Zentrierung */
    padding: 0;
    border: 0px ridge silver;
   overflow-y: hidden;
   overflow-x: hidden;
  }
  
  a:link { text-decoration:none; font-weight:bold; color:#ffffff; }
a:visited { text-decoration:none; font-weight:bold; color:#ffffff; }
a:hover { text-decoration:none; font-weight:bold; background-color:#CC0000; }
a:active { text-decoration:none; font-weight:bold; background-color:#DC0817; }
a:focus { text-decoration:none; font-weight:bold; background-color:##CC0000; }


  h1 {
    font-size: 2.5em;
    margin: 0; padding: 0.0em;
    text-align: center;
	background: #DC0817;
    border: 2px solid silver;
  }

  ul#Navigation {
    font-size: 1em;
    float: left; width: 150px;
    margin: 0 0 1.8em; padding: 0;
	text-align: center;
	
  }
  * html ul#Navigation {  /* Korrekturen fuer IE 5.x */
    width: 11.6em;
    w\idth: 10em;
    padding-left: 0;
    padd\ing-left: 0.8em;
	text-align: left;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0.4em; padding: 0;
  }

  ul#Navigation a {
    display:block;
    padding: 0.2em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
    color: #FFFFFF; background-color: #DC0817;
  }
  * html ul#Navigation a {  /* Breitenangaben nur fuer IE */
    width: 100%;
    w\idth: 8.8em;
  }
  ul#Navigation a:hover {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: #303030 ; background-color: #CC0000;
  }
  div#Inhalt {
    margin: 0 0 0 0;
    padding: 0 1em;
	
  }
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    margin-bottom: 0;
  }
  div#Inhalt h2 {
    font-size: 1.7em;
    margin: 0.2em 0;
    color: #DC0817;
  }
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }

  p#Fusszeile {
    clear: both;
    font-size: 1.0em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: #FF6699;
    border-top: 1px solid silver;
  }
  



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

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

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

.thumbnail:hover img{
border: 1px solid blue;
}

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

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
width: 444px;
height: 314px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}