@charset "UTF-8";
/* CSS Document */

/* Inhalt ---------------------------------------------------*/

/* 1. Fonts ---------------------------------------------------*/
	/* 1.1. Buttons Anfang ------------------------------------------------------------------ */
/* 2. Header --------------------------------------------------- */
	/* 2.1  Header Formular --------------------------------------------------- */
/* 3. Content ----------------------------------------------------------------- */
	/* 3.1  Content Index Anfang --------------------------------------------------- */
	/* 3.2  Content Formular Ende --------------------------------------------------- */
	/* 3.3  Content Trefferliste Anfang --------------------------------------------------- */
	/* 3.4  Content Expose Ende --------------------------------------------------- */
	/* 3.5  Content Kartensuche Anfang --------------------------------------------------- */
/* 4. Footer ------------------------------------------------------------------ */
	
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 0px;
	background-image: url(bilder/bg_header.jpg);
	background-size: auto;
	-moz-background-size: contain;
	-webkit-background-size:contain;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top;
	}

.body-druckversion {
	background-image: url(bilder/bg_druckversion.jpg);
	background-repeat: repeat;
	}
	

/* 1. Fonts ---------------------------------------------------*/

a:link {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	text-decoration: none;
	font-weight:bold;
	color: #c0c0bd; /* mittelgrau */
	}

a:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	text-decoration: none;
	font-weight:bold;
	color: #c0c0bd; /* mittelgrau */
	}

a:visited {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	text-decoration: none;
	font-weight:bold;
	color: #c0c0bd; /* mittelgrau */
	}

a:active {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	text-decoration: none;
	font-weight:bold;
	color: #c0c0bd; /* mittelgrau */
	}

a.Dokument_link:link {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color:#656662;  /* dunkelgrau */
	}

a.Dokument_link:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: underline;
	color:#656662;  /* dunkelgrau */
	}

a.Dokument_link:active {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	text-decoration: none;
	font-weight: normal;
	color:#656662;  /* dunkelgrau */
	}

a.Dokument_link:visited {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	text-decoration: none;
	font-weight: normal;
	color:#656662;  /* dunkelgrau */
	}

td.DocumentCol {
	border-top-width: 1px;
	border-top-color: #000000;
	border-top-style: solid;
}
	
a.mainmenue:link {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	text-decoration: none;
	font-weight:bold;
	color: #fff; 
	}

a.mainmenue:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	text-decoration: none;
	font-weight:bold;
	color: #fff; 
	}

a.mainmenue:active {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	text-decoration: none;
	font-weight:bold;
	color: #fff; 
	}

a.mainmenue:visited {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	text-decoration: none;
	font-weight:bold;
	color: #fff; 
	}


a.headerformular_link:link {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color:#656662;  /* dunkelgrau */
	}

a.headerformular_link:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: underline;
	color:#656662;  /* dunkelgrau */
	}

a.headerformular_link:active {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	text-decoration: none;
	font-weight: normal;
	color:#656662;  /* dunkelgrau */
	}

a.headerformular_link:visited {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	text-decoration: none;
	font-weight: normal;
	color:#656662;  /* dunkelgrau */
	}

a.breadcrumb:link {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #c0c0bd; /* mittelgrau */

	float:left;
	margin: 5px 30px 0px 0px;
	}

a.breadcrumb:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
	color: #c0c0bd; /* mittelgrau */
	
	float:left;
	margin: 5px 30px 0px 0px;
	}

a.breadcrumb:active {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #c0c0bd; /* mittelgrau */
	
	float:left;
	margin: 5px 30px 0px 0px;
	}

a.breadcrumb:this {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #c0c0bd; /* mittelgrau */
	
	float:left;
	margin: 5px 30px 0px 0px;
	}

a.breadcrumb:visited {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #c0c0bd; /* mittelgrau */

	float:left;
	margin: 5px 30px 0px 0px;
	}


/* verwendet in Fließtexten */

a.content-link:link {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #bcd800; /* HKS 67 */
	}

a.content-link:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	color: #9eba00; /* schlammgrün */
	}

a.content-link:active {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color:#bcd800; /* HKS 67 */
	}

a.content-link:this {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color:#bcd800; /* HKS 67 */
	}

a.content-link:visited {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #bcd800; /* HKS 67 */
	}


/* verwendet in Pressearchiv */

a.content-link-grau:link {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #656662;  /* dunkelgrau */
	}

a.content-link-grau:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
	color: #656662;  /* dunkelgrau */
	}

