/* gallery.css   v1.0    21.02.2018     Bernd Lindner */

html{
  width: 100%;
}


body{ 
  font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .68em;
  background: #FFFFFF;
  color: #5A6370;
}

h1
{ font-family: arial, sans-serif;
  letter-spacing: .1em;
  margin: 8px;
  padding: 8px 0px 4px 0px;
}

img{
   border: 8px solid #bbb;
   border-radius: 6px;
   padding: 0px;    /* no margin or padding - Wert > 0 macht Probleme mit Lightbox 2 */
   margin: 0px; 
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
}

#main img:hover {
   opacity: 0.6;
   filter: alpha(opacity=60); /* For IE8 and earlier */
}



/* main container */
#main{
  background: #6F7A86; 
}

/* header and footer */
#header, #footer{ 
  padding: 10px 21px 0px 19px;
  height: 26px;
  text-transform: uppercase;
  text-align: center;
  background: #FFFFFF url(menu.png);
  color: #DBD7D1;
  border-color: #D7D7D7;
}

#header a, #footer a{
  color: #DBD7D1; 
  text-decoration: none;
}

#header a:hover, #footer a:hover{
   text="zurück";
   text-decoration: underline;
}