/* CSS - TEST */
.testn {
    background: red;
    margin: 50px;
}


/* CSS Document */
html, body {
    width: 100%;
    height: 100%;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
}
html * {
    margin: 0px;
    padding: 0px;
}
body {
    color: #353d47;
    background-color: #f6f6f4;
    background-image: url(../img/body_bgrd.gif);
    background-repeat: repeat-x;
}
/*** Inline Formate ***/

h4, .bigP {
    font-size: 1.7em;
    font-weight: normal;
    line-height: 2em;
}
h4 a, h2 a, h3 a, h4 .linkAlike, h2 .linkAlike, h3 .linkAlike, h4 .Right, h2 .Right, h3 .Right {
    font-weight: normal;
}

p, div.pText {
    font-size: 1.2em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}
div.pText * {
    font-size: 1em !important;
}
div.pText ul, div.pText ol {
    margin-left: 1.5em;
}

a, .linkAlike, .Checks label, .Radios label {
    padding: 0.2em 0px;
    color: #3B5998;
    text-decoration: none;
    line-height: 1.5em;
}
a.active {
    color: #E60D26;
}
.linkAlike {
    text-decoration: underline;
    cursor: pointer;
}
.Checks label:hover, .Radios label:hover {
    text-decoration: none;
    background-color: #3b5998;
    color: white;
}
a:hover, a:active, a:focus, .linkAlike:hover {
    text-decoration: underline;
}
.disabled label, .disabled label:hover {
    color: #999999;
    background-color: transparent;
}
.Checks input, .Radios input {
    font-size: 1em;
    width: 14px;
    height: 14px;
    margin: 0px 0.1em 0.2em 0px;
    margin: expression('2px 0.1em 0px 0px ');
    vertical-align: middle;
}
.Checks label, .Radios label {
    margin-right: 0.5em;
}
a img {
    border: none;
    vertical-align: bottom;
}

.img_greyborder {
    border: 1px solid #CCCCCC !important;
    background-color: White;
    padding: 2px;
}

.aufzaehlung {
    font-size: 1.2em;
}
.aufzaehlung li {
    margin: 0.5em 0px;
    line-height: 1.6em;
}
ul.aufzaehlung {
    margin: 0.5em 0px 1em 2em;
}
ol.aufzaehlung, ol.aufzaehlung ol {
    list-style-type: none;
    padding-left: 3.4em;
    position: relative;
}
ol.aufzaehlung ol {
    padding-left: 4.2em;
}
ol.aufzaehlung span.bullet {
    font-weight: bold;
    position: absolute;
    line-height: expression('normal');
    left: 0px;
}
hr, div.strich {
    height: 1px;
    overflow: hidden;
    background-color: #d1d0bc;
    color: #d1d0bc;
    border: none;
    margin: 1em 0px;
}
select {
    font: 1em Verdana, Arial, Helvetica, sans-serif;
}
input[type='submit'] {
    font: 1em Verdana, Arial, Helvetica, sans-serif;
    padding: 0 5px;
}
select option {
    padding-right: 0.5em;
}
table td, table th {
    text-align: left;
    font-size: 1.2em;
}
.odd, tr.odd td {
    background-color: #f4f4eb;
}

.first, .first * {
    border-top: none !important;
}
.stopper {
    clear: both;
    font-size: 1px;
    line-height: 0px;
    height: 0px;
}
.Center {
    text-align: center;
}
.invisible {
    display: none;
}
.Shade {
    color: #999;
}

p.network_disclaimer {
    color: Gray;
    font-size: 1.1em;
}
p.network_disclaimer a {
    color: Gray;
}
span.Right a {
    line-height: 1.5em;
}

/*** Layout - am 06.02.2010 ausgelagert in layout.css ***/


/*** Panel ***/
h4.panelHeader, tr.panelHeader th {
    font-size: 1.2em;
    background-color: #FFF48E;
    background-image: url(../img/white_gradient.png);
    background-repeat: repeat-x;
    background-position: bottom;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1.8em;
    height: 1.8em;
}
h4.panelHeader {
    border: 1px solid;
    padding: 0px 1em;
    margin-bottom: 0px;
}
tr.panelHeader th {
    border-top: 1px solid;
}
h4.panelHeader, tr.panelHeader th, div.imageBetween, .panel {
    border-color: #CCC;
}
h4.panelHeader {
    font-weight: bold;
    clear: both;
}
.panelHeader img {
    vertical-align: middle;
    position: relative;
    top: -1px;
    top: expression('1px');
}
img.headerIcon {
    position: absolute;
    margin: -8px 0px 0px -20px;
}
.panel {
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    background-color: #FFFFFF;
    min-height: 1px;
}
div.imageBetween {
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    overflow: hidden;
}
div.imageBetween img {
    vertical-align: bottom;
}
.panelPadding {
    padding: 1em;
}

.panelPadding h2 {
    color: #353D47;
    margin-bottom: 0px;
    border-bottom: 0px;
    font-weight: bold;
    font-size: 1.2em;
}

div.panel {
    margin-bottom: 1.5em;
}
.listHeader {
    background-color: #FFF48E;
    border: 1px solid #DCCC87 !important;
    text-align: left;
    line-height: 2.2em;
}
.trefferMiddle h4.panelHeader {
    border-color: #D4C143;
    margin-bottom: 50px;
}

