@charset "utf-8";
/* CSS Document */

body{
	/*Die Höhe und Breite des Dokumentes müssen auf 100% gesetzt sein, 
	  da der IE bis Version 6 sonst das Layout nicht richtig darstellt!
	*/
	height:100%;
	width:100%;

	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-right:0px;
	background-color:#ffffff;
	/*background-color:#FFCC00; */
	/* Der Parameter "text-align" ist wichtig, um den rahmen zu zentrieren */
	text-align:center;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;

}

head{ 
	display:block;
	background: #FFFFFF;
}
head * {display:none;}

#rahmen {
	/*
		Dieses Objekt hält alle anderen Objekte zusammen und ist wichtig um die
		anderen Elemente zu zentrieren.
		
		Zentrierungsparameter: 	margin-left:auto;
								margin-right:auto;
		
		Parameter um den Objektfluss aufzuheben: clear:both;
		
	*/

	position:relative;
	width:989px;
	height:1200px;
	background-color:#ffffff;
	
	z-index:100;
	/* Um das Objekt "rahmen" im Dokument zu zentrieren ist es wichtig, die Parameter
	   "margin-left" und "margin-right" auf "auto" zu setzen!
	   Auch das Setzen des Parameters "text-align" im body auf "center" ist für die
	   Zentrierung wichtig!
	*/

	margin-left:auto;
	margin-right:auto;
}

#menue1{
	/*
		In diesem Objekt wird die Hauptnavigation angezeigt. Es befindet sich auf der linken
		Seite unterhalb des Objektes "kopfLinks"!
	*/
	height:75px; 
	width:783px;
	margin-top:5px;
	/* Hintergrundfarbe: fast schwarz*/
	background-color:#ffffff;
	color:#000000;
	overflow: visible;
	position: relative;
	visibility: visible;
	/* float: left - wichtig, da sonst die Ausrichtung im IE und Moz nicht stimmt*/	
	float:left;
	z-index: 130;
	left: 0px;
	top: 0px;
	text-align:left;
        /*border-width:1px;*/
        /*border-style:solid;*/
        /*border-color:red;*/
	
}
#menue11_ul{
	margin-top:0px;
        margin-left:0px;
	height:75px; 
	width:120px;
	z-index:249;
	overflow: visible;
	position: relative;
	visibility: visible;
	float:left;
	left: -37px;
	top: -20px;
	background-color:#ffffff; 
        color:#000000;
	text-align:left;
        list-style-type:none;	
}
#menue11{
	margin-top:0px;
        margin-left:0px;
	height:75px; 
	z-index:250;
	overflow: visible;
	position: relative;
	visibility: visible;
	float:left;
	left: 0px;
	top: 0px;
	background-color:#ffffff; 
        color:#000000;
	text-align:left;
        list-style-type:none;	
}
#menueOben{
        border-width:1px;
        border-left-style:solid;
        border-color:#666666;
	overflow: visible;
	float:left;	
	position: relative;
	height:54px; 
	margin-right:0px;
	margin-left: 0px;
	width:8%;
}
#menueOben a{
	text-decoration:none;
        color:#666666;
	font-size:11px;
	font-weight:normal;
}

#menueObenAktiv{
        border-width:1px;
        border-left-style:solid;
        border-color:#666666;
	overflow: visible;
	float:left;	
	position: relative;
	height:54px; 
	margin-right:0px;
	margin-left: 0px;
	width:8%;
}

#menueObenAktiv a{
  	text-decoration:none;
         color:#0078bb;
	font-size:11px;
	font-weight:normal;
}

#moAbstand{
        width:8px;
        float:left;
        position:relative;
        overflow:visible;
}
#navigation3{
	margin-top:0px;
	margin-left:0px;	
	width:240px; 
	background-color:#ffffff; 
        color:#000000;
	text-align:left;
	z-index:160;
	/* float: right - wichtig, da sonst die Ausrichtung im IE und Moz nicht stimmt*/	
	float:right;
	overflow: visible;
	position: relative;
	visibility: visible;
	top: -40px;
	right:0px;
	text-align:left;
        list-style-type:none;	
}
#navigation3FS{
	margin-top:0px;
	margin-left:0px;	
	width:240px; 
	background-color:#ffffff; 
        color:#000000;
	text-align:left;
	z-index:160;
	/* float: right - wichtig, da sonst die Ausrichtung im IE und Moz nicht stimmt*/	
	float:right;
	overflow: visible;
	position: relative;
	visibility: visible;
	top: -40px;
	right:0px;
	text-align:left;
        list-style-type:none;	
}
#navigation4{
	margin-top:20px;
	margin-left:0px;	
	left:20px;
	width:240px; 
	background-color:#ffffff; 
        color:#000000;
	text-align:left;
	z-index:1;
	/* float: right - wichtig, da sonst die Ausrichtung im IE und Moz nicht stimmt*/	
	float:right;
	overflow: visible;
	position: relative;
	visibility: visible;
	top: -40px;
	right:0px;
	text-align:left;
        list-style-type:none;	
}

