@charset "UTF-8";
/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
#buffer{
		position:absolute;				
		visibility:hidden;
		border:0;
		/*left:0; 
		top:0;*/
		}
#buffer-verein{
		position:absolute;				
		visibility:hidden;
		border:0;
		width: 450px;
		/*left:0; 
		top:0;*/
		}
	div #display{
		margin: auto 0;
		padding-bottom:6px;
		display:none;			
		}				
	   		div #display h3{ 
   						border:none; 
						padding:0;
						}
	div.error{
		color:#FF0000;
		margin:0px 0px 10px 100px;
		}
		div.error.ul{list-style:none;}
		input.error{border: 1px solid #FF0000;}
* {
	margin: 0;
	padding: 0;
}
html/*, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, */{
  	margin: 0 0 0 0;
  	padding: 0;
 	border: 0;
	font-size: 12px;
	height: 100%;
	width: 100%;
	}
	body {
		color: #2F2F2F;
		font: 12px Arial, Helvetica, sans-serif;
		text-align: left;
		background: url(../Images/leitmotiv/090320_head-hintergr.jpg) no-repeat center 0px;
		}
	/**body {
		text-align: center;
		background: url(../Images/kl-hintergrund-temp.jpg) no-repeat center 0px;
		font: 12px Arial, Helvetica, sans-serif;
		}
	*+body {
		font: 12px Arial, Helvetica, sans-serif;
		text-align: center;
		background: url(../Images/kl-hintergrund-temp.jpg) no-repeat center 0px;
		}*/
	h1 {
		color: #8E5C41;
		font-size: 16px;
		font-weight: bold;
		line-height: 1em;
		}
	h2 {
	color: #8E5C41;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
		}
	h3 {
		color:#000000;
		font-size: 12px;
		text-align: center;
		}
	h4 { font-size: 12px;}
	a, a:link {
		color: #662200;
		font-weight: bold;
		text-decoration: none;
		} 
	a:focus { color: #662200; }
	a:hover { text-decoration: none; }
	a:active { color: #333333; }
	a:link { text-decoration: none; }
	a:visited { text-decoration: none; }
		a span {color: #FFF9E8; }
			a.copyright {
				font-size: 10px;
				text-align:right;
				color: #333333;
				}	
				
			a.an {
				color: #333333;
				font-weight:bolder;
				}
	table {
	table-layout:auto;
	margin: 0px auto;
		}
	th {
		text-align:left;
		padding-left: 10px;
		padding-bottom: 5px;
		color: #8E5C41;
		font-size: 16px;
		font-weight: bold;
		line-height: 1em;
		}
		td {
			width: 27%;
			vertical-align:middle;
			border: 0;
			padding: 5px;
			text-align: center;
			}
	table.aktuelles {
		width: 450px;
		height: 600px;
		padding: 5px;
		margin: 0 auto;
		}	
		tr.aktuelles { background:url(../Images/hintergrund-content.jpg) repeat}
		td.aktuelles{
			text-align:left;
			width: 420px;
			}
	#outerWrapper {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		height: auto;
		margin: 0 auto;
		text-align: left;
		width: 100%;
		background-position:center;
		}
	*#outerWrapper{
			width: 820px;
			height: auto;
			position: absolute;
			left: 50%;
			margin-left: -410px;
		}
		#outerWrapper #header {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: bold;
			height: 196px;
			width: 100%;
			max-width: 820px;
			min-width: 500px;
			line-height: 0.9em;
			margin: 0 auto;
			padding: 0;
			/*background:#FFFFFF url(../Images/kl-rwg-head-logo-knautsch-8.jpg) no-repeat ;*/
			}

		/* einfache Navigation */
		#outerWrapper #navi1 {
			height: 64px;
			width:100%;
			max-width: 820px;
			min-width: 500px;
			visibility: visible;
			margin: 0 auto;
			text-align: left;
			}
			#outerWrapper #navi1 .an {
	color: #000000;
	font-weight:bolder;
				}
			#outerWrapper #navi1 ul {
				height: 20px;
				padding: 20px 0;
				margin: 0 17px;
				list-style-type: none;
				float:left;
				width: 820px;
				display:inline;
				}	
				#outerWrapper #navi1 ul li {
					padding: 20px 17px 20px 20px;
					margin: 0 5px 0 20px;
					color: #662200;
					font-size: 14px;
					height: 30px;
					width: 800px;
					text-align:left;
					vertical-align: middle;
					display:inline;
					}	
					#outerWrapper #navi1 ul li a:hover {
						color:#333;
						} 
		/* einfache Navigation + Subnavi */
		#outerWrapper #navi2 {
			height: 108px;
			width:100%;
			max-width: 820px;
			min-width: 500px;
			visibility: visible;
			margin: 0 auto;
			left: 10px;
			text-align: left;
			}
			#outerWrapper #navi2 .an {
	color: #000000;
	font-weight:bolder;
				}
			#outerWrapper #navi2 ul {
				height: 20px;
				padding: 20px 0;
				margin: 0 20px;
				list-style-type: none;
				float:left;
				width: 820px;
				display:inline;
				}
				#outerWrapper #navi2 ul li {
					padding: 20px 17px 20px 17px;
					margin: 0 8px 0 20px;
					color: #662200;
					font-size: 14px;
					width: 800px;
					height: 30px;
					text-align: left;
					display:inline;
					}
				
					#outerWrapper #navi2 ul li ul {
						padding-top: 22px;
						list-style-image:none;
						text-align: left;
						text-indent: 0px;
						padding-right: 0px;
						padding-left: 0px;
						margin-left: 15px;
						width: 100%;
						}
						#outerWrapper #navi2 ul li ul li{
							font-size: 12px;
							padding: 0 15px 0 0;
							color:#000000;
							float: none;
							text-align: left;
							}	
							#outerWrapper #navi2 ul li a:hover {
								color:#333;
								}	
		#outerWrapper #contentWrapper {
	height: 100%;
	margin: 0 auto 0 10px;
	width: 100%;
	max-width: 800px;
	min-width: 500px;
	background: url(../Images/hintergrund-content.jpg);
	font-size: 14px;
			}
			table.ansprechpartner{
		width:640px;
		padding: 5px 0;
		/*margin: 0 auto;*/
		}
	
		tr.gebiete {background: #E6E6E6;}
		td.ansprechpartner-bereich{
	text-align:left;
	width: 190px;
	padding-left: 10px;
	background: #E6E6E6;
			}
		td.ansprechpartner-person{
			text-align:left;
			padding-left: 10px;
			width: 160px;
			background-color:#E6E6E6;
			}
		td.ansprechpartner-nummer{
			text-align:left;
			width: 130px;
			padding-left: 10px;
			background-color:#E6E6E6;
			}
			
			/* für dreispaltigen Content */
			#outerWrapper #contentWrapper #leftColumn1 {
				/*background-color: #f9f1e1;
			  border-right: solid 1px #cda98b;*/
				float: left;
				clear: left;
				height: auto;
				padding: 20px;
				width: 140px;
				font-size:12px;
				}
				#outerWrapper #contentWrapper #leftColumn1-verein {
	/*background-color: #f9f1e1;
			  border-right: solid 1px #cda98b;*/
				float: left;
	clear: left;
	height: auto;
	padding: 15px 20px 20px;
	width: 230px;
	font-size:12px;
				}
				
			#outerWrapper #contentWrapper #rightColumn1 {
	/*background-color: #f9f1e1;
			  border-left: solid 1px #cda98b;*/
				float: right;
				padding: 20px;
				clear:none;
				width: 140px;
				font-size:12px;
				}
			#outerWrapper #contentWrapper #content { /* zwischen left- und rightcolumn1*/
					height: auto;
					float:left;
					clear:none;
					padding-top: 20px;
					padding-left: 20px;
					padding-bottom: 20px;
					width: 50%;
					font-size:12px;
							}
							#outerWrapper #contentWrapper #content-verein { /* zwischen left- und rightcolumn1*/
								height: auto;
								float:right;
								clear:none;
								width: 495px;
								font-size:12px;
								padding: 15px 5px 20px 0px;
								text-align:left;
							}
					.verein {
						width:495px;
						padding:40px 0px 20px 0px;
						float:right; 
						clear:right;
						}
						
		/*	#outerWrapper #contentWrapper.meiniframe{
				font: 12px Arial, Helvetica, sans-serif;
				/*clear: none;
				float:inherit;
				border: 0;*/
			/*	margin: 0 auto;
				width: 800px;
				height: auto;
				vertical-align:top;
				/*overflow: auto;*/
			/*	}*/
			iframe{
				border:0;
				width: 800px;
				margin: 0 auto;
				height: auto;
				}
			/*iframe.aktuelles {
				border:0;
				width: 400px;
				margin: 0 auto;
				height: auto;
				}*/
				
			#outerWrapper #contentWrapper #einzelcontent{ /* Text in der Mitte */
				height:auto;
				width: 50%;
				padding: 20px 25%;
				font-size:12px;
				}
				.aktuelles{
					width:600px;
					padding-left:20px;
					padding-right:120px;
					margin-right: 30px;
					padding-top:20px;
					}
			#outerWrapper #contentWrapper #wrapper{ /* über die ganze breite*/
				height:auto;
				clear:both;
				padding: 10px 20px;
				font-size: 12px;}
				
				#outerWrapper #contentWrapper #content #liste {
					font-size: 12px;
					line-height: 1.6em;
					color: #000000;
					text-align: left;
					display: block;
					list-style: none;
					padding: 0px 20px;
					/*border-top: thin none #B59078;
					border-right: thin none #B59078;
					border-bottom: thin none #B59078;
					border-left: thin solid #B59078;*/
								}
			
			/* Eingaben für die Formulare */
			#outerWrapper #contentWrapper #standform {
				height: auto;
				margin: 0 150px;
				padding: 20px;
				width: auto;
				border-left:1px solid #666666;
				border-right:1px solid #666666;
				font-size:12px;
				}
				/*#outerWrapper #contentWrapper #standform #wflaeche, #zanzahl, #wmiete, #etage, #optionen {
					height: 20px;
					margin: 5px 5px 0px;
					font-size:12px;
						}
					fieldset{
					display:block;
					padding-bottom: 10px;
					border-width: 0px;
					border-style: none;
					width:320px;
						}
						legend{ font-weight:bold;}*/
							label{
									display:block;
									font-weight: bolder;
									font-size: 12px;
									}