/** Top Logo und Login **/
div.topLogoLogin {
    display: block;
    height: 70px;
    padding-top: 5px;
}

a.inLogo {
    display: block;
    width: 269px;
    height: 58px;
    text-decoration: none;
    background-image: url(../img/in_logo.jpg);
    background-repeat: no-repeat;
    background-position: left;
}

div.loginTop {
    position: absolute;
    top: 13px;
    right: 0;
}
div.loginTop input {
    margin-right: 10px;
    height: 21px;
    width: 170px;
    border: solid 1px #aaa;
    padding-left: 2px;
}
#loginTopInput input {
    margin-right: 3px;
    border: 0 none;
    height: 10px;
    width: 15px;
    vertical-align: middle;
}
.loginTopA {
    height: 18px;
}
.loginTopA a {
    font-size: 11px;
}
#loginTopA a {
    margin-left: 4px;
    font-weight: bold;
}
.loginTopA a label {
    vertical-align: middle;
}
.loginTopLabel a {
    text-decoration: none;
}
.loginTopLabel label:hover {
    text-decoration: underline;
}
.loginTopLabel input {
    height: 14px !important;
}

/*** Navigation ***/
div.MenueNavi {
    display: block;
    height: 40px;
}

.directNavigation {
    display: none;
}
ul.navigation {
    position: relative;
    z-index: 11;
    background: url(../img/styling/sprite.png);
    background-repeat: no-repeat;
    height: 39px;
    display: block;
}
ul.navigation li {
    float: left;
    list-style-type: none;
}
ul.navigation li a {
    background: url(../img/styling/sprite.png);
    display: block;
    height: 39px;
    background-position: 0 0;
    cursor: pointer;
}

ul.navigation li #menuItem1 {
    background-position: 0 -39px;
    width: 96px;
}
ul.navigation li #menuItem2 {
    background-position: -96px -39px;
    width: 105px;
    height: 39px;
}
ul.navigation li #menuItem3 {
    background-position: -201px -39px;
    width: 143px;
}
ul.navigation li #menuItem4 {
    background-position: -344px -39px;
    width: 181px;
}
ul.navigation li #menuItem5 {
    background-position: -525px -39px;
    width: 98px;
}
ul.navigation li #menuItem6 {
    background-position: -926px -39px;
    width: 27px;
    margin-left: 310px;
}
ul.navigation li #menuItem7 {
    background-position: -962px -39px;
    width: 27px;
    margin-left: 5px;
}

ul.navigation li #menuItem1:hover, ul.navigation li.active #menuItem1 {
    background-position: 0 -78px;
    width: 96px;
}
ul.navigation li #menuItem2:hover, ul.navigation li.active #menuItem2 {
    background-position: -96px -78px;
    width: 105px;
}
ul.navigation li #menuItem3:hover, ul.navigation li.active #menuItem3 {
    background-position: -201px -78px;
    width: 143px;
}
ul.navigation li #menuItem4:hover, ul.navigation li.active #menuItem4 {
    background-position: -344px -78px;
    width: 181px;
}
ul.navigation li #menuItem5:hover, ul.navigation li.active #menuItem5 {
    background-position: -525px -78px;
    width: 98px;
}
ul.navigation li #menuItem6:hover, ul.navigation li.active #menuItem6 {
    background-position: -926px -78px;
    width: 27px;
    margin-left: 310px;
}
ul.navigation li #menuItem7:hover, ul.navigation li.active #menuItem7 {
    background-position: -962px -78px;
    width: 27px;
    margin-left: 5px;
}


ul.navigation li a span {
    display: none;
}
ul.navigation li.active a span {
    display: none;
}


/** Galerie Navi **/
ul.galNavi {
    position: relative;
    top: 1px;
    height: 2.7em;
}
ul.galNavi li {
    float: left;
    list-style-type: none;
    background: transparent;
    margin-right: 0.2em;
    cursor: pointer;
}
ul.tabNavi li.active {
}

/*** TabNavi ***/
ul.tabNavi {
    position: relative;
    top: 1px;
    height: 2.7em;
}
ul.tabNavi img {
    vertical-align: -3px;
    position: relative;
    left: -2px;
}
ul.tabNavi li {
    float: left;
    list-style-type: none;
    background-image: url(../img/styling/tabnavi.gif);
    background-position: left 4px;
    background-repeat: no-repeat;
    margin-right: 0.2em;
    cursor: pointer;
}
ul.tabNavi li .rightTab {
    display: block;
    margin-left: 3px;
    height: 3em;
    white-space: nowrap;
    padding-right: 3px;
    background-image: url(../img/styling/tabnavi.gif);
    background-position: right 4px;
    background-repeat: no-repeat;
    text-decoration: none;
}
ul.tabNavi li.active .rightTab {
    padding-bottom: 1px;
    background-position: right -304px !important;
}
ul.tabNavi li.active {
    background-position: left -304px;
}
ul.tabNavi li a.rightTab:hover {
    background-position: right -100px;
}
ul.tabNavi li .rightTab {
    height: 2.2em;
    font-size: 1.2em;
    line-height: 2.5em;
    padding: 0px 0.5em;
}


