/* --------------------------- INFO ---------------------------
Web:				http://www.diakoniestiftung-herford.de
Autor: 				Kirsten Eickermann
Letzte Aenderung:	23.05.2008 von Gaby
*/

/* --------------------------- ALLGEMEINES ---------------------------*/

body {
	background-color: 	#013183;
	font-family: 		Verdana,Arial, Helvetica, sans-serif;
	font-size:			100.1%;
	height:				100%;
	margin:				0;
	padding:			0;
}


html {
	height:				100%;
	margin-bottom:		0.1px;
}

h1,h2,h3,h4,h5,h6,blockquote,form,p {
	margin: 			0;
	padding: 			0;
}


a img {
	border:				0px;
}


a.link:active, 
a.link:visited, 
a.link:link {
	color: #022F82;
	font-weight: normal;
	text-decoration: underline;
}

a.link:hover {
	text-decoration: none;
}



h1 {
	font-size:			1.5em;
	color:				#022F82;
	margin: 			0;
	padding: 			0;
}

h2 {
	font-size:			1.25em;
	color:				#6A8DC8;
	margin: 			0;
	padding: 			0;
}

h3 {
	font-size:			1.15em;
	font-weight:		normal;
	color:				#333;
	margin: 			0 0 1.0em 0;
	padding: 			0;
}

h4 {
	font-size:			1.15em;
	font-weight:		bold;
	color:				#022F82;
	margin: 			0.8em 0 1.0em 0;
	padding: 			0;
}

h5 {
	font-size:			0.8em;
	font-weight:		normal;
	color:				#ffffff;
}


td {
	font-size:			1.15em;
	font-weight:		normal;
	margin: 			0;
	padding: 			0.3em 0.3em 0.3em 0.3em;
}

table.tabelle {
	margin:				10px 0;
}

table.tabelle thead td {
	background:			#48619F;
	border:				1px solid #FFF;
	color:				#FFF;
	font-weight:		bold;
	text-align:			center;
}
table.tabelle tbody td {
	background:			#E6EAF6;
	border:				1px solid #FFF;
	padding: 			0.5em;
}

/* ---------------- PRINT STYLES - ausgeblendet ------------------ */

	#header-print {display:none;}
	#footer-print {display:none;}
	
/* ---------------- Ende PRINT STYLES ------------------ */




/* --- header --- */

#header {
	float:				left;
	width:				99.4em;
	height:				8.7em;
	font-size:			0.625em;
	margin:				0;
	padding:			0;
}


#logo {
	width:				16.8em;
	height:				8.7em;
	float:				right;
	margin:				0;
	padding:			0;
}

.logo {
	width:				16.8em;
	height:				8.7em;
	margin:				0;
	padding:			0;
}

#box-links {
		float:				left;
		width:				18.2em;
		height:				8.7em;
		margin:				0;
		padding:			0;					
}


#navi_admin {
	width:				64.4em;
	height:				8.7em;
	margin:				0;
	float:				left;
	padding:			0;
}

ul.navi_admin {
	float: 				left;
	margin:				6.0em 0 0 0;
	padding:			0;
	}
	
ul.navi_admin li{
	float:				left;
	font-weight:		bold;
	margin-right:		3.8em;
	list-style-type: 	none;
	} 


ul.navi_admin li a {
	text-decoration: 	none;	
	}
	

ul.navi_admin li a:link,	
ul.navi_admin li a:visited  {
	color: 				#BFC6DD;
	}

ul.navi_admin li a:hover,
ul.navi_admin li a:active {
	color: 				#fff;		
}	
ul.navi_admin li a.current:link,
ul.navi_admin li a.current:visited {
	color: 				#fff;		
	}
	

 
#verlauf {
	float:				left;
	width:				99.4em;
	height:				3.3em;
	font-size:			0.625em;
	margin:				0;
	padding:			0;
}

.verlauf {
	width:				99.4em;
	height:				3.3em;
}


/* --- Navigation --- */

#navibox {
		float:				left;
		width:				18.2em;
		margin:				0;
		padding:			0;			
		background-color:	#E6EAF6;	
}

	
ul.mainmenu {
	margin:					13px 0 0 0;
	padding:				0;
	border-bottom:			1px solid #FFF;
}

