/* screenwork css framework (Thu, 13 Aug 2009 17:03:24 +0200) */


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

div#cms div#tabs-startseite,
div#cms div#tabs-expose {
    clear: both;
    height: 21px;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
}

div#cms ul#tabs-nav {
    position: absolute;
    float: left;
    list-style-type: none;
    list-style-position: inside;
    padding-left: 0px;
    margin: 0px;
}

div#cms ul#tabs-nav li {
    list-style-position: outside;
    background-color: #fff;
    float: left;
    color: #000;
    border: 1px solid #5474A3;
    height: 16px;
    margin-right: 2px;
    padding: 2px 9px;
}

div#cms ul#tabs-nav li.selected,
div#cms ul#tabs-nav li.aktiv {
    border-bottom: 1px solid #fff;
}
 
div#cms .inhalt ul#tabs-nav li a {
    text-decoration: none;
    padding: 0px;
}

div#immo {
    height: 175px;
}

div#immo .mieten {
    float: left;
    width: 220px;
}

div#immo .kaufen {
    float: left;
    width: 245px;
}

div#cms .inhalt input#objektnummer {
    width: 80px;
    font-size: 11px;
}


div#immo div.treffer {
    clear: both;
    border-top: 1px solid #000;
    padding: 15px 0px 5px 0px;
}
div#immo-treffer .treffer:hover {
background-color:#F6F6F6;
}

div#cms .inhalt div.treffer div.bild {
    float: left;
    width: 150px;
}

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

div#cms .inhalt div.treffer div.text {
    float: right;
    width: 370px;
}

div#cms .inhalt div.treffer h3 a {
    text-decoration: none;
}

div#cms .inhalt div.treffer h3 a:hover {
    text-decoration: underline;
}

div.treffer .text {
    display: block;
}

div#cms .inhalt div.treffer a.button {
    margin-top: 10px;
}


div#cms .inhalt div#suche-einschraenken {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-top: 10px;
    margin-bottom: 2px;
}

div#cms .inhalt div#suche-einschraenken h2 {
    color: #fff;
    background-color: #444444;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
    line-height: 15px;
}

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

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

div#suche-einschraenken label.umkreis {
    padding: 0px 5px;
}

div#suche-einschraenken label.preis-bis {
    width: 20px;
}

div#suche-einschraenken input,
div#suche-einschraenken select {
    font-size: 11px;
    float: left;
}

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

div#suche-einschraenken input.plz-ort {
    width: 129px;
    margin-bottom: 10px;
}

div#suche-einschraenken input.button {
    float: right;
    margin-right: 0px;
}


div#immo div#seiten-sortierung {
    height: 30px;
    float: right;
}

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

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

#immo div.seitenzahlen {
    font-size: 11px;
    line-height: 11px;
    padding: 0px;
    width: 270px;
    float: left;
}

#immo div.seitenzahlen-text {
    padding: 2px 0px 0px 0px;
    float: left;
    width: 180px;
}

#immo div.seitenzahlen p {
    font-size: 10px;
    padding: 2px 0px 0px 0px;
    float: left;
    text-align: center;
    width: 200px;
}

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

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

#immo div.seitenzahlen img {
    margin-top: 1px;
    vertical-align: middle;
    margin-right: 5px;
}

#immo div#seitenzahlen-unten {
    border-top: 1px solid #000;
    padding: 10px 0px 0px 150px;
}

#immo div.sortierung {
    float: right;
    width: 150px;
    margin-top: 2px;
}


#expose div.expose-befehle {
    margin: 5px 0px 0px 0px;
    height: 35px;
}

#expose div.expose-befehle ul {
    list-style-position: outside;
    list-style-type: none;
    float: right;
    margin-top: 5px;
}

#expose div.expose-befehle li {
    float: left;
    margin-left: 10px;
    padding: 0px 0px 0px 20px;
    height: 18px;
}

