@CHARSET "UTF-8";

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Allgemeine Einstellungen
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

*, table, th, td {
	margin: 0;
	padding: 0;						/*	padding-left wird fr option-Element zurckgesetzt */
	border: 0;						/*	wird fr Formularelemente zurckgesetzt */
}

html {
	height: 100%;
	vertical-align: top;
	color: fuchsia;					/*	um nicht eingestellte Schrift zu erkennen */
}

option {
	padding-left: 0.4em;
}

ul {
	list-style-type: none;
}

img {
	border: 0;
}

table {
	border-collapse: collapse;
}

.clear {
	/*	Clearfix-Methode: */
	display: block;

	/*	Overflow-Methode: */
	/* overflow: hidden; */
}

/*	Clearfix-Methode (Overflow-Methode nicht geeignet, weil Sub-Men-Markierungen berstehen mssen): */
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .clear {
	height: 1%;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Layout gesamte Seite
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*	Container fr die ganze Seite */

body {
	min-height: 101%;				/*	Scrollbalken in Firefox erzwingen */
	font-size: 100.01%;				/*	Rundungsfehler in IE5 und Opera 6 abfangen */
	position: relative;				/*	IE-Fehler mit positionierten Elementen abfangen */
	background-color: #c0c4c3;
	padding-bottom: 5px;
	/*
	background-image: url(../images/Pixelraster.gif);
	background-repeat: no-repeat;
	*/
}

#page {
	font-size: 100%;
	width: 950px;					/*	Breite der Panorama-Bilder (mit Rahmen) */
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Layout oberer Teil
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#logo {
	position: absolute;
	top: 0;
	right: 0;
}	

#top_bar {
	height: 58px;
	background-image: url(../images/background.gif);		/*	Verlauf grau-wei */
	background-repeat: repeat-y;
}

.start_page_layout #top_bar {
	background-image: none;
}

#extra_navi {
	padding-top: 30px;
}

#extra_navi li {
	display: inline;
	padding-left: 12px;
}

#main_bordered {
	border: 1px solid white;
	margin-bottom: 20px;
}

#main {
	padding-bottom: 1em;
	background-color: white;
	background-image: url(../images/background_right.gif);	/*	rechte Spalte grau */
	background-position: right;
	background-repeat: repeat-y;
}

.no_right_area_layout #main {
	background-image: none;
}

#big_picture {
	height: 270px;
	background-color: black;
	border-bottom: 1px solid white;
}

#middle_bar {
	height: 80px;
	background-color: transparent;
}

.start_page_layout #middle_bar {
	height: 23px;
	background-color: #425f6a;
	border-bottom: 57px solid white;						/*	auf 80px auffllen */
}

#main_navi li {
	float: left;
	display: inline;
	border-right: 1px solid white;
	background-color: black;
	/*	Die folgenden Parameter werden in TypoScript gesetzt:
	height: 21px;
	text-align: center;
	padding-top: 2px;
	*/
}

#main_navi li.last {
	float: right;
	border-right: 0;
	/*	Die folgenden Parameter werden in TypoScript gesetzt:
	text-align: left;
	padding-left: 12px;
	*/
}

#main_navi li.current {
	/*	Die folgenden Parameter werden in TypoScript gesetzt:
	height: 24px;
	padding-top: 6px;
	*/
}

#main_navi li img {
	display: block;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Layout linker Teil (Unternavi)
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#left_area {
	float: left;
	display: inline;
	width: 175px;
	background-color: white;
	z-index: 3;
}

#left_content {
	padding-left: 12px;
	color: #999999;
	z-index: 4;
}

#sub_navi li {
	margin-bottom: 10px;
	display: block;
	padding-left: 20px;
	margin-left: -20px;
}

#sub_navi li:hover,
#sub_navi li.current {
	background-image: url("../images/sub_navi_dot.gif");
	background-repeat: no-repeat;
	background-position: 0 3px;
}

* html #left_content {
	padding-left: 19px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Layout mittlerer Teil
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#central_area {
	background-color: white;
	padding-left: 1em;					/* Padding fr Seitentitel und Inhalte */
	padding-right: 1em;
	margin-left: 175px;					/*	Hintergrund links (unter #left_area) */
	margin-right: 283px;				/*	Hintergrund rechts (unter #right_area) */
	z-index: 1;
	font-family: Georgia, Palatino, "Palatino Linotype", "Lucida Grande", sans-serif;	/*	Alles, nur keine Times New Roman! */
	color: #6f6f6f;
}

.no_left_area_layout #central_area {
	margin-left: 65px;			/* Breite des "Start"-Menpunktes */
	padding-left: 0;
}

.no_right_area_layout #central_area {
	margin-right: 0;
}

.start_page_layout #central_area {
	margin-left: 0;
	text-align: center;
}

#central_content {
	z-index: 2;
}

.start_page_layout #central_content {
	height: 200px;
	text-align: right;
	margin-top: 90px;
	margin-right: 80px;
}

