@import "adserver.css";

/* CSS Document */
/* ------------- Yazdanpanah Ram!n 2008 - ERES NETconsulting GmbH - ----------------------- */

html, body {
	width:100%;
	height:100%;
	font-family:Arial, Verdana, Helvetica, sans-serif}
html * {
	margin:0px;
	padding:0px;
}
body {
	font-size:10px;
	background-color:#FFFFFF;
	color:#333333;
}
form {
	height:100%;
}
h1 {
	font:2.0em Arial, Verdana;
	color:#3A81AA;
	padding:0.2em 0em 0.4em 0em;
}

h3 {
	font:1.3em Arial, Verdana;
	font-weight:bold;
	color:#333333;
	padding:0.2em 0em 0.4em 0em;
}

p, ul.aufzaehlung, div.pText {
	font-size:1.2em;
	line-height:1.4em;
	margin:1em 0px;
}
div.pText *,
div.factSheet * {
	font-size:1.0em;
}
div.pText ul,
div.pText ol,
ul.aufzaehlung {
	list-style-position:inside;
}
a {
	color:#333333;
}
a:hover {
	color:#333333;
	text-decoration:none;
}
a img {
	border:none;
}
.stopper {
	clear:both;
	display:block;
}
div.mainBody {
	width:86em;
	margin:auto;	
	position:relative;
}
div.header {

}
a.logo {	
	display:block;
	float:left;
	width:360px;	
	height:80px;	
	background-image:url(../img/logo.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;	
}
a.logo span {
	display:none;
}

/* --------------- META NAVIGATION ----------------------*/
#metanavigation {
height:25px;
float:right;
padding-top:3px;
}

#metanavigation ul li {
	float:left;
	list-style:none;
	font-size:0.9em;}
#metanavigation ul li a {
	padding:0em 0.3em 0em 0.3em;
	list-style:none;
	font-size:1.0em;
	text-transform:uppercase;
	text-decoration:none;}





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

div.navigation ul {
	background-color:#EBEBEB;
	float:left;
	width:100%;

}
div.navigation ul li {
	list-style-type:none;
	float:left;
}
div.navigation ul li a {
	position:relative;
	display:block;
	font-size:1.2em;
	padding:0.4em 1.3em;
	text-decoration:none;
	color:#285C83;
}
div.navigation ul li.active a {
	background-color:#285C83;
	color:#ffffff;
}
div.navigation ul li a:hover {
	background-color:#285C83;
	color:#FFFFFF;
}
div.suchBox {
	position:relative;
	float:left;
	width:100%;
	background-image:url(../img/suchbox_bgrd.gif);
	background-repeat:repeat-x;
}
div.suchBoxPattern {
	overflow:hidden;
	padding:1em;
}
div.classic {
	width:656px;
	border-right:1px solid #FFFFFF;
	height:172px;
}
div.objnr {
	width:203px;
	height:172px;
}
div.suchBox h1 {
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:1em 0em 0em 1em;
}
div.suchBox h1 span {
	font-size:1.2em;
}
div.suchBox p {
	margin:0px;
	color:#ffffff;
	line-height:1.4em;
}
span.solidText {
	position:absolute;
	color:#ffffff;
	margin:-1px 0px 0px -1px;
}
div.breadCrumb {
	clear:left;
	text-align:left;
	font-size:1.2em;
	line-height:2em;
}
div.breadCrumb span a span {
	font-size:1.2em;
	text-decoration:none;
}


div.breadCrumb span a {
	color:#333333;
	text-decoration:none;
}


div.breadCrumb span a._InActive {
	color:#999999;
	margin:0px 10px;
	text-decoration:none !Important;}

.PagesButton {
	margin:0px 5px;
	}

/*--------------------------- CONTENT Bereich---------------------------*/
div.contentbox {
	padding:2em;
}

.mainPaddingLarge 
{
	padding-top:10px;
	
}
.mainPadding_start {
	margin-right:30.5em;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:4px solid #fdbe19;
}

