html#web, #web body {overflow: hidden; height: 100%; margin: 0; font-family: Verdana; font-size: 11px; color: #535353;}
body, input, textarea, button, select, table, th, td, div, span, p, label {font-family: Verdana; font-size: 100%; color: #535353;}
table {border: 0; border-collapse: collapse;}
table td {padding: 0;}
a {color: #002584; text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: 0; margin: 0;}
p {margin: 0 0 1em 0;}
h1 {margin: 0 0 1em 0; font-size: 120%; color: #002584; font-weight: bold; background-color: #d9dfed; padding-bottom: 5px; padding-top: 5px; padding-left: 5px; font-style: italic;}
h2 {margin: 0 0 1em 0; font-size: 100%; font-weight: bold; color: #002584; margin: 0px;}
h3 {margin: 0; font-size: 100%; font-weight: bold;}
hr {height: 1px; border: none; border-bottom: 1px solid #FFFFFF;}
#content ul {list-style-image: url(../images/aufzaehlung.gif);}
.error {color: #FF0000;}
.clearing {clear: both; float: none;}
.hide{display:none;}
#content .clearing {float: none; clear: both;}

/* Layout */
#container_functions {position: absolute; top: 1px; height: 22px; left: 2px; right: 0px; background-color: #ffdc00; overflow: hidden;}
#container_functions .strip1 {position: absolute; top: 0px; height: 100%; left: 7px; width: 3px; overflow: hidden; background-color: #FFFFFF;}
#container_functions .strip2 {position: absolute; top: 0px; height: 100%; left: 26px; width: 1px; overflow: hidden; background-color: #FFFFFF;}
#container_functions .strip3 {position: absolute; top: 0px; height: 100%; left: 32px; width: 161px; overflow: hidden; background-color: #FFEE80; border-right: 1px solid #FFFFFF;}
#container_functions .strip4 {position: absolute; top: 0px; height: 100%; left: 194px; width: 6px; overflow: hidden; background-color: #FFEE80;}
#container_functions .strip5 {position: absolute; top: 0px; height: 100%; left: 203px; width: 27px; overflow: hidden; background-color: #FFEE80; border-right: 1px solid #FFFFFF;}
#container_functions .strip6 {position: absolute; top: 0px; height: 100%; left: 799px; width: 1px; background-color: #FFFFFF; overflow: hidden;}
#container_functions .strip7 {position: absolute; top: 0px; height: 100%; left: 825px; width: 115px; background-color: #FFEE80; overflow: hidden;}
#container_quicklinks {position: absolute; left: 0px; width: 645px;}
#quicklinks {position: absolute; top: 7px; right: 0px; list-style-type: none; margin: 0; padding: 0;}
#quicklinks li {float: left;}
#quicklinks a {display: block; float: left; color: #535353; border-left: 1px solid #535353; line-height: 90%; padding: 0 5px;}
#quicklinks a:hover {color: #002584; text-decoration: none;}
#quicklinks li.first a {border-left: 0;}
#search {position: absolute; top: 0px; height: 100%; left: 645px; width: 151px; background-color: #FFEE80;}
#search input {position: absolute; top: 3px; left: 6px; width: 94px; height: 14px; font-size: 10px; z-index: 10;}
#search button {position: absolute; top: 3px; height: 16px; left: 106px; width: 39px; border: 1px solid #616161; border-left: 0; background-color: #ffdc00; font-size: 10px; color: #535353; z-index: 5;}
#container_logo {position: absolute; top: 25px; height: 152px; left: 0px; right: 0px;}
    #logo {position: absolute; top: 15px; right: 11px; z-index:200;}
    #titlepictures {position: absolute; top: 0px; bottom: 0px; left: 0; right: 0px; overflow: hidden; background-color: #000000; width:243px;}
    #titlepictures img {position: absolute; top: 0px; left: 0px;}
    #slogan{position: absolute; top:0; bottom:0; left:248px; right:0; background:#000000; z-index:100;}
    #slogan img{position: absolute; top:63px; left:19px;}
    
    /* Navigation */
    #navbar {position: absolute; top: 179px; height: 18px; left: 2px; right: 0px; background-color: #ffdc00; font-weight: bold; color: #000000; padding-left: 7px; line-height: 18px;}
    #container_nav {position: absolute; top: 197px; left: 2px; width: 239px;}
    #nav {list-style-type: none; margin: 0; padding: 5px 0 0 0; background-color: #fffad9;}
    #nav li a {display: block; font-weight: bold; color: #000000; border-bottom: 1px solid #000000; padding-left: 11px; line-height: 150%;}
    #nav li#nav_e39 a {text-transform: none;}
    #nav li a.last {border: 0;}
    #nav li a:hover {color: #cecece; text-decoration: none;}
    #nav li a.active {background-image: url(../images/layout/icons/nav_main_expanded.gif); background-position: 1px 69%; background-repeat: no-repeat; color: #000000;}
    #nav li a.activenode {background-image: url(../images/layout/icons/nav_main_activenode.gif); background-position: 3px 59%; background-repeat: no-repeat; color: #000000;}
    #nav li ul {list-style-type: none; margin: 0; padding: 5px 0; border-bottom: 1px solid #002584;}
    #nav li ul li a {padding-left: 20px; background-image: none; border: 0; color: #000000; font-weight: normal; text-transform: none;}
    #nav li ul li a:hover {color: #000000; background-image: none; background-color: #ffdc00;}
    #nav li ul li a.active, #nav li ul li a.activenode {color: #000000; background-image: none; background-color: #ffdc00; font-weight: bold;}
    #container_nav .section {margin-bottom: 5px;}
    #container_nav .section.last {border-bottom: 1px solid #000000; padding-bottom: 5px;}
    #container_nav .section .title {background-color: #ffdc00; color: #000000; font-weight: bold; padding-left: 7px; margin-bottom: 5px; line-height: 18px;}

html {position:relative; overflow:hidden; height:100%; background-image:url(../images/layout/grey_bg.gif); background-position: 250px; background-repeat:repeat-y;}
#web body {position:absolute; overflow:auto; top:0; bottom:0; left:0; right:0;}
#head_bg {position:absolute; top:0; left:0; right:0; height:190px; background-color:#fff;}

#content {position: absolute; top: 197px; bottom: 0px; left: 248px; right: 0px; /*background-color: #ebebeb;*/ padding: 17px 20px 20px 15px; /*overflow: auto;*/ font-size: 12px;}
#author {}
#content dl dd em a{display:none;}

/* Gallery Hauptuebersicht */
.gallery_mainoverview .entity {margin-bottom: 1em;}
.gallery_mainoverview .mainpic {padding-right: 10px; vertical-align: bottom;}
.gallery_mainoverview .info {vertical-align: top;}
.gallery_mainoverview .title {font-weight: bold;}
.gallery_mainoverview .galleries {vertical-align: bottom;}
.gallery_mainoverview .galleries a {display: block; float: left; width: 54px; height: 54px; border: 1px solid #FFFFFF; margin-right: 2px; background-position: center center; background-repeat: no-repeat; background-color: #f6f6f6;}
.gallery_mainoverview .galleries a img {visibility: hidden;}

/* Gallerie */
.gallery_overview a {display: block; float: left; width: 140px; height: 140px; border: 1px solid #FFFFFF; margin-right: 5px; margin-bottom: 5px; background-position: center center; background-repeat: no-repeat; background-color: #f6f6f6;}
.gallery_overview a img {visibility: hidden;}

    .gallery a {display: block; float: left; width: 138px; height: 138px; border: 1px solid #FFFFFF; margin-right: 5px; margin-bottom: 5px; background-position: center center; background-repeat: no-repeat; background-color: #f6f6f6;}
    .gallery a img {visibility: hidden;}
    .gallery a .description, .gallery a .width, .gallery a .height {display: none;}
    .gallery a:hover {background-color: #fcfcfc;}
    .gallery.renderdynamically a {width: auto; height: auto; padding: 5px;}
    .gallery.renderdynamically a img {display: block;}
    .gallery a.galleryprintlink {display: none;}

/* Haupthausuebersicht */
.houses_mainoverview .entity {margin-bottom: 1em;}
.houses_mainoverview .mainpic {padding-right: 10px; vertical-align: bottom;}
.houses_mainoverview .info {vertical-align: top;}
.houses_mainoverview .title {font-weight: bold;}
.houses_mainoverview .galleries {vertical-align: bottom;}
.houses_mainoverview .galleries a {display: block; float: left; width: 54px; height: 54px; border: 1px solid #FFFFFF; margin-right: 2px; background-position: center center; background-repeat: no-repeat; background-color: #f6f6f6;}
.houses_mainoverview .galleries a img {visibility: hidden;}

/* Hausuebersicht */
.houses_overview a {display: block; float: left; width: 140px; height: 140px; border: 1px solid #FFFFFF; margin-right: 5px; margin-bottom: 5px; background-position: center center; background-repeat: no-repeat; background-color: #f6f6f6;}
.houses_overview a img {visibility: hidden;}

/* Haus */
.house .housetitle {display: none;}
.house .housegallery {margin-bottom: 1em;}
.house.floatingpics .housegallery {float: left;}
.house.floatingpics .clearing {display: none;}
.house .housegallery a {display: block; float: left; width: 138px; height: 138px; border: 1px solid #FFFFFF; margin-right: 5px; margin-bottom: 5px; background-position: center center; background-repeat: no-repeat; background-color: #f6f6f6;}
.house .housegallery a img {visibility: hidden;}
.house .housegallery a .description, .house .housegallery a .width, .house .housegallery a .height {display: none;}
.house .housegallery a:hover {background-color: #fcfcfc;}
.house .housetext {margin-bottom: 1em;}
.house .houselayouts .houselayoutstitle {display: none;}
.house .houselayouts a {position: relative; display: block; float: left; width: 138px; height: 138px; border: 1px solid #FFFFFF; margin-right: 5px; margin-bottom: 5px; background-color: #f6f6f6;}
.house .houselayouts a .title {position: absolute; top: 0px; height: 20px; left: 0px; right: 0px; border-bottom: 1px solid #FFFFFF; padding: 1px 5px; color: #535353;}
.house .houselayouts a .image {display: block; position: absolute; top: 22px; bottom: 0px; left: 0px; right: 0px; background-repeat: no-repeat; background-position: center center;}
.house .houselayouts a .image img {visibility: hidden;}
.house .houselayouts a .description, .house .houselayouts a .width, .house .houselayouts a .height {display: none;}
.house .houselayouts a:hover {text-decoration: none; background-color: #fcfcfc;}
.house a.houseprintlink {display: none;}

/* Partner */
#content .partnerselection {position: relative;}
#content .partnerselection .container_map {position: relative; margin-bottom: 1em;}
#content .partnerselection .container_map #map {z-index: 1000;}
#content .partnerselection .container_map .partneronmap {z-index: 1100; display: block; padding: 5px;}
#content .partnerselection .container_map .partneronmapinfo {position: absolute; top: 0px; height: 106px; left: 0px; width: 186px; visibility: hidden; z-index: 1200; background-color: #f6f6f6; border: 1px solid #FFFFFF;}
#content .partnerselection .container_map .partneronmapinfo td {text-align: center; vertical-align: middle;}
#content .partnerselection .selection {position: relative; border: 1px solid #002584; background-color: #ffffff; width: 450px;}
#content .partnerselection .selection h2 {position: relative; background-color: #ffdc00; border-bottom: 1px solid #002584; margin: 0; padding: 1px 7px;}
#content .partnerselection .selection label {margin: 5px;}

/* Partner */
.partner {margin-bottom: 2em; clear: both;}
.partner .container_picture {width: 200px; float: left; text-align: center; border: 1px solid #FFFFFF; background-color: #f6f6f6; padding: 5px 0px; margin-right: 1em;}
.partner .container_info {float: left;}
.partner .name {font-weight: bold;}
.partner .zipcode {float: left; margin-right: 0.5em;}

/* News */
.news_entity {clear: both; margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid #FFFFFF;}
.news_entity .gallery {float: left;}
.news_entity .gallery a {margin-right: 1em;}
.news_entity .title {font-weight: bold; color: #002584;}
#content .news_entity .gallery .clearing {display: none;}

/* Real Estate */
.real_estates .entity {position:relative;display:block;clear:both;margin-bottom:2.5em;padding-bottom:10px;border-bottom:1px solid #FFFFFF;}
.real_estates .entity a.picture {display:block;float:left;width: 138px;height: 138px;border: 1px solid #FFFFFF;margin-right: 5px;background-position: center center;background-repeat: no-repeat;background-color: #f6f6f6;}
.real_estates .entity a.picture img {visibility:hidden;}
.real_estates .entity .title {font-weight:bold;color: #002584;}
.real_estates .entity .more {position:absolute;bottom:7px;left:145px;}
.real_estate {margin-bottom: 2em;}
.real_estate .file {margin-top:1em;padding-top:0.5em;border-top:1px solid #FFFFFF;}
.real_estate .file img {vertical-align:middle;margin-right:3px;}

/* Sitemap */
#sitemap {list-style-type: none; margin: 0 0 0 3em; padding: 0;}
#sitemap li a {font-size: 110%;}
#sitemap li ul {margin: 1em 0 3em 1em;}

/* Formulare */
form {margin: 0; padding: 0;}
input, select, textarea {margin: 0; padding: 0; color: #7C7B78;}
input, textarea {padding: 0 2px; border: 1px solid #616161;}
select {border: 1px solid #616161;}
textarea {overflow: auto;}
label.error {color: #FF0000;}
label.error input, label.error select, label.error textarea {border: 1px solid #FF0000;}
button {padding: 0; margin: 0; border: 0; cursor: pointer; background: none;}

    #content form {margin-bottom: 1em;}
    #content form .container_1 {float: left; margin-right: 1em; margin-bottom: 0.3em; width: 326px; height: 25em;}
    #content form .container_2 {float: left; margin-bottom: 0.3em; width: 326px; height: 25em;}
    #content label {display: block; margin-bottom: 0.1em; height: 3em;}
    #content label span {display: block;}
    #content label.checkbox span {display: inline;}
    #content input, #content textarea {width: 320px; margin-top: 1px;}
    #content input.radio, #content input.checkbox {padding-left: 0; padding-right: 0; border: 0; width: auto;}
    #content button {margin-right: -0.2em;}
    #content .button_send {float: right; font-weight: bold; color: #002584;}
    #content .button_send:hover, #content .button_senden.hover {color: #ffdc00;}
    #content #label_plz {float: left; margin-right: 3px;}
    #content #fld_plz {width: 60px;}
    #content #label_ort {float: left;}
    #content #fld_ort {width: 251px;}
    #content #label_telefon {clear: both;}
    #content #label_text {height: 25em;}
    #content #fld_text {height: 22.8em;}
    #form_contact .section_request {margin-bottom: 1em;}
    #form_contact .section_request .container_1 {height: auto;}
    #form_contact .section_request .container_2 {height: auto;}
    #form_contact .section_request label {height: auto;}

/* Homestories */
#form_orderlivingstory .button_send {float: none;}

/* Diverses */

#searchablecontent, #skipnavigation, #hideme {display: none; visibility: hidden;}
#logo_print {visibility: hidden;}

/* Infolisten */
table.insetheader caption span {position: relative; top: 1em; left: -0.5em; margin-left: 0.5em;}
table.insetheader {margin-left: 0.5em;}
table.normal caption {border-bottom: solid 1px #CBCBCB;}
table.insetheader .first td, .web table.insetheader .first th {padding-top: 2em;}
table.data caption {color: #CBCBCB; font-size: 17px; font-weight: bold; text-align: left;}
table.data {border-collapse: collapse; margin-bottom: 1.5em;}
table.data tbody td, table.data tbody th {border-bottom: dashed 1px black;}
table.data tr.last td, table.data tr.last th, table.data td.noborder, table.data th.noborder, table.data th.subheadline {border-bottom: none;}
table.data td.noborder, table.data th.noborder {font-size: 70%;}
table.data thead, table.insetheader .first th, table.data th.subheadline {background-color: white; color: #CBCBCB;}
table.data th {font-weight: normal; vertical-align: top;}
table.data td, table.data th {font-size: 12px; padding-right: 15px; text-align: right;}
table.data td.last, table.data th.last {padding-right: 1px;}
table.data tbody th, table.data th.desc {text-align: left; padding-right: 30px;}
table.data col {background-repeat: repeat-y; background-position: right;}
table.data col.even {background-color: #F0F0F0;}
table.data col.odd {background-color: #CBCBCB;}
table.data col.last {background-image: none;}
table.data col.desc {background: #efefef repeat-y right top;}
table.list tr.even {background-color: #CBCBCB;}
table.list tr.odd {background-color: #F0F0F0;}
table.list {border-collapse: collapse;}
table.list td {border: 7px solid white; padding: 0 0.8em;}
#generate_pdfpages {margin-top: 0.5em; margin-bottom: 1em; padding-left: 140px;}
.livingstory .edition {font-weight: bold; margin-bottom: 1em; color: #002584;}
.livingstory .adobeinfo {margin-bottom: 1em;}
.livingstory .downloadall {margin-bottom: 1em;}
.livingstory .pdfpages a {position: relative; display: block; float: left; width: 280px; height: 160px; margin: 0 1.5em 1.5em 0; border: 1px solid #FFFFFF; background-color: #f6f6f6;}
.livingstory .pdfpages a img {margin: 5px; float: left;}
.livingstory .pdfpages a .pdfpage_content {display: block; padding-top: 3px;}
.livingstory .pdfpages a .pdfpage_content .title {font-weight: bold; display: block; margin-bottom: 1em;}
.livingstory .pdfpages a .pdfpage_content .text {display: block;}
.livingstory .pdfpages a .pagenumber {position: absolute; bottom: 3px; right: 5px; font-size: 90%;}
.livingstory .pdfpages a:hover {text-decoration: none; background-color: #f9f9f9;}
div.zms_graphic.left {text-align: left;}
div.zms_graphic.right {text-align: right;}
div.zms_graphic.floatleft {float: left;}
div.zms_graphic.floatright {float: right;}
div.zms_graphic.center {text-align: center;}
div.graphic.alignleft {float: left; text-align: right;}
div.graphic.alignright {float: right; text-align: right;}

.img_impressum caption {font-weight:bold; line-height:1.5; font-size:14px;}
.img_impressum td, .img_impressum th {padding:5px; border:1px solid #ccc;}

