@charset "UTF-8";

body {
	font: 100.01% Arial, Helvetica, sans-serif;
	line-height: 1.75em;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../pics/hintergrund.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

h1 {font-size: 1.2em;}
h2 {font-size: 1.2em;}
h3, h4 {font-size: 1.0em;}
h3 {
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -10px;
	margin-right: -10px;
	background-color: #000000;
	color: #FFFFFF;
}

.mobil #container {
	width: 950px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #FFFFFF;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	padding: 0px;
	border: 0px;
	text-align: left;
	/* border: 1px dotted #F00; */
}

.mobil #kopfzeile {
	height: 95px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-image: url(../pics/kopfzeile.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.mobil #navigation {
	font: 1em Arial, Helvetica, sans-serif;
	height: 23px;
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	background: #E0F5D6;
	text-transform: uppercase;
}

.mobil #navigation a {
	color: #000000;
	text-decoration: none;
	width: 100%;
	/* display: block; */
}

.mobil #navigation .aktiv a {
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	/* display: block; */
}

.mobil #navigation a:hover {
	color: #FFFFFF;
	font-weight: normal;
	background: #000000;
}

.mobil #navigation a:focus, a:active {
	color: #FFFFFF;
	font-weight: normal;
	background: #000000;
}

.mobil #navigation .item {
	float: left;
	padding: 0px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
}

.mobil #navigation .item:hover {
	color: #FFFFFF;
	font-weight: normal;
	background: #000000;
}

.mobil #navigation .aktiv {
	float: left;
	padding: 0px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #000000;
}

.mobil #inhalt {
	margin: 0px;
	/* padding: 20px 20px; */
	padding: 0px;
	padding-top: 20px;
	border: 0px;
	/* border-bottom: 1px dotted #F00; */
}

.mobil #inhalt img {
	margin: 0px;
	margin-right: 15px;
	border: 0px;
	/* display: block; */
}

.mobil #inhalt .bildblock {
	float: left;
	vertical-align: middle;
}

.mobil #inhalt .inhaltsbild {
	float: left;
}

.mobil #inhalt .schwereswort {
	cursor: help;
	border-bottom: 1px dotted #000000;
	color: #336600;
	font-weight: bold;
}

.mobil #inhalt .suchergebnistabelle {
	text-align: left;
	vertical-align: text-top;
	border: 0px;
	padding: 0px;
	margin-left: 10px;
	width: 900px;
}

.mobil #inhalt .suchergebnistabelle th {
	border: 0px;
	padding: 5px;
	margin: 0px;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
}


.mobil #inhalt .suchergebnistabelle td {
	border: 0px;
	padding: 5px;
	margin: 0px;
	background-color: #E0F5D6;
}

.mobil #inhalt .suchergebnistabelle .rotezelle {
	color: #EE0000;
}

.mobil #inhalt #suchformular1 {
	width: 900px;
	margin-top: 50px;
	background-color: #E0F5D6;
	background-image: url(../pics/formular_hintergrund.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

.mobil #inhalt #suchformular2 {
	width: 900px;
	margin-top: 50px;
	background-color: #E0F5D6;
	background-image: url(../pics/formular_hintergrund.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}

.mobil #inhalt #suchbegriff {
	font-size: 1em;
	width: 729px;

	height: 20px;
	border: 1px solid #66CC33;
}

.mobil #inhalt #form1, #form2 {
	margin: 0px;
	margin-left: 120px;
	width: 850px;
	border: 0px;
	background: none;
}

.mobil #inhalt #form3 {
	margin: 0px;
	margin-top: 20px;
	margin-left: 50px;
	margin-bottom: 25px;
	width: 600px;
	border: 0px;
	background: none;
}

.mobil #inhalt #suchformular1 .spalten {
	float:left;
	width: 410px;
}

.mobil #inhalt .textspalten {
	float:left;
	width: 50%;
}

.mobil #inhalt .suchformularbutton {
	font-size: 12pt;
	color: #FFFFFF;
	width: 730px;
	height: 25px;
	margin: 0px;
	margin-left: 0px;
	margin-top: 10px;
	background-color: #66CC33;
	border: 1px solid #000000;
	text-transform: uppercase;
}

.mobil #inhalt .suchcheckbox {
	width: 20px;
	height: 20px;
	border: 1px solid #66CC33;
	background-color: #FFFFFF;
	vertical-align: middle;
}

.mobil #inhalt .anbietername {
	background-color: #000000;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
}

.mobil #inhalt .spaltencontainersuchformular {
	background-color: #E0F5D6;
	clear: both;
}

.mobil #inhalt .spaltencontainer {
	background-color: #E0F5D6;
	overflow: auto;
	clear: both;
}

.mobil #inhalt .spaltelinks {
	width: 300px;
	height: auto;
	padding: 10px;
	float: left;
	background-color: #E0F5D6;
}