#navigation2{
	margin-top:0px;
        margin-left:0px;
	width:728px; 
	height:10px;
	background-color:#ffffff;
	color:#000000;
	text-align:left;
	z-index:150;	
	overflow: visible;
	position: relative;
	visibility: visible;
	left: 0px;
	top: 0px;
	/* float: left - wichtig, da sonst die Ausrichtung im IE und Moz nicht stimmt*/	
	float:left;
	text-align:left;	
	
        border-width:2px;
        border-top-style:dashed;
        border-color:black;
}
#imgSH{
 z-index:1500;
 margin-bottom:25px;
}

#imgDDD{
 z-index:1502;
 margin-bottom:25px;
}
#imgBL{
 z-index:1504;
 margin-bottom:15px;
}
#imgHD{
 z-index:1506;
 margin-bottom:25px;
}

#imgSHMR2{
 position:relative;
 left:0px;
 top:0px;
 z-index:1700;
 margin-bottom:50px;
}
#imgDDDMR2{
 z-index:1702;
 margin-bottom:50px;
 position:relative;
 left:16px;
 top:0px;

}
#imgBLMR2{
 z-index:1704;
 margin-bottom:50px;
 position:relative;
 left:0px;
 top:0px;

}
#imgHDMR2{
 z-index:1706;
 margin-bottom:50px;
 position:relative;
 left:0px;
 top:0px;

}

#menueUnten{
        border-width:2px;
        border-bottom-style:dashed;
        border-color:#666666;
	overflow: visible;
	float:left;	
	position: relative;
	height:54px; 
	margin-right:0px;
	margin-left: 0px;
	margin-bottom:500px;
	width:138px;
}
#menueUnten a{
	text-decoration:none;
        color:#666666;
	font-size:11px;
	font-weight:normal;
}

#menueUntenAktiv{
        border-width:2px;
        border-bottom-style:dashed;
        border-color:#666666;
	overflow: visible;
	float:left;	
	position: relative;
	height:54px; 
	margin-right:0px;
	margin-left: 0px;
	margin-bottom:25px;
	width:8%;
}

#menueUntenAktiv a{
  	text-decoration:none;
         color:#0078bb;
	font-size:11px;
	font-weight:normal;
}

#muAbstand{
        width:58px;
        float:left;
        position:relative;
        overflow:visible;
}


#menueRechts_UL{
	position:relative;
        left:0px;
	color:#666666;
	margin-left:0px;
	margin-bottom:0px;	
}
#menueRechts {
        list-style-type:none;	
        left:0px;
	font-size:13px;
	font-weight:normal;
	color:#666666;
	margin-left:0px;
	margin-bottom:10px;	
        border-bottom-style:dashed;        

        border-width:1px;
        border-color:black; 	        
}
        

#menueRechts a {
	color:#8a8b8c;
        text-decoration:none;       
}
#menueRechtsSub {
        list-style-type:none;	
        left:0px;
	font-size:13px;
	font-weight:normal;
	color:#666666;
	margin-left:0px;
	margin-bottom:10px;	
        border-bottom-style:dashed;        
        border-width:1px;
        border-color:black; 	        
}
        

#menueRechtsSub a {
	color:#8a8b8c;
        text-decoration:none;       
}

#submenue {
	position:relative;
        list-style-type:none;	
        left:0px;
	font-size:13px;
	font-weight:normal;
	color:#666666;
	margin-left:0px;
	margin-bottom:10px;
        border-bottom-style:solid;        
        border-width:1px;
        border-color:black;        
	
}        

#submenue a:hover {
	color:#0078bb;
        text-decoration:none;
}        
#submenue a:link {
	color:#666666;
        text-decoration:none;
}        
#submenue a:visited{
	color:#666666;
        text-decoration:none;
}        
#submenue a:active {
	color:#0078bb;
        text-decoration:none;
}        
#submenue a:focus {
	color:#0078bb;
        text-decoration:none;
}        

