
/**********************************************************
	Expose-Styles
	******************************************************
	
	Standards					  40
	Infoblock				 	  60
	Pager					 	  95

	Funktionslinks				 130
	Objekttitelzeile			 155
	Tabelle mit Basisdaten 		 200
	
	Bildervorschau				 235
	Anbieterdaten				 300
	Schnellkontakt				 340
	Objektbeschreibung			 370
	
	POPUPS
	******
	"Weitere Ansichten"-Popup	 400
	Anbieterimpressum			 
	Expose bewerten

	Missing Expose				 495
	Expose versenden			 680
	
	Anbieterkontakt				 730
	Telefonlink					 780

	Zeitungsanzeigen			 800
	Druckansicht				 860
	
	Exposevorschau				 975
	
**********************************************************/

#expose h1,
#sendexpose h1,
.exposewrapper #expose h1 {
	font-size: 13px;
	line-height: 21px;
	margin: 12px 0 0 0;
}

#expose h2 {
	font-size: 13px;
	line-height: 19px;
}

#expose .error {
	color: #f00;
}

#expose .immologo {
	float: right;
}

#expose .mandantlogo {
	float: left;
}



/**********************************************************
	 Infoblock 
**********************************************************/

#expose #criteriainfo,
#expose #featureinfo,
#expose #naviinfo,
#expose #objecttypeinfo,
#expose #typeinfo {
	background: #e9f2fb;
	padding: 5px;
}

#expose .label {
	font-weight: bold;
	float: left;
	padding-right: 3px;
}

#expose #naviinfo .label { width: 70px;}
#expose #typeinfo .label { width: 35px;}

#expose #criteriainfo .label,
#expose #featureinfo .label,
#expose #objecttypeinfo .label { width: 100px; }

#expose  #infos .data {
	float: left;
}

#expose #infos .miniwelt {
	border: 0;
	vertical-align: middle;
}


/**********************************************************
	 Pager 
***********************************************************/

#blaettern {
	margin-top: 10px;
	height: 21px;
	font-weight: bold;
}

#expose .pagerlinks {
	width: 200px;
	float: left;
	padding: 3px 5px;
}

#expose .pagerrechts {
	width: 400px;
	float: right;
	text-align: right;
	padding: 3px 5px;
}

#expose .pagerrechts a.pageBack,
#expose .pagerrechts a.pageForward {
	text-decoration: none;
}

#expose .pagerrechts .pageNumber {
	font-size: 13px;
}





/**********************************************************
	Funktionslinks 
**********************************************************/

#expose #functions {
	font-weight: bold;
	margin-top: 7px;
	line-height: 26px;
}

#expose #functions .cardlink {
	background: transparent url(/de/areamap/images/man_ico_pin_lageplan.gif) no-repeat;
	float: left;
	padding: 0 0 0 25px;
}

#expose #functions .functionlinks {
	float: right;
	width: 400px;
	text-align: right;
}



/**********************************************************
	 Titelzeile mit ImmonetNr. 
**********************************************************/

#expose #objecttitle {
	margin: 5px 0;
}

#expose .topimmoicon {
	float: left;
	width: 47px;
}

#expose .statusicon {
	float: left;
	padding-top: 5px;
	width: 18px;
}

#expose .titlewithpartner {
	width: 400px;
}

#expose .partner {
	float: right;
	width: 150px;
	text-align: right;
}

#expose .titlenopartner {
	width: 550px;
}

#expose .immonetnr {
	font-size: 13px;
}




/**********************************************************
	Tabelle mit Basisdaten am Anfang des Exposes
	Tabelle mit Weiteren Daten am Ende des Exposes
**********************************************************/

#expose #basicdata {
	float: left;
	width: 370px;
	margin: 0 0 8px 0;
	text-align: center;
}

#expose #weiteredaten td,
#expose #weiteredaten th {
	overflow: hidden;
	font-weight: normal;
	line-height: 18px;
}

#expose td td,
#expose td th {
	padding: 2px 5px;
}

#expose #basicdata td {
	text-align: center;
}

#expose #basicdata .price {
		width: 160px;
}

#expose #basicdata .rooms {
		width: 80px;
}

