/* Stylesheet Diakonie Tempelhof */


/* Allgemeine Tags */

html * {
	margin: 0;
	padding: 0;
}

html {
	height: 100%
}

body {
	font: 95% Arial, Helvetica, sans-serif 0.8em normal;
	text-align: center;
	text-decoration: none; 
	height: 100%;
}

/* Fließtext Allgemeiner Bereich / Inhaltsbereich */
p, li {
	color: black;
	background: transparent;
	font: 16px Arial, Helvetica, sans-serif;						/*alternativ: 0.8 - 1.1em*/
	font-weight: normal;
	line-height: 28px;
	text-align: left;
	padding-left: 10px;
}

li {
	font: 18px Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}

.toggle {
	background-image: url(../Bilder/help.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
}

.leistungskomplexe a {
	text-decoration: none;
	color: black;
	font: 18px Arial, Helvetica, sans-serif;
}

.schriftgros {
	color: black;
	background: transparent;
	font: 100% Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	text-align: left;
	padding-left: 10px;
	
}

p.left0 {
	padding-left: 0;
}

p.left1 {
	padding-left: 0px;
}

p.right {
	text-align: center;
}

img.floatright {
	float: right;
}

imgfloatleft {
	float: left;
}

span.left0 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
}

/*p.left1 img {
	float: left;
}*/

.blau {
	color: #00ADEF;
}


/* Top Button für Anker*/
a.zurueck {
	text-align: right;
	text-decoration: none;
	color: Black;
	font-weight: bold;
	font-size: 20px;
}

a.zurueck:hover {
	color: Orange;
}

p.right1 {
	text-align: right;
	padding-right: 10px;
}



/* Überschriften */
h1, h2, h3 {
	color: #666;
	background: transparent;
	font: 20px Arial, Helvetica, sans-serif bold;
	padding-bottom: 20px;
	text-align: left;
}

h3 {
	font: 16px Arial, Helvetica, sans-serif;
	padding-left: 0px;
}

h2 {
	font: 34px Arial, Helvetica, sans-serif;
	padding-left: 0px;
}

h1 {
	font: 38px Arial, Helvetica, sans-serif bold;
	padding-left: 0px;
}

h1 p {
	color: black;
	background: transparent;
	font: 16px Arial, Helvetica, sans-serif;
	line-height: 28px;
	text-align: left;
}





/* Content (Body) */

#container {
	position: relative;
/*	text-align: center;*/
	width: 838px;
	height: auto;														/* 780px */
	margin: 0 auto;													/* TAG damit zentriert */
/*	min-height: 300px;
	max-height: 780px; */
/*	border: 1px solid Blue; */
}



/* HG Bilder */ 
/* starrer Bereich */
#A01 {
	position: relative;
	left: 0px;
	top: 0px;
	width: 838px;
	height: 72px;
	background-image: url(../Bilder/B02.jpg);					/* Metabereich */
	background-repeat: no-repeat;
/*	border: 1px solid lime; */
	z-index: 50;
}



/* Inhaltsbereich */
#flexcont {
	position: relative;
	left: 0px;
	top: 0px;
	padding-left: 2px;												/*155px*/
	background-image: url(../Bilder/flexcont_bg.jpeg);					/* Navigation */
	background-repeat: repeat-y;
	background-position: top left;
}

#D04 {
	position: relative;
	width: 450px;														/* Contentbereich 475px*/
/*	margin-right: 198px;*/
/*	margin-left: 185px;*/
	background-color: transparent;											/* Fuchsia */
	float: left;
	background-color: white;
}

#D04_index {
	position: relative;
	width: 625px;														/* Contentbereich 475px*/
/*	margin-right: 198px;*/
	margin-left: 10px;
	background-color: #fff;											/* Fuchsia */
	float: left;
	/*background-color: lime;*/
}

#D04_index #liste .starter {
	background-image: url(../Bilder/Starter.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 290px;
	height: 250px;
	float: left;
}

#D04_index #liste .starter img.rahmen {
	border: 2px solid #00709d;
}

#D04_index #liste .starter .center {
	margin: 26px;
	text-align: center;
}

#D04_index #liste .starter .center h2 {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0px 0px 10px 0px;
}

#D04_index #liste .starter .center .subline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#D04_index #liste .starter a img {
	border: none;
}

/*#D04_index #liste ul.startliste {
	float: left;
	width: 302px;
	list-style-image: none;
	list-style: none;
	margin: -15px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#D04_index #liste ul.startliste li a {
	color: white;
	text-decoration: none;
	padding: 10px 0px 10px 0px;
}

#D04_index #liste ul.startliste li a:hover {
	color: #00008b;
}

#D04_index #liste ul.startliste li {
	background-color: #00adef;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: white;
	height: 55px;
	border: 1px solid #00709d;
	text-decoration: none;
}

#D04_index #liste ul.startliste li a span.subline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: white;
}*/