.mainPadding {
	float:left;
	width:620px;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:4px solid #fdbe19;	
}

.mainPaddingMiddle {
	float:left;
	width:620px;	
}

/* -------------- RECHTER BOX -------------------------*/

.rightContent {
	float:right;
	width:30.4em;
}

.adsense {
	float:right;
	width:20em;
	padding:1em;	
	border:1px solid #CCCCCC;
}
.adsense_detail {
	float:right;
	width:20em;
	overflow:hidden;
}

.anbieter_spalte {
	float:right;
	width:22.1em;
	overflow:hidden;
}

.adsense h1 {
	font:2.0em Arial, Verdana;
	color:#3A81AA;
	padding:0.2em 0em 0.4em 0em;
}

ul.betreuer li {
	font-size:1.2em;
	list-style:none;}

.download_artikel {
	border:1px solid #CCCCCC;
	padding:1em;
	margin-bottom:1.2em;}

.immoanbieter_box {
	border:1px solid #CCCCCC;
	padding:1em;
	margin-bottom:1.2em;}

.download_artikel ul li {
	color:#ad1717;
	list-style-type:square !Important;}

.adsense_detail_box {
	clear:both;
	border:1px solid #CCCCCC;
	padding:1em;
	margin-bottom:2em;
	margin-top:1.2em;}

.Companylogo {
	border:1px solid #CCCCCC !Important;
	
	padding:2px;}
	
.Employpicture {
	border:1px solid #CCCCCC !Important;
	width:80px;
	padding:2px;}

/***-------------------------- Immobiliendetailseite --------------------***/
div.actionPanel {
	float:right;
	font-size:1.2em;
	line-height:1.6em;
	padding:1em 1.5em;
	background-color:#f7f7f7;
}
div.infoPanel {
	font-size:1.2em;
	line-height:1.6em;
}
ul.actions li {
	list-style-type:none;
	background-repeat:no-repeat;
	background-position:left center;
}

/* ------------------------ Contentbox der Karteireiter (Tabnavi) -----------*/

table.factSheet {
	table-layout:fixed;
	width:100%;

}
table.factSheet td {
	padding:0.2em 0em;
	vertical-align:top;
}

table.factSheet tr th {
	font-size:14px;
	text-align:left;
	color:#3A81AA;	
	border-bottom:1px dashed #CCCCCC;
	padding-bottom:5px;
}

table.factSheet tr.even td {
	background-color:#ffffff;
}
table.factSheet td.title {
	font-weight:bold;
}
div.factSheet {
	padding:0.5em;
	font-size:1.2em;
	vertical-align:top;
}
div.panelPadding {
	border:1px solid #f7f7f7;
	background-color:#f7f7f7;
	margin-bottom:1em;
	padding:15px;
	font-size:1.2em;
}

div.panelPadding font {
	color:#333333 !Important;
}


div.panelPadding[class] {
	overflow:hidden;
}
div.separator {
	clear:left;
	height:20px;
}
div.IDSimage {
	float:left;
	border:1px solid #d7d7d7;
	margin-right:1em;
}
div.IDSimage a {
	display:block;
	width:14em;
	height:10.5em;
	border:1px solid #ffffff;
	background-color:#ffffff;
	text-align:center;
	overflow:hidden;
}
div.IDSimage img {
	height:100%;
	vertical-align:bottom;
}
.IDSlargeBild {
	border:1px solid #d7d7d7;
	background-color:#ffffff;
	padding:1px;
	overflow:hidden;
	margin:0.7em;
	margin-bottom:1em;
	overflow:hidden;
	height:32em;
	line-height:32em;
	text-align:center;
	position:relative;
}
.IDSlargeBild img {
	height:100%;
	vertical-align:bottom;
}
.IDSimageGrid div {
	text-align:center;
	width:19.95%;
	float:left;
}
.IDSimageGrid a {
	display:block;
	width:11em;
	margin:0.5em auto;
}
.IDSimageGrid a img {
	width:10.5em;
	height:100%;
	vertical-align:bottom;
	border:1px solid #CCCCCC!important;
}