#expose #basicdata .size {
		width: 130px;
}

.color6,
.border_full6,
.border_half6 {
	background: #E9F2FB;
}

.color3,
.border_full3,
.border_half3 {
	background: #C7D8F6;
}



/**********************************************************
	Bildervorschau
**********************************************************/

#expose #views {
	float: left;
	width: 370px;
	text-align: center;
	margin-bottom: 12px;
}

#expose #views #firstview .image {
	padding: 5px;
	background: #ddd;
}

#expose #views #moreviews .caption {
	margin: 15px 0;
	text-align: left;
}

#expose #views #moreviews .thumbs .image {
	background: #ddd;
	width: 116px;
	float: left;
	text-align: center;
}

#expose #views #moreviews .thumbs .gapleft {
	margin-left: 4px;
}

#expose #views #moreviews .thumbs .image .videopic {
	position: absolute;
	margin-left: -112px;
	margin-top: 61px;
}




/**********************************************************
	Anbieterdaten
**********************************************************/

#expose #brokerdatablock {
	float: right;
	width: 240px;
	margin: 0 0 0 5px;
	overflow: hidden;
}

#expose #brokerdatablock .inhalt {
	margin: 5px 0 10px 0;
}

#expose #brokerdata {
	background: #e9f2fb;
	padding: 5px;
}


/* Anbieterdaten im Langkontaktformular */
#anbieterdaten {
	margin: 10px 0;
}

#verbandslogo {
	float: right;
	margin: 5px 0;
}


/**********************************************************
	Schnellkontaktformular
**********************************************************/

#expose #quickcontact {
	margin: 10px 0 0 0;
	background: #e9f2fb;
	padding: 5px;
}

#expose .freeformrow {
	line-height: 25px;
}

#expose .freeformlabel,
#expose .freeformlabelerror {
	width: 90px;
	float: left;
}

#expose .freeformdata {
	float: left;
}




/**********************************************************
	 Container für Objektbeschreibungstexte 
**********************************************************/

#expose .startdescriptions {
	clear: left;
}

#expose .description {
	font-size: 13px;
	margin: 15px 0 0 0;
}

#expose #weiteredaten {
	margin: 10px 0;
}

#expose #disclaimer {
	margin: 5px 0;
	clear: both;
}

/* Eventuell bei den Mandanten unterschiedliche "neu"-Bildchen??  */ 
#expose #exposebewertenlink {
	background: transparent url(/img/icons/ico_neu.gif) 0 10px no-repeat;
	padding: 5px 0 5px 27px;
}



/**********************************************************
	Weitere Ansichten
**********************************************************/
/*	im Popup 'Weitere Ansichten' braucht der immonetcontent andere Einstellungen...
	- der linke Abstand zwischen Fensterrahmen und Content war zu groß
	- die Breite ist per default zu schmal 
	- margin ist ueberfluessig */
#immonetpopup #immonetcontent { 
	width: 810px;
	float: none;	
	margin: 0;
}

#immonetexposeviews {
	width: 810px;
	/*padding auskommentiert, weil der IE die Scrollbalken (inaktiv) anzeigt und somit mehr Platz braucht als der FF  
	Grundsaetzlich ist das padding hier nicht notwendig! */
	/*padding: 8px;*/
}

/* Zeile mit Objekttitel und Immonetlogo */
#immonetexposeviews #heading {
	margin: 10px 0;
}

#immonetexposeviews #heading .objecttitle {
	float: left;
}

/* Reiterleiste mit Medienarten */
#immonetexposeviews #reiterleiste .selreiter {
	float: left;
	padding: 3px;
}

#immonetexposeviews #reiterleiste .reiterspacer {
	float: left;
	width: 5px;
}

#immonetexposeviews #reiterleiste .reiteraktiv {
	background: #C7D8F6;
}

#immonetexposeviews #reiterleiste .reiterpassiv {
	background: #e9f2fb;
}

#immonetexposeviews #background {
	background: #e9f2fb;
	min-height: 500px;
}

#immonetexposeviews #pages {
	background: #C7D8F6;
	font-weight: bold;
	text-align: right;
	padding: 3px;
}

#immonetexposeviews #pages a {
	text-decoration: none;
}