/*** SubNavigation ***/
.subNavigation {
    line-height: 2.9em;
    text-align: center;
}
.subNavigation * {
    font-size: 1.2em;
}

/*** BreadCrumb ***/
.breadCrumb {
    font-size: 12px;
    height: 100%;
    padding-top: 10px;
    padding-left: 5px;
    padding-bottom: 10px;
}

/*** SubmitButton*/
.submitZeile {
    height: 20px;
    padding-top: 5px;
    text-align: right;
}
.submitZeileBlue {
    height: 25px;
    padding-top: 5px;
    text-align: right;
}
.submitZeileYellow {
    position: absolute;
    bottom: 0.3em;
    right: 0.5em;
    font-size: 1.2em;
}


/*** Der folgende Block definiert Einen durch Em skalierbaren Button, dieser wird per Javascript aus einem ***/
/*** normalen Input type="submit" generiert. Der eigentliche Code ist NICHT W3C Konform, das Dokument 	   ***/
/*** validiert jedoch aufgrund des Javascript renderings. ***/
.linkButton {
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #3B5998;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 13px;
    text-align: center;
}
.linkButton:hover {
    background-color: #E8E8E8;
    border: 1px solid #C6C6C6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #3B5998;
    text-decoration: none;
}
.linkButton:focus {
    border: 1px solid #999;
    outline: medium none;
}
.linkButton img {
    margin-left: -5px;
    margin-right: 3px;
}
.blue {
    /* Firefox */
    -moz-border-radius: 4px;
    /* WebKit */
    -webkit-border-radius: 4px;
    /* IE9 Opera 10.5+, dev channel releases of Google Chrome */
    border-radius: 4px;
    
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#288acd), to(#0462a2)) !important;
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #288acd, #0462a2) !important;
    /* For Internet Explorer
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#288acd, endColorstr=#0462a2) !important; */

    background: #217cb9;

    border:none;
    color: #fff;
    cursor: pointer;
    font: bold 16px "Lucida Grande" ,Arial,Sans-serif;
    margin: 0;
    outline-width: 0;
    padding: 2px 20px;
    *padding: 0;
    text-shadow: 1px 1px 0px #288acd;
}
.blue:hover {
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#1574b5), to(#055992)) !important;
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #1574b5, #055992) !important;
    /* For Internet Explorer
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1574b5, endColorstr=#055992) !important; */
    background: #07578e;
    border:none;
    color: #fff;    
}
.blue:active{
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#0664a4), to(#288acd)) !important;
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #0664a4, #288acd) !important;
    /* For Internet Explorer
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0664a4, endColorstr=#288acd) !important; */
    background: #168ad9;
    border:none;
    color: #fff;    
    }
.requestDisabled {
    cursor: default;
    background: none !important;
    border: none !important;
    font-size: 12px !important;
    color: #C6C6C6 !important;
    text-decoration: none !important;
}
.searchButtonZeile, .refreshButtonZeile {
    font-size: 1.2em;
    text-align: center;
}
.searchButtonZeile {
    position: absolute;
    bottom: 1em;
    right: 1.5em;
}
.requestButtonDiv{
     margin: 5px 0; 
     float: left;
    }
.requestButtonImg{
    background: url("../img/styling/sprite.png") -670px -274px;
    height: 20px;
    width: 32px;
    margin-bottom: 8px;    
    }
.searchButton, .refreshButton {
    display: block;
    width: 85px;
    height: 2.2em;
    padding: 0px;
    line-height: 2em;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-image: url(../img/button.jpg);
    background-repeat: no-repeat;
    background-position: left;
}
.refreshButton {
    width: 100%;
    background-image: url(../img/button_refresh.jpg);
    margin-bottom: 0.5em;
}
.searchButton:hover {
    background-position: -85px;
}
.searchButton.inactive {
    background-position: -170px;
    color: #f3f3f3;
    cursor: default;
}
/* Button für Suchprofile */
.searchButtonBig {
    display: block;
    width: 280px;
    height: 2.2em;
    padding: 0px;
    line-height: 2em;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-image: url(../img/button_big.jpg);
    background-repeat: no-repeat;
    background-position: left;
}
.searchButtonBig:hover {
    background-position: -280px;
    text-decoration: none;
}

/*** Sliding Panel ***/

.slidingPanel {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    height: 0px;
    width: 254px;
    z-index: 10001 !important;
    background: white;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #B1B3E1 !important;
    margin-left: 160px;
    margin-top: -1px;
    line-height: 1.6em;
}

/*** Quick Links ***/

