/*
	Style-Sheet fuer www.elisabeth-diakonie.de
	rkn 13.06.2007
*/

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

body {
	margin:					0;
	padding-top:			5px;
	font-family:			Arial, Helvetica, "Sans Serife";
	background-color:		#FFFFFF;
}

/**
	Seitenbereiche (Container)
*/

#container {
	width:					955px;
	padding:					0;
	margin:					0 auto 0 auto;
}


#head {
	margin:					0px;
	padding:					0px;
}
#headleft {
	background-image:		url(/images/balken_lo.gif);
	background-repeat:	no-repeat;
	float:					left;
	width:					290px;
	height:					162px;
	text-align:				center;
	vertical-align:		middle;
}
#headright {
	width:					600px;
	height:					162px;
	float:					left;
	padding:					0 0 0 0;
	border-left:			4px solid #FFFFFF;
}

#servicemenu {
	clear:					both;
	background-image:		url(/images/balken_m.gif);
	background-repeat:	no-repeat;
	background-color:		#8A007E;
	border-top:				4px solid #FFFFFF;
	border-bottom:			4px solid #FFFFFF;
	height:					30px;
	color:					white;
	padding:					9px 0 0 90px;
}

#body {
	float:					left;
	background-image:		url(/images/balken_lu.gif);
	background-repeat:	no-repeat;
	background-position:	-15px 0;
	border-left:			15px solid #8A007E;
}

#left {
	float:					left;
	width:					272px;
	min-height:	 			400px;
	height:					100%;
	margin:					0;
	padding:					10px 5px 20px 2px;
}

#content {
	font-size:				0.95em;
	line-height:			130%;
	float:					left;
	width:					610px;
	min-height:	 			400px;
	height:					100%;
	padding:					10px 10px 20px 40px;
	background-color:		#F0F7E4;
}

#foot {
	clear:					both;
}

#printhead {
	visibility: 			hidden;
	display: 				none;
	height:					0px;
}

#drucken {
	width:					250px;
	padding:				5px;
	margin-left:			680px;
	background-color:		#EFEFEF;
	text-align:				right;
}
#drucken a {
	font-size:				0.85em;
	padding-right:			10px;
	font-weight:			normal;
	text-decoration:		none;
}

div.menu, div.qflink {
	margin-left:				70px;
	font-size:					0.92em;
}

div.menu ul {
	padding:					0;
	margin:						0;
}
div.menu li {
	padding: 					0;
   margin: 						0;
   list-style: 					none;
}
div.orga {
}
div.pflege {
	padding-bottom:			5px;
	padding-left:			5px;
	border-bottom:			3px solid #94c43a;
	background-color:		#F1E6F1;
}
#left div.logo {
	margin:						50px 0 0 50px;
}

a.nav1, a.nav2, a.nav3 {
	display:					block;
	text-decoration : 			none;
	font-weight:				normal;
	color:						#000000;
}
a.nav1 {
	padding:					0.4em 0 0.1em 0px;
}
a.nav2 {
	padding-left:				0;
}
div.menu li.nav2 {
	list-style:					disc;
	padding-left:				0;
	margin-left:				2.5em;
	color:						#8A007E;
}
a.nav3 {
	margin-left: 				20px;
}
a.open, a.marked {
	color:						#8A007E;
}
a.marked {
	font-weight:				bold;
}
div.menu a:hover {
	color:						#8A007E;
	text-decoration:			underline;
}
div.menu select {
	width:						100%;
	background-color:			#F1E6F1;
	margin-bottom:				5px;
}
div.menu option.kopf {
}
div.menu option.gruppe {
	background-color: 			#FFFFFF;
}
/* (Zusatz-)Menuepunkte anders darstellen */
div.menu ul.zusatzmenu {
	margin-top:					1.3em;
}
div.menu ul.zusatzmenu a.nav1  {
	/*background-color:			#EFEFEF;
	padding:					0.2em 0 0.1em 2px; */
	padding:					0.1em 0 0.1em 0;
	color:						#8A007E;
}


#servicemenu a {
	color:						#FFFFFF;
	font-weight:				normal;
	text-decoration: 			none;
}
#servicemenu a:hover {
	text-decoration: 			underline;
}

