/* Body-Definitionen */

body
{
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#8F8F8F;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#8F8F8F;
scrollbar-arrow-color:#8F8F8F;
scrollbar-track-color:#FFFFFF;
}

body.intro   { background-image:
               url("graphics/bg.jpg");
               background-attachment: fixed; background-repeat: no-repeat;
               background-color: #FFFFFF; }


/* Link-Definitionen */

a
{
        font-family: Verdana, Tahoma;
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: #000000;
}

a:hover
{
        font-family: Verdana, Tahoma;
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: #5F5F5F;
        text-decoration: none;
}

a:active
{
        color: #000000;
        font-style: normal; font-weight: normal; list-style-type: circle; clip:   rect(   );
        text-decoration: none;
        font-size: 10px;
        font-weight: normal;
        font-variant: normal;
}

/* Überschriften und Absatz-Definitionen */

h1, h2, h3, h4, p, ul, li
{
        font-family: Verdana,Tahoma;
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: #000000;
}

h1
{
        font-size: 11px;
        font-variant: small-caps;
        color: #000000;
}
h2
{
        font-variant: small-caps;
        font-size: 15px;
        color: #000000;
        text-decoration: underline;
}



/* Formular-Definitionen */

select {
        border : 1px #006699;
        overflow:hidden;
        font-family:Verdana,Tahoma,Arial;

        font-size:10px;
        color:#000000;
        background-color:#FFFFFF;
}

INPUT
{
        font-family:Verdana, Tahoma;

        font-size:10px;
        color:#000000;
        background : #CFCFCF;
        border: 1px #006699;
}

INPUT.medium
{
        font-family:Verdana,Tahoma;
        width=138;
        font-size:10px;
        color:#000000;
        background : #FFFFFF;
        border: 1px #006699;
}

INPUT.small
{
        font-family:Verdana,Tahoma;
        width=20;
        font-size:10px;
        color:#000000;
        background : #FFFFFF;
        border: 1px #006699;
}

textarea
{
        border: 1px #006699;
        width=280;
        overflow:hidden;
        font-family:Verdana,Tahoma;
        font-size:10px;
        color:#000000;
        background-color:#CFCFCF;
}

/* Tabellen-Definitionen */

table.info
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: #5F5F5F;
        clip:   rect(   ): 0px;
        PADDING-LEFT: 0px;
        PADDING-BOTTOM: 0px;
        PADDING-TOP: 0px;
}


table.infoorte
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: #5F5F5F;
        border: 1px #5F5F5F solid;
        clip:   rect(   ): 0px;
        PADDING-LEFT: 0px;
        PADDING-BOTTOM: 0px;
        PADDING-TOP: 0px;
}


table
{
        font-family: Verdana,Tahoma;
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: #5F5F5F;
}

#lightbox{
        position: absolute;
        top: 10px !important;
        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(graphics/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(graphics/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(graphics/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;        }

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