body {background:url(bg.jpg);}

img#logo {position:absolute;top:-135px;left:-40px;z-index:22;border:none;}
img#header {position:absolute;top:-130px;left:80px;z-index:18;}
img#logobg {position:absolute;right:-1px;bottom:-1px;z-index:5;display:none;}
img#kapellebg {position:absolute;right:0px;bottom:0px;z-index:5;}

div#inhalt img {border:2px solid #333;border-bottom:10px solid #333;margin:3px;margin-top:5px;}
div#inhalt img:hover {border-bottom:8px solid #a3a3a3;}

p#willkommen {font-size:18px;line-height:1.5;}


div#menue { position:absolute;
            top:-1px;
            left:-1px;
            width:710px;
            height:47px;
            background-image:url(menue.jpg);
            z-index:50;
}
div#home a{ position:absolute;
            width:120px;
            height:47px;
            top:0px;
            left:0px;
            background-image:url(navi.jpg);
            background-position:0px 0px;
            z-index:20;
}
div#home a:hover {background-position:0px -47px;}

div#info { position:absolute;
            width:118px;
            height:47px;
            top:0px;
            left:120px;
            background-image:url(navi.jpg);
            background-position:-120px 0px;
            z-index:20;
}
div#info:hover {background-position:-120px -47px;}
div#info:hover div#pdi{display:block;}

div#galerie { position:absolute;
            width:118px;
            height:47px;
            top:0px;
            left:238px;
            background-image:url(navi.jpg);
            background-position:-238px -94px;
            z-index:20;
}
div#galerie:hover {background-position:-238px -47px;}
div#galerie:hover div#pdg{display:block;}

div#ensembles { position:absolute;
            width:118px;
            height:47px;
            top:0px;
            left:356px;
            background-image:url(navi.jpg);
            background-position:-356px 0px;
            z-index:20;
}
div#ensembles:hover {background-position:-356px -47px;}
div#ensembles:hover div#pde{display:block;}

div#news { position:absolute;
            width:117px;
            height:47px;
            top:0px;
            left:474px;
            background-image:url(navi.jpg);
            background-position:-474px 0px;
            z-index:20;
}
div#news:hover {background-position:-474px -47px;}
div#news:hover div#pdn{display:block;}

div#cd a{ position:absolute;
            width:119px;
            height:47px;
            top:0px;
            right:0px;
            background-image:url(navi.jpg);
            background-position:-591px 0px;
            z-index:20;
}
div#cd a:hover {background-position:-591px -47px;}

div#pdi { position:absolute;
          width:118px;
          height:278px;
          background:#000;
          top:47px;
          left:-2px;
          z-index:15;
          overflow:hidden;
          border:2px solid #a3a3a3;
          display:none;
}
div#pdi a {font-family:sans-serif;
          font-size:15px;
          color:#a3a3a3;
          z-index:30;
          padding:5px;
          width:118px;
          height:20px;
          border-bottom:1px solid #a3a3a3;
          text-decoration:none;
          float:left;
          background:#000;
}
div#pdi a:hover {color:#fff;background:#333;}

div#pdg { position:absolute;
          width:118px;
          height:185px;
          background:#000;
          top:47px;
          left:-2px;
          z-index:15;
          overflow:hidden;
          border:2px solid #a3a3a3;
          display:none;
}
div#pdg a {font-family:sans-serif;
          font-size:15px;
          color:#a3a3a3;
          z-index:30;
          padding:5px;
          width:118px;
          height:20px;
          border-bottom:1px solid #a3a3a3;
          text-decoration:none;
          float:left;
          background:#000;
}
div#pdg a:hover {color:#fff;background:#333;}

div#pde { position:absolute;
          width:118px;
          height:92px;
          background:#000;
          top:47px;
          left:-2px;
          z-index:15;
          overflow:hidden;
          border:2px solid #a3a3a3;
          display:none;
}
div#pde a {font-family:sans-serif;
          font-size:15px;
          color:#a3a3a3;
          z-index:30;
          padding:5px;
          width:118px;
          height:20px;
          border-bottom:1px solid #a3a3a3;
          text-decoration:none;
          float:left;
          background:#000;
}
div#pde a:hover {color:#fff;background:#333;}

