/*
----------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.6.1 Content news & infos
	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
*/
/*
----------2. Allgemeine Festlegungen ------------------------------
*/
html, 
body {
height: 100%; /* wichtig */
}

body, 
input, 
select, 
textarea {	
font: 12px/16px Arial, Helvetica, sans-serif; 
color: #575553;
margin: 0px; 
padding: 0px;
}

body {	
background: #F1F0C2 url(../images/hg-head-pixel02.gif) repeat-x;
}

div, 
p,
dl,
dl dt,
dl dd {
margin: 0px;
padding: 0px;
}

img, 
table { 
border: 0px; 
}
	
a {
color: #575553;
text-decoration:underline; 
}

a:hover { 
text-decoration: none; 
}

.klammer,
a.klammer, 
a:hover.klammer {
color: #5DA526;
text-decoration: none; 
padding: 0px 2px 0px 2px;
}

a:hover.klammer {
font-weight: bold;
}

a.farbe {
color: #5DA526;
}

a.hell {
text-decoration: none; 
color: #969696;
}

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;
}

p.seitenanfang {
color: #5DA526;
text-align: right;
}
/*
---------- 3. Äußeres Div für Seite ------------------------------
*/
div#page {
min-height: 100%;
width: 980px;
height:auto !important; /* moderne Browser */
height:100%; /* IE */
background: url(../images/hg-navsub.gif) repeat-y;
}
/*
---------- 4. Seitenbereich top ------------------------------
*/
div#top {
height: 130px;
background: url(../images/hg-head.gif) no-repeat;
}
/* Sprachwechsel */
div#language {
position: absolute;
z-index: 1;
width: 170px;
text-align: right;
left: 591px;
top: 13px;
font: 11px/11px Arial, Helvetica, sans-serif; 
color: #DBE89C;
}
div#language a {
text-decoration: none;
color: #DBE89C;
}
div#language a:hover {
font-weight: bold;
}
/* Servicemenue */
p#servicemenue {
margin: 0px; 
padding: 95px 0px 0px 220px;
font: 11px/11px Arial, Helvetica, sans-serif; 
color: #ffffff;
}
p#servicemenue .linie,
div#language .linie {
margin: 0px 4px 0px 5px;
}
p#servicemenue a {
text-decoration: none;
color: #ffffff;
}
p#servicemenue a:hover {
font-weight: bold;
}
div#datum {
position: absolute;
z-index: 1;
width: 170px;
text-align: right;
left: 591px;
top: 75px;
color: #DBE89C;
font: 14px Arial, Helvetica, sans-serif; 
}
div#linkhome {
position: absolute;
z-index: 1;
left: 0px;
top: 0px;
height: 130px;
width: 200px;
}
/*
---------- 5. Seitenbereich left ------------------------------
*/
div#left {
float: left;
padding: 20px 0px 28px 0px;
width: 200px;
}
ul.menue {
width: 100%;
margin: 0px 0px  12px 0px;
padding: 0px;
}
ul.menue li {
padding: 0px;
margin: 0px;
}
ul.menue ul {
padding: 12px 0px 6px 0px;
margin: 0px;
}
ul.menue ul li {
padding: 0px 10px 10px 20px;
margin: 0px;
}
ul.menue li a {
font: bold 12px/18px Arial, Helvetica, sans-serif;
display: block;
padding-left: 20px;
text-decoration: none;
background: #6FAF3D;
color: #fff;
}
ul.menue li a:hover,
ul.menue li strong a {
background: #44831A;
color: #DBE89C;
letter-spacing: 0.05em;
}
ul.menue ul li a,
ul.menue ul li a:hover {
font: 11px Arial, Helvetica, sans-serif;
text-decoration: none;
color: #fff;
background-color: transparent;
border: none;
background-image: url(../images/nav-linie-off.gif); 
background-repeat: no-repeat;
padding-left: 10px;
}
ul.menue ul li a:hover,
ul.menue ul li strong a,
ul.menue ul li strong a:hover{
color: #DBE89C;
letter-spacing: 0.1em;
background-image: url(../images/nav-linie-on.gif); 
}
ul.menue ul li.active{
font: 11px Arial, Helvetica, sans-serif;
background-image: url(../images/nav-linie-on.gif); 
background-repeat: no-repeat;
color: #DBE89C;
letter-spacing: 0.1em;
padding: 0px 10px 10px 10px !important;
margin-left: 20px !important;
}
/*
---------- 6. Content ------------------------------
*/
/* ------- 6.1. Content Allgemein ------- */
div#content {
float: left;
margin: 20px 20px 28px 20px;
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;
margin: 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: 0px 10px 0px 5px;
background-color: #5DA526; 
color: #fff;
font: 12px/17px Arial, Helvetica, Verdana, sans-serif;
border-bottom: 2px #F1F0C2 solid;
width: 525px;
height: 18px;
}
*html div#objektexposetitel { /* for IE 7 */
width: 540px;
}
* html body div#objektexposetitel { /* for IE 6 */
width: 525px;
}
div#objektexposetitel h1, 
div.objektlistetitel h2 {
font: bold 12px/12px Arial, Helvetica, Verdana, sans-serif; 
color: #fff;
display: inline; 
margin: 0px 3px 0px 0px;
padding: 0px;
}
div.objektlistetitel a {
color: #fff;
text-decoration: underline;
}
div.objektlistetitel a:hover {
color: #fff;
text-decoration: none;
}
/* ------- 6.3.1. Content Objektseite Expose ------- */
div#exposeeckdaten h2,
div#exposebeschreibung h2,
div#exposeinfo h2 {
padding: 0px 5px 0px 5px;
background: #5DA526; 
border-bottom: 2px solid #F1F0C2;
font: bold 12px/17px Arial, Helvetica, Verdana, sans-serif;
color: #fff;
margin: 0px;
width: auto;
height: 18px;
}
/* ------- 6.3.1.1. Content Objektseite Expose Bilder ------- */
div#exposebilder {
float: left;
width: 540px;
margin-bottom: 16px;
background: #fff;
}
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;
}
div#exposebilder div#vorschaubilder div.out {
float: left;
display: table;
width: 66px;
height: 50px;
padding: 5px;
margin: 8px 10px 0px 0px;
border: 1px solid #F1F0C2;
#position: relative; /* ------- for IE ------- */
overflow: hidden;
}
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: 7px;
height: 13px;
padding-top:2px;
float:left;
text-decoration:none;
}
div#exposebilder div#vorschaubilder p.leaf span#pagesicons {
width: 239px;
float:left;
font-size: 8px;
text-align:center;
}
div#exposebilder div#vorschaubilder p.leaf span#pagesicons a {
height: 8px;
padding: 0px 1px 0px 0px;
margin:0px 4px;
text-decoration:none;
border:1px #5DA526 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:#5DA526;
}
div#exposebilder div#vorschaubilder p.leaf span#pagesicons a.off {
background-color:#fff;
}
/* ------- 6.3.1.2. Content Objektseite Expose Eckdaten ------- */
div#exposeeckdaten {
float: right;
width: 355px;
margin-bottom: 8px;
background: #fff;
}
dl.exposeeckdatendaten,
dl.exposeeckdatendatenende {
float: right;
width: 350px;
padding: 3px 0px 3px 5px;
border-bottom: 1px solid #F1F0C2;
}
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: 205px;
}
dl.exposeeckdatendatenende dd span {
float:left;
}
ul.othercurrency {
margin: 0px;
padding: 0px;
float: right;
}
ul.othercurrency li {
margin: 0px 0px 0px 5px;
padding: 0px;
float: left;
}
ul.othercurrency li img {
cursor: hand;
}
ul.othercurrency li div {
display: none;
position: absolute;
z-index: 10;
left: 640px;
top: 470px;
width: 120px;
margin: 0px;
padding: 10px;
text-align: center;
border: 1px solid #5DA526;
background-color: #fff;
}
/* ------- 6.3.1.3. Content Objektseite Expose links ------- */
div#exposedatenlinks {
clear: both;
float: left;
color: #5DA526;
margin: 0px 15px 28px 0px;
width: 195px;
voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
voice-family:inherit;
width: 170px;
}
div#exposedatenlinks img {
margin-right: 10px;
}
div#exposedatenlinks ul {
margin: 0px 0px 14px 0px;
padding: 0px;
list-style-type: none;
}
div#exposedatenlinks li {
margin: 0px 0px 14px 0px;
}
div#exposedatenlinks a {
color: #5DA526;
display: inline;
vertical-align: top;
}
/* ------- 6.3.1.4. Content Objektseite Expose Beschreibung ------- */
div#exposebeschreibung {
float: right;
margin-bottom: 8px;
width: 355px;
vertical-align: top;
background: #fff;
}
div#exposebeschreibung h3 {
padding: 0px 0px 0px 10px;
margin: 8px 0px 4px 0px;
border-left: 5px solid #5DA526;
border-bottom: 1px solid #5DA526;
}
div#exposebeschreibung p {
margin-bottom: 16px;
padding: 0px 5px 0px 5px;
}
/* ------- 6.3.1.5. Content Objektseite Expose Weitere Info ------- */
div#exposeinfo {
float: right;
background: #fff;
width: 355px;
}
div#exposeinfo dl {
float: left;
width: 355px;
padding: 0px;
}
div#exposeinfo dt {
float: left;
padding: 3px 5px 3px 5px;
font-weight: bold;
border-bottom: 1px solid #F1F0C2;
width: 130px;
}
*html div#exposeinfo dt { /* for IE 7 */
width: 140px;
}
div#exposeinfo dd {
float: left;
padding: 3px 5px 3px 5px;
width: 205px;
border-bottom: 1px solid #F1F0C2;
}
*html div#exposeinfo dd { /* for IE 7 */
width: 215px;
}
* html body div#exposeinfo dd { /* for IE 6 */
width: 195px;
}
/* ------- 6.3.2. Content Objektseite Listenansicht ------- */
div.liste {
float: left;
width: 540px;
margin-bottom: 14px;
background: #fff;
} 
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.listedaten01 dt,
dl.listedaten02 dt {
float: left;
font-weight: bold;
margin-right: 10px;
width: 80px;
voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
voice-family:inherit;
width: 70px;
}
dl.listedaten02 dt {
width: 100px;
voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
voice-family:inherit;
width: 90px;
}
dl.listedaten01 dd, 
dl.listedaten02 dd {
float: left;
margin-right: 10px;
width: 130px;
voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
voice-family:inherit;
width: 120px;
}
dl.listedaten02 dd {
float: left;
margin-right: 10px;
width: 100px;
voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
voice-family:inherit;
width: 90px;
}
p.listeseitenunten,
p.listeseiten {
float: left;
width: 280px;
margin: 16px 0px 16px 0px;
voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
voice-family:inherit;
width: 200px;
}
p.listeseitenunten {
margin: 0px;
}
p.listeseitenunten span,
p.listeseiten span {
font-weight: bold;
color: #5DA526;
}
form.listesortierung {
float: left;
text-align: right;
width: 340px;
margin: 16px 0px 0px 0px;
}
form.listesortierung label {
border-bottom: none;
}
/* ------- 6.4. Content Popup normal ------- */
body div#popup {
background: #F1F0C2;
}
div#popup {
padding: 0px 15px 0px 15px;
}
div#popuptop {
float: right;
height: 20px;
font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
color: #5DA526;
text-align: right;
padding-right: 5px;
margin-top: 4px;
}
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 {
width: auto;
margin: 16px 0px 2px 0px;
}
div#popupfooterleft, 
div#popupfooterright {
float: left;
height: 24px;
color: #5DA526;
font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
}
div#popupfooterleft {
padding-left: 5px;
width: 145px;
}
div#popupfooterright {
font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
padding-left: 5px;
width: 145px;
text-align: right;
}
/* ------- 6.5. Content Popup Bildergalerie ------- */
body div#popupgalerie {
background-color: #F1F0C2;
background-image: none;
}
div#popupgalerie {
width: 500px;
margin: 0px auto;
}
div#popupgaleriefooterright {
float: left;
width: 340px;
padding-left: 5px;
text-align: right;
color: #5DA526;
font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
}
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 0px;
width: 370px;
text-align: right;
}
div#popupgaleriebuttons {
text-align: left;
width: 120px;
padding: 0px 0px 0px 5px;
}
* html body div#popupgalerieansichten { /* für IE 6 */
width: 360px;
}
* html body div#popupgaleriebuttons { /* für IE 6 */
width: 130px;
}
* + html div#popupgalerieansichten { /* für IE 7 */
width: 360px;
}
* + html div#popupgaleriebuttons { /* für IE 7 */
width: 130px;
}
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;
font: 11px/14px Arial, Helvetica, Verdana, sans-serif;
width: 170px;
}