#central_area p,
#central_area li {
	height: 1%;				/*	wg. 3-Pixel-Jog-Bug des IE */
	line-height: 160%;
	margin-bottom: 0.5em;
}

#page_date {
	font-weight: bold;
	font-style: italic;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Layout rechter Teil
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#right_area {
	float: right;
	display: inline;
	width: 283px;
	background-color: #e6eae9;
	z-index: 5;
}

#right_content {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 80%;
	color: #6f6f6f;
	z-index: 6;
}

#news_navi li,
.news_banner {
	display: block;
	padding-top: 0.25em;
	padding-right: 1em;
	padding-bottom: 0.25em;
	padding-left: 12px;
	margin-bottom: 0.75em;
}

.news_banner {
	margin-bottom: 1.5em;
}

.news_banner img {
	display: block;
}

#news_navi li.current {
	background-color: white;
}

#news_navi img.menu_picture {
	width: 72px;
	height: 72px;
	border: 1px solid white;
	float: left;
	display: inline;
}

#news_navi dl {
	padding-left: 84px;
}

#news_navi dt {
	font-weight: bold;
	margin-bottom: 0.5em;
}

#news_navi dd {
}

#news_navi a,
#news_navi a:hover,
#news_navi a:visited {
	color: #6f6f6f;
	display: block;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Sitemap
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.sitemap_entry .sitemap {
	margin-left: 2em;
}

#central_content .sitemap li.sitemap_entry {
	margin-bottom: 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * berschriften
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

h1, h2, h3 {
	display: block;
	font-size: 100%;
}

/* IE-Hacks: */
* html h1,
* html h2,
* html h3 {
	overflow: hidden;
}

* html .start_page_layout h1 {
	width: auto;
}

h1 {
	margin-bottom: 1.5em;
}

* html h1 {
	margin-bottom: 0.5em;
}

h2 {
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

* html h2 {
	margin-top: 1em;
	margin-bottom: 0;
}

h3 {
	margin-bottom: 0.5em;
}

img.header {
	/*border: 1px solid black;*/
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Tabellen
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.contenttable th,
.contenttable td {
	vertical-align: top;
}

#central_area .contenttable p {
	line-height: 100%;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Download-Links
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.file_links li img {
	float: left;
	display: inline;
	margin-top: 7px;
}

.file_links li dl {
	margin-left: 40px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Links
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

a, a:hover, a:visited {
	text-decoration: none;
}

#central_content a {
	color: #c2001b;
}

#central_content a:hover {
	border-bottom: 1px solid #c2001b;
}

#central_content #news_navi a:hover {
	border: none;
}

#central_content #news_navi a {
	color: #6f6f6f;
}

/*	Verlinkte Bilder nicht dekorieren: */
#central_content a img {
	display: block;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * CSS-styled Content
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*	Bilder im Text */
.csc-textpic-intext-left .csc-textpic-imagewrap,				/*	Bild links, umflossen */
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {		/*	Bild links, nicht umflossen */
	float: left;
	display: inline;
	margin-top: 7px;
}

.csc-textpic-intext-left .csc-textpic-imagewrap {
	margin-right: 1em;
}

/*	Text neben Bild */
.csc-textpic-intext-left-nowrap .csc-textpic-text {
	margin-left: 0.5em;
}

.csc-textpic-border dt img {
	padding: 1px;
	border: 1px solid #6f6f6f;
	margin-bottom: 0.25em;
	display: block;
}

.csc-textpic-caption {
	font-size: 80%;
	font-style: italic;
	margin-bottom: 0.5em;
}

.csc-linkToTop {
	text-align: right;
}

.csc-linkToTop img {
	float: right;		/* ergibt eine Grafik als rechtsbndiges Block-Element (keine Dekoration bei a:hover) */
}