div#pdn { position:absolute;
          width:118px;
          height:91px;
          background:#000;
          top:47px;
          left:-2px;
          z-index:15;
          overflow:hidden;
          border:2px solid #a3a3a3;
          display:none;
}
div#pdn a {font-family:sans-serif;
          font-size:15px;
          color:#a3a3a3;
          z-index:30;
          padding:5px;
          width:118px;
          height:20px;
          border-bottom:1px solid #a3a3a3;
          text-decoration:none;
          float:left;
          background:#000;
}
div#pdn a:hover {color:#fff;background:#333;}


div#inhalt {position:absolute;
          width:685px;
          height:730px;
          background:none;
          top:60px;
          left:20px;
          z-index:6;
          overflow:auto ;
          font-family:sans-serif;
          font-size:15px;
          color:#555;
}
p#jahr {float:left;font-weight:bold;padding:10px;}
p#text {padding:10px;margin-bottom:-35px;}
p#text1750 {padding:10px;margin-bottom:-35px;width:400px;}
p#text1838 {padding:10px;margin-bottom:-35px;}
img#fahne {position:absolute;right:10px;top:320px;}
img#verein1899 {position:absolute;right:90px;top:1150px;}
img#fjk2002 {margin-left:40px;}
p#textschmal {padding:10px;margin-bottom:-35px;width:340px;}

p#inhaltwir { width:650px;
              height:600px;
              text-align:justify;
              line-height:1.5;
              margin-left:25px;
}



div#cover_l { width:116px;
              height:700px;
              background-image:url(cover_l.png);
              background-repeat:repeat-y;
              position:absolute;
              left:0px;
              top:200px;
              z-index:2;
}
div#cover_r { width:116px;
              height:700px;
              background-image:url(cover_r.png);
              background-repeat:repeat-y;
              position:absolute;
              right:0px;
              top:200px;
              z-index:2;
}

div#main {width:708px;
          height:800px;
          background:#fff;
          margin:150px auto;
          position:relative;
          border:none;
          margin-bottom:100px;
          z-index:3;
}
div#zeilen {width:100%;
            height:58px;
            background-image:url(zeilen.jpg);
            background-repeat:repeat-x;
            position:absolute;
            margin-top:70px;
            margin-left:-8px;
            z-index:1;
}
div#zeilen2 {width:100%;
            height:58px;
            background-image:url(zeilen.jpg);
            background-repeat:repeat-x;
            position:absolute;
            margin-top:170px;
            margin-left:-8px;
            z-index:1;
}
div#zeilen3 {width:100%;
            height:58px;
            background-image:url(zeilen.jpg);
            background-repeat:repeat-x;
            position:absolute;
            margin-top:270px;
            margin-left:-8px;
            z-index:1;
}
div#zeilen4 {width:100%;
            height:58px;
            background-image:url(zeilen.jpg);
            background-repeat:repeat-x;
            position:absolute;
            margin-top:370px;
            margin-left:-8px;
            z-index:1;
}
div#zeilen5 {width:100%;
            height:58px;
            background-image:url(zeilen.jpg);
            background-repeat:repeat-x;
            position:absolute;
            margin-top:470px;
            margin-left:-8px;
            z-index:1;
}
div#zeilen6 {width:100%;
            height:58px;
            background-image:url(zeilen.jpg);
            background-repeat:repeat-x;
            position:absolute;
            margin-top:570px;
            margin-left:-8px;
            z-index:1;
}
div#zeilen7 {width:100%;
            height:58px;
            background-image:url(zeilen.jpg);
            background-repeat:repeat-x;
            position:absolute;
            margin-top:670px;
            margin-left:-8px;
            z-index:1;
}
div#schluessel {width:37px;
                height:74px;
                background-image:url(schluessel.jpg);
                position:absolute;
                top:61px;
                left:-57px;
                z-index:2;
}
div#schluessel2 {width:37px;
                height:74px;
                background-image:url(schluessel.jpg);
                position:absolute;
                top:161px;
                left:-57px;
                z-index:2;
}
div#schluessel3 {width:37px;
                height:74px;
                background-image:url(schluessel.jpg);
                position:absolute;
                top:261px;
                left:-57px;
                z-index:2;
}
div#schluessel4 {width:37px;
                height:74px;
                background-image:url(schluessel.jpg);
                position:absolute;
                top:361px;
                left:-57px;
                z-index:2;
}
div#schluessel5 {width:37px;
                height:74px;
                background-image:url(schluessel.jpg);
                position:absolute;
                top:461px;
                left:-57px;
                z-index:2;
}
div#schluessel6 {width:37px;
                height:74px;
                background-image:url(schluessel.jpg);
                position:absolute;
                top:561px;
                left:-57px;
                z-index:2;
}
div#schluessel7 {width:37px;
                height:74px;
                background-image:url(schluessel.jpg);
                position:absolute;
                top:661px;
                left:-57px;
                z-index:2;
}
div#ende       {width:35px;
                height:55px;
                background-image:url(ende.jpg);
                position:absolute;
                top:70px;
                right:-48px;
                z-index:2;
}
div#ende2       {width:35px;
                height:55px;
                background-image:url(ende.jpg);
                position:absolute;
                top:170px;
                right:-48px;
                z-index:2;
}
div#ende3       {width:35px;
                height:55px;
                background-image:url(ende.jpg);
                position:absolute;
                top:270px;
                right:-48px;
                z-index:2;
}
div#ende4       {width:35px;
                height:55px;
                background-image:url(ende.jpg);
                position:absolute;
                top:370px;
                right:-48px;
                z-index:2;
}
div#ende5       {width:35px;
                height:55px;
                background-image:url(ende.jpg);
                position:absolute;
                top:470px;
                right:-48px;
                z-index:2;
}
div#ende6       {width:35px;
                height:55px;
                background-image:url(ende.jpg);
                position:absolute;
                top:570px;
                right:-48px;
                z-index:2;
}
div#ende7       {width:35px;
                height:55px;
                background-image:url(ende.jpg);
                position:absolute;
                top:670px;
                right:-48px;
                z-index:2;
}

