/*--------------------------------------------------------------------------
 +	project: aurelis real estate
 +	created: 2008-06-02
 +	last changed: 2008-06-02
 +	author: Patricia Roß
 ---------------------------------------------------------------------------*/


/*	### Global
 *************************************************************************/
* {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}			
body {
	background:#ffffff;
	font-size: 75%; /* oder einen anderen Wert */
}		
* {
	color:#000000;
	font-family: Tahoma, Verdana, Helvetica, "Lucida Grande", Arial, sans-serif;
}

/* Clearing Floats */
.clear {
	clear: both;
	font-size:0; /* no height in IE */
	height: 0;
	overflow: hidden;
	width: 0;
}
.clearfix:after { /* for Firefox */
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}	
.clearfix { /* for IE Mac */
	display: inline-table;
}
/* Hides from IE Mac \*/
* html .clearfix { /* for MSIE */
	height: 1%;
}
.clearfix  {
	display: block;
}	
/* End hide from IE Mac */	


/*	### Layout
 *************************************************************************/
/* invisible elements in print version */
#projects,
#metanav-header,
#web-search,
.header-branding,
#left-area,
#subnav,
.page-nav,
#page-functions,
#footer {
	display:none;
} 

.header-meta {
	margin:0 auto; 
	width:567px;
}
.header-meta.wide {
	width:775px;
}
/* Folgeseiten mit rechter Spalte */
#content {
	border-top:4px solid #f2f2f2;
	margin:1em auto;  /* center */
	padding:1em 0 0 0;
	width:567px;
}
/* Einstiegsseiten ohne rechte Spalte */
#content-area.wide #content {
	float:none;
	border-top:4px solid #f2f2f2;
	margin:1em auto;  /* center */
	padding:1em 0 0 0;
	width:775px;
}

#right-area {
	margin:1em auto; 
	width:576px; /* plus 9px */
}
#footer-print {
	border-top:4px solid #f2f2f2;
	padding:1em 0 0 0;
	margin:1em auto 0 auto;  /* center */
	width:567px;
}
#footer-print.wide {
	width:775px;
}
/* Logo (Image) */
#logo {
	float:right;
}
#claim-print {
	float:left;
	margin-top:61px;
}

/* Trennlinien */
hr.separator {
	border:none;
	border-top:1px solid #cccccc; /* color */
	clear: both;
	height: 1px;
	margin: 0 0 .75em 0;
}
.separator-invisible {
	clear: both;
	height: 1px;
	margin: 0 0 .75em 0;
}
.teaser .separator {
	border-color:#ffffff;
}
.teaser hr.headline-seperator {
	border:none;
	border-top:2px solid #cccccc;
	clear: both;
	height: 2px;
    margin: 0 -12px 10px -12px;
}


/*	### Text
 *************************************************************************/
p,
ul,
ol,
dl,
cite {
	line-height:1.5em;
	margin:0 0 1em 0;
}
dd {
	font-size:.9em;
}

/* Headlines */
h1, h2, h3, h4, h5, h6 {
	clear:both;
	font-weight:bold;
	line-height: 1.5em;
	margin:0 0 .5em 0;
}
h1 {
	color:#f1901d;
	font-size:1.5em;
	text-transform:uppercase;
}
h2 {
	font-size:1.2em;
}
h3 {
	font-size:.9em;
}
h4 {
	font-size:.9em;
}
h1, 
h2 {
	background-image:none!important; 
}

/* Text */
p {
	font-size:.9em;
}
.intro {
	font-weight:bold;
}
.footnote {
	font-size:.8em;
}
small {
	font-size:.9em;
}
cite {
	font-style:normal;
}
#footer-print p {
	float:left;
	display:inline-block;
	margin-right:4em;
}
#footer-print p.address {
	margin-left:4em;
	margin-right:0;
}

/* Links */
a, 
a:link, 
a:visited {
	color:#000000; 
	text-decoration: underline;
}		
#content-area .doc,
#content-area .jpg,
#content-area .mp3,
#content-area .pdf,
#content-area .ppt,
#content-area .xls,
#content-area .zip {
	display:block;
}		
#content-area .remember span,
#content-area .remember-active span {
	display:none;
}

