/* CSS Document */


html, body {
background-color:white;
margin-top:0px;
margin-left:0px;
}



/* mit # gekennzeichnete Styles definieren die einzelnen Container der Seiten (im Quelltext durch <div id> zu erkennen

mit . gekennzeichnete Styles definiert die Schriftart (im Quelltext durch <span> zu erkennen

mit div definierte Styles definieren eine weitere Art Container (im Quelltext durch <div class> zu erkennen */



/* Hintergrund helles lila auf der Startseite (zum ändern der höhe – height: xxpx; */
#hintergrund_index {
	top:100px;
	position:absolute;
	margin-left:50px;
	width:1000px;
	height:800px;
	background-color:#E6DFED;
}



/* Hintergrund helles lila auf der Seite Hintergründe und Partner (zum ändern der höhe – height: xxpx; */
#hintergrund_hintergruende_partner {
	top:100px;
	left:50px;
	position:absolute;
	width:1000px;
	height:1000px;
	background-color:#E6DFED;
}



/* Variabler Hintergrund für die Predigttexte und Autoren + Predigtanregungen */

#hintergrund_lila {
	position:absolute;
	width:1000px;
	height:auto;
	top: 100px;
	left: 50px;
	background-color:#E6DFED;
}



/* Logo */
#logo_nachhaltigpredigen {
	position:absolute;
	top:0px;
	left:700px;
	width:350px;
	height:100px;
	border:none;
}


/* Navigationsband oben */
#navi_oben {
	position:absolute;
	top:10px;
	left:50px;
	width:1000px;
	height:25px;

}


/* Balken oder wie viel ist genug  */
#balken_oderwieviel {
	position:absolute;
	top:100px;
	left:700px;
	width:350px;
	height:26px;
}


/* Button »Hintergründe und Partner« auf der Startseite */
#hintergruende_partner {
	position:absolute;
	top:470px;
	left:700px;
	width:186px;
	height:42px;
}



/* Kleine lila Fahne »aktuell« auf der Indexseite */
#aktuell {
	position:absolute;
	top:460px;
	left:455px;
	width:76px;
	height:34px;
}


/* Textfeld rechts unter dem Logo */
#text {
	position:absolute;
	top:150px;
	left:700px;
	width:300px;
	height:294px;
}

/* Druck und PDF Befehl */
#text_druck_download {
	position:absolute;
	top:620px;
	left:700px;
	width:150px;
	height:31px;
}

/* Textfeld auf der Indexseite unten »Das Projekt …« */
#text2 {
	position:absolute;
	top:632px;
	left:700px;
	width:300px;
	height:127px;
}


/* Textcontainer auf der Indexseite über den Bänden »Mit einem Klick …« */
#anmerkung_text {
	position:absolute;
	top:145px;
	left:90px;
	width:560px;
	height:33px;
}

/* Textcontainer mit weißem Hintergrund auf der Seite Predigtanregungen (Übersicht) */
#text_kasten {
	width:560px;
	height:auto;
	background-color:#FFF;
	margin-top: 150px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 30px;
	padding: 10px;
}

/* Textfeld welches für die Predigttexte vorgesehen ist */
#text_predigttexte_G_und_alt {
	width:560px;
	height:auto;
	top: 400px;
	left: 10px;
	background-color:#FFF;
	margin-top: 520px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 30px;
	padding: 10px;
}

#text_predigttexte {
	width:560px;
	height:auto;
	top: 400px;
	left: 10px;
	background-color:#FFF;
	margin-top: 220px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 30px;
	padding: 10px;
}



/* Textcontainer mit weißem Hintergrund auf der Seite der Grussworte */
#text_kasten_grussworte {
	width:900px;
	height:auto;
	background-color:#FFF;
	margin-top: 120px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 30px;
	padding: 10px;
	}


/* Textcontainer mit weißem Hintergrund auf der Seite Autoren */	
#text_kasten_autoren {
	width:560px;
	height:auto;
	background-color:#FFF;
	margin-top: 150px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 30px;
	padding: 10px;
}
/* Das ist der Kasten, der den Scollbar im wei&szlig;en Feld erzeugt.
#text_kasten_autoren {
	position:absolute;
	top: 60px;
	left: 50px;
	width: 560px;
	height: 660px;
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 20px;
	z-index: 2;
	float:left;
	background-color: #FFFFFF;
	}*/



/* Textcontainer mit weißem Hintergrund auf den Seiten der Predigtanregungen */
#text_kasten_predigttext {
	position:absolute;
	top: 480px;
	left: 50px;
	width: 560px;
	height: auto;
	padding-right: 20px;
	float:left;
	background-color: #FFFFFF;
	}


/* Logo »umdenken« auf der Startseite */
#logo_umdenken {
	position:absolute;
	top:550px;
	left:800px;
	width:200px;
	height:65px;
}


/* Textblock auf der Indexseite über den Sponsorenlogos */
#sponsoren_text {
	position:absolute;
	top:810px;
	left:100px;
	width:350px;
	height:25px;
	z-index:2;
}


