/* - - - - - - - - - - - - - - */
/* tanner-diakoniezentrum.de   */ 
/* 2008-03-02                  */
/* goersch@bytebetrieb.com     */
/*                             */
/* Allgemeine Stylesheets      */
/* - - - - - - - - - - - - - - */

/*

Lila
	#518

Hell-Lila
	#b5c0e6

Blau
	#7cf
#005ec2

Hellblau
	#cef

Text
#000
#323232

*/


/* - - - - - - - - - - - */
/* A L L G E M E I N E S */
/* - - - - - - - - - - - */

body {
	padding:			0;
	margin:				0;
	width:				100%;
	height:				100%;
	
	background:			#fff;
	color:				#000;
	font-family:		Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size:			100%;
	line-height:		1.125em; /* 18px */
}


a:link 		{ text-decoration: none; color: #000; border-bottom:1px dotted #000; }
a:visited 	{ text-decoration: none; color: #000; border-bottom:1px dotted #000; }
a:hover 	{ text-decoration: none; color: #518; border-color:#518; }
a:active 	{ text-decoration: none; color: #518; border-color:#518; }
a img, img 	{ border: none; }
a.bildlink 	{ border: none; }

.c { clear:both; float:none; }






/* - - - - - - - - - - - */
/* G R U N D G E R Ü S T */
/* - - - - - - - - - - - */

#seitenblock {
	position:			relative;
	width:				60.75em; /* 972px */
	margin:				34px 0 0 20px;
}




/* - - - - */
/* L O G O */
/* - - - - */

h1 {
	position:			absolute;
	top:				0;
	left:				0;
	width:				8em; /* 128px */
	height:				16em; /* 260px */
	overflow:			hidden;
	margin:				0 0.25em 0 0;
	background:			#cef url(/_p/bg-logo.png) center bottom no-repeat;
	border-bottom:		0.25em solid #cef;
}
h1 a,
h1 a:link,
h1 a:visited {
	display:			block;
	height:				6.25em; /* 260px */
	color:				#fff;
	font-family:		Arial, Helvetica, Geneva, Verdana, sans-serif;
	padding:			1.75em 0.5em 0;
	background:			#518 url(/_p/logo.png) 0.5em 0.5em no-repeat;
	border-bottom:		0.25em solid #fff;
}
h1 a strong {
	font-size:			0.875em;
	font-weight:		normal;
}




/* - - - - - - - - - - - - - - */
/* M E T A N A V I G A T I O N */
/* - - - - - - - - - - - - - - */

#meta-navigation {
	position:			absolute;
	top:				0;
	left:				8.25em; /* 132px */
	width:				8em; /* 128px */
	height:				16.25em; /* 260px */
	overflow:			hidden;
	background-color:	#cef;
}
#meta-navigation ul {
	list-style-type:	none;
	height:				8em; /* 128px */
}
#meta-navigation ul#mn1 {
	border-bottom:		0.25em solid #fff;
}
#meta-navigation li {
	padding:0 0 0 0.5em;
}
#meta-navigation a {
	font-size:			0.785em;
	line-height:		1.325em;
	color:				#518;
	border:				none;
}
#meta-navigation a:hover { color:#fff; }




/* - - - - */
/* K O P F */
/* - - - - */

#kopf {
	position:			absolute;
	top:				0;
	left:				17.25em; /* 264px */
	width:				17.25em; /* 276px */
	height:				16.25em; /* 260px */
	padding:			0 16.25em 0 0;
	overflow:			hidden;
	color:				#fff;
	background-color:	#518;
}
#kopf h2 {
	font-size:			1em;
	font-weight:		bold;
	margin:				0.5em 0.25em 0 0.5em;
}
#kopf p {
	font-size:			0.785em;
	line-height:		1.325em;
	margin:				0.5em 0.25em 0 0.5em;
}
#kopf img.kopfbild {
	position:			absolute;
	top:				0;
	right:				0;
}



