/* screenwork css framework (Thu, 17 Sep 2009 13:09:37 +0200) */


div#cms .inhalt div#immo-startseite {
    height: 20em;
    border-bottom: 1px solid #000;
    margin-bottom: 1em;
}

div#cms ul#tabs-nav {
    border-bottom: 1px solid #5474A3;
    height: 2em;
    list-style-type: none;
    list-style-position: inside;
    margin-left: 0em;
    padding-left: 1em;
}

ul#tabs-nav li {
    background-color: #fff;
    float: left;
    color: #000;
    border-left: 1px solid #5474A3;
    border-right: 1px solid #5474A3;
    border-top: 1px solid #5474A3;
    height: 1.5em;
    margin-right: 0.2em;
    padding: 0.2em 0.5em;
}

ul#tabs-nav li.selected {
    height: 1.6em;
}

 
ul#tabs-nav li a {
    text-decoration: none;
}

div#immo .mieten {
    float: left;
    width: 19em;
}

div#immo .kaufen {
    float: left;
    width: 20em;
}

div#immo div#objektarten h2 {
    clear: both;
    font-size: 1.2em;
}

div#immo div#objektarten h3 {
    font-size: 1.2em;
}

div#suche-objektnummer input#objektnummer {
    width: 18em;
    font-size: 1em;
}

div#suche-objektnummer h2 {
}


div#immo div#seiten-sortierung {
    height: 3em;
}

div#immo div#seiten-sortierung p {
    margin-bottom: 0em;
}

div#immo select#sortierung {
    float: right;
    margin-right: 1em;
    font-size: 1.1em;
}

div#immo div.treffer {
    clear: both;
    padding: 1.5em 0em;
    margin-bottom: 5px;
}

div#cms .inhalt div.treffer div.bild {
    float: left;
    width: 13em;
    margin-left: 0.5em;
}

div#immo-treffer .bild img {
    border: 1px solid #CCCCCC;
}

div#cms .inhalt div.treffer div.text {
    float: right;
    width: 26.5em;
}

div#cms .inhalt div.treffer h3 {
    margin: 0px;
    padding: 0 0 5px 0;
}


div#cms .inhalt div.treffer div.text a.immo-expose-link {
    color: #8C8060;
}


div#cms .inhalt div.treffer div.text a.immo-expose-link:hover {
    color: #14195a;
}



div.treffer .text {
    display: block;
}



div#cms .inhalt div.treffer a:hover {
    color: #8c8060;
}


div#cms .inhalt div.treffer a.link-details {
    font-weight: bold;
    font-size: 1.1em;
    padding: 0.2em 1.0em;
    text-decoration: none;
    display: block;
    width: 0.5em;
    margin-right: 2em;
    margin-top: 5px;
    float: right;
    background: url(/media/layout/icon-dunkel.gif) top right no-repeat;
}

div#cms .inhalt div.treffer a:hover.link-details {
    text-decoration: none;
    background: url(/media/layout/icon-dunkel.gif) top right no-repeat;
    border: none;
}


div#cms .inhalt div#suche-einschraenken {
    padding-top: 1em;
    margin-bottom: 0.2em;
}

div#cms .inhalt div#suche-einschraenken h2 {
    color: #fff;
    background-color: #444444;
    padding: 0.2em 1em;
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 1em;
    line-height: 1.5em;
}

div#suche-einschraenken label {
    float: left;
}

div#suche-einschraenken label.plz-ort,
div#suche-einschraenken label.preis-von {
    width: 7.2em;
}

div#suche-einschraenken label.umkreis {
    padding: 0em 0.5em;
}

div#suche-einschraenken label.preis-bis {
    width: 2em;
}

div#suche-einschraenken input.plz-ort,
div#suche-einschraenken input.preis-von,
div#suche-einschraenken input.preis-bis {
    font-size: 1em;
    float: left;
}

div#suche-einschraenken input.preis-von,
div#suche-einschraenken input.preis-bis {
    width: 4.5em;
}

div#suche-einschraenken input.plz-ort {
    width: 12.8em;
}

div#suche-einschraenken input.button {
    float: left;
    margin-left: 1em;
}
#immo div.seitenzahlen {
    font-size: 1.1em;
    line-height: 1.1em;
    margin-left: 0em;
    padding: 0em 0em 0em 0em;
    width: 21.7em;
    float:left;
}
#immo div.seitenzahlen-text {
    padding: 0.2em 0em 0em 0em;
    float:left;
    width:18em;
}

#immo div.seitenzahlen p {
    font-size: 1em;
    padding: 0.2em 0em 0em 0em;
    float: left;
    text-align: center;
    width: 20em;
}

#immo div.seitenzahlen .zurueck {
    float: left;
    margin-right: 0.5em;
    width: 16px;
}

#immo div.seitenzahlen .weiter {
    float: right;
    margin-left: 0.5em;
    width: 16px;
}


#immo div.seitenzahlen .prev {
    float:left;
    margin-top:2.5em;
    height:1.4em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding-right:1.8em;
    background:url(/media/layout/icon-dunkel.gif) center right no-repeat;
    display:block;
}