/* Listings */
li {
	font-size:.9em;
	margin-bottom: .25em;
}
li li {
	font-size:1em;
}
ul {
	margin:0 0 1em 1.5em;
}
ul ul, 
ol ul {
	margin:.5em 0 .5em 1em;
}
ol {
	margin:0 0 1em 2.5em;
}
ol ol, 
ul ol {
	margin:.5em 0 .5em 2.2em;
}
ul li, 
ol ul li {
	list-style-type:square;
	padding-left:1em; 
}

/* zweispaltiger Text in Einstiegsseiten */
#content-area.wide .two-columns {
	float:left;
	margin-right: 9px;
	margin-bottom:1em;
	width:375px;
}
/* Text rechts neben .img-left .col30 */
.content-nofloat-il-col30 {
	float:left;
	margin-left:3px; /* ergibt zusammen mit margin-right des links floatenden images den passenden Abstand */
	width:365px; 
}
/* Hack: nur Mozilla */
html:not([dummy]) .content-nofloat-il-col30 { 
	width:210px; /* less width to avoid pagebreak in FF */
}

/*	### Tables
 *************************************************************************/
table {
	border-collapse: collapse;
	border-top:1px solid #cccccc;
	border-right:2px solid #ffffff;
	margin:0 0 1em 0;
	width:100%;
}
th, 
td {
	background-color:#ffffff;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc; 
	font-size:.9em;
	padding: .5em 1em;
	text-align:left;
	vertical-align:top;
}
tfoot td {
	border-top:3px solid #cccccc;
	border-bottom:2px solid #fff;
	padding: 0;
}
th {
	border-bottom:3px solid #cccccc; 
	font-size:.8em;
	font-weight:bold;
}
td.separator {
	border-bottom:2px solid #cccccc;
}

table .center {
	text-align:center;
}
table .right {
	text-align:right;
}
table .middle {
	vertical-align:middle;
}
table .bottom {
	vertical-align:bottom;
}

table .txt-important,
table .txt-important p,
table .txt-important li {
	color:#f1901d; 
}

/*	### Images
 *************************************************************************/
dl.col30,
dl.col30 img {
	width: 183px;
}
dl.col40,
dl.col40 img {
	width: 247px;
}
dl.col45,
dl.col45 img {
	width: 279px;
}
dl.col60,
dl.col60 img {
	width: 375px;
}
dl.col90,
dl.col90 img {
	width: 567px;
}
dl.col120,
dl.col120 img {
	width: 759px;
}

dl.img-left,
dl.img-right,
dl.img-middle {
	margin: 0 0 9px 0;
}

dl.img-left {
	float: left;
	margin-right: 9px;
}
dl.img-middle {
	float: left;
	margin: 0 auto 9px auto;
}
dl.img-right {
	float: right;
	margin-left: 9px;
}
dl.img-right.two-columns {
	margin-left: 0;
}

img.img-left {
	float: left;
	margin:5px 9px 9px 0;
}
img.img-right {
	float: right;
	margin:5px 0 9px 9px;
}
img.img-middle {
	display:block;
	margin: 5px auto 9px auto;
}

#content-area.wide dl.img-right,
#content-area.wide img.img-right {
	margin-right: 9px;
}
#content-area.wide .two-columns dl.img-right,
#content-area.wide .two-columns img.img-right {
	margin-right: 0;
}

dl dt a.zoom {
	display:none;
}


/*	### Teaser
 *************************************************************************/
.teaser {
	border: 1px solid #cccccc; 
	float:left;
	margin:0 9px 9px 0;
	padding:12px 12px 1px 12px;
}
#right-area .teaser {
	width:156px; 
}

.teaser.col10 {
	width:223px;
}
.teaser.col20 {
	width:351px;
}
.teaser.col30 {
	width:479px;
}

.teaser h1 {
	color:#000000;
	font-size:1em;
}
.teaser h2 {
	font-size:.9em;
}
.teaser h1,
.teaser h2 {
	margin-bottom:.75em;
	line-height:1em;
}
.teaser p {
	margin-bottom:.5em;
}

.teaser.h10,
.teaser.h15,
.teaser.h20,
.teaser.h30 {
	overflow:hidden; /* don't display too much content */
}
.teaser.h10 {
	height:130px;
}
.teaser.h15 {
	height:168px;
}
.teaser.h20 {
	height:208px;
}
.teaser.h30 {
	height:285px;
}