/* - - - - - - - - - - */
/* N A V I G A T I O N */
/* - - - - - - - - - - */

ul#navigation {
	list-style-type:	none;
	position:			absolute;
	top:				17.25em; /* 276px */
	left:				0;
	width:				16.25em; /* 260px */
}
#navigation li {
}
* html #navigation li {
	height:				1px;
	margin-bottom:		-3px;
}
#navigation a {
	display:			block;
	padding:			0.125em 0 0.125em 1.3125em;
	border-bottom:		1px solid #fff;
	font-size:			0.785em;
	line-height:		1.325em;
	font-weight:		bold;
	background-color:	#cef;
	color:				#323232;
}
#navigation a:hover {
	background-color:	#b5c0e6;
}
#navigation li.aktiv a {
	color:				#fff;
	background:			#518 url(/_p/icn-navi.png) 0.3125em center no-repeat;
}


#navigation ul {
	list-style-type:	none;
}
* html #navigation ul {
	margin-bottom:		3px;
}
#navigation li li {
}
#navigation li.aktiv ul a,
#navigation ul a {
	display:			block;
	padding:			0 0 0 2.3125em; /* 32px */
	border-bottom:		1px solid #fff;
	font-size:			0.785em;
	line-height:		1.785em;
	background:			#cef url(/_p/icn-subnavi.png) 1.3125em center no-repeat;
	color:				#518;
}

#navigation ul a:hover {
	background-color:	#b5c0e6;
	
}
#navigation ul li.aktiv a {
	font-weight:		bold;
	color:				#518;
	background:			#cef url(/_p/icn-subnavi.png) 1.3125em center no-repeat;
}




/* - - - - */
/* R A N D */
/* - - - - */

#randnotizen {
	position:			absolute;
	top:				17.25em; /* 276px */
	left:				51.75em; /* 808px */
	width:				10.5em; /* 168px */
}

#randnotizen-kopf {
	position:			absolute;
	top:				0;
	left:				51.75em; /* 808px */
	width:				10.5em; /* 168px */
	height:				16.25em; /* 260px */
	overflow:			hidden;
	background-color:	#cef;
}

.randblock {
	background-color:	#cef;
	padding:			0.5em;
	margin:				0 0 0.5em;
	font-size:			0.785em;
	line-height:		1.325em;
}
.randblock h4 {
	font-weight:		normal;
	background-color:	#7cf;
	border-bottom:		1px solid #fff;
	margin:				-0.5em -0.5em 0.5em;
	padding:			0 0.5em 0;
	min-height:			1.125em;
}

#formsuche {
	border-bottom:		0.7272em solid #fff;
	margin-bottom:		0;
}
#formsuche input.textfeld {
	width:				7.5em; /* 120px */
	padding:			0.125em 0.25em 0.1875em 0.25em;
	border:				1px solid #888;
}
#formsuche input.absenden {
	font-size:			1em;
	width:				4em; /* 64px */
	padding:			0.25em;
	background-color:	#7cf;
	border:				none;
	text-align:			center;
}
#kontaktblock {
	height:				10.75em;
}
.titel {
	font-weight:		bold;
	color:				#005ec2;
}


/* - - - - - - */
/* I N H A L T */
/* - - - - - - */

#inhalt {
	position:			absolute;
	top:				17.25em; /* 276px */
	left:				17.25em; /* 264px */
	width:				33.5em; /* 536px */
	color:				#323232;
}

.inhaltsblock {
	background-color:	#DDF2FF;
	padding:			0.5em;
}
.inhaltsblock img {
	margin-left:		-0.5em !important;
}

#inhalt h2 {
	font-family:		Arial, Helvetica, Geneva, Verdana, sans-serif;
	font-weight:		bold;
	font-size:			1em;
	line-height:		1.125em;
	margin:				0.375em 0.5em 0 0;
	color:				#000;
}
#inhalt p {
	font-size:			0.785em;
	line-height:		1.325em;
	margin:				0.375em 0.5em 0 0;
}

