/*
----------Inhalt------------------------------
1. Infos zu Standards
2. Allgemeine Festlegungen
3. Äußeres DIV der Seite
4. Seitenbereich top
5. Seitenbereich left
6. Content
	6.1. Content Allgemein
	6.2. Content Home
	6.3. Content Objektseiten
		6.3.1. Content Objektseite Expose	
			6.3.1.1. Content Objektseite Expose Bilder
			6.3.1.2. Content Objektseite Expose Eckdaten
			6.3.1.3. Content Objektseite Expose links
			6.3.1.4. Content Objektseite Expose Beschreibung
			6.3.1.5. Content Objektseite Expose Weitere Info
		6.3.2. Content Objektseite Listenansicht
	6.4. Content Popup normal
	6.5. Content Popup Bildergalerie
	6.6. Content Textseiten
	6.7. Content Formulare allgemein
		6.7.1 Content Direkte Immoanfrage
	6.8. Content Kontaktformular
		6.8.1. Content Formular Zusätze Suchanfrage
	6.9. Content Popup Seite weiterempfehlen
	6.10. Content Formular Immobiliensuche
	6.11. Content Impressum
	6.12. Content Linkseite
	6.13. Detailansicht Regionskarte - eingeblendete Ebene
	6.14. Blog
	6.15. Tabellen
7. Seitenbereich rechts mit Boxdefinition
8. Seitenabschluss
*/
/*
---------- 1. Infos zu Standards ------------------------------
wichtige Farben: 
	Schrift Fliesstext = #575553
	grün = #5DA526
	beige = #F1F0C2
	grau für Linien = #727272
*//*
---------- Fuer die Druckausgabe ueberfluessiges abschalten ------------------------------
*/
div#top,
div#left,
div#right,
div#footer,
div#exposedatenlinks,
div#popuptop,
p#popupfooter,
div#popupfooterleft, 
div#popupfooterright,
div#popupgaleriefooterright,
div#exposebilder div#vorschaubilder p.leaf { 
display: none; 
}
/*
---------- 2. Allgemeine Festlegungen ------------------------------
*/
body, 
input, 
select, 
textarea {	
font: 12px/16px Arial, Helvetica, sans-serif; 
color: #000;
margin: 0px; 
padding: 0px;
}
body {	
background: none;
}
div, 
p,
dl,
dl dt,
dl dd {
margin: 0px;
padding: 0px;
}
img, 
table { 
border: 0px; 
}	
a {
color: #000;
text-decoration:underline; 
}
a:hover { 
text-decoration: none; 
}
.klammer,
a.klammer, 
a:hover.klammer {
display: none;
color: #5DA526;
text-decoration: none; 
padding: 0px 2px 0px 2px;
}
ul, 
li {
list-style-type: none;
margin: 0px;
padding: 0px;
}
ul.listenormal {
padding: 8px 0px 8px 16px;
margin-left: 16px;
list-style-position: outside;
list-style-image: url(../images/liste-quadrat.gif); 
}
ul.listenormal li {
padding-bottom: 8px;
}
h1 {
font: 22px/22px Arial, Helvetica, Verdana, sans-serif; 
color: #5DA526; 
margin: 0px;
padding: 0px;
}
h2 {
font: bold 16px/20px Arial, Helvetica, Verdana, sans-serif; 
color: #5DA526; 
margin: 16px 0px 16px 0px;
padding: 0px;
}
h3 {
font: bold 12px/16px Arial, Helvetica, Verdana, sans-serif; 
margin: 0px 0px 16px 0px;
padding: 0px;
}
.textfarbe {
color: #5DA526;
}
/*
---------- 3. Äußeres Div für Seite ------------------------------
*/
div#page {
width: 980px;
}
/*
---------- 4. Seitenbereich top ------------------------------
*/
div#top {}
/*
---------- 5. Seitenbereich left ------------------------------
*/
div#left {}
/*
---------- 6. Content ------------------------------
*/
/* ------- 6.1. Content Allgemein ------- */
div#content {
float: left;
margin: 0px;
width: 540px;
} 
div#seitentitel {
width: auto;
height: 70px;
margin-bottom: 16px;
border-bottom: 1px solid #5DA526;
}