#D04 ul {
	list-style-image: url(../Bilder/logolink.jpg);
	list-style-position: outside;
	padding-left: 25px;
	margin-left: 7px;
}

#D04 ul li {
	border: none;
	line-height: 28px;
}

#D04 ul li p {
	vertical-align: top;
	font-size: 100%;
	line-height: 28px;
	padding-left: 0;
}

#D04 table#leistungskomplexe {
	text-align: left;
	position: relative;
	left: 20px;
	width: 420px;
}

#D04 table#leistungskomplexe tr {
	
}

#D04 table#leistungskomplexe tr td {
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #b4a895;
	font: 0.9em Arial, Helvetica, sans-serif;
}

#D04 table#leistungskomplexe tr td p {
	color: #666666;
}

#D04 table#adressen {
	text-align: left;
	left: 0px;
	width: 450px;
/*	border: 1px solid red;*/
}

#D04 table#adressen tr td {
	padding-left: 10px;
	text-align: left;
	vertical-align: top;
}

#D04 table#adressen tr td h1 {
	padding-left: 0;
	text-align: left;
	vertical-align: top;
	color: red;
}

td.linkimg {
	text-align: right;
}

td.linkimg img{
	border: none;
}

#E05 {
	position: relative;
	width:197px;
	float: right;
/*	background-color: #00ADEF;
	background-image: url(../Bilder/G07.jpg);*/						/* Rand rechts (Column) */
/*	background-repeat: repeat-y;
	background-position: right;*/
}

p.ende {
	clear: both;
	height: 28px;
	background: #b4a895;
}

p.containerbot {
	clear: both;
	height: 28px;
	background-color: Orange;
}

.antifloat {
	clear: both;
	visibility: hidden;
}

#E05 img.mitarbeiter {
	position: relative;
	right: -1px;
	padding: 0px;
	margin: 0px;
}






/* starrer Bereich */
#footer {
	position: relative;
	top: 0px;
	left: 0px;
	width: 838px;
/*	background-image: url(../Bilder/J10.jpg);
	background-repeat: no-repeat;*/
/*	border: 1px solid Orange;*/
}

#footer #footerleft {
	background-image: url(../Bilder/J10.jpg);							/* Footer links */
	background-repeat: no-repeat;	
	background-position: top left;
	width: 174px;																/* 174px */
	height: 23px;																/* 72px */
	float: left;
/*	border: 1px solid lime;*/
/*	background-color: Aqua;*/
}

#footer #footerright {
	background-image: url(../Bilder/K11.jpg);							/* Footer rechts inkl. Content */ 
	background-repeat: no-repeat;
	background-position: top right;
	float: right;
/* border: 1px solid red;*/
/*	background-color: Blue;*/
	width: 664px;																/* 682px */
	height: 23px;																/* 72px */
}

#footer #footerright p {
	position: relative;
	left: -120px;
	padding-left: 0px;
	padding-top: 30px;
	font: 0.8em Arial, Helvetica, sans-serif;
	text-align: center;
}

#footer #footerright p a img {
	border: none;
}

#footer #footerright p a,
#footer #footerright p a:hover,
#footer #footerright p a:active,
#footer #footerright p a:visited {
	text-decoration: none;
	color: Black;
}






/* Navigation*/
#navigation {
	float: left;
	position: relative;
	top: 25px;						/*487px*/
	left: 0px;						/*5px*/
	width: 163px;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 50px 0px;
	z-index: 1;
/*	background-image: url(../Bilder/E05.jpg);
	background-repeat: repeat-y;
	background-position: left;*/
/*	background-color: #666666;*/
}

#navigation ul#menu {
	list-style: none;
	padding-left: 0px;
}

#navigation ul#menu li {
	list-style-image: none;
	list-style-position: outside;
	line-height: 34px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bolder;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}

#navigation ul#menu li.aktiv a {
	color: #00adef;
	background-image: url(../Bilder/aktiv_ls.gif);
	background-position: 18px 21px;
	background-repeat: no-repeat;
}

#navigation ul#menu li.aktiv0 a {
	color: #00adef;
	background-image: none;
}

#navigation ul#menu li a {
	color: Black;
	text-decoration: none;
	display: block;
/*	border: 1px solid red;*/
	padding-left: 20px;
}

#navigation ul#menu li a:hover {
	color: #00adef;
/*	background-image: url(../Bilder/logolink.jpg);
	background-position: 0px ;
	background-repeat: no-repeat;*/
}

#navigation ul#menu li a:active {
	color: #00ADEF;
	list-style-image: url(../Bilder/logolink.jpg);
}

#navigation ul#menu ul.untermenu {
	background-color: #00adef;
	list-style: none;
	padding-left: 0px;
	border: 1px solid white;
}