#servicemenu li {
	float:						left;
	min-width:					4em;
	color:						#FFFFFF;
	list-style: 				square;
	padding:					0 1.3em 0 0;
}
#servicemenu ul {
	padding:					0;
	margin:						0;
}
#schriftgroesse {
	float:					left;
	width:					200px;
	text-align:				right;
}
#schriftgroesse a {
	color:					#FFFFFF;
	font-weight:			bold;
}


/** Bild im Inhalt (Kasten um Bild und Untertitel) **/
.bild {
	text-align:				left;
	border:					0px solid red;
}
.bilduntertitel {
	font-size:				0.9em;
	padding:					2px;
	max-width:				100%;
	border:					0px solid green;
	margin-bottom:			5px;
}
img.rechts {
	margin-left:			10px;
}
img.links {
	margin-right:			10px;
}
#content img {
	background-color:		#FFFFFF;
}

img.galerie {
	margin:					9px;
	padding:					3px;
	background-color:		#EFEFEF;
}

/**
	Textgestaltungen
*/

h1 {
	font-size: 				1.75em;
	font-weight:			bolder;
	margin-bottom: 			20px;
	line-height:			130%;
}

h2 {
	font-size: 				1.2em;
	color:					#8A007E;
	line-height:			130%;
}
h2 a {
	color:					#8A007E;
}

h3 {
	font-size: 				1.0em;
}

.small, .klein {	font-size: 0.9em; }
.tiny, .winzig {	font-size: 0.8em; }

