/* Ganzer Navigationsbereich */

#top {
	display: none;
}
/* Im Safari sind alle Links untersrichen, deshalb diese Definition */
ul li a:link, ul li a:visited, ul li a:focus, ul li a:hover, ul li a:active {
	text-decoration:none; }

/***********************************************
 Topnavigation
***********************************************/
#immonettopnavi {
	width: 400px;
	color: #ccc;
	position: relative;
	left: 572px;
	top: -3px;
	text-align: right;
}

#immonettopnavi ul {
	background: #fff;
	display: block;
	padding: 8px 0 0 0;
	float: right;
}





/***********************************************
 Logo
***********************************************/
img#immonetlogo {
	border: none;
	float: left;
	margin-top: -17px;
	position: relative;
}

/***********************************************
 Reiternavigation
***********************************************/
#immonetnavigation ul.menu {
/*	float: left;*/
	float: right;
/*	margin-left: 20px;*/
	margin-top: -15px;
	height: 59px;
	overflow: hidden;
}

#immonetnavigation ul.menu li {
	margin: 10px 0 0 2px;
	padding: 0;
	display: block;
	float: left;
	text-align: center;
}

#immonetnavigation ul.menu li a {
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 1.2em;
}

#immonetnavigation ul.menu li a:hover {
	text-decoration: underline;
}



/***********************************************
	Reiter
***********************************************/

/* Große Reiter */
#immonetnavigation li#menu-suchen a {
	padding: 5px 31px 6px 30px;
}

#immonetnavigation li#menu-suchen a span {
	display: block;
	font-size: 20px;
	margin-left: 5px;
}

#immonetnavigation li#menu-anbieten a {
	padding: 5px 27px 6px 26px;
}

#immonetnavigation li#menu-anbieten a span {
	font-size: 20px;
	display: block;
	margin-left: -3px;
}

/* Sporadisch schneidet der IE7 den Text 'Immobilien' in den beiden Reitern "Immobilien suchen" und "Immobilien anbieten" 
ab. Grund: das span-element im Link scheint beim Scrollen seine Hoehe zu veraendern. Mit der min-height Angabe zeigt der
IE7 dieses Verhalten nicht mehr. Da diese Angabe in diesem Fall von allen Browser korrekt interpretiert, hier allgemein
gueltig definiert. Weiter braucht der IE7 die cursor Angabe bei height.*/
#immonetnavigation li#menu-anbieten a span,
#immonetnavigation li#menu-suchen a span {
	min-height:20px;
	cursor: pointer; 
	/*background-color: darkblue; *//*debugging*/
}

/* Kleine Reiter */
#immonetnavigation li#menu-hausbau,
#immonetnavigation li#menu-finanzierung,
#immonetnavigation li#menu-umbau,
#immonetnavigation li#menu-umzug,
#immonetnavigation li#menu-einrichten {
	margin-top: 30px;
}
#immonetnavigation ul.menu li a {
	padding: 5px 8px 5px;
}

#immonetnavigation ul.menu li a:hover {
	color: #fff;
	text-decoration: none; 
}

#immonetnavigation ul.menu li .active a:hover {
	color: #fff;
}

/* Hintergrundbilder */
#immonetnavigation li#menu-suchen #links-suchen,
#immonetnavigation li#menu-anbieten #links-anbieten {
	background: url(/im/img/navi/tab_rechts_inaktiv.jpg) right top no-repeat;
}

#immonetnavigation li#menu-suchen #links-suchen .active,
#immonetnavigation li#menu-anbieten #links-anbieten .active {
	background: url(/im/img/navi/tab_rechts_aktiv.jpg) right top no-repeat;
}

#immonetnavigation li#menu-suchen #rechts-suchen {
	background: url(/im/img/navi/tab_links_inaktiv.jpg) left top no-repeat;
}

#immonetnavigation li#menu-suchen #rechts-suchen .active {
	background: url(/im/img/navi/tab_links_aktiv.jpg) left top no-repeat;
}