a.content-link-grau:active {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color:#656662;  /* dunkelgrau */
	}

a.content-link-grau:this {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color:#656662;  /* dunkelgrau */
	}

a.content-link-grau:visited {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #656662;  /* dunkelgrau */
	}

/* verwendet in Kartensuche */

a.content-link-weiss:link {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #fff; 
	}

a.content-link-weiss:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	color: #9eba00; /* schlammgrün */
	}

a.content-link-weiss:active {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #fff; 
	}

a.content-link-weiss:this {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #fff; 
	}

a.content-link-weiss:visited {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #fff; 
	}


a.footer:link {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #ebf69c; /* helles zitronengrün */
	}

a.footer:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
	color: #fff;  
	}

a.footer:active {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #ebf69c; /* helles zitronengrün */
	}

a.footer:this {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #ebf69c; /* helles zitronengrün */
	}

a.footer:visited {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #ebf69c; /* helles zitronengrün */
	}

/* 1.1. Buttons Anfang ------------------------------------------------------------------ */

/* verwendet in index Einstieg Mietangebote "Alle Angebote anzeigen" */

a.button-orange:link {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;

	background-color: #fa9a04; /* orange */
	text-align: center; 
	padding: 10px 20px 10px 20px; 
	overflow:hidden;
	margin-bottom:50px;

	-moz-border-radius: 3px 3px 15px 15px; /* Firefox */
	-webkit-border-radius: 3px 3px 15px 15px; /* Chrome, Safari */
	-khtml-border-radius: 3px 3px 15px 15px; /* Konqueror */
	border-radius: 3px 3px 15px 15px; /* CSS3*/
	behavior: url(../border-radius.htc); /* Internet Explorer */

	-webkit-transition: background-color 0.3s ease 0.5ms;
	-moz-transition: background-color 0.3s ease 0.5ms;
	-ms-transition: background-color 0.3s ease 0.5ms;
	-o-transition: background-color 0.3s ease 0.5ms;
	transition: background-color 0.3s ease 0.5ms;
	}


a.button-orange:hover {
	background-color: #003a00; /* HKS 81 */
	text-decoration: none;
	}
	
a.button-orange:this {
	background-color: #003a00; /* HKS 81 */
	text-decoration: none;
	color: #fff;
	}

a.button-orange:visited {
	text-decoration: none;
	color: #fff;
	}

/* verwendet in index Einstieg Mietangebote "Alle Angebote anzeigen" */

a.button-gruen:link {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;

	background-color: #9eba00; /* schlammgrün */
	text-align: center; 
	padding: 10px 20px 10px 20px; 
	overflow:hidden;
	margin-bottom:50px;

	-moz-border-radius: 3px 3px 15px 15px; /* Firefox */
	-webkit-border-radius: 3px 3px 15px 15px; /* Chrome, Safari */
	-khtml-border-radius: 3px 3px 15px 15px; /* Konqueror */
	border-radius: 3px 3px 15px 15px; /* CSS3*/
	behavior: url(../border-radius.htc); /* Internet Explorer */

	-webkit-transition: background-color 0.3s ease 0.5ms;
	-moz-transition: background-color 0.3s ease 0.5ms;
	-ms-transition: background-color 0.3s ease 0.5ms;
	-o-transition: background-color 0.3s ease 0.5ms;
	transition: background-color 0.3s ease 0.5ms;
	}


a.button-gruen:hover {
	background-color: #003a00; /* HKS 81 */
	text-decoration: none;
	color: #fff;
	}

a.button-gruen:this {
	background-color: #9eba00; /* schlammgrün */
	text-decoration: none;
	color: #fff;
	}


a.button-gruen:active {
	background-color: #9eba00; /* schlammgrün */
	text-decoration: none;
	color: #fff;
	}
	
	
a.button-gruen:visited {
	text-decoration: none;
	color: #fff;
	}
	
	
.stretch-button-gruen {
	background-color: #94a904; /* schlammgrün mittel*/
	padding: 5px 10px 5px 10px; 
	margin: 5px 0px 5px 0px;
	color:#ddf441; /* zitronengrün */
	font-weight:bold;
	text-align: center;
	-moz-border-radius: 3px 3px 15px 15px; /* Firefox */
	-webkit-border-radius: 3px 3px 15px 15px; /* Chrome, Safari */
	-khtml-border-radius: 3px 3px 15px 15px; /* Konqueror */
	border-radius: 3px 3px 15px 15px; /* CSS3 */
	behavior: url(../border-radius.htc); /* Internet Explorer */
	-webkit-transition: all 0.5s ease 0.5ms;
	-moz-transition: all 0.5s ease 0.5ms;
	-ms-transition: all 0.5s ease 0.5ms;
	-o-transition: all 0.5s ease 0.5ms;
	transition: all 0.5s ease 0.5ms;
	}

