/* <style type="text/css"> */

/* */
/* Allgemeine Formatierungen */
/* */

a {
	text-decoration: none;
	color: #0088b7;
}

a:hover {
	color: #89b713;
}

p {
	margin: 0;
	padding: 0 0 15px 0;
}

p.align-left {
	text-align: left;
}

p.align-center {
	text-align: center;
}

p.align-right {
	text-align: right;
}

h1 {
	font-size: 14px;
	margin: 0;
	padding: 0 0 10px 0;
}

h2, h3, h4, h5, h6 {
	font-size: 11px;
	margin: 0;
	padding: 0 0 10px 0;
}

a img {
	border: none;
}

dl {
	margin: 0;
	padding: 0 0 15px 0;
}

ul {
	list-style-type: circle;
	margin: 0 0 16px 15px;
	padding: 0;
} 

ol {
	list-style-position: inside;
	margin: 0 0 16px 0;
	padding: 0 0 0 0;
} 

ul li, ol li {
	margin: 0 0 5px 0; 
	padding: 0;
}



/* */
/* Seitenrahmen */
/* */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana,Sans-Serif;
	font-size: 11px;
	background-color: #f9f9f9;
	color: #333;
}

	/* Rahmen zur Zentrierung der Seite */ 
	#centerframe {
		margin: auto;
		margin-left: auto;
		margin-right: auto;
		width: 875px;
		padding: 0 10px;
	}
	
		/* Eigentlicher Webseitenrahmen */
		#mainframe {
			width: 875px;
		}
		
			/* Seitenkopf */
			#headframe {
				height: 130px;
				width: 875px;
				background-image: url(../_gfx/head-bg.jpg);
				background-repeat: no-repeat;
				position: relative;
			}
			
				#headframe .searchform {
					float: left;
					margin: 106px 0 0 10px;
					#margin: 107px 0 0 5px;
				}
			
				#headframe .text {
					float: left;
					margin-top: 1px;
					#margin-top: -1px;
					height:22px;
					overflow:hidden;
				}
			
				#headframe .searchtext {
					border: none;
					background-color: #49aacb;
					width: 20px;
					width: 141px;
					padding: 5px 10px 4px 20px;
					font-size: 11px;
					color: white;
				}
				
				#headframe .submit {
					float: left;
				}
				
				#headframe .searchbutton {
					border: none;
					background: #89b613 url(../_gfx/searchbutton.gif) no-repeat top left;
					width: 22px;
					padding: 0px;
					height: 22px;
					margin: 1px 0 0 3px;
					#margin: 0 0 0 3px;
				}
				
				/* Logo */
				#logo {
					position: absolute;
					top: 17px;
					right: 86px;
				}
			
			/* Mittler Inhaltsrahmen */
			#contentframe {
				float: left;
				width: 875px;
				background-image: url(../_gfx/contentframe-bg.gif);
			}
				
				/* Linke Spalte */
				#left {
					float: left;
					width: 174px;
					_width: 184px;
					#width: 174px;
					padding-left: 10px;
				}
					
					/* Hauptnavigation 1. Ebene */
					ul#mainnav {
						width: 171px;
						margin: 0;
						padding: 0;
						background-color: #f0f0f0;
					}
					
						ul#mainnav li {
							margin: 0 0 0 20px;
							padding: 0;
							list-style-type: none;
						}

							ul#mainnav li a {
								display: block;
								padding: 4px 15px 5px 0px;
								border-bottom: solid 1px #fff;
							}
							
							ul#mainnav li.first a {
								padding-top: 10px;
							}
							
							ul#mainnav li.last a {
								border: none;
								padding-bottom: 12px;
							}
							
							ul#mainnav li.act a {
								color: #e0790b;
							}
							
							ul#mainnav li.no a {
								color: #0088b7;
							}

							/* Hauptnavigation 2. und weiter Ebene */
							ul#mainnav li ul {
								margin: 0;
								padding: 0;
							}
							
								ul#mainnav li ul li {
									margin: 0 0 0 15px;
									padding: 0;
								}
								
									ul#mainnav li ul li a {
										padding-left: 0px;
									}
									
									ul#mainnav li ul li.last a {
										border-bottom: solid 1px #fff;
										padding-bottom: 5px;
									} 		

					/* Shortcut-Navigation */	
					ul#shortcuts {
						width: 171px;
						margin: 0;
						padding: 19px 0 22px 0;
						border-bottom: solid 1px #0088b7;
					}
					
						ul#shortcuts li {
							list-style-type: none;
							padding: 0 15px 3px 20px;
							margin: 0;
						}
						
							ul#shortcuts li a {
								color: #999;
								text-transform: uppercase;
								font-size: 10px;
							}
							
							ul#shortcuts li a:hover {
								color: #0088b7;
							}
					
					/* Diakonie Badge */
					#diakonie {
						background-image: url(../_gfx/diakonie.png);
						background-repeat: no-repeat;
						width: 175px;
						height: 35px;
						margin: 25px 0 20px 20px;
						
					}
						
					/* Adresse */		
					#adress {
						color: #999;
						margin: 10px 0 0 20px;
						font-size: 10px;
					}
					
					#adress p {
						padding: 0 0 5px 0;
					}
				
				
				/* Rechte Spalte */			
				#right {
					float: left;
					width: 681px;
				}
					
					/* Kopf des Inhaltsbereiches */
					#head {
						float: left;
						background-image: url(../_gfx/head-bg2.jpg);
						background-position: right bottom;
						background-repeat: no-repeat;
						width: 681px;
					}
						
						/* Kopfbild */
						#head #headpic {
							float: left;
							_float: none;
						}
						
						/* Boxen im Kopfbereich */
						.head-box {
							float: left;
							width: 186px;
							_width: 216px;
							#width: 186px;
							height: 90px;
							_height: 120px;
							#height: 90px;
							margin: 2px 1px 0 0;
							_margin: 0px 1px 0 0;
							color: #fff;
							padding: 15px;
							background-repeat: no-repeat;
							overflow: hidden;
						}
					
							.head-box h1 {
								font-size: 10px;
								text-transform: uppercase;
								margin: 0 0 5px 0;
								padding: 0;
							}
							
							.head-box p {
								line-height: 16px;
								float: left;
							}
							
							.head-box a.forwardbutton img {
								height: 15px;
								width: 15px;
								vertical-align: middle;
								margin-top: -1px;
								#vertical-align: middle;
								#margin-top: 0;
							}
							
						/* Farbige Unterschiede der Boxen*/
						.head-box.blue {
							background-image: url(../_gfx/head-box-bg-blue.jpg);
						}
						
						.head-box.blue a.forwardbutton img {
							background-image: url(../_gfx/forwardbutton-blue.gif);		
						}
						
						.head-box.orange {
							background-image: url(../_gfx/head-box-bg-orange.jpg);
						}

						.head-box.orange a.forwardbutton img {
							background-image: url(../_gfx/forwardbutton-orange.gif);
						}
						
						.head-box.green {
							background-image: url(../_gfx/head-box-bg-green.jpg);
						}
							
						.head-box.green a.forwardbutton img {
							background-image: url(../_gfx/forwardbutton-green.gif);
						}
					
					/* Seiteninhalt */	
					#content {
						float: left;
						width: 399px;
						_width: 434px;
						#width: 399px;
						padding: 0 20px 30px 15px;
						overflow: hidden;
					}
					
					#content li {
						margin: 0 0 0 15px;
						padding: 0 0 5px 0;
					}
						
						/* Breadcrumbs */
						ul#breadcrumbs {
							margin: 20px 0 20px 0;
							padding: 0;
							width: 399px;
							font-size: 10px;
						}
						
							ul#breadcrumbs li {
								margin: 0 10px 0 0;
								padding: 0 10px 0 0;
								list-style-type: none;
								display: inline;
								background-image: url(../_gfx/breadcrumb-bg.gif);
								background-repeat: no-repeat;
								background-position: right 5px;
							}
							
							ul#breadcrumbs li.last {
								background: none;
							}
							
					
					/* Spalteninhalt */
					#column {
						float: left;
						width: 207px;
						_width: 247px;
						#width: 207px;
						padding: 52px 20px 30px 20px;
					}
			
			/* Seitenfuß */
			#footerframe {
				width: 875px;
				height: 89px;
				float: left;
				background-image: url(../_gfx/footerframe-bg.gif);
				background-repeat: no-repeat;
				background-position: 5px 0;
			}



