a {
  text-decoration:none;
  font:normal 10pt Arial, sans-serif;
}
a:link {
  color:#8c7551;
}
a:visited {
  color:#859fba;
}
a:hover {
  color:#bfa884;
  text-decoration:underline;
}
a.ex {
  background-position:left 3px;
  background-repeat:no-repeat;
  padding-left:10pt;
  text-decoration:none;
  font:normal 10pt Arial, sans-serif;
}
a:link.ex {
  background-image:url(../gfx/link_ex.gif);
  color:#8c7551;
}
a:visited.ex {
  background-image:url(../gfx/link_ex_visited.gif);
  color:#859fba;
}
a:hover.ex {
  background-image:url(../gfx/link_ex_hover.gif);
  color:#bfa884;
  text-decoration:underline;
}

abbr {
  border-bottom:1px dotted rgb(200,200,200);
  color:rgb(200,200,200);
  cursor:help;
}

body {
  background-color:#000000;
  background-position:right bottom;
  background-repeat:no-repeat;
  background-attachment:fixed;
  color:#f0f8ff;
  font-family:"arial", sans-serif;
  font-size:10pt;
  font-weight:normal;
}

h1 {
  color:#dddddd;
  font-family:"arial","verdana","helvetica",sans-serif;
  font-size:22pt;
  font-weight:bold;
  margin-bottom:5px;
  margin-top:28px;
  text-align:center;
}
h2 {
  color:#dddddd;
  font-family:"arial", sans-serif;
  font-size:12pt;
  font-weight:bold;
  margin-bottom:0px;
  margin-top:10px;
  text-align:center;
}
h3 {
  color:#dddddd;
  font-family:"arial", sans-serif;
  font-size:10pt;
  font-weight:bold;
  margin-bottom:0px;
  margin-top:15px;
  text-align:left;
}

.fotos {
  margin-top:10px;
  margin-left:62px;
}
.fotos img {
  border:1px dotted #8c7551;
  margin-top:12px;
  margin-right:12px;
  height:80px;
  width:120px;
}
.fotos p {
  margin-left:0px;
}

.video {
  text-align:center;
}
.video p {
  text-align:center;
}

#menu {
  font-size:10pt;
  height:14pt;
  margin-bottom:0px;
  text-align:left;
}
#menu a {
  padding-left:10px;
  padding-right:10px;
  padding-bottom:4px;
  padding-top:4px;

}
#menu a.selected {
  background-color:#8c7551;
  color:#000000;
}
#menu a:visited {
  color:#8c7551;
}
#menu a:visited.selected {
  color:#000000;
}
#menu a:hover {
  background-color:#bfa884;
  color:#000000;
  text-decoration:underline;
}


#container {
  position:absolute;
  top:50%;
  left:50%;
  width:800px;
  height:500px;
  margin-left:-400px;
  margin-top:-250px;
}

#content {
  border:1px solid #8c7551;
  height:460px;
  overflow:auto;
}
#content p {
  font-size:10pt;
  margin-left:40px;
  margin-right:40px;
  margin-top:5pt;
  text-align:justify;
}
#content .anfang {
  font-size:8pt;
  text-align:right;
}



#footer {
  font-size:8pt;
  height:14pt;
  padding-top:2pt;
  position:absolute; bottom:0px;
  text-align:left;
  width:100%;
}
#footer a {
  font-size:8pt;
}

#lightbox {
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
}

#lightbox a img {
  border: none;
}

#outerImageContainer{
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
}

#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: transparent url(../gfx/blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../gfx/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../gfx/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        }

#imageData{
        padding:0 10px;
        }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ color:#000000; font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;        }

#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
        /* filter:alpha(opacity=60);
        -moz-opacity: 0.6;
        opacity: 0.6; */
        }

.clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        }

* html>body .clearfix {
        display: inline-block;
        width: 100%;
        }

* html .clearfix {
        /* Hides from IE-mac \*/
        height: 1%;
        /* End hide from IE-mac */
        }