ul.mainmenu li {
	display:				block;
	font-weight:			bold;
	color: 					#6378AD;
	border-top:				1px solid #fff;
	padding:				0.5em 0 0.4em 0;
	margin:					0;				
 }
 

ul.mainmenu li a {
	text-decoration:		none;
	display:				block;
	padding:				0 0 0.4em 2.4em;	
	} 


ul.mainmenu li a:active,
ul.mainmenu li a:visited,
ul.mainmenu li a:link {  
	color: 					#022F82;
	background:				url(../../images/pfeil-blau-navi.gif) no-repeat;
}

ul.mainmenu li a:hover {  
	color: 					#6378AD; 
	background:				url(../../images/pfeil-blau-navi.gif) no-repeat;
}



ul.mainmenu li a.currentlink {
	text-decoration:		none;
	display:				block;
	padding:				0 0 0.4em 2.4em;
	background:				url(../../images/pfeil-hellblau-navi.gif) no-repeat;	
	} 

ul.mainmenu li a.currentlink:active,
ul.mainmenu li a.currentlink:visited,
ul.mainmenu li a.currentlink:link { 
	color: 					#6378AD;
}

ul.mainmenu li a.currentlink:hover {  
	color: 					#022F82; 
}

/* currentlinks ohne submenue */
ul.mainmenu li a.current-ohnesub {
	text-decoration:		none;
	display:				block;
	padding:				0 0 0.4em 2.4em;	
	} 

ul.mainmenu li a.current-ohnesub:active,
ul.mainmenu li a.current-ohnesub:visited,
ul.mainmenu li a.current-ohnesub:link { 
	color: 					#6378AD;
}

ul.mainmenu li a.current-ohnesub:hover {  
	color: 					#022F82; 
}


/* --- subnavi -- */
.subnavi-hg {  
	width:					18.2em;
	height:					0.8em;
	margin:					0;
	padding:				0;
}

ul.submenu {
	margin: 				0;
	background-color:		#FFFDE0;
	padding: 				0.1em 0 0.7em 0;	
}

ul.submenu li {
	font-weight: 			normal;
	list-style-type:		none;
	padding:				0.2em 0 0.2em 2.3em;
	margin:					0;	
}


ul.submenu li a,
ul.submenu li a:link,
ul.submenu li a:visited {
	display:				block;
	font-weight: 			normal;
	text-decoration: 		none;
	background:				url(../../images/punkt-subnavi-blau.gif) no-repeat;
	padding:				0 0 0 0.8em;
	color: 					#022F82; 
}

ul.submenu li a:hover,
ul.submenu li a:active { 
	color: 					#6378AD;
	background:				url(../../images/punkt-subnavi-hellblau.gif) no-repeat; 
}

ul.submenu li a.currentlink {
	display:				block;
	font-weight: 			normal;
	text-decoration: 		none;
	background:				url(../../images/punkt-subnavi-hellblau.gif) no-repeat;
	padding:				0 0 0 0.8em;
	
}

ul.submenu li a.currentlink:link,
ul.submenu li a.currentlink:visited,
ul.submenu li a.currentlink:active  {  
	color: 					#566CA2; 
}

ul.submenu li a.currentlink:hover {  
	color: 					#022F82; 
}

/* menue Einrichtungen */

ul.einrichtungen {
	margin:					4.3em 0 0 0;
	padding:				0;
	background-color:				#48619F;
}

ul.einrichtungen li {
	display:				block;
	font-weight:			bold;
	color: 					#fff;
	padding:				0.45em 0 0.45em 0;
	margin:					0.8em 0 0 0;
 }

ul.einrichtungen li a,
ul.einrichtungen li a:link {
	text-decoration:		none;
	display:				block;
	padding:				0 0 0 2.4em;; /*2.4em;*/
	background:				url(../../images/pfeil-weiss-navi.gif) no-repeat;	
	} 

ul.einrichtungen li a:active,
ul.einrichtungen li a:visited,
ul.einrichtungen li a:link { 
	color: 					#fff;
}

ul.einrichtungen li a:hover {  
	color: 					#E6EAF6; 
}


ul.einrichtungen li a.currentlink,
ul.einrichtungen li a:visited.currentlink {
	color: 					#fff;
	text-decoration:		none;
	display:				block;
	padding:				0 0 0 2.4em;
	background:				url(../../images/pfeilhover-weiss-navi.gif) no-repeat;	
	} 

