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

html, body {
	overflow:				auto;
	overflow-x:				hidden;
}

body {
	margin:					0;
	background-image:		url(../images/design/background.jpg);
	background-repeat:		repeat-y;
	background-position:	center center;
	background-color:		#eff3f7;
}

#design {
	position:				absolute;
	left:					50%;
	width:					1000px;
	margin-left:			-500px;
}


/* HEADER */

#header_background {
	position:				absolute;
	width:					100%;
	height:					144px;
	text-align:				center;
	background-image:		url(../images/design/header_background.png);
	background-repeat:		repeat-x;
}

#header {
	width:					1000px;
	height:					144px;
	margin:					0 0 -4px 0;
	background-image:		url(../images/design/header.jpg);
	background-repeat:		no-repeat;
}

#zinnen {
	position:				absolute;
	top:					80px;
	right:					0;
	height:					60px;
	background-image:		url(../images/design/header_zinnen.png);
	background-repeat:		repeat-x;
	background-position:	bottom left;
}

#logo {
	position:				absolute;
	top:					0;
	left:					50%;
	width:					350px;
	height:					140px;
	margin:					0 0 0 -312px;
	background-image:		url(../images/design/header_logo.png);
	background-repeat:		no-repeat;
	cursor:					pointer;
}

#ekhn {
	position:				absolute;
	top:					21px;
	left:					50%;
	width:					71px;
	height:					71px;
	margin:					0 0 0 -438px;
	background-image:		url(../images/design/header_ekhn.png);
	background-repeat:		no-repeat;
}


/* HEADER - NAVIGATION */

#header_navigation {
	width:					100%;
	height:					30px;
	text-align:				center;
}

.header_navigation_button {
	width:					167px;
	float:					left;
	background-repeat:		no-repeat;
	cursor:					pointer;
}

#kontakt {
	background-image:		url(../images/design/navigation/kontakt.jpg);
}

#kirche_intern {
	background-image:		url(../images/design/navigation/kirche_intern.jpg);
}

#gemeindeleben {
	background-image:		url(../images/design/navigation/gemeindeleben.jpg);
}

#kinder_und_jugendliche {
	background-image:		url(../images/design/navigation/kinder_und_jugendliche.jpg);
}

#aktionen {
	background-image:		url(../images/design/navigation/aktionen.jpg);
}

#service {
	width:					165px;
	background-image:		url(../images/design/navigation/service.jpg);
}

.header_navigation_button ul.header_navigation_box {
	z-index:				2000;
	position:				absolute;
	width:					166px;
	margin:					0;
	padding:				0;
	list-style:				none;
	list-style-image:		none;
	list-style-type:		none;
	display:				none;
}

.header_navigation_button ul.header_navigation_box li {
	z-index:				2100;
	position:				relative;
	width:					154px;
	padding:				6px;
	border-bottom:			1px #AAA dashed;
	font-size:				12px;
	text-align:				center;
	background-image:		url(../images/design/header_d0dce6_90.png);
	display:				none;
}

#service ul.header_navigation_box {
	width:					153px;	
}

#service ul.header_navigation_box li {
	width:					153px;	
}

.header_navigation_button ul.header_navigation_box li.hover, .header_navigation_button ul.header_navigation_box li:hover {
	background-image:		url(../images/design/header_ffffff_50.png);
}


/* TEXTBEREICH */

#pagecontent {
	width:					580px;
	float:					left;
	margin:					20px;
	font-size:				13px;
}


/* SPALTEN */

#spaltelinks_background, #spalterechts_background {
	width:					190px;
	min-height:				224px;
	float:					left;
	background-image:		url(../images/design/spalten_background.jpg);
	background-repeat:		no-repeat;
}

#spaltelinks, #spalterechts {
	width:					170px;
	padding:				20px 10px;
}

#spaltelinks *, #spalterechts * {
	text-align:				left;	
}

#tageslosung {
	background-color:		#f2f5f8;
	padding:				10px;
	width:					150px;
}

#tageslosung * {
	text-align:				center;
	width:					150px;
}

/* FOOTER */

#footer_background {
	position:				absolute;
	width:					100%;
	height:					66px;
	background-image:		url(../images/design/footer_background.png);
	background-repeat:		repeat-x;
}

#footer {
	width:					100%;
	padding:				28px 0 0 0;
	font-size:				11px;
	text-align:				center;
	line-height:			15px;
}

#footer a {
	text-decoration:		none;	
}