#inhalt ul {
	list-style-type:	disc;
	margin:				0.375em 0.5em 0 1em;
}

#inhalt li {
	font-size:			0.785em;
	line-height:		1.325em;
	margin:				0.125em 0 0 0;
}

#inhalt dl {
	list-style-type:	disc;
	margin:				-1em 0 0 0;
}

#inhalt dt {
	font-size:			0.785em;
	line-height:		1.325em;
	margin:				1em 0.5em 0 0;
	border-bottom:		1px solid #518;
	color:				#518;
}

#inhalt dd {
	font-size:			0.785em;
	line-height:		1.325em;
	margin:				0.25em 0.5em 0 0;
	padding:			3px 0 3px 1.5em;
	background:			#cef url(/_p/bullet.png) 6px 9px no-repeat;
}
#inhalt dd.zeile-0 { background-color:transparent; }

.newsblock {
	min-height:			4.825em; /* 86px */
	background-color:	#DDF2FF;
	margin:				0 0 0.5em 0;
	padding-left:		0.5em;
	padding-bottom:		0;
	display:			table;
	width:				33em;
}
* html .newsblock { height:5.175em; }
#inhalt .newsblock h2 {
	font-family:		Arial, Helvetica, Geneva, Verdana, sans-serif;
	font-weight:		bold;
	font-size:			1em;
	line-height:		1.125em;
	margin:				0 0 0 -0.5em;
	padding:			0.375em;
	color:				#000;
	background:			#77ccff;
}

#inhalt .newsblock h2 .meta {
	font-family:		Arial, Helvetica, Geneva, Verdana, sans-serif;
	font-weight:		normal;
	font-size:			0.75em;
	line-height:		1em;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	color:				#444;
}
#inhalt .newsblock p {
	margin-bottom:		0.5em;
}

.bildblock {
	width:				7.75em; /* 124px */
	overflow:			hidden;
	float:				left;
	margin:				0 0.5em 0 -0.5em;
}
.bildblock img {
}
.ohnebild .bildblock { display:none; }
#inhalt .newsblock.ohnebild h2 {
	margin:				0 0 0 -0.5em;
	padding:			0.375em;
	height:				auto;
}
.bildblock-260 {
	width:				16.25em; /* 260px */
	overflow:			hidden;
	float:				left;
	margin:				0.5em 0.5em 0.5em 0;
}




.terminblock {
	background-color:	#DDF2FF;
	margin:				0 0 0.5em 0;
	padding-left:		0.5em;
	padding-bottom:		0.5em;
	display:			table;
	width:				33em;
}
.terminekopf {
	background:			#77ccff;
	margin:				0 0 0.5em 0;
	padding:			0.125em 0.5em 0.5em;
}
.terminblock .datum {
	width:				7.5em;
	float:				left;
	
	font-family:		Arial, Helvetica, Geneva, Verdana, sans-serif;
	font-weight:		bold;
	font-size:			1em;
	line-height:		1.125em;
	margin:				0 0 0 0;
	padding:			0.375em 0 0.375em 0;
	color:				#000;
}
.terminblock .termindaten {
	width:				25.5em;
	float:				left;
}
.terminekopf {
	background:			#77ccff;
	margin:				0 0 0.5em 0;
	padding:			0.125em 0.5em 0.5em;
}
#inhalt ul.termine-monate {
	list-style-type:	none;
	display:			table;
	font-family:		Arial, Helvetica, Geneva, Verdana, sans-serif;
	font-weight:		bold;
	font-size:			1em;
	line-height:		1.125em;
	margin:				0 0 0.5em 0;
	color:				#000;
}
#inhalt .termine-monate li {
	float:				left;
	padding:			0 0.5em 0 0;
}
#inhalt .termine-monate li.aktiv a {
	border-bottom:		none;
	color:				#518;
}