.quickLinks li {
    list-style-type: none;
    border-top: none;
    overflow: hidden;
    position: relative;
}
.quickLinks li:first-child {
    border-top: none;
}
.quickLinks li a {
    display: block;
    height: 100%;
    padding: 0.2em;
    font-size: 1.2em;
    margin: 0px;
    text-decoration: none;
}
.quickLinks li a:hover {
    text-decoration: underline;
}
.quickLinks li img {
    margin-right: 0.3em;
}
.quickLinks li label {
    display: block;
    padding: 0.3em 0px 0.3em 1.8em;
    margin: 0px;
    font-size: 1.2em;
    overflow: hidden;
    white-space: nowrap;
}
.quickLinks li input {
    position: absolute;
    margin: 0.4em;
}
span.raquo {
    font-size: 1.4em;
    vertical-align: middle;
    position: relative;
    bottom: 0.2em;
    bottom: expression('0.1em');
}
.quickLinks2 li {
    list-style-type: none;
    border: none;
    overflow: hidden;
    position: relative;
}
.quickLinks2 li:first-child {
    border-top: none;
}
.quickLinks2 li a {
    display: block;
    height: 100%;
    padding: 0.2em;
    font-size: 1.2em;
    margin: 0px;
    text-decoration: none;
}
.quickLinks2 li a:hover {
    text-decoration: underline;
}
.quickLinks2 li img {
    margin-right: 0.3em;
}
.quickLinks2 li label {
    display: block;
    padding: 0.3em 0px 0.3em 1.8em;
    margin: 0px;
    font-size: 1.2em;
    overflow: hidden;
    white-space: nowrap;
}
.quickLinks2 li input {
    position: absolute;
    margin: 0.4em;
}

/*** Direktlinks ***/
.direktLinks h2 {
    display: inline;
}
.direktLinks h3 a {
    font-size: 12px !important;
}
.direktLinks h3 a strong {
    font-weight: normal;
}
.direktLinks .panel {
    border-top: 1px solid #ccc;
}

/*** Direktlinks für alternative Suche (basierend auf der class="resultTeaser") ***/
.resultTeaser li {
    display: block;
    height: 92px;
    border-top: 1px dashed #ccc;
    padding: 5px;
}
.resultTeaser li:hover {
    background: #eee;
    cursor: pointer;
}
.resultTeaser img {
    float: left;
    margin-right: 15px !important;
}
.resultTeaser li h3 {
    font-size: 12px;
    font-weight: bold;
    color: #3B5998;
}
.resultTeaser li h3:hover {
    text-decoration: underline;
}
.resultTeaser li p {
    font-size: 12px;
    color: #353D47;
}
.resultTeaser li a:hover {
    text-decoration: none;
}

/*** Recommender Links nach Anfrage (basierend auf der class="similarRealEstates") ***/
.similarRealEstates li {
    display: block;
    min-height: 100px;
    border-top: 1px dashed #ccc;
    padding: 5px;
}
.similarRealEstates li:hover {
    background: #eee;
    cursor: pointer;
}
.similarRealEstates img {
    float: left;
    margin-left: -6px;
    margin-right: 10px !important;
    margin-bottom: 3px;
}
.similarRealEstates li p, .similarRealEstates li a {
    font-size: 12px;
    color: #353D47;
}
.similarRealEstates li p.info {
    width: 164px;
    float: left;
}
.similarRealEstates li p.fact {
    width: 135px;
    float: left;
    text-align: right;
    margin-top: 17px;
}
.similarRealEstates li a:hover {
    text-decoration: none;
}
.similarRealEstates i {
    display: block;
    max-height: 37px;
    overflow: hidden;
}

/***TopImmos***/
.topImmo {
    float: left;
    position: relative;
    width: 11.8em;
    padding-top: 0.5em;
    margin-top: 0em;
    margin-right: 0em;
    margin-left: 0.5em;
    cursor: pointer;
    background: url(../img/styling/topImmo-bg.jpg);
    background-repeat: repeat-x;
    border: solid 1px #8c9cbd !important;
}
.topImmo br {
    display: none;
}
.topImmo a.textLink {
    display: block;
    font: 1.1em Verdana, Arial, Helvetica, sans-serif;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
}
.topImmo.active {
    background: url(../img/styling/topImmo-rollover-bg.jpg);
    background-repeat: repeat-x;
}
.topImmo.active a.textLink {
    background-color: transparent;
    text-decoration: underline;
}
.topImmo.Left {
    margin-left: 0.5em !important;
}
.topImmo span.imageLink {
    display: block;
    width: 10.8em;
    height: 7.8em;
    padding: 0px;
    background-color: #fff;
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
    overflow: hidden;
}
.topImmo span.imageLink img {
    height: 78px;
}
.textLink p {
    font-size: 1em;
    line-height: 0.6em;
    text-align: center;
    margin-right: 0em;
}
.topImmo span.TooltipHotbox {
    display: block;
    position: absolute;
    top: 2em;
    bottom: 0px;
    left: 1em;
    right: 0px;
    background-color: transparent;
}
.topImmo.Left span.TooltipHotbox {
    left: 0px;
    right: 1em;
}

.resultTopImmos {
    margin-bottom: 10px;
}
.resultTopImmos2 {
}


/*** Redaktionelle Bereiche ***/
.Thumb, .BigThumb, .Thumb_people, .Thumb_employee, .smallThumb {
    display: block;
    padding: 1px;
    background-color: #f3f2eb;
    margin-right: 1em;
}
.Thumb, .BigThumb, .Thumb_people, .Thumb_employee {
    border: 1px solid #a7a7a7 !important;
}
.Thumb {
    width: 9em;
    height: 6.2em;
}
.ThumbFirstBig {
    height: 145px;
    margin-right: 10px;
    width: 210px;
}

.Thumb_people {
    width: 6.6em;
    height: 7em;
}
.Thumb_employee {
    width: 6.5em;
    max-height: 10em;
}

.BigThumb {
    width: 13em;
    height: 9.3em;
}
.smallThumb {
    width: 120px;
    height: 90px;
    margin-right: 0px;
}
div.articleHeight {
    overflow: hidden;
}
p.articleLink {
    text-align: right;
}