.stretch-button-gruen:hover {
	background-color: #003a00; /* HKS 81 */
	}


.stretch-button-gruen2 {
	background-color: #94a904; /* schlammgrün mittel*/
	padding: 3px 20px 3px 20px;
	padding: 5px 10px 5px 10px; 
	color:#ddf441; /* zitronengrün */
	font-weight:bold;
	text-align: center;
	-moz-border-radius: 3px 3px 15px 15px; /* Firefox */
	-webkit-border-radius: 3px 3px 15px 15px; /* Chrome, Safari */
	-khtml-border-radius: 3px 3px 15px 15px; /* Konqueror */
	border-radius: 3px 3px 15px 15px; /* CSS3 */
	behavior: url(../border-radius.htc); /* Internet Explorer */
	-webkit-transition: all 0.5s ease 0.5ms;
	-moz-transition: all 0.5s ease 0.5ms;
	-ms-transition: all 0.5s ease 0.5ms;
	-o-transition: all 0.5s ease 0.5ms;
	transition: all 0.5s ease 0.5ms;
	}

.stretch-button-gruen2:hover {
	background-color: #bcd800; /* HKS 67 */
	}


.stretch-button-dunkelgruen {
	background-color: #003a00;/* HKS 81 */
	padding: 5px 10px 5px 10px; 
	margin: 5px 0px 5px 0px;
	color:#ddf441; /* zitronengrün */
	font-weight:bold;
	text-align: center;
	-moz-border-radius: 3px 3px 15px 15px; /* Firefox */
	-webkit-border-radius: 3px 3px 15px 15px; /* Chrome, Safari */
	-khtml-border-radius: 3px 3px 15px 15px; /* Konqueror */
	border-radius: 3px 3px 15px 15px; /* CSS3 */
	behavior: url(../border-radius.htc); /* Internet Explorer */
	-webkit-transition: all 0.5s ease 0.5ms;
	-moz-transition: all 0.5s ease 0.5ms;
	-ms-transition: all 0.5s ease 0.5ms;
	-o-transition: all 0.5s ease 0.5ms;
	transition: all 0.5s ease 0.5ms;
	}

.stretch-button-dunkelgruen:hover {
	background-color: #fa9a04; /* orange */
	}


.stretch-button-orange {
	background-color:#fa9a04; /* orange */
	margin: 30px 0px 0px 0px ; 
	padding: 5px 10px 5px 10px; 
	overflow:hidden;
	font-size: 15px;
	font-weight:bold;
	text-align:center;
	color:#fff; 
	
	-moz-border-radius: 3px 3px 15px 15px; /* Firefox */
	-webkit-border-radius: 3px 3px 15px 15px; /* Chrome, Safari */
	-khtml-border-radius: 3px 3px 15px 15px; /* Konqueror */
	border-radius: 3px 3px 15px 15px; /* CSS3 */
	behavior: url(../border-radius.htc); /* Internet Explorer */
	-webkit-transition: background-color 0.3s ease 0.5ms;
	-moz-transition: background-color 0.3s ease 0.5ms;
	-ms-transition: background-color 0.3s ease 0.5ms;
	-o-transition: background-color 0.3s ease 0.5ms;
	transition: background-color 0.3s ease 0.5ms;	
	}
	
.stretch-button-orange:hover {
	background-color: #003a00; /* HKS 81 */
	font-weight:bold;
	color:#fff; 
	}
	
.stretch-button-rot {
	background-color: #C00; /* rot */
	margin: 30px 0px 0px 0px ; 
	padding: 30px 30px 10px 30px; 
	overflow:hidden;
	font-size: 15px;
	font-weight:bold;
	text-align:center;
	color:#fff; 
	
	-moz-border-radius: 3px 3px 20px 20px; /* Firefox */
	-webkit-border-radius: 3px 3px 20px 20px; /* Chrome, Safari */
	-khtml-border-radius: 3px 3px 20px 20px; /* Konqueror */
	border-radius: 3px 3px 20px 20px; /* CSS3 */
	behavior: url(../border-radius.htc); /* Internet Explorer */
	-webkit-transition: background-color 0.3s ease 0.5ms;
	-moz-transition: background-color 0.3s ease 0.5ms;
	-ms-transition: background-color 0.3s ease 0.5ms;
	-o-transition: background-color 0.3s ease 0.5ms;
	transition: background-color 0.3s ease 0.5ms;	
	}
	