.text p {
margin-bottom: 16px;
}

/* ------- 6.2. Content Home ------- */
div#spaltehomeschmal {
float: left;
font: 11px/14px Arial, Helvetica, Verdana, sans-serif;
width: 170px;
}
div.spaltehomebreit {
float: left;
padding: 0px 15px 0px 0px;
width: 370px;
voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
voice-family:inherit;
width: 355px;
}
div.spaltehomebreit p {
padding-bottom: 16px;
}
div.spaltehomebreit h1 {
font: bold 16px/20px Arial, Helvetica, Verdana, sans-serif; 
color: #5DA526; 
margin: 0px 0px 16px 0px;
padding: 0px;
}
/* ------- 6.3. Content Objektseiten ------- */
div#objektexposetitel, 
div.objektlistetitel {
padding: 2px 10px 2px 5px;
height: 64px;
voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
voice-family:inherit;
width: 525px;
}
*html div#objektexposetitel { /* for IE 6 + 7 */
width: 540px;
}
div.objektlistetitel {
height: auto;
width: 525px;
border-bottom: 1px #ccc solid; 
}
div#objektexposetitel h1 {
font: bold 16px/20px Arial, Helvetica, Verdana, sans-serif; 
margin: 0px 3px 0px 0px;
padding: 0px;
}
div.objektlistetitel h2 {
font: bold 12px/16px Arial, Helvetica, Verdana, sans-serif; 
margin: 0px 3px 0px 0px;
padding: 0px;
}
div.objektlistetitel a {
text-decoration: none;
color: #5DA526; 
}
/* ------- 6.3.1. Content Objektseite Expose ------- */
div#exposeeckdaten h2,
div#exposebeschreibung h2,
div#exposeinfo h2 {
padding: 0px;
border-bottom: 2px solid #ccc;
font: bold 14px/20px Arial, Helvetica, Verdana, sans-serif;
color: #5DA526;
margin: 0px;
}
/* ------- 6.3.1.1. Content Objektseite Expose Bilder ------- */
div#exposebilder {
float: left;
width: 540px;
margin-bottom: 16px;
}
div#exposebilder img {
float: left;
}
div#exposebilder div#bildgross {
float: left;
color: #5DA526;
margin: 0px 11px 0px 0px;
width: 264px;
}
div#exposebilder div#vorschaubilder {
float: right;
width: 264px;
background: #ccc;
}
div#exposebilder div#vorschaubilder div.out {
float: left;
display: table;
width: 66px;
height: 50px;
padding: 5px;
margin: 0px 10px 8px 0px;
border: 1px solid #ccc;
#position: relative; /* ------- for IE ------- */
overflow: hidden;
}

* html body div#exposebilder div#vorschaubilder div.out { /* ------- for IE 6 ------- */
width: 65px;
}

* + html div#exposebilder div#vorschaubilder div.out { /* ------- for IE 7 ------- */
width: 65px;
}

div#exposebilder div#vorschaubilder div.middle {
display: block;
height: 50px;
width: 66px;
display: table-cell;
vertical-align: middle;
#position: absolute; /* ------- for IE ------- */
#top: 50%; /* ------- for IE ------- */
}
* html body div#exposebilder div#vorschaubilder div.middle { /* ------- for IE 6 ------- */
height: auto;
}
* + html div#exposebilder div#vorschaubilder div.middle { /* ------- for IE 7 ------- */
height: auto;
}
div#exposebilder div#vorschaubilder div.inner {
#position: relative; 
#top: -50%;
}
div#exposebilder div#vorschaubilder img {
float: none;
display: block;
margin-left: auto;
margin-right: auto;
}
div#exposebilder div#vorschaubilder p {
float: left;
width: 254px;
padding: 0px;
margin: 10px 0px 0px 0px;
text-align:center;
}
div#exposebilder div#vorschaubilder p.leaf {
height:17px;
}
div#exposebilder div#vorschaubilder p.leaf img {
border:0px;
}
div#exposebilder div#vorschaubilder p.leaf a#leafBack,
div#exposebilder div#vorschaubilder p.leaf a#leafNext {
width:31px;
height:14px;
padding-top:2px;
float:left;
text-decoration:none;
}
div#exposebilder div#vorschaubilder p.leaf span#pagesicons {
width:192px;
float:left;
text-align:center;
}
div#exposebilder div#vorschaubilder p.leaf span#pagesicons a {
height: 10px;
padding: 0px 1px 0px 1px;
margin:0px 4px;
text-decoration:none;
border:1px #ABCD5A solid;
}
* html div#exposebilder div#vorschaubilder p.leaf span#pagesicons a {
background-image:url(../images/ic-leaf.gif);
background-position:0% 92%;
background-repeat:repeat-x;
}
div#exposebilder div#vorschaubilder p.leaf span#pagesicons a.on {
background-color:#ABCD5A;
}
div#exposebilder div#vorschaubilder p.leaf span#pagesicons a.off {
background-color:#fff;
}