.newseinzel .bilderblock {
	width:				33.5em;
	display:			block;
	float:				none;
	overflow:			hidden;
	margin:				1em 0 0 -0.5em;
}
.newseinzel .bilderblock img {
}

.teamblock {
	min-height:			4.825em; /* 86px */
	background-color:	#cef;
	margin:				0 0 0.5em 0;
	padding-left:		0.5em;
	padding-bottom:		0;
	display:			table;
	width:				33em;
}
* html .teamblock { height:5.175em; }
.teambereich { font-style:italic; }

.teamblock .bildblock {
	border-right:		0.5em solid #fff;
	width:				7.75em; /* 124px */
	min-height:			140px;
}
.teamblock .bildblock img {
}
#inhalt .teamblock h2 { margin-bottom:-0.375em; }

.teambeschriftung { font-weight:bold; }
a.teamlabel,
a.teamlabel:link,
a.teamlabel:visited,
.teamlabel { color:#005EC2; }

a.teamlabel:hover { border-color:#005EC2; color:#000; }


a.weiter { font-weight:bold; }

.textblock {
	background-color:	#f0f5fc;
	display:			table;
	padding:			0.25em 1em 0.25em 8em;
	clear:				both;
}

.textblock .bildblock { margin:-0.25em 0 0.25em -8em; }



.hausblock {
	background-color:	#DDF2FF;
	padding:			0.5em;
}
#inhalt .hausblock h2 { margin-bottom:0.5em; }
.hausblock img {
	float:				left;
	margin:				0 0.5em 0.5em 0;
}
.hausblock img.fussbild {
	margin:				0 0 0 0;
}

.haeuserblock {
	width:				168px;
	float:				left;
	margin:				0 15px 16px 0;
}
.haeuserblock.randrechts { margin-right:0; }
.haeuserblock h2 a { border:none; }
.haeuserblock h2 a { border:none; }
a.hausbild,
a.hausbild:link, 
a.hausbild:visited {
	display:			block;
	width:				168px;
	height:				126px;
	overflow:			hidden;
	margin:				0 0 8px;
	border:				none;
	background:			#b5c0e6;
	border:				2px solid #fff;
}
a.hausbild:hover { border-color:#518; }





.bilderblock {
	display:			table;
	margin:				0.5em 0;
}
.bilderblock img {
	float:				left;
	margin:				0 0 0 0;
}

#mitgliedblock {
	background-image:	url(/_p/icn-diakon-blau.png);
	background-position:5px 9px;
	background-repeat:	no-repeat;
	padding-left:		30px;
}

.randblock p { margin:0 0 6px; }
.randblock a, .randblock a:visited { border:none }
.randblock img.vollbild { margin:0 -6px -6px; }


.mehr {
	text-align:			right;
	padding:			0 0.25em 0 0;
}
.zurueck {
	text-align:			center;
	padding:			1em;
}


.galeriebilder {
	margin:				1em 0 0 -2px;
	width:				548px;
	padding:			0 -8px 0 0
}
.galeriebilder a img {
	margin:				0 8px 6px 0;
	border:				2px solid #fff;
}
.galeriebilder a { border:none; }
.galeriebilder a:hover img { border-color:#518; }

.galerieblock { padding-bottom:0; margin-bottom:1em; }
.galerieblock.textblock { width:384px; padding-left:8.5em; }
.galerieblock .bildblock { margin-left:-8.5em; }
.galerieblock h2 a { border:none; }


#inhalt .galerieliste .textblock { padding:0.25em 0.5em 0.5em;  }
#inhalt .galerieliste h2 { 
	margin-top:0;
	margin-bottom:0.375em;
}




.sitemap { margin-bottom:2em; }
.sitemap ul { list-style-image:url(/_p/bullet.png); }
.sitemap li { margin-bottom:0.5em !important; }
.sitemap li a { font-weight:bold; }



dl.sucheliste { }
.sucheliste a {
	display:block;
	border:none;
}
span.url {
	font-size: 0.85em;
	display:block;
	color:#005ec2;
}
a:hover span.url { color:inherit; }



#inhalt .downloads ul ,
#inhalt .linkliste ul ,
#inhalt .pressemitteilungen ul {
	list-style-type:	none;
	margin:				0;
}
.downloads li ,
.linkliste li ,
.pressemitteilungen li {
	background:			transparent url(/_p/icn-download.gif) 0 2px no-repeat;
	margin:				0 0 0.5em 0;
	padding:			0 0 0.5em 16px;
}
.downloads li 			{ background-image:url(/_p/icn-download.gif); }
.linkliste li 			{ background-image:url(/_p/icn-link_ext.gif); }
.pressemitteilungen li 	{ background-image:url(/_p/icn-doc_small.gif); }
#inhalt .pressemitteilungen .meta {
	color:				#518;
	font-size:			0.785em;
	padding:			0 0.5em 0 0;
}







