@charset 'utf-8';
@import url(reset.css);
@import url(lightbox.css);

/* ----------------------------------------------------- All browsers */

/*

colors: 

dark red: b80415
red shadow: e9dcdc
grey nav button: cdcdcd
grey nav button shadow: f0f0f0
dark grey: 979797
dark grey shadow: dbd8d8
grey header background: fcfcfc
grey font top header links: c2c3c4
grey headings boxes left: aaaaaa
red header boxes center: c00418
grey box center: afafaf
blue header bottom: 484c5c
footer grey: f5f5f5

*/

body{
	font-family: sans-serif;
	font-size: 86%;
	background: #f5f5f5;
}

#content{
	margin: 15.5em auto 0 auto;
	padding: 2em 0 0 0;
	width: 70em;
	background: #fff;
	
}

#outerwrap{
	background: #fff;
	width: 100%;

}

#header{
	position: absolute;
	top: 0;
	left: 0;
	background: #fcfcfc url(../img/bg_panorama.jpg) no-repeat bottom center;
	width: 100%;
	height: 14em;
	padding: 2em 0 0 0;
	border-bottom: 1px solid #eeeeee;

}

#logo{
	background: url(../img/logo2.gif) no-repeat left top;
	height: 4em;
	width: 22em;
	color: transparent;
	text-indent: -9999px;
	position: absolute;
	top: 4.1em;
	left: -1em;
}

#header_innerwrap{
	width: 68em;
	height: 14.3em;
	margin: 0 auto 0 auto;

/*	border: 1px solid #000; */	
	
	position: relative;
	top: 0;
	left: 0;
}

#logo a{
	display: block;
	height: 5em;
	width: 26em;	
}

#teasertext{
	background: url(../img/header_teaser.gif) no-repeat left;
	text-indent: -9999px;
	color: transparent;
	height: 2em;
	width: 15em;
	position: absolute;
	right: .5em;
	top: 4.5em;

}

#header a{
	font-size: 85%;
	color: #c2c3c4;
	text-decoration: none;
}

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

#skiplink{
	position: relative;
	top: 0;
	left: -1em;
	background: url(../img/arrow_skip.gif) no-repeat right 8px;
	padding: 0 1em 0 0;
	vertical-align: middle;
	z-index: 1000;
}

#totoplink{
	background: url(../img/arrow_top.gif) no-repeat left 1em;
	padding: 1em 0 1em 1em;
	margin-top: 4em;
	display: block;
	vertical-align: middle;
	color: #666;
	font-size: 0.8em;
	text-decoration: none;
	clear: both;
}

#totoplink:hover{
	text-decoration: underline;
}

#sitetools{
	list-style: none;
	position: absolute;
	right: 0;
	top: 0;
}

#sitetools li{
	display: inline;
	height: 2em;
	line-height: 2em;
}

#sitetools li a{
	padding: 0 1em 0 1.5em;
	vertical-align: middle;
}

#sitetools li.impressum a{
	background: url(../img/icon_info.gif) no-repeat left;
}

#sitetools li.agb a{
	background: url(../img/icon_law.gif) no-repeat left;
}

#sitetools li.kontakt a{
	background: url(../img/icon_mail.gif) no-repeat left;
}


#navigation{
	list-style: none;
	position: absolute;
	bottom: 0;
	line-height:1;
	left: 15.8em;
}

#navigation, #navigation * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

#navigation li{
	float: left;
	position: relative;
	line-height: 2.3em;
}

#navigation li a{
	height: 2.3em;
	margin: 0 2px 0 0;
	display: block;
	color: #fff;
	font-size: 95%;
	position: relative;
	vertical-align: middle;
	padding: 0 1em 0 1em;
	background: #868889;
	border-bottom: 5px solid #f0f0f0;
}

#navigation ul li a{
	height: 2.3em;
	margin: 0 2px 0 0;
	display: block;
	color: #fff;
	font-size: 95%;
	position: relative;
	vertical-align: middle;
	padding: 0 1em 0 1em;
	background: #868889;
	border-bottom: 2px solid #f0f0f0;
}

#navigation ul{
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}

#navigation ul li{
	width:100%;
}