/* Logos Sponsoren auf der Indexseite */
#sponsoren_logos {
	position:absolute;
	top:800px;
	left:50px;
	width:1000px;
	height:100px;
}







/* Baende_vorlaeufige_Startseite */

div.band01 {
	position:absolute;
	width:150px;
	height:225px;
	padding:0px;
	top:170px;
	left:90px;
}


div.text01 {
	position:absolute;
	top:400px;
	left:90px;
	width:150px;
	height:50px;
}

div.band02 {
	position:absolute;
	width:150px;
	height:225px;
	padding:0px;
	top:170px;
	left:290px;
}


div.text02 {
	position:absolute;
	top:400px;
	left:290px;
	width:150px;
	height:50px;
}

div.band03 {
	position:absolute;
	width:150px;
	height:225px;
	padding:0px;
	top:170px;
	left:490px;
}


div.text03 {
	position:absolute;
	top:400px;
	left:490px;
	width:150px;
	height:50px;
}

div.band04 {
	position:absolute;
	width:150px;
	height:225px;
	padding:0px;
	top:470px;
	left:90px;
}


div.text04 {
	position:absolute;
	top:700px;
	left:90px;
	width:150px;
	height:50px;
}

div.band05 {
	position:absolute;
	width:150px;
	height:225px;
	padding:0px;
	top:470px;
	left:290px;
}


div.text05 {
	position:absolute;
	top:700px;
	left:290px;
	width:150px;
	height:50px;
}

div.band06 {
	position:absolute;
	width:150px;
	height:225px;
	padding:0px;
	top:470px;
	left:490px;
}

div.text06 {
	position:absolute;
	top:700px;
	left:490px;
	width:150px;
	height:50px;
}






/* Partnerlogos unten */

div.partner1 {
	position:absolute;
	width:120px;
	height:50px;
	padding:0px;
	top:625px;
	left:90px;
	border:none;
}

div.ptext01 {
	position:absolute;
	top:712px;
	left:90px;
	width:120px;
	height:50px;
	border:none;
}

div.partner2 {
	position:absolute;
	width:120px;
	height:50px;
	padding:0px;
	top:625px;
	left:230px;
	border:none;
}

div.ptext02 {
	position:absolute;
	top:712px;
	left:230px;
	width:120px;
	height:50px;
	border:none;
}

div.partner3 {
	position:absolute;
	width:120px;
	height:50px;
	padding:0px;
	top:625px;
	left:370px;
	border:none;
}

div.ptext03 {
	position:absolute;
	top:712px;
	left:370px;
	width:120px;
	height:50px;
	border:none;
}

div.partner4 {
	position:absolute;
	width:120px;
	height:50px;
	padding:0px;
	top:625px;
	left:510px;
	border:none;
}

div.ptext04 {
	position:absolute;
	top:712px;
	left:510px;
	width:120px;
	height:50px;
	border:none;
}

div.partner5 {
	position:absolute;
	width:120px;
	height:50px;
	padding:0px;
	top:625px;
	left:650px;
	border:none;
}

div.ptext05 {
	position:absolute;
	top:712px;
	left:650px;
	width:120px;
	height:50px;
	border:none;
}

div.partner6 {
	position:absolute;
	width:120px;
	height:50px;
	padding:0px;
	top:625px;
	left:790px;
	border:none;
}

div.ptext06 {
	position:absolute;
	top:712px;
	left:790px;
	width:120px;
	height:50px;
	border:none;
}

div.partner7 {
	position:absolute;
	width:120px;
	height:50px;
	padding:0px;
	top:785px;
	left:90px;
	border:none;
}

div.ptext07 {
	position:absolute;
	top:872px;
	left:90px;
	width:120px;
	height:50px;
	border:none;
}

div.partner8 {
	position:absolute;
	width:120px;
	height:50px;
	padding:0px;
	top:785px;
	left:230px;
	border:none;
}

div.ptext08 {
	position:absolute;
	top:872px;
	left:230px;
	width:120px;
	height:50px;
	border:none;
}

div.partner9 {
	position:absolute;
	width:120px;
	height:50px;
	padding:0px;
	top:785px;
	left:370px;
	border:none;
}

div.ptext09 {
	position:absolute;
	top:872px;
	left:370px;
	width:120px;
	height:50px;
	border:none;
}

div.partner10 {
	position:absolute;
	width:120px;
	height:50px;
	padding:0px;
	top:785px;
	left:510px;
	border:none;
}

div.ptext10 {
	position:absolute;
	top:872px;
	left:510px;
	width:120px;
	height:50px;
	border:none;
}

div.partner11 {
	position:absolute;
	width:120px;
	height:50px;
	padding:0px;
	top:785px;
	left:650px;
	border:none;
}

div.ptext11 {
	position:absolute;
	top:872px;
	left:650px;
	width:120px;
	height:50px;
	border:none;
}

