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


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color:#363636;
	background: #e7e7e7;
	margin: 0; /* Es empfiehlt sich, margin und padding des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    padding: 0;
    text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    }

div {
text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */
}

html, body {
height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}

h1 {
	font-family:Cambria, Georgia, "Times New Roman", Times, serif;
	font-size:27px;
    }

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
    }

a {
	color:#570b2b;
	text-decoration:none;
    }
	
a:hover {
	text-decoration:underline;
    }

p {
	margin:0px;
    }
	
img {
	border:none;
    }
	
ul, ol dl {
	position:relative;
	}


/** zentrierter Inhaltsbereich mit voller Fensterhöhe  */
#wrapper {
	position:relative;
    width: 880px;  
    margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
	

/** Inhaltsbereich Gemeinden */

#contentMain {
	float:left; display:inline;
	width:880px;
	height:575px;
	background:url(pics/bg-main.gif) no-repeat;
	margin-bottom:5px
}


/** Header - Kopfbereich  */
#header {
	font-family:Cambria, Georgia, "Times New Roman", Times, serif;
	margin:34px 0 0 45px;    
	padding: 0;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.1em;
}
	
#header h1{
	font-size:27px;
	margin-bottom: 14px;
}

/** Header - Standortkarte  */
#places {
	float:right; display:inline;
	height:392px;
	width:320px;
	margin:29px 45px 0 0;
}
	

/** Platz für Gemeinden */ 	

#contentChurches {
	float:left; display:inline;
	width:429px;
	margin-top:44px;
	margin-left:45px;
}

#ChurchesArticle img {
	float:left;
	margin:-7px 0 0 -10px;
	padding-right:10px;
}

#ChurchesArticle {
	float:left; display:inline;
	width:429px;
	height:99px;
	background:url(pics/contentArticle.gif) no-repeat #FFFFFF;
	margin-bottom:3px;
	padding:7px 0 0 10px;
}

/** unterer Abschluss */

#contentBottom {
	float:left; display:inline;
	width:880px;
	height:13px;
	background:url(pics/bg-bottom.gif) no-repeat;
	margin-top:-5px;
}

/** oberer Abschluss */

#contentTop {
	float:left; display:inline;
	width:880px;
	height:13px;
	background:url(pics/bg-top.gif) no-repeat;
}


/** Contacts Wall */

#contentCollection {
	float:left; display:inline;
	width:880px;
	min-height:50px;
	background:url(pics/bg.gif) repeat-y;
	padding: 4px 25px 0 25px;
}

#CollectionArticle {
	float:left; display:inline;
	width:260px;
	height:63px;
	margin-right:10px;
	margin-bottom:10px;
	padding:10px 0 0 10px;
	background-color:#FFFFFF;
}

#CollectionArticle img{
	float:left; display:inline;
	margin:-10px 0 0 -10px;

}

/* footer */

#footer {
	float:left; display:inline;
	padding:5px 15px 10px 15px;
	color:#999999;
}

/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear:both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
* html #navi {margin-top: -5px; padding-bottom:7px;}
/* End hide from IE-mac */