ul.einrichtungen li a.currentlink:active,
ul.einrichtungen li a.currentlink:visited,
ul.einrichtungen li a.currentlink:link { 
	color: 					#fff;
}


ul.einrichtungen li a.currentlink:hover {  
	color: 					#E6EAF6; 
}

/* --- submenue einrichtungen --*/

ul.einrichtungen ul.submenu {
	margin:					0;
	padding: 				0.1em 0 0.7em 0;
}

ul.einrichtungen ul.submenu li {
	margin:					0;
	padding:				0.2em 0 0.2em 2.3em;
}


ul.einrichtungen ul.submenu li a,
ul.einrichtungen ul.submenu li a:link,
ul.einrichtungen ul.submenu li a:visited {
 	display:				block;
	padding:				0 0 0 0.8em;
	color: 					#022F82; 
	text-decoration: 		none;
	background:				url(../../images/punkt-subnavi-blau.gif) no-repeat;
 }
ul.einrichtungen ul.submenu li a:hover,
ul.einrichtungen ul.submenu li a:active {
 	display:				block;
	padding:				0 0 0 0.8em;
	color: 					#022F82; 
	text-decoration: 		none;
	background:				url(../../images/punkt-subnavi-hellblau.gif) no-repeat;
 }

ul.einrichtungen ul.submenu li a.currentlink,
ul.einrichtungen ul.submenu li a.currentlink:visited {
 	display:				block;
	color: 					#022F82; 
	padding:				0 0 0 0.8em;
	margin:					0;
	text-decoration: 		none;
	background:				url(../../images/punkt-subnavi-hellblau.gif) no-repeat;
 }

/* --- content --- */


#content {
		float:				left;
		width:				99.4em;
		font-size:			0.625em;
		margin:				0;
		padding:			0;
		background-color:	#E6EAF6;	
}



#inhalt {
		float:				left;
		width:				81.2em;
		margin:				0;
		padding:			0;
		background-color:	#D2D9EE;
		z-index:			0;
}
#inhalt {
		min-height:			670px;
}

#inhalt:after  {
		clear:				both;
		content:			".";
		display:			block;
		height:				0;
		line-height:		0;
		padding:			0;
		visibility:			hidden;
}


#inhalt-head {
		width:				81.2em;
		margin:				0;
		padding:			0;
		background-color:	#E6EAF6;	
}

#inhalt-links {
		float:				left;	
		width:				50.0em;
		margin:				3.0em 0 2.0em 4.0em;
		padding:			0 0 2.0em 0;		
		font-size:			1em;
}

/*Links innnerhalb der Fließtexte */
#inhalt-links a:link,
#inhalt-links a:visited {
		color: 				#022F82;
		text-decoration: 	none;	
}

#inhalt-links a:hover,
#inhalt-links a:active {
		text-decoration: 	underline;
		color: 				#6378AD;
}

#inhalt-rechts {
		float:				right;
		width:				20.2em;
		margin:				3.2em 1.6em 5.0em 0;
		padding:			0;	
}

#inhalt-komplett {
		clear:				both;
		width:				81.2em;
		margin:				0;
		padding:			0;	
}



#spruch {
		font-size:			1.15em;
		color:				#022F82;
		margin:				0;
		padding:			1.4em 1.4em 1.4em 1.4em;
		background-color:	#E6EAF6;
		border:				1px solid #fff;	
}
#spruch a,
#spruch a:link,
#spruch a:visited {
		text-decoration:	none;
		color:				#022F82;
} 
#spruch a:hover,
#spruch a:active {
		text-decoration:	none;
		color:				#6A8DC8;
}

table.lageplan {
		font-size:			1.15em;
		color:				#022F82;
		margin:				0;
		padding:			1.4em 0.8em 1.4em 1em;
		background-color:	#E6EAF6;
		border:				1px solid #fff;
		
}

table.lageplan tr td {
		margin:				0;
		padding:			0 0.3em 0 0;
		vertical-align:		top;
}
table.lageplan a,
table.lageplan a:link,
table.lageplan a:visited {
		font-size:			0.8em;
		text-decoration:	none;
		color:				#022F82;
}

table.lageplan td a:hover,
table.lageplan td a:active {
		font-size:			0.8em;
		text-decoration:	none;
		color:				#6A8DC8;
}