div.article {
    clear: left;
    border-top: 1px solid #ccc;
}

div.article_ {
    border-top: 1px solid #d1d0bc;
    position: relative;
}
.Selectable {
    cursor: pointer;
}
div.artikel div.article:first-child {
    border-top: none;
    min-height: 160px;
}
div.article h2 {
    border: none;
    overflow: hidden;
}
div.article img {
    margin-top: 0.5em;
    margin-bottom: 0.7em;
}
div.article.active {
    background-color: #f8f8f8 !important;
}
div.articleHeight {
    overflow: hidden;
}
p.articleLink {
    text-align: right;
}
div.article2 {
    clear: left;
    border-top: 1px solid #d1d0bc;
    height: 75px !important;
}
div.article2:first-child {
    border-top: none;
}
div.article2 h2 {
    border: none;
    overflow: hidden;
}
div.article2 img {
    margin-top: 0.5em;
    margin-bottom: 0.7em;
}
div.article2.active {
    background-color: #fffbea !important;
}

.CMSRubrikTable {
    width: 100%;
    table-layout: fixed;
}
.CMSRubrikTable td {
    font-size: 1em;
}
.CMSRubrikTable .quickLinks {
    display: none;
    position: absolute;
    width: 18em;
    margin: -2px 0px 0px 1px;
    border-top-width: 1px;
}
.CMSRubrikTable td.active .quickLinks {
    display: block;
}
.CMSRubrikHeader {
    display: block;
    font-size: 1.2em;
    border: 1px solid #f1eee5;
    text-align: center;
    line-height: 1.6em;
    background-color: #ffffff;
    padding: 0px;
    overflow: hidden;
}
.ArticlePic {
    margin-top: 2em;
}
.PicturePanel {
    padding: 1em 2em 2em 2em;
    margin-left: 2em;
    background-color: #f3f3ea;
    max-width: 20em;
}
.PicturePanelArticle {
    padding: 1em 2em 2em 2em;
    margin-left: 2em;
    background-color: #f3f3ea;
    max-width: 20em;
    float: right;
}
.NoTNT {
    border: 1px solid #f1eee5;
    background-image: url(../img/jamjam/immo3dback.jpg);
    height: 270px;
}
.ContactPictureColumn {
    width: 73px;
}

/* Immobiliennummer Suche */
div.immobilienNummernSuche {
    background: url(../img/styling/sprite.png);
    background-position: 0 -175px;
    height: 100%;
}
div.immobilienNummernSuche:hover {
    background: url(../img/styling/sprite.png);
    background-position: -201px -175px;
}
div.immobilienNummernSucheBottom {
    background: url(../img/styling/sprite.png);
    background-position: 0 -357px;
    background-repeat: no-repeat;
    height: 3px !important;
}
/* Anbietersuche Trefferliste */
div.anbieterSuche {
    background: url(../img/styling/sprite.png);
    background-position: 0px -120px;
}
div.anbieterSuche a {
    display: block;
    height: 54px;
}
div.anbieterSuche a:hover {
    background: url(../img/styling/sprite.png);
    background-position: -201px -120px;
}
.ABSearch {
    width: 12em;
    float: right;
    margin-top: -85px;
}
ul.ABSearch li a, ul.ABSearch li a:hover, ul.ABSearch li, ul.ABSearch li.odd {
    background-color: transparent !important;
}
.ABSearch li {
    list-style-type: none;
    border: none;
}
.ABSearch li a {
    padding: 0.2em;
    font-size: 1.2em;
    margin: 0px;
    text-decoration: none;
}

/*** Kontaktformular ***/
div.RequestPanel {
    overflow: hidden;
}
div.RequestPanel table {
    table-layout: fixed;
    width: 100%;
}
td.suffix {
    width: 2em;
    text-align: center;
}
label.formLabel {
    display: block;
    margin-bottom: 0.2em;
}

span.formLabel {
    display: block;
    margin-bottom: 0.2em;
}


span.textBox, span.textArea {
    display: block;
    height: 1.3em;
    position: relative;
    border: 1px solid #a7a7a7;
    margin-bottom: 0.7em;
    background-color: #ffffff;
    overflow: hidden;
}
span.textBox input, span.textArea textarea {
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    border-width: 0px 3px;
    border-color: transparent;
    height: 100%;
    width: 100%; /* Due to Firefox3 rendering default width instead of calculated width by absolute values */
    -moz-box-sizing: border-box;
    font: 1em Verdana, Arial, Helvetica, sans-serif;
    width: expression(parentNode.offsetWidth-8+'px');
    background-color: transparent;
    color: #4e5a69;
}
span.textBoxNl {
    display: block;
    height: 1.3em;
    position: static;
    border: 1px solid #a7a7a7;
    margin-bottom: 0.7em;
    background-color: #ffffff;
    overflow: hidden;
    top: 0px;
}
span.textBoxNl input {
    display: block;
    position: static;
    top: 0px;
    bottom: 0px;
    border-width: 0px 3px;
    border-color: transparent;
    height: 100%;
    width: 100%; /* Due to Firefox3 rendering default width instead of calculated width by absolute values */
    -moz-box-sizing: border-box;
    font: 1em Verdana, Arial, Helvetica, sans-serif;
    width: expression(parentNode.offsetWidth-8+'px');
    background-color: transparent;
    color: #4e5a69;
}

