/****************************************/
/*  Websitegestaltung und Realisation   */
/*                                      */
/*  Hauke Haller                        */
/*  ha.ha@t-online.de                   */
/*                                      */
/*  2003-09-01                          */
/****************************************/


table, td, body, a, h1, div {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height: 15px;
        text-decoration: none;
        color:#D7D474;}
h1 { font-weight: bold;}

body {
        background-image:url();
        layer-background-image: url() ;
        background-position: -10px 0px;
        background-color:#FFC000; }

#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(../scripts/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../scripts/lightbox/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: 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; }

#nav  {
        position:relative; left:0px; top:0px; width:100%; height:160px;
        z-index:1;
        border: 0px none #000000;
        padding:4px; }

#inhalt {
        background-position:-10px -166px;
        background-color: #0000A0;
        layer-background-color: #0000A0;
        position:relative; left:0px; top:0px; width:100%;
        z-index:2;
        border: 0px none #000000;
        padding:4px; }

td { vertical-align:top; }
td.bild { padding-top:3px; }
td.text { padding-left:5px; }
td.liste {
        border-top-width:1px;
        border-color:#D7D474;
        border-top-style:solid;
        padding-top:5px; }

a {font-weight: normal;}
a:link {color:#FFC000;}
a:visited {color:#FFC000;}
a:hover {text-decoration:underline;color:#FFC000;}
a:active {color:#FFC000;}

a.mail {font-weight:bold; color: #FFC000;}
a:link.mail {text-decoration:underline;color:#FFC000;}
a:visited.mail {color:#FFC000;}
a:hover.mail {text-decoration:none; color:#FFC000;}
a:active.mail {color:#FFC000;}

a.info {font-weight:normal; color: #D7D474;}
a:link.info {text-decoration:underline;color:#D7D474;}
a:visited.info {color:#8B8835;}
a:hover.info {text-decoration:none; color:#8B8835;}
a:active.info {color:#8B8835;}


#nav ol {
                width: 11em;

margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid #bb0000;
}

#nav ol li {
                        position: relative;
border: 1px solid #bb0000;
border-bottom: 0;

}
#nav li ol {
                top: -1px;
                /* visual hide */
                        position: absolute;
                        left: -9999px;
                /* real hide */
                        display: none; /* if you use LimitLinks:0 you should remove this line. */

}
#nav ol li a,
#nav ol li strong {
display: block;
text-decoration: none;
color: #0000a0;

padding: 4px;
        min-width: 9em;
}
#nav li.parent>a:after {
content: " >";
}
/* Hover/Focus Style */
#nav ol li a:hover, #nav ol li a:focus, #nav ol li a:active,
/* Opera Focus Style */
#nav ol li a.ofocus, #nav li ol li a.ofocus{
color: #ffc000;
background:#bb0000;}
/*
        disable normal hover and focus style , if javascript is available
 */
#nav .navfxenabled li:hover ol {
                left: -9999px;

}
/*
        normal hover Style wtihout javascript
*/
#nav li:hover ol,
/*
        hover and focus style if javascript is available
*/
#nav .navfxenabled li.over ol {
                        display: block;
                left: 11em;
                margin-left: -2px;

} /* The magic */
/* aktive Kategorie/Unterkategorie anzeigen */
#nav li.active a, #nav li.activepath a,
#nav li.active a:hover, #nav li.activepath a:hover,
#nav li.active a:active, #nav li.activepath a:active,
#nav li.active a:focus, #nav li.activepath a:focus,
#nav li.active strong {
color: #ffc000;
background:#bb0000;
}
/* oben gemachte Einfärbung wieder zurücknehmen */
#nav li.active ol a, #nav li.activepath ol a {
color: #ffc000;
background: #0000a0;
}
/*
        accesible for keyboard- and screenreader- users
 */
#nav li.active ol,
#nav li.activepath ol {
                        display: block;

}
/* Tastaturnutzung
        Keyboardusage for good browsers
 */
#nav a:focus+ol {
                left: 11em; /* Abstand Untermenu */
                margin-left: -2px;
}
/*
        keyboard support without javascript
*/
#nav li ol li a:focus, #nav li ol li a:active {
                        position: absolute;
                left: 997px; /* Viewportverschiebung ausschalten */
                margin-left: 11em; /* Abstand Untermenu */
}
/*
        overwrite the keyboard support, if mouse is in use
*/
#nav li ol li a:hover, #nav  li ol li a:hover, /* kleinster gemeinsamer Nenner */
#nav li:hover ol li a:focus, #nav  li:hover ol li a:active,
/*
        overwrite the keyboard support, if javascript is available
*/
#nav .navfxenabled li ol li a:focus, #nav .navfxenabled  li ol li a:active
 {
                        position: static;
                margin-left: 0;
}
/* Allgemeine CSS-Class ausserhalb des Viewports */
.sbh {
                position: absolute;
                left: -999px;
                width: 0;
                overflow: hidden;

}

.scroll {
        display: block;
        height: 320px;
        width: 500px;
        overflow: auto;
        }

.scroll2 {
        display: block;
        height: 400px;
        width: 600px;
        overflow: auto;
        }