.stretch-button-rot:hover {
	background-color: #003a00; /* HKS 81 */
	font-weight:bold;
	color:#fff; 
	}	

/* verwendet in Footer Anker */

a.button-seitenanfang:link {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	color: #fff;

	background-color: #3c3d3a; 
	text-align: center; 
	padding: 0px 10px 0px 10px; 
	overflow:hidden;
	width:50px;
	float:right;
	margin-bottom:50px;

	-moz-border-radius: 3px 3px 15px 15px; /* Firefox */
	-webkit-border-radius: 3px 3px 15px 15px; /* Chrome, Safari */
	-khtml-border-radius: 3px 3px 15px 15px; /* Konqueror */
	border-radius: 3px 3px 15px 15px; /* CSS3*/
	behavior: url(../border-radius.htc); /* Internet Explorer */

	-webkit-transition: background-color 0.3s ease 0.5ms;
	-moz-transition: background-color 0.3s ease 0.5ms;
	-ms-transition: background-color 0.3s ease 0.5ms;
	-o-transition: background-color 0.3s ease 0.5ms;
	transition: background-color 0.3s ease 0.5ms;
	}


a.button-seitenanfang:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	background-color: #bcd800; /* HKS 67 */
	}

/* verwendet in Buttons Trefferliste */

a.mietangebot:link {
	color:#ddf441; /* zitronengrün */
	line-height: 27px;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	outline:medium none;
	}

a.mietangebot:hover {
	color:#ddf441; /* zitronengrün */
	line-height: 27px;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	}

a.mietangebot:visited {
	color:#ddf441; /* zitronengrün */
	line-height: 27px;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	}


/* 1.1. Buttons Ende ------------------------------------------------------------------ */


h1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 42px;
	font-weight: normal;
	color: #656662;  /* dunkelgrau */
	line-height: 48px;
	margin: 20px 5px 20px 3px;
	overflow: visible;
	}

/* verwendet in Subheadlines */
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #656662;  /* dunkelgrau */
	line-height: 40px;
	font-weight: normal;
	margin-left: 3px;
	}


/* verwendet in orangefarbenen Subheadlines */
h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #fa9a04; /* orange */
	line-height: 40px;
	font-weight: normal; 
	margin-left:3px;
	}


/* verwendet in Slider Index "Aktionsangebote" */
h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px; 
	font-weight: normal; 
	color: #656662;  /* dunkelgrau */
	line-height: 25px;
	margin-left:3px;
	}

	
h5 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px; 
	color: #656662;  /* dunkelgrau */
	line-height: 25px;
	font-weight: normal; 
	margin-left:3px;
	}


/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */
@media only screen and (min-width: 281px) {
h1 {
	font-size: 30px;
	line-height: 10x;
	margin: 0px 5px 20px 3px;
	}

h2 {
	font-size: 20px;
	line-height: 22px;
	}

h3 {
	font-size: 18px;
	line-height: 20px;
	}

}	

/* Desktoplayout: 769 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */
@media only screen and (min-width: 769px) {
h1 {
	font-size: 42px;
	margin: 20px 5px 20px 3px;
	}


h2 {
	font-size: 30px; 
	line-height: 40px;
	}


h3 {
	font-size: 30px;
	line-height: 40px;
	}

}


.font-miete {
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	line-height: 30px;
	white-space: nowrap;
	color:#fa9a04; /* orange */
	}

.font-fussnote {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color:#656662;  /* dunkelgrau */
	}

/* 1. Fonts Ende ------------------------------------------------------------------ */


/* 2. Header --------------------------------------------------- */


.vorgemerkt-icon {
  font-size: 25px;
	}


.sprachumschalter {
	float:right;
	margin: 4px 0px 0px 10px;
	}


.flagge {
	opacity: 1.0;

	-webkit-transition: opacity 0.3s ease 0.5ms;
	-moz-transition: opacity 0.3s ease 0.5ms;
	-ms-transition: opacity 0.3s ease 0.5ms;
	-o-transition: opacity 0.3s ease 0.5ms;
	transition: opacity 0.3s ease 0.5ms;
	}

.flagge:hover {
	opacity: 0.7;
	}
 

.navi {
	margin-top: 10px;
	}


	/* 2.1  Header Formular --------------------------------------------------- */

