body {
    color: black; background-color: white;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 0em; width:100%;
    min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */


  }

#Navigation {
    font-size: 0.83em;
    float: left; width: 180px;
    margin: 0; padding: 0;
    background-image:url(images/Background1.jpg);
    background-repeat:repeat-xy;
    top:0px;
    left:0px;
    height:1800px;
    margin:0px;
    padding:0px;

  }

  div#Info {
    font-size: 0.9em;
    float: right; width: 180px;
    margin: 0; padding: 0;
    border: none;
    background-image:url(images/Background1.jpg);
  background-repeat:repeat-y;
  height:1800px;

  }
  div#Info strong {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
  }
  div#Info p {
    font-size: 1em;
    margin: 0.5em;
  }

  div#Inhalt {
    margin: 0 180px 0 180px;
    padding: 0 0em;
    border: none;
    background-image:url(images/Background2.jpg);
  background-repeat:repeat-xy;
  height:1800px;
  
   }

  div#Inhalt p {
    font-size: 1em;
    margin: 0em 0;
  }


  div#content {
    width: 470px;
    height: auto;
    font-family: Helvetica, Arial, sans-serif; font-size: 12px;
    left: 50%;
   margin-left: -235px;
   position: absolute;
    }
h1 {color:#cc0000; font-family: Helvetica, Arial, sans-serif; font-size: 20px; text-decoration:none; text-align:center; font-weight: normal;}
h2 {color:#cc0000; font-family: Helvetica, Arial, sans-serif; font-size: 18px; text-decoration:underline; text-align:center; font-style:italic;}
h3 {color:blue; font-family: Helvetica, Arial, sans-serif; font-size: 14px; text-decoration:none; text-align:left;}
h4 {color:#cc0000; font-family: Helvetica, Arial, sans-serif; font-size: 15px; text-decoration:none; text-align:center; }
h5 {color:#000000; font-family: Helvetica, Arial, sans-serif; font-size: 15px; text-decoration:none; text-align:center; }

div.menue { background: url(images/vertical08a.jpg) no-repeat; width:154px; height:18px; margin:5px; }
div.menue a { padding-top:2px; padding-left:20px; display:block; text-decoration:none;}
div.menue a:link, div.menue a:visited { color:#fffffc; font-family: verdana, tahoma, Arial; font-size: 11px;}
div.menue a:hover { background: url(images/vertical08.jpg) no-repeat; width:154px; height:18px; margin:0px; color:#490000; font-size: 11px; font-weight: normal;}
div.menue a:active { color:#fffffc; background: url(images/vertical08.jpg) no-repeat; width:154px; height:18px; margin:0px; font-family: verdana, tahoma, Arial; font-size: 11px; text-decoration: none; font-weight: normal;}
    * html div.menue a { width:100%; }

div.untermenue { background: url(images/untermenue1a.jpg) no-repeat; width:154px; height:18px; margin:5px; }
div.untermenue a { padding-top:2px; padding-left:7px; display:block; text-decoration:none;}
div.untermenue a:link, div.untermenue a:visited { color:#fffffc; font-family: verdana, tahoma, Arial; font-size: 9px;}
div.untermenue a:hover { background: url(images/untermenue1b.jpg) no-repeat; width:154px; height:18px; margin:0px; color:#490000; font-size: 9px; font-weight: normal;}
div.untermenue a:active { color:#fffffc; background: url(images/untermenue1b.jpg) no-repeat; width:154px; height:18px; margin:0px; font-family: verdana, tahoma, Arial; font-size: 9px; text-decoration: none; font-weight: normal;}
    * html div.untermenue a { width:100%; }

div.untermenueself { background: url(images/untermenue1b.jpg) no-repeat; width:154px; height:18px; margin:5px; }
div.untermenueself a { padding-top:2px; padding-left:7px; display:block; text-decoration:none;}
div.untermenueself a:link, div.untermenueself a:visited { color:#490000; font-family: verdana, tahoma, Arial; font-size: 9px;}
div.untermenueself a:hover { background: url(images/untermenue1b.jpg) no-repeat; width:154px; height:18px; margin:0px; color:#490000; font-size: 9px; font-weight: normal;}
div.untermenueself a:active { color:#490000; background: url(images/untermenue1b.jpg) no-repeat; width:154px; height:18px; margin:0px; font-family: verdana, tahoma, Arial; font-size: 9px; text-decoration: none; font-weight: normal;}
    * html div.untermenueself a { width:100%; }

div.menueself { background: url(images/vertical08.jpg) no-repeat; width:154px; height:18px; margin:5px; }
div.menueself a { padding-top:2px; padding-left:20px; display:block; text-decoration:none;}
div.menueself a:link, div.menueself a:visited { color:#490000; font-family: verdana, tahoma, Arial; font-size: 9px;}
div.menueself a:hover { background: url(images/vertical08.jpg) no-repeat; width:154px; height:18px; margin:0px; color:#490000; font-size: 9px; font-weight: normal;}
div.menueself a:active { color:#490000; background: url(images/vertical08.jpg) no-repeat; width:154px; height:18px; margin:0px; font-family: verdana, tahoma, Arial; font-size: 9px; text-decoration: none; font-weight: normal;}
    * html div.menueself a { width:100%; }

div.menueself2 { background: url(images/vertical08.jpg) no-repeat; width:154px; height:18px; margin:5px; }
div.menueself2 a { padding-top:2px; padding-left:20px; display:block; text-decoration:none;}
div.menueself2 a:link, div.menueself2 a:visited { color:#490000; font-family: verdana, tahoma, Arial; font-size: 11px;}
div.menueself2 a:hover { background: url(images/vertical08.jpg) no-repeat; width:154px; height:18px; margin:0px; color:#490000; font-size: 11px; font-weight: normal;}
div.menueself2 a:active { color:#490000; background: url(images/vertical08.jpg) no-repeat; width:154px; height:18px; margin:0px; font-family: verdana, tahoma, Arial; font-size: 11px; text-decoration: none; font-weight: normal;}
    * html div.menueself2 a { width:100%; }

    #schwedenrot
{ margin-top:10px;
  margin-left:10px;
}

#lightbox{
        position: absolute;
        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(/images/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(/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: 133px; float: right;  padding-bottom: 0.7em;        }

#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
        }