#immo div.seitenzahlen .next {
    display: block;
    float: left;
    background: url(/media/layout/icon-dunkel.gif) center right no-repeat;
    padding-right: 1.8em;
    margin-left: 0.5em;
    margin-top: 2.5em;
    height: 1.4em;
}


#immo div.seitenzahlen a.next,
#immo div.seitenzahlen a.prev {
    color: #8c8060;
}

div#immo a.gesuche {
    display: block;
    float: left;
    background: url(/media/layout/icon-dunkel.gif) center right no-repeat;
    padding-right: 1.8em !important;
    margin-left: 0.5em;
    margin-top: 1em;
    height: 1.4em;
    font-size: 1.1em !important;
    color: #8c8060 !important;
}


a.gesuche-uebersicht {
    display: block;
    float: left;
    background: url(/media/layout/icon-dunkel.gif) center right no-repeat;
    padding-right: 1.8em !important;
    margin-left: 0em;
    margin-top: 1em;
    height: 1.4em;
    font-size: 1.1em !important;
    color: #8c8060 !important;
}



#immo div.seitenzahlen img {
    margin-top: 0.1em;
    vertical-align: middle;
}

#immo div#seitenzahlen-unten {
    margin-left: 10em;
}

#immo div.sortierung {
    float: left;
    width: 15em;
    margin-top: 0.0em;
}


#expose div#tabs {
    height: 2.3em;
}

#expose .tabs {
    margin: 0 0 0 0 !important;
}


#expose .tabs li {
    float: left;
    list-style-type: none;
    margin-right: 0.9em;
    text-align: center;
    width: 7.8em;
    padding-bottom: 0.4em;
    padding-top: 0.3em;
}


div#cms .inhalt ul.tabs {
    padding-left: 0em;
}


#expose .tabs a,
#expose .tabs a:visited {
    display: block;
    width: 7em;
    color: #ddd8ce;
    text-decoration: none;
}


#expose .tabs a:hover {
    display: block;
    width: 7em;
    color: red;
}



#expose .tabs li.aktiv {
    font-weight: bold;
    color: #8b7a5d;
}



#expose .tabs-ende {
    clear: both;
    padding-bottom: 10px;
}





#expose fieldset.eigenschaften label {
    width: 17em;
    float: left;
    margin-left: 0em;
    font-size: 1.1em;
}

#expose fieldset.address label {
    width: 10em;
    float: left;
    margin-left: 0em;
    font-size: 1.1em;
}


#expose fieldset.eigenschaften p,
#expose fieldset.address p,
 {
    margin-bottom: 0.5em;
}


div#expose h3 {
    font-size: 1.4em;
    font-weight: bold;
}


.inhalt div#expose h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0.5em 0em;
    padding: 0em;
    color: #14195a;
}


.inhalt #expose p {
    padding: 0em;
}


a.backlink {
    display: block;
    float: left;
    background: url(/media/layout/icon-dunkel.gif) center left no-repeat;
    padding-left: 1.8em !important;
    margin-left: 0.5em !important;
    margin-top: 2.5em;
    height: 1.4em;
    font-size: 1.0em !important;
    color: #8c8060 !important;
}



div#expose ul.anlagen li {
    list-style: square outside;
}



div#expose div.galerie img {
    border: none;
}

div#immo-ansprechpartner {
}

.inhalt div#immo-ansprechpartner h2 {
    color: #fff;
    background-color: #444444;
    padding: 0.2em 1em;
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 1em;
    line-height: 1.5em;
}

#sendDialog {
    font-size: 0.8em;
    background-color: #fff;
    color: #333;
    padding-left: 13px;
    padding-right: 13px;
    position: absolute;
    text-align: left;
    top: 25px;
    z-index: 11;
    width: 550px;
    border: 1px solid #333;
}


#sendDialog p {
    padding-bottom: 0.5em;
}


#sendDialog p.headline {
    font-size: 13px;
    font-weight: bold;
}


#sendDialog p.hint {
    font-weight: bold;
}


#sendDialog a {
    color: #333;
    font-size: 1em;
    font-weight: bold;
}


#sendDialog textarea {
    width: 450px;
    height: 120px;
}


#sendDialog .send {
    float: left;
}


#sendDialog .close {
    float: right;
    padding-right: 5px;
}


#sendDialog a#sendDialogClose {
    margin-right: 0em;
}


#sendDialog .footer {
    clear: both;
    margin-bottom: 13px;
}


div#cms .inhalt div#expose table.rechner {
    border: none;
    margin: 0em 0em;
    width: 42em;
    margin-top: 1em;
}

div#expose table.rechner tr,
div#expose table.rechner th,
div#expose table.rechner td {
    border: none;
    padding: 0.5em 0em;
}

div#expose table.rechner th {
    background-color: #fff;
    color: #14195A;
    font-weight: bold;
    border-bottom: 1px solid #8B7A5D;
}

div#expose table.rechner th.rechts,
div#expose table.rechner td.rechts {
    width: 10em;
    text-align: right;
}

div#expose table.rechner tr.summe td {
    border-top: 1px solid #000;
    font-weight: bold;
}