/* Gästebuch */

ol.gbliste {
	padding:			0;
	margin:				0 0 1em;
}
#inhalt li.gbeintrag {
	background-color:	#DDF2FF;
	color:				#000;
	padding:			0.5em;
	margin:				0 0 0.5em;
}

#inhalt ul.meta {
	list-style-type:	none;
	height:				20px;
	margin:				0 0 0.5em 0;
	background:			#77ccff;
	color:				#DDF2FF;
}
#inhalt .meta li {
	color:				#000;
	float:				left;
	margin:				0 0.5em 0 0;
	padding:			0.35em 0.5em 0.5em 0.5em;
}
.gburl a {
	display:			block;
	width:				16px;
	height:				16px;
	background:			transparent url(/_p/icn-link_ext.gif) 0 0 no-repeat;
	text-indent:		-9999px;
	border:				none;
}
.meta-name {
	font-weight:		bold;
}

.gbkopf {

}

.gbform {

}
form#gbform {
	width:				33.5em;
	display:			table;
	overflow:			hidden;
	margin:				0 0 0.5em 0;
	padding:			0 0 0.5em 0;
	border-bottom:		1px solid #518;
}
.metafeld input {
	font-family:		Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size:			0.785em;
	margin:				0 0 1em 0;
	background:			#eee;
	padding:			0.15em 0.25em;
	width:				190px;
	border:				1px solid #518;
}
#gbform textarea {
	font-family:		Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size:			0.785em;
	border:				1px solid #518;
	background:			#eee;
	margin:				0 0 0.5em 0;
	padding:			0.15em 0.25em;
	width:				310px;
	height:				127px;
}
#gbform fieldset {
	width:				13.5em;
	float:				left;
}
#gbform fieldset.eintragfeld {
	width:				20em;
}
.buttonfeld {
}
#gbform label {
	font-size:			0.785em;
	margin:				0 0 0.25em 0;
	display:			block;
}
#form_absenden {

}
.feedback {
	text-align:			center;
	border:				1px dotted #518;
	background:			#DDF2FF;
	margin:				0 0 1em 0;
	padding:			1em;
}
.fehler {
	color:				red;
	font-weight:		bold;
}

#inhalt ul.skip {
	list-style-type:	none;
	margin:				0.5em 0 0.5em 0;
	padding:			0 0 0.5em 0;
	text-align:			center;
}
#inhalt .skip li {
	display:			inline;
	padding:			0 0.5em;
}
#inhalt .skip a {
	border:				1px dotted #518;
	background:			#DDF2FF;
	color:				#518;
	padding:			0.25em 0.5em;
}
#inhalt .skip a:hover {
	border:				1px solid #518;
	background:			#518;
	color:				#eee;
}




/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/_p/sb-loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/_p/sb-prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/_p/sb-nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/_p/sb-closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* /SLIMBOX - ENDE */