/* Formular Wohnungsanfrage 
label.anfrage{ background: #FFF8E1;}
.tabelle-anfrage{
	margin: 0px;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	width:auto;
	}
	.zelle-anfrage-text{
		vertical-align: baseline;
		border: 0px;
		padding: 0px;
		text-align: left;
		font-size: 12px;
		font-weight:bold;
		width: 130px;
		}	
	.zelle-anfrage-mitte-feld{
		vertical-align: baseline;
		border: 0px;
		padding: 0px;
		text-align: left;
		font-size: 12px;
		width: 100px;
		}
	.zelle-anfrage-feld{
		vertical-align: baseline;
		border: 0px;
		padding: 0px;
		text-align: left;
		font-size: 12px;
		width: 115px;
		}				
	.zelle-p_angaben-text{
	width:65px;
	padding:0px;
	font-size:12px;
	border:0px;
	margin:0px;
	text-align: left;
		}
	.zelle-p_angaben-feld{
		width: 140px;
		padding:0px;
		border:0px;
		margin:0px;
		font-size: 12px;
		}*/
	
	
			/* für zweispaltigen Content */
			#outerWrapper #contentWrapper #imagecolumn1 {
				float:left;
				height:auto;
				padding: 20px;
				width:370px;
				font-size:12px;
				}
			#outerWrapper #contentWrapper #textcolumn1 {
				height: auto;
				padding: 10px 20px 20px 20px;
				margin: 0px 0px 0px 400px;
				width: 350px;
				font-size:12px;
				}
				.links{  /* Divs für zweispalten- wie geschaeftszeiten */
					width: 200px;
					float:left;
					}
				.rechts{ 
					margin: 0 auto; 					
					float:right;
					clear: right;
					width: 150px;
					text-align:left;
					}
				#outerWrapper #contentWrapper #vali{
					height:auto;
					width: 780px;
					text-align:right;
					}	
				#outerWrapper #contentWrapper .clearFloat {
					 clear: both;
					 display: block;
					}
		#outerWrapper #footer {
			height: 61px;
			padding: 10px 0 10px 0;
			background: url(../Images/navi/rwg-footer-820.jpg) no-repeat scroll;
			vertical-align: text-bottom;
			margin: 0 auto;
			width: 100%;
			max-width: 820px;
			min-width: 500px;
			}
			#outerWrapper #footer ul{
				width: 820px;
				height: 15px;
				padding: 15px 10px 10px 20px;
				list-style-type: none;
				}
				#outerWrapper #footer ul li{
					display:inline;
					margin-left: 20px;
					margin-right: 20px;
					color: #000000;
					font-size:10px;
					text-align:center;
					vertical-align:middle;
					}	
			
		#outerWrapper #begrenzer{
			height: 300px;
			top: auto;
			}
.titel {
	height: 0px;
	width: 300px;
	float: left;
	visibility: hidden;
	padding-top: 0;
	text-align: center;
	}	
.augabe-form-fehler {
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	background: #F5E9C6;
}
.level-1 {
	padding-left:10px;
	padding-top:10px;
	}
	.level-2 {
		padding-left:15px;
		padding-top:5px;
		}
		.level-3 {
			padding-left:20px;
			padding-top:5px;
			}
			.level-4 {
				padding-left:25px
				}
				.level-5 {
					padding-left:30px;
					}