/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */
 
.content h1 {
	margin: 1.091em 0;
	font-size: 1.273em;
}

.content h1 img {
	font-size: 0.786em;
}

	.content h1.firstHeader {
		/*margin: 1.091em 0 0.455em 0 !important;*/
		margin: 0 0 0.455em 0;
	}

.content h2 {
	margin: 1.091em 0 0.182em 0;
	font-size: 1.091em;
}

.content h2 img {
	margin-left: 0.909em;
	font-size: 0.917em;
}

.content h3 {
	margin: 0.909em 0 0.182em 0;
	font-size: 1.000em;
}
	.content a .ssl-gif {
		margin-left: 10px;
	}

.content h4 {
	margin: 0.455em 0 0.182em 0;
	font-size: 0.919em;
}

.content h5 {
	margin: 0.273em 0 0 0;
	font-style: italic;
}

.content h6 {
	margin: 0.273em 0 0 0;
	font-weight: normal;
	font-style: italic;
}

.content p,
.content table {
	margin-bottom: 0.909em;	
}

.content .footer {
	font-size: 0.818em;
	margin: 0 0 0 0.455em;
}

/* Fixed Margin Bug for IE/FF with Intext-Images*/
.content .csc-firstHeader,
.content .csc-textpicHeader h3,
.content .csc-textpicHeader h4,
.content .csc-textpicHeader h5,
.content .csc-textpicHeader h6 {
	margin-top: 0;
}

.content hr {
	height: 0.091em;
	margin: 1.455em 0 0.273em !important;
	margin: 0;
	border: 0;
	border-top: 0.091em solid #ccc;
}

.content .csc-textpic-caption {
	font-style: italic;
}

.content  .csc-textpic-intext-left ol,
.content  .csc-textpic-intext-left ul {
	padding-left: 0;
}

/* dringe Meldung */
.content div.version34 {
   	background-color: #ebebeb;
	padding: 0.909em 1.364em;
	margin-bottom: 0.909em;
}

.content div.version34 p {
	margin: 0;
}

/* Schnellzugriff */
.content div.version101 h4 {
	font-size: 0.909em;
	margin-bottom: 0;
}

.content div.version101 ul {
	margin: 0;
	border: 0.091em solid #808080;
	background-color: #ffffff;
}

.content div.version101 p {
	margin: 0;
}


input[type=submit], input[type=button] {
	padding: 0 0.5em;
	width: auto;
}

/* grauer Rahmen */
.content div.version33 {
	border: 2px solid #c7c7c7;
	padding: 5px;
}

/* Align Klassen */
.content .align-left {
	text-align: left;
}
.content .align-right {
	text-align: right;
}
.content .align-center {
	text-align: center;
}
.content .align-justify {
	text-align: justify;
}


/* -----------------------------------------------
	Link Style
----------------------------------------------- */
a {
	color: #cc0000;
	text-decoration: none;
}

	a:hover, a:focus, a:active {
		text-decoration: underline;
	}

.extLinkFilesize {
	color: #000000;
	font-weight:normal;
	padding-left: 0.545em;
	font-size: 0.818em;
	text-transform: uppercase;
}

.content a.mail {
	padding-right: 1.364em;
	background: url(../images/links/mail.gif) no-repeat right 0.091em;
}

/* -----------------------------------------------
	List Style
----------------------------------------------- */
.content ul {
	margin: 0.455em 0 0.455em 0.182em;
}
	
.content ul li {
	height: auto !important;
	height: 0.091em;
	padding-left: 2.273em;
	background: url(../images/bulletlist_standard.gif) no-repeat 1.327em 0.445em;
}

.content .text ul li {
	padding-bottom: 0.273em;
}
.content .version101 ul li {
	padding-bottom: 0;
}



.content ol {
	margin-top: 0.455em;
	margin-bottom: 0.455em;
}
.content .text ol li {
	padding-bottom: 0.545em;
}

.content ol.lowerAlpha {
	list-style-type: lower-alpha;
}
.content ol.upperAlpha {
	list-style-type: upper-alpha;
}
.content ol.lowerRoman {
	list-style-type: lower-roman;
}
.content ol.upperRoman {
	list-style-type: upper-roman;
}

.content ol.listNoSpace li, 
.content ul.listNoSpace li  {
	padding-bottom: 0;
}

.content ol.listLineSpace li, 
.content ul.listLineSpace li  {
	padding-bottom: 1.273em;
}



/* Banner Rechte Spalte */
.content div.version102 h2 {
	display: inline;
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height:0;
	overflow: hidden;
}
.content div.version102 ul {
	margin: 0;
}
.content div.version102 li {
	padding: 0 0 1.818em 0;
	background: none;
}

