* {margin:0;padding:0;border:0}

body {font-family:arial,helvetica,verdana,sans-serif}

#center a, .news a {color:#990000;text-decoration:none;}
#center a:link {color:#990000;text-decoration:none;}
#center a:active {color:#990000;text-decoration:none;}
#center a:hover {color:#990000;text-decoration:none;}
#center a:visited {color:#990000;text-decoration:none;}

.footer{ font-family:"Arial", "Verdana","Helvatica"; text-align:center; height:25px;color:white; border-top:2px solid white; font-size:14px; background-color:#B10826; line-height:20pt; font-weight:bold;}
.footer a {font-family:"Arial", "Verdana","Helvatica"; font-size:14px;color:#ffffff; text-decoration:none; font-weight:bold;}

input, textarea {font-family:"Verdana","Arial","Helvetica";font-size:10px;color:#000000;background-color:#ffffff;border-style:solid;border-color:#990000;border-width:1px;}
.absatz {width:420px;}

.merkzettel th {width:125px;vertical-align:top;text-align:left; font-size:9pt;color:#000000; line-height:12pt;padding-bottom:3px;padding-top:3px;}
.merkzettel input {width:300px;padding:4px;line-height:12pt}
.merkzettel textarea {width:300px;padding:4px;line-height:12pt}
.checkbox {width:30px;border:0px;}
.submit {float:right;width:135px;margin-right:6px}
.submit_kontakt {width:135px;}
#center form input {line-height:12pt;padding:4px;margin-bottom:2px}
#center form table textarea {line-height:12pt;padding:4px}

fieldset			{display:block; padding:5px; margin:5px 5px 5px 0px; border:1px dotted #888; background-color:#fff; position:relative; }
fieldset.normal		{padding: 0; border: 0; }
fieldset td 		{padding:0; margin:0;}
legend			{padding:5px; color:#888;position:relative;line-height: 10px; top: -6px; margin-bottom:10px; background-color:white; font-size:10px;}
th {text-align:left}
textarea {overflow:hidden}
label			{padding:0; margin:0;text-align:left}
.fieldsetinput		{width: 300px; padding:0; margin:0; }
.fieldsettextarea	{width: 300px; height: 100px;}

.casadomus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; letter-spacing: 0.3mm; color: #000000; padding:2px; }
.cs_treven {background-color: #ffffff; color: #990000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; letter-spacing: 0.3mm}
.cs_trodd {background-color: #D4D2D2; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; letter-spacing: 0.3mm}
.cs_headline { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20pt;color:#990000;line-height:16px;}
.cs_thumbs { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0pt}
.cs_small {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: 300;}
.cs_red {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: 300; color: red}
.cs_purpose { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px}
.cs_area { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;padding-left:5px;}
.cs_city { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
.cs_description { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: 600}
.cs_link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; color: #000000}
.obj_details { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
.obj_back { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
.obj_prices { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
.obj_pages { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
.obj_contact { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
.obj_important{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 9pt}

#grafische_suche{margin-top:20px;}
.stadtteile img{margin-top:25px}
select {font-size:12px;}

/*############### NEUE STYLES ################################################################*/

body {background:url(/static/images/bg_container.gif) repeat-y left}
html, body, #container {height: 100%;}
body > #container {height: auto; min-height: 100%;}
#container {background:url(/static/images/bg_main.gif) no-repeat 445px bottom}

h3 {font-size:9pt;margin-bottom:9pt}
h3.underline {clear:both}
p.date {font:10px/10pt arial,helvetica,sans-serif;color:#666}

#container, #footer {width:989px;}
#header {height:161px;background:#fff url(/static/images/bg_header.jpg) no-repeat bottom;position:relative}
#home {position:absolute;top:7px;right:43px;border:none}

#left {float:left;width:204px}
#center {float:left;width:451px;padding:20px 32px 27px 32px;position:relative;z-index:2;font-size:9pt;line-height:12pt}
#right {float:right;width:230px;padding:20px 0 0 40px;background:url(/static/images/pfeilrot.gif) no-repeat 14px 26px;font-size:12px;line-height:20px}
* html #container {position:relative}
* html #center {left:-20px;height:720px;padding-bottom:240px}
* html #right {position:absolute;top:160px;right:0;}
*+html #right {padding-bottom:50px}

#navi {margin:20px 0 0 14px;list-style:none;font-size:14px}
#navi li {color:#B3B3B3;line-height:17px;padding-left:26px}
#navi a, .navispacer {color:#B3B3B3;text-decoration:none;border-top:1px solid #B3B3B3;display:block;line-height:17px;padding:4px 0;font-weight:300}
.navispacer {color:#fff;}
#navi li form {height:25px}
#navi a.active {color:#fff}
.navi1 {background:url(/static/images/pfeilhellgrau.gif) no-repeat left 8px;}
.navi1active {background:url(/static/images/pfeilweiss.gif) no-repeat left 8px;}
.navi1active a {color:#fff !important}
.navi1active a.active {font-weight:600 !important;color:#fff}
.navi2active {background:url(/static/images/pfeilrot.gif) no-repeat left 8px;}
.navi2 a, .navi2active a {color:#fff !important}

* html #navi li form {position:relative;left:-13px}
*+html #navi li form {position:relative;left:-13px}

#navi a img {position:relative;left:-30px}
#navi input {border:0}

.contenthead {color:#B10826;padding-left:27px;margin-left:-27px;background:url(/static/images/pfeilgross.gif) no-repeat left 19px;margin-bottom:18pt;}
.contenthead h4 {border-top:1px solid #B10826;font-size:11px;line-height:16px;font-weight:600}
.contenthead h1 {border-bottom:1px solid #B10826;font-size:22px;line-height:30px;font-weight:300}
* html .contenthead {position:relative;padding-top:1px}

#center ul {margin-top:5px; padding-bottom:0px; margin-bottom:5px;padding-left:40px}
#center p {/*padding-right:10px;*/}
.underline {border-bottom:1px solid #990000}

#right h2, #right h2 a {border-top:1px solid #B10826;border-bottom:1px solid #B10826;font-size:14px;color:#B10826}
#right h2 a {border:0 !important}
.newsitem h3 {color:#000;margin-left:-27px;padding:5px 0 5px 27px;background:url(/static/images/pfeilgrau.gif) no-repeat left 8px;font-size:12px}
.newsitem {position:relative;margin-right:12px}
#right p {display:block;width:140px;padding-bottom:12pt}
.newsmore {position:absolute;bottom:12pt;right:0;color:#990000;text-decoration:none}
*+html .newsmore {bottom:15pt}
* html .newsmore {display:block;position:relative;width:210px;text-align:right;margin-top:-15pt}

.absatz {font-size:9pt;line-height:12pt;padding-bottom:18pt;position:relative;z-index:5}
#center table {font-size:9pt;line-height:12pt}
#center table td {vertical-align:top;padding-right:12px}
#center table span, #center form span {color:#B10826}
#center .submit {}
#center .submit:hover {background:#B10826;color:#fff;}

.dmg label {display:block;clear:left}
.dmg textarea {width:100%}
.dmg input {width:98%} 
.dmg textarea {height:63px}
.dmg table input {width:20px !important}
.dmg #street {width:70%;float:left}
.dmg #number {width:20%;float:right;margin-right:7px}
#street, #number {margin-bottom:20px}
.dmg table {padding-left:214px}
.dmg table tr {line-height:20px}
.dmg .submit, .dmg .reset {width:48%}

.kontakt td {text-align:right}
.alert {color:#B10826}

#sitemap td {vertical-align:bottom;}
#sitemap .tier3 {padding-left:23px;}

table form select {border:1px solid #7F9DB9}
#center table td {line-height:12pt;font-size:9pt}

.divider {margin-bottom:15pt;border-bottom:1px solid #333}
.hidden {display:none}
.rpic {margin-left:10px; margin-bottom:10px; float:right;}
.lpic {margin-right:10px; margin-bottom:10px; float:left;} 
.mpic {text-align:center; margin:0 auto;margin-bottom:10px; display:block;}

#fromLabel {font:10px/14px verdana,arial,helvetica,sans-serif;color:#fff;background:#999;padding:5px}
#getRoute {padding:3px !important;cursor:pointer;color:#fff;background:#b22}
#print {display:block;margin:5px 0 15px;float:right}


#footer {position:relative;margin-top:-27px;height:25px;clear:both;background:#B10826;text-align:center;color:#fff;border-top:2px solid #fff}
#footer a {color:#fff;text-decoration:none;line-height:25px;font-size:14px;font-weight:600} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* IMMO Template */

.immo_header {height:150px}
.immobuttons {float:left;display:inline;margin-left:-5px;width:474px;}
#content fieldset		{ display:block; padding:10px; margin:10px 10px 10px 0px;  border:1px dotted #8a8b8d;; background-color:#f6f6f6; position:relative; }
#content fieldset.normal		{padding: 0; border: 0; }
#content legend			{padding:5px; color:#8a8b8d;; position:absolute; line-height: 1em; top: -0.75em; margin-bottom:10px; background-color:white; }
#content label			{ }

.immo {color:#595959;clear:both}
.immo td {padding:0; margin:0;}
.immo p {padding:0; margin:0;}
.immo a {color:#595959; font-weight:bold; text-decoration:none;}
.immo a:link {color:#595959;}
.immo a:visited {color:#595959;}
.immo a:hover {color:#595959;}
.immo a:active {color:#595959;}
.immo h1 {margin:0 !important;}
.immo h2 {border:none !important;}

* html .immo .details h1 {position:relative}

.vorschau1 {background-color:#fefefe; padding:5px; border:1px dotted #c1c2c2;}
.vorschau2 {background-color:#eee; padding:5px; border:1px dotted #bbb;}
.vorschau_links {width:20%;  float:left;}
.vorschau_rechts{width:76%;float:right;border-left:2px dotted #CCD2D5;padding-left:12px}

.vorschau_rechts table, .details_links table {width:100%;}
.vorschau {padding:0; margin:0;}

.details h1 {background-color:#aaa;color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff; line-height:33px; padding-left:10px;}
.details table {width:100%; padding:0; margin:0;}
.details th, .details td {vertical-align:top;line-height:21px}
.details table {padding:10px 0 !important}

.details_links{float:left;width:210px;line-height:15pt}
.details links th, .details_links td {line-height:15pt}
.details_rechts{width:220px; float:right}
.details_rechts_bild img{width:220px; height:180px; overflow:hidden;float:right}

.details .gestreift{background-image:url(/static/images/bg_streifen.gif);background-repeat:repeat; background-position:top left;}

.details_mitte {clear:both;}
.details_mitte p {padding:0; margin:0 0 5px 0;}
.details_mitte table{width:100%;}
/*.details_links {margin-left:16px;} .details_links img {margin-left:-19px;}*/

.details_links a, .details_rechts a {color:#595959; text-decoration:none; color:#000000;font-weight:300;}
.details_links a:link, .details_rechts a:link {color:#595959; text-decoration:none;}
.details_links a:visited, .details_rechts a:visited {color:#595959;text-decoration:none;}
.details_links a:hover, .details_rechts a:hover {color:#595959;text-decoration:none;}
.details_links a:active, .details_rechts a:active {color:#595959;text-decoration:none;}

.headline_gallery a {color:#2a2a2a; font-weight:bold;}
.headline_gallery a:link {color:#2a2a2a;}
.headline_gallery a:visited {color:#2a2a2a;}
.headline_gallery a:hover {color:#2a2a2a;}
.headline_gallery a:active {color:#2a2a2a;}

.gallery table {border-collapse:separate; border-spacing:2px;}
.gallery td {border:1px solid #ccc; background-color:#eee;}
.gallery_table {width:90px; height:64px; text-align:center;}
.gallery h1{background-color:#aaa;color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff; line-height:33px; padding-left:10px;}

.immo table {padding:0; margin:0;}
.innertable{background-color:red; height:46px;}
.immo h1 {font-size:13px;padding-bottom:0;}
.immo h2 {color:#595959; font-size:15px; font-weight:bold;}
.immo th {text-align:left;font-weight:bold;}

.immoid {float:right;width:60px;}

.immo_thumb {border:2px solid #ffffff;}

.immonavi {width:495px; background-color:#ddd; padding:3px 5px; margin:0;}
.immonavi table {width:100%; padding:0; margin:0 !important;}
.immonavi td {padding:0px; margin:0; font-size:11px; line-height:11px;}
.immonavi td strong {line-height:27px}
.immonavi form {padding:0; margin:0;}

.immofooter {clear:both;}

.form {padding:0; margin:0;}
.immo_suche {float:right;width:158px;height:40px;background:url('../images/bg_search.jpg') no-repeat center top;position:relative;margin-bottom:20px}
.immo_suche form {position:absolute;top:20px;left:0;}
.immo_suchfeld {border:1px solid #cbd5e7;border-right:0;width:120px;float:left;padding:2px;margin-left:8px;display:inline;}
.suchbutton {margin:0;width:21px;float:right;}

.floating_table {}

.tablecell{width:238px; float:left; text-align:left; }
.tablecell td {padding:0; margin:0; text-align:left; line-height:36px;}

.clearfloat {clear:left;}

.SubmitButton input {cursor:pointer;}
.SubmitButton input:hover {color:#fff;background:#00A1E1;}

/*Hardys Versuch der Verschönerung*/

.details_rechts img {padding:7px 7px 7px 0;margin-left:-10px}
.details_rechts em {line-height:33px;height:33px}

.immo .details h1 {font-size:13px !important}
.immonavi {width:440px;}
#immometa {margin-bottom:10px}

.vorschau_links {width:88px;}
.vorschau_links a {display:block;position:relative;top:16px}
.vorschau_links a:hover strong {color:#555;}
.vorschau_links a strong {color:#7EA1F3;}
.vorschau_links a strong {position:absolute;bottom:16px;padding-left:8px;cursor:pointer}
.vorschau_links a strong img {position:relative;left:0;padding-top:6px;}
.vorschau1, .vorschau2 {font-size:12px;line-height:18px;padding:10px;width:430px;}
.vorschau1 .vorschau_links img, .vorschau2 .vorschau_links img {position:absolute;top:10px;}
.vorschau_links strong img {top:0 !important}
.vorschau_rechts h2 {font-size:14px;line-height:30px;margin-top:3px;color:#444;}

.details a {display:block;padding-left:10px;margin:5pt 0;background:url('../images/more.gif') no-repeat left 6px;line-height:15pt}
.details a:hover {color:#5CBCCD;}

span.immoicon {margin-left:12px;font-weight:300;}
.details_rechts_bild img {margin-left:12px;float:right;display:inline;}
span.roomcount {padding: 1px 3px;height:11px;line-height:13px;color:#33f !important;background:#fff;display:block;float:left;font-size:11px;border:1px solid #33f;}

#map_immo { width:450px; height:250px;} 
#map { margin-top:3px; margin-bottom:3px; }

#immosearch {margin-bottom:10px}
#immosearch table {width:450px}
.immo td, #immosearch td {padding-right:0 !important} 

td.address {line-height:24pt !important;font-weight:600}
td.immoID {padding-top:10px}
.immonavi td {line-height:8pt !important}
#center form select {border:1px solid #ccc;margin-right:4px}
*+html #center form select {margin-right:0;}

.linktext {float:left;width:280px}
.lf {float:left}
.rf {float:right}
.liste, #print {background:url('/static/images/liste.gif') no-repeat -5px -1px;padding-left:10px}
#center ul.pdfs {list-style:none;padding:0}
.pdfs li {background:url('/static/images/pdf_logo.gif') no-repeat left center;padding-left:40px;height:40px}

table#webcam {width:448px !important}
table#webcam #bigImg {width:448px}
table#webcam .thumbImg {width:56px}
.thumbImg {border-top:4px solid #fff}
.thumbImg:hover {border-color:#B10026}