#content-area .teaser img.img-middle {
	margin-bottom:6px; /* niedrigeres margin, weil sonst .link in Teaser .h1 nicht unters Bild passt */
}


/* forms within teaser */
.teaser form,
#content-area.wide .teaser form {
	margin: 0 0 1em 0;
}

.teaser label {
	float:left;
	font-size:.9em;
	line-height:1.8em;
	margin-right:0;
	max-width:138px; /* for multiline text next to .rb-cb, placing span.required */
}
.teaser.col10 label {
	max-width:202px; 
}
.teaser label.wide {
	display:block;
	float:none;
	font-size:1em;
	font-weight:bold;
	line-height:1.5em;
	margin-right:0;
	width:159px;
}
.teaser.col10 label.wide {
	width:223px;
}

.teaser input.text {
	width:149px;
}
.teaser.col10 input.text {
	width:213px;
}
.teaser select {
	margin:0 0 6px 0;
	width:159px;
}
.teaser.col10 select {
	width:223px;
}
.teaser.col20 select {
	width:351px;
}

#content-area .teaser input.button {
	margin:.2em 0 0 0;
}

#content-area .teaser .forgot-pw {
	display:inline; 
	float:left;
}

/* forms within teaser in right area */
#right-area .teaser.app {
	display:none;
}

/* image gallery */
.galerie-teaser {
	float: left;
	margin-bottom: 2em;
	margin-right: 9px; 
	width: 183px;
}
.galerie-teaser.last-in-row {
	margin-right: 0;
}
#content-area .galerie-teaser ul {
	margin-left: 0;
}
#content-area .galerie-teaser ul li {
	list-style-type:none;
	padding-left: 0;
}

/* press release teaser */
.press-teaser {
	border-bottom:1px solid #cccccc;
	margin-bottom:1em;
}
.press-teaser h3 {
	clear:none;
}


/*	### Forms
 *************************************************************************/
form {
	font-size:.9em;
	margin: 0 0 1em 0;
}

fieldset {
	border:none;
	border-top:1px solid #cccccc; 
	margin: 0 0 1em 0;
	padding:1em 0;
}
	
label {
	float:left;
	line-height:1.5em;
	margin-bottom:.5em;
	margin-right:1em;
	max-width:234px; /* for multiline text next to .rb-cb, placing span.required */
}
	
/* Label links vom Eingabefeld */
label.left {
	margin-right:1em;
	text-align:right;
	width:10em;
}
/* Label rechts neben rb-cb, die in einer Zeile stehen */
label.inline {
	margin-right:2em;
	width:auto;
}
/* Label rechts neben eingerueckten rb-cb */
label.eingerueckt {
	width:214px;
}

form p,
form h3,
form h4 {
	font-size:1em;
}

/* instead of legend, because of fieldset border */
h4 {
	font-weight:bold;
}

#content-area form fieldset span {
	float:left;
	line-height:2em;
	margin-right:.25em;
	margin-left:-.5em;
	text-align:center;
}
#content-area p.label_lookalike {
	margin:.5em 0 .5em 0;
}
#content-area p.label_lookalike.left {
	float:left;
	margin:0 1em 0 0;
	text-align:right;
	width:10em;
}
#content-area p.required {
	color:#b2b2b2; /* color */
	display:inline;
	float:left;
	font-size:.9em;
	margin-left:11em;
}
#content-area span.required {
	float:left;
	line-height:1.3em;
	margin-right:.5em;
}
#content-area form p.right {
	float:left;
	margin: 0 0 1em 0;
	width:290px;
}	

/* Input fields */
input, 
select, 
textarea {
	background-color:#ffffff;
	border:1px solid #cccccc; 
	float:left;
	font-size:1em;
	margin:0 9px 5px 0;
}
input.text {
	height:14px;
	padding:1px 4px;
	width:247px;
}

select {
	height:auto;
	padding:0 0 0 1px;
	width:257px;
}
select option {
	padding:0 4px 1px 4px;
}