div.spaltebreit {
float: left;
margin: 0px 15px 0px 0px;
width: 370px;
voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
voice-family:inherit;
width: 355px;
}

div.spaltebreit p,
div.spalteschmal p {
padding-bottom: 16px;
}

div#spaltekomplett,
div.spaltekomplett {
width: 100%;
}

div#spaltekomplett p,
div.spaltekomplett p {
margin-bottom: 16px;
}

/*------- 6.6.1 Content news & infos ------- */
div.newsleft {
width: 180px;
float:left;
margin-right: 15px;
}

div.newsleft img,
div.newsleft ul,
div.newsleft p {
margin-bottom: 16px;
}

div.newsright {
width: 345px;
float:left;
}

div#newspics,
div #newspics-header {
width: 540px;
float: left;
}

div #newspics-header {
margin-bottom: 16px;
}
div#newspics-slideon {
float: left;
}
div#newspics-slideoff {
float: left;
display:none;
}
div#newspicsdownload {
float: left;
display:none;
}
div#newspics div {
vertical-align: middle;
text-align: center;
border:1px solid #5DA526;
width: 129px;
height: 129px;
float: left;
margin: 0px 5px 5px 0px;
}
div#newspics .last {
margin-right: 0px;
}

div#newspics div img{
margin-top: 10px;
}