input.textBox {
    display: block;
    height: 1.3em;
    position: relative;
    border: 1px solid #a7a7a7;
    margin-bottom: 0.7em;
    background-color: #ffffff;
    overflow: hidden;
}

div.RequestPanel select {
    display: block;
    width: 100%;
    margin-bottom: 0.7em;
}

span.textArea {
    height: 10em;
    margin-bottom: 1em;
    overflow: hidden;
}
span.textArea textarea {
    border-right-width: 0px;
    width: expression(parentNode.offsetWidth-4+'px');
}
.validator {
    position: relative;
    top: 1.2em;
    left: -0.6em;
}


/*** extendedToolTip ***/
.extendedToolTip {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 100;
    width: 34em;
    background-repeat: no-repeat;
    opacity: 0;
    filter: alpha(opacity=0);
    background-repeat: no-repeat;
}

/*** FarbleitSystem - ENTFERNT am 13.09.2010 - !!!
.SuchBranding .panelHeader,
.SuchBranding tr.panelHeader th,
.SuchBranding ul.quickLinks a:hover {
	background-color:#FFF48E;
}
.SuchBranding .panel,
.SuchBranding td,
.SuchBranding th,
.SuchBranding .panelHeader,
.SuchBranding tr.panelHeader th {
	border-color:#dccc87!important;
}
.SuchBranding ul.quickLinks li {
	border-color:#ece2b6!important;
}
.SuchBranding .odd,
.SuchBranding tr.odd td {
	background-color:#fffbe9;
}
.SuchBranding ul.tabNavi li.active {
	background-position:left -404px!important;
}
.SuchBranding ul.tabNavi li.active .rightTab {
	background-position:right -404px!important;
}
.MemberBranding .panelHeader,
.MemberBranding tr.panelHeader th,
.MemberBranding ul.quickLinks a:hover {
	background-color:#d6d9f0;
}
.MemberBranding .panel,
.MemberBranding td,
.MemberBranding th,
.MemberBranding .panelHeader,
.MemberBranding tr.panelHeader th {
	border-color:#b1b3e1!important;
}
.MemberBranding ul.quickLinks li {
	border-color:#d0d1f0!important;
}
.MemberBranding .odd,
.MemberBranding tr.odd td {
	background-color:#f3f6ff!important;
}
 ***/

/*** Ausnahmeformate ***/
.quickLinks li, dd, dt, td {
    border-color: #ccc !important;
}
ul.navigation a, ul.typeSelect li label.naviTab {
    padding: 0px;
}
h4.panelHeader a, h4.panelHeader .linkAlike {
    font-weight: normal;
    text-decoration: none;
    padding: 0.1em 0px;
}
.typeSelect li a:hover, .typeSelect li a:focus, .typeSelect a:active, .panelHeader a:hover, .panelHeader a:focus, .panelHeader a:active, .panelHeader .linkAlike:hover {
    background-color: #ffffff;
}
.navigation a:hover, .navigation a:focus, .navigation a:active, .tabNavi a:hover, .tabNavi a:focus, .tabNavi a:active, .searchButton:hover, .searchButton:focus, .searchButton:active, .typeSelect li.active span {
    background-color: transparent;
}
.LoginPanelMoodImage .panel {
    /* background-image:url(../img/member_user_login.jpg); */
    background-repeat: no-repeat;
    background-position: right top;
}
.WRPromoPanel .panel {
    background-image: url(../img/wr_logo.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.karli {
    display: block;
}
/* Druckseite */

.bilddetailseite td {
    vertical-align: top;
}

.bilddetailseite td img {
    width: 300px;
    padding: 4px;
    border: 1px solid #CCCCCC !important;
    margin-right: 5px;
}

/* Statistik */

iframe.statistik {
    width: 760px;
    height: 700px;
}
.Votingstatistik td {
    height: 20px;
}
select.myINdropdown {
    width: 160px !important;
    margin-right: 1em;
}
select.myINdropdown2 {
    width: 140px !important;
}
select.myINdropdown3 {
    width: 408px !important;
}

/*** FeedbackPanel ***/
.sadSmiley {
    width: 81px;
    height: 70px;
    background-image: url(../img/sadsmiley.png);
    position: absolute;
    margin: -20px 0px 0px -25px;
}
.SpecialPanel .panel {
    background-color: #fffce6;
}


.Topanfrage_validation ul li {
    font-size: 1.2em;
}


/* Bildseite */
.DetailPicture {
    height: 38em;
    text-align: center;
}
.DetailPictureDiv {
    height: 37em;
    text-align: center;
    width: 630px;
}
.detailpics_thumb {
    overflow: auto;
    width: 600px; /*	height:21.4em;	*/
    height: 15.4em;
    margin-top: 35px;
}
.detailpics_thumb a {
    padding: 0em;
    margin: 0em;
}
.detailpics_thumb img {
    width: 80px;
    margin-right: 0.3em;
    margin-top: 0.3em;
    height: 63px;
}


/* Alternative Suche */

.altPanel {
    margin-bottom: 10px;
    margin-left: -10px;
}
.altPanel table {
    width: 1020px;
}
.altPanel td {
    width: 240px;
    margin-right: 10px;
    padding: 10px 3px 10px 8px;
    overflow: auto;
    vertical-align: top;
    border: 1px solid #CCCCCC;
    background: #fff;
}
.altPanel a {
    line-height: 1.5em;
}
.altPanel h2.panelHeader {
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.5em;
    font-size: 1.2em;
}
.altPanel h2 a {
    font-weight: bold !important;
    line-height: 1.8em;
}


#altbox {
    margin: 0 1em;
}
#altbox a {
    line-height: 1.5em;
}
#altbox2 {
    margin: 0;
}
#altbox2 a {
    line-height: 1.5em;
}
#altbox2 td {
    width: 950px;
}
#altbox2 td td {
    width: 475px;
}
#altbox2 h3 {
    font-size: 0.8em !important;
}

#altbox3 {
    width: 240px;
    margin-right: 10px;
    overflow: auto;
}
#altbox3 a {
    line-height: 1.5em;
}
#altbox3 h2.panelHeader {
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.5em;
    font-size: 1.2em;
}
#altbox3 h2 a {
    font-weight: bold !important;
    line-height: 1.8em;
}
#altbox4 h2 a {
    font-weight: bold !important;
    line-height: 1.8em;
}
#altbox4 {
    width: 490px;
    margin-right: 15px;
}


/* sonstiges und ungeordnet */
/* sonstiges und ungeordnet */
/* sonstiges und ungeordnet */

#loggedin {
    margin-bottom: -2em;
    margin-top: 0.3em;
    text-align: right;
}

.myin_search {
    background-color: #FFFDE7;
    background-image: url(../img/ribbon_bgrd.gif);
    background-repeat: repeat-x;
    border-color: #B5B494;
    border-style: solid;
    border-width: 1px;
    position: relative;
    padding: 1em;
}
.search_param {
    background: white;
    margin-bottom: 1em;
    padding: 0.5em;
}
.search_param select {
    font-size: 12px;
}
.search_param td {
    width: 21em;
}
.search_param2 input {
    border: 1px solid #B5B494;
    background-color: #FcFcFe;
    width: 4em;
    margin: 0.1em;
    padding: 0.1em;
}
.search_param2 ul {
    font-size: 12px;
}
.stichwortsuche input {
    border: 1px solid #B5B494;
    background-color: #FcFcFe;
    width: 14em;
    margin: 0.1em;
    padding: 0.1em;
}
.loginLink {
    position: absolute;
    top: 0.6em;
    display: block;
    width: 65.4em;
    margin-left: 17.8em;
    text-align: right;
    font-size: 12px;
    height: 1.5em;
    z-index: 1000;
}
#log_reg {
    margin-left: 7.5em;
}


/* Login Box */
.login_box {
    width: 45em;
}
.login_box input {
    height: 14px;
    margin: 0 0.2em 0.2em 0;
    vertical-align: middle;
}
.login_box label {
    line-height: 1.6em;
    margin-bottom: 0.5em;
}
.login_input input {
    display: block;
    height: 1.3em;
    width: 12.5em;
    border: 1px solid #a7a7a7;
    margin-bottom: 0.7em;
    background-color: #fff;
    overflow: hidden;
}

/* LANDINGPAGES */

/* PowerInserat.aspx */

div.PowIns {
    background: #fff;
    background-image: url(../img/PowerInserat.jpg);
    background-repeat: no-repeat;
    padding: 0 1em;
    text-align: left;
    height: 585px;
    border:1px solid #ccc;
}

/* AugmentedReality.aspx */

div.AugReal {
    background: #fff;
    background-image: url(../img/augmented-reality.jpg);
    background-repeat: no-repeat;
    padding: 0 1em;
    text-align: left;
    height: 585px;
}

a.button_AugReal {
    text-decoration: underline;
    font-size: 2.5em;
    font-weight: bold;
    color: #025fae;
}
a.button_AugReal:hover {
    text-decoration: none;
    background: none;
}


/* ImmobilienNet-Mobile.aspx */
div.IN_mobile {
    background: #fff;
    background-image: url(../img/immobiliennet-mobile.jpg);
    background-repeat: no-repeat;
    padding: 0 1em;
    text-align: left;
    height: 585px;
}

a.button_mobile {
    text-decoration: underline;
    font-size: 2.5em;
    font-weight: bold;
    color: #025fae;
}
a.button_mobile:hover {
    text-decoration: none;
    background: none;
}



/* Suchprofil.aspx */
a.button_suchprofil {
    background-image: url(../img/button_suchprofile.png);
    background-position: left top;
    background-repeat: no-repeat;
    height: 45px;
    width: 50em;
    text-align: center;
    display: block;
    margin: 2em 0em 3em 0em;
    margin-left: auto;
    margin-right: auto;
}
a.button_suchprofil:hover {
    background-position: left bottom;
    background-color: transparent;
}
a.button_suchprofil span {
    display: none;
}


/* Ferien- und Auslandsimmobilien.aspx */
.ferienimmobilien {
    background: #FFFDE7;
    padding: 0 1em;
    text-align: left;
}
.ferienimmobilien h1 {
    font-size: 18px;
    line-height: 30px;
    display: block;
}
.ferienimmobilien h2 {
    font-size: 14px;
    line-height: 20px;
    display: block;
}
.ferienimmobilien h3 {
    font-size: 12px;
    line-height: 16px;
    display: block;
}

