body {color: #4f4233; font-size: 80%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.layout { margin-top:20px; margin-bottom:20px; border:1px solid #990000 }
h1 { color: #900; font-size: 110%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;margin-bottom:20px; }

.navigation      { color: #900; font-weight: bold; font-size: 100%; line-height: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; letter-
spacing: 4px; margin-top: 0px; margin-bottom: 20px; margin-left: 80px; }
.navigation a      { color: #333; text-decoration: none;}
.navigation a:link  { color: #333;text-decoration: none; }
.navigation a:visited  { color: #333; text-decoration: none;}
.navigation a:hover  { color: #333; text-decoration: underline;}
.navigation a:active  { color: #333;text-decoration: none;}

.content  { padding-right: 30px; padding-bottom: 40px; font-size: 80%; }
.content a      { color: #4f4233; text-decoration: underline }
.content a:link  { color: #4f4233; text-decoration: underline }
.content a:visited  { color: #4f4233; text-decoration: underline }
.content a:hover  { color: #4f4233; text-decoration: none }
.content a:active  { color: #4f4233; text-decoration: underline }

.bild-links { margin-right: 20px; margin-bottom: 20px }
.bild-rechts { margin-bottom: 20px; margin-left: 20px }
.bild-links-rand { margin-right: 20px; margin-bottom: 20px; border: solid 1px #900 }
.bild-rechts-rand { margin-bottom: 20px; margin-left: 20px; border: solid 1px #900 }
.bild-rand { border: solid 1px #900 }
.bildunterschrift { font-size: 11px; margin-top:5px;}

.adresse  { font-size: 70%; padding-right: 10px; padding-bottom: 10px; font-weight: normal; color: #4f4233; }
.adresse a      { color: #4f4233; text-decoration: underline}
.adresse a:link  { color: #4f4233; text-decoration: underline}
.adresse a:visited  { color: #4f4233; text-decoration: underline }
.adresse a:hover  { color: #4f4233; text-decoration: none }
.adresse a:active  { color: #4f4233; text-decoration: underline }

/*html,body   {
   margin: 0;
   padding: 0;
   background-color: #ffffff;
   color: #4f4233;
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   font-size: 100.01%;*/
}

#gallery_position {width: 432px;}

#gallery {
   position: relative;
   width: 540px;
   height: 450px;
   background-color: #ffffff;
   margin-left:0px;
}

#gallery img {
   width: 540px;
   height: 450px;
   margin-left: 2px;
   margin-top:15px;
border:1px solid #4f4233;
}

#gallery a, #gallery a:visited {
   display: block;
   float: left;
   width: 50px;
   height: 32px;
   margin-right: 7px;
   margin-top: 5px;
   margin-bottom:5px;
   text-decoration: none;
}

#gallery a span, #gallery a strong { /* loading-Block */
   display: none;
}

#gallery a span em {
   display: block;
   width: 540px;
   height: 400px;
   margin: 0px;
   margin-bottom: 4px;

}

#gallery a:focus, #gallery a:active  {
   border: 0px solid #fff;

}

#gallery a:focus span, #gallery a:active span, #gallery a:focus strong, #gallery a:active strong {
   position: absolute;
   display: block;
   left: 0px;
   width: 430px;
   height: 400px;
   z-index:1;
   font-size: 1.0em;
   background-color: #ffffff;
   color: #4f4233;
}

#gallery a:focus strong, #gallery a:active strong  { /* loading-Block */
   left: 10px;
}

/* Hier muss der Wert für den Abstand des großen Bildes von oben angepasst werden:
1 Reihe Thumbnails: 
2 Reihen Thumbnails: 
3 Reihen Thumbnails: 
4 Reihen Thumbnails: 180px
5 Reihen Thumbnails: 
*/


#gallery a:focus span, #gallery a:active span, #gallery a:focus strong, #gallery a:active strong {top: 100px;}