/* Viola Holtzmann Grafik & Typografie - www.viola-holtzmann.de */

body { 
font-family : Georgia, "Times New Roman"; 
font-size : 14px; 
line-height : 24px; 
color: #000066;
overflow:hidden;
 }

p {
text-align : justify; 
margin-bottom : 14px;
}

a:link, a:visited, a:hover, a:active {
text-decoration: underline;
color: #000066;
}

#header h1 span {
           display : none;
      }

body {
height:100%;
margin:0;
padding:0;
background: url(wasser2.jpg) no-repeat fixed;
}

body > #header { 
	position : fixed;
}

#header { 
position : absolute;
margin:0;
padding:0;
left  : 0;
top : 0;
width : 100%;
height : 240px;
background: url(header2.jpg) no-repeat top right fixed;
z-index: 2;
}

body > #boot { 
	position : fixed;
}

#container { 
position : absolute; 
margin:0;
padding:0;
top  : 240px;
left : 0px; 
width: 100%;
height: 55%;
overflow:auto;
z-index:1;
}

body > #hilfscontainer { 
position : fixed;
}

#hilfscontainer { 
position : absolute; 
margin:0;
padding:0;
top  : 0px;
left : 180px; 
}

#floater {
font-style: italic;
font-size : 16px; 
line-height: 24px;
text-align : center;
margin : 0px 30px 0px 30px; 
padding : 10px;
width : 160px;
float : right;
background: #A2B2CD; 
border: 1px #333333 solid; 
 }

#text {
clear: left;
top:0;
padding  : 0 100px 50px 0;
margin:0; 
}

body > #footer { 
	position:fixed;
}

#footer { 
position : absolute;
margin:0;
padding:0;
left : 0;
bottom : 0;
width : 100%;
height : 50px;
color: #fff;
background: url(footer.gif) no-repeat bottom left fixed;
z-index : 4;
}

body > #copyright { 
	position:fixed;
}

#copyright { 
position : absolute;
left : 0;
bottom : 3px; 
margin: 0 0 0 20px;
padding:0;
font-size : 8px; 
line-height: 12px;
z-index : 5;
}

#adresse { 
position : absolute;
	margin-left : 180px;
	padding-top :15px;
 }

#text h2 span {
           display : none;
      }
#text h2  {
           height : 29px;
      }
#zeiten h2 {
                  background : transparent url(h2_zeit.gif) no-repeat 0% 0%;
      }
#galerie h2 {
                  background : transparent url(h2_galerie.gif) no-repeat 0% 0%;
      }
#dienste h2 {
           background : transparent url(h2_gott.gif) no-repeat 0% 0%;
      }
#konzerte h2 {
           background : transparent url(h2_konz.gif) no-repeat 0% 0%;
      }
#gruppen h2 {
           background : transparent url(h2_gruppe.gif) no-repeat 0% 0%;
      }
#innen h2 {
           background : transparent url(h2_innen.gif) no-repeat 0% 0%;
      }
#schiff h2 {
           background : transparent url(h2_schiff.gif) no-repeat 0% 0%;
      }
#campanile h2 {
           background : transparent url(h2_campanile.gif) no-repeat 0% 0%;
      }
#vorher h2 {
           background : transparent url(h2_vorher.gif) no-repeat 0% 0%;
      }
#bau h2 {
           background : transparent url(h2_bau.gif) no-repeat 0% 0%;
      }
#fuenfundvierzig h2 {
           background : transparent url(h2_1945.gif) no-repeat 0% 0%;
      }
#orgel h2 {
           background : transparent url(h2_orgel.gif) no-repeat 0% 0%;
      }
#literatur h2 {
           background : transparent url(h2_literatur.gif) no-repeat 0% 0%;
      }
#adress h2 {
           background : transparent url(h2_adresse.gif) no-repeat 0% 0%;
      }
#verkehr h2 {
           background : transparent url(h2_verkehr.gif) no-repeat 0% 0%;
      }
#schiffer h2 {
           background : transparent url(h2_schiffer.gif) no-repeat 0% 0%;
      }


/* Linkliste */

body > #linkList { 
	position:fixed;
}

#linkList {
position : absolute;
margin:0;
padding:0;
top : 190px;
left : 0px;
width : 180px;
z-index : 5;
      }
     
#liste ul {
list-style : none;
font-weight : bold;
      }

#liste ul li a , #liste ul li a:link , #liste ul li a:visited {
text-decoration : none;
font-variant: small-caps;
color: #000066;
      }

#liste ul li a:hover {
text-decoration : underline;
      }

#liste ul li a:active {
text-decoration : underline;
color: #ffffff;
      }