#immonetexposeviews #links {
	padding: 3px 3px 10px 3px;;
}

#immonetexposeviews #content {
	text-align: center;
}

#immonetexposeviews #content #data {
	padding: 3px;
	text-align: center;
}


/**	"Sonstige Dokumente" *********************************/

#immonetcontent .dokumentTitel {
	margin: 18px 0 0 8px;
}

#immonetcontent .uebersichtSonstigeDokumente .sonstigeDokumenteTitel {
	font-weight: bold;
	margin: 8px 0 0 3px;
}

#immonetcontent .sonstigeDokumentePDF {
	background: url(/user/objectInsertion/include/gfx/pdf.gif) no-repeat;
	width: 35px;
	height: 40px;
	margin-top: 8px;
}

#immonetcontent .uebersichtSonstigeDokumente .sonstigeDokumentePDF {
	background: url(/img/icons/ico_pdf.gif) no-repeat;
	width: 17px;
	height: 17px;
	margin-top: 5px;
}

/** Icon für Video auf "weitere Ansichten" **/
img.video_ansichten {
	border: none;
	margin-right: 3px;
	margin-bottom: 1px;
	vertical-align: bottom;
}



/**********************************************************
	Missing Expose
**********************************************************/

#expose .pagerleisteoben {
	background-color: #C7D8F6;
	border: 1px solid #C7D8F6;
	font-weight: bold;
	margin: 10px 0 2px 0;
	padding: 3px;
}

#expose .kopffeld {
	background: #C7D8F6;
	border: 1px solid #C7D8F6;
	text-align: center;
	float: left;
	margin: 0 2px 0 0;
	color: #fff;
}

#expose .kopfobjekt {
	width: 211px;
}

#expose .kopfpreis {
	width: 122px;
}

#expose .kopfzimmer {
	width: 67px;
}

#expose .kopfgroesse {
	width: 94px;
}

#expose .kopfbild {
	margin: 0;
	width: 108px;
}



#immonetmissingexpose #searchsimilar .topobjectmarker {
	padding: 0 0 8px 0;
	border-bottom: 2px solid #5C8FD1;
}



/* Ein Objekt */
#immonetmissingexpose #searchsimilar .objectinfo {
	margin: 10px 0;
}


/*  Objekt-Titelzeile*/
#expose .otitle {
	border-top: 1px solid #E4EFFA;
	background: #E4EFFA;
	padding: 3px;
}

#immonetmissingexpose #searchsimilar .objectinfo .otitle .otitleikon {
	width: 12px;
	height: 12px;
	top: 2px;
}

#immonetmissingexpose #searchsimilar .objectinfo .otitle .ikon {
	float: left;
	width: 25px;
}

#immonetmissingexpose #searchsimilar .objectinfo .otitle .text {
	float: left;
	width: 580px;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
}


/* Objekt-Datenzeile */
#expose .odata {
	margin: 2px 0 0 0;
}

#immonetmissingexpose #searchsimilar .objectinfo .odata .ikon {
	float: left;
	width: 25px;
}

#immonetmissingexpose #searchsimilar .objectinfo .odata .data {
	float: left;
	width: 483px;
}

#immonetmissingexpose #searchsimilar .objectinfo .odata .data .typeinfo {
	float: left;
	width: 180px;
	padding: 3px;
}



/* Farbige Felder in der Objekt-Datenzeile */

#immonetmissingexpose #searchsimilar .objectinfo .odata .data .objdata {
	float: left;
	width: 297px;
}

#expose .feld {
	float: left;
	padding: 3px 0;
	margin: 0 0 0 2px;
	background: #E4EFFA;
	height: 30px;
	text-align: center;
}

#immonetmissingexpose #searchsimilar .objectinfo .odata .data .objdata .preis {
	width: 125px;
}

#immonetmissingexpose #searchsimilar .objectinfo .odata .data .objdata .zimmer {
	width: 67px;
}

#immonetmissingexpose #searchsimilar .objectinfo .odata .data .objdata .groesse {
	width: 93px;
}

#immonetmissingexpose #searchsimilar .objectinfo .odata .data .objdata .linksikons {
	padding: 5px 3px;
}