#immonetnavigation li#menu-anbieten #rechts-anbieten {
	background: url(/im/img/navi/tab_links_inaktiv.jpg) left top no-repeat;
}

#immonetnavigation li#menu-anbieten #rechts-anbieten .active {
	background: url(/im/img/navi/tab_links_aktiv.jpg) left top no-repeat;
}


#immonetnavigation li#menu-hausbau #links-hausbau,
#immonetnavigation li#menu-finanzierung #links-finanzierung,
#immonetnavigation li#menu-umbau #links-umbau,
#immonetnavigation li#menu-umzug #links-umzug,
#immonetnavigation li#menu-einrichten #links-einrichten {
	background: url(/im/img/navi/tab_rechts_klein_inaktiv.jpg) right top no-repeat;
}

#immonetnavigation li#menu-hausbau #links-hausbau .active,
#immonetnavigation li#menu-finanzierung #links-finanzierung .active,
#immonetnavigation li#menu-umbau #links-umbau .active,
#immonetnavigation li#menu-umzug #links-umzug .active,
#immonetnavigation li#menu-einrichten #links-einrichten .active {
	background: url(/im/img/navi/tab_rechts_klein_aktiv.jpg) right top no-repeat;
}

#immonetnavigation li#menu-hausbau #rechts-hausbau,
#immonetnavigation li#menu-finanzierung #rechts-finanzierung,
#immonetnavigation li#menu-umbau #rechts-umbau,
#immonetnavigation li#menu-umzug #rechts-umzug,
#immonetnavigation li#menu-einrichten #rechts-einrichten {
	background: url(/im/img/navi/tab_links_klein_inaktiv.jpg) left top no-repeat;
}

#immonetnavigation li#menu-hausbau #rechts-hausbau .active,
#immonetnavigation li#menu-finanzierung #rechts-finanzierung .active,
#immonetnavigation li#menu-umbau #rechts-umbau .active,
#immonetnavigation li#menu-umzug #rechts-umzug .active,
#immonetnavigation li#menu-einrichten #rechts-einrichten .active {
	background: url(/im/img/navi/tab_links_klein_aktiv.jpg) left top no-repeat;
}

#immonetnavigation .menu li a.active {
	color: #fff;
}

#immonetnavigation .arial,
#immonetsubnavi .arial,
.arial {
	font-family: Arial, Helvetica, sans-serif;
}



/***********************************************
 Subnavigation
***********************************************/
#immonetsubnavi {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background: #6AA2D8;
	clear: both;
	font-size: 12px;
	color: #fff;
	height: 36px;
	background-image: url(/im/img/im/nav_subnav_schatten.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

#immonetsubnavi ul{
	display: block;
	clear: left;
	padding: 0 10px 0 21px;
	line-height: 33px;
}

#immonetsubnavi ul li {
	color: #fff;
	padding-left: 4px;
	float: left;
	position: relative;
}

#immonetsubnavi ul li.active {
	background: url("/im/img/navi/subnavi_active_li.jpg") no-repeat left top;
	line-height: 34px; /* für IE8 wichtig */
}

#immonetsubnavi ul li a, #immonetsubnavi ul li span {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 9px 8px 9px 4px;
	margin: 0 10px 0 0;
}

#immonetsubnavi ul li a:hover {
	text-decoration: underline;
}

#immonetsubnavi li a.active, #immonetsubnavi li span.active {
	color: #6CA2D2;
	background: url("/im/img/navi/subnavi_active_re.jpg") no-repeat right bottom;
}


/* Subnavilogin */
#immonetsubnavi .subnavilogin {
	width: 168px;
	float: right;
	font-family: Verdana, sans-serif;
	line-height: 33px;
}

#immonetsubnavi .subnavilogin a {
	color: #fff;
	margin-left: 1px;
	font-weight: bold;
}