/* ------- 6.3.1.2. Content Objektseite Expose Eckdaten ------- */
div#exposeeckdaten {
float: left;
width: 540px;
margin-bottom: 24px;
} 
dl.exposeeckdatendaten,
dl.exposeeckdatendatenende {
float: left;
width: 540px;
padding: 3px 0px 3px 0px;
border-bottom: 1px solid #ccc;
}
dl.exposeeckdatendatenende {
border-bottom: none;
}
dl.exposeeckdatendaten dt,
dl.exposeeckdatendatenende dt {
float: left;
padding: 0px 10px 0px 0px;
width: 130px;
font-weight: bold;
}
dl.exposeeckdatendaten dd,
dl.exposeeckdatendatenende dd {
float: left;
padding: 0px;
width: 395px;
}
dl.exposeeckdatendatenende dd span {
float:left;
}
ul.othercurrency {
display: none;
}
/* ------- 6.3.1.3. Content Objektseite Expose links ------- */

/* ------- 6.3.1.4. Content Objektseite Expose Beschreibung ------- */
div#exposebeschreibung {
float: left;
margin-bottom: 16px;
width: 540px;
vertical-align: top;
background: #fff;
}div#exposebeschreibung h3 {
padding: 0px 0px 0px 10px;
margin: 8px 0px 4px 0px;
border-left: 5px solid #ccc;
border-bottom: 1px solid #ccc;
}
div#exposebeschreibung p {
margin-bottom: 16px;
padding: 0px;
}

/* ------- 6.3.1.5. Content Objektseite Expose Weitere Info ------- */
div#exposeinfo {
float: left;
background: #fff;
width: 540px;
}
div#exposeinfo dl {
float: left;
width: 540px;
padding: 0px;
}
div#exposeinfo dt {
float: left;
padding: 3px 5px 3px 5px;
font-weight: bold;
border-bottom: 1px solid #ccc;
width: 130px;
}
*html div#exposeinfo dt { /* for IE 7 */
width: 140px;
}
div#exposeinfo dd {
float: left;
padding: 3px 5px 3px 5px;
width: 390px;
border-bottom: 1px solid #ccc;
}
*html div#exposeinfo dd { /* for IE 7 */
width: 400px;
}
* html body div#exposeinfo dd { /* for IE 6 */
width: 380px;
}