#newsbox {
		font-size:			1.1em;
		color:				#022F82;
		margin:				0;
		padding:			1.4em 1.4em 1.4em 0.4em;
		background-color:	#FFFDE0;
		border:				1px solid #fff;	
}

#aproposbox {
		width:				20.2em;
		margin:				0;
		padding:			0;
		background-color:	#FFFDE0;	
}

#apropostext {
		width:				7.6em;
		font-size:			1.15em;
		color:				#022F82;
		background-color:	#FFFDE0;
		float:				left;
		margin:				0;
		padding:			1.4em 0  0 1.4em;	
}
#aproposbild {
		float:				right;
		margin:				0;
		padding:			0;	
}

.box-head {
		display:			block;
		font-size:			1.15em;
		font-weight:		bold;
		margin:				0;
		padding:			0.35em 0 0.4em 1.4em;			
		color:				#fff;
		background-color:	#48619F;
			
}

ul.liste {
	font-size:				1.15em;
	font-weight:			normal;
	margin:					1.0em 0 1.0em 1.4em;
	padding:				0;
}

ul.liste li {
	display:				list-item;
	color: 					#022F82;
	padding:				0;
	margin:					0 0 0.3em 0;
	list-style-type:		disc;
	list-style-position:	outside;
 }

#boxlink {
		clear:    			both;
		margin:				0;
		padding:			0;
		background-color:	#fff;	
}

a.box:active,
a.box:visited,
a.box:link { 
	display:				block;
	color: 					#022F82;
	font-weight:			bold;
	background:				url(../../images/pfeil-link.gif) no-repeat; 
	background-color:		#fff;
	padding:				0.5em 0 0.5em 3.2em;
	margin:					0;
	text-decoration:		none;
}

a.box:hover {  
	color: 					#566CA2; 
}


a.importantlink:active,
a.importantlink:visited,
a.importantlink:link { 
	display:				block;
	color: 					#022F82;
	font-size:				1.1em;
	font-weight:			bold;
	background:				url(../../images/pfeil-importantlink.gif) no-repeat; 
	padding:				0.3em 0 0.7em 2.0em;
	margin:					0;
	text-decoration:		none;
}

a.importantlink:hover {  
	color: 					#566CA2; 
}



/* --- Navigation Unterseiten --- */

#navi-rechts {
		margin:				0;
		padding:			0;			
		background-color:	#E6EAF6;
		border-left:		1px solid #fff;
		border-right:		1px solid #fff;
		border-bottom:		1px solid #fff;	
}

.navi-head {
		display:			block;
		font-size:			1.15em;
		font-weight:		bold;
		margin:				2.5em 0 0 0;
		padding:			0.35em 0 0.4em 1.4em;			
		color:				#fff;
		background-color:	#48619F;		
}

.navi-head-aktuell {
		display:			block;
		font-size:			1.15em;
		font-weight:		bold;
		margin:				2.0em 0 0 0;
		padding:			0.35em 0 0.4em 1.4em;			
		color:				#fff;
		background-color:	#F26C4F;		
}
	
ul.navi-rechts {
	margin:					0;
	padding:				0;
}

ul.navi-rechts li {
	display:				block;
	border-top:				1px solid #fff;
	font-weight:			bold;
	color: 					#6378AD;
	padding:				0.5em 0 0.4em 0;
	margin:					0;
 }
 

ul.navi-rechts li a {
	display:				block;
	text-decoration:		none;
	background:				url(../../images/pfeil-blau-navi.gif) no-repeat;
	padding:				0 0 0 2.4em;	
	} 

ul.navi-rechts li a:active { 
	color: 					#6378AD;
}

ul.navi-rechts li a:visited {  
	color: 					#022F82;
}

ul.navi-rechts li a:link {  
	color: 					#022F82;
}


ul.navi-rechts li a:hover {  
	color: 					#6378AD;
}


ul.navi-rechts li a.currentlink {
	text-decoration:		none;
	display:				block;
	padding:				0 0 0 2.4em;
	background:				url(../../images/pfeil-hellblau-navi.gif) no-repeat;	
	} 

ul.navi-rechts li a.currentlink:active,
ul.navi-rechts li a.currentlink:visited,
ul.navi-rechts li a.currentlink:link { 
	color: 					#6378AD;
}

ul.navi-rechts li a.currentlink:hover {  
	color: 					#022F82; 
}