.IDSimageGrid_redsys div {
	text-align:center;	
	float:left;
}
.IDSimageGrid_redsys a {
	display:block;
	width:10.8em;
	margin-right:2px;
}
.IDSimageGrid_redsys a img {
	width:10.3em;
	height:100%;
	vertical-align:bottom;
	border:1px solid #CCCCCC!important;
}



.bildLeft {
	left:0px;
}
.bildRight {
	right:0px;
}
.bildLeft,
.bildRight {
	display:block;
	width:50%;
	height:100%;
	font-size:12em;
	position:absolute;
	color:transparent;
}
.bildLeft a,
.bildRight a {
	display:block;
	width:100%;
	height:100%;
	background:#ffffff;
	text-decoration:none;
	opacity:0;
	filter:alpha(opacity="0");
}
.IDSlargeBild a:hover {
	opacity:0.5;
	filter:alpha(opacity="50");
}
.IDSlargeBild span span{
	display:none;
}
.IDSlargeBild a span {
	display:block;
}
.employeepicture img ,
.officeLogo img  {
	display:block;
	border:1px solid #d7d7d7;
	background-color:#ffffff;
	overflow:hidden;
	padding:1px;
}
.employeepicture img  {
	width:5em;
	height:7em;
	float:left;
	margin-right:0.5em;
}
.officeLogo img {
	width:120px;
	height:40px;
	margin-bottom:1em;
}

/*** Immobiliendetailseite ***/

/*** Tabnavi ***/
ul.tabNavi {
	list-style-type:none;
	background-color:#EBEBEB;
	height:2em;
	font-size:1.2em;
}
ul.tabNavi li {
	float:left;
}
ul.tabNavi li a {
	height:2em;
	line-height:2em;
	display:block;
	padding:0px 1em;
	margin:0px 5px;
	text-decoration:none;
	font-weight:bold;
	color:#666666;
}
ul.tabNavi li a:hover {
	background-image:url(../img/navi_bgrd.png);
	color:#666666;
}
ul.tabNavi li.active a,
ul.tabNavi li.active a:hover {
	background-color:#fdbe19;
	background-image:none!important;
}
ul.tabNavi li.active a {
	color:#FFFFFF;
}
/*** Tabnavi ***/


/*** Topobjekte ***/
.topObjekt {
	position:relative;
	overflow:hidden;
	width:14em;
	border:1px solid #CCCCCC;
	margin:0px 0px 2em 1em;
	float:left;
	padding:0em 0em 0em 0em;

}
.topObjekt h2,
.topObjekt p {
	font-size:1em;
	white-space:nowrap;
}
.topObjekt p {
	margin:0px;
}
.topObjekt h2 a,
.topObjekt p span {
	display:block;
	margin-left:4px;
	font-size:1.2em;
	padding:0.2em;
	text-decoration:none;
}
.topObjekt p span {
	padding:0.2em 0.3em 0.3em 0.3em;
}
.topObjekt a.imageLink {
	display:block;
	vertical-align:bottom;
	overflow:hidden;
	height:9em;
	text-align:center;
	 cursor:pointer;	
}
.topObjekt a.imageLink img {
	height:100%;
	vertical-align:bottom;
	cursor:pointer;

}

/*** Topobjekte ***/



/*** Immosuche ***/

DIV.Liegenschaftsgruppe ul {
	list-style:none;
	}

DIV.Liegenschaftsgruppe li {
	line-height:normal;
	font-size:1.1em;
	display:block;
	line-height:1.6em;	
	}

DIV.Liegenschaftsgruppe li label {
	padding-left:0.5em;
	color:#3A81AA;
	font-size:1.2em;
	margin:0px;
	}

fieldset {
border:1px solid #D1D1D1;
margin:0pt 0pt 2em;
padding:1em 1.2em 1em 1.5em;
}

