/********************************************************
	Grundlegendes Mandanten-Layout
	*****************************************************

	Grundlagen						 15
	Hauptbereiche					 77
	#immonetkopf und Logos			164
	#immonetsucheundnavigation		210
	#loginbox (rechte Spalte)		315		Alles andere aus der rechten Spalte steht in adserver.css
	Footer							345

*******************************************************/


body {
	background-color: #fff;
	font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0;
	margin: 0;
}


/****** Bilder und Links  ********************************/

a {
	border: none;
	text-decoration: underline;
}

a:link {
	color: #369;
	text-decoration: underline;
}

a:visited,
a:active {
	color: #69c;
}

#immonetcontent a.navilink:link {
	text-decoration:none;
}
#immonetcontent a.navilink:hover{
	text-decoration:underline;
}

img, #immonetcontent img {
	border: none;
}


td, #immonetcontent td {
	vertical-align: top;
	font-size: 11px !important; 
}

/**********************************************************
	Formulare
	spezifische Formularstyles in formulare.css
**********************************************************/

#immonetcontent form {
	padding: 0;
	margin: 0;
}

select, input, textarea { font-size:11px; font-family:arial,sans-serif; font-stretch:17px; font-style:normal; line-height:17px;}
input.text, input.inputError, input[type=text], input[type=password], textarea, .inputText { padding:3px 5px; }
select { padding:1px; background-color:white; }
input.radio, input.checkbox, input[type=radio], input[type=checkbox] { margin:2px 3px 0 0; background-image:none;}
input.inputError, select.inputError, textarea.inputError, .checkbox.inputError { border: 1px solid #e63c34; }
.checkbox.inputError input { margin:0; } /* checkbox style im Fehlerfall, wenn input mit einem span class=checkbox umgeben wird*/

/* Kontaktformulare */
.frmRow { overflow:hidden; margin-bottom:6px; }
.frmLbl { float:left; margin-right:2%; width:37%; }
.frmLbl.joined { width:auto; margin:0; }
.frmData { float:left; } /* default attr for all form fieldtypes */
input[type="text"].frmData, textarea.frmData { width:55%; } /* with only for textfields and textareas */
input[type="text"].frmData.joined.zip { width:10%; margin-right:1%;} /* default with zip field */
input[type="text"].frmData.joined.city { width:42%; } /* default with zip field */



/****** iframe *******************************************/

iframe {
	border: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}


/****** Trennlinie ***************************************/

#immonetcontent hr {
	color: #ddd;
	background-color: #ddd;
	height: 1px;
	border: 0;
}




/****** Hauptbereiche ************************************/

div.immonetbreit {
	/* 984 (immonetseite) + 8 (margin-right immonetseite) + 160 (skyscraper) + 4 */
	/* ?? Ist diese Formel richtig ??? Was ist, wenn die immonetseite 986px ist?*/
	width: 1178px;
	margin: 0 auto;
}

div.immonetschmal {
	/* 986 (immonetseite) + 2 */
	width: 988px;
	margin: 0 auto;
}

#immonetseite {
	width: 986px;
	float: left;
}

div.immonetbreit #immonetseite {
	/* rechter rand dazu fuer wide skyscraper */
	margin: 7px 8px 7px 0;
}

div.immonetschmal #immonetseite {
	margin: 7px 0;
}

#immonetbreitadtag {
	width: 160px;
	margin: 7px 0 0 0;
	text-align: left;
}

#immonetschmaladtag {
	width: 160px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#skyscraper {
	text-align: center;
	margin-top: 5px;
}



/****** Immonetcontent ***********************************/

#immonetcontent {
	width: 620px;
	float: left;	
	margin: 0 0 0 10px;
}



/** Buttoncapleiste
	für Abendblatt, Bild, FR 
**********************************************************/

#buttoncapleiste {
	height: 15px;
	text-align: center;
}

#buttoncapleiste .cap {
	width: 244px;
	float: left;
	background-color: #D4D0C8;
	border-top: 1px solid #f8f4ed;
	border-left: 1px solid #f8f4ed;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

#buttoncapleiste .capsmall {
	width: 178px;
}

#buttoncapleiste .capwide {
	width: 260px;
}

#buttoncapleiste a {
	text-decoration: none;
}



/** Hellblaue Immonetcapleiste
	z.B. für München
**********************************************************/

#immonetcapleiste {
	background: #E9F2FB;
	border-bottom: 1px solid #BBD9EE;
	text-align: center;
}

#immonetcapleiste a {
	line-height: 18px;
	background: transparent url(/img/rebrush/pic_pfeil_header.gif) 5px 4px no-repeat;
	padding: 0 5px 0 17px;
	text-decoration: none;
}





/***** Immonetkopf mit Logos und Adtag ************/

#immonetkopf {
	margin-bottom: 8px;
}

#immonetadtagkopf {
	width: 728px;
	margin: 0 0 0 4px;
	text-align: right;
	float: left;
}

#immonetlogo {
	width: 250px;
	text-align: left;
	float: left;
}


/** Immonetlogo mit Schriftzug 
	"Service von", 	"Partner von",	"Immobilien von" **/
.service {
	clear: both;
	float: right;
	padding: 5px 0;
}

.service-logo {
	position: relative;
	top: 1px;
}

.zusammenmit {
	margin: 0 0 7px 0;
	background-color: #fff;
	font-size: 10px;
	color: #aaa;
}



/** Linke Navigation
	*******************************************************
	Bei Anlegen eines neuen Mandanten die Styles 
	des Prototypen propertygate kopieren und anpassen ****/