#navigation ul#menu ul.untermenu li a {
	font-size: 100%;
	color: white;
	display: block;
	background-image: none;
/*	border: 1px solid red;*/
}

#navigation ul#menu li ul.untermenu li a:hover {
	background-color: #008ac1;
	color: white;
/*	background-color: transparent;
	color: #00008b;*/
}

#navigation ul#menu li.aktiv ul.untermenu li.aktiv {
	background-color: #008ac1;
}

#navigation ul#menu li ul.untermenu li ul#untermenu2{
/*	border: 1px solid red;*/
}

#navigation ul#menu li ul.untermenu li ul#untermenu2 li a {
	font-size: 125%;
	padding-left: 40px;
	color: Black;
}

#navigation ul#menu li ul.untermenu ul#untermenu2 li#active a {
	color: #00ADEF;
}








/* News / Column */
.news1 {
	padding-top: 10px;
	padding-bottom: 20px;
	margin-right: 2px;
	margin-left: 10px;
	text-align: left;
}

.news {
	padding-top: 10px;
	border-top: 1px solid #00BFFF;
	padding-bottom: 20px;
	margin-right: 2px;
}

.mitarbeiter {
	padding-top: 10px;
	border-bottom: 1px solid #00BFFF;
	padding-bottom: 20px;
	margin-right: 2px;
	text-align: left;
}

.mitarbeiter p {
	padding-right: 10px;
	padding-left: 10px;
	color: white;
}

.news p {
	padding-right: 10px;
	padding-left: 10px;	
}

.news1 p {
	padding-right: 10px;
	padding-left: 10px;
}

.newsdate {
	padding-left: 10px;	
	padding-right: 10px;
}

.newstitle {
	padding-left: 10px;
	padding-right: 10px;	
	color: White;
}

.news1 .newstitle {
	text-align: left;
	position: relative;
	left: -10px;
}

.newstexte {
	color: white;
/*	background-image: url(../Bilder/spendenkonto.jpg);
	background-position: 10px 0px;
	background-repeat: no-repeat;*/
/*	font-weight: 600;*/
}

.news1 form p.rrb {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	text-align: left;
}

.news1 form input {
	background-color: transparent;
	border: none;
	width: 140px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
/*	border-bottom: 1px solid white;*/
}

.news1 form .inputtext {
	border: none;
	background-image: url(../Bilder/leer_btn.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 10px 0px 10px 17px;
}

.news1 form .inputsumme {
	border: none;
	background-image: url(../Bilder/spendenkonto.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 10px 0px 10px 17px;
}

.news1 form .inputsumme table {
	border: none;
}

.news1 form .inputsumme table p {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.news1 form input.send_btn {
	background-image: url(../Bilder/senden_btn.jpg);
	background-position: 35px 0px;
	background-repeat: no-repeat;
	width: 200px;
	height: 40px;
}







/* Metadaten */
#metadaten {
	position: absolute;
	top: 32px;
	left: 647px;
	color: #fff;
/*	background-color: Aqua;*/
	z-index: 500;
}

#metadaten ul {
	color: #fff;
}

#metadaten ul li {
	display: inline;
	font-size: 8pt;
	color: #fff;
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid #fff;
}

#metadaten ul li a {
	color: #fff;
	text-decoration: none;
}

#metadaten ul li a:hover {
	color: #00008B;
}

#metadaten ul li#noborder {
	border: 0;
}



/* Logo */
#logo {
	position: absolute;
	top: 32px;
	left: 10px;
	z-index: 400;
}

#logo a img {
	border: none;
}

#diakonieberlin {
	position: absolute;
	top: 70px;									/*120px für 25Jahre Diakonie-Logo*/
	left: 645px;
	z-index: 400;
}

#diakonieberlin p {
	color: white;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
}

#diakoniezeitung {
	position: absolute;
	top: 100px;
	left: 645px;
	z-index: 400;
}



/* Suche */ 
#suche {
	position: absolute;
	top: 50px;
	left: 642px;
	z-index: 500;
}




/* Slogan */
#slogan {
	position: absolute;
	top: 335px;
	left: 638px;
	color: White;
	background-color: transparent;
	z-index: 300;
}

#slogan p {
	color: White;
	background-color: transparent;
	font-weight: bolder;
	font-size: 110%;
}

#slogan p#grau {
	color: #9400D3;
}




/* Flaggen / Sprachen */
#language {
	position: absolute;
	left: 600px;
	top: 465px;
	z-index: 75;
}

#language ul {
	list-style: none;
}

#language ul li {

}

#language ul li a {
	text-decoration: none;
	border: none;
	text-align: right;
}

#language ul li a img {
	border: none;
}





/* Scrollframe */
#bildleiste {
	padding-left: 30px;	
}