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

* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;
padding: 0;
}

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(pics/higru1920x1200px_dezember.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(pics/header2.jpg) no-repeat top right fixed;*/
z-index: 2;
}

body > #boot { 
	position : fixed;
}

#boot { 
position : absolute;
	left  : 0;
	top : 0;
	width : 1920px;
	height : 220px;
}

#container {
	position : absolute;
	margin:0;
	padding:0;
	top  : 260px;
	left : 0px;
	width: 100%;
	overflow:auto;
	z-index:1;
	bottom: 27px;
}

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 : 100px;
	color: #fff;
	background: url(pics/footer150px_dezember.gif) no-repeat bottom left fixed;
}

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;
}

#sound { 
position : absolute;
right : 0;
bottom : 3px; 
margin: 0 30px 0 20px;
padding:0;
background: transparent;
 }

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


/* Linkliste */

body > #linkList { 
	position:fixed;
}

#linkList {
	position : absolute;
	margin:0;
	padding:0 0 0 40px;
	top : 230px;
	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;
      }
.bildlinks {
float:left; 
margin : 5px 20px 0 0;
}

.bildalbum {
float:left; 
margin : 0 20px 20px 0;
}