#navigation ul li a{
	display:block;
	position:relative;
	float: none;
}

#navigation li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

#navigation li:hover ul,
#navigation li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}

#navigation li:hover li ul,
#navigation li.sfHover li ul {
	top:			-999em;
}

#navigation li li:hover ul,
#navigation li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

#navigation li li:hover li ul,
#navigation li li.sfHover li ul {
	top:			-999em;
}

#navigation li li li:hover ul,
#navigation li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

#navigation li a:hover {
	background: #b80415;
	border-bottom: 5px solid #e9dcdc;	
}

#navigation ul li a:hover {
	background: #b80415;
	border-bottom: 2px solid #e9dcdc;	
}

#navigation li a:hover {
	background: #b80415;
	border-bottom: 5px solid #e9dcdc;	
}

#navigation li.active a,
#sitetools li.active a {
	background: #b80415;
	border-bottom: 5px solid #e9dcdc;
}

#navigation li.active ul li a:hover,
#sitetools li.active ul li a:hover {
	background: #b80415;
	border-bottom: 2px solid #e9dcdc;
}

#navigation li.active ul li a,
#sitetools li.active ul li a {
	background: #868889;
	border-bottom: 2px solid #f0f0f0;
}

#navigation li.active ul li.active a,
#sitetools li.active ul li.active a {
	background: #b80415;
	border-bottom: 2px solid #e9dcdc;
}

#navigation ul li.active a,
#sitetools ul li.active a {
	background: #b80415;
	border-bottom: 2px solid #e9dcdc;
}



#leftpanel{
	width: 14em;
	margin: 0 3.7em 0 0;
	float: left;	
}

.sub #leftpanel{
	padding: 3.2em 0 0 0;
}

#rightpanel{
	float: left; 
	width: 52.5em;
	margin: 2.7em 0 5em -0.7em;
	padding: 0 0 0 0em;
	position: relative;
}

.sub #rightpanel{
	width: 52em;
}

div.contextbox {
	margin: 0 0 2em 0;
}

div.contextbox h3{
	color: #aaaaaa;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0 0 1em 0.5em;
}

#content h3 span.red{
	margin: 2em 0 0 0;
}

#content ul.contextlinks {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	letter-spacing: -0.03em;
}

ul.contextlinks li{
	position: relative;
	margin: 0 0 0.5em 0;
	line-height: 2.5em;
	height: 100%;
	list-style-image: none;
}

ul.contextlinks li a{
	display: block;
	color: #c00418;
	font-size: 0.8em;
	text-decoration: none;
	background: url(../img/bg_menuitem_gray_left.gif) no-repeat left;	
}

ul.advertlinks li a{
	background: url(../img/bg_menuitem_gray_left_b.gif) no-repeat top left;
}

ul.contextlinks li a span{
	background: url(../img/bg_menuitem_gray.gif) no-repeat right;
	display: block;
	padding: 0 0.8em 0 0.5em;
}

ul.advertlinks li a span{
	background: url(../img/bg_menuitem_gray_b.gif) no-repeat top right;
	display: block;
	padding: 0.6em 2em 0 1em;
}

/* Fixing padding issue on "Makler" */

ul.contextlinks li#e808 a span {
	padding:0 0.0em 0 0.5em;
}



ul.advertlinks li a{
	line-height: 1.6em;
}

ul.contextlinks li.active a,
ul.contextlinks li a:hover{
	text-decoration: underline;
	background: url(../img/bg_menuitem_red_left.gif) no-repeat left;		
}

ul.contextlinks li.active a span,
ul.contextlinks li a:hover span{
	background: url(../img/bg_menuitem_red.gif) no-repeat right;
}

ul.contextlinks li.active a{
	text-decoration: none;
}


ul.advertlinks li a:hover{
	text-decoration: underline;
	background: url(../img/bg_menuitem_gray_left_b.gif) no-repeat top left;		
}

ul.advertlinks li a:hover span{
	background: url(../img/bg_menuitem_gray_b.gif) no-repeat top right;
}


ul.contextlinks li img{
	bottom:5px;
	position:absolute;
	right: -7px;
	z-index:500;
}   

