@charset "utf-8";

body { font-size: 100.1%; height: 100%; width: 98%; margin: 10px; padding: 0; }


/** -- Wappen -- **/
div#wappen { position: absolute; top: 6px; left: 934px; width: 65px; z-index: 90; }


div.tx-srlanguagemenu-pi1{
	padding-top:5px;
}
.tx-srlanguagemenu-pi1 img {
	margin:0 3px;
}
.tx-srlanguagemenu-pi1 img.tx-srlanguagemenu-pi1-flag {
	padding-top:1px;
}

/** -- Pagewrapper - umgibt alles -- **/
div#pageWrapper { font-size: 90.01%; font-family: 'Trebuchet MS', Verdana, sans-serif; line-height: 1.166; max-width: 986px; min-width: 76em; width: auto; border: 1px solid #ccc; margin: 0; padding: 0; }
* html div#pageWrapper { width: 980px; }

	div#masthead { color: #000; width: 100%; background: #DF0024; border: 1px solid #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #DF0024; margin: 0; padding: 0; }
		div#masthead h1 { padding: 0; margin: 0; }


		/** -- Header -- **/
		div#headercontainer { position: relative; float: left; width: 100%; margin: 0; padding: 0; }
			/** -- Logo -- **/
			div#headercontainer div#logo { width: 100%; float: left; overflow: hidden; margin: 0; padding: 0; }
				div#headercontainer div#logo a, 
				div#headercontainer div#logo a:hover { border: none; }
				div#headercontainer div#logo a img   { border: none; }
				div#headercontainer div#logo * { margin: 0; padding: 0; border: none; }





			/** -- Hauptnavi -- **/
			div#topmenu { float: left; width: 100%; background: #DF0024; font-size: 93%; line-height: normal; margin: -3px 0 0 0; /margin: 0; padding: 3px 0 0 0; z-index: 100; }
				/* Ebene 1 */
				div#topmenu ul { float: left; width: 700px; list-style: none; margin: 0; padding: 0 0 0 1em; display:block; }
					div#topmenu ul li { display: block; float: left; margin: 0; padding: 0 10px 0 15px; }
						div#topmenu ul li a		  { color: #FFF; display: block; float: left; text-decoration: none; background: #DF0024; text-transform: uppercase; white-space: nowrap; margin: 0; padding: 5px 0; }
						div#topmenu ul li a:hover { color: #000; }
						div#topmenu ul li a.act   { color: #000; font-weight: bold; }
				/* Ebene 2 */
				div#topmenu ul ul { display: none; }
				div#topmenu ul li.hover ul { position: absolute; top: 85px; /top: 84px; margin-left: -50px; display: block; float: none; width: 180px; background: none; margin: 0; border:0; padding: 0; z-index: 999 !important; }
					div#topmenu ul li.hover ul li { float: none; clear: left; background: #DF0024; border-bottom: 1px solid white; margin: 0; padding: 0; }
						div#topmenu ul li.hover ul li a		  { color: #FFF; display: block; float: none; clear: both; margin: 0; padding: 2px 5px; text-decoration: none; background: #DF0024; text-transform: none; }
						/* IE 6 */
						* html div#topmenu ul li.hover ul li { border-bottom: none; }
						* html div#topmenu ul li.hover ul li a { clear: left; float: left; width: 170px; height: 16px; border-bottom: 1px solid white; }						
						div#topmenu ul li.hover ul li a:hover { color: #000; }
				/* Ebene 3 */
				div#topmenu ul li.hover ul ul { display: none; }

				/* SCHRIFTGROESSE */
				div#topmenu div.schrift { float: left; width: 100px; margin: 0; padding: 0; /* background: green; */}
					div#topmenu div.schrift { margin: 0; padding: 5px 0.2em 0 0; }
					div#topmenu div.schrift a		{ display: block; float: left; color: #334; margin: 0 10px 0 0; padding: 0; }
					div#topmenu div.schrift a:hover { background: transparent; }
					div#topmenu div.schrift img		{ background: transparent; border: none; }




		/* Umgibt die 3 Spalten */
		div#outerColumnContainer { width: 986px; background: url(../img/bg_outerColumnContainer.gif) repeat-y; }
			div#innerColumnContainer {  }
				div#SOWrap {  }



					/** -- LINKE SPALTE -- **/
					div#leftColumn { float: left; width: 186px; margin: 0; padding: 0 1px 10px 0; /*background: yellow;*/ }
						div#leftColumn div.inside { /* siehe .inside -> allgemeine Angabe am Stylesheet-Ende */ }
							div#leftmenu { /* siehe leftmenu.css */ }
							div#leftstatic { /*float: left;*/ width: 100%; border-top: 5px solid #CFCFCF; margin: 0.2em 0 0 0; padding: 0; }

					div#leftColumn div.csc-textpic-below img { margin: 0 0 5px 0; }





					
					/** -- MITTLERE SPALTE -- **/
					div#middleColumn { float: left; width: 613px; margin: 0; padding: 0 0 10px 0; /*background: red;*/ }
						
						/* Headlinks */
						div#middleColumn div#headlinks { color: #000; background: #EFEFEF; border-bottom: 1px solid #ccc; margin: 0 0 0.5em 0; padding: 1em 0 1em 0;  }
							div#middleColumn div#headlinks a { color: #000; font-size: 100%; padding: 0 0 0 0.5em; }
						
						/* Content */
						div#middleColumn div.inside { /* siehe .inside -> allgemeine Angabe am Stylesheet-Ende */ }
							div#middleColumn div#toolbar { width: 100%; padding: 1em 0 1em 0; }

							/* Link zum RSS-Feed auf News */
							div#middleColumn a#rss { display: block; position: absolute; left: 780px; top: 150px; width: 16px; height: 16px; background: url(../img/icon_rss_rot.gif) no-repeat; }
								div#middleColumn a#rss span { display: none; }


							/* Formular - Buergermeisterbox */
							form#buergermeisterbox { background: #FFF url(../img/bg_buergermeisterbox.gif) no-repeat right 0; }
								form#buergermeisterbox fieldset { margin: 0 0 7px 0; padding: 0; }
									form#buergermeisterbox fieldset label { display: block; float: left; width: 100px; margin: 0; padding: 2px 0 0 0; }
									form#buergermeisterbox fieldset.text label { float: none; clear: left; padding: 10px 0 5px 0; }
									form#buergermeisterbox fieldset input { display: block; float: left; font-size: 12px; width: 220px; height: 18px; background: #fafafa; border: 1px solid #CCC; margin: 0; padding: 0; }
									form#buergermeisterbox fieldset textarea { display: block; float: left; font-size: 12px; width: 320px; height: 180px; background: #fafafa; border: 1px solid #CCC; margin: 0; padding: 0; }
									/* Radio */
									form#buergermeisterbox fieldset.radio p { float: left; width: 100px; margin: 0; padding: 17px 0 0 0 !important; }
									form#buergermeisterbox fieldset.radio { clear: left; width: 320px; margin: 0 0 15px 0; }
										form#buergermeisterbox fieldset.radio fieldset { clear: both; float: right; width: 220px; margin: 0 0 5px 0; }
										form#buergermeisterbox fieldset.radio fieldset.first { /margin-top: 30px; }
												form#buergermeisterbox fieldset.radio fieldset label { float: right; width: 198px; padding: 1px 0 0 0; }
												form#buergermeisterbox fieldset.radio fieldset input { float: left; width: 16px; height: 16px; background: none; border: none; }
									form#buergermeisterbox fieldset input:focus,
									form#buergermeisterbox fieldset textarea:focus{ border-color: #bf0028; }
									/* Captcha */
									form#buergermeisterbox fieldset.captcha_field label { display: block; float: left; width: 120px; margin: 0; padding: 2px 0 0 0; }
									form#buergermeisterbox fieldset.captcha_field input { display: block; float: left; font-size: 12px; width: 200px; height: 18px; background: #fafafa; border: 1px solid #CCC; margin: 0; padding: 0; }
									form#buergermeisterbox fieldset.tx-srfreecap-pi2-image { display: block; float: left; font-size: 12px; background: #fafafa; border: 1px solid #CCC; margin: 0; padding: 0; }
									/* Submit */
									form#buergermeisterbox input.submit { font-family: Verdana; color: #777; font-size: 9px; background: #fafafa; border: 1px solid #CCC; margin: 5px 0 0 258px; /margin: 5px 0 0 240px; padding:3px; cursor: pointer; cursor: hand; }


							/* Formular - Umfrage */
							form#umfrage { /*background: #ddd;*/ }
								form#umfrage h2 { border-bottom: 1px solid #CCC; margin: 0 0 15px 0; padding: 20px 0 3px 0; }
								form#umfrage fieldset { margin: 0 0 7px 0; padding: 0; }
									/* Fragetexte */
									form#umfrage fieldset p,
									form#umfrage div.multiCheck p { margin: 0 !important; padding: 0 0 5px 0 !important; }
										form#umfrage fieldset p span,
										form#umfrage div.multiCheck p span { display: block; padding-left: 30px !important; }
										form#umfrage fieldset p span.nr,
										form#umfrage div.multiCheck p span.nr { display: block; float: left; width: 30px; padding-left: 0 !important; }
									/* Label und Input allgemein */
									form#umfrage fieldset label { display: block; float: left; width: 100px; margin: 0; padding: 2px 0 0 0; }
									form#umfrage fieldset input { display: block; float: left; font-size: 12px; width: 220px; height: 18px; background: #fafafa; border: 1px solid #CCC; margin: 0; padding: 0; }
									form#umfrage fieldset textarea { font-size: 12px; width: 400px; height: 200px; background: #fafafa; border: 1px solid #CCC; margin: 0; padding: 0; }
									/* Label und Input untereinander */
									form#umfrage fieldset.special { display: block; float: none; width: auto; margin: -7px 0 20px 0; padding: 2px 0 0 30px; }
										form#umfrage fieldset.special label { display: block; float: none; width: auto; margin: 0; padding: 2px 0 5px 0; }
										form#umfrage fieldset.special input { display: block; float: none; font-size: 12px; width: 400px; height: 18px; background: #fafafa; border: 1px solid #CCC; margin: 0; padding: 0; }
									/* Checkbox */
									form#umfrage fieldset.checkbox { clear: left; margin: 0 0 15px 0; }
										form#umfrage fieldset.checkbox fieldset { clear: both; width: 510px; float: left; margin: 0 0 5px 30px !important; margin: 0 0 5px 15px; }
												form#umfrage fieldset.checkbox fieldset label { width: auto; padding: 1px 0 0 2px; }
												form#umfrage fieldset.checkbox fieldset input { float: left; width: 16px; height: 16px; background: none; border: none; }
									/* Radio */
									form#umfrage fieldset.radio { clear: left; margin: 0 0 15px 0; }
										form#umfrage fieldset.radio fieldset { clear: both; float: left; margin: 0 0 5px 30px !important; margin: 0 0 5px 15px; }
												form#umfrage fieldset.radio fieldset label { width: auto; padding: 1px 0 0 2px; }
												form#umfrage fieldset.radio fieldset input { float: left; width: 16px; height: 16px; background: none; border: none; }
									/* Radiobuttons nebeneinander */
									div.multiCheck { /*border-top: 2px solid red; border-bottom: 2px solid red;*/ white; margin: 0 0 15px 0; padding: 0; }
										form#umfrage fieldset.out { height: 23px !important; margin: 0 0 0 30px !important; padding: 0 !important; }
										form#umfrage fieldset.out.larger { height: 39px !important; }
										form#umfrage fieldset.out.odd { background: #efefef; }
										form#umfrage fieldset.out p { float: left; line-height: 14px; width: 260px; margin: 0; padding: 5px 0 0 5px !important; }
										form#umfrage fieldset#zusatz.out p { width: 80px; }
											form#umfrage fieldset.out fieldset { display: block; float: left; /*width: 110px;*/ margin: 0 !important; padding: 3px 30px 0 0; }
												form#umfrage fieldset.out fieldset input { float: left; width: 16px; height: 16px; background: none; border: none; margin: 1px 0 0 0; }
												form#umfrage fieldset.out fieldset label { width: auto; padding: 1px 0 0 2px; }
									/* Focus */
									form#umfrage fieldset input:focus,
									form#umfrage fieldset textarea:focus{ border-color: #bf0028; }
									/* Submit */
									form#umfrage input.submit { font-family: Verdana; color: #777; font-weight: bold; font-size: 10px; background: #fafafa; border: 1px solid #CCC; margin: 10px 0 0 238px; /margin: 10px 0 0 155px; padding:3px 30px; cursor: pointer; cursor: hand; }
									form#umfrage abbr { border-bottom: 1px dashed #292929; cursor: help; }



							/* Formular Pb Survey */
							div.tx-pbsurvey-pi1 form {  }
							/* Fortschrittsanzeige */
							div.tx-pbsurvey-pi1 div.pagenumbering { font-size: 11px; height: 20px; }
								div.tx-pbsurvey-pi1 div.pagenumbering div.barcontainer { position: absolute; left: 485px; top: 0; width: 100px; height: 15px; text-align: center; border: 1px solid #b2b1b1; margin: 0; z-index: 6; }
									div.tx-pbsurvey-pi1 div.pagenumbering div.barcontainer div.bar { position: absolute; left: 0; top: 0; height: 15px; background: #f1f0f0; z-index: 4; }
									div.tx-pbsurvey-pi1 div.pagenumbering div.barcontainer div.bartext { position: absolute; left: 0; top: 0; background: none; height: 15px; z-index: 40; padding-left: 10px; }								
								div.tx-pbsurvey-pi1 form * { font-size: 11px; color: #000; }
									div.tx-pbsurvey-pi1 form fieldset { clear: both; margin: 0 0 10px 0; }
									div.tx-pbsurvey-pi1 form fieldset legend.question { display: inline; position: relative; font-weight: bold; }
									div.tx-pbsurvey-pi1 form fieldset legend.question span { display: block; white-space: normal; width: 570px; padding: 0 0 8px 0; }
									/* Checkboxen */
									div.tx-pbsurvey-pi1 form input.check { float: left; width: 12px; height: 12px; border: none; padding: 0; margin: 3px 5px 0 0 !important; }
									div.tx-pbsurvey-pi1 form label.check { display: block; float: left; width: 400px; padding: 2px 0 0 0; }
									/* Checkboxen mit zusätzlichem Input-Text-Element */
									div.tx-pbsurvey-pi1 form input.check-add { float: left; width: 12px; height: 12px; border: none; padding: 0; margin: 3px 5px 0 0 !important; }
									div.tx-pbsurvey-pi1 form label.check-add { display: block; float: left; /*width: 200px;*/ padding: 0 5px 0 0; }
									div.tx-pbsurvey-pi1 form div.additional_ver { float: left; margin: 0; padding: 0 !important; }
										div.tx-pbsurvey-pi1 form div.additional_ver input { margin: 0 0 3px 0 !important; }
									/* Radio-Buttons */
									div.tx-pbsurvey-pi1 form input.radio { clear: left; float: left; width: 12px; height: 12px; border: none; padding: 0; margin: 3px 5px 0 0 !important; }
									div.tx-pbsurvey-pi1 form label.radio { display: block; float: left; width: 400px; padding: 2px 0 0 0; }
									/* Radio-Buttons mit zusätzlichem Input-Text-Element */
									div.tx-pbsurvey-pi1 form input.radio-add { float: left; width: 12px; height: 12px; border: none; padding: 0; margin: 3px 5px 0 0 !important; }
									div.tx-pbsurvey-pi1 form label.radio-add { display: block; float: left; /*width: 200px;*/ padding: 0 5px 0 0; }
									div.tx-pbsurvey-pi1 form div.additional-ver { float: left; margin: 0; padding: 0 !important; }
										div.tx-pbsurvey-pi1 form div.additional-ver input { margin: 0 0 3px 0 !important; }
									/* Buttons */
									div.tx-pbsurvey-pi1 form div.formbuttons {  }
										/* Zurück-Button */
										div.tx-pbsurvey-pi1 form div.back-button { position: relative; float: left; }
										div.tx-pbsurvey-pi1 form div.back-button input { float:left; color: #000; font-weight: bold; text-align: center; width: 100px !important; height: 18px !important; background: #e4e2e1; border: 1px solid #CCC; margin: 0 !important; padding: 0 0 3px 0; cursor: pointer; cursor: hand; }
										/* Weiter-Button */
										div.tx-pbsurvey-pi1 form div.submit-button { position: relative; float: right; }
										div.tx-pbsurvey-pi1 form div.submit-button input { float: left; color: #000; font-weight: bold; text-align: center; width: 100px !important; height: 18px !important; background: #e4e2e1; border: 1px solid #CCC; margin: 0 !important; padding: 0 0 3px 0; cursor: pointer; cursor: hand; }
								div.tx-pbsurvey-pi1 form span.clear { display: block; height: 1px; line-height: 1px; margin: 0; padding: 0; }


							/* Browsebox */
							div.tx-indexedsearch-browsebox { clear: both; text-align: center; height: 30px; border-top: 1px solid #C9C9C9; margin: 0 0 5px 0; padding: 3px 15px; }
								div.tx-indexedsearch-browsebox p { display: none; }
								div.tx-indexedsearch-browsebox a { font-size: 1em; text-decoration: none; }
								div.tx-indexedsearch-browsebox a:hover { background-color: #FFF; text-decoration: underline; }
								/* Zurück-Link */
								div.tx-indexedsearch-browsebox span.prev { display: block; float: left; width: 80px; }
									div.tx-indexedsearch-browsebox span.prev a { padding: 0 0 0 13px; }
								/* Seitenzahlen */
								div.tx-indexedsearch-browsebox ul { float: left; width: 510px; list-style: none; margin: 0 auto; position: relative; }
									div.tx-indexedsearch-browsebox ul li { display: inline; list-style: none; background: none; padding: 0 4px; }
								/* Weiter-Link */
								div.tx-indexedsearch-browsebox span.next { display: block; float: right; width: 80px; text-align: right; }
									div.tx-indexedsearch-browsebox span.next a { padding: 0 12px 0 0; }
			




							/* Gallery */
							div.tx-wtgallery-pi1 { padding: 10px 0 0 0; }
								div.tx-wtgallery-pi1 div.wtgallery_list_area {  }
									div.tx-wtgallery-pi1 div.wtgallery_list_area h2 { display: none; }
									div.tx-wtgallery-pi1 div.wtgallery_list_area div.list_row {  }										
										div.tx-wtgallery-pi1 div.wtgallery_list_area div.list_row a,
										div.tx-wtgallery-pi1 div.wtgallery_list_area div.list_row a img { border: none; text-decoration: none; }
										div.tx-wtgallery-pi1 div.wtgallery_list_area div.list_row div { padding: 0 10px 10px 0; }									
									/* Pagebrowser */
									div.wtgallery_list_pagebrowser_area { width: 500px; margin: -10px 0 0 0; padding: 0 20px 0 0; }
										div.wtgallery_list_pagebrowser_area p  { margin: 0; }
										div.wtgallery_list_pagebrowser_area ul { margin: 0; padding: 0; }
											div.wtgallery_list_pagebrowser_area ul li { display: inline; padding: 0 8px 0 0; }
												div.wtgallery_list_pagebrowser_area ul li a { color: #000; text-decoration: underline; }
												div.wtgallery_list_pagebrowser_area ul li a.act { font-weight: bold; text-decoration: none; }
												div.wtgallery_list_pagebrowser_area ul li a:hover { color: #000; text-decoration: none; }






							/* Text mit Bild */
							div.csc-textpic-intext-left div.csc-textpic-imagewrap { padding: 0 10px 25px 0; }


							/* Errors */
							div.tx-thmailformplus-pi1 ul { margin: 0 0 30px 15px; padding: 0; }
								div.tx-thmailformplus-pi1 ul li { color: #bf0028; font-weight: bold; margin: 0; padding: 0; }


					
					/** -- RECHTE SPALTE -- **/
					div#rightColumn { float: left; width: 186px; margin: 0; padding: 0 0 10px 0; /*background: green;*/ }
						div#rightColumn h1 { border: none; }
							div#rightColumn div.inside { /* siehe .inside -> allgemeine Angabe am Stylesheet-Ende */ font-size: 90%; }




		/** -- FOOTER -- **/
		div#footer { clear: both; width: auto; font-size: 90.01%; background: #fff; border-top: 1px solid #ccc; margin: 0; padding: 5px; }
			div#footer div.left { text-align: center; width: 150px; float: left; margin: 0; /margin: 2px 0 -1px 0; padding: 2px 0 0 0;  }
			div#footer div.middle { text-align: center; width: 650px; float: left; margin: 0 0 0 20px; /margin: 2px 0 -1px 0; padding: 2px 0 0 0; }
			div#footer div.right  { text-align: center; width: 150px; float: right; margin: 0; /margin: 2px 0 -1px 0; padding: 2px 0 0 0; }
				div#footer div.right span.rss { background: url(../img/icon_rss.gif) no-repeat left 4px; padding: 0 0 0 12px; }






/** -- Allgemeine Styles -- **/
.clear  { clear: both; padding-bottom: 1px; margin-bottom: -1px; }
.hide   { display: none !important; }
.inside { padding: 0 1em; }
p.fontsize-set { text-align: center; }
p.fontsize-set img { border-width: 0; }





div#infoOverlay {display: none; width: 968px; margin: 0; padding: 10px; border-bottom: 1px solid #CCC; }
	div#infoOverlay div#overlayContentBG { background: white; margin: 0; padding: 0; }
	div#infoOverlay div#overlayContentBG * { text-align: center; }
		div#infoOverlay div#overlayContentBG h1 { color: #df0024 !important; border-bottom: none; margin: 0; padding: 5px 0 5px 0; }
		div#infoOverlay div#overlayContentBG ul { margin: 0; padding: 7px 0 0 0; }
			div#infoOverlay div#overlayContentBG ul li {list-style-type: none; margin: 0; padding: 3px 0 0 0; }
				div#infoOverlay div#overlayContentBG a { font-size: 13px; color: #df0024; font-weight: normal; margin: 0; padding: 0; cursor: pointer; cursor: hand; }
				div#infoOverlay div#overlayContentBG a:hover { background: none; }