.content .text dl,
.content .textpic dl  {
	border-bottom: 0.091em solid #c7c7c7;
}
.content .text dt,
.content .textpic dt {
	float: left;
	width: 13.636em;
	padding: 0.182em 0;
	border-top: 0.091em solid #c7c7c7;
}
.content .text dd,
.content .textpic dd {
	margin-left: 13.636em;
	padding: 0.182em 0;
	border-top: 0.091em solid #c7c7c7;
}

#col3 .content .text dl,
#col3 .content .textpic dl  {
	border-bottom: none;
}
#col3 .content .text dt,
#col3 .content .textpic dt {
	float: none;
	width: auto;
	padding: 0.182em 0 0.091em 0;
	border-top: none;
}
#col3 .content .text dd,
#col3 .content .textpic dd {
	margin-left: 1em;
	padding: 0 0 0.091em 0;
	border-top: none;
	text-align: right;
}

    
/* -----------------------------------------------
	Table Style
----------------------------------------------- */
.content .contenttable {
	width: 100%;
	margin-left: 0.091em !important;
	margin-left: 0;
}

.content .contenttable p {
	margin: 0;
	padding: 0;
}

.content .contenttable th,
.content .contenttable td {
	padding: 0.182em 0.364em;
	border: 0.091em solid #fff;
}

.content .contenttable thead * , 
.content .contenttable thead td ,
.content .contenttable th {
	color: #fff;
	background: #CC0000;
	font-weight: bold;
}

.content .contenttable td {
	background: #e9e9e9;
}

.content .contenttable .contenttr-1 td,
.content .contenttable .tr-even td {
	background-color: #fff;
	border: 0.091em solid #e9e9e9;
}


/*contenttable-1*/
.content .contenttable-1 {
	margin-left: 0 !important;
	margin-right: 0.909em;
}

.content .contenttable-1 p {
	margin: 0;
	padding: 0;
}

.content .contenttable-1 th,
.content .contenttable-1 td {
	padding: 0.182em 0.364em;
	border: 0.091em solid #fff;
}

.content .contenttable-1 thead * , 
.content .contenttable-1 thead td ,
.content .contenttable-1 th {
	color: #fff;
	background: #CC0000;
	font-weight: bold;
}

.content .contenttable-1 td {
	background: #e9e9e9;
}

.content .contenttable-1 .contenttr-1 td,
.content .contenttable-1 .tr-even td {
	background-color: #fff;
	border: 0.091em solid #e9e9e9;
}

/* contenttable-2 */
.content .contenttable-2 {
	/*width: 100%;*/
	margin-left: 0.091em !important;
	margin-left: 0;
}

.content .contenttable-2 p {
	margin: 0;
	padding: 0;
}

.content .contenttable-2 th {
	padding: 0.182em 0.364em;
	border: none;
}

.content .contenttable-2 thead * , 
.content .contenttable-2 thead td ,
.content .contenttable-2 th {
	padding: 0 0.273em 0.273em 0;
	color: #000;
	background: transparent;
	font-weight: bold;
}

.content .contenttable-2 td {
	padding: 0 0.273em 0.273em 0;
	background: transparent;
	border: none;
}

.content .contenttable-2 .contenttr-1 td,
.content .contenttable-2 .tr-even td {
	background-color: #e9e9e9;
}


/*contenttable-3*/
.content .contenttable-3 {
	width: 100%;
	margin-left: 0.091em !important;
	margin-left: 0;
}

.content .contenttable-3 caption {
	display: table-caption;
	position: relative;
	height: auto;
	width: auto;
	top: 0;
	left: 0;
	background-color: #cc0000;
	color: #fff;
	font-weight: bold;
	text-align: left;
	border:0.091em solid #FFFFFF;
	padding:0.182em 0.364em;
}

.content .contenttable-3 p {
	margin: 0;
	padding: 0;
}

.content .contenttable-3 th,
.content .contenttable-3 td {
	padding: 0.182em 0.364em;
	border: 0.091em solid #fff;
}

.content .contenttable-3 thead * , 
.content .contenttable-3 thead td ,
.content .contenttable-3 th,
.content .contenttable-3 td {
	color: #000;
	background: #e9e9e9;
	font-weight: normal;
}

.content .contenttable-3  .contenttr-1 td,
.content .contenttable-3  .tr-even td {
	background-color: #fff;
	border: 0.091em solid #e9e9e9;
}

.content .contenttable-3 thead td,
.content .contenttable-3 th {
	font-weight: bold;
}

