body
        {
                margin: 0;
                padding: 0;
                font: 85% arial, hevetica, sans-serif;
                text-align: center;
                color: #505367;
                background-color: #f5deb3;
        }

 #container
        {
                margin: 1em auto;
                width: 900px;
                height: 1374px;
                text-align: left;
                background-color: #f5deb3;
                border: 1px solid #006400;
        }

 #header
        {
                height: 300px;
                width: 896px;
                background-color: #FAFAD2;
                margin: 2px;
        }

  .pics
        {
               height: 300px;
               width: 896px;
               padding:0;
               margin:0;
               overflow: hidden
        }

  .pics img
        {
              height: 300px;
              width: 896px;
              background-color: #FAFAD2;
              top:0;
              left:0
        }


  #reiter1 ul
        {
                padding: 3px 0 3px 20px;
                border-bottom: 1px solid #006400;
        }

  #reiter1 ul li
        {
                display: inline;
                list-style: none;
        }

  #reiter1 ul li a
        {
                font-weight: bold;
                padding: 3px 0.5em;
                margin-right: 5px;
                border: 1px solid #006400;
                border-bottom: none;
                background-color: #006400;
                font-size: 12px;
                color: #ffffff;
                text-decoration: none;
        }

  #reiter1 ul li a:hover
        {
                background-color: #ffffff;
                font-size: 12px;
                color: #006400;
                border-color: #8fbc8f;
        }

  #reiter1 ul li a.aktiv,
  #reiter1 ul li a.aktiv:hover
        {
               background-color: #ffffff;
               font-size: 12px;
               color: #006400;
               border: 1px solid #006400;
               border-bottom: 1px solid #FAFAD2;
               cursor: default;
        }





  #contents
        {
                margin-right: 2px;
                margin-left: 2px;
                margin-top: 0px;
                margin-bottom: 0px;
                height: 978px;
                width: 896px;
                background-color: #f5deb3;
                font: arial, hevetica, sans-serif;
                text-align: justify;
                color: #000000;
                font-size: 14px;

        }

   #contents a
        {
                color: #000000;
                text-decoration : none;
        }

   #contents a:hover
        {
                color: #8F8F8F;
                text-decoration: none;
        }

    #adress
        {
                margin-right: 2px;
                margin-left: 2px;
                margin-top: 2px;
                margin-bottom: 0px;
                height: 19px;
                width: 896px;
                background-color: #006400;
                font: arial, hevetica, sans-serif;
                text-align: center;
                color: #ffffff;
                font-size: 12px;

        }


  /* common styling */
.menu {font-family: arial, sans-serif; width:900px; height:30px; position:relative; font-size:11px; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:148px; height:20px; text-align:center; color:#191970; border:1px solid #000000; background:#CFCFCF; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#CFCFCF; background:#5F5F5F;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#A02000; color:#FF9F00;}
.menu ul li:hover ul li:hover a.hide {background:#DFDFDF; color:#191970;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#DFDFDF; color:#191970;}
.menu ul li:hover ul li a:hover {background:#5F5F5F; color:#DFDFDF;}
.menu ul li:hover ul li:hover ul {display:block; position:relative; z-index:100; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

#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; }
#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(http://www.reitanlage-wolfsangel.de/bilder/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.reitanlage-wolfsangel.de/bilder/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; }