/* agencyResult.aspx */
.agencyLinks {
    position: absolute;
    left: 72em;
    width: 14em;
    background-color: Transparent;
    font-size: 1.2em;
    text-decoration: none;
    list-style: none;
    margin-top: 5px;
}
.agencyLinks img {
    margin-right: 5px;
}
.agencyLinks li {
    height: 2.6em;
}

/* anbieten.aspx */
#anbietenContent {
    background: white;
    border: 1px solid #B4B393;
    padding-left: 10px;
}
#anbietenContent h1 {
    text-align: left;
    font-size: 24px;
}
#anbietenContent a {
    text-decoration: underline;
    font-weight: bold;
}
#anbietenContent a:hover {
    text-decoration: none;
}
.anbietenLeft {
    width: 560px;
}
.anbietenLeft .p1 {
    font-size: 14px;
}
.anbietenLeft .p {
    font-size: 9px;
}
.anbietenRight {
    width: 370px;
    padding-left: 40px;
}

/** FeedbackPanel **/
#FeedbackButton {
    left: 830px;
    position: absolute;
    top: 70px;
    z-index: 100;
}
#FeedbackLink {
    display: block;
    width: 92px;
    height: 43px;
    background-image: url("../img/styling/sprite.png");
    background-position: -420px -120px;
}
#FeedbackLink:hover {
    background-image: url("../img/styling/sprite.png");
    background-position: -420px -172px;
}
#FeedbackPanel {
    padding: 3em 0.5em 0.5em 0.5em;
}
#FeedbackInput {
    width: 100%;
    height: 200px;
    font-size: 1.2em;
    line-height: 2em;
}
#FeedbackInput input {
    position: absolute;
    right: 2px;
    width: 240px;
}
#FeedbackInput br {
    clear: inherit;
}
#FeedbackInput textarea {
    height: 105px;
    width: 282px;
}
#FeedbackInput a {
    float: right;
}
#FeedbackSuccess {
    font-size: 1.2em;
    line-height: 1.8em;
}
#FeedbackSuccess a {
    display: block;
    text-align: right;
}

/** jQuery Plugins **/
.watermark {
    color: #999;
    font-style: italic;
    font-family: Verdana;
}

/** Deregisration **/
.deregistration {
    font-size: 14px;
    margin-left: 222px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/** ImmoMagazin **/
div.magContent {
    margin-top: 10px;
}
div.magNavi {
    font-size: 12px;
    width: 200px;
    border: 1px solid #D4C143;
    background: url("../img/styling/verfeinern-bg.jpg");
    float: left;
}
div.magMiddle {
    float: left;
    margin: 0 10px;
    width: 490px;
    position: relative;
}
div.magRight {
    float: left;
    margin: 0px;
    width: 255px;
    margin-left: 30px;
}
h1.magHeadline {
    font-size: 24px;
    font-weight: bold;
    text-transform: none;
    color: #fff;
    background: #618dbe;
    border: 1px solid #4777ae;
    border-radius: 4px;
    padding: 5px 10px;
}
div.magNavi ul {
    list-style: none;
    font-weight: bold;
    padding: 10px;
}
div.magNavi ul ul li {
    font-weight: normal;
    padding-left: 10px;
}
div.magNavi ul ul {
    border-bottom: 1px solid #D4C143;
    padding: 0 0 8px 0;
    margin-bottom: 8px;
}
div.topTeaser {
    margin-bottom: 15px;
}
div.associated-posts, div.standardTeaser {
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    padding: 10px;
}
h3.post-title {
    background: #fff;
    display: block;
    margin-bottom: 10px;
    max-width: 447px;
    opacity: 0.8;
    padding: 5px 10px;
    position: absolute;
    top: 220px;
}
h3.post-title a {
    font-size: 24px;
    font-weight: bold;
}
div.associated-posts ol {
    list-style: none;
    padding: 0 0 10px 10px;
    font-size: 12px;
    line-height: 18px;
}
div.standardTeaser img {
    float: left;
    margin-right: 10px;
}
div.standardTeaser h3 a {
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
div.teaserBox {
    border-bottom: 1px dashed #AAA;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
div.teaserBreadcrumb a {
    cursor: pointer;
    font-size: 10px;
}
div.articleTeaser {
    border-bottom: 1px dashed #aaa;
    width: auto;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
div.articleTeaser h4, div.articleTeaser a {
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    height: 30px;
}
div.articleTeaser h5 {
    height: 18px;
}
div.articleTeaser h5 a {
    font-size: 11px;
    font-weight: bold;
    margin-left: 10px;
    cursor: pointer;
}
div.articleTeaser p {
    font-size: 11px;
    margin-left: 10px;
    line-height: 12px;
}

div.articleDetail {
    border: 1px solid #CCC;
    background: #fff;
    padding: 10px;
}
div.articleDetail h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    margin: 10px 0;
    display: block;
}
div.articleDetail img {
    margin-bottom: 10px;
}
div.articleDetail p {
    margin-bottom: 5px;
}
.emptyRibbon {
    height: 230px !important;
    font-size: 12px;
    color: #A38214;
 }