/* --- startseite --- */

#start-links {
		float:				left;
		width:				53.9em;
		height:				23.1em;
		margin:				0;
		padding:			0;					
}

#foto-links {
		float:				left;
		width:				53.9em;
		height:				9.7em;
		margin:				0;
		padding:			0;					
}

.foto-links {
		width:				53.9em;
		height:				9.7em;					
}

#headline-start {
		float:				left;
		width:				53.9em;
		height:				8.7em;
		margin:				0;
		padding:			4.7em 1.0em 0 4.0em;
		background-color:	#fff;	
}

#start-rechts {
		float:				right;
		width:				27.3em;
		height:				23.1em;
		margin:				0;
		padding:			0;					
}

.foto-verlauf {
		width:				27.3em;
		height:				23.1em;					
}



/* --- unterseiten --- */


#headline {
		float:				left;
		width:				53.9em;
		height:				7.1em;
		margin:				0;
		padding:			4.7em 1.0em 0 4.0em;
		background-color:	#fff;	
}

#foto2-links {
		float:				left;
		width:				53.9em;
		height:				11.3em;
		margin:				0;
		padding:			0;					
}

.foto2-links {
		width:				53.9em;
		height:				11.3em;					
}


#box-einrichtungen {
		float:				left;
		font-size:			1.15em;
		color:				#022F82;
		margin:				0 1.5em 3.0em 3.5em;
		padding:			1.4em 1.4em 1.4em 1.4em;
		border:				1px solid #fff;	
}

#box-kontakt {
		float:				left;
		font-size:			1.15em;
		color:				#022F82;
		margin:				0 3.5em 3.0em 0;
		padding:			1.4em 1.4em 1.4em 1.4em;
		border:				1px solid #fff;	
}

/*Linkauszeichnung mit Pfeil */
a.pfeil-link {
	display:				block;
	color:					#022F82;
	text-decoration:		none;
	padding:				0 0 0 1em;
	margin:					0px;
	background:				url(../../images/pfeil-blau.gif) no-repeat;	
	}
	
	
/* ---------- Formulare ---------- */


#form-bewerbung,
#form-kontakt {
	float:					left;
	margin-bottom:			3em;
}	
#form-bewerbung .form_row,
#form-kontakt .form_row {
	clear:					both;
	display:				block;	
	height:					3em;
	margin-bottom:			0.2em;
}
#form-bewerbung .label,
#form-kontakt .label {
	display:				block;
	float:					left;
	width:					20em;
	padding:				0.8em 0 0 0;
}	
#form-bewerbung .value,
#form-kontakt .value {
	display:				block;
	float:					left;
}
#form-bewerbung .value input,
#form-kontakt .value input {
	width:					21em;
	padding:				0.25em 0.25em;
}		
#form-bewerbung .form_row .value textarea,
#form-kontakt .form_row .value textarea {
	display:				block;
	width:					21.6em;
	padding:				0.125em 0.2em;
	margin-bottom:			0.5em;
	height:					7em;
}
#form-bewerbung .value input.plz,
#form-kontakt .value input.plz {
	width:					3.6em;
	margin-right:			0.35em;
}
#form-bewerbung .value input.ort,
#form-kontakt .value input.ort {
	width:					16em;
}
#form-bewerbung .value input.geschlecht,
#form-kontakt .value input.geschlecht {
	float:					left;
	width:					2em;
	margin-right:			2em;
}
#form-bewerbung .value input.bottom,
#form-kontakt .value input.bottom {
	float:					left;
	width:					10em;
	margin-right:			1em;
}


/*sonderstyles */

.bild-floating {
	float:left; 
	display:block; 
	padding: 0 10px 10px 0;
}
/* -------------------------- sonderstyles ------------- */
#gruener-haken {
	background-image:url(../../images/einrichtungen/haken-layer.png);
	background-repeat:no-repeat;
	position:absolute;
	top: 120px;
	left:584px;
	z-index:100;
	width:		146px;
	height:		228px;
}


/* IE6 */
* html  #gruener-haken {
	background-image:url(../../images/einrichtungen/haken-layer.gif);
	background-repeat:no-repeat;
	position:absolute;
	top: 0px;
	left:0px;
	z-index:100;
	background-color:#3FF;
	width:		146px;
	height:		228px;
}