div#rand_l {position:absolute;
            left:-78px;
            top:30px;
            width:78px;
            height:740px;
            background-image:url(rand_l.png);
            background-repeat:repeat-y;
            z-index:4;
}
div#rand_r {position:absolute;
            right:-78px;
            top:30px;
            width:78px;
            height:740px;
            background-image:url(rand_r.png);
            background-repeat:repeat-y;
            z-index:4;
}
div#rand_u {position:absolute;
            left:30px;
            bottom:-78px;
            width:648px;
            height:78px;
            background-image:url(rand_u.png);
            background-repeat:repeat-x;
            z-index:4;
}
div#rand_o {position:absolute;
            left:30px;
            top:-78px;
            width:679px;
            height:78px;
            background-image:url(rand_o.png);
            background-repeat:repeat-x;
            z-index:21;
}
div#ecke_lo {position:absolute;
            left:-78px;
            top:-78px;
            width:108px;
            height:108px;
            background-image:url(ecke_lo.png);
            z-index:4;
}
div#ecke_ro {position:absolute;
            right:-78px;
            top:-78px;
            width:77px;
            height:108px;
            background-image:url(ecke_ro.png);
            background-position:-31px 0px;
            z-index:21;
}
div#ecke_ru {position:absolute;
            right:-78px;
            bottom:-78px;
            width:108px;
            height:108px;
            background-image:url(ecke_ru.png);
            z-index:4;
}
div#ecke_lu {position:absolute;
            left:-78px;
            bottom:-78px;
            width:108px;
            height:108px;
            background-image:url(ecke_lu.png);
            z-index:4;
}


div#footer {
            position:absolute;
            bottom:-70px;
            left:10px;
            color:#777;
            font-family:Sans-Serif;
            font-size:11px;
            z-index:999;
}
div#footer a{
            color:#bbb;
            font-family:Sans-Serif;
            font-size:11px;
            font-weight:bold;
            text-decoration:none;
            z-index:999;
}
div#footer2{
            position:absolute;
            bottom:-27px;
            right:10px;
            color:#bbb;
            font-family:Sans-Serif;
            font-size:11px;
            z-index:999;
}
div#counter { position:absolute;
                        bottom:0px;
                        left:30px;
                        width:50px;
                        height:20px;
                        z-index:98;
}






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