.header-formular-headline {
	background-color: #656662;  /* dunkelgrau */
	font-size: 20px;
	color: #FFF;
	padding:10px;

	-webkit-transition: all 1.0s ease 1.0ms;
	-moz-transition: all 1.0s ease 1.0ms;
	-ms-transition: all 1.0s ease 1.0ms;
	-o-transition: all 1.0s ease 1.0ms;
	transition: all 1.0s ease 1.0ms;


	}

.header-formular-headline:hover {
	background-color: #003a00; /* HKS 81 */
	}


.header-formular {
	padding:10px;
	}

.header-formularlabel-container {
	width: 40%;
	margin-right:1%;
	float:left;
	overflow:hidden;
	}

.header-besondere-ausstattung-checkbox {
	width: 5%;
	margin-right:1%;
	margin-bottom:10px;
	line-height:30px;
	float:left;
	overflow:hidden;
	}

.header-besondere-ausstattung-label {
	width: 43%;
	margin-right:1%;
	margin-bottom:10px;
	line-height:30px;
	float:left;
	overflow:hidden;
	}

.header-formularfelder {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border:0; 
	color: #656662;  /* dunkelgrau */
	font-weight:normal;
	width: 59%;
	padding:2px;
	margin:2px 0px 2px 0px;
	}


.header-formularfelder-kurz {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border:0; 
	color: #656662;  /* dunkelgrau */
	font-weight:normal;
	width: 21%;
	padding:2px;
	margin:2px 0px 2px 0px;
	}

.header-optionsfelder {
	border:0; 
	color: #656662;  /* dunkelgrau */
	font-weight:normal;
	padding:5px;
	margin-right:0px;
	}


.header-suchen {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #fa9a04; /* orange */
	border: 0;
	color: #fff;
	font-size:15px;
	font-weight: bold;
	width: 100%;
	padding: 8px;

	-moz-border-radius: 0px 0px 15px 15px; /* Firefox */
	-webkit-border-radius: 0px 0px 15px 15px; /* Chrome, Safari */
	-khtml-border-radius: 0px 0px 15px 15px; /* Konqueror */
	border-radius: 0px 0px 15px 15px; /* CSS3 */
	behavior: url(../border-radius.htc); /* Internet Explorer */
	
	
	-webkit-transition: background-color 0.3s ease 0.5ms;
	-moz-transition: background-color 0.3s ease 0.5ms;
	-ms-transition: background-color 0.3s ease 0.5ms;
	-o-transition: background-color 0.3s ease 0.5ms;
	transition: background-color 0.3s ease 0.5ms;
	}
	
.header-suchen:hover {
	background-color: #003a00; /* HKS 81 */
	}


.header-verfeinern {
	background-color: #656662;  /* dunkelgrau */
	border: 0;
	color: #fff;
	font-weight: normal;
	text-align:center;
	width: 96%;
	padding: 8px;
	-webkit-transition: background-color 0.3s ease 0.5ms;
	-moz-transition: background-color 0.3s ease 0.5ms;
	-ms-transition: background-color 0.3s ease 0.5ms;
	-o-transition: background-color 0.3s ease 0.5ms;
	transition: background-color 0.3s ease 0.5ms;
	}
	
.header-verfeinern:hover {
	background-color: #003a00; /* HKS 81 */
	}


.header-linkcontainer-kartensuche {
	width: 45%;
	margin:5px 5px 0px 0;
	float:left;
	white-space: nowrap;
	}
	
.header-linkcontainer-wunschwohnung {
	width: 53%;
	margin:5px 0px 0px 0;
	float:left;
	white-space: nowrap;
	}

	/* 2.1  Header Formular Ende --------------------------------------------------- */


/* 2. Header Ende ------------------------------------------------------------------ */

/* 3. Content ----------------------------------------------------------------- */
#content {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	color: #656662;  /* dunkelgrau */
	line-height: 30px;
	padding:30px 0px 30px 0px;
	}

.content-zweispaltig-container {
	padding:5px;
	overflow: hidden;
	}

.font-orange {
	font-size: 15px;
	color: #fa9a04; /* orange */
	font-weight: bold;
	}

.content-liste {
	list-style-type:none;
	}

.bild-hover {
	opacity:1.0;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.2),0px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2),0px 1px 2px rgba(0,0,0,0.2);
	box-shadow:0 0 5px rgba(0,0,0,0.2),0px 1px 2px rgba(0,0,0,0.2);
	}

