@charset "utf-8";

/* CSS Reset */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
/* End Reset */

  body {
     margin-top: 10px;
     color: black;
     font-family: Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
     font-size: 9px;
		background-color: white;
		background-image: url(images/logo_bg.jpg);
  }

  h1 {
     margin-top: 50px;
     margin-bottom: 0px;
     color: #775ea2;
     font-size: 3em;
     font-weight: bold;
  }

  h2 {
     margin-top: 0px;
     margin-bottom: 40px;
     color: #606708;
     font-size: 2em;
     font-weight: bold;
  }

  p {
     margin-top: 10px;
     font-size: 1.5em;
     line-height: 150%;
  }

  .block {
     display: block;
  }

  .Body {
     width: 950px;
     margin-left: auto;
     margin-right: auto;
   }

  .LeftPanel {
     float: left;
     width: 175px;
  }

  .MiddlePanel {
     float: left;
     width: 650px;
     margin-left: 25px;
     margin-right: 25px;
     margin-top: 225px;
  }

  .RightPanel {
     float: right;
     width: 75px;
  }

  .Logo {
     float: right;
     margin-top: -200px;
     margin-right: -15px;
  }

  .Menu {
     float: left;
     margin-left: -90px;
     margin-top: -157px;
     width: 200px;
  }

  .Menu a {
     display: block;
     background: #606708;
     color: #FFF;
     text-decoration: none;
     font-size: 1.3em;
     border-width: 1px;
     border-style: solid;
     border-color: #606708;
     padding: 6px 12px;
     margin-top: 1px;
}

  .Menu a:hover {
     background: #775ea2;
     color: #FFF;
}

  .Menu .thispage {
     background: #FFF;
     color: #606708;
     border-color: #606708;
}

  a {
     color: #606708;
}

  a:hover {
     color: #775ea2;
}

  ul {
     margin-top: 10px;
     font-size: 1.5em;
     line-height: 150%;
     list-style-type: disc;
  }

  li {
     margin-top: 10px;
     line-height: 150%;
  }

  .foto {
     margin-top: 10px;
     line-height: 150%;
     text-indent: 75px;
     list-style-type: none;
  }

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; overflow: hidden; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; } #imageData{	padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; }	 #imageData #caption{ font-weight: bold;	} #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	  #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }