html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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 */
body {    
    font-family:arial,helvetica,sans-serif;
    background:url('/static/images/bg_body.jpg') repeat;
    }
    
#top_grad {position:absolute;top:0;left:0;display:block;width:100%;height:264px;background:url('/static/images/bg_body_top.jpg') repeat-x top;z-index:0}
#head {position:relative;height:374px;}

#home {position:absolute;top:15px;left:3px;display:block;width:71px;height:110px;background:url('/static/images/WBG_Stuttgart.gif') no-repeat center}

#hnav {position:absolute;top:80px;right:0;width:auto}

#hnav a {
    display:inline-block;
    width:auto;    
    background:#ddd url('/static/images/bg_hnav.png') repeat-x top;
    color:#4f4f4f;
    border:1px solid #888;
    border-color:#ddd #bbb #999 #bbb;
    font-size:15px;
    font-weight:600;
    line-height:15px;    
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	   border-radius: 6px;	   
	   text-align:center;
	   text-decoration:none;
	   padding:12px 12px 8px;
     margin-left:8px;	   
    }
    
#hnav a:hover {
    border-color:#999 #bbb #ddd #bbb;
    color:#000;        
    }
    
#hnav a.active {
    color:#fff;
    background:#009b3b url('/static/images/bg_hnav_active.gif') repeat-x top;
    border-color:#007e30:
    }
    
*+html #hnav a {border:1px solid #999;background:#DEDEDE url('/static/images/bg_hnav.gif') repeat-x top;}

#metanav {position:absolute;right:0;top:12px;width:300px;border-bottom:1px solid #ddd;}
#metanav #follow {float:left;}
#metanav .menu {display:block;padding-bottom:10px; text-align:right;width:auto;float:right}
#metanav .menu a {text-transform:uppercase;color:#999;font-size:11px;font-weight:600;text-decoration:none;margin-left:20px}
#metanav .menu a:first-child {margin-left:0}
#metanav .menu a:hover {color:#555}

#hpic {
    position:absolute;
    top:150px;
    height:214px;
    width:100%;
    background-color:#009F3D;
    background-repeat:no-repeat;
    background-position:top left;
    border:2px solid #fff;
    -moz-border-radius:5px;    
    -moz-box-shadow:0 4px 10px rgba(0,0,0,0.4);
    -webkit-border-radius:5px;
    -webkit-box-shadow:0 4px 10px rgba(0,0,0,0.4);
    -khtml-border-radius:5px;
    border-radius:5px;    
    }
    
#hpic #quicksearch {
    display:block;
    float:right;    
    width:224px;
    color:#fff;    
    font-size:12px;    
    padding:20px 28px 0 28px;
    background:#009F3D;
    height:194px;
    }
    
#hpic #quicksearch table {
    border-spacing:3px 8px;
    }
    
*+html #quicksearch table td {padding:2px}    
    
#quicksearch h6 {font-weight:600;padding-bottom:8px;border-bottom:1px solid #fff}
#quicksearch input {width:60px;-moz-border-radius:2px;border:1px solid #fff}
#quicksearch input[type=submit] {float:right;border:0;background:transparent;color:orange;cursor:pointer;padding:2px 3px;margin-top:4px;width:auto}
#quicksearch input[type=submit]:hover {background:orange;color:#fff;}
#quicksearch .bordertop {border-top:1px solid #fff}

#main {padding-top:26px;}

#main h1 {
    font:600 23px/28px arial,helvetica,sans-serif;
    width:50%;
    margin-bottom:24px
    }
    
.lcol.start {width:50%;float:left}
.rcol.start {width:45%;float:right;margin-left:0}