#immonetmissingexpose #searchsimilar .objectinfo .odata .data .objdata .linksikons a {
	font-weight: bold;
}

#immonetmissingexpose #searchsimilar .objectinfo .odata .image {
	float: right;
	width: 106px;
	text-align: right;
}



/* Weitere Immobilien unter der SEL */

#expose #moreobjects .block {
	width: 49%;
	background: #e4effa;
	margin: 0 0 10px 0;
}

#expose #moreobjects .blkinhalt {
	padding: 5px;
	line-height: 21px;
}

#expose #moreobjects h1 {
	background: #5c8fd1;
	color: #fff;
	margin: 10px 0;
	padding: 1px 5px;
	font-weight: normal;
	font-size: 11px;
}

#expose #moreobjects h2 {
	background: #c7d8f6;
	margin: 0;
	padding: 2px 5px;
	font-size: 11px;
}

#expose #moreobjects a {
	font-weight: bold;
}



/**********************************************************
	Expose versenden
**********************************************************/

#immonetcontent #sendexpose {
	font-size: 13px;
}

#immonetcontent #sendexpose form {
	padding: 7px;
	background: #eee;
}

#immonetcontent #sendexpose input,
#immonetcontent #sendexpose textarea {
	width: 370px;
}



/**********************************************************
	Anbieterkontaktformular (Langkontakt)
**********************************************************/
.freeformdata input.checkbox {
	margin: 6px 1px;
}
/* extra wuerste fuer die IEs*/
*+html #expose .freeformdata input.checkbox { margin: 0 -2px;}
* html #expose .freeformdata input.checkbox { margin: 0 -4px; }

/*** Formate fuer Schnellkontakt via Expose ***/
/* neues Feld: textarea */
#expose #quickcontact .annotations_data textarea {
	width: 124px;
	height: 100px;
	overflow: auto;
}

#quickcontact .freeformdata input.text {
	width: 124px;
} 

/*** Formate fuer Kontakt zum Anbieter via 'alle Kontaktdaten' ***/
#immonetexposecontact .freeformdata {
	float: left;
}
#brokercontact .freeformlabel,
#brokercontact .freeformlabelerror {
	width: 250px;
	float: left;
}
#brokercontact .annotations_data textarea {
	width: 220px;
	overflow: auto;
}
#brokercontact .schnellkontakt {
	background-color: #eee;
	margin: 5px 0 0 0;
	padding: 5px;
}
#brokercontact .freeformrow {
	margin: 2px 0 0 0;
	font-weight: normal;
}
#immonetexposecontact #brokercontactdata .avdbroker {
	float: left;
	width: 300px;
}

#immonetexposecontact #brokercontactdata .avdassistant {
	float: left;
	width: 300px;
}

#immonetexposecontact #brokercontactdata .objectowner {
	clear: both;
}

/* *********** Langkontakt: Erweiterung - Adresse eingeben: OLZ Ort ********** */

#brokercontact #contactaddressarea_link .contactaddress_expander_link {
	background: transparent url("/img/icons/ico_plus_schwarz.gif") no-repeat left 4px;
	margin: 8px 0 0 0;
	padding-left: 12px;
}

#brokercontact #contactaddressarea_link .contactaddress_collapser_link {
	background: transparent url("/img/icons/ico_minus_schwarz.gif") no-repeat left 4px;
	margin: 8px 0 0 0;
	padding-left: 12px;
}

#brokercontact div.contactaddressicon {
	text-decoration: underline !important;
}

#brokercontact .freeformjoin_contact_zip,
#brokercontact .freeformjoin_contact_zip input {
	width: 50px;
}

#brokercontact .freeformjoin_contact_zip {
	margin-right: 10px;
}

/* IE 6 Hack */
* html #brokercontact .freeformjoin_contact_zip {
	margin-right: 3px;
}

#brokercontact .freeformjoin_contact_city,
#brokercontact .freeformjoin_contact_city input {
	width: 158px;
}

#brokercontact .cookie {
	line-height: 14px;
	margin: 12px 0 12px 0;
}


/**********************************************************
	Telefonlink zum Ausklappen 
**********************************************************/

