/* CSS Document */

img {
	border:0px;
	}
	
input, select, textarea {border:1px solid #ccc;font-size:13px;font-family:calibri,arial}
input.button {font-weight:bold;cursor:pointer;}
a.button {font-weight:bold;cursor:pointer;border:1px solid #ccc;font-size:13px;font-family:calibri,arial;width:200px;display:block;line-height:18px;height:20px;text-align:center;background-color:#fff;}

#Content table {font-size:13px;/*width:630px;*/margin:0px;padding:0px;border:0px;text-align:left;}
table.bodytext {font-size:15px;}
tr {vertical-align:top;} 
th {border-top:1px dotted #ccc;font-weight:bold;margin:0px;padding:0px;border:0px;color:#000;text-align:left;}
td {padding:0 0 10px 0;margin:0px;border:0px;text-align:left;}

#Content table.programm {
	font-size:15px;
}
#Content .programm tr {
	vertical-align:top;
} 
#Content .programm tr.aktion {
	background-color:#F5F1EB;
} 
.head th.left {width:215px;overflow:hidden;padding:10px 0 0 10px;}
.head th.right {width:415px;overflow:hidden;padding:10px 0 0 0;}
.aktion td.left {padding:10px 0 10px 10px;border-top:10px solid #EAE3D7;}
.aktion td.right {padding:10px 10px 10px 0;border-top:10px solid #EAE3D7;}
.aktion td.right h2 {margin:0px;padding:0 0 5px 0;font-size:13px;}																

table.presse {font-size:13px;border:12px;}
.presse tr {vertical-align:top;} 
.presse td.datum {padding:5px 0 0 0;width:70px;}
.presse td.bild {margin-top:-10px;padding:-10px 0 0 0;border:2;width:80px;text-align:center;}
.presse td.meldung {background-color:#fff;v-align:baseline;padding:3px 0 0 7px;}


/* Links */
a, #Intro a {
	color:#7C4208;
	text-decoration:none;
	font-weight:bold;
	display: inline;
}

#Intro a {
	font-size: 14px;
}
	
h1 {color:#093;}

a:hover {
	color:#000;
	text-decoration:none;
	}
		
:active, :focus {
	outline:none;
	text-decoration:none;
	} /* kickt die unsch�ne Outline um einen aktiven Link */
/* Ende Links */

/* Start Seiteninhalte */


	
/* #Kopfzeile.news {background-image: url(../images/bau2header.jpg);} */
	
#Intro {
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	border:0px;
	/*height:50px;*/
	width:950px;
	margin-top:5px;
	font-size:14px;
	background-color:#F2EEE7;
	background-repeat:no-repeat;
	background-position:0px 0px;
	}	

#News {
	padding:40px 0 0 0;
	border:0px;
	height:200px;
	width:200px;
	margin:0px 0 0 280px;
	background-image:url(../images/bg_news.png);
	background-repeat:no-repeat;
	background-position:0px 40px;
	}	
#News h1 {margin:0px;padding:40px 30px 0 30px;font-size:13px;}
#News p {margin:0px;padding:0px 30px 20px 30px;font-size:11px;color:#666;}
/* Ende Kopfzeile und News/Aktuelles */
	
.contentindex a img {width:276px;border:2px solid #000;margin:10px 20px 0px 20px;}
.contentindex h1 {font-size:18px;padding:0 0 0 20px;margin:5px 0 8px 0;line-height:18px;font-weight:bold;}
.contentindex h1, .contentindex h2, .contentindex h3, .contentindex h4, .contentindex h5 {padding-left:20px;}
.contentindex p {font-size:14px;padding:0 20px 0px 20px;margin:0 0 20px 0;line-height:18px;font-weight:normal;}
/* .contentindex a {display:block;text-align:right;padding:0 30px 20px 0;font-size:18px;line-height:18px;} */
.contentindex a img.pf {width:26px;height:18px;border:0px;margin:0px;}
.contentindex a.pic {display:block;text-align:right;padding:0 30px 0px 0;font-size:18px;width:280px;}
.contentindex a.picco {display:block;text-align:right;padding:0 00px 0px 0;}
.contentindex a.linx {display:block;text-align:left;color:#000000;padding:0 00px 0px 0;}

	
/* nur index */	
div.preview-box {
	float:left !important;
	width:320px !important;
	overflow:hidden !important;
	/*height:390px;*/
	margin-right:10px !important;
	padding:0px !important;
    padding-bottom: 20px !important;
	border-bottom:1px solid #fff !important;
	z-index:1 !important;
}

div.preview-box.last {
	margin:0px !important;
}

div.wechseln:hover{
    background-color: #fff;
}

#column1, #column2, #column3 {
	float:left;
	width:320px;
	overflow:hidden;
	height:420px;
	margin-right:10px;
	padding:0px;
	padding-top:18px;
	border-bottom:1px solid #fff;
	z-index:1;
	}
										
#column3 {
	margin:0px;
}
	
	
/* JS hover BGchanger */		
.normal {
	background-color:#F2EEE7;
	background-image:url(../images/bg_hover.gif);
	background-repeat:repeat-x;
}
	