div#expose table.rechner input {
    width: 11.5em;
    font-size: 0.9em;
    text-align: right;
}

div#expose table.rechner input#calcPrice {
    color: #000;
    font-weight: bold;
    font-size: 0.9em;
}

div#expose table.rechner input.prozentzahlen {
    width: 4em;
}

div#expose a.button {
    background-color: #8B7A5D;
    font-size: 1.2em;
    display: block;
    width: 6.4em;
    padding: 0.3em 0.3em 0.3em 1em;
    margin: 1em 0em;
    color: #fff;
}




#galleryThumbnails {
    width: 450px !important;
}


div#images.galerie {
    margin-left: -1em;
}


div#images table#galleryThumbnails {
    margin-left: 0.5em;
}

#galleryThumbnails.gallery-visible {
    border: 1px solid #000;
}


#expose #galleryThumbnails td {
    text-align: center !important;
    vertical-align: middle;
    padding: 0px !important;
    border: none !important;
    width: 15em;
    height: 11em;
}


#galleryThumbnails tr {
    margin-bottom: 2em;
}


#galleryThumbnails img.gallery-thumbnail {
    height: 8em;
    width: auto;
    border: 1px solid #ccc !important;
}


#galleryThumbnails img.gallery-thumbnail:hover {
    height: 8.5em;
    cursor: pointer;
}


.gallery-action-container {
    text-align: right;
}


#galleryDialog {
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    position: absolute;
    text-align: left;
    top: 25px;
    z-index: 11;
}


#galleryDialog a.hoverLeft,
#galleryDialog a.hoverRight {
    padding: 0;
    padding-left: 0px;
    padding-right: 0px;
    display: block;
}


#galleryDialog .hoverLeft:hover,
#galleryDialog .hoverLeft:visited:hover {
    background: transparent url(/media/layout/immobilien/links.png) no-repeat center left;
}


#galleryDialog .hoverRight:hover,
#galleryDialog .hoverRight:visited:hover {
    background: transparent url(/media/layout/immobilien/rechts.png) no-repeat center right;
}



#galleryDialog p {
    color: #333;
    font-size: 0.8em;
    padding-left: 1.5em;
    padding-bottom: 0.5em;
    margin: 0.5em;
    font-weight: bold;
}


#galleryDialog div.links a {
    color: #333;
    font-size: 0.8em;
    padding-left: 2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-decoration: none;
    font-weight: bold;
}


#galleryDialog .previous-next {
    float: left;
}


#galleryDialog .previous-next a {
    margin-right: 2.5em;
    float: left;
}


#galleryDialog .close {
    float: right;
    padding-top: 6px;
    padding-right: 20px;
}


#galleryDialog .footer {
    clear: both;
}


#galleryDialog a#galleryDialogClose {
    margin-right: 0em;
}


#galleryDialogImgCnt {
    margin: 10px;
}





#sendDialog {
    font-size: 0.8em;
    background-color: #fff;
    color: #333;
    padding-left: 13px;
    padding-right: 13px;
    position: absolute;
    text-align: left;
    top: 25px;
    z-index: 11;
    width: 550px;
    border: 1px solid #333;
}


#sendDialog p {
    padding-bottom: 0.5em;
}


#sendDialog p.headline {
    font-size: 13px;
    font-weight: bold;
}


#sendDialog p.hint {
    font-weight: bold;
}


#sendDialog a {
    color: #333;
    font-size: 1em;
    font-weight: bold;
}


#sendDialog textarea {
    width: 450px;
    height: 120px;
}


#sendDialog .send {
    float: left;
}


#sendDialog .close {
    float: right;
    padding-right: 5px;
}


#sendDialog a#sendDialogClose {
    margin-right: 0em;
}


#sendDialog .footer {
    clear: both;
    margin-bottom: 13px;
}



.mask {
    background-color: #545454;
    display: block;
    height: 100%;
    left: 0pt;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: absolute;
    top: 0pt;
    width: 100%;
}


div#expose div#gallerySlideshow {
    width: 420px;
    height: 300px;
    z-index: 5;
    border: 1px solid #ddd8ce;
    margin-bottom: 1em;
}


#gallerySlideshow h3 {
    display: none;
}


#gallerySlideshow img.thumbnail,
#gallerySlideshowSet img.thumbnail {
    display: none;
}


.jdGallery {
    overflow: hidden;
    position: relative;
}


.jdGallery img {
    border: 0;
    margin: 0;
}


.jdGallery .slideElement {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center center;
}


.jdGallery .loadingElement {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
}


.jdGallery .slideInfoZone {
    position: absolute;
    z-index: 10;
    margin: 0px;
    left: 0;
    bottom: 0;
    height: 40px;
    background: #333;
    color: #fff;
    text-indent: 0;
    overflow: hidden;
    width: 100%;
}

div#expose .jdGallery .slideInfoZone h2 {
    margin-top: 1em;
    margin-left: 1em;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
}

div#expose .jdGallery .slideInfoZone h2 a {
    color: #fff;
    text-decoration: none;
}

.jdGallery .slideInfoZone p {
    padding: 0;
    color: #fff;
}