/* Lupensymbol bei vergrerbaren Bildern */
.csc-textpic-caption img.image_magnifier {
	margin-right: 5px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Tabelle fr "Historie"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.history_table {
	font-size: 90%;
	border-collapse: collapse;
	margin-bottom: 0.5em;
	width: 100%;
}

/*	Alle Tabellenzellen. */
.history_table td {
}

/*	Erste und gerade Zeilen (Index startet mit 0, darum ungerade); Jahreszahl oder "heute". */
.history_table .tr-even td {
	font-size: 125%;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 0.5em;
}

/*	Zweite und ungerade Zeilen. */
.history_table .tr-odd td {
	padding-bottom: 1.5em;
}

/*	Erste Spalte. */
.history_table td.td-0 {
	padding-right: 10px;
}

/*	Zweite Spalte. */
.history_table td.td-1 {
	padding-left: 10px;
}

/*	Erste Spalte, gerade Zeile; Jahreszahl. */
.history_table .tr-even td.td-0 {
	color: #c2001b;
}

/*	Zweite Spalte, gerade Zeile; "heute". */
.history_table .tr-even td.td-1 {
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Tabelle fr "Spender"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.donator_table {
	font-size: 90%;
	margin-bottom: 1.5em;
	border-collapse: collapse;
}

/*	Alle Tabellenzellen. */
.donator_table td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Tabelle fr "Projekte"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.project_table {
	font-size: 90%;
	border-collapse: collapse;
	margin-bottom: 0.5em;
}

.project_table td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

/* Erste Spalte mit Numerierung */
.project_table td.td-0 {
	font-weight: bold;
	padding-right: 1em;
}

.project_table td.td-1 {
	width: 100%;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Formulare
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

label, input, textarea, select {
	vertical-align: top;
	font-size: 90%;
}

label {
	float: left;
	width: 10em;
	margin-top: 0.4em;
}

input, textarea, select {
	padding: 0.25em;
	border: 1px solid #ccc;
	background-color: white;
	/*font-size: 99%;					/*	Rundungsfehler in lteren Safaris abfangen */
	font-size: 80%;
}

input[ type=checkbox] {
	margin-top: 10px;
	border: none;
}

input[ type=submit] {
	color: white;
	font-weight: bold;
	background-color: #8e917f;
	margin-top: 3em;
}

input[ type=submit]:hover {
	background-color: #6e9028;
}

select {
	width: 10em;	/*	Breite festlegen, weil Klapp-Button bei automatischer Breite rechts ber den Text geht: */
}

.form_field {
	margin-bottom: 0.5em;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Fotogalerie
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.gfpb_landscape img {
	border: 1px solid #6f6f6f;
	padding: 1px;
	margin-right: 3px;
	margin-bottom: 3px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Anwohnerfragen & Page Comment  (bearbeitet von resch media.de)
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	#central_content .tx-rmanwohnerkommentare-pi1 {line-height: 160%;}
	#central_content .tx-rmanwohnerkommentare-pi1 .derBlock{border:0px solid #000}
	#central_content .tx-rmanwohnerkommentare-pi1 .thema{margin-top:10px}
	#central_content .tx-rmanwohnerkommentare-pi1 .headline {font-size:10pt;margin-top:15px;margin-bottom:5px;} 
	#central_content .tx-rmanwohnerkommentare-pi1 .admincss {font-style:italic;} 
	#central_content .tx-rmanwohnerkommentare-pi1 .comLink {clear:both;text-align:right; display:block;font-weight:bold;margin-top:20px;} 
	#central_content .tx-rmanwohnerkommentare-pi1 .comLink a {background-color:#666666;padding-left:20px;padding-right:20px;padding-top:5px;padding-bottom:5px;text-decoration:none;color:#FFFFFF}  
	#central_content .tx-rmanwohnerkommentare-pi1 .comLink a:hover {background-color:#333333;text-decoration:none;border:0px;}  
	#central_content .tx-rmanwohnerkommentare-pi1   div.trenner {height:2px;border-bottom:1px #ccc solid;}
	
	
	#central_content #skpagecommentform {margin-bottom:10px;margin-top:20px;}
	#central_content .tx-skpagecomments-pi1 {font-size:12pt;}
	#central_content .tx-skpagecomments-pi1  .sk-pagecomments-counter{margin-top:20px;font-weight:bold;}
	
	#central_content .tx-skpagecomments-pi1 .derBlock{border:0px solid #000}
	#central_content .tx-skpagecomments-pi1 .thema{margin-top:10px}
	#central_content .tx-skpagecomments-pi1 .headline {font-size:10pt;margin-top:15px;margin-bottom:5px;} 
	#central_content .tx-skpagecomments-pi1 .admincss {font-style:italic;} 
	
	#central_content #anwohnerfragen .area { border: 0px solid #f00;font-weight:bold;width:450px;}
	#central_content #anwohnerfragen .area textarea{ border: 1px solid #333333;background-color: #ffff;width:100%; font-weight:normal;}
	#central_content #anwohnerfragen .area .thema{margin-top:10px}
	
	#central_content #anwohnerfragen .captcha {width:458px; font-weight:bold;}
	#central_content #anwohnerfragen .captcha input{ width:303px;border: 1px solid #333333;background-color: #ffff;height:20px;font-weight:normal;}
	#central_content #anwohnerfragen .captcha img { border: 1px solid #333333; margin:0px;}
	#central_content #anwohnerfragen .captcha .thema{margin-top:5px}

	#central_content #anwohnerfragen .thebutton {font-weight:bold;width:100%; border: 0px solid #00f;margin-top:-25px;text-align:right}
	#central_content #anwohnerfragen .thebutton input.subButton{border:0px;float:right;color: #ffffff;background-color: #666666;padding-left: 20px;padding-right: 20px;padding-top: 5px;padding-bottom: 5px;text-decoration: none; margin-right:0px;}
	#central_content #anwohnerfragen .thebutton input.subButton:hover{background-color: #333333;cursor:hand}
	#central_content .sk-pagecomments-error{border:2px solid #f00; padding:10px;color:#f00;}


	#central_content #anwohnerfragen .name {width:450px; font-weight:bold;}
	#central_content #anwohnerfragen .name input{ border: 1px solid #333333;background-color: #ffff;width:100%;height:20px;font-weight:normal;}