h1 { 	color: darkblue;
	text-align: center; 
	font-family: comic sans ms, lucida sans unicode, roman;
	font-size: 30pt;}
#title-index {position:absolute;
	top: 30px;
	left: 0px;
	right: 0px;
	height: 100px;
	background-color: white;
	}
#index-logo { position: relative;
		background-color: red;
		top: 150px;
		height: 300px;
		width: 300px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: auto;}

		
#logo-index { height: 100%;
		width: 100%;}
#indexfooter { position: fixed;
	bottom: 0%;
	width:100%;
	height: 20px;
	text-align: center;
	z-index: 2;
	background-color: blue;
	color: white;
	opacity: 1;}

#indexfooterlink {color: white;}

#header { position: absolute;
	top: 0px;
	right: 0px;
	height: 240px;
	left: 0px;
	background-color: white;
	z-index:1;}
#logoposition {position: absolute;
	top: 0px;
	left: 0px;
	height: 200px;
	width: 200px;
	z-index:4;}
#logo {position:absolute;
	top: 0px;
	left: 0px;
	height: 200px;
	width: 198px;
	border-right: 2px #000055 solid;
	z-index:5;}
#titleposition {position:absolute;
	left: 200px;
	right: 0px;
	height: 240px;
	z-index:2;}
	


#naviseite {position:fixed;
	top: 0px;
	left: 0px;
	width: 200px;
	bottom: 0px;
	background-color: #000055;
	z-index: 3;}

	#logospace {position: fixed;
			top: 0px;
			left: 0px;
			width: 200px;
			height: 200px;
			z-index:1;}

	#naviseitelinks {position: fixed;
			top: 200px;
			left: 0px;
			bottom: 0px;
			width: 200px;
			z-index:4;}
			
	#naviseite ul { list-style: none; float: left; z-index:5; }

	#naviseite li {
		color: #000033;
		top: 200px;
		width: 130px;
		border: 5px turquoise ridge;
		margin-top: 1px;
		padding-top: 4px;
		padding-bottom: 1px;
		padding-left: 8px;
		padding-right: 8px;
		text-align: left;
		font-size: 12pt;
		float: left;
		background-color: #bbffff;
		z-index:6;}
#text {position: absolute;
	top: 200px;
	left:200px;
	bottom:auto;
	right: 0px;
	padding-top: 1em;
	padding-right: 4em;
	padding-bottom: 4em;
	padding-left: 4em;
	background-color: #e0fbff;
	color: #000000;
	font-size: 14pt;
	text-align: justify;
	z-index:0;}

#textkontakt {position: absolute;
	top: 200px;
	left:200px;
	bottom:0px;
	right: 0px;
	padding-top: 1em;
	padding-right: 4em;
	padding-bottom: 4em;
	padding-left: 4em;
	background-color: #e0fbff;
	color: #000000;
	font-size: 14pt;
	text-align: justify;
	z-index:0;}
#kontaktbox {position: absolute;
		top: 35px;
		left: 200px;
		width: 220px;
		height:300px;
		padding: 10px 10px 10px 10px;
		background-color: white;
		border: 10px solid turquoise;
		opacity:1;
		z-index:3;
		font-size:12pt;}

#spendenbox {position: absolute;
		top: 35px;
		right: 200px;
		width: 220px;
		height:300px;
		padding: 10px 10px 10px 10px;
		background-color: white;
		border: 12px solid turquoise;
		opacity:1;
		z-index:3;
		font-size:12pt;}
.blogbox {position: static;
		width: 600px;
		border: 5px darkturquoise inset;
		padding: 10px;
		margin-top: 1em;
		margin-right: auto;
		margin-left: auto;
		background-color: white;}
.pictures {width: 600px;
		height: 440px;}
.pictures2 {width: 440px;
		height: 600px;}
.pictures3 {width: 440px;
		height: 440px;}