/* */
/* Box-Formatierungen */
/* */

/* Box-Formatierungen Standard */
.columnbox.standard {
	margin-bottom: 20px;
	padding: 0 15px 0 15px;
}

/* Box-Formatierungen Newsletter */
.columnboxnewsletter {
	margin: 10px -20px 20px -20px;
	padding: 0 0 0 21px;
	background-color: #ed9f4c;
	color: #fff;
	float: left;
	width: 226px;
	display: inline;
}

	.columnboxnewsletter div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
		margin-bottom: 0;
		padding-bottom: 0;
	}

/* FCE für random content Elemente (Startseite) */
.randombox {
	float: left;
	width: 399px;
	margin-bottom: 12px;
}

	.randombox .imgwrap {
		float: left;
		width: 61px;
		height: 61px;
		border: 1px solid #0088B7;
	}
	
		.randombox .imgwrap img {
			float: left;
			width: 57px;
			margin: 2px;
		}
	
	.randombox .contentwrap {
		float: left;
		width: 312px;
		margin-left: 9px;
		margin-right: 15px;
	}
	
		.randombox .contentwrap p {
			padding-bottom: 2px;
		}


/* */
/* Powermail */
/* */

.tx-powermail-pi1 fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

.tx-powermail-pi1 legend {
	display: none;
}