.hover {
	background-color:#fff;
}
/* Ende JS hover BGchanger */
/* Ende nur index */

#Content {
	float:left;
	width:650px;
	margin:0px;
	padding:0 0 20px 0;
}
	
/* Breadcrumbs */	
#Breadcrumbs {
	width:650px;
	z-index:2000000;
	height:20px;
	line-height:19px;
	float:left;
	border-bottom:1px dotted #ccc;
	color:#999;
	padding:0px;
	margin-bottom:20px;
	font-size:11px;
	text-indent:30px;
	}
	
#Breadcrumbs strong {
	color:#333;
	}
	
#Content h1 {
	font-size:24px;
	padding:0px;
	margin:20px 0 20px 0;
	line-height:24px;
	font-weight:bold;
	}
	
#Content p {
	color:#333;
	padding-right:20px;
	margin:0 0 20px 0;
	line-height:17px;
	font-weight:normal;
	font-size:15px;
	text-align:justify;
	font-size: 14px;
	}

#Content img.floating {
	float: left;
	border: 2px solid #000;
	margin: 0 20px 10px 0;
}

#Content ul {
	list-style:none;
	list-style-type:none;
	padding:0px;
    padding-left: 10px;
	border:0px;
	margin:0px;
	clear:both;
    margin-bottom: 10px;
	}

#Content ul li {
	float:none;
	background-image:url(../images/li.png);
	background-repeat:no-repeat;
	width:610px;
	list-style:none;
	margin:0px;
	padding:0 0 5px 20px;
	font-size:14px;
	}
	
/* #Content ul {
	padding:0px;
	border:0px;
	margin:0px;
	list-style:none;
	list-style-type:none;
	}

#Content ul li {
	float:left;
	width:200px;
	margin:0px 15px 10px 0;
	padding-bottom:10px;
	border:0px;
	}
	*/
#Content ul.show {
	list-style:none;
	list-style-type:none;
	padding:0px;
	border:0px;
	margin:0px;
	clear:both;
	}

#Content ul.show li {
	list-style:none;
	margin:0 30px 20px 0;
	padding:0px;
	float:left;
	width:190px;
	min-height:190px;
	overflow:hidden;
	font-size:13px;
	}
	
#Content ul.showlocations {
	list-style:none;
	list-style-type:none;
	padding:0px;
	border:0px;
	margin:0px;
	clear:both;
	}

#Content ul.showlocations li {
	list-style:none;
	margin:0 30px 20px 0;
	padding:0px;
	float:left;
	width:190px;
	height:300px;
	overflow:hidden;
	font-size:13px;
	}

#Content ul.show li.right {
	list-style:none;
	margin:0 0px 20px 0; /* jedes dritte */
	padding:0px;
	float:left;
	width:190px;
	overflow:hidden;
	}
	
#Content ul.showlocations li.right {
	list-style:none;
	margin:0 0px 20px 0; /* jedes dritte */
	padding:0px;
	float:left;
	width:190px;
	overflow:hidden;
	}
	
#Content ul.show li a {
	font-size:13px;
	}
	
#Content ul.ziele li {
	list-style:none;
	margin:0 0px 20px 0;
	padding:0px;
	float:left;
	width:630px;
	overflow:hidden;
	font-size:15px;
	text-align:justify;
	}
	
#Content ul.zielliste {
	padding:0px;
	border:0px;
	margin:0px;
	clear:both;
	list-style-type:none;
	list-style:none;
	}
	
#Content ul.zielliste li {
	list-style:none;
	margin:0 30px 10px 0;
	padding:0px;
	float:left;
	font-size:13px;
	width:190px;
	}
	
#Content ul.zielliste li.lr {
	margin:0 0px 10px 0;
	}
	
#Content ul.pictos {
	list-style:none;
	list-style-type:none;
	padding:0px;
	border:0px;
	margin:0px;
	clear:both;
	}
	
#Content ul.pictos li {
	float:left;
	list-style:none;
	width:126px;
	margin:0px;
	padding-bottom:10px;
	border:0px;
	overflow:hidden;
	}
	
#Content ul.target li {
	float:left;
	width:200px;
	/*height:200px;*/
	margin:0px 15px 10px 0;
	padding-bottom:10px;
	border:0px;
	}
	
#Content ul.target li a {
	/*background-image:url(/images/piktogramme/zielgruppen/familiie_gruppe_head.gif);
	background-position:center top;
	background-repeat:no-repeat;
	height:200px;*/
	display:block;
	color:#630;
	font-size:13px;
	margin:0px;
	line-height:18px;
	font-weight:bold;
	padding:0px;
	}

.contentindex a.LinkSpalte:before {
	content:url("../images/pf_index.gif");
}

#Content ul.news li {
	width: 100%;
}

#Content ul.news h2 {
	font-size: 18px;
	color: #093;
}

#Content ul.news li .datum, #Content h1 .datum {
	font-size: 11px;
	color: #333;
	font-weight: normal;
	font-style: italic;
}