#immonetsubnavi .subnavilogin .meinimmonetaktiv {
	background-color: #fff;
	color: #326ea1;
	line-height: 18px;
	width: 137px;
	margin-top: 8px;
	margin-left: 8px;
}

#immonetsubnavi .subnavilogin .meinimmonetaktiv a {
	color: #326ea1;
	font-weight: bold;
	text-decoration: none;
	margin-left: 12px;
}

#immonetsubnavi .subnavilogin .meinimmonetaktiv a:hover {
	text-decoration: underline;
}

#immonetsubnavi .subnavilogin .meinimmonetaktiv .lefttop {
	margin: 0;
	padding: 0;
	background: url(/im/img/navi/pic_meinimmo_ol.gif) left top no-repeat;
}

#immonetsubnavi .subnavilogin .meinimmonetaktiv .righttop {
	margin: 0;
	padding: 0;
	background: url(/im/img/navi/pic_meinimmo_or.gif) right top no-repeat;
}

#immonetsubnavi .subnavilogin .meinimmonetaktiv .leftbottom {
	margin: 0;
	padding: 0;
	background: url(/im/img/navi/pic_meinimmo_ul.gif) left bottom no-repeat;
}

#immonetsubnavi .subnavilogin .meinimmonetaktiv .rightbottom {
	margin: 0;
	padding: 0;
	background: url(/im/img/navi/pic_meinimmo_ur.gif) right bottom no-repeat;
}



/**********************************************************
	Linke Navigation (Anbieterbereich)
***********************************************************/

#broker_navi ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ffffff; /* wichtig für IE6 */
}

/******** Broker-Navigation ********/

#broker_navi {
	float:left;
	width: 171px;
	margin: 10px 12px 12px !important;
	background-color:#fff;
	border: 1px solid #D7D7D7;
}

* html #broker_navi {
	margin: 10px 12px 12px 5px !important;
}


/* Nummernsuche */
#broker_navi .suchfeld {
	background: #e9f1f9;
	padding: 7px;
}
#broker_navi #searchtext {
	width: 65px !important;
	padding: 4px  !important;
}

/*#broker_navi #nummernSuche {width: 75px; padding: 0; }*/



/******** übergeordnete Navipunkte ********/

#ratgebernavibox ul li.menuheadline a {
	font: bold 14px Arial, sans-serif;
	background: #f7fafd;
	color: #598bb6;
	padding: 3px 12px;
}

#ratgebernavibox ul li.menuheadline a:hover{
	background: #f7fafd;
	color: #599ad3;
}

#ratgebernavibox ul li.active a,
#ratgebernavibox ul li.active a:hover {
	font: bold 14px Arial, sans-serif;
	background: #6aa2d8;
	color: #fff;
	padding: 3px 12px;
}



/* Bei der Broker_Navi sind die Menuheadlinepunkte nicht verlinkt*/
#broker_navi ul li.menuheadline {
	font: bold 14px Arial, sans-serif;
	background: #fff;
	color: #666;
	padding:3px 6px;
}


/******** untergeordnete Navipunkte ********/

#ratgebernavibox ul li a,
#broker_navi ul li a {
	text-decoration: none;
	background-color: #fff;
	display: block;
	padding: 3px 12px;
	margin-bottom: 2px;
}
/*Styles für den neuen Link "Homepagemodul"*/
#broker_navi .advanced_link {
	float:left;
}
#broker_navi .tipHomepagemodul {
	display:inline!important;
}
#broker_navi ul li img {
	float:left;
	margin:auto 0 auto 0;
}
/*Homepagemodul Ende*/

#ratgebernavibox ul li a:hover,
#broker_navi ul li a:hover {
	background: #fff;
	text-decoration: none !important;
}

#ratgebernavibox ul li.menuactive a,
#ratgebernavibox ul li.menuactive a:hover,
#broker_navi ul li.menuactive a,
#broker_navi ul li.menuactive a:hover {
	background:#008FC4;
	color: #fff;
}