/* -----------------------------------------------
	formular
----------------------------------------------- */
.formNavigation {
	padding-bottom: 0.455em;
	margin-top: 1.818em;
	border-bottom: 0.091em solid black;
}

.formNavigation .curr {
	font-weight: bold;
}

.kopftext {
	margin-bottom: 0.909em;
}

	.formElement.kopftext img {
		margin: 0 10px 0 0 !important;
	}
	
	.formElement h2 {
		margin: 0.182em 0;
	}

.anwendungtext {
	margin-bottom: 0.909em;
}

.formElement .readonly {
	/*margin: 0.455em 0 0.909em 15.455em;*/
	margin: 0.455em 0 0.909em 11.455em;
}

.formElement .errorMessage {
	float: none;
	clear: both;
	color: red;
	margin-left: 11.455em;
	padding-top: 0.455em;
}

/* Pseudo legend */
.formElement .legend {
	float: left;
}

/* Visible Legend Label */
.visiblefieldset {
  clear: both;
 /* margin-top: 0.455em;*/
}

.visiblefieldset legend {
	display: block;
	padding: 0.545em 0 0.273em 0;
	font-weight: bold;
	height:auto;
	overflow:hidden;
	position:relative;
	width:auto;
	top:0;
	left:0;
}

/* FormElements */
.formElement {
	clear: both;
	height: auto !important;
	height: 1.909em;
	min-height: 1.636em;
	padding-bottom: 0.455em;
	width: auto;
}
.formElement.textarea {
	padding-bottom: 0.454em;
}

.formElement label,
.formElement .left,
.formElement .right {
	display: block;
	float: left;
	width: 9.636em;
	padding-bottom: 0.455em;
	margin-right: 1.818em;
	text-align: right;
}

.formElement .required {
	
	margin-top: 0.182em;
}

.formElement img.helpbubble {
	float: left;
	margin-left: -1.636em !important;
	margin-left: -2.000em;      
}
    
.formElement label img {
	margin-left: 0.909em;      
}

.formElement .helptext {
	font-size: 0.909em;
	position: absolute;
	display: block;
    left:14.182em;
	width: 23.200em !important;
	width: 24.000em;
	background: silver;
	padding: 0.400em;
	margin-top: 2em;
}
		
.formElement .requiredElement {
	position: absolute;
}		

.formElement h4 {
	font-size: 1em;
	font-weight: bold;
	padding-top:0.455em;
}

/* input */	
.formElement .text {
	width: 30.182em !important;
	width: 30.364em;
	padding: 0.182em;
	margin: 0 !important;
	margin: 0.182em 0 0.182em 0.091em; 
	/*border-color: #c7c7c7;*/
	border-color: #505050;
}
    
.formElement input.inputOrder {
	width: 3.636em !important;
	margin-right: 0.909em !important;
}

.formElement div.orderText {
	float: left;
	/*width:23.636em;*/
	width:22.636em;
	padding-bottom:0.545em;
}
.formElement div.orderText label {
	float: none;
	margin-right: 0;
	padding-bottom: 0;
	width:22.636em;
	text-align: left;
}
    
.formElement .orderTotal {
	font-weight: bold;
}
    
.formElement .textarea {
	padding: 0.182em !important;
	padding: 0;
	margin-bottom: 0.273em;
	margin-left: auto !important;
	margin-left: -0.182em;
}
    
/* select */
.formElement select.select {
	/*border: 0.091em solid #c7c7c7;*/
	border: 0.091em solid #505050;
	margin-left: auto !important;
	margin-left: -0.182em;
	min-height: 1.327em;
}

.formElement select.select option {
	padding-right: 0.455em;
}

/* CheckElement */
.inputCheckbox {
	padding: 0.182em 0 0 0;
	height: auto;
}

.inputCheckbox fieldset {
	float: left;
	padding-bottom: 0.909em;	
}
			
.checkElement input,
.inputCheckbox input {
	/*position: absolute;*/
	float: none;
	border: 0;
	padding: 0;
}
			
.checkElement label,
.inputCheckbox fieldset label {
	/*position: absolute;*/
	float: none;
	width: 35.273em !important;
	padding: 0 0 0 2em;
	text-align: left;
}

/* dateSelector */
fieldset.dateSelector .formElement {
	float: left;				
	background: none;
}
				
fieldset.dateSelector .formElement label {	
	width: auto !important;
}

.formElement .inputTextDateSelector {
	width: 8.0em !important;
}
        
button.dateSelector {
	float: left;
	width: 2.273em;
	height: 1.818em;
	margin-left: 0.364em;
	margin-right: 0.364em;
	background: url(../images/yafe/calendar.gif) no-repeat;
}
   