div#newspics #newspicsfooter {
text-align: left;
width: 540px;
height: auto;
border:0px;
}


/* ------- 6.7. Content Generelle Formularformatierung ------- */
form br {
clear: left; /* das floating der labels und inputs aufheben */
}
form fieldset { 
padding: 0px 16px 0px 16px;
border: 1px solid #5DA526;
}
form legend {
padding: 0px 10px 0px 10px;
color: #5DA526;
}
form label {
width: 150px;
margin-right: 5px;
border-bottom: 1px dotted #5DA526;
color: #575553;
}
form select {
border: none;
}
form ul li.erste {
margin-top: 16px;
}
.pflicht {
color: #5DA526;
font-weight: bold;
}
input#abschicken, 
input#zuruecksetzen { 
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 !important;
height: 21px;
padding: 0px 5px 0px 5px;
margin-right: 16px;
}
input#zuruecksetzen {
font-weight: normal;
}
input.radiobtn {
width: auto;
border-left: none;
margin: 0px 5px 16px 0px;
}
/* ------- 6.7.1 Content Direkte Immoanfrage ------- */
form#immoanfrage {
border: 1px solid #5DA526;
font: 11px/14px Arial, Helvetica, Verdana, sans-serif;
width: 168px;
}
form#immoanfrage h2 {
padding: 0px 5px 0px 5px;
background: #5DA526;
font: bold 12px/17px Arial, Helvetica, Verdana, sans-serif;
color: #fff;
margin: 0px;
width: auto;
height: 17px;
}
form#immoanfrage fieldset {
border: none;
padding: 5px;
}
form#immoanfrage div.kontakt,
form#kontakt fieldset.kontakt {
display: none;
}
form#immoanfrage label {
width: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: none;
}
form#immoanfrage input,
form#immoanfrage select,
form#immoanfrage textarea {
display: block;
width: 154px;
border: none;
border-left: 2px solid #fff;
margin: 2px 0px 8px 0px;
padding: 1px 0px 1px 0px;
font: 11px/14px Arial, Helvetica, Verdana, sans-serif;
}
form#immoanfrage input {
width: 152px;
}
form#immoanfrage textarea {
width: 148px;
padding: 2px;
}
form#immoanfrage input#abschicken {
width: 154px;
}
* + html form#immoanfrage input { /* ------- for IE 7 ------- */
width: 156px;
}
* + html form#immoanfrage select { /* ------- for IE 7 ------- */
width: 160px;
}
* + html form#immoanfrage textarea { /* ------- for IE 7 ------- */
width: 152px;
}
* html  form#immoanfrage input#abschicken { /* ------- for IE 6 ------- */
width: 156px;
}
* html form#immoanfrage input { /* ------- for IE 6 ------- */
width: 154px;
}
* html form#immoanfrage select { /* ------- for IE 6 ------- */
width: 158px;
}
* html form#immoanfrage textarea { /* ------- for IE 6 ------- */
width: 150px;
}
* html  form#immoanfrage input#abschicken { /* ------- for IE 6 ------- */
width: 156px;
}
/* ------- 6.8. 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;
}
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#abschicken, 
form#kontakt input#zuruecksetzen { 
width: auto;
height: 21px;
}
/* ------- 6.8.1. Content Formular Zusätze Suchanfrage ------- */
label#titelsuchkriterien {
margin-top: 16px;
margin-bottom: 0px;
border-bottom: none;
font-weight: bold;
float:left;
}
p#suchkriterien {
margin-top: 16px;
padding-bottom:0px;
margin-bottom:0px;
width: 250px;
float:left;
}
label#titelangaben {
margin-top: 16px;
border-bottom: none;
}
textarea#angaben {
width: 330px;
padding: 5px;
margin: 16px 0px 16px 0px;
border: none;
}
/* ------- 6.9. 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 input.breit, 
form#seite select {
margin-bottom: 16px;
border: none;
border-left: 2px solid #fff;
height: 16px;
}
form#seite label {
width: 200px;
}
textarea#comment {
width: 237px;
padding: 5px;
margin-bottom: 16px;
border: none;
}
form#seite input#abschicken, 
form#seite input#zuruecksetzen { 
width: auto;
height: 21px;
}
form#seite input.radiobtn {
width: auto;
}
/* ------- 6.10. Content Formular Immobiliensuche ------- */
form#immosuche label, 
form#immosuche input, 
form#immosuche select { 
display: block;
float: left;
width: 250px;
}
form#immosuche input, 
form#immosuche select {
margin-bottom: 16px;
border: none;
border-left: 2px solid #fff;
}
form#immosuche label {
width: 150px;
}
form#immosuche input#abschicken, 
form#immosuche input#zuruecksetzen { 
width: auto;
height: 21px;
}
/* ------- 6.11. 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.12. Content Linkseite ------- */
a.chilelink,
a:hover.chilelink {
font-weight: bold;
padding-right: 20px;
}