hr.divider, hr.clear{
	visibility: hidden;
	height: 1px;
	border: 0px solid #fff;
	clear: both;
	margin: 0 0 0 0;
}

hr.dividerffonly {
	visibility: hidden;
	height: 1px;
	border: 0px solid #fff;
	clear: both;
	margin: 0 0 0 0;
}

#content h2{
	color: #c00418;
	font-size: 1.2em;
	margin: 0.5em 0 1em 0 ;
}

#content.sub h2{
	font-size: 1.6em;
}

#content blockquote{
	font-size: 0.9em;
	color: #484c5c;
	line-height: 1.5em;
	padding: 1em 1em 1em 1em;
	font-style: italic;
	border: 1px solid #ccc;
	border-left: 0;
	border-right: 0;
	margin: 1em 0 1em 0;
}

#content ul{
	list-style-image: url(../img/listbullet.gif);
	margin: 0 0 1.5em 0;
	padding: 0 0 0 1.3em;
	color: #787676;
	font-size: 0.9em;
	line-height: 1.65em;
}

#content ul.download{
	list-style-image: none;
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
	line-height: 3em;
}

#content ul.download li{
	margin: 0 0 1em 0;
}


#content ul.download li a{
	display: block;
}

#content ul.download li.pdf a{
	padding: 0 0 0 3em;
	background: url(img/pdf-file.gif) no-repeat left;
}

#content ul.download li.zip a{
	padding: 0 0 0 3em;
	background: url(img/zip-file.gif) no-repeat left;
}

#content ul.download li.doc a{
	padding: 0 0 0 3em;
	background: url(img/doc-file.gif) no-repeat left;
}

#content ul.download li.xls a{
	padding: 0 0 0 3em;
	background: url(img/xls-file.gif) no-repeat left;
}

#content a{
	color: #b80415;
	text-decoration: none;
}

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

#content h3, #content h3.slider{
	color: #484c5c;
	font-size: 1.1em;
	margin: 0.5em 0 1em 0;	
}

#content h3.slider{
	padding: 0 0 .5em 1.6em;
	border-bottom: 1px solid #cdcdcd;
	width: 97.5%;
}

#content h3.centered{
	color: #484c5c;
	font-size: 1.1em;
	margin: 1em 0 1em 0em;
}

#content h4{
	color: #484c5c;
	font-size: 1em;
	margin: 0.5em 0 1em 0 ;	
}

#content p{
	line-height: 1.5em;
	color: #787676;
	font-size: 0.9em;
	margin: 0 1em 0.8em 0;
}  

#content p#e794 {
	width: 20em;
	float: left;
	font-size: 85%;
	margin: .6em .3em 2em 1em;
}        

#content p#e1299 {
	width: 19.5em;
	float: left; 
	font-size: 85%; 
	margin: 1em .5em 2em 1em; 
}     

#content #rightpanel div.align1{
   margin: 0 0 0 .5em; 
}

#content #rightpanel #image_e1302 {
	margin: .8em 0 0 0;
}

#content p.teasertext {
	line-height: 1.5em;
	color: #787676;
	font-size: 0.9em;
	margin: 0 1em 0.8em 0;
}

/*#content p.text {
	width: 20.4em;
}   */

#p_main p.floatright {
	margin: 0 0 0.8em 0;
	float: center;
	clear: right;
	width: 5em;
}

#content strong, #content p strong{
	font-weight: bold;
}

#content dl{
	font-size: 0.9em;
	color: #787676;
	margin: 0 0 1em 0;
}

#content dl dt{
	float: left;
	clear: both;
	font-weight: bold;
	margin: 0 0 0 0;
	line-height: 2em;
	vertical-align: middle;
}

#content dl dd{
	margin: 0 0 0 6em;
	line-height: 2em;	
	vertical-align: middle;	
}

#footer{
	clear: both;
	position: relative;
	width: 100%;
	height: 8em;
	padding: 1em 0 0 0;
	background: #f5f5f5 url(../img/gradient.gif) repeat-x top center;
}

#footer div.inner{
	width: 69em;
	position: relative;
	margin: 0 auto 0 auto;
}