.formElement input.error,
.formElement select.error,
.formElement textarea.error {
	background: #fcc;
}

fieldset.submitForm {
	padding: 0.909em 0 1.818em 11.335em;
}

.formElement -preview .readonly {
	background: #fcc;
}

.receiptLink {
	margin: 1.818em 0;    
}

.receiptLink a {
	font-weight: bold;
}
  
/* Form Preview & Confirmation */	
div.readOnly div.readOnly {
	width: 37.273em;
}

fieldset.confirmation .readonly {
	margin: 0 0.909em 0 0;
	font-weight: bold;
}

fieldset.preview div.formElement .readonly, 
fieldset.confirmation div.formElement .readonly {
	/*margin: 0 0.909em 0 15.455em;*/
	margin: 0 0.909em 0 0;
	padding-bottom:0.909em;
	font-weight: bold;
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	height:1%;
	/* End hide from IE5/mac */
	float:left;
	width:25.909em;
}

fieldset.preview label , 
fieldset.confirmation label {
	font-weight: normal;
	float:left;
}

/* Other Form-Elements */
.formElement .additionalText {
	float: left;
	margin-left: 0.909em;
}

.inputCheckbox .additionalText {
	float: right;
}
    
.inputOrder .additionalText {
	float: left;
    margin-left:0;
    width:7.273em;
    text-align:right;
}
    
.inputText .additionalText {
	float: right;
}

.inputTextDateSelector .additionalText {
	float: right;
}

/* IE6 Hack - Positionierung von AdditionalText in ReadOnly Felder (Bestellzusammenfassung Vorschau/Bestätigung)
 * 14.09.09 huju2: Wird wahrscheinlich nicht mehr benötigt / Führt zu Fehler in der Darstellung der Bestellzusammenfassung */
/*
* html .readOnly .additionalText {
	position: absolute;
	width: 36.364em;
	margin-top: -1.364em;
	font-weight: normal;
	text-align: right;
}
*/

.readOnly .additionalText {
	float: right;
}

/* Radiobutton Formularfelder */	
.inputRadio {
	margin-top: 0.455em;
}

.radioElement fieldset,
.inputRadio fieldset {
	float: left;
	padding-bottom: 0.455em;	
}

.radioElement fieldset input,
.inputRadio fieldset input {
	clear: both;
	width: 1.273em;
	height: 1.273em;	
	margin-bottom: 0.455em;	
	padding: 0;
}	

.radioElement fieldset label,
.inputRadio fieldset label {
	padding: 0 0 0 0.455em;
}

.formElement .inputRadioItem label {
	width: 35.273em !important;
	width: 32.273em;
	text-align: left;
}
	.formElement .inputRadioItem img {
		margin-left: 0.909em !important;
	}
	
.formElement .inputRadioItem label span {
	float: left;
}

.formElement .readonly span {
	float: left;
}
    
.kontakt-hinweis {
	margin: 0.909em 0 0 0;
	font-size: 0.818em
}

.kontakt-hinweis h2 {
	margin: 0;
}

.kontakt-hinweis strong {
	/*font-size: 0.818em*/
}

.kontakt-hinweis h4 {
	margin: 0;
	padding: 0;
	/*font-size: 0.818em;*/
	font-weight: bold;
}

/* -----------------------------------------------
                calendarScript
----------------------------------------------- */
table.calendarScriptHeader {
	margin-bottom: 0;
}
table.calendarScriptHeader td {
	margin-bottom: 0;
	vertical-align: middle;
}

table.calendarScriptHeader .Title2 {
	font-size: 1.091em;
	font-weight: bold;
}

table.calendarScript {
	margin-bottom: 0;
}

div.calendarScriptBox {
	clear:both;
	border:0.091em solid;
	border-color:#606048;
	padding-bottom:-0.091em;
	margin: 0 0 1.364em 0;
}

table.calendarScript th{
	width:2.182em;
	font-weight:normal;
	text-align:center;
	border-bottom:0.091em solid #606048;
}

table.calendarScript td {
	width:2.182em;
	font-weight:normal;
	text-align:center;
	border-bottom:0.091em solid #B7B7A9;
}
table.calendarScript td.last {
	width:2.182em;
	font-weight:normal;
	text-align:center;
	border:0;
}

table.calendarScript .foot {
	font-size: 0.818em;
}

div.calendarScriptHeader {
	width:15em;
	clear:both;
}

div.calendarScriptHeaderPict {
	/*margin-bottom:8px;*/
}