#immonetsucheundnavigation {
	text-align: left;
	width: 182px;
	float: left;
}

#immonetsuche {
	margin-bottom: 2px;
	border: 1px solid #bccddd;
}

#immonetsuche .header {
	background-color: #d5000d;
	font-weight: bold;
	color: #fff;
	line-height: 20px;
	text-indent: 5px;
}

#immonetsuche form {
	padding: 5px 0 5px 5px;
	margin: 0;
}


/** Border um ganze Navi ziehen **/
#immonetnavigation {
	border: 1px solid #bccddd;
}

#immonetnavigation,
#immonetnavigation ul,
#immonetnavigation li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/** alle Listenpunkte */
#immonetnavigation li {
	line-height: 20px;
	text-indent: 5px;
}

/** alle Links */
#immonetnavigation li a {
	display: block;
	height: 20px; /*IE6*/
	text-decoration: none;
}

#immonetnavigation a:hover {
	text-decoration: underline;
}

/** Links zu Hauptbereichen **/
#immonetnavigation li.mainitem {
	margin-top: 2px;
}
#immonetnavigation li.mainitem.top {
	margin-top: 0px;
}
#immonetnavigation li.mainitem a {
	background: #5c8fd1;
	font-weight: bold;
	color: #fff;
	padding-bottom:3px;
}

/** Nicht verlinkte Immobilienarten **/
#immonetnavigation li.subitem {
	background: #e9f2fb;
	font-weight: bold;
}

/** Alle normalen lis in der Navigation */
#immonetnavigation ul.items li a {
	background: #fff;
	border-bottom: none;
	font-weight: normal;
	color: #369;
	padding-bottom:0px;
} 

/** Abmelden-Link im eingeloggten Zustand 
	auf allen(?) Mandanten in gelb  **/
#immonetnavigation ul.items li.logout a {
	background-color: #fa4;
	font-weight: bold;
	color: #fff;
}

/** Highlight des aktiven Menüpunkts **/
#immonetnavigation #home.highlight a,
#immonetnavigation ul.items li.highlight a {
	background-color: #184c8c;
	color: #fff;
}


/****************************************************
	Integrierte Navigation
****************************************************/
#immonetcontent .intnavi_row {
	width:100%; 
	margin-bottom: 2px;
}
#immonetcontent .intnavi_row .r1{ width:15%; }
#immonetcontent .intnavi_row .r2{ width:26%; }
#immonetcontent .intnavi_row .r3{ width:15%; }
#immonetcontent .intnavi_row .r4{ width:14%; }
#immonetcontent .intnavi_row .r5{ width:15%; }
#immonetcontent .intnavi_row .r6{ width:13.22%; margin:0pt;}

/* fuer Anbieterbereich (eingeloggt)*/
#immonetcontent .intnavi_row .r1a{ width:15%; }
#immonetcontent .intnavi_row .r2a{ width:18%; }
#immonetcontent .intnavi_row .r3a{ width:14%; }
#immonetcontent .intnavi_row .r4a{ width:14%; }
#immonetcontent .intnavi_row .r5a{ width:20%; }
#immonetcontent .intnavi_row .r6a{ width:16.7%; margin:0pt; padding-left:3px;}



/****************************************************
	Rechte Spalte: Loginbox
****************************************************/

#immonetloginbox {
	background-color: #fff;
	margin-bottom: 8px;
	padding: 0;
	border: 1px solid #ddd;
}

#immonetloginbox .header {
	background-color: #ddd;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	line-height: 21px;
}

#immonetloginbox .header a {
	color: #333;
	line-height: 21px;
}

#immonetloginbox .txtinput {
	width: 142px;
}

#immonetloginbox a {
	line-height: 15px;
}

#immonetloginbox .geschlossenerbereich {
	margin: 5px;
}

/* setzt im Anbieterbereich einen teil des Loginblocks auf unsichtbar. Warum??
#immonetloginbox .merkzettel_suchagent_links {
	display: none;
}*/

#login_und_registrieren {
	margin-bottom: 10px; 
	font-size: 11px;
	font-weight: bold;
	
}

/****** Bilder und Links  ********************************/
.imprint
{
	padding: 5px 0;	
	width: 614px;
}

#immonetcontent img.reg_teaser {
	width: 294px;
	height: 47px;
}

/****** zurueck Link  ********************************/
#immonetfinden .zuruecklink {
	margin-top: 12px;
	font-weight:bold;
	background-color: #EEE;
	padding: 5px;
}


/**********************************************************
	Vier Footer sollt Ihr sein
**********************************************************/

/***** Footer 1: Immonetfusslinkzeile ********************/
#immonetfusslinks {
	text-align: center;
}

#immonetfusslinks a {
	color: #369;
	text-decoration: underline;
}


/***** Footer 2: Immonet-Netzwerklinks *******************/

#immonetnetzwerk {
	text-align: center;
	margin: 12px 0;
	padding: 12px 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

#immonetnetzwerk a {
	color: #369;
}


/***** Footer 3: Immonet-Copyrightzeile ******************/

#immonetcopyright {
	text-align: center;
}


/***** Footer 4: Links zu ASV-Online-Angeboten ***********/

#immonetasvsites {
	text-align: center;
	color: #999;
	margin-top: 12px;
}

#immonetasvsites a {
	color: #999;
	text-decoration: none;
}

#immonetasvsites a:hover {
	text-decoration: underline;
}


/***** Panel (in Abweichung zu IM) ************************/

#panel_klein ul li {
	margin: 0;
}