/*
----------Inhalt------------------------------
1. Infos zu Standards
2. Allgemeine Festlegungen
3. Äußeres DIV der Seite
6. Content
	6.1. Content Allgemein
	6.3. Content Objektseiten
		6.3.1. Content Objektseite Expose	
			6.3.1.2. Content Objektseite Expose Eckdaten
			6.3.1.4. Content Objektseite Expose Beschreibung
			6.3.1.5. Content Objektseite Expose Weitere Info
7.	Bilder Druckansicht Expose
*/
/*
---------- 1. Infos zu Standards ------------------------------
wichtige Farben: 
	Schrift Fliesstext = #575553
	grün = #5DA526
	beige = #F1F0C2
	grau für Linien = #727272
*/

/*
----------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 {
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: #000;
}

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 {
position: absolute;
left: 50%;
margin: 16px 0px 0px -355px;
width: 660px;
}

div#page-border {
border: 1px solid #5DA526;
float: left;
width: 658px;
margin-bottom: 8px;
}

div.page-links {
margin-bottom: 8px;
text-align: center;
width: 658px;
}

div.page-links.bottom {
margin-bottom: 16px;
}

div.page-links span {
font-size: 16px;
}

/*
---------- 6. Content ------------------------------
*/
/* ------- 6.1. Content Allgemein ------- */
div#content {
margin: 8px 0px 16px 28px;
width: 610px;
} 

div#logo {
float: right;
margin-right: 5px;
}

/* ------- 6.3. Content Objektseiten ------- */
div#objektexposetitel {
height: 112px;
margin-top: 19px;
width: 400px;
float: left;
}

div#objektexposetitel h1 {
font: 18px/22px Arial, Helvetica, Verdana, sans-serif; 
margin: 0px;
padding: 0px;
}

/* ------- 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.2. Content Objektseite Expose Eckdaten ------- */
div#exposeeckdaten {
width: 400px;
margin-bottom: 16px;
} 

* html body div#exposeeckdaten { /* ------- for IE 6 ------- */
margin-right: -10px;
float: left;
}

dl.exposeeckdatendaten,
dl.exposeeckdatendatenende {
float: left;
width: 400px;
padding: 3px 0px 3px 0px;
border-bottom: 1px solid #ccc;
}

dl.exposeeckdatendatenende {
border-bottom: none;
margin-bottom: 16px;
}

dl.exposeeckdatendaten dt,
dl.exposeeckdatendatenende dt {
float: left;
padding: 0px 0px 0px 0px;
width: 160px;
font-weight: bold;
}

dl.exposeeckdatendaten dd,
dl.exposeeckdatendatenende dd {
float: left;
padding: 0px;
width: 240px;
}

dl.exposeeckdatendatenende dd span {
float:left;
}

dl.exposeeckdatendatenende dd ul.othercurrency {
display:none;
}

#span-expose-show {
display:none;
}

#span-img-show {
display:none;
}

#span-imgall-show {
display:none;
}

/* ------- 6.3.1.4. Content Objektseite Expose Beschreibung ------- */
div#exposebeschreibung {
margin: 0px 0px 16px 0px;
width: 400px;
}

* html body div#exposebeschreibung { /* ------- for IE 6 ------- */
margin-right: -10px;
float: left;
}

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 {
width: 400px;
margin-bottom: 32px;
float: left;
}

div#exposeinfo dl {
float: left;
width: 400px;
}

div#exposeinfo dt {
float: left;
padding: 3px 0px 3px 0px;
font-weight: bold;
border-bottom: 1px solid #ccc;
width: 160px;
}

div#exposeinfo dd {
float: left;
padding: 3px 0px 3px 0px;
width: 240px;
border-bottom: 1px solid #ccc;
}

/*
---------- 7. Bilder Druckansicht Expose ------------------------------
*/

div#images {
float: left;
margin: 0px 0px 7px 0px;
width: 400px;
}

* + html div#images { /* ------- for IE 7 ------- */
margin-bottom: 24px;
}

* html body div#images { /* ------- for IE 6 ------- */
margin: 0px -10px 7px 0px;
}

div#images-all {
width: 615px;
display:none;
}

div#images div.links,
div#images-all div.links,
div#images-small div.links {
color: #5DA526;
margin-bottom: 8px;
float: left;
width: 400px !important;
}

div#images-all div.links {
width: 605px !important;
}

div#images div.links span,
div#images-all div.links span,
div#images-small div.links span {
float: left;
}

div#images div.links a,
div#images-all div.links a,
div#images-small div.links a {
text-decoration: none;
color: #5DA526;
}

div#images div.links a:hover,
div#images-all div.links a:hover,
div#images-small div.links a:hover {
font-weight: bold;
}

div#images-small div.links {
float: right;
width: 200px !important;
}

div#images-all {
float: left;
}

div#images-all div.links {
float: left;
}

div#images div.out,
div#images-small div.out,
div#images-all div.out {
float: left;
display: table;
width: 183px;
height: 129px;
padding: 5px;
margin: 0px 0px 17px 0px;
border: 1px solid #ccc;
#position: relative; /* ------- for IE ------- */
overflow: hidden;
}

div#images-all div.out {
margin-right: 10px;
}

div#images div.out {
width: 388px;
height: 287px;
}

div#images div.middle,
div#images-small div.middle,
div#images-all div.middle {
display: block;
height: 129px;
width: 182px;
display: table-cell;
vertical-align: middle;
#position: absolute; /* ------- for IE ------- */
#top: 50%; /* ------- for IE ------- */
}

* html body div#images div.middle,
* html body div#images-all div.middle,
* html body div#images-small div.middle { /* ------- for IE 6 ------- */
height: auto !important;
}

div#images div.middle {
width: 388px;
}

* + html div#images div.middle,
* + html div#images-all div.middle,
* + html div#images-small div.middle { /* ------- for IE 7 ------- */
height: auto !important;
}

div#images div.inner,
div#images-all div.inner,
div#images-small div.inner {
#position: relative; 
#top: -50%;
}

div#images img,
div#images-all img,
div#images-small img {
float: none;
display: block;
margin-left: auto;
margin-right: auto;
}

a#loading-icon-en,
a#loading-icon-de,
a#loading-icon-es {
	position			:	fixed;
	z-index				:	12;
	top				:	50%;
	left				:	50%;
	height				:	105px;
	width				:	105px;
	padding				:	0px;
	margin				:	-52px 0px 0px -52px;
	background-position		:	center center;
	background-repeat		:	no-repeat;
	background-color		:	#efefef;
	display				:	none;
	text-decoration			:	none;
}

a#loading-icon-en {
	background-image		:	url(../images/loading-en.gif);
}

a#loading-icon-de {
	background-image		:	url(../images/loading-de.gif);
}

a#loading-icon-es {
	background-image		:	url(../images/loading-es.gif);
}

* html a#loading-icon-en,
* html a#loading-icon-de,
* html a#loading-icon-es {
	left				:	0px;
	top				:	0px;
	margin				:	auto;
}

div#loading-bg {
	position			:	fixed;
	z-index				:	10;
	top				:	0px;
	left				:	0px;
	width				:	100%;
	height				:	100%;
	background-color		:	#c0c0c0;
	opacity				:	0.6;
	filter				:	progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	filter				:	Alpha(Opacity=60);
	display				:	none;
}