textarea {
	height:10em;
	padding:1px 1px 1px 4px;
	width:250px;
}
input.rb-cb {
	background-color:transparent;
	border:none;
	margin:3px 6px 6px 0;
	width:auto;
}
#content-area input.rb-cb.right {
	margin-left: 11em;
}	
#content-area input.rb-cb.eingerueckt {
	margin-left: 12.75em;
}	
#content-area .width_auto,
#content-area .width_80,
#content-area .width_75,
#content-area .width_5,
#content-area .width_4,
#content-area .width_2 {
	padding:2px 4px;
}
#content-area .width_auto {
	width: auto;
}
#content-area .width_80 {
	width: 201px; /* Straße */
}
#content-area .width_75 {
	width: 191px; /* Ort */
}
#content-area .width_5 {
	width: 37px; /* PLZ */
}
#content-area .width_4  {
	width: 27px; /* Hausnummer, JJJJ */
}
#content-area .width_2 {
	width: 14px; /* TT, MM */
}

/* Button */
#content-area input.button {
	border:1px solid #F1901D;
	color:#F1901D;
	float:right;
	font-size:1em;
	font-weight:bold;
	height:auto;
	margin-right:191px;
	text-transform:uppercase;
	width:auto;
}

/* Error */
#content-area p.error {
	color:#f1901d;
	margin:1em 0 .5em 11em;
}
#content-area input.error, 
#content-area select.error, 
#content-area textarea.error {
	border:1px solid #f1901d;
}

/* Merkliste */
#merkliste p {
	float:right;
}
#content-area #merkliste input.button {
	float:left;
	margin-right:0;
}



/*	### Additional
 *************************************************************************/
/* Sitemap */
#content-area #sitemap,
#content-area #sitemap ul {
	margin: 0 0 2em 0;
	padding:0;
}
#content-area #sitemap ul {
	padding-top:.5em;
}
#content-area #sitemap ul ul {
	margin: 0 0 0 2em;
	padding:0;
}
#content-area #sitemap li {
	list-style-type:none;
	padding:0;
}
#content-area #sitemap li a {
	border-bottom:1px solid #cccccc;
	display:block;
	font-weight:bold;
	text-decoration: none;
	text-transform:uppercase;
}
#content-area #sitemap li li a {
	border-bottom:none;
	font-weight:normal;
	text-transform:none;
	padding: 0 0 0 1.4em;
}

/* Suchergebnisse - Objekte - Vertrieb, Vermietung */
.search-filter fieldset {
	border-bottom:1px solid #cccccc;
	font-size:.9em;
}
#content-area .search-filter span {
	margin:0 .5em 0 0;
	line-height:1.5em;
}
#content-area .search-filter a,
#content-area .search-filter a:link,
#content-area .search-filter a:visited {
	float:left;
	margin-right:1em;
	padding-right:1em;
	text-decoration:none;
}
#content-area .search-filter a.active {
	font-weight:bold;
	text-decoration:underline;
}
#content-area .search-filter a.up,
#content-area .search-filter a.down {
	float:right;
}

.search-result {
	border:1px solid #cccccc;
	margin-bottom:1em;
	padding:12px;
	position:relative;
	min-height:109px; /* less because of missing img border */
}
.search-result img {
	float:left;
	margin-right:1em;
}
.search-result .content {
	float:left;
	min-height:109px; /* less because of missing img border */
	width:400px;
}

#content-area .search-result h3 {
	font-size:1.1em;
	margin-bottom:.5em;
	text-transform:uppercase;
}
#content-area .search-result p {
	display:none;
}
#content-area .search-result dt,
#content-area .search-result dd {
	display:inline;
	float:left;
}
#content-area .search-result dt {
	clear:left;
	font-weight:bold;
	margin-bottom:0;
	margin-right:.5em;
}


/* Detailseite - Objekte - Vertrieb */
#content-area .objectdetails .teaser {
	display:none;
}
#content-area .objectdetails .teaser p {
	line-height:1em;
}
#content-area .objectdetails dt {
	font-weight:bold;
	margin-bottom:.0em;
}
#content-area .objectdetails dd {
	margin-bottom:1.5em;
}
#content-area .objectdetails dt,
#content-area .objectdetails dd {
	font-size:.9em;
}
#content-area .objectdetails dd p {
	font-size:1em;
}
#content-area .objectdetails .map {
	border:12px solid #f2f2f2;
	margin-bottom:1em;
}



/* Suche (seitenweit) */
#content-area .site-search-result h3 {
	text-transform:uppercase;
	width:80%;
	float:left;
}
#content-area .site-search-result .relevance {
	float:left;
	font-size:.8em;
	text-align:right;
	width:20%;
}
#content-area .search-key {
	font-weight:bold;
}