a#klappboxlink1, 
a#klappboxlink2, 
a#klappboxlink3, 
a#klappboxlink4 {
	background: transparent url(/img/icons/ico_telefon.gif) 0 50% no-repeat;
	padding: 5px 0 5px 22px;
	display: block;
}
#klappbox1, 
#klappbox2, 
#klappbox3, 
#klappbox4 {
	display: none;
	padding: 5px 0;
}




/**********************************************************
	Tabellen- und gestaltete Anzeigen
**********************************************************/

/* Abgetönter Hintergrund */
#expose #zeitungsanzeige {
	background: #e9f2fb;
	padding: 7px;
}

#expose #zeitungsexpose .title {
	width: 450px;
	float: left;
	margin-bottom: 10px;
}

#expose #partnerangebot {
	float: right;
	margin-top: 10px;
}

#expose #chiffrelink {
	float: right;
	font-weight: bold;
	margin-bottom: 7px;
}

#expose #importdatum {
	padding-top: 7px;
}

#expose #anzeigenimage {
	text-align: center;
}

/* Popup mit anbieterspezifischem Chiffretext */
#expose #chiffretext {
	padding: 7px;
	background: #eee;
}


/***** Tabellenanzeige ***********************************/

#expose #tabellenanzeige  td,
#expose #tabellenanzeige  th {
	font-weight: normal;
	text-align: left;
	padding: 2px 3px;
	border: 1px solid #fff;
}
	



/**********************************************************
	 Expose Druckansicht 
**********************************************************/

#immonetexposeprint {
	margin: auto;
	padding: 0;
	width: 622px;
}

/* Kopf mit Logos */
#immonetexposeprint #head {
	margin: 0 0 10px 0;
}

.brokerlogo {
	float: right;
}


/* Exposé aus dem Angebot von Immonet.de */
#immonetexposeprint #offeredbyimmonet {
	margin: 30px 0 5px 0;
}

/* Gegenstück unten: Disclaimer */
#immonetexposeprint #disclaimer {
	padding: 20px 0;
	border-bottom: 1px solid #808080;
}
	
	
	
/* Links für javascript:print und Langes/Kurzes Expose */
#immonetexposeprint .button {
	float: right;
	text-align: right; 
	font-weight: bold;
}
#immonetexposeprint .button a{
	margin-left: 20px;
}


/* Überschrift ist mit color6 hinterlegt, deshalb padding */
#immonetexposeprint h1 {
	padding: 3px 7px;
}

#immonetexposeprint h2 {
	line-height: 19px;
	margin: 15px 0 0 0;
}


/* Zwei Spalten für Daten und Anbieter */
#immonetexposeprint #objectbrokerdata {
	border-bottom: 1px solid #808080;
	padding-bottom: 15px;
}

#immonetexposeprint #objectdaten {
	width: 48%;
	float: left;
	font-size: 13px;
	margin-top: 15px;
	line-height: 19px;
}

#immonetexposeprint #brokerdaten {
	width: 48%;
	float: right;
}



/* Container für Bilder */
#immonetexposeprint #alleansichten,
#immonetexposeprint #ersteansicht {
	text-align: center;
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 1px solid #808080;
}

/* Container für Texte */
#immonetexposeprint #alletexte {
	border-bottom: 1px solid #808080;
}

/* Beschriftung im Anzeigencontainer */
#immonetexposeprint .anzeige {
	font-size: 10px;
	text-align: right;
}

#immonetexposeprint #expose h2.fliesstextanzeige,
#immonetexposeprint #expose h2.gestalteteanzeige,
#immonetexposeprint #expose h2.tabellenanzeige {
	background-color: #ddd;
}

#immonetexposeprint #expose div.fliesstextanzeige,
#immonetexposeprint #expose div.gestalteteanzeige,
#immonetexposeprint #expose div.tabellenanzeige {
	background-color: #eee;
}



/*********************************************************
	Nur für Exposevorschau in der Objekteingabe
**********************************************************/
.exposewrapper #expose {
	width: 620px;
}



/*********************************************************
	Ausblenden bei allen Mandanten
	(nur bei Ausnahmemandanten anzeigen)
**********************************************************/

#bhwheader {
	display: none;
}


