/*�2006 SphereBuilder~ All Rights Reserved */

body {
background-color: #fff;
font-size: 11px;

font-family: trebuchet,Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000;
padding:0px;
margin:0px 0px 0px 0px;

}


a {color:#3366aa; text-decoration:underline;}
a:hover {color:#003366;}
a:active {color:#5d5b4f;font-weight: bold;text-decoration:none;}

.tinyFont{
font-size:9px;
color:#000000;
font-family:verdana, arial, sans-serif;
}

.tinyFont a{
font-size:9px;
color:#000000;
}
.navBottomBorder{
border-bottom:4px #dcbe94 solid;}

#portrait{
	border:1px solid black;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 5000;
}

.fntHeading{
	font-weight:bold;
	font-color:#3366aa;
	font-size:17px;
	color: #3366aa;
}

.mlsTableColor1{
background-color: #e7e1db;

}


.mlsTableBorder{
border-top:0px solid black;
border-bottom:0px solid black;}


#mlsLLower{
	background-image:url(../images/cornLowerL.gif);
	background-repeat:repeat-y;
	width:13px;
	border-left: 0px left solid;
}

#mlsCLower{
	padding: 10px;
	margin-left: 20px;
	background-color: white;
}

#mlsRLower{
	background-image:url(../images/cornLowerR.gif);
	background-repeat:repeat-y;
	width:13px;
	border-right: 0px black solid;
}





.information{
color:#000000;
font-size:10px;
line-height:14px;
}

.information a{
color:#006699;
font-weight:bold;
}

.information a:hover{
color:#ff9933;
}

.name{
font-size:10px;
font-weight:bold;
color:#000000;
line-height:20px;}


.topPattern{
background-image:url(../images/top.gif);
background-repeat:no-repeat;
background-color:white;
padding:10px;}


.rightPattern{
background-image:url(../images/right.gif);
background-repeat:no-repeat;
background-color:white;}


.backPattern{
background-repeat:repeat;
background-color:white;}



.topLeftBG{
background-image:url(../images/top1.gif);
background-repeat:no-repeat;
}

.whiteBG{
background-image:url(../images/whiteBG.gif);
background-repeat:no-repeat;
float:right;}

.copyrightText{

font-size: 9px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333333;
padding:20px;
text-align:center;
line-height:12px;}

.navBanner {
	font-size: 11px;

	padding:0;
	margin-top:2px;
	top:160px;
	font-weight: bold;
	#333333
	height: 50px;
	overflow:hidden;
	height: 50px;
}


h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
.backgroundTop {
	background-image: url(../images/backgroundTop.gif);
	background-repeat: no-repeat;
	height: 185px;
}

/* ----------banner for logo-------------- */
#banner {
	background-color: transparent;
	text-align: right;
	padding: 0px;
	margin: 0px;
}

#agentPortrait {
	background-color: white;
	padding: 0px;
	margin: 0px;
	border:1px #000000 solid;
	position: relative;
	float: left;
	z-index: 200;
}

#agentInformation {
	font-size: 11px;
	background-color: white;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	padding:10px 0px 10px 15px;
	margin-top:5px;
	top:160px;
	font-weight: bold;
	border-left: 1px solid #333333;
}

.agentInfo{
	font-size: 11px;
	color:#333333;
	font-weight:normal;
}
.agentInfo:a{
	font-size: 11px;
	text-decoration:none;

	font-weight:normal;
}

.agentInfoBOLD{
	font-size: 11px;
	color:#333333;
	font-weight:bold;
}

#agentLogo {
float: right;
padding:10px 40px 0px 0px;
}

.giantHeadline{
font-size:34px;
color:black;
font-weight:bold;
}

