/* -- Allgemeines -- */
body {
  background: #900;
  color: black;
  margin: 0;
  padding: 1%; 
  min-width: 640px; 
  font-size: 100.01%; 
  font-family: verdana, arial, sans-serif ; 
}

a {
text-decoration:underline; 
color:#900;
}

a:hover {
background:#900; 
color:#fff; 
text-decoration:none;
}

.skip { 
  position: absolute;
  margin-left: -999px;
  width: 990px;
}
h1 { 
  font-size: 30px;
  font-weight: bold;
  line-height: 0.8em;
  padding: 0.6em 0 0.25em 0;
  margin: 0;
  border-bottom: 1px dashed #aaa;
}
h2, h3, h4 { font-weight: normal; }
h1, h2, h3, h4, h5, h6 {
  color: gray;
  font-family: Georgia, "Times New Roman", Times, serif;
}
img { 
  /* border: solid 1px #aaa; */
  /* padding: 1px; */
  /* max-width: 95%; */ 
}
.fleft { 
  float: left;
  margin: 0 1em 0.2em 0; /* Man sollte einen schönen Abstand wählen, sonst kleben die Sachen so am Text. */
}
.fright {
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;
}


/* -- Layout -- */
#container {
  font-size: 0.8em; 
  max-width: 70em; 
  margin: auto;
  border: 2px solid #aaa; 
  /* border-top: 0; */ 
  background: white; 
}
.thumbnail2{	
        border: 1px solid #aaa;
        padding: 7px 7px 5px 7px;
        float: left;	        
	}	
#footer {
  clear: both; 
  padding: 0 20px;
}

/* - Linke Spalte - */
#subnav {   
  width: 26%; 
  min-width: 10em; 
  float: left; 
  padding: 0px 1% 1em 1%;
  margin: 0.2em 1% 0 1%;
  border-right: 1px dotted #aaa; 
  font-size: 0.9em; 
}
#subnav dt {
  font-size: 1.2em;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 0.5em;
  margin-top: 1em;  
   /* border-top: 1px dotted #aaa; */ 
}
#subnav dd {
  padding: 0;
  margin: 0.2em 0;
  max-width: 17em;
}

/* - Inhalt - */
#main {
   padding: 0 20px 0 31%; 
  line-height: 1.5em; 
}

/* Eric Myer's Simple List Separators
http://www.meyerweb.com/eric/talks/2003/commug/commug.html */
.navlist
{
padding: 0 0 5px 0;
margin: 0 0 5px 0;
width: 13em;
/* letter-spacing: 0.1em; */
font-size: 11pt; 
text-align: right;
border-bottom: 1px solid #aaa;
}

.navlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
text-align: right;
border-top: 1px solid #aaa;
}

.navlist li a { text-decoration: none; }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

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

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

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

.thumbnail:hover img{
/* border: 0px solid blue; */
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #eee;
padding: 0px;
left: -1000px;
/* border: 1px solid red; */
visibility: hidden;
color: black;
text-decoration: none;
}

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

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