#submenueACT {
	position:relative;
        list-style-type:none;	
        left:0px;
	font-size:13px;
	font-weight:normal;
	color:#0078bb;
	margin-left:0px;
	margin-bottom:10px;
        border-bottom-style:solid;        
        border-width:1px;
        border-color:black;        
	
}        

#submenueACT a:hover {
	color:#0078bb;
        text-decoration:none;
}        
#submenueACT a:link {
	color:#0078bb;
        text-decoration:none;
}        
#submenueACT a:visited{
	color:#0078bb;
        text-decoration:none;
}        
#submenueACT a:active {
	color:#0078bb;
        text-decoration:none;
}        
#submenueACTIFSUB {
	position:relative;
        list-style-type:none;	
        left:0px;
	font-size:13px;
	font-weight:normal;
	color:#0078bb;
	margin-left:0px;
	margin-bottom:10px;
        border-bottom-style:solid;        
        border-width:1px;
        border-color:black;        
	
}        

#submenueACTIFSUB a:hover {
	color:#0078bb;
        text-decoration:none;
}        
#submenueACTIFSUB a:link {
	color:#0078bb;
        text-decoration:none;
}        
#submenueACTIFSUB a:visited{
	color:#0078bb;
        text-decoration:none;
}        
#submenueACTIFSUB a:active {
	color:#0078bb;
        text-decoration:none;
}        
#submenueCUR {
	position:relative;
        list-style-type:none;	
        left:0px;
	font-size:13px;
	font-weight:normal;
	/*color:#0078bb;*/
        color:#666666;
	margin-left:0px;
	margin-bottom:10px;
        border-bottom-style:solid;        
        border-width:1px;
        border-color:black;        
	
}        
#submenueCUR a:hover {
	color:#666666;
        text-decoration:none;
}        
#submenueCUR a:link {
	color:#0078bb;
        text-decoration:none;
}        
#submenueCUR a:visited{
	color:#0078bb;
        text-decoration:none;
}        
#submenueCUR a:active {
	color:#666666;
        text-decoration:none;
}        

#submenue2 {
	position:relative;
        list-style-type:none;	
        left:0px;
	font-size:13px;
	font-weight:normal;
	color:#666666;
	margin-left:25px;
	margin-bottom:10px;	
}        
#submenue2 a:hover {
	color:#0078bb;
        text-decoration:none;
}        
#submenue2 a:link {
	color:#0078bb;
        text-decoration:none;
}        
#submenue2 a:visited{
	color:#0078bb;
        text-decoration:none;
}        
#submenue2 a:active {
	color:#0078bb;
        text-decoration:none;
}        
#submenue2Unten{
	font-size:15px;
	font-weight:normal;
	color:#0078bb;
}
#menueUntenContainer{
	position:relative;
        left:0px;
	margin-top:25px;	
}

#submenue2ACT {
	position:relative;
        list-style-type:none;	
        left:0px;
	font-size:13px;
	font-weight:normal;
	color:#0078bb;
	margin-left:15px;
	margin-bottom:10px;
	
}        

#submenue2ACT a:hover {
	color:#0078bb;
        text-decoration:none;
}        
#submenue2ACT a:link {
	color:#0078bb;
        text-decoration:none;
}        
#submenue2ACT a:visited{
	color:#0078bb;
        text-decoration:none;
}        
#submenue2ACT a:active {
	color:#0078bb;
        text-decoration:none;
}        

#submenue2ACTIFSUB {
	position:relative;
        list-style-type:none;	
        left:0px;
	font-size:13px;
	font-weight:normal;
	color:#0078bb;
	margin-left:15px;
	margin-bottom:10px;
}        

#submenue2ACTIFSUB a:hover {
	color:#0078bb;
        text-decoration:none;
}        
#submenue2ACTIFSUB a:link {
	color:#0078bb;
        text-decoration:none;
}        
#submenue2ACTIFSUB a:visited{
	color:#0078bb;
        text-decoration:none;
}        
#submenue2ACTIFSUB a:active {
	color:#0078bb;
        text-decoration:none;
}           

#submenue3 {
	position:relative;
        list-style-type:none;	
        left:0px;
	font-size:13px;
	font-weight:normal;
	color:#0078bb;
	margin-left:25px;
	margin-bottom:10px;	
}        
#submenue3 a:hover {
	color:#0078bb;
        text-decoration:none;
}        
#submenue3 a:link {
	color:#0078bb;
        text-decoration:none;
}        
#submenue3 a:visited{
	color:#0078bb;
        text-decoration:none;
}        
#submenue3 a:active {
	color:#0078bb;
        text-decoration:none;
}        