.mobil #inhalt .spalterechts {
	margin-left: 325px;
	padding: 10px;
	background-color: #E0F5D6;
	border-left: 2px solid #FFFFFF;
}

.mobil #inhalt .schmaleleerzeile {
	padding: 0px;
	margin: 0px;
	height: 3px;
}

.mobil #inhalt .googlekarte {
	margin: 0px;
	padding: 0px;
	width: 300px;
	height: 300px;
	border: 1px solid #66CC33;
	overflow: hidden;
	display: block;
}

.mobil #inhalt .formularfeld {
	font-size: 1em;
	width: 500px;

	height: 20px;
	border: 1px solid #66CC33;
}

.mobil #inhalt .formularfeldmittel {
	font-size: 1em;
	width: 300px;

	height: 20px;
	border: 1px solid #66CC33;
}

.mobil #inhalt .formularfeldkurz {
	font-size: 1em;
	width: 100px;

	height: 20px;
	border: 1px solid #66CC33;
}

.mobil #inhalt .formulartextarea {
	font: 100.01% Arial, Helvetica, sans-serif;
	width: 500px;
	
	height: 200px;
	border: 1px solid #66CC33;
}

.mobil #inhalt .formulartextareaklein {
	font: 100.01% Arial, Helvetica, sans-serif;
	width: 250px;
	height: 100px;
	border: 1px solid #66CC33;
}

.mobil #inhalt .formularbutton {
	font-size: 12pt;
	color: #FFFFFF;
	width: 500px;
	height: 25px;
	margin: 0px;
	margin-left: 0px;
	margin-top: 10px;
	background-color: #66CC33;
	border: 1px solid #000000;
	text-transform: uppercase;
}

.mobil #inhalt #listeeinfach ul {
	padding: 0px;
	padding-left: 14px;
}

.mobil #inhalt #listeeinfach li {
	list-style: none;
	list-style-position: outside;
	text-indent: -10px;
}

.mobil #inhalt #listeeinfach li:before {
	content: "-";
	font-weight: bold;
	margin: 0px;
	margin-right: 4px;
}

.mobil #inhalt .listeohne ul {
	padding: 0px;
	margin: 0px;
}

.mobil #inhalt .listeohne li {
	list-style: none;
	list-style-position: outside;
	text-indent: -48px;
	padding-left: 20px;
}

.mobil #inhalt .listeohne li:before {
	content: "";
	margin: 0px;
	padding: 0px;
}

.mobil #inhalt .listemiticongross ul {
	padding: 0px;
	margin: 0px;
}

.mobil #inhalt .listemiticongross li {
	list-style: none;
	list-style-position: outside;
	text-indent: 0px;
	margin-left: -30px;
}

.mobil #inhalt .listemiticongross li:before {
	content: "";
	margin: 0px;
	padding: 0px;
}

.mobil #inhalt .budgetbildspalte {
	width: 271px;
	height: 198px;
	margin: 0px;
	padding: 0px;
	display: inline;
	
	clear: left;
}

.mobil #inhalt .budgettextspalte {
	width: 659px;
	height: 198px;
	
	margin: 0px;
	margin-left: -15px;
	margin-bottom: 12px;
	
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	
	float: left;
	
	background-color: #E0F5D6;
}

.mobil #inhalt .budgettextspaltedetail {
	width: 659px;
	height: auto;
	min-height: 198px;
	
	margin: 0px;
	margin-bottom: 12px;
	margin-left: -15px;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	
	float: left;
	
	background-color: #E0F5D6;
}

.mobil #fusszeile {
	font-size: 12px;
	line-height: 1.4em;
	
	width: 950px;
	
	padding: 0px;
	
	margin: 0px;
	margin-top: 40px;
	margin-bottom: 150px;
	
	vertical-align: middle;
	text-align: center;
	
	border: 0px;
	border-top: 1px solid #66CC33;
}

.mobil #fusszeile .logospalten {
	float:left;
	width: 316px;
	padding-left: 0px;
	padding-right: 0px;
}

.mobil #inhalt a:focus, a:active {
	color: #FFFFFF;
	font-weight: bold;
	background: #000000;
}

.mittig {
	vertical-align: middle;
}

.linksbuendig {
	text-align: left;
}

.rechtsbuendig {
	text-align: right;
}

.mobil #fusszeile .zentrieren {
	text-align: center;
}

.linie {
	border: 0px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #66CC33;
}

.linietrenner {
	border: 0px;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	border-bottom: 1px solid #66CC33;
}

.gruenerfond {
	padding: 20px;
	background-color: #E0F5D6;
}

.dunkelgruenerfond {
	padding: 20px;
	background-color: #66CC33;
}

.unsichtbar {
	position: absolute;
	left: -3000px;
	top: -2000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

.textblockmitabstand {
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
}

.schmal {
	height: 10px;
}

.achtung_rahmen {
	border: 1px dotted #FF0000;
	background-color: #FFDDDD;
}