#footer img.footer_logo1{
	position: absolute;
	left: 0;
	top: 1em;
}

#footer img.footer_logo2{
	position: absolute;
	right: 1em;
	top: 1em;
}

#footer p.address{
	position: absolute;
	left: 21em;
	top: 1em;
	line-height: 1.5em;
	font-size: 0.8em;
}

#footer dl.contact{
	position: absolute;
	left: 34.5em;
	top: 2.5em;
	width: 30em;
	line-height: 1.5em;
	font-size: 0.8em;
}

#footer dl.contact dt{
	width: 3em;
	float: left;
}

#footer dl.contct dd{
	width: 12em;
	float: left;
	margin: 0 0 0 3em;
}

div.break{
	clear: both;
}

span.red{
	color: #c00418;
}

/* ----------------------------------------------------- JS enabled browsers */

.js div { }

/* ----------------------------------------------------- IE7 and below */

/* ----------------------------------------------------- IE6 and below */

.ie6 div { }

div.lightboximage{
	margin: 2em 0 2em 0;
}

#content div.lightboximage div.img-descr p{
	font-size: 0.8em;
	color: #979797;
	text-align: right;
	padding: 0 0 0 0;
	margin: 0.5em 0 0 0;
}

div.size1{
	width: 50.8em;
}

div.size1 img{
	width: 50.8em;
}

div.size2{
	float: right;
}


/*blue buttons*/     

button.submitBtn {
	background:url('../img/bg_button_a.gif') top right no-repeat; 
	font-size:1.2em;
	border:0; 
	cursor:pointer; 
	font-weight:bold; 
	padding:0 15px 0 0; 
	text-align:center; 
	margin: 0 0 1em 0; 
}

button.submitBtn span { 
	height:24px; 
	line-height:24px;
	background:url('../img/bg_button_span.gif') top left no-repeat;
	color:#585858; 
	font-size: 0.8em; 
	position:relative; 
	display:block; 
	white-space:nowrap; 
	padding:0 0 0 18px;
}

button::-moz-focus-inner { border: none;}

.ie7 button.submitBtn { 
	width:auto; 
	overflow:visible; 
	background:#fff url('../img/bg_button_a.gif') 1px right no-repeat; 
	height: 26px;
}
.ie7 button.submitBtn span { 
	margin-top: 1px;
	line-height: 24px;
}  
             


fieldset{
	border: 0px;
	padding: 0;
	margin: 0;
}

form label{
	vertical-align: middle;
}

form input{
	border: 1px solid #ccc;
	padding: 0.3em;
	font-size: 1em;
	vertical-align: middle;
}

form select{
	vertical-align: middle;	
	width: 10em;
}

#content dl.form dt{
	color: #c00418;
}

#content dl.form dt, #content dl.form dd{
	margin: 0 2em 1em 0;
}

#content form p{
	clear: both;
}

#content div.lightboximage {
	margin: 0em 0 2em 0em;
}

.align2 img{
/*	border-left: 1px solid #979797;
*/}

#content div.align2 {
	margin: 0em 0em 3em 2.9em;
	padding: 0 0 0 .1em;
}

#content div.align1 {
	margin: 0 3em 3em 0;
}

.align1 img{
/*	border: 1px solid #979797;*/
}

#content div.profil img{
	width: 100px;
}

#content div.results ul{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 0.95em;
}

div.sobject{
	padding: 1em 0 1em 1em;	
	clear: both;
}

img.sobject_image{
	padding: 0.5em;
	background: #fff;
	margin:  0 1em 0 0;
	border: 1px solid #eee;
	float: left;
	clear: left;
}

div.imageinsearch{
	float: left;
	clear: left;
}

div.searchitemtext{
	float: left;
}

p.morelink{
	clear: both;
}

#navigation li.immosuche a{
	background: #2291f2;
	border-bottom: 5px solid #eceefe;
}

#navigation li.immosuche.active a {
	border-bottom: 5px solid #E9DCDC;
}

#navigation li.active a{
	background: #b80415;
}

#navigation li.immosuche {
	position: relative;
	right: -4.4em;
	bottom: 0;
}

#content dl.sobject{
}