#submenue3ACT {
	position:relative;
        list-style-type:none;	
        left:0px;
	font-size:13px;
	font-weight:normal;
	color:#0078bb;
	margin-left:15px;
	margin-bottom:10px;
	
}        

#submenue3ACT a:hover {
	color:#666666;
        text-decoration:none;
}        
#submenue3ACT a:link {
	color:#666666;
        text-decoration:none;
}        
#submenue3ACT a:visited{
	color:#666666;
        text-decoration:none;
}        
#submenue3ACT a:active {
	color:#666666;
        text-decoration:none;
}        

#submenue3ACTIFSUB {
	position:relative;
        list-style-type:none;	
        left:0px;
	font-size:13px;
	font-weight:normal;
	color:#666666;
	margin-left:15px;
	margin-bottom:10px;
}        

#submenue3ACTIFSUB a:hover {
	color:#666666;
        text-decoration:none;
}        
#submenue3ACTIFSUB a:link {
	color:#666666;
        text-decoration:none;
}        
#submenue3ACTIFSUB a:visited{
	color:#666666;
        text-decoration:none;
}        
#submenue3ACTIFSUB a:active {
	color:#666666;
        text-decoration:none;
}           


#firmenlogo{
	/*
		In diesem Objekt könnte ein Brotkrümel-Menü entstehen, dass je nach Kirchengemeinde
		anders ist. Falls dies nicht zu realisieren ist, muss im jeweiligen Template für die
		Kirchengemeinde der Text hart gesetzt werden.
	*/

	margin-top:0px;	
	background-repeat: no-repeat;	
	/* Hintergrundfarbe: fast schwarz*/
	background-color:#ffffff; 
	/* float: right - wichtig, da sonst die Ausrichtung im IE und Moz nicht stimmt*/		
	float:right;
	overflow: visible;
	position: relative;
	visibility: visible;
	z-index: 140;
	top:-63px;
	right:-5px;
	height:58px; 
	width:220px; 
	
	text-align:left;
}
#firmenlogoFolge{
	height:58px; 
	width:220px; 
	margin-top:0px;	
	background-repeat: no-repeat;	
	/* Hintergrundfarbe: fast schwarz*/
	background-color:#ffffff; 
	/* float: right - wichtig, da sonst die Ausrichtung im IE und Moz nicht stimmt*/		
	float:right;
	overflow: visible;
	position: relative;
	visibility: visible;
	z-index: 141;
	top: -63px;
	right:-5px;
	text-align:left;	
}
#kopfLinks {
	/*
		In diesem Objekt wird das linke Hintergrundbild für den Kopf der Seite angezeigt. 
		Am oberen Rand des Objektes wird eine Unternavigation für
		Startseite, Sitemap, Downloads und Kontakt eingebaut.
		Der Parameter für das Hintergrundbild ist im DIV-Tag direkt gesetzt worden,
		da dieses per Typo3-Template je nach Kirchengemeinde verändert werden muss.
	*/

	background-repeat: no-repeat;
	overflow: visible;
	position: relative;
	visibility: visible;
	/* float: left - wichtig, da sonst die Ausrichtung im IE und Moz nicht stimmt*/
	float:left;
	z-index: 110;
	width: 783px;
	height: 200px;
	left: -10px;
	top: -50px;
}
#kopfRechts {
	/*
		In diesem Objekt wird das rechte Hintergrundbild für den Kopf der Seite angezeigt. 
		Der Parameter für das Hintergrundbild ist im DIV-Tag direkt gesetzt worden,
		da dieses per Typo3-Template je nach Kirchengemeinde verändert werden muss.
	*/
	background-repeat: no-repeat;
	/* float: right - wichtig, da sonst die Ausrichtung im IE und Moz nicht stimmt*/	
	float:right;
	height: 200px;
	width: 175px;
	overflow: visible;
	position: relative;
	visibility: visible;
	z-index: 120;
	top: 0px;
	right:35px;
}
#blauerStreifen{
	background-repeat: repeat-x;;
	/* float: right - wichtig, da sonst die Ausrichtung im IE und Moz nicht stimmt*/	
	float:right;
	height: 100%;
	width: 15px;
	overflow: visible;
	position: relative;
	visibility: visible;
	right:0px;
	left:9px;
	z-index:101;
	background-color:#0078bb;	
	clear:both;
	right:35px;
/*	margin-left:auto; */

/*      margin-right:auto;*/
	
}

