#html, body {
  border: 0;
  height: 100%;
  }
body {
  color: #999999;
  margin: 0;
  background: black;
  padding: 0;
  }
h1 {
  clear: both;
  padding-left: 0.8em;
  margin-top: 0em;
  padding-top: 0.4em;
  }
h1.albumname {
  letter-spacing: 4px;
  padding: 0;
  padding-top: 0.4em;
  margin-bottom: 0.4em;
  font-size: 160%;
  }
span.albumcaption { font-size: 70% }
span.imagecount { font-size: 70%; }
span.untitled {
  color: #aaaaaa;
  }
span.teaser {
  float: left;
  padding: 0.6em;
  width: 195px;
  height: 170px;
  }
span.teasertext {
  position: relative;
  bottom: 0.5em;
  padding-right: 0.2em;
  font-size: 1.2em;
  }
.highlight { color: white; }
div.introfooter, div.footer {
  font-size: 0.8em;
  padding-top: 0.2em;
  padding-left: 0;
  padding-right: 0.5em;
  color: #707070;
  margin-left: 1em;
  margin-right: 1em;
  text-align: center;
  margin-top: 0em;
  }
div.introfooter {
  clear: both;
  float: right;
  margin-top: 3em;
  border-top: 1px solid #303030;
  }
div.overview {
  padding-left: 1em;
  padding-right: 1em;
  }
#back, #overview, #info {
  padding: 0em;
  margin: 0em;
  margin-right: 6px;
  float: left;
  height: 104px;
  width: 35px;
  background-color: black;
  background: url(/galleries/thumbs/back.png) 0 0 no-repeat;
  }
#overview {
  background-color: black;
  background: url(/galleries/thumbs/overview.png) 0 0 no-repeat;
  width: 79px;
  }
#info {
  float: none;
  position: absolute;
  right: 0px;
  background-color: black;
  background: url(/galleries/thumbs/info_map.png) 0 0 no-repeat;
  padding: 0;
  margin: 0;
  width: 35px;
  }
#back:hover, #info:hover {
  background-color: black;
  background-position: -35px 0;
  }
#overview:hover {
  background-color: black;
  background-position: -79px 0;
  }
a.nu { text-decoration: none; }
a.back, a.back:hover, a.overview, a.overview:hover, a.info, a.info:hover
  { text-decoration: none; background-color: black; color: black; border: none; }
a.largemap, a.largemap:hover
  {
  text-decoration: none;
  }
span.notetext {
  float: left;
  padding-left: 0.5em;
  max-width: 40em;
  text-align: justify;
  }
#map {
  width: 350px;
  height: 300px;
  border: 1px dashed #a0a0a0;
  overflow: hidden;
  background: #000000;
  margin-left: 4px;
  margin-top: 6px;
  }
div.text {
  padding-bottom: 0em;
  padding-left: 2em;
  padding-right: 1em;
  }
div.back {
  clear: both;
  font-size: 110%;
  padding-left: 2em;
  padding-top: 1em;
  }
a { color: #666666; }
a:hover{ color: #fff; }
div.content {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  }
table.content {
  border: none;
  padding: 0;
  margin: 0;
  height: 99%;
  width: 99%;
  height: 100%;
  width: 100%;
  }
table.content td {
  border: none;
  margin: 0;
  }
table.content td.footer {
  height: 1.0em;
  }
table.content tr.thumbnailrow {
  height: 116px;
  vertical-align: middle;
  border-top: 1px solid #303030;
  background-color: black;
  }
table.content td.navigation {
  border-top: 1px solid #303030;
  }
#infopane {
  border: none;
  width: 0px;
  height: 96%;
  margin-top: 10px;
  margin-bottom: 10px;
  border-left: 0px solid #303030;
  }
.mappane {
  margin-top: 10px;
  margin-bottom: 10px;
  }
table.content td.infopane {
  background: black;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  width: 0;
  }
table.content td.navigation { }
table.content tr.caption { }
table.content tr.hirarchy { }
table.content td.caption {
  height: 1.1em;
  }
table.content td.hirarchy {
  height: 0;
  }
#image-container {
  border: none;
  margin: 0.5em;
  padding: 0.1em;
  background: black;
  }
#image
  {
  border: none;
  position: relative; left: 0; bottom: 0;
  }
#theimage
  {
  border: 2px solid #999999;
  }
#imagepane
  {
  position: relative;
  text-align: center;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  }
#help
  {
  font-size: 80%;
  color: #aaaaaa;
  padding: 1em;
  margin: 0;
  }
#hirarchy
  {
  text-align: center;
  font-size: 1.1em;
  color: #efefef;
  }
#caption
  {
  text-align: center;
  font-size: 1.1em;
  color: #efefef;
  padding-bottom: 0.5em;
  }
#thumbnails
  {
  position: relative;
  padding: 0;
  margin: 0;
  margin-left: 6px;
  margin-right: 6px;
  line-height: 0;
  background: black;
  }
#thumbscroller
  {
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 122px;
  height: 104px;
  padding: 0;
  margin: 0;
  line-height: 0;
  background: black;
  border-left: 1px solid #303030;
  border-right: 1px solid #303030;
  }
#thumbscrollercontent
  {
  background: black;
  position: absolute;
  bottom: 83px;
  left: 0;
  width: 100%;
  padding: 0;
  height: 104px;
  margin-top: 0;
  line-height: 0;
  }
.exifdata
  {
  font-weight: bold;
  color: #bbbbbb;
  }
#exif
  {
  font-size: 90%;
  text-align: center;
  padding: 0.4em;
  margin: 3px;
  margin-left: 0;
  margin-right: 0;
  color: #aaaaaa;
  background-color: black;
  border: none;
  width: 94%;
  //display: none;
  }
img.thumbnail
  {
  border: 2px solid #999999;
  }
img.thumbnail:hover
  {
  border: 2px solid #ffffff;
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  opacity: 1.0;
  }
img.current
  {
  border: 2px solid #e0e0e0;
  }
span.thumbnail
  {
  position: absolute;
  left: 0;
  padding: 0;
  margin: 0;
  bottom: -83;
  }
.overview
  {
  margin-bottom: 6px;
  // for opera
  }
a.thumbnail
  {
  padding: 0;
  margin: 2px;
  filter:alpha(opacity=65);
  -moz-opacity:0.65;
  opacity: 0.65;
  }
a.current
  {
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  opacity: 0.9;
  color: white;
  }
a.current:hover, a.thumbnail:hover
  {
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  opacity: 1.0;
  color: white;
  }