legend { 
-x-system-font:none;
color:#333333;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
padding:6px;
}


.submitButton_startseite 
{
	position:absolute;
	top:128px;
	left:560px;
	float:left;
	width:85px;
	height:2em;
	line-height:1.8em;
	padding-left:14px;
	text-decoration:none;
	font-size:1.3em;	
	color:#ffffff;
	margin-top:10px;
	background-image:url(../img/button.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
.submitButton_startseite:hover {
	background-image:url(../img/button_hover.gif);
	color:#ffffff;
}
.submitButton_startseite[disabled],
.submitButton_startseite[disabled]:hover {
	background-image:url(../img/button3_disabled.gif);
	color:#CCCCCC;
}


.submitButton2 {
	display:block;
	width:87px;
	height:1.9em;
	line-height:1.9em;
	text-align:center;
	text-decoration:none;
	font-size:1.3em;
	background-color:none;
	border:none;
	color:#ffffff;
	background-image:url(../img/button2.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
.submitButton2:hover {
	background-image:url(../img/button2_hover.gif);
	color:#ffffff;
}
.submitButton2[disabled],
.submitButton2[disabled]:hover {
	background-image:url(../img/button2_disabled.gif);
	color:#CCCCCC;
}



.geoImageMap {
	position:relative;
	float:left;
	margin-right:1em;
	margin-top:-8px;
}
.geoImageMap img {
	top:0px;
	left:0px;
}
.mapImage {
	position:absolute;
	width:100%;
	height:100%;
	border:none;
	
}
.geografie {
	margin-left:220px;
	position:relative;
	padding-top:20px;

}
.geografie table,
.liegenschaft table {
	table-layout:fixed;
}
.liegenschaft table {
	width:100%;
}
.geografie table td {
	line-height:1.8em;
	padding-right:2em;
}
.geografie label,
.geografie a {
	color:#ffffff;
	font-size:1.2em;
}
.geografie input {
	width:14px;
	height:14px;
	margin-right:0.3em;
}
.liegenschaft table td {
	vertical-align:top;
	padding:0px 1em;
}

/*** Immosuche ***/

/*** QuickSuche ***/
select.formfield {
	width:100%;
	font:10px Arial, Helvetica, sans-serif;
	font-size:1.1em;
	margin-bottom:0.5em;
}
span.textBox {
	display:block;
}
span.formField {
	display:block;
	border:1px solid #d1d1d1;
	margin-bottom:1em;
	position:relative;
	height:1.7em;
	overflow:hidden;
	background-color:#ffffff;
	margin:1em 0px;
}
span.formField input {
	display:block;
	border-width:0px;
	background-color:transparent;
	position:absolute;
	top:0px;
	left:2px;
	right:2px;
	bottom:0px;
	font-size:1.1em;
	width:expression(parentNode.offsetWidth-8+'px');
	padding:2px 0px;	
}
.submitButton {
	position:absolute;
	right:10px;
	bottom:10px;
	display:block;
	width:66px;
	height:2em;
	line-height:1.9em;
	text-align:center;
	text-decoration:none;
	font-size:1.2em;
	background-color:none;
	color:#ffffff;
	padding-right:20px;
	background-image:url(../img/button.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
.submitButton:hover {
	background-image:url(../img/button_hover.gif);
	color:#ffffff;
}
.submitButton[disabled],
.submitButton[disabled]:hover {
	background-image:url(../img/button_disabled.gif);
	color:#CCCCCC;
}

/*** QuickSuche ***/


/*** Redaktionssystem ***/
.articleSearchList {
	overflow:hidden;
	margin:1em 0px;
	border-top:1px solid #d7d7d7;
}
.article {
	overflow:hidden;
	cursor:pointer;
	background-image:url(../img/article_bgrd.png);
	background-repeat:repeat-x;
	background-position:bottom;
	border:solid #d7d7d7;
	border-width:0px 1px 1px 1px;
}
div.article.active {
	background-color:#f0f1f5;
}
.date {
	float:right;
	color:#9dadcf;
}
.articleDate {
	float:right;
}
.articlePadding {
	padding:0.2em 1em;
	margin-left:8em;
}
.articleSize {
	font-size:1.2em;
	line-height:1.4em;
	height:5.8em;
	overflow:hidden;
	padding-left:3px;
	
}
.vorschauBild {
	display:block;
	float:left;
	margin:0.5em;
	overflow:hidden;
	text-align:center;
}
.vorschauBild img {
	display:block;
	border:1px solid #d7d7d7!important;
	background-color:#ffffff;
	padding:1px;
	width:8em;
	height:6em;
}
.vorschauBild.start {
	margin:1em 1em 1em 0em;
}
.vorschauBild.start img {
	width:11em;
	height:9em;
}
div.bildListe {
	width:100%;
	font-size:1.2em;
	text-align:center;
	margin:1em 0px;
}
div.bildListe div {
	margin-bottom:1em;
	padding:1px;
	background-color:#FFFFFF;
	border:1px solid #d7d7d7;
}
div.bildListe img {
	display:block;
	width:100%;
}
.BigPicture {
	background-color:#ffffff;
	padding:1px;
	border:1px solid #d7d7d7!important;
	margin-bottom:1em;
	overflow:hidden;
	margin:1em 0px;
}
.BigPicture img {
	width:100%;
	vertical-align:bottom;
}
/*** Redaktionssystem ***/

/*** Kontaktformular ***/
div.RequestPanel {
	margin:1em;
	overflow:hidden;
}
div.RequestPanel table,
table.RequestPanel {
	line-height:1.4em;
	table-layout:fixed;
	width:100%;
}
td {
	overflow:visible;
}
td.suffix {
	width:2em;
	text-align:center;
}

label.formLabel {
	display:block;		
	margin-bottom:0.2em;
}
label.formLabel span {
	font-size:70%;
	vertical-align:top;
	opacity:0.6;
	filter:alpha(opacity="60");
	padding:0.5em;
}
label.pflichtfeld {
	font-weight:bold;
}
span.formField,
span.textArea {
	display:block;
	border:1px solid #d1d1d1;
	margin-bottom:1em;
	position:relative;
	height:2em;
	overflow:hidden;
	background-color:#ffffff;
}
span.textArea {
	height:10em;
}
span.formField input,
span.textArea textarea {
display:block;
	position:absolute;
	top:0px;
	bottom:0px;
	border-width:0px 3px;
	border-color:transparent;
	height:100%;
	width:100%; /* Due to Firefox3 rendering default width instead of calculated width by absolute values */
	-moz-box-sizing:border-box;
	font:1em Arial, Helvetica, sans-serif;
	width:expression(parentNode.offsetWidth-8+'px');
	background-color:transparent;	
}
span.textArea textarea {
	right:0px;
	width:expression(parentNode.offsetWidth-7+'px');
	padding:0px;
}
.checkBoxes {
	vertical-align:top;
	line-height:2.2em;
	padding:0px 0px 0.7em 0.5em;
}
.checkBoxes input {
	width:14px;
	height:14px;
	vertical-align:middle;
	margin-right:3px;
}
.textArea {
	width:100%;
	border:1px solid #9ab484;
}
.validator {
	font-size:2em;
}
/*** Kontaktformular ***/


/*** Trefferliste Advanced ***/
div.searchList {
	overflow:hidden;
	clear:both;
	margin:0px 1em;
}
div.searchList table {
	width:100%;
	table-layout:fixed;
}
div.searchList td {
	vertical-align:top;
	background-color:none;
}
div.searchList td a {
	font-size:1.2em;
	font-style:normal;
	display:block;
	margin:1em;
	overflow:hidden;
	text-decoration:none;
	background-color:#ffffff;
	border:1px solid #d7d7d7;
	cursor:pointer;
}
div.searchList td a:hover {
	background-color:#ebebeb;
}
div.searchList td a span.header,
div.searchList td a span.field {
	display:block;
	white-space:nowrap;
}
div.searchList td a span.trefferPadding {
	display:block;
	line-height:1.6em;
	width:21em;
	overflow:hidden;
}
div.searchList td a span.header {
	font-weight:bold;
	background-color:#CCCCCC;
	color:#ffffff;
	padding:0.2em 0px;
	margin-bottom:0.5em;
}
div.searchList td a:hover span.header {
	background-color:#fdbe19;
	color:#ffffff;
}


img.trefferBild {
	display:block;
	width:9em;
	height:7em;
	border:1px solid #d7d7d7!important;
	background-color:#FFFFFF;
	padding:1px;
	margin:1em;
	float:left;
}

/*** Paging ***/
.pfeil {
	font-size:1.4em;
	vertical-align:-1px;
}
.treffer_blaettern a._InActive {
	color:#999999!important;
	font-weight:normal !important;
	text-decoration:none!important;}
	
.treffer_blaettern span.active {
	color:#3A81AA!important;
	text-decoration:none!important;
	padding:0px 4px 0px 5px;
	margin-top:-1px;
	}
.treffer_blaettern span a span.pfeil 
{
	text-decoration:none !important;
	padding-right:5px;
	
	}
.treffer_blaettern a.back
{
	padding-left:5px;}

.treffer_blaettern a.vor
{
	padding-right:3px;
	}

.sortDrop {
	position:absolute;
	right:2.5em;
}

.treffer_blaettern a, .treffer_blaettern span a, .treffer_blaettern span, .treffer_blaettern span a.vor, .treffer_blaettern span a.back
{
	display:block;
	float:left;
	text-decoration:none;		
}

.PagesButton 
{		
	padding:3px 6px 3px 6px;
	margin-right:3px;
	margin-top:-5px;
	border:1px solid #CCCCCC;
	text-decoration:none;
	color:#3A81AA;
}

.PagesButton:hover {
	text-decoration:none!important;}


.treffer_blaettern 
{
	clear:both;
	font-size:1.2em;
	height:25px;
	font-weight:bold;
	margin-left:520px;
}





	
/* ---------------- Sitemap ---------------------*/
.sitemapTable td {
	vertical-align:text-top;
	padding:0.3em 7em 0.3em 0em;
		}
.sitemapTable td a h3, .sitemapTable h3 {
	font-size:14px;
	font-style:normal;
	text-decoration:none;
	padding-bottom:0.5em;
	}

.sitemapTable td a {
	font-size:1.2em;
	font-style:normal;
		}

/* ---------------- Objektnr suche -------------------*/
.myValidation {
	margin-top:-26px;}
	
	
/* ---------------- Bilddetailseite-----------------------*/

img.Bildgross 
{
	width:380px;	
	padding:3px;
	border:1px solid #CCCCCC !Important;
	background-color:#FFFFFF;
	}

table.bilddetailseite td img 
{
	width:100px;
	height:80px;
	padding:3px;
	border:1px solid #CCCCCC !Important;
	background-color:#FFFFFF;	
	}
	
table.bilddetailseite
{
	text-align:center;	
	margin-top:20px;	
	}	
	
	
	

.blaetternback 
{
	display:block;
	float:left;
	width:22px;
	height:22px;	
	background-image:url(../img/back.gif);}

.detail_blaettern a.blaetternback._InActive 
{
	display:block;
	float:left;
	width:22px;
	height:22px;
	background-image:url(../img/back_inactive.gif);}
	
.blaetternvor 
{
	display:block;
	float:left;
	width:22px;
	height:22px;
	background-image:url(../img/vor.gif);}

.detail_blaettern a.blaetternvor._InActive 
{
	display:block;
	float:left;
	width:22px;
	height:22px;
	background-image:url(../img/vor_inactive.gif);}

.detail_blaettern 
{
	float:right;
	width:100px;
	margin-top:5px;	
		
	}
h1.detail_header 
{
	float:left;	
}