#expose div.expose-befehle a.zurueck {
    float: left;
    padding: 0px 0px 0px 20px;
    height: 18px;
    margin-top: 5px;
    background: url(/media/layout/zurueck.gif) no-repeat left;
}

#expose li.print {
    background: url(/media/layout/print.gif) no-repeat left;
}

#expose li.send-a-friend {
    background: url(/media/layout/send-a-friend.gif) no-repeat left;
}

div#cms .inhalt table.objektdaten {
    width: 100%;
}

div#cms .inhalt table.objektdaten td,
div#cms .inhalt table.objektdaten th {
    border: none;
    padding: 5px;
}

div#cms .inhalt table.objektdaten th {
    background-color: #CCCCCC;
    border-bottom: 1px solid #fff;
    color: #000;
    font-weight: bold;
}

.tr_1 {
    background-color: #EEE;
    border-bottom: 1px solid #fff;
}

.tr_2 {
    background-color: #CCCCCC;
    border-bottom: 1px solid #fff;
}

.td_links_name {
}

.td_rechts_name {
}

.td_rechts_wert {
}

div#cms .inhalt table.objektdaten td.td_links_wert {
    border-right: 1px solid #fff;
}

#expose fieldset.eigenschaften label {
    float: left;
    margin-left: 0px;
    font-size: 11px;
}

#expose fieldset.eigenschaften p {
    margin-bottom: 5px;
}

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

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

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

#sendDialog {
    font-size: 11px;
    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: 5px;
}


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


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


#sendDialog a {
    color: #333;
    font-size: 10px;
    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: 0px;
}

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


div#cms .inhalt div#expose table.rechner {
    border: none;
    width: 520px;
    margin: 0px 0px 10px 0px;
}

div#expose table.rechner tr,
div#expose table.rechner th,
div#expose table.rechner td {
    border: none;
    padding: 5px 10px;
}

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

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

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

div#expose table.rechner input {
    width: 115px;
    font-size: 11px;
    text-align: right;
}

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

div#expose table.rechner input.prozentzahlen {
    width: 40px;
}

div#cms .inhalt p.hinweis {
    font-size: 9px;
}


div#cms .inhalt div#expose label {
    width: 140px;
}

div#cms .inhalt div#expose input.checkbox {
    width: 20px;
}

div#cms .inhalt div#expose p {
    margin-bottom: 10px;
}

div#cms .inhalt div#expose select {
    width: 100px;
    font-size: 11px;
    padding: 2px;
}




#galleryThumbnails {
    width: 520px !important;
}


div#images.galerie {
    margin-left: -10px;
}


div#images table#galleryThumbnails {
    width: 520px !important;
    margin-left: 20px;
}

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


#expose #galleryThumbnails td {
    text-align: center;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
    border: none;
    height: 110px;
    width: 140px;
}


#galleryThumbnails tr {
    margin-bottom: 20px;
}


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


#galleryThumbnails img.gallery-thumbnail:hover {
    height: 90px;
    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: 11px;
    padding-left: 15px;
    padding-bottom: 5px;
    margin: 5px;
    font-weight: bold;
}


#galleryDialog div.links a {
    color: #333;
    font-size: 11px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    font-weight: bold;
}


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


#galleryDialog .previous-next a {
    margin-right: 25px;
    float: left;
}


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


#galleryDialog .footer {
    clear: both;
    margin-bottom: 10px;
}


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


#galleryDialogImgCnt {
    margin: 10px;
}

#sendDialog {
    font-size: 11px;
    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: 5px;
}


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


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


#sendDialog a {
    color: #333;
    font-size: 10px;
    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: 0px;
}


#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: 432px;
    height: 306px;
    z-index: 5;
    border: 1px solid #000;
    margin-bottom: 10px;
    margin-left: 43px;
}


#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;
    cursor: pointer;
}


.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: 10px;
    margin-left: 10px;
    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;
}