* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
  text-decoration:none;}

:focus {outline:0;}
ol, ul {list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* End Reset Style */

body {background:#f4f4f4 url('/static/images/bg_body.jpg') repeat-x top;font-family:arial,helvetica,sans-serif}
html, body, #container {height: 100%;}
body > #container {height: auto; min-height: 100%;}
#container {width:952px;margin:0 auto;padding:0 9px;}

/* Head / Nav */

#header {height:175px;background:url('/static/images/bg_header.png') no-repeat center;position:relative}
#home {display:block;width:188px;height:60px;background:url('/static/images/stadtbau_aschaffenburg_logo.png') no-repeat center;position:absolute;top:35px;left:37px;}
#metanav {position:absolute;bottom:24px;left:74px;height:12px}
#metanav li {float:left;line-height:12px;height:12px}
#metanav li.first {padding-right:5px;border-right:1px solid #aaa;margin-right:5px;}
#metanav a {text-transform:uppercase;font-size:12px;color:#9ca1a5}
#hnav {float:right}
#hnav li {float:left;margin-right:1px;width:170px;height:166px;text-align:center}
#hnav li a {display:block;height:42px;line-height:41px;font-weight:normal;padding-top:124px;background-position:top right;background-repeat:no-repeat}
#hnav li a:hover, #hnav li a.active {background-position:top left}
#hnav li a span {color:#475159;cursor:pointer}
#hnav li a:hover span, #hnav li a.active span {color:#007fff}
#hnav li a span.typeface-js span span {color:#fff;font-size:0}
* html span.typeface-js {padding-right:1px}

/* Blocks */

#main {padding-bottom: 86px;}
#start #header {margin-bottom:20px}
#leftcol {width:600px;float:left;margin-left:11px;display:inline;padding-bottom:20px}
#rightcol {width:270px;float:right;padding-bottom:20px}

/* Allgemein */

#leftcol p {margin-bottom:20px}
.ref p, p.date {margin:0 !important}
strong {font-weight:600}
.absatz {padding-bottom:12px;margin-bottom:12px}
.absatz h3 {font:600 16px/34px arial,helvetica,sans-serif;color:#24368b}
.absatz p {font:300 12px/20px arial,helvetica,sans-serif}
.hidden {display:none !important}
#subnav ul.hidden {display:none}
.divider {background:url('/static/images/divider.gif') repeat-x bottom}
.rpic {float:right;margin-left:20px}
.lpic {float:left;margin-right:20px}
.mpic {display:block;text-align:center}
.mpic, .lpic, .rpic {margin-bottom:10px}
#news p.limiter {height:80px;overflow:hidden}

#main a, #footer a {color:#007fff}
#main a:hover, #footer a:hover {text-decoration:underline}
#main p, #footer p {color:#475159}
#subnav {padding:6px 0 0;margin:0;background:url('/static/images/divider.gif') repeat-x center 52px;position:relative;bottom:18px;min-height:14px}
#subnav ul {background:url('/static/images/subnav_divider.gif') no-repeat left center;padding-top:16px}
#subnav li {float:left;background:url('/static/images/subnav_divider.gif') no-repeat right top}
#subnav li a {display:block;padding:0 12px 20px 12px;font:300 13px/24px arial,helvetica,sans-serif;color:#24368B}
#subnav li a.active {color:#007fff;text-decoration:underline}
#subnav li a.active {background:url('/static/images/subnav_active.gif') no-repeat bottom center}
#subnav li a:hover {color:#007fff;}

/* Text und Bild */
.image-frame p {text-align:center;background:#ddd;border:1px solid #ccc;border-top:0;}

/* Suche */

#searchframe {margin:6px 0 18px;width:100%;background:transparent;}
#search {margin:0;}
#search input[type=text] {border:1px solid #CCCCD3;padding:2px 4px;font:12px/18px arial,helvetica,sans-serif;width:236px;-moz-border-radius:4px 0 0 4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-radius:4px 0 0 4px;background:#f0f0f0;color:#556;}
#search input[type=text]:focus {background:#fff;color:#000;}
#search input[type=image] {margin-left:-5px;}

#searchresults {}
#searchresults .result {font:13px/20px arial,helvetica,sans-serif;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ccc;padding-left:20px;position:relative;}
#searchresults .result .title {font-weight:600;}
#searchresults .result .resultnum {font-weight:600;color:#007FFF;position:absolute;top:0;left:0;}

#resultpages {padding-left:16px;}
#resultpages a {font-size:12px;margin:0 4px;width:138px;float:left;}
#resultpages a.left {text-align:left;float:left;}
#resultpages a.right {text-align:right;float:right;} 

/* Startseite */

#start #hnav li a {background-position:top left}
#start #leftcol {margin:0}

#infobox {margin-left:-7px;margin-bottom:16px;padding:15px 24px 13px 14px;width:586px;height:310px;background:url('/static/images/bg_infobox.png') no-repeat center}
#infobox .img {float:left;border:4px solid #fff;-moz-border-radius:14px;-webkit-border-radius:14px;-khtml-border-radius:14px}
#infobox span {display:block;margin-left:280px}
#infobox h1 {margin:18px 0 16px;color:#2982C0;font:600 20px/26px arial,helvetica,sans-serif;background:url('/static/images/divider.gif') repeat-x bottom;padding-bottom:6px}
*+html #infobox h1 {font-size:19px}
* html #infobox h1 {font-size:19px}
@media screen and (-webkit-min-device-pixel-ratio:0) {#infobox h1 {font-size:19px}}
#infobox p {font:13px/20px arial,helvetica,sans-serif;color:#475159}
#infobox a {font:600 13px/20px arial,helvetica,sans-serif}
#angebote {}
.angebot {float:left;display:inline;width:183px;margin-right:16px;}
* html .angebot {margin-right:13px}
.angebot h5, .angebot a {font:600 13px/20px arial,helvetica,sans-serif;display:block}
.angebot h5 {color:#24368b}
.angebot img {border:2px solid #fff}

#leftcol h2 {font:600 20px/34px arial,helvetica,sans-serif;color:#2982C0;background:transparent url('/static/images/divider.gif') repeat-x bottom;margin-bottom:12px;padding-bottom:4px}
#rightcol h3 {font:600 16px/34px arial,helvetica,sans-serif;color:#2982C0;background:url('/static/images/divider.gif') repeat-x bottom;margin-top:4px}
#rightcol p, #leftcol p, .text {font:300 12px/20px arial,helvetica,sans-serif}
div.text {margin-bottom:20px}
#rightcol a {font:600 13px/20px arial,helvetica,sans-serif} 

#news {}
#news .date, .absatz p.date {font:300 11px/15px arial,helvetica,sans-serif !important;font-style:italic !important}
#news p, #news h5 {color:#475159}
#news h5 {font:600 13px/20px arial,helvetica,sans-serif;color:#24368b}
.news {padding:16px 0 20px;background:url('/static/images/divider.gif') repeat-x bottom}

#kontakt h3 {margin-top:24px;margin-bottom:8px}
#kontakt p {font:13px/20px arial,helvetica,sans-serif}
#kontakt p strong, .table2 th strong {color:#24368B}

/* Referenzen */

h2.ref {margin-bottom:0 !important;background:none !important}

div.ref {background:url('/static/images/divider.gif') repeat-x top;padding:16px 0}
#ref1 {padding-top:0;background:none}
.ref div {background:#f2f2f4;padding:4px;border:1px solid #ddd}
.ref img {float:left;margin-right:30px}
.ref div div {margin:0 20px 0 205px;background:none;border:0}
.ref p {font:300 12px/20px arial,helvetica,sans-serif}
.ref a {font:600 13px/20px arial,helvetica,sans-serif}
#leftcol h4 {font:600 14px/34px arial,helvetica,sans-serif;color:#24368b;margin-top:5px}
.ref p.limiter {height:60px;overflow:hidden;}

/* Kontaktformular */

.kontakt {font:300 12px/20px arial,helvetica,sans-serif}
.kontakt span {color:#E32D02;margin-left:3px}
.kontakt th, .kontakt td, .kontakt p {vertical-align:top;color:#475159}
.kontakt form {margin:18px 0}
.kontakt .left {padding-right:42px}
.kontakt input, .kontakt textarea {width:460px;padding:2px;margin:0 0 4px 0;border:1px solid #ddd;background:#fafafa;}
.kontakt input:focus, .kontakt textarea:focus {background:#fff;border-color:#aaa}
.kontakt textarea {overflow:hidden}
.kontakt .reset, .kontakt .submit {width:100px !important;background:#f2f2f2;float:right;margin-left:3px;font:600 11px/20px arial,helvetica,sans-serif;color:#066AB4}
.kontakt .reset:hover {background:#E32D02;color:#fff;}
.kontakt .submit:hover {background:#149EDD;color:#fff;}
.kontakt p.alert {color:#E32D02 !important;font-size:11px !important}
.kontakt p.hinweis {font-size:11px !important}

/* FAQ */

#questions, #faq {font:300 12px/20px arial,helvetica,sans-serif}

#questions {margin-bottom:16px}
#questions li a {padding:4px 12px 4px 23px;display:block;background:#f4f4f6 url('/static/images/question.png') no-repeat 11px center;color:#222;border:1px solid #fff;border-color:#fff #aaa #aaa #fff;margin-bottom:3px}
#questions li a:hover {color:#fff;background-color:#0A65B0;border-color:#666 #aaa #aaa #666;text-decoration:none}
#questions li a#q2, #questions li a#q4, #questions li a#q6, #questions li a#q8, #questions li a#q10, #questions li a#q12, #questions li a#q14, #questions li a#q16, #questions li a#q18, #questions li a#q20, #questions li a#q22, #questions li a#q24, #questions li a#q26, #questions li a#q28, #questions li a#q30 {background-color:#dddde1 !important}
#questions li a#q2:hover, #questions li a#q4:hover, #questions li a#q6:hover, #questions li a#q8:hover, #questions li a#q10:hover, #questions li a#q12:hover, #questions li a#q14:hover, #questions li a#q16:hover, #questions li a#q18:hover, #questions li a#q20:hover, #questions li a#q22:hover, #questions li a#q24:hover, #questions li a#q26:hover, #questions li a#q28:hover, #questions li a#q30:hover {color:#fff !important;background-color:#0A65B0 !important;border-color:#666 #aaa #aaa #666 !important;text-decoration:none !important}
#faq div {padding:11px;margin-bottom:6px;border:1px solid #ddd;background:#fff}
#faq div strong.underline, #faq .toTop {display:block}
#faq div strong.underline {border-bottom:1px dotted #bbb}
#faq .toTop {font-size:11px;font-weight:600;background:url('/static/images/toTop.png') no-repeat left 26px;padding-left:12px}
#faq p {margin:0}

/* PDF-Download */

.pdfs li {}
.pdfs li a {padding:4px 4px 4px 40px;border:1px solid #ddd;background:#f6f6f4 url('/static/images/PDF_logo.gif') no-repeat 3px center;display:block;height:31px;font:12px/31px arial,helvetica,sans-serif;margin-bottom:2px}
.pdfs li a span {font:10px/33px arial,helvetica,sans-serif;margin-left:5px}

/* Tabelle 2-spaltig */

.table1 {font:12px/20px arial,helvetica,sans-serif;color:#475159;margin-bottom:20px}
.table1 th {font-weight:600;padding-right:20px;color:#24368b}
.table1 th, .table1 td {padding-top:6px;padding-bottom:6px}
.table1 tr {background:url('/static/images/divider.gif') repeat-x bottom}

.table2 {font:12px/20px arial,helvetica,sans-serif;color:#475159;margin-bottom:20px}
.table2 th {width:40%;color:#888}
.table2 td {width:50%}
.table2 th, .table2 td {padding-top:5px;padding-bottom:5px}

/* Anfahrt */

#map {background:#fff;border:5px solid #fff}
#formcontainer {background:#fff;padding:15px;border:1px solid #ddd}
#formcontainer, #directions {font:12px/20px arial,helvetica,sans-serif}
#directions {padding:0 !important}
#formcontainer form {float:left}
a#print {float:right;padding-left:24px;background:url('/static/images/print.gif') no-repeat left}
input#fromAddress {margin-left:8px;color:#888}
input#fromAddress, input#getRoute {border:1px solid #ccc;border-color:#ccc #eee #eee #ccc;padding:3px}
input#getRoute {cursor:pointer;color:#2982C0;background:#f4f4f6;font-weight:600;width:160px}
input#getRoute:hover {color:#fff;background:#2982C0}
.googledir div table tr {background:#fff}
.googledir b {font-weight:600}
*+html #fromLabel {position:relative;top:4px}
* html #fromLabel {position:relative;top:4px}

/* Footer */

#footer {position:relative;margin-top:-86px;height:86px;clear:both;background:url('/static/images/bg_footer.jpg') repeat-x top}
#footer_inner {width:952px;margin:0 auto;font:300 12px/20px arial,helvetica,sans-serif;position:relative}
#footer p {float:left;margin-top:20px}
#footer span {position:absolute;right:0;top:40px}
#footer span a.print {padding-left:24px;background:url('/static/images/print.gif') no-repeat left}


/* 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 h2 {font:600 15px/20px arial,helvetica,sans-serif !important;color:#475159 !important;padding:6px 0}
.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;margin-bottom:4px}
.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;height:32px}

.vorschau1 {background-color:#f7f7f9; padding:5px; border:1px solid #ddd;}
.vorschau2 {background-color:#f4f4f6; padding:5px; border:1px solid #ddd;}
.vorschau_links {width:16%;float:left;}
.vorschau_rechts{width:80%;float:right;border-left:1px dotted #ddd;padding-left:16px}

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

.details {background:#f4f4f6;font:12px/20px arial,helvetica,sans-serif}
.details .absatz {margin-bottom:0 !important}
.details h1, .gallery h1 {background-color:#92BDDD;color:#fff;line-height:33px;padding:0 5px 5px 8px;font:600 14px/32px arial,helvetica,sans-serif}
.details table {width:100%; padding:0; margin:0;}
.details th, .details td {vertical-align:top;line-height:15pt;padding-right:8px}
.details table {margin:10px 0 !important}

.details_links {float:left;width:210px;line-height:15pt;margin-left:8px !important}
.details links th, .details_links td {line-height:15pt}
.details_rechts{width:220px; float:right}
.details_rechts_bild img{width:220px; height:auto; 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:#DADAE4;}
.gallery_table {width:116px; height:80px; text-align:center;vertical-align:middle}

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

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

.immonavi {background-color:#92BDDD;padding:6px;margin:0;height:25px;line-height:25px}
.immonavi table {width:100%; padding:0; margin:0 !important;}
.immonavi tr {line-height:25px}
.immonavi td {padding:0px; margin:0; font-size:11px; line-height:11px;}
.immonavi td strong {position:relative;top:8px;color:#fff}
.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;}
.margin {margin:8px 0}

.clearfloat {clear:left;}

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



.details_rechts img {position:relative;top:2px}
.details_rechts em {line-height:12pt}
.details_mitte .absatz {margin:8px}

.immo .details h1, .gallery h1 {font-size:13px !important}
#immometa {margin-bottom:8pt;color:#BBC2C9;;font:600 11px/20px arial,helvetica,sans-serif}
#immometa a {text-decoration:none;color:#888;}
#immometa strong {color:#066AB4;text-decoration:underline}
#immometa .dead {color:#BBC2C9}

.vorschau_links a {display:block;position:relative;top:16px}
.vorschau_links a:hover strong {color:#555;}
.vorschau_links a strong {position:absolute;bottom:16px;cursor:pointer;color:#066AB4 !important}
.vorschau_links a strong img {position:relative;left:48px;padding-top:3px;}
*+html .vorschau_links a strong img {left:56px}
* html .vorschau_links a strong img {left:56px}
@media screen and (-webkit-min-device-pixel-ratio:0) {.vorschau_links a strong img {left:56px}}
.vorschau1, .vorschau2 {font-size:12px;line-height:18px;padding:10px;margin:4px 0}
.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;color:#066AB4 !important}

span.immoicon {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:100%; 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;color:#475159}
td.immoID {float:right;width:50%;text-align:right;color:#007FFF;font:10px/18px arial,helvetica,sans-serif}
.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 {height:2px;background:url('/static/images/divider.gif') repeat-x;display:block}

