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

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

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

.footer{ font-family:"Arial", "Verdana","Helvatica"; text-align:center; height:25px;color: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;}

.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;}

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%;}

h3 {font-size:11pt}
h3.underline {clear:both}

#container {width:990px;}
#header {height:228px;background:#fff url(/static/images/bg_header.jpg) no-repeat bottom;position:relative}
#home {position:absolute;top:9px;right:11px;border:none}

#left {float:left;width:179px}
#center {float:left;width:503px;padding:20px 32px 27px 32px;position:relative;z-index:2;font-size:9pt;line-height:16pt}
#right {float:right;width:210px;padding:20px 0 0 34px;background:url(/static/images/pfeilrot.gif) no-repeat 14px 30px;font-size:14px;line-height:19px}

#navi {margin:20px 0 0 8px;list-style:none;font-size:14px;font-family:verdana,tahoma,arial,sans-serif;}
#navi li {padding-left:26px;color:#ffd500;line-height:21px;}
* html #navi li {height:21px}
#navi a, .navispacer {text-decoration:none;border-top:1px solid #fff;display:block;line-height:21px;}
.navispacer {color:#ddd;}
#navi a.active {color:#fff}
.navi1 {background:url(/static/images/pfeilgelb.gif) no-repeat left 8px;font-size:17px;font-weight:300;}
.navi1 a {color:#ddd}
.navi1active {background:url(/static/images/pfeilgelb.gif) no-repeat left 8px;font-size:17px;font-weight:300}
.navi1active a {color:#ffd500;}
.navi1active a {color:#fff !important}
.navi2, .navi2active {padding-left:15px !important;margin-left:11px;font-family:tahoma,arial,sans-serif}
.navi2active {background:url(/static/images/kreisgrau.gif) no-repeat left 10px;}
.navi2 a, .navi2active a {color:#ffd500;}
.noborder {border:0 !important}
#navi li a:hover {color:#fff}

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

.contenthead {color:#CB6F65;margin-bottom:18pt;}
.contenthead h4 {font:600 11px/16px tahoma,arial,sans-serif;}
.contenthead h1, .content h1 {font:600 18px/24px tahoma,arial,sans-serif;color:#CB6F65}
.content h1 {margin-bottom:6pt}
.content table {width:100%;margin-bottom:18pt}
.grey td, .blue td {padding:3px}
table.grey td {background:#eaeaea}
table.blue td {background:#bcc1d8}
table.grey_r {border-spacing:0 3px;width:90%;table-layout:fixed}
table.grey_r td.left {width:55%}
table.grey_r td.left b {font-weight:300 !important}
table.grey_r td.right {padding:4px 1px !important;text-align:right;width:30%;} 
table.grey_r td.right.filled {background:#eaeaea;}
table.grey_r td {line-height:12px !important;min-height:12px !important}
table.grey_r td.right:empty {background:#fff}


#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}

.newshead {border-top:1px solid #CB6F65;border-bottom:1px solid #B10826;font:600 19px/27px tahoma,sans-serif;color:#CB6F65;margin-bottom:12px}
.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 {margin-right:12px;margin-bottom:12px;position:relative;}
.newsitem a {font-style:italic;color:#3366ff}
.newsitem a:visited {color:#339966}
.newsitem a:hover {color:#CB6F65}
.newsitem img {margin:6px 0 0}
#newsmore {float:right;margin-right:20px;font-weight:600;color:#CB6F65;text-decoration:none}
#newsmore:hover {color:#9B4F45}
.badge {position:absolute;right:2px;top:45px;background:url('/static/images/ZukunftIstUnsereAufgabe.gif') no-repeat;width:50px;height:45px}

.ap_nav {margin-bottom:40px}
.ap_nav a {display:block;float:left;padding:0 16px;background:#f4f4f4;color:#000 !important;line-height:28px;margin:0 15px 15px 0;width:118px;border:1px solid #fff}
.ap_nav a:hover {background:#CB6F65;color:#fff !important}
.ap_nav a.active {background:#eaeaea;border:1px solid #ccf}
.ap_nav a.active:hover {color:#000 !important}
.ap_nav #ap4 {clear:left}

.ap {float:left;padding-left:111px;width:140px;height:150px;position:relative}
.ap img {position:absolute;max-width:100px;left:0}
.ap h5 {font:300 13px/18px arial,helvetica,sans-serif}
.ap span {display:block;font-style:italic;font-size:11px;line-height:13px;margin:5px 0}
.ap a {color:#36f;font-style:italic}

.absatz {font-size:9pt;line-height:16pt;margin-bottom:16pt;}
.absatz strong {color:#6c7dc6}
#center table {font-size:9pt;line-height:12pt}
#center table td {vertical-align:top;padding-right:12px}
#center table span {color:#B10826}
#center .submit {}
#center .submit:hover {background:#B10826;color:#fff;}

.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}
.rfloat {float:right}

#footer {position:relative;margin-top:-25px;height:25px;clear:both;background:#ffd500;text-align:center;color:#fff;width:811px;border-left:179px solid #CB6F65}
#footer a {color:#5f5f5f;text-decoration:none;line-height:25px;font-size:14px;font-weight:600}
#footer a:hover {color:#CB6F65} 

/* Bildergalerie */
#container .bildergalerie h1 {margin-bottom:20px;font:600 18px/24px tahoma,arial,sans-serif;color:#CB6F65;}
#container .galerie {}
#container .galerie a {float:left;width:100px;height:100px;line-height:100px;border:1px solid #CB6F65;text-align:center;vertical-align:middle;margin:0 1px 1px 0;background:#9da0a5;}
#container .galerie a img {border:0;margin:0;}

/* 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:8px;}
.details table {width:100%; padding:0; margin:0;}
.details th, .details td {vertical-align:top;line-height:15pt;padding-right:8px}
.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_mitte {clear:both;}
.details_mitte p {padding:0; margin:0 0 5px 0;}
.details_mitte table{width:100%;}

.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:#ddd;}
.gallery_table {width:96px; 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;}

.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 {position:relative;top:2px}
.details_rechts em {line-height:12pt}

.immo .details h1 {font-size:13px !important}
.immonavi {width:493px;}
#immometa {margin-bottom:8pt;color:#888}
#immometa strong {color:#CB6F65;}
#immometa .dead {color:#aaa}

.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:481px;}
.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:3pt 0;background:url('../images/more.gif') no-repeat left 6px;line-height:16pt}
.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:503px; 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;}

span.s0 {font-size:11px}
span.s1 {margin-top:-10px;font-style:italic;font-size:11px;color:#6C7DC6;position:relative;top:-12px}