div.calendarScriptHeaderLeft {
	width:4.091em;
	float:left;
	padding:0.727em 0;
}

div.calendarScriptHeaderMonth {
	width:6.818em;
	float:left;
	text-align:center;
	padding-top:0.545em;
}

div.calendarScriptHeaderMonth div {
	font-size: 1.091em;
	font-weight: bold;
}
    
div.calendarScriptHeaderRight {
	width:4.091em;
	float:left;
    padding:0.727em 0;
}

/* -----------------------------------------------
	treffpunkt
----------------------------------------------- */
.treffpunkt {

}

.treffpunkt li {
	float: left;
	width: 23.545em;
	margin-bottom: 1.364em;
}
.treffpunkt li a{
	font-weight:bold;
}

.treffpunkt_end {
	clear: left;
}

/* -----------------------------------------------
                RSS
----------------------------------------------- */
.rss {
	background: #FF6600 none repeat scroll 0%;
	border-color: #FFCC99 rgb(102, 51, 0) rgb(51, 51, 0) rgb(255, 153, 102);
	border-style: solid;
	border-width: 0.091em;
	color: #FFFFFF;
	font-family: verdana,sans-serif;
	font-size: 0.909em;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	margin: 0 0.182em 0 0;
	padding: 0 0.182em;
	text-decoration: none;
}

a.rss, .rss a, 
a:visited.rss, .rss a:visited {
	color: #FFF;
	font-size: 0.909em;
}

a:hover.rss, .rss a:hover {
	color: #EBEBEB;
}

/* -----------------------------------------------
                paragraphStyle
----------------------------------------------- */
/*titel in rotem balken*/
.style1 {
	padding: 0.273em;
	background: #cc0000;
	font-weight: bold;
	color: #fff;
}

/*h3*/
.style2 {
	font-weight: bold;
	font-size: 1.091em;
}

/* -----------------------------------------------
                winfetchurl
----------------------------------------------- */
.winfetchurl_pi1 form {
	margin-top: 1.818em;
}

/* -----------------------------------------------
                winaddress
----------------------------------------------- */
.tx_winaddress_pi1_detail_item_timetable a {
	padding-left: 1.636em;
	background: url(../images/arrow.gif) no-repeat 0 0.364em;
}

/* -----------------------------------------------
                winagenda
----------------------------------------------- */
.tx-winagenda-pi1 .url .url span {
	padding-left: 1.636em;
	background: url(../images/arrow.gif) no-repeat 0 0.364em;
}

/* -----------------------------------------------
                direktsuche
----------------------------------------------- */
.direktsuche .formElement {
	clear: none;
}

	* html .direktsuche .extendedsearch {
		position: relative;
		top: -0.727em;
	}
	
/* -----------------------------------------------
                stadtverwaltung
----------------------------------------------- */
/*element right*/
#mainContent .version35 {
	position: absolute;
	clear: none;
	float: left; 
	left: 33.455em;
	width: 16.818em;
	margin-top: 1.818em !important;
	margin-top: 0;
}

	#mainContent .version35 h2 {
		margin: 0;
		font-size: 1em;
	}
	
	#mainContent .version35 ul {
		margin: 0 0 1.000em 0;
	}
	
		#mainContent .version35 li {
			/*margin: 0 0 0.455em;*/
			margin: 0;
			padding-left: 0;
			background: none;
		}

/*element left*/
#mainContent .version36 {
	float: left;
	width: 30.909em;
	margin: 0 0.455em 0.818em 0;
	padding-bottom: 0.182em;
	background: #e9e9e9;
	border-color: #636363;
	border-style: solid;
	border-width: 0.091em 0.091em 0.091em 0.091em;
}

	#mainContent .version36 h2 {
		margin: 0 0 0.364em;
		padding: 0.182em 0.364em;
		background: #cc0000;
		color: #fff;
		font-size: 1em;
	}
	
	#mainContent .version36 ul {
		margin: 0;
	}
	
		#mainContent .version36 li {
			margin: 0 0.364em 0.364em;
			padding-left: 0;
			background: none;
		}
		
/* -----------------------------------------------
                version37 ul/li 2spaltig
----------------------------------------------- */
.version37 ul li {
	float: left;
	width: 22.727em !important;
	width: 25.000em;
	margin: 0 0 0.909em 0;
}

 /* -----------------------------------------------
	Seiten Titel H1 ausbleden - layout100
----------------------------------------------- */
 	.layout100 .content h1.firstHeader {
		display: inline;
		position: absolute;
		left: -1000px;
		top: -1000px;
		width: 0;
		height:0;
		overflow: hidden;
	}