/* ------- 6.13. Detailansicht Regionskarte - eingeblendete Ebene ------- */
div#karteregiondetail {
width:410px;
font: bold 13px Arial, Helvetica, sans-serif;
}
div#karteregiondetail div#karte img {
margin: 10px 0px 20px 10px;
}

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

div#content div.spaltebreit.blog {
width: 350px;	
}

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

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

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

div#content div.spaltekomplett.blog.fotos images,
div#content div.spaltebreit.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 {
float: left;
font: 11px/14px Arial, Helvetica, Verdana, sans-serif;
margin: 20px 20px 0px 0px;
width: 190px;
voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
voice-family:inherit;
width: 170px;
}
div.box {
background: #F6F5D5;
border: 1px #727272 solid;
background-repeat: no-repeat;
background-position: 0px 58px;
}
div.box.chile-map {
background-image: url(../../frontend/images/karten-chile/default.gif);
}
* + html div.box.chile-map {
background-position: 1px 59px;
}
* html div.box.chile-map {
background-position: 1px 59px;
}
div.box.regionen p.boxbild img {
margin: 12px 0px 15px 0px;
}
div.box.links {
background-image: none;
}
div.home {
background-image:none;
}
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;
}
div.box ul {
padding: 4px 5px 7px 5px;
}
div.box ul li {
padding: 4px 0px 4px 0px;
border-bottom: 1px #727272 dotted;
}
div.box ul li.schluss {
padding: 4px 0px 0px 0px;
border-bottom: none;
}
p.boxlinie {
border-bottom: 1px #727272 solid;
}
/*
---------- 8. Seitenabschluss ------------------------------
*/
div#footer {
clear: both;
width: 540px;
border-top: 1px solid #5DA526;
height: 40px; 
margin: 0px 0px 0px 220px;
font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
color: #5DA526;
}
div#footerleft {
margin: 3px 15px 0px 5px;
float: left;
width: 345px;
}
div#footerright {
float: left;
width: 170px;
margin: 3px 0px 0px 0px;
text-align: right;
}
/********************/
/*                  */
/*  hilfe / fehler  */
/*                  */
/********************/
.error {
color: #E06400;
}
div#error {
visibility: visible;
border: 3px #E06400 solid;
z-index: 3;
}
div#formmessage {
visibility: visible;
border: 3px #5DA526 solid;
z-index: 3;
}
div#error ul {
border-bottom: 1px #E06400 solid;
color: #E06400;
}
div.message {
position: fixed;
width: 300px;
margin: -7em 0em 0em 0em;
padding: 0px;
top: 40%;
left: 700px;
z-index: 3;
border: 3px #5DA526 solid;
visibility: hidden;
background-color: #fff;
}
div.immoanfrage {
top: 20%;
left: 405px;
}
div.message ul {
background-color: #fff;
list-style-type: none;
border-bottom: 1px #5DA526 solid;
padding: 0px;
margin: 0px 0px 10px 0px;
color: #5DA526;
float: left;
width: 100%;
}
div.message ul li {
padding: 0px;
margin: 0px;
float: left;
}
div.message ul li.title {
width: 240px;
padding-left:10px;
font-weight: bold;
}
div.message ul li.close {
width: 50px;
}
div.message h5,
div.message p {
padding: 0px;
margin: 0px 10px 10px 10px;
}
*+html div.message {
height: 210px;
}
*+html div.message ol {
overflow: auto;
height: 150px;
}
div.message ol {
padding:10px 20px 10px 40px;
margin:0px;
}
div.message ol li {
padding:0px;
margin:0px;
list-style-type: decimal;
}
div.message p.decide {
text-align: center;
}
div.message a.closeerror span,
div.message a.closeformmessage span {
display: none;
}
div.message a.closeerror,
div.message a.closeformmessage {
display: block;
width: 14px;
height: 14px;
background-repeat: no-repeat;
float: right;
background-position: 0px 1px;
}
div.message a.closeerror:link,
div.message a.closeerror:visited {
background-image: url(../images/ic-close.gif);
}
div.message a.closeerror:hover,
div.message a.closeerror:active,
div.message a.closeerror:focus {
background-image: url(../images/ic-closeerror-hover.gif);
}
div.message a.closeformmessage:link,
div.message a.closeformmessage:visited {
background-image: url(../images/ic-close.gif);
}
div.message a.closeformmessage:hover,
div.message a.closeformmessage:active,
div.message a.closeformmessage:focus {
background-image: url(../images/ic-close-hover.gif);
}