.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html h3,
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_checkbox_title {
	padding: 10px 0 5px 0;
}

.tx-powermail-pi1 fieldset label {
	width: 140px;
	display: block;
	float: left;
	padding-top: 3px;
}

.tx-powermail-pi1 fieldset .powermail_check_inner label {
	width: 300px;
}

.tx-powermail-pi1 fieldset .powermail_check_inner input {
	width: auto;
}

.tx_powermail_pi1_fieldwrap_html {
	margin-bottom: 5px;
}

.tx-powermail-pi1 input {
	border: solid 1px #abadb3;
	font-size: 11px;
	padding: 2px;
	width: 253px; //180px;
}

.powermail_textarea {
	height: 200px;
	width: 250px;
	border: solid 1px #abadb3;
	font-family: verdana;
	font-size: 11px;
	padding: 2px;
}

.powermail_submit {
	background-color: #0188b7;
	margin-left: 140px;
	color: #fff;
	padding: 2px;
}

.powermail_mandatory_js {
	color: #ff0000;
	font-size: 10px;
	margin-bottom: 10px;
	margin-left: 140px;
}

.tx_powermail_pi1_fieldwrap_html {
	padding-bottom: 5px;
}

.tx_powermail_pi1_fieldwrap_html_checkbox_title,
.tx_powermail_pi1_fieldwrap_html_radio_title {
	padding: 0 0 5px 0;
	font-weight: bold;
}

.powermail_check,
.powermail_radio {
	border-style: none !important;
}

.tx-felogin-pi1 fieldset {
	margin: 0 0 15px 0;
	padding: 0;
	border-style: none;
	border-width: 0;
}

.tx-felogin-pi1 fieldset legend {
	display: none;
}

.tx-felogin-pi1 div {
	margin: 0 0 15px 0;
}

/* */
/* Typo3 Artikel Formatierungen */
/* */

/* Sitemap */
.csc-sitemap ul {
	margin: 0;
	padding: 0;
}

.csc-sitemap ul li {
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
}

.csc-sitemap ul li a {
	display: block;
	margin-bottom: 10px;
}


/* Überschriften*/
.csc-header {
	clear: left;
}

/* ttnews latest view */
.news-latest-item {
	
	margin: 0 0 10px 0;
}

	.news-latest-item h3 {
		padding-bottom: 3px;
	}
	
	.news-latest-item p {
		padding-bottom: 1px;
	}
	
	.news-latest-morelink a {
		width: 200px;
		text-align: left;
		display: block;
	}

/* ttnews listview */
.news-list-item {
	float:left;
	margin: 15px 0 15px 0;
}

.news-list-item-image {
	float:left;
	width:85px;
}

.news-list-item p {
	display:inline;
}

.news-list-morelink {
	display:inline;
	
}

.news-list-item-content {
	line-height:14px;
	width: 303px;
	float: left;
	margin-left: 10px;
}

	.news-list-item-content h3 {
		padding-bottom: 0;
	}
	
	.news-list-item-content .news-list-date {
		margin-bottom: 7px;
	}

/* ttnews singleview*/

.news-single-item {
	float:left;
}

.news-single-content-container{
	width: 149px;
	float:left;
}

.news-single-file-container dd{
	padding: 0px !important;
	margin: 0px;
	margin-left: -150px;
}

.news-single-img-container{
	width: 150px;
	float:left;
}

.news-single-img {
	margin-right:10px;
	width: 119px;
	padding-right: 10px;
	float:left;
}

.news-single-item .bodytext {
	width: 250px;
	float:left;
}

.news-single-backlink  {
	width: 350px;
	float:left;
}


/* Inhaltsverzeichnis */
ul.csc-menu {
	margin: 0;
	padding: 0 0 15px 0;
}

ul.csc-menu li {
	margin: 0 0 0 20px;
	padding: 0;
}

.csc-textpic-caption {
	font-size: 10px;
}


/* Login */

.csc-loginform input {
	color: #fff;
	padding: 2px;
	border: solid 1px #abadb3;
}

.csc-form-label-req {
	padding: 0;
}

#a090cea3e9db687aafcde5f5832a454b0c79bdf421714f5087fc34b7c538b6807 {
	background-color: #0188b7;
}