h1{font-size:12px; font-weight:bold; color:#333333;}
h2{font-size:14px; font-weight:bold; color:#333333;}
h3{font-size:16px; font-weight:bold; color:#333333;}
h4{font-size:18px; font-weight:bold; color:#333333;}

.font9bold{font-size:9px; font-weight:bold; color:#000;}

.font9bold a {text-decoration:none;}

.font9boldBlack{font-size:9px; font-weight:bold; color:#333; text-decoration:none;}

.font9boldBlack a {text-decoration:none;}

.font9boldBlack a:hover {text-decoration:none; color:#000;}


.font10bold{
	font-size:10px;
	font-weight:bold;
	color:#333333;
	line-height: 11px;
}
.font11bold{font-size:11px; font-weight:bold; color:#333333;}
.font12bold{font-size:12px; font-weight:bold; color:#333333;}

.font9norm{font-size:9px; font-weight:normal; color:#333333;}
.font10norm{font-size:10px; font-weight:normal; color:#333333;}
.font11norm{font-size:11px; font-weight:normal; color:#333333;}
.font12norm{font-size:12px; font-weight:normal; color:#333333;}

.font9boldBlue{font-size:9px; font-weight:bold; color:#cee4dd;}
.font10boldBlue{font-size:10px; font-weight:bold; color:#cee4dd;}
.font11boldBlue{font-size:11px; font-weight:bold; color:#cee4dd;}
.font12boldBlue{font-size:12px; font-weight:bold; color:#cee4dd;}
.font16boldBlue{font-size:16px; font-weight:bold; color:#cee4dd;}

.font9normBlue{font-size:9px; font-weight:bold; color:#cee4dd;}
.font10normBlue{font-size:10px; font-weight:bold; color:#cee4dd;}
.font11normBlue{font-size:11px; font-weight:bold; color:#cee4dd;}
.font12normBlue{font-size:12px; font-weight:bold; color:#cee4dd;}

.font9boldTan{font-size:9px; font-weight:bold; color:#f1eed6;}
.font10boldTan{font-size:9px; font-weight:bold; color:#f9f2e1; line-height:8px;}
.font11boldTan{font-size:11px; font-weight:bold; color:#f1eed6;}
.font12boldTan{font-size:12px; font-weight:bold; color:#f1eed6;}
.font16boldTan{font-size:16px; font-weight:bold; color:f1eed6;}

.font9normTan{font-size:9px; font-weight:bold; color:#f1eed6;}
.font10normTan{font-size:10px; font-weight:bold; color:#f1eed6;}
.font11normTan{font-size:11px; font-weight:bold; color:#f1eed6;}
.font12normTan{font-size:12px; font-weight:bold; color:#f1eed6;}


.errorPink{font-size:10px; font-weight:bold; color:#CC3300;}

.star{color:#CC3300; width:10px;}
.errorText{color:#CC3300;}

.advsearch{left:10px;}

.font16boldGrey{font-size:16px; font-weight:bold; color:#333333;}
.font16boldGrey a{text-decoration:none;}



.portrait{
	max-height:100px;
	width:80px;
	z-index: 100;
}

#agentBanner {
	align:right;
	padding: 0px;
	margin: 0px;
}


#SphereBuilderLogo {
	border:2px; #cee4dd solid;
	background-color: #bfbca6;
	top: 0px;
	left: 7px;
	position: relative;
	margin-right: 15px;
	padding: 5px 10px 10px 10px;
	color:#5d5b4f;
	width: 200px;
	background-image:url(../images/sbLOGO.jpg);
	background-repeat:no-repeat;
	background-position:60px 8px;
	height:50px;
}

#SphereBuilderLogo:a:hover{
	color:#cee4dd;
	text-decoration:none;
}

#sphereBuilderBox1{
	position:relative;
	background-image:url(../images/sphereBuilder.jpg);
	background-repeat:no-repeat;
	height: 75px;
	top: 0px;
	width: 110px;
	background-position: 8px 15px;
	text-align: left;
	font-size: 0.9em;
	padding-top: 0px;
	left: 10px;
}

.realEstateTechnology{
	font-size:9px;
	color:cccccc;
	font-weight:bold;
	position:relative;
	top:35px;
	left:0px;
	width: 120px;
}

.realEstateTechnology a{
	text-decoration:none;
	color: #999999;
}
.realEstateTechnology a:hover{
	text-decoration:none;
	color: #666666;
}





/* -----------------Inhalt--------------------- */
.content {
background-color: #ffffff;
padding: 15px;
margin-left: 200px;
margin-right: 0px;
}


p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navigavtion------------- */


.backgroundContent{
	background-color:white;

	border-top:0px #000000 solid;
		border-right:0px #000000 solid;
			border-bottom:0px #000000 solid;
				border-left:1px #000000 solid;
	padding: 25px;
}

.backgroundSpherebuilder{
	background-color:white;

	border-top:0px #000000 solid;
		border-right:0px #000000 solid;
			border-bottom:0px #000000 solid;
				border-left:0px #000000 solid;
	padding: 8px;
}

.backgroundNavigation{

	border-top: 0px solid #000;
	border-right: 0px solid #000;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
	}



/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }

#mlsbtype{font-size:9px; width:190px; z-index:10;}
.mls{
	font-size:9px;
	z-index:10;
}
.mlsB{font-size:9px; margin-top:3px;width:100px;}
.mlsNameField{font-size:9px; width:20%; margin-top:5px;}
.mlsCheckBox{font-size:9px;  }
.mlsHEADER{font-size:12px; font-weight:bold; line-height:12px;}
.mlsHEADER a{text-decoration:none;}
.mlsSubHead{font-size:9px; font-weight:bold; line-height:20px; text-align:left;}
.mlsSubHead a{text-decoration:none; text-align:right;}

.mlsPrice{
color:#4e657a;
font-size:15px;
font-weight:bold;
}

.mlsBackgroundSpecial{
background-color:#fff;
border:1px #333333 solid;
margin-top:3px;
}


select {
	font-size:1em; width:120px;
	letter-spacing:0px;}

	select2 {
	font-size: 9px;

	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	width:120px;
	margin:0px 0px 5px 0px;
	}

#checkBoxDiv{
	left:0px;
	position: relative;
	float: left;
	width:20px;
	margin:10px 5px 25px 0px;
}

.checkboxText{
	line-height:12px;
	padding-top: 15px;
	margin-top: 20px;
}

#mlssubmit{

position:relative;
width:100%;
padding-top:10px;}


td {vertical-align: top; font-size:11px;}
#menubar {
	margin: 0 auto 3em auto;
	background-color: white;
	color: #333;
}

.mlsResultsRow1 {background-color:#e6e3e3;border-bottom: 0px solid #b6b3aa;}
.mlsResultsRow2 { background-color: #ffffff; 0px;border-bottom: 0px solid #b6b3aa;}

.prevNextLink {
	font-size:0.9em;
	font-weight:bold;
	text-align: right;
	float: right;
}

.prevNextLink a{
text-decoration:none;
}




.copyrightText{
	font-size:0.9em;
	padding:25px;
	line-height: 15px;
}






/*DROPDOWN*/




/*SUCKERFISH DROPS*/

#nav, #nav ul { /* all lists */

	margin: 0;
	list-style: none;
	font-weight:bold;
	font-size:10px;
	text-indent:0px;
	text-decoration: none;
	border:0px solid #000000;
	padding:0px 5px 0px 5px;
	line-height:12px;
	z-index:2000000;
	color:#f1eed6;

}

#nav a {
	display: block;
	color:#f1eed6;
	text-decoration: none;


}
#nav a:hover {
	color:#a6c0cf;
	text-decoration: none;
	padding-top: 0px;

}



#nav li { /* all list items */
	float: left;
	width: 100%;
	margin-left:0px;
	margin-right:5px; /* width needed or else Opera goes nuts */
	background-color: transparent;
	padding-top:5px;
}

#nav li ul { /* second-level lists */
	position: absolute;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers #f9f2e1  */
	width:25em;
	margin-top:-1px;
	background-color:white;
	background-position: top left;
	background-repeat: repeat-x;
	border-top:1px solid #000000;
	border-bottom:2px solid #000000;
	border-right:2px solid #000000;
	border-left:7px solid #006699;
	padding-left:10px;
	z-index:1200;
	font-size:9px;
	line-height:14px;
	text-align:left;
	color:black;

}

#nav li ul a{ /* second-level lists */
color:black;

}


.navHover{ padding:0px 10px 0px 30px; width: 20em; height:20px; }
.navHover:hover{ background-image:url(../images/Arrow.gif);background-repeat:no-repeat; background-position:0px; color:#000000;}







#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;




}

#nav li:hover ul { /* lists nested under hovered list items */
	left: auto;
	z-index:1200;
	font-weight:bold;

}
#nav li li:hover ul { /* lists nested under hovered list items */
	left: auto;
	z-index:1200;
	font-weight:bold;


}

#nav li.sfhover ul{ /* lists nested under hovered list items */
	left: auto;
	z-index:1200;
	font-weight:bold;


}
#nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	z-index:1200;
	font-weight:bold;


}


.navTDtop{
width:auto;}

#topNavigationDiv{
	position:absolute;
	top:110px;
	left:0px;
	width:auto;
	border-bottom: 4px solid #dcbe94;
	height: 25px;
	background-color: #3366aa;
	z-index: 2000;
}



#line{
border-bottom:1px solid black;
position:absolute;
top:205px;
left:0px;
width:100%;}

#infotable{

border:0px black solid;
width:100%;
padding:5px;
}

.data{

border:0px black solid;
width:50%;
padding:10px;}

.topTableBlue{
background-color:#cccccc;
border:1px solid #3366aa;

}

/*MLS Specific*/
.checkboxText{font-size:9px; spacing:-10px;}
.boxText{padding:0px 20px 0px 20px;}
.star{color:#FF9900;}
.errorText{color:#FF9900; font-weight:bold;}
.mls{font-size:9px;}
.mlsB{font-size:9px; margin-top:3px;width:160px;}
.mlsNameField{font-size:9px; width:100%; margin-top:5px;}
.mlsCheckBox{font-size:9px;}
.mlsHEADER{font-size:12px; font-weight:bolder; line-height:12px; padding-right:30px;}
.mlsHEADER a{text-decoration:none;}
.mlsSubHead{font-size:9px;font-weight:bold;line-height:20px;text-align:left;}
.mlsSubHead a{text-decoration:none; text-align:right;}
.mlsPrice{color:#515151;font-size:15px;font-weight:bold;}
#mlsbtype{font-size:11px; width:100%; z-index:10;}
select, select2{font-size:11px;}
.checkboxText{line-height:9px;padding-top: 15px;margin-top: 20px;}
.mlsTableColor1{background-color:#cccccc;}