div.partner12 {
	position:absolute;
	width:120px;
	height:50px;
	padding:0px;
	top:785px;
	left:790px;
	border:none;
}

div.ptext12 {
	position:absolute;
	top:872px;
	left:790px;
	width:120px;
	height:50px;
	border:0;
}

div.partner13 {
	position:absolute;
	width:120px;
	height:50px;
	padding:0px;
	top:945px;
	left:90px;
	border:none;
}

div.ptext13 {
	position:absolute;
	top:1032px;
	left:90px;
	width:120px;
	height:50px;
	border:none;
}

div.partner14 {
	position:absolute;
	width:120px;
	height:50px;
	padding:0px;
	top:945px;
	left:230px;
	border:none;
}

div.ptext14 {
	position:absolute;
	top:1032px;
	left:230px;
	width:120px;
	height:50px;
	border:none;
}

div.partner15 {
	position:absolute;
	width:120px;
	height:50px;
	padding:0px;
	top:945px;
	left:370px;
	border:none;
}

div.ptext15 {
	position:absolute;
	top:1032px;
	left:370px;
	width:120px;
	height:50px;
	border:none;
}

div.partner16 {
	position:absolute;
	width:120px;
	height:50px;
	padding:0px;
	top:945px;
	left:510px;
	border:none;
}

div.ptext16 {
	position:absolute;
	top:1032px;
	left:510px;
	width:120px;
	height:50px;
	border:none;
}

div.partner17 {
	position:absolute;
	width:120px;
	height:50px;
	padding:0px;
	top:945px;
	left:650px;
	border:none;
}

div.ptext17 {
	position:absolute;
	top:1032px;
	left:650px;
	width:120px;
	height:50px;
	border:none;
}

div.partner18 {
	position:absolute;
	width:120px;
	height:50px;
	padding:0px;
	top:945px;
	left:790px;
	border:none;
}

div.ptext18 {
	position:absolute;
	top:1032px;
	left:790px;
	width:120px;
	height:50px;
	border:none;
}

#band_unter_partnern {
	position:absolute;
	width:900px;
	height:150px;
	top:1100px;
	left:50px;
	border:none;
}






/* Fonts */


/* copy definiert die kleine Schrift – auf der Startseite */
.copy {
	color:rgb(80,80,80);
	font-family:  Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size:11px;
	line-height:16px;
	text-align:left;
}

/* copy_lila definiert die copy in lila */
.copy_lila {
color:#4a2767;
font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
font-size:11px;
line-height:16px;
text-align:left;
}



/* bandtitel definiert die Schriftart der Bandtitel */
.bandtitel {
color:#330066;
font-family:Georgia, serif;
font-size:11px;
line-height:14px;
text-align:left;
}




/* headline definiert die lila headline */
.headline {
color:#4a2767;
font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
font-size:18px;
line-height:24px;
text-align:left;
font-weight:bold;
}




/* maintext definiert den klassischen Fließtext */
.maintext {
	color:rgb(80,80,80);
	font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size:13px;
	line-height:24px;
	text-align:left;
	vertical-align:top;
}


/* maintext definiert den klassischen Fließtext */
.maintext_rechtsbuendig {
	color:rgb(80,80,80);
	font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size:13px;
	line-height:24px;
	text-align:right;
	vertical-align:top;
}

/* maintext definiert den klassischen Fließtext */
.maintext_lesetext {
	color:rgb(80,80,80);
	font-family: Georgia, Times, serif;
	font-size:13px;
	line-height:24px;
	text-align:left;
	vertical-align:top;
	letter-spacing:inherit;}




/* maintext_bold definiert im Fließtext die Auszeichung in Bold (Subheadline) */
.maintext_bold {
	color:rgb(80,80,80);
	font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size:13px;
	line-height:24px;
	text-align:left;
	font-weight: bold;
	vertical-align:top;
	
}


/* maintext_bold_lila definiert im Fließtext die Auszeichung in Bold/Lila */
.maintext_bold_lila {
	color:#4a2767;
	font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size:13px;
	line-height:24px;
	text-align:left;
	font-weight: bold;
	vertical-align:top;
	
}


/* maintext_kursiv definiert die Schrift bei z.B. »zurück zum Index« */
.maintext_kursiv {
	color:rgb(80,80,80);
	font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;	
	font-size:13px;
	line-height:24px;
	text-align:left;
	vertical-align:top;
	font-style:italic;
	vertical-align:top;
}



/* maintext_lila definiert den Fließtext in Lila */
.maintext_lila {
	color:#4a2767;
	font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
	font-size:13px;
	line-height:24px;
	text-align:left;
	vertical-align:top;
	vertical-align:top;
}


/* Option Zeileneinzug am Absatzanfang
p {
	margin: 0;
	text-indent: 20px;

}
*/



/* Links */



a:link {
	text-decoration:underline;
	color:#4a2767;
}
a:visited {
	text-decoration:underline;
	color:#4a2767;
}
a:hover {
	color:underline;
}
a:active {
	text-decoration:underline;
	color:#4a2767;
}