/* Farben */
.lila		{ 	color:					#8A007E;		}
.bglila	{	background-color:		#8A007E; 	}
.hlila	{ 	color:					#F1E6F1;		}
.bghlila	{	background-color:		#F1E6F1; 	}
.gruen	{ 	color:					#94c43a; 	}
.bggruen	{ 	background-color:		#94c43a; 	}
.hgruen	{ 	color:					#F0F7E4; 	}
.bghgruen{ 	background-color:		#F0F7E4; 	}
.blau		{ 	color:					#009ee0; 	}
.bgblau	{ 	background-color:		#009ee0; 	}
.grau 	{  color:					#888888; 	}
.bggrau	{ 	background-color:		#888888; 	}
.hgrau 	{  color:					#EEEEEE; 	}
.bghgrau	{ 	background-color:		#EEEEEE; 	}

br.min {
	line-height:				0.2em;
}

/* Listenaufzaehlung */
#content ul {
}
#content li {
	margin:						2px 0px 0px 0px;
}

/* Block-Elemente innerhalb von Texten */
.texthinweis {
	text-align: 			left;
	border:					2px solid #1E4B82;
	border-style:			solid;
	margin:					0px;
	padding: 				5px;
	background-color:		#E1F0FA;
}

div.halb {
	width:					49%;
	float:					left;
}

a {
	color:					#000000;
	font-weight:			bold;
	font-size:				0.95em;
}

a:hover, #drucken a:hover{
	color: 					#1E4B82;
	text-decoration:		underline;
}


a.sitemap {
	font-weight:			normal;
}
a.pdf, a.zip, a.datei {
	padding-left:			20px;
	background-repeat:	no-repeat;
}
a.pdf {		background-image: 	url(/images/ico_pdf.gif); 	}
a.zip {		background-image: 	url(/images/ico_zip.gif); 	}
a.datei {	background-image: 	url(/images/ico_disk.gif); 	}

/* Adressen */
div.adresse {}
div.adresse div.anspp {
	padding:				0.5em 0 0.5em 0;
}

/* Meldungen , Presse */
div.meldung {
	float:					left;
	clear:					left;
	width: 					100%;
	border-bottom:			2px solid #AAAAAA;
	margin-bottom:			0.5em;
	padding-bottom:			0.5em;
}
div.meldung p, div.meldung h2 {
	margin-bottom:			0.5em;
	margin-top:				0.5em;
}

img.meldung {
	float:					right;
	margin:					0 0 10px 10px;
}

.hidden {
		visibility: 		hidden;
		height:			   0px;
}

/* Tabellen , Termine */

table.termine {
	margin-top:				1em;
}
table.termine td, table.termine th {
	vertical-align:			top;
	padding:				3px 5px 6px 5px;
}
table.termine td {
	border-bottom:			1px solid #AAAAAA;
}
table.termine th	{
	text-align:				left;
	background-color:		#1E4B82;
	color:					#FFFFFF;
	padding-bottom:			0;
}


/* Tabelle Preise */
table.preise {
}
table.preise td, table.preise th {
	vertical-align:			top;
	font-size:				0.85em;
	border:					0px solid #AAAAAA;
}
table.preise th	{
	text-align:				left;
	background-color:		#EEEEEE;
	padding-bottom:			0;
	border-width:			0 1px 1px 0;
}
table.preise td.betrag {
	text-align:				right;
	padding-right:			3px;
	background-color:		#FFFFFF;
	border-width:			0 1px 1px 0;
}


/* Tabelle Sitemap (Inhaltsverzeichnis) */
table.sitemap {
	width:					100%;
}
table.sitemap a.nav2 {
	padding-top:			3px;
}
table.sitemap a.nav3 {
	font-size:				0.85em;
}
/* Tabelle Styleguide */
table.styleguide {
	width:					100%;
	border-collapse:		collapse;
}
table.styleguide td {
	border:					1px solid #c7c7c7;
}


/* Farbige Hinterlegungen fuer Tabellenzeilen, -felder */
table.tabelle {
	border-right:			1px solid black;
	border-top:				1px solid black;
	padding:					10px 10px 0px 0px;
}
td.tab, th.tab {
	border-right:			1px solid black;
	padding:					2px;
	empty-cells:			show;
}
td.schwarz {
	background-color:		black;
	padding:					0px;
	border-bottom:			1px solid black;
}
tr.blau, td.blau {
	background-color:		#E1F0FA;
	border-left:			1px solid black;
	border-right:			0px;
	margin-right:			10px;
}
tr.kopf {
	border-bottom:			1px solid black;
}

/** Formulare */
#content form {
	background-color:			#EEEEEE;
	padding:						3px;
}

/* Eingabefelder in Formularen */
input, select, textarea {
	background-color:    	#FFFFFF;
	border: 						0;
	padding:						1px 1px 1px 2px;
}
input.checkbox {
	margin-bottom: 	0px;
	border:				0px;
}
/* Liste von Checkboxen */
div.chklist {
	padding:				0 0 5px 25px;
	text-indent:		-25px;
}

/* Lange, mittlere und kurze Eingabefelder in Formularen (z. B. Name)*/
input.lang, textarea.lang, select.lang{			width:				300px; }
input.mittel, select.mittel, textarea.mittel{	width:				180px; }
input.kurz, select.kurz, textarea.kurz {     	width:				60px;  }

/* Absenden-Knoepfe in Formularen */
input.knopf {
	background:			#94C43A;
	font-weight:		bold;
	color:  				#ffffff;
	border-top:			1px solid #dce3ea;
	border-left:		1px solid #dce3ea;
	border-bottom:		1px solid #000000;
	border-right:		1px solid #000000;
}

/* Hervorhebung bei Pflichtfeldern */
input.pflichtfeld {
}

input.fehler {
	background-color: 	#E1F0FA;
}
div.checkboxfehler {
	background-color:		#E1F0FA;
}
span.pflicht {
	font-weight:			bold;
	color:					#1E4B82;
}

div.formularfehler {
	background-color:		#E1F0FA;
	padding:					5px;
	font-weight:			bold;
}




/* Suche im Servicemenue */
form.suche {
	margin:					0;
	padding:					0 10px 0 0;
	vertical-align:		top;
}
input.suche {
	background-color:		#FFFFF0;
	border:					0px;
	width:					100px;
	height:					15px;
	font-size:				0.8em;
}




/* Einstellungen fuer die Druckausgabe */
@media print {
	#body {
		background-color:		white;
		border-left:			0;
	}
	#container {
		width:					700px;
	}

	#content {
		background-color:		white;
		padding:				0;
		font-size:				0.9em;
	}

	#printhead {
		visibility: 			visible;
		display: 				block;
		height:					91px;
		text-align:				right;
		margin:					0;
	}

	.noprint, #left, #bigDiv, #thumbDiv {
		visibility		: hidden;
		display			: none;
		height			: 1px;
		width			: 1px;
		z-index			: 2;
	}

	h1, h2, h3 {
		margin-bottom:			0.2em;
		line-height:			100%;
	}

	h1 {	font-size: 				1.4em; ; margin-top: 0;  }
	h2 {	font-size: 				1.15em; }

	p  {
		margin-top:				0.2em;
		margin-bottom:			0.2em;
		line-height:			110%;
	}
}