/* ------- 6.3.2. Content Objektseite Listenansicht ------- */
div.liste {
float: left;
width: 540px;
margin-bottom: 14px;
border: 1px #ccc solid;
} 
div.listebild {
float: left;
margin: 0px 15px 0px 0px;
width: 100px;
height: 60px;
overflow: hidden;
voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
voice-family:inherit;
width: 85px;
}
dl.listedaten01,
dl.listedaten02 {
float: left;
width: 220px;
font: 11px/14px Arial, Helvetica, Verdana, sans-serif;
padding: 2px 0px 2px 0px;
}
dl.listedaten02 {
width: 210px;
}
dl.listedaten01 dt,
dl.listedaten02 dt {
float: left;
font-weight: bold;
margin-right: 10px;
width: 100px;
voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
voice-family:inherit;
width: 90px;
}
dl.listedaten01 dd {
float: left;
margin-right: 10px;
width: 100px;
voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
voice-family:inherit;
width: 90px;
}
dl.listedaten02 dd {
float: left;
margin-right: 10px;
width: 90px;
voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
voice-family:inherit;
width: 80px;
}
p.listeseitenunten,
p.listeseiten {
display: none;
}
form.listesortierung { 
display: none;
}
/* ------- 6.4. Content Popup normal ------- */
div#popup {
width: 500px;
}
div#popuptop {}
div#popuptitel {
clear: both;
padding: 0px 10px 0px 5px;
background-color: #5DA526; 
color: #fff;
font: 12px/17px Arial, Helvetica, Verdana, sans-serif;
margin-bottom: 16px;
height: 18px;
}
div#popuptitel h1 {
margin: 0px;
font: bold 12px/16px Arial, Helvetica, Verdana, sans-serif; 
display: inline;
color: #fff;
}
p#popupfooter {}
div#popupfooterleft, 
div#popupfooterright {}
div#popupfooterleft {}
div#popupfooterright {}
/* ------- 6.5. Content Popup Bildergalerie ------- */
div#popupgalerie {
width: 500px;
margin: 0px auto;
}
div#popupgaleriefooterright {}
div#popupgaleriehead {
clear: both;
padding: 0px 10px 0px 5px;
background-color: #5DA526; 
color: #fff;
font: 12px/17px Arial, Helvetica, Verdana, sans-serif;
margin-bottom: 7px;
width: 500px;
height: 18px;
voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
voice-family:inherit;
width: 485px;
}
div#popupgaleriehead h1 {
margin: 0px;
font: bold 12px/16px Arial, Helvetica, Verdana, sans-serif; 
display: inline;
margin: 0px 3px 0px 0px;
color: #fff;
}
div#popupgalerieansichten, 
div#popupgaleriebuttons {
float: left;
height: 32px;
padding: 0px 5px 0px 5px;
width: 250px;
text-align: right;
voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
voice-family:inherit;
width: 240px;
}
div#popupgaleriebuttons {
text-align: left;
}
div#popupgaleriebuttons input {
color: #5DA526;
background: #fff url(../images/hg-input.gif) repeat-x;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #5DA526;
border-left: 1px solid #5DA526;
font-weight: bold;
height: 21px;
padding: 0px 5px 0px 5px;
}
div#popupgaleriebuttons input:active, 
div#popupgaleriebuttons input:link {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #5DA526;
border-left: 1px solid #5DA526;
}
div#popupgalerieansichten select {
color: #5DA526;
background: #fff;
border: 1px solid #5DA526;
}
div#popupgaleriebild {
float: left;
width: 500px;
text-align: center;
padding-top: 8px;
border-top: 1px #5DA526 solid;
padding-bottom: 8px;
border-bottom: 1px #5DA526 solid;
margin-bottom: 4px;
overflow: hidden;
}
/* ------- 6.6. Content Textseiten ------- */
div.spalteschmal {
float: left;
margin: 0px 15px 0px 0px;
width: 195px;
voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
voice-family:inherit;
width: 170px;
}
div.spaltebreit {
float: left;
width: 355px;
}
div.spaltebreit p,
div.spalteschmal p {
padding-bottom: 16px;
}
div#spaltekomplett {
width: 540px;
}
/* ------- 6.7. Content Kontaktformular ------- */
form#kontakt label, 
form#kontakt input, 
form#kontakt select { 
display: block;
float: left;
width: 250px;
}
form#kontakt input, 
form#kontakt select {
margin-bottom: 16px;
border: none;
border-left: 2px solid #fff;
}
form#kontakt label {
width: 150px;
margin-right: 5px;
border-bottom: 1px dotted #5DA526;
}
form#kontakt br {
clear: left; /* das floating der labels und inputs aufheben */
}
form#kontakt fieldset { 
padding: 0px 16px 0px 16px;
border: 1px solid #5DA526;
}
form#kontakt legend {
padding: 0px 10px 0px 10px;
color: #5DA526;
}
form#kontakt .pflicht {
color: #5DA526;
}
label#auswahlanrede, 
select#anrede, 
label#titelbetreff, 
input#betreff {
margin-top: 16px;
}
form#kontakt input#strasse, 
form#kontakt input#ort {
width: 196px;
margin-right: 2px;
}
form#kontakt input#ort {
margin-left: 2px;
}
form#kontakt input#nummer, 
form#kontakt input#plz {
width: 50px;
}
textarea#nachricht {
width: 330px;
padding: 5px;
margin-bottom: 16px;
border: none;
}
form#kontakt input#submitkontakt, 
form#kontakt input#resetkontakt { 
float: left;
width: auto;
color: #5DA526;
background: #fff url(../images/hg-input.gif) repeat-x;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #5DA526;
border-left: 1px solid #5DA526;
font-weight: bold;
height: 21px;
padding: 0px 5px 0px 5px;
margin-right: 16px;
}
form#kontakt input#resetkontakt {
font-weight: normal;
}
/* ------- 6.8. Content Popup Seite weiterempfehlen ------- */
form#seite label, 
form#seite input, 
form#seite select { 
display: block;
float: left;
width: 250px;
}
form#seite input {
width: 249px;
}
form#seite br {
clear: left; /* das floating der labels und inputs aufheben */
}
form#seite input.breit, 
form#seite select {
margin-bottom: 16px;
border: none;
border-left: 2px solid #fff;
height: 16px;
}
form#seite label {
width: 200px;
margin-right: 5px;
border-bottom: 1px dotted #5DA526;
}
form#seite fieldset { 
padding: 0px 16px 0px 16px;
border: 1px solid #5DA526;
}
form#seite legend {
padding: 0px 10px 0px 10px;
color: #5DA526;
}
textarea#comment {
width: 237px;
padding: 5px;
margin-bottom: 16px;
border: none;
}
form#seite input#submit { 
float: left;
width: auto;
color: #5DA526;
background: #fff url(../images/hg-input.gif) repeat-x;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #5DA526;
border-left: 1px solid #5DA526;
font-weight: bold;
height: 21px;
padding: 0px 5px 0px 5px;
margin-right: 16px;
margin-bottom: 16px;
}
form#seite input.radiobtn {
width: auto;
border-left: none;
margin: 0px 5px 16px 0px;
}
form#seite .pflicht {
color: #5DA526;
}
/* ------- 6.9. Content Impressum ------- */
dl#impressum {
width: 540px;
}
dl#impressum dt {
float: left;
text-align: right;
font-weight: bold;
margin: 0px 15px 0px 0px;
padding-bottom: 16px;
width: 195px;
voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
voice-family:inherit;
width: 170px;
}
dl#impressum dd {
float: left;
width: 355px;
margin: 0px;
padding-bottom: 16px;
}

