body
{
margin:0px;
padding:0px;
color:#383838;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11pt;
line-height:14pt;
background-color:#fffbef;
}

/* Überschriften */

h2
{
color:#c50a20;
text-align:center;
font-family:arial, sans-serif;
font-size:9pt;
}
/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:104px; height:20px; text-align:center; border:1px solid #f4c282; border-width:0px 1px 0 0; line-height:19px; font-size:11px;}
.menu ul {padding:0; margin:0; list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {background-image:url(bilder/hg_menu.png);}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.menu ul li:hover ul li a.hide {background:#fff3d9;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none; border:0px;}
.menu ul li:hover ul li a {display:block; color:#ffffff; background-image:url(bilder/hg_menu2.png); width:150px; left:-4px; border:0px;}
.menu ul li:hover ul li a:hover {background-image:url(bilder/hg_menu3.png); color:#c50a20; border:0px;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:150px; top:0;}
.menu ul li:hover ul li:hover ul li a {display:block; color:#ffffff; background-image:url(bilder/hg_menu4.png); width:150px; left:-6px; border:0px;}
.menu ul li:hover ul li:hover ul li a:hover {background-image:url(bilder/hg_menu5.png); color:#c50a20; border:0px;}

.nichtverweis
{
font-family: sans-serif;
font-size: 11px;
font: 11px ,sans-serif;
color:#5a5a5a;
}

blockquote
{
font-style: italic;
margin: 0px 20px 15px 20px;
padding: 5px 0px 5px 15px;
border-left: 5px solid #DDDDDD;
}

a:link {
font-family: sans-serif;
font-size: 11px;
line-height:18px;
color:#522500;
text-decoration:none;}

a:visited {
font-family: sans-serif;
font-size: 11px;
line-height:18px;
color:#522500;
text-decoration:none;}


a:focus { color:#c50a20;
text-decoration:underline;
}

a:hover { color:#c50a20;
text-decoration:underline;
}

a:active { color:#c50a20;
text-decoration:underline;
}

/* Textformat */

div#haupttext
{
text-align:justify;
position:relative;
width:530px;
top:20px;
min-height:950px;
height:auto !important; /* moderne Browser */
height:100%; /* IE */
margin-left:auto;
margin-right:auto;
padding-top:100px;
padding-left:120px;
padding-right:220px;
padding-bottom:20px;
background-color:#ffffff;
background-image:url(bilder/hg.gif);
background-repeat:repeat-y;
z-index:1;
}

#liedgut
{
background-image:url(bilder/hgliedgut.jpg);
background-repeat:repeat-y;
}

#neu {
position:absolute;
right:220px;
top:10px;
z-index:5;
}

#oben {
position:absolute;
top:-10px;
right:0px;
z-index:7;
background-image:url(bilder/hg_oben.gif);
width:620px;
height:10px;
}

#kopflogo {
position:absolute;
top:-30px;
left:-2px;
z-index:8;
}

#menu {
position:absolute;
top:0px;
bottom:0px;
left:8px;
padding-top:42px;
z-index:3;
}

#rechts {
position:absolute;
top:0px;
bottom:0px;
width:190px;
overflow:hidden;
right:10px;
float:right;
padding-top:90px;
z-index:4;
}

#uberschrift {
background-image:url(bilder/hg_uberschrift.gif);
background-position:bottom;
background-repeat:repeat-y;

position:relative;
text-align:center;
font-size:10pt;
font-weight:600;
letter-spacing:0.1em;
top:-10px;
color:#1d9000;
padding-top:2px;
}

#navi2 {
position:absolute;
top:0px;
right:10px;
z-index:9;
}

div#fussleiste {
background-image:url(bilder/hg_fuss.gif);
background-repeat:repeat-x;
color:#1d9000;
font-family: sans-serif;
font-size: 11px;
font: 11px ,sans-serif;
position:absolute;
z-index:2;
left:0px;
text-align:center;
width:870px;
bottom:-10px;
}

#counter {
position:absolute;
top:440px;
height:100px;
left:10px;
z-index:7;
}

#linkszusatz {
position:absolute;
top:565px;
left:5px;
width:110px;
z-index:7;
}

#rechtszusatz {
position:absolute;
bottom:-5px;
right:20px;
z-index:15;
}

#cal {
position:absolute;
top:150px;
right:20px;
z-index:10;
}


.highslide-wrapper div {
        font-family: Verdana, Helvetica;
        font-size: 10pt;
}
.highslide {
        cursor: url(highslide/graphics/zoomin.cur), pointer;
        outline: none;
        text-decoration: none;
}
.highslide img {
        border: 2px solid silver;
}
.highslide:hover img {
        border-color: gray;
}

.highslide-active-anchor img, .highslide-active-anchor:hover img {
        border-color: black;
}
.highslide-image {
        border-width: 2px;
        border-style: solid;
        border-color: white;
        background: gray;
}
.highslide-wrapper, .rounded-white {
        background: white;
}
.highslide-image-blur {
}
.highslide-number {
        font-weight: bold;
        color: gray;
}
.highslide-caption {
        display: none;
        border-top: none;
        font-size: 1em;
        padding: 5px;
        background: white;
}
.highslide-heading {
        display: none;
        font-weight: bold;
        margin-bottom: 0.4em;
}
.highslide-dimming {
        position: absolute;
        background: white;
}
.highslide-loading {
        display: block;
        color: black;
        font-size: 9px;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        padding: 3px;
        border: 1px solid white;
        background-color: white;
        padding-left: 22px;
        background-image: url(highslide/graphics/loader.white.gif);
        background-repeat: no-repeat;
        background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
        padding: 2px;
        color: gray;
        text-decoration: none;
        font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
        color: white;
        background-color: gray;
}


/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls {
        width: 195px;
        height: 40px;
        background: url(highslide/graphics/controlbar-black-border.gif) 0 -90px no-repeat;
        margin-right: 15px;
        margin-bottom: 10px;
        margin-top: 20px;
}
.highslide-controls ul {
        position: relative;
        left: 15px;
        height: 40px;
        list-style: none;
        margin: 0;
        padding: 0;
        background: url(highslide/graphics/controlbar-black-border.gif) right -90px no-repeat;
}
.highslide-controls li {
        float: left;
        padding: 5px 0;
}
.highslide-controls a {
        background-image: url(highslide/graphics/controlbar-black-border.gif);
        display: block;
        float: left;
        height: 30px;
        width: 30px;
        outline: none;
}
.highslide-controls a.disabled {
        cursor: default;
}
.highslide-controls a span {
        /* hide the text for these graphic buttons */
        display: none;
}
.highslide-move a {
        cursor: move;
}

.hidden-container {
        display: none;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
        background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
        background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
        background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
        background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
        background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
        background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
        background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
        background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
        background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
        background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
        background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
        background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
        background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
        background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
        background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
        background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
        background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
        background-position: -180px -30px;
}

/* Lightbox */

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