#content dl.sobject dt{
	width: 15em;
	line-height: 1.2em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}

#content dl.sobject dd{
	margin: 0 0 0 0;
	line-height: 1.2em;
	padding: 0 0 0 0;
	width: 40em;	
}

#content dl.objectdata{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div.exposelist{
	margin: 0 0 2em 0;
}

#content dl.objectdata dt{
	width: 17em;
	line-height: 1.5em;
/*	float: left;
	display: block;
	clear: both;*/
}

#content dl.objectdata dd{
	margin-left: 12em;
	line-height: 1.5em;	
/*	float: left; */

	display: block;
}

#content dl.objectdata dt,
#content dl.objectdata dd {
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}

#content div.immoobj {
	float: left;
}

#content dl.search_immo dt{
	width: 10em;
	padding: 0 0 1em 0;
}

#content dl.search_immo dd{
	padding: 0 0 1em 0;
}

#content form.searchform{
	margin: 0 0 2em 0;
}

#content div.expose{

}

#content div.expose a img{
/*	width: 8.4em;
	height: 5.8em;*/
}

#content div.expose a{
	margin: 0 0.5em 0.5em 0;
}

#content div.expose a img {
	background: #cdcdcd;
}

#content div.expose a img:hover {
	background: #eee;
}

#content div.expose_text {
}

#content p.enlarge{
	text-align: center;
	font-size: 0.8em;
	clear: both;
}

#breadcrumb{
	display: inline;
	list-style: none;
	position: absolute;
	top: 20.5em;
	left: 20.1em;
	font-size: 0.8em;
}

#breadcrumb li{
	display: inline;
	color: #666;
}

#breadcrumb li a{
	font-size: 1em;
}

#content form.cat dl dt{
	width: 10em;
}

#content form.cat select{
	width: 20em;
}

button::-moz-focus-inner { border: none;}  

#referenzen {
	width: 370px;
/*	float: right;  */
	margin: 2em 0 0 0;
}

#referenzen a.referenzlink img {
	margin: 0 .7em .7em 0;
	border: 2px solid white;
}    

#referenzen a:hover.referenzlink img {
	border: 2px solid #b80415;
}      

#referenzen ul {
	list-style: none; 
	padding: 0 0 0 0; 
}                    

#referenzen ul li {
	display: inline;
}

.even{
	background: #eee;
}         

/* Google Maps Anfahrtkarte*/
        

#map_canvas{
	border: 1px solid #666;
	width: 500px;
	height: 250px;
	margin: 1em 0 1em 0em;
}    

/* Kontaktformular*/        

#content #form_e958 {
	font-size: .8em;
}      

#content #form_e958 label {
	font-size: 105%;
}

#content #form_e958 #formfields1358 textarea.small {
	height: 9em;
}   

#content #form_e958 #formfields1358 {
	float: left;
}     

#content #form_e958 #formfields1364 {
	float: right;
	margin: 0 5em 0 0;
	width: 21em;
	
}     

#content #form_e958 #formfields1364 ol li p#formfields1367 {
	width: 15em;
	margin: 0 0em 0 11.5em;
}

#content form.formkit input.medium {
	width: 200px;
}

#formfields1358 span.formkit-label {
	clear:both;
	display:block;
	float:left;
	padding:1em 0;
}

#formfields1358 span.formkit-label label,
#formfields1364 span.formkit-label label {
	font-weight: normal;
	line-height: 1.5em;
	font-size: 90%;
}


#content #rightpanel div.align1{
	margin: 0 2em 2em 0;
}

#content #rightpanel p#e841{
	margin: 0 0 2em 0;
}

#content #rightpanel #image_jimg1490{
	z-index: 500;
	margin: 0 1em 0 0;
	padding: 0 0 0 0;
}

#image_jimg1490 img{
}

/* big static slogan */   

#content h3.teaserslogan{
	color: white;
	background: url('/img/bg_slogan_con3.png') repeat 0 0; 
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;	  
	letter-spacing: 0px;
	z-index: 90;     
	font-size: 2em; 
	padding: .3em .5em .3em .5em;   
	bottom: -.5em;
	right: 0.3em;
	position: absolute;
	margin: 0;
}