@CHARSET "UTF-8";
html, body {
  background-color: #334051;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-family: Verdana;
}
a img{
  border: 0;
  text-decoration: none;
  margin: 0;
}
iframe {
  border: 0;
  margin: 0;
  padding: 0;
  height:0;
  width:0;
  visibility:hidden;
}
.main {
  position: relative;
  background-color: white;
  height:91.7%;
  padding: 0.8% 0.8% 2% 0.8%;
  margin: 2% 2% 0 2%;
  overflow: hidden;
  z-index: 0;
  /*border: 1px solid red;*/
}
#bg-image {
  position: relative;
  height: 100%;
  width: 100%;
}
#content {
  position: relative;
  height: 97%;
  width: 60%;
  top: -99%;
  left: 25%;
  overflow: auto;
}

#additionalNav, #nav {
  position: absolute; 
  list-style-type: none; 
  text-decoration: none;  
  padding: 0;
  margin: 0;
  
}
#nav {
  bottom: 25px;
  left: 25px;
}
#nav li {
  margin-bottom: 0.3em; 
  height: 2.5em;
  width: 3.5em;
}

#nav li img {
  height: auto;
  width: 3.5em;
  max-height: 2.5em;
  max-width: 3.5em;
}
#additionalNav {
  bottom: 10px; 
  left: 30px; 
  float:left; 
  text-align: right;
}
#additionalNav li a {
  text-decoration: none;
  color: black;
  font-size: 0.8em;
  font-weight: bolder;
}

#imageDiv {
  position: relative; 
  height: 85%; 
  width: 99%; 
  max-height: 85%; 
  max-width: 99%; 
  text-align: center; 
  margin: 0 auto; 
  overflow: hidden;
}

#imageDiv #back , #imageDiv #next, #imageDiv #up {
  position: absolute;
  top: 0;
  height: 100%;
  width: 33.3%;
  background-img: white;
  padding-top: 35%;
  text-decoration: none;
  opacity: .0;
  filter:alpha(opacity=0);
  font-size: 4em;
  color: black;
  font-weight: 900;
}
#imageDiv #back {
  left: 0;
}
#imageDiv #up {
  left: 33.3%;
}

#imageDiv #next {
  right:0;
}
#imageDiv #back:hover, #imageDiv #next:hover, #imageDiv #up:hover {
  opacity: .50;
  filter:alpha(opacity=50);
}
#newsListDiv img {
  width: auto;
  height: auto;
  max-width: 150px;
  max-height: 150px;
  margin: 5px;
}
#newsListDiv hr, #albumListDiv hr {
  height: 2px;
  width: 40%;
  color: white;
  margin-bottom: 1.5em;
  background-color: #334051;
}
a {
  margin: 0;
  padding: 0;
}
.imageBox {
  position:relative;
  width: 150px;
  height: 125px;
  float: left;
  margin-right: 1.5em;
  text-align: center;
}
.imageBox img {
  max-height: 125px;
  max-width: 150px; 
}
.albumlisting {
  position: relative;
  height: auto;
  min-height: 125px;
  margin-bottom: 1em;
  clear:both;
 
}
#albumDiv {
  width: auto;
  margin: 0 auto;
}
.imgBox {
  position: relative;
  height: 150px;
  width: 150px; 
  display:table;
  text-align: center;
  vertical-align: middle;
  border: 1px solid white;
  float: left;
  margin: 0 auto;
}
.thumb{
  position:static;
  max-width: 100%;
  max_height: 100%;
  margin: 0 auto;
  display: block;
  text-align: center;
}
#greyout, #overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility:hidden;
}
#greyout {
  background-color: black;
  opacity: .7;
  filter:alpha(opacity=70);
}
#overlay {
  color: white;
}
#back, #next{
  position: absolute;
  top:48%; 
  opacity: .35;
  filter:alpha(opacity=35);
}
#back {
 left: 2.5%;  
}
#back:hover, #next:hover, #close:hover{
  opacity: 1;
  filter:alpha(opacity=100);
}
#next {
  right: 2.5%;
}
#close {
  position: absolute;
  top: 1%;
  left: 2.5%;
  opacity: .35;
  filter:alpha(opacity=35);
}
#linkListDiv li h3 {
  margin-bottom: 0.2em;
  font-family: Verdana;
  font-size:1em;
}
#linkListDiv li ul {
  list-style-type: none; 
  text-decoration: none;  
  margin-left: -1em;
}
#linkListDiv li ul li {
  font-size: .95em;
  margin-bottom: 0.2em;
}
#linkListDiv li ul li p {
  font-size: .8em;
  margin-left: .5em;
}
.pagelinks {
 width: 2em; 
 height: 1.2em; 
 display: block; 
 float:left; 
 text-align: center;
 background-color: #334051; 
 color: white; 
 border:1px solid white; 
}
.albumselectDD {
  position: absolute;
  margin: 0; 
  padding: 0;
  top: 23%; right:1%; width:14%;
  /*border: 1px solid red;*/
  text-align: right;
  font-size: 0.8em;
 
  
}

.albumselectDD li {
  list-style: none;
  text-align: right;
  z-index:4;
  /*overflow: auto;*/
  padding-right: 0.2em;
  padding-top:0.5em;
  padding-bottom:0.5em; 
  background-color: white;
  
}

.albumselectDD li ul {
    margin: 0; 
    padding: 0;
    position: absolute;
    display: none;  /* Unternavigation ausblenden */
    z-index:3;
    background-color: #e0e5e7;
    text-align: left;
    width:180%;
    left:-80%;
    max-height: 30em;
    overflow: auto;
    border: 1px solid white;
}
.albumselectDD li ul li {
  text-align: left;  
  background-color: #e0e5e7;
  padding-top:0.2em;
  padding-bottom:0.2em; 
  opacity: 0.6;
}
.albumselectDD li ul li a {
  height:100%;
  width:100%;
  display:block;
}
 ul.albumselectDD li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul.albumselectDD li ul li:hover {
 	  background-color: white;
 	  opacity: 1;
 	}