#titel{
	font-size:14px;
	font-weight:bold;
	color:#666666;     
	position:relative;
	left:0px;   
}

#inhalt{
	/*
		In diesem Objekt wird eine 2. Navigationsebene angezeigt, die sich innerhalb eines
		Flash-Movie befindet! Über dem Flash-Movie wird ein Willkommensgruß setzt.
	*/

	margin-top:0px;
        margin-left:10px;
	width:548px; 
	background-color:#ffffff;
	color:#666666;
	text-align:left;
	z-index:2000;	
	overflow: visible;
	position: relative;
	visibility: visible;
	left: 0px;
	top: -32px;
	/* float: left - wichtig, da sonst die Ausrichtung im IE und Moz nicht stimmt*/	
	float:left;
	text-align:left;	
}
#inhaltBody{
	margin-top:10px;
}
#inhaltHome{
	/*
		In diesem Objekt wird eine 2. Navigationsebene angezeigt, die sich innerhalb eines
		Flash-Movie befindet! Über dem Flash-Movie wird ein Willkommensgruß setzt.
	*/

	margin-top:0px;
        margin-left:0px;
	width:728px; 
	background-color:#ffffff;
	color:#666666;
	text-align:left;
	z-index:150;	
	overflow: visible;
	position: relative;
	visibility: visible;
	left: -10px;
	top: -32px;
	/* float: left - wichtig, da sonst die Ausrichtung im IE und Moz nicht stimmt*/	
	float:left;
	text-align:left;	
}

#copyright{
	/*
		Das Objekt "copyright" befindet sich unterhalb des Objekte "aktInfo" und "Terminkalender",
		am unteren Rand des Screens! Der Text hier wird statisch gesetzt.
	*/
	margin-top:6px;
	height:17px; 
	width:667px; 
	background-color:#e9e8d2;
	color:#7a7c66;
	text-align:left;
	z-index:180;	
	overflow: visible;
	position: relative;
	visibility: visible;
	left: 0px;
	top: 0px;
	/* float: left - wichtig, da sonst die Ausrichtung im IE und Moz nicht stimmen*/	
	float:left;
	text-align:left;	
}
div.csc-header csc-header-n1{
	position:relative;
	left:0px;
	top:0px;
	bottom:0px;
	margin-top:17px;
	margin-bottom:0px;
	height:50px;
}
span{
	/* Gültig für alle Span-Tags*/
	position:relative;
	text-align:left;
	text-decoration:none;
	text-shadow:none;
	font-weight:normal;
	top:3px;
	left:6px;
	
}

span.firmenlogo{
	text-transform:capitalize;
	font-size:12px;
	font-weight:bold;
	width:266px;
}
span.menue3{
	font-size:14px;
	font-weight:bold;
	color:#86223f;
	/*color:#a7a49a;*/
	width:266px;
}

span.menue{
	/* Hauptmenü oben*/
	font-size:17px;
	font-weight:normal;
	color:#000000;
	width:667px;
	top:9px;
}
span.StartContentTitle1{
	font-size:20px;
	font-weight:bold;
	color:#000000;
	width:667px;
}
span.StartContentTitle2{
	font-size:16px;
	font-weight:bold;
	color:#d3d2cf;
	width:667px;
}

span.aktInfoUeberschrift{
	font-size:14px;
	font-weight:bold;
	color:#86223f;
	width:667px;
}
span.copyrightText{
	font-size:11px;
	width:667px;
	left:0px;
}

h1{
	font-size:16px;
	font-weight:bold;
	color:#666666;     
	position:relative;
	left:6px;   
}
h2{
	font-size:14px;
	font-weight:bold;
	color:#666666;     
	position:relative;
	left:6px;   
}

h3{
	font-size:12px;
	font-weight:bold;
	color:#666666;     
	position:relative;
	left:6px;   
}
h4{
	font-size:10px;
	font-weight:bold;
	color:#666666;     
	position:relative;
	left:6px;   
}
h5{
	font-size:9px;
	font-weight:bold;
	color:#666666;     
	position:relative;
	left:6px;   
}

/*a:link { color:#666666; text-decoration:none; font-weight:normal; }*/
/*a:visited { color:#666666; text-decoration:none; font-weight:normal; }*/
/*a:focus { color:#666666; text-decoration:none; font-weight:normal; }*/
/*a:hover { color:#0078bb; text-decoration:none; font-weight:bold; }*/
/*a:active { color:#0078bb; text-decoration:none; font-weight:bold; }*/