/* ------- 6.14. Blog ------- */
div#content div.spaltekomplett.blog {
background: #fff;
padding: 0px 10px 5px 10px;
}

div#content div.spaltekomplett.blog h2 {
margin: 16px 0px 0px 0px;
padding-top: 5px;
}

div#content div.spaltekomplett.blog.fotos {
padding-right: 0px;
}

div#content div.spaltekomplett.blog.fotos h2 {
margin-bottom: 8px;
}

div#content div.spaltekomplett.blog.fotos images {
float: left;
}

/* ------- 6.15. Tabellen ------- */
div#content div.spaltekomplett table {
width: 100%;
background: #fff;
border-collapse: collapse;
}

div#content div.spaltekomplett table th,
div#content div.spaltekomplett table td {
border-right: 1px solid #F1F0C2;
border-bottom: 1px solid #F1F0C2;
padding: 2px 5px 2px 5px;
}

div#content div.spaltekomplett table th {
background: #5DA526;
color: #fff;
}

/*
---------- 7. Seitenbereich rechts ------------------------------
*/
div#right {}
div.box {
border: 1px #727272 solid;
}
div.boxtitel {
padding: 0px 10px 0px 5px;
background-color: #727272; 
font: 12px/17px Arial, Helvetica, Verdana, sans-serif;
width: auto;
height: 18px;
}
div.boxtitel h3 {
font: bold 12px/16px Arial, Helvetica, Verdana, sans-serif; 
color: #fff;
display: inline; 
margin: 0px 3px 0px 0px;
padding: 0px;
}
div.box p {
padding: 4px 5px 7px 5px;
}
div.box p.boxbild {
padding: 0px;
}
p.boxlinie {
border-bottom: 1px #727272 solid;
}
/*
---------- 8. Seitenabschluss ------------------------------
*/
div#footer {}