.bild-hover:hover {
	opacity:0.7;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.2),0px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2),0px 1px 2px rgba(0,0,0,0.2);
	box-shadow:0 0 5px rgba(0,0,0,0.2),0px 1px 2px rgba(0,0,0,0.2);
	}


.bild-hover-ohne-schatten {
	opacity:1.0;
	}

.bild-hover-ohne-schatten:hover {
	opacity:0.7;
	}


.bild-gedreht {
	transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	}

	/* 3.1  Content Index Anfang --------------------------------------------------- */
	
	#content-grau-index {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	color: #656662;  /* dunkelgrau */
	line-height: 30px;
	background-color: #eaeae4; /* hellgrau */
	padding:30px 0px 30px 0px;
	}
	
	#aktion11prozent-index {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	color: #fff;  
	height: auto;
	background-image: url(bilder/bg_aktion11prozent.jpg);
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: top;
	line-height: 30px;
	padding:30px 0px 30px 0px;
	}
	
.für-jeden-das-passende-index-textcontainer {
	height: 40px;
	line-height: 20px;
	margin:0;
	}
	

	
	
.für-jeden-das-passende-index-button {
	background-color:#9eba00; /* schlammgrün */
	margin: 30px 25% 0px 25%; 
	padding: 0px 10px 0px 10px; 
	overflow:hidden;
	font-size: 15px;
	font-weight:bold;
	color:#fff;
	
	-moz-border-radius: 3px 3px 15px 15px; /* Firefox */
	-webkit-border-radius: 3px 3px 15px 15px; /* Chrome, Safari */
	-khtml-border-radius: 3px 3px 15px 15px; /* Konqueror */
	border-radius: 3px 3px 15px 15px; /* CSS3 */
	behavior: url(../border-radius.htc); /* Internet Explorer */
	-webkit-transition: background-color 0.3s ease 0.5ms;
	-moz-transition: background-color 0.3s ease 0.5ms;
	-ms-transition: background-color 0.3s ease 0.5ms;
	-o-transition: background-color 0.3s ease 0.5ms;
	transition: background-color 0.3s ease 0.5ms;	
	}
	
.für-jeden-das-passende-index-button:hover {
	background-color: #003a00; /* HKS 81 */
	font-weight:bold;
	color:#fff;
	}
	

	/* 3.1  Content Index Ende --------------------------------------------------- */
	

	/* 3.2  Content Formular Anfang --------------------------------------------------- */

.content-formularlabel-container {
	line-height:20px;
	font-size:14px;
	width: 30%;
	margin-right:1%;
	float:left;
	overflow:hidden;
	}

.content-besondere-ausstattung-checkbox {
	width: 5%;
	margin-right:1%;
	margin-bottom:10px;
	line-height:30px;
	float:left;
	overflow:hidden;
	}

.content-besondere-ausstattung-label {
	font-size:14px;
	width: 43%;
	margin-right:1%;
	margin-bottom:10px;
	line-height:30px;
	float:left;
	overflow:hidden;

	}

.content-formularfelder {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	border:0; 
	color: #656662;  /* dunkelgrau */
	font-weight:normal;
	width: 63%;
	padding:5px;
	}

.content-formularfelder-kurz {
	border:0; 
	font-size:14px;
	color: #656662;  /* dunkelgrau */
	font-weight:normal;
	width: 21%;
	padding:15px 5px 8px 5px;
	margin-right:0px;
	}

.content-formularfelder-kurz2 {
	border:0; 
	font-size:14px;
	color: #656662;  /* dunkelgrau */
	font-weight:normal;
	width: 30%;
	padding:5px;
	margin-right:0px;
	}

.content-formularfelder-kurz3 {
	border:0; 
	font-size:14px;
	color: #656662;  /* dunkelgrau */
	font-weight:normal;
	width: 15%;
	padding:15px 5px 8px 5px;
	margin-right:0px;
	}

.content-optionsfelder {
	border:0; 
	color: #656662;  /* dunkelgrau */
	font-weight:normal;
	padding:5px;
	margin-right:0px;
	}

.content-suchen {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #fa9a04; /* orange */
	border: 0;
	color: #fff;
	font-size:17px;
	font-weight: bold;
	width: 100%;
	padding: 8px;
	
	-moz-border-radius: 3px 3px 15px 15px; /* Firefox */
	-webkit-border-radius: 3px 3px 15px 15px; /* Chrome, Safari */
	-khtml-border-radius: 3px 3px 15px 15px; /* Konqueror */
	border-radius: 3px 3px 15px 15px; /* CSS3 */
	behavior: url(../border-radius.htc); /* Internet Explorer */

	-webkit-transition: background-color 0.3s ease 0.5ms;
	-moz-transition: background-color 0.3s ease 0.5ms;
	-ms-transition: background-color 0.3s ease 0.5ms;
	-o-transition: background-color 0.3s ease 0.5ms;
	transition: background-color 0.3s ease 0.5ms;
	}
	