.lcol.start .item {padding:12px 0;border-top:1px solid #aaa;margin-bottom:8px}
.lcol.start .item:first-child {border:0}
.lcol.start .item img {float:left}
.lcol.start .item span {
    display:block;
    padding-left:16px;
    font:600 16px/20px arial,helvetica,sans-serif;    
    }
    
.lcol.start .item .more {margin-top:9px}

    
.list {
    border:1px solid #ccc;
    -moz-border-radius:16px;
    -webkit-border-radius:16px;
    -khtml-border-radius:16px;
    border-radius:16px;    
    padding:8px 0 38px 0;
    background:#efefef;
    margin-bottom:12px;
    }
    
.list + .list {margin-top:36px}
    
.list h4 {
    margin-left:10px;
    padding-left:32px;
    font:18px/28px arial,helvetica,sans-serif;
    color:#666;
    margin-bottom:8px;
    }
    
h4.news {background:url('/static/images/h4_news.gif') no-repeat left center}
h4.download {background:url('/static/images/h4_download.gif') no-repeat left center}
h4.press {background:url('/static/images/h4_press.gif') no-repeat left center}
    
.list .item, .list .dl_item {
    background:#ddd url('/static/images/bg_hnav.png') repeat-x top;
    font:600 13px/18px arial,helvetica,sans-serif;
    padding:12px 12px;
    color:#444;
    clear:both;
    min-height:18px;
    }
    
.list .item a, .list .dl_item a {color:#444;text-decoration:none}
.list .item a:hover, .list .dl_item a:hover {color:#009F3D}
    
.lcol {width:45%;margin-right:5%;float:left;}
.rcol {width:45%;margin-left:5%;float:right;}
    
.rcol.start .list .item a {color:#444}
.rcol.start .list a:hover {color:#009F3D}
    
.list .date {margin-right:16px;width:69px;float:left;}  
.list .item .title {width:296px;display:block;float:left;padding-right:20px;} 
.list .dl_item .title {width:320px;display:block;float:left}
.list .title {overflow:hidden}
.title .size {font:300 10px/18px arial,helvetica,sans-serif;color:#888;float:right;margin-right:10px}
.list .more {margin:10px 8px 0 0}
.list a.download {float:right;font-size:11px;color:#016B3B;padding-right:20px;text-decoration:none}
.list a.download:hover {text-decoration:underline}

.item .title, .dl_item a.download {background:url('/static/images/bg_list_item.gif') no-repeat right center;}


a.more {    
    float:right;
    padding:3px 10px 3px 20px;
    background:#019B3D url('/static/images/bg_more.gif') no-repeat left top;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    -khtml-border-radius:12px;
    border-radius:12px;    
    color:#fff;
    text-decoration:none;
    font:600 11px/14px arial,helvetica,sans-serif;
    display:block;
    width:auto;
    }
    
#main a.more:hover {background-position:left bottom;background-color:#006326;color:#fff}

#main a.more.left {float:left;position:relative;top:-12px;}

.lcol.text {width:45%;padding-right:3%;margin-right:3%;float:left;border-right:1px solid #ccc;margin-bottom:20px;}

.absatz {margin-bottom:40px;font:12px/20px arial,helvetica,sans-serif}
.absatz h2 {font:18px/20px arial,helvetica,sans-serif;margin-bottom:20px}
.absatz a {color:#009F3D;text-decoration:none}
.absatz a:hover {color:#FFA500}



.rcol.text {float:right;width:48%;margin-bottom:20px;margin-left:0}

a.big {
    font:18px/20px arial,helvetica,sans-serif;
    color:#009f3d;
    padding-right:40px;
    margin-bottom:10px;
    background:url('/static/images/bg_list_item.gif') no-repeat right center;
    text-decoration:none;
    display:inline-block;
    float:left;
    clear:left;
    width:auto;
    }
    
a.big:hover {/*color:#009F3D;*/color:#FFA500}
    
.coop {width:46%;float:left;padding-bottom:30px;border-bottom:2px solid #bbb;margin:14px 4% 20px 0;min-height:128px}
.coop .logo {width:100px;height:100px;padding:7px;-moz-border-radius:10px;-webkit-border-radius:10px;float:left;background-repeat:no-repeat;background-position:center center;background-color:#fff}
.coop .info {float:left;width:69%;margin-left:18px;font-size:13px;line-height:18px}
.coop h5 {font-weight:600;margin-bottom:6px}
.coop .outbound {display:block;margin-top:12px}
.coop .outbound a {text-decoration:none;color:#009F3D;font-weight:600;font-size:15px;padding-left:32px;display:inline-block;background:url('/static/images/a_mail.gif') no-repeat left center;margin-right:20px}
.coop .outbound a.web {background:url('/static/images/a_web.gif') no-repeat left center}
.coop .outbound a:hover {color:#FFA500}

/*#main h1 + div {float:left}*/

#mapwrap {width:100%;margin-bottom:36px;clear:left;}
#mapwrap div {float:left;}

#mapwrap #districts {
    float:right;
    width:234px;
    }
    
#districts {
    border:1px solid #ccc;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    -khtml-border-radius:12px;
    border-radius:12px;    
    padding:8px;
    background:#efefef;
    margin-bottom:12px;    
    }
    
#districts h4 {
    font:18px/28px arial,helvetica,sans-serif;
    color:#666;
    margin-bottom:8px;
    }
    
#main #districts ul {    
    left:0;
    background:#f6f6f6;
    color:#aaa;
    }
    
#districts ul li {
    list-style:none;
    padding:2px 8px;
    border-top:1px solid #ccc;
    }
    
#districts ul li:first-child {border:0}
    
#districts a {
    text-decoration:none;
    color:#444;
    font:12px/18px arial,helvetica,sans-serif;     
    display:block;
    padding-left:14px;
    background:url('/static/images/tick.gif') no-repeat left center;    
    }
    
#districts a:hover {color:#009F3D;background-color:#fff}

#mapsearch {
    float:right;
    width:263px;
    border:1px solid #ccc;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    -khtml-border-radius:12px;
    border-radius:12px;    
    background:#EFEFEF;
    padding:8px 0;
    text-decoration:none;    
    }
    
#mapsearch .h4 {
    font:18px/28px arial,helvetica,sans-serif;
    color:#666;
    margin-bottom:8px;
    margin-left:12px;
    text-decoration:none !important;
    border:0;
    display:block;    
    }
    
#mapsearch .img {display:block;height:190px;background:url('/static/images/mapsearch.gif') no-repeat center;margin-bottom:4px;}
#mapsearch:hover {border-color:#009F3D;background:#f3f3f3}
#mapsearch:hover .h4 {color:#009F3D}

#main ul {
    list-style:disc outside;
    position:relative;
    left:14px;
    }
    
strong {font-weight:600}
em {font-style:italic}
.clear {clear:both}    

    
.lnk {float:left;padding:6px 0;margin-bottom:12px;border-bottom:1px solid #ccc;width:49%;margin:0 1% 0 0;min-height:100px}
.lnk a {color:#444;text-decoration:none;font:12px/18px arial,helvetica,sans-serif;}
.lnk a:hover {color:#009F3D;}
.lnk .imgwrap {float:left;width:120px;text-align:left}
.lnk .text {float:left;margin-left:12px;width:320px}


.kontakt {font:300 12px/22px 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:400px;padding:2px;margin:0 0 4px 0;border:1px solid #ddd;background:#fafafa;}
.kontakt input:focus, .kontakt textarea:focus {background:#fff;border-color:#ccc}
.kontakt textarea {overflow:hidden}
.kontakt .reset, .kontakt .submit {width:100px !important;background:#f2f2f2;float:right;margin-left:3px;font:600 11px/22px arial,helvetica,sans-serif;color:#999}
.kontakt .reset:hover {background:#E32D02;color:#fff;}
.kontakt .submit:hover {background:#40AF49;color:#fff;}
.kontakt p.alert {color:#E32D02 !important;font-size:11px !important;line-height:18px;margin-top:10px}
.kontakt p.hinweis {font-size:11px !important}

/* Aktuelles */

#main #yearnav {list-style:none;display:block;left:0;margin:-10px 0 30px;border-bottom:1px solid #ccc;}
#yearnav li {float:left;margin-right:20px;font:600 17px/20px arial,helvetica,sans-serif;padding:4px 10px;-moz-border-radius:6px 6px 0 0;-webkit-border-radius-bottom-left;0;-webkit-border-radius-bottom-right:0;-webkit-border-radius-top-left:6px;-webkit-border-radius-top-right:6px;}
#yearnav li.active {background:#bbb}
#yearnav li a {text-decoration:none;color:#666}
#yearnav li.active a {color:#fff}

.newscol {float:left;width:70%;position:relative}
.newscol .date {position:absolute;right:0;top:-44px;font:italic 13px/18px arial,helvetica,sans-serif}
#main h1.clear {clear:left;width:60%}

#main #itemnav {float:right;width:24%;padding:20px 0 20px 3%;border-left:1px dotted #ccc;left:0;list-style:none;top:-18px}
#itemnav li {padding-left:10px;margin-bottom:10px;background:url('/static/images/tick.gif') no-repeat left center}
#itemnav li.active {}
#itemnav li a {font:15px/20px arial,helvetica,sans-serif;color:#666;text-decoration:none}
#itemnav li a:hover {color:#FFA500}
#itemnav li.active a {color:#009F3D;font-weight:600;}

.galleryThumb {width:100px;height:100px;display:block;float:left;border:3px solid #fff;background:#111;margin:0 4px 4px 0;text-align:center}
.galleryThumb:hover {border-color:#F9BE36}

.lpic {float:left;margin-right:20px;margin-bottom:10px}
.rpic {float:right;margin-left:20px;margin-bottom:10px}
.mpic {text-align:center;margin-bottom:10px}
.hidden {display:none}


#footer .boxed {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px;    
    background:#f8f8f8;
    border:1px solid #f4f4f4;    
    padding:20px 16px;
    height:23px;
    }

#footer #functions {display:block;float:left}
#functions a {display:block;background-image:url('/static/images/bg_functions.gif');width:22px;height:23px;float:left;margin-right:6px}
#toTop {background-position:left center}
#print {background-position:-28px center}
#toHome {background-position:-57px center}
#rss {background-position:-86px center}

#footer .fnav {
    margin-top:18px;    
    }
    
#footer .fnav a {
    text-decoration:none;
    color:#000;
    font-size:11px;
    padding-left:8px;
    margin-right:8px;
    border-left:1px solid #000;
    display:block;
    float:left;   
    }
    
#footer .fnav a:first-child {border:0;padding:0}
#footer .fnav a:hover {color:#009F3D}

/* Sticky Footer */

html, body, #container {height: 100%;}
body > #container {height: auto; min-height: 100%;}
#container {width:950px;margin:0 auto;}
#main {padding-bottom:120px}
#footer {position:relative;margin:0 auto;margin-top:-120px;width:950px;height:120px;clear:both}


/* CLEAR FIX*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display: block;}

 



/* Immo-Template */

#immometa {height:100px;padding:20px 0;border:1px solid #ccc;border-width:1px 0;}
#immometa span, #immometa a {position:relative;}
#immometa span.bt_label {display:block;position:absolute;top:80px;left:-15px;width:90px;margin:0;font-size:12px;color:#666;text-align:center;text-decoration:none;background:none}
#immometa strong:hover span, #immometa a:hover span {color:#009F3D}
#immometa {margin-bottom:8pt;color:#BBC2C9;;font:600 11px/20px arial,helvetica,sans-serif}
#immometa span, #immometa a {background-image:url('/static/images/immoicons.gif');background-repeat:no-repeat;width:60px;height:64px;display:block;float:left;margin:0 20px}
#bt_list {background-position:left top}
#bt_list.active, a#bt_list:hover {background-position:left bottom}
#bt_detail {background-position:-93px top}
#bt_detail.active, a#bt_detail:hover {background-position:-93px bottom}
#bt_gallery {background-position:-184px top}
#bt_gallery.active, a#bt_gallery:hover {background-position:-184px bottom}
#bt_expose {background-position:-271px top}
#bt_expose.active, a#bt_expose:hover {background-position:-271px bottom}

#main .immo h1 {font-size:16px;margin-bottom:12px}
#main .immo h2 {color:#009F3D}

.immo h2, .immo h3 {font:600 15px/20px arial,helvetica,sans-serif}
.immo_header {height:150px}
.immobuttons {float:left;display:inline;margin-left:-5px;width:474px;}

.immo {
    color:#595959;
    clear:left;
    margin-bottom:20px;
    float:left;
    width:620px;
    }
    
.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 td.left {width:77%}
.immo td.right {width:23%}
.immo td.immoicons {padding-bottom:8px}
.immo a.getDetails {/*padding:0 20px 0 10px;background:url('/static/images/getDetails.gif') no-repeat left center;*/color:#009F3D;display:inline-block;padding:0;}
.immo a.getDetails:hover {color:#FFA500}
.immo .vorschau_links .getDetails span {display:block;padding:3px 0 0 0}

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;}
td.address {padding-bottom:8px}
td.immoID {float:right;text-align:right;color:#666;font:10px/18px arial,helvetica,sans-serif}

.vorschau1 {background-color:#f1f1f1;border:1px solid #f0f0f0;}
.vorschau2 {background-color:#f8f8f8;border:1px solid #ededed;}
.vorschau1, .vorschau2 {font:12px/18px arial,helvetica,sans-serif;padding:8px;margin:4px 0}
.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%;}
.immo_thumb {border:1px dotted #ccc;}

.immonavi {padding:6px;margin:0}
.immonavi table {width:100%;}
.immonavi td {padding:0px; margin:0; font-size:15px;}
.immonavi td strong {color:#6d6d6d}
.immonavi form {padding:0; margin:0;}

.details {background:#fcfcfc;font:12px/20px arial,helvetica,sans-serif;padding:20px 12px}
.details h1, .gallery h1 {color:#009F3D;}
.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 a {display:block;padding-left:10px;background:url('../images/tick.gif') no-repeat left center}
.details a:hover {color:#009F3D}

.details_links {float:left;width:210px;}
.details_rechts {width:220px; float:right}
.details_rechts_bild img {max-width:300px;height:auto;max-height:300px;float:right;display:inline;margin-left:12px}

.details_mitte {clear:both;}
.details_mitte table{width:100%;}

.details_links, .details_mitte, .details_rechts {margin-bottom:18px}
.details_mitte .absatz {margin-bottom:18px}

#map_immo {width:100%;height:300px;margin:10px 0 20px;}
#map_immo a {background:none;padding:0;}

.gallery table {border-collapse:separate; border-spacing:2px;}
.gallery td {border:1px solid #f4f4f4;border-color:#f0f0f0 #fefefe #fefefe #f0f0f0;background-color:#fcfcfc;}
.gallery_table {width:133px; height:90px; text-align:center;vertical-align:middle}

.immo table {padding:0; margin:0;}
.immo th {text-align:left;font-weight:600;}
.immofooter {clear:both;}

.fbshare, .meme {float:right;height:20px}
.meme {padding-top:2px}