.content-suchen:hover {
	background-color: #003a00; /* HKS 81 */
	}
	

	/* 3.2  Content Formular Ende --------------------------------------------------- */
	
	/* 3.3  Content Trefferliste Anfang --------------------------------------------------- */


.trefferliste-kopf-container {
	overflow:auto;
	margin-bottom:30px;
	}

.trefferliste-vor-zurueck-container {
	overflow:auto;
	}

.trefferliste-vor-zurueck {
	color:#656662;  /* dunkelgrau */
	line-height: 27px;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;

	background-color: #fff;  
	text-align: center;
	white-space: nowrap;
	float: right;
	margin: 0px 0px 10px 5px;
	padding: 0px 15px 0px 15px;
	overflow: hidden;
	-moz-border-radius: 3px 3px 3px 3px; /* Firefox */
	-webkit-border-radius: 3px 3px 3px 3px; /* Chrome, Safari */
	-khtml-border-radius: 3px 3px 3px 3px; /* Konqueror */
	border-radius: 3px 3px 3px 3px; /* CSS3 */
	behavior: url(../border-radius.htc); /* Internet Explorer */
	-webkit-transition: all 0.3s ease 0.5ms;
	-moz-transition: all 0.3s ease 0.5ms;
	-ms-transition: all 0.3s ease 0.5ms;
	-o-transition: all 0.3s ease 0.5ms;
	transition: all 0.3s ease 0.5ms;
	border: 1px solid #eaeae4; /* hellgrau */
	}

.trefferliste-vor-zurueck:hover {
	line-height: 27px;
	font-size: 15px;
	font-weight: bold;
	background-color: #bcd800; /* HKS 67 */
	border: 1px solid #eaeae4; /* hellgrau */
	color:#FFF;
	}
	
.trefferliste-vor-zurueck-on {
	line-height: 27px;
	font-size: 15px;
	font-weight: bold;

	background-color: #94a904; /* schlammgrün mittel*/
	color:#FFF;
	text-align:center;
	white-space:nowrap;
	float:right;
	margin:0px 0px 10px 5px;
	padding: 0px 15px 0px 15px;
	overflow:hidden;
	-moz-border-radius: 3px 3px 3px 3px; /* Firefox */
	-webkit-border-radius: 3px 3px 3px 3px; /* Chrome, Safari */
	-khtml-border-radius: 3px 3px 3px 3px; /* Konqueror */
	border-radius: 3px 3px 3px 3px; /* CSS3 */
	behavior: url(../border-radius.htc); /* Internet Explorer */
	-webkit-transition: all 0.1s ease 0.1ms;
	-moz-transition: all 0.1s ease 0.1ms;
	-ms-transition: all 0.1s ease 0.1ms;
	-o-transition: all 0.1s ease 0.1ms;
	transition: all 0.1s ease 0.1ms;
	border: 1px solid #eaeae4; /* hellgrau */
	}

.trefferliste-vor-zurueck-on:hover {
	background-color: #ebf69c; /* helles zitronengrün */
	border: 1px solid #eaeae4; /* hellgrau */
	}

/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */
@media only screen and (min-width: 281px) {

.trefferliste-vor-zurueck {
	font-size: 12px;
	padding: 0px 10px 0px 10px;
	}

.trefferliste-vor-zurueck:hover {
	font-size: 12px;
	padding: 0px 10px 0px 10px;
	}

.trefferliste-vor-zurueck-on {
	font-size: 12px;
	padding: 0px 10px 0px 10px;
	}

}	

/* Desktoplayout: 769 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */
@media only screen and (min-width: 769px) {

.trefferliste-vor-zurueck {
	font-size: 15px;
	padding: 0px 15px 0px 15px;
	}

.trefferliste-vor-zurueck:hover {
	font-size: 15px;
	padding: 0px 15px 0px 15px;
	}

.trefferliste-vor-zurueck-on {
	font-size: 15px;
	padding: 0px 15px 0px 15px;
	}

}


.trefferliste-container {
	background-color: #ebf69c; /* helles zitronengrün */
	padding:5x;
	margin-bottom:10px;
	overflow:auto;
	line-height: 20px;
	}


.trefferliste-weitere-info-container {
	background-color:#ddf441; /* zitronengrün */
	padding:5px;
	overflow: hidden;
	}


.trefferliste-weitere-info-headline{ 
	background-color: #9eba00; /* schlammgrün */
	color:#FFF;
	font-weight:bold;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	cursor: pointer;
	-webkit-transition: all 0.5s ease 1.5ms;
	-moz-transition: all 0.5s ease 1.5ms;
	-ms-transition: all 0.5s ease 1.5ms;
	-o-transition: all 0.5s ease 1.5ms;
	transition: all 0.5s ease 1.5ms;
	}

.trefferliste-weitere-info-headline:hover {
	background-color: #fa9a04; /* orange */
	color:#FFF;
	}
	
	
.trefferliste-weitere-info-headline_gewerbe{ 
	background-color:#9eba00; /* schlammgrün */
	color:#FFF;
	font-weight:bold;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	cursor: auto;
	}
	
	
.trefferliste-weitere-info-headline_gewerbe:hover {
	background-color: #9eba00; /* schlammgrün */
	color:#FFF;
	}
	
		/* 3.3  Content Trefferliste Ende --------------------------------------------------- */

	/* 3.4  Content Expose Anfang --------------------------------------------------- */
	


.expose-headline{ 
	background-color: #eaeae4; /* hellgrau */
	
	border: 1px solid #fff; 
	color:#656662;  /* dunkelgrau */
	font-weight:bold;
	padding: 8px;
	margin: 0px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease 0.5ms;
	-moz-transition: all 0.3s ease 0.5ms;
	-ms-transition: all 0.3s ease 0.5ms;
	-o-transition: all 0.3s ease 0.5ms;
	transition: all 0.3s ease 0.5ms;
	}

.expose-headline:hover {
	background-color: #c0c0bd; /* mittelgrau */
	color:#FFF;
	}

.expose-accordion-container {
	background-color:#fff; 
	border: 1px solid #eaeae4; /* hellgrau */
	padding:15px 5px 5px 5px;
	overflow: hidden;
	}
	
	/* 3.4  Content Expose Ende --------------------------------------------------- */

	/* 3.5  Content Kartensuche Anfang --------------------------------------------------- */

.content-kartensuche-liste {
	margin: 3px;	
	padding: 10px;	
	float: left;
	width:70%;
	text-align:left;
	line-height:21px;
	font-weight:bold;
	background-color: #9eba00; /* schlammgrün */
	max-height: 25px;
	overflow: hidden;
	color:#FFF;

	-moz-border-radius: 3px 3px 15px 15px; /* Firefox */
	-webkit-border-radius: 3px 3px 15px 15px; /* Chrome, Safari */
	-khtml-border-radius: 3px 3px 15px 15px; /* Konqueror */
	border-radius: 3px 3px 15px 15px; /* CSS3*/
	behavior: url(../border-radius.htc); /* Internet Explorer */

	-webkit-transition: all 1.5s ease 1.5ms;
	-moz-transition: all 1.5s ease 1.5ms;
	-ms-transition: all 1.5s ease 1.5ms;
	-o-transition: all 1.5s ease 1.5ms;
	transition: all 1.5s ease 1.5ms;
}


.content-kartensuche-liste:hover {
	max-height: 1000px;
	background-color: #003a00; /* HKS 81 */
	cursor: pointer;
}


.imagemap {
	background-color:#9eba00; /* schlammgrün */
	max-width: 100%;
	height: auto;
}


	/* 3.5  Content Kartensuche Ende --------------------------------------------------- */


	


/* 3. Content Ende ------------------------------------------------------------------ */

/* 4. Footer ------------------------------------------------------------------ */

#footer {
	background-color: #656662;  /* dunkelgrau */
	color: #c0c0bd; /* mittelgrau */
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	line-height:20px;
	}

.footer-h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFF;
	font-size:20px;
	line-height:20px;
	}
	
#hoch {
	background-color: #656662;  /* dunkelgrau */
	color: #FFF;
	}
	
/* 4. Footer Ende ------------------------------------------------------------------ */




.Menu1 {
	background: #CC8888; 
	}

.Menu2 {
	background: #CC88CC; 
	}

.Menu3 {
	background: #8888CC; 
	}

.Menu4 {
	background: #88CCCC; 
	}
.Menu5 {
	background: #555588; 
	}
.Menu999999 {
	background: #5555FF; 
	}