@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------------------------------- */ 
/* calibration: reset padding and margins */ 

* { padding: 0; margin: 0; } 

/* -------------------------------------------------------------------------- */
/* CSS Document base definitions */
body {
	background-color: #022E6F;
	background-image: url(/fileadmin/templates/img/hintergrund.jpg);
	background-repeat: no-repeat;
	background-position: top;

   color:#000000 ;
   font-family:Arial, Helvetica, sans-serif ;
   font-size:12px ;
}

#wrapper {
   width: 960px ;
   margin:auto ;
   margin-bottom: 45px;
   padding-top: 10px;
}

.pageheader {
   float:left ;
   width:960px;
   position:relative;
}

#header {
   float:left ;
   width:960px;
}

#logo {
   margin-bottom: 10px;
}

#trustlabel {
   padding-bottom: 20px;
   padding-left: 170px;
}

.bar, .flash {
   float:left ;
   width:960px;
   position:relative ;
}

.whitebg {
   background-color: white;
   padding-bottom: 10px;
}

.box2 {
   width: 440px;
   float: left ;
}

.pagefooter {
   font-size: 12px;
   color: white;
   height: 120px;
}

.pagefooter a {
   color:white;
}

.itextbox {
   width: 480px;
   height: 320px;
   overflow:scroll ;
   float:right ;
}

.leftmargin {
   margin-left: 10px;
}

.rightmargin {
   margin-right: 10px;
}

/* -------------------- general information page formatting ---------------------- */

.infocontent {
   padding-left: 10px;
   padding-right: 10px;
   float: left;
   width:620px;
}

.tx-fewo-places {
   float:left ;
   padding-top: 10px;
   width: 940px;
}

.tx-fewo-places .list {
   float:left ;
   width: 160px;
   height: 425px;
   overflow: auto;
}

.tx-fewo-places .list ul {
   list-style:none;
}

.tx-fewo-places .map {
   padding-left: 10px;
   padding-right: 10px;
   float:left;
   width: 538px;
}

.tx-fewo-places #marker {
   position:relative;
   display:none;
}

.tx-fewo-places .shortgal {
   float:left;
   width: 200px;
   padding-left: 20px;
}

.tx-fewo-places .galimg {
   height: 133px;
   padding-bottom: 5px;
}

.tx-fewo-places .pl_shortgal {
   width: 425px;
   float:right;
   margin-left: 20px;
}

.tx-fewo-places .pl_shortgal .galimg {
   padding-left: 10px;
}

/* -------------------- gallery page formatting ---------------------------------- */

#gallery {
   padding: 10px;
   padding-left: 40px;
   padding-right: 40px;
}

.gal_title {
   text-align: center;
   font-size: 14px;
}

.gal_thnimg {
   float:left;
   padding: 10px;
}


/* -------------------- mail form formatting ------------------------------------- */
.tx-fewo-mail,
.tx-fewo-mail legend,
.tx-fewo-mail fieldset {
   padding: 10px;
}

.tx-fewo-mail label {
   float:left ;
   width: 150px;
   font-weight: bold;
}

.tx-fewo-mail label.formError {
   width: 100%;
   color: red;
}

.tx-fewo-mail label.formRequired {
   color: #f7670e;
}

.tx-fewo-mail label.formAgb {
   width: 95%;
   float:left ;
}

.tx-fewo-mail select,
.tx-fewo-mail input {
 margin-bottom: 5px;
}

.tx-fewo-mail .formMulti{
   float:left ;
}

.tx-fewo-mail .formNewline{
   clear:both ;
}

.tx-fewo-mail .formLine {
   width: 100%;
}
/* -------------------- newsletter detail page formatting ------------------------ */

.csc-textpic-imagewrap {
   float:left ;
   margin-right: 10px;
}

/* -------------------- search result page formatting ---------------------------- */

.sres_mid {
   width: 425px;
   height: 20px;
   background-color: #e4e4e4;
   display:inline-block ;
}

#sres_textblock {
   width: 465px;
   margin-right: 10px;
   float:right;
}

#sres_textblock .tb_info {
   background-color: #e4e4e4;
   padding-left: 10px;
   padding-right: 10px;
}

.sres_block {
   width: 940px;
   float: left;
   padding-left: 10px;
   padding-right: 10px;
}

.sres_item,
.remind {
   border: 2px solid black;
   padding-left: 10px;
   padding-right: 10px;
   margin-bottom: 15px;
   float: left;
}

.sres_item .list-objimg,
.remind .list-objimg{
   width: 240px;
   padding-right: 10px;
   float:left ;   
   position:static;
   height: 160px;
}

.sres_item .list-objimg a:hover .gross,
.remind .list-objimg a:hover .gross {
    display: block;
    width: 400px;
    bottom: 270px;
    right: 160px;
}

.sres_item .list-objimg a .gross,
.remind .list-objimg a .gross{
    border: 0 none;
    display: none;
    position: relative;
}

.sres_item .list-objserg,
.sres_item .list-attrib,
.remind .list-objserg,
.remind .list-attrib {
   border: 1px solid black;
   width: 414px;
   height: 138px;
   padding: 10px;
   float: left;
   margin-right: 10px;
}

.remind .list-objserg {
   width: 390px;
}

.sres_item .list-attrib,
.remind .list-attrib {
   width: 198px;
   margin-right: 0;
}

.sres_item .list-right,
.remind .list-right {
   float:right;
   font-size: 16px;
}

.sres_item .list-text,
.remind .list-text {
   width: 414px;
   height: 107px;
   margin-bottom: 5px;
   overflow: auto;
}

.remind .list-text {
   width: 384px;
}

.sres_item .sres_info,
.sres_item .sres_remind,
.remind .sres_info,
.remind .sres_remind, .trashcan {
   width: 25px;
   height: 24px;
   margin:auto;
   display: inline-block;
}

.sres_item .sres_info,
.remind .sres_info {
   background-image: url(/fileadmin/templates/img/b_sres_info.png) ;
}

.sres_item .sres_info:hover,
a:hover .sres_item .sres_info,
.remind .sres_info:hover,
a:hover .remind .sres_info {
   background-image: url(/fileadmin/templates/img/b_sres_info2.png) ;
}

.sres_item .sres_remind,
.remind .sres_remind {
   background-image: url(/fileadmin/templates/img/b_sres_merkzettel.png) ;
}

.sres_item .sres_remind:hover,
a:hover .sres_item .sres_remind,
.remind .sres_remind:hover,
a:hover .remind .sres_remind{
   background-image: url(/fileadmin/templates/img/b_sres_merkzettel2.png) ;
}

/* -------------------- search result page - page navigation --------------------- */

.sres-navi {
   text-align: right;
   margin-bottom: 10px;
   margin-top: 10px;
   float: left;
   width: 940px;
   background-color:#e4e4e4;
}

.srnav-intro {
   float:left;
   padding-top: 5px;
}

.srnav-align {
   float:right ;
   padding-top: 2px;
   padding-bottom: 2px;
}

.srnav, .srnava {
   padding-top: 5px;
   float: left;
   margin-left: 5px;
   margin-right: 5px;
}

.srnava {
   font-size:16px;
   padding-top: 2px;
}

.srnav-first, .srnav-prev, .srnav-next, .srnav-last {
   width: 24px;
   height: 24px;
   display: inline-block;
   float: left;
   margin-left: 5px;
   margin-right: 5px;
}

.srnav-first {
   background-image: url(/fileadmin/templates/img/b_srnav_first.png) ;
}

.srnav-first:hover {
   background-image: url(/fileadmin/templates/img/b_srnav_first2.png) ;
}

.srnav-prev {
   background-image: url(/fileadmin/templates/img/b_srnav_prev.png) ;
}

.srnav-prev:hover {
   background-image: url(/fileadmin/templates/img/b_srnav_prev2.png) ;
}

.srnav-next {
   background-image: url(/fileadmin/templates/img/b_srnav_next.png) ;
}

.srnav-next:hover {
   background-image: url(/fileadmin/templates/img/b_srnav_next2.png) ;
}

.srnav-last {
   background-image: url(/fileadmin/templates/img/b_srnav_last.png) ;
}

.srnav-last:hover {
   background-image: url(/fileadmin/templates/img/b_srnav_last2.png) ;
}

/* -------------------- detail page formatting ----------------------------------- */
.det_stripe {
   float: left ;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
   width: 940px;
}

.det_stripe h1 {
   font-size: 16px ;
}

.det_stripe h2 {
   color: #666666;
   margin-left: 0px;
}

.det_stripe h3 {
   font-size: 14px ;
   text-align: right;
   padding-top: 7px;
   padding-bottom: 5px;
}

.det_stripe .det_image {
   float: left ;
   padding: 1px;
   background-color:black;
   border: none;
}

.det_stripe .imgcontainer {
   float: left;
   width: 526px;
   padding-left: 10px;
}

.det_stripe .det_gal_image {
   float: left;
   width: 168px;
   height: 112px;
   padding: 1px;
   background-color: black;
   border: none;
}

.lmargin {
   margin-left: 8px;
}

.bmargin {
   margin-bottom: 10px;
}

.det_textblock {
   width: 465px; 
   float: left;
}

.det_textblock .tb_header , .tb_footer {
   height: 20px;
}

.det_textblock .tb_info {
   background-color: #e4e4e4;
   padding-left: 10px;
   padding-right: 10px;
   height: 200px;
   overflow: auto;
}

.det_textblock .det_tl, .det_tr, .det_bl, .det_br,
#sres_textblock .sres_tl, #sres_textblock .sres_tr,
#sres_textblock .sres_bl, #sres_textblock .sres_br,
.grey_tl, .grey_tr, .grey_bl, .grey_br{
   height: 20px;
   width: 20px;
   display:inline-block ;
}

.det_textblock .det_tl,
#sres_textblock .sres_tl,
.grey_tl {
   background-image: url(/fileadmin/templates/img/tl.png) ;
}

.det_textblock .det_tr,
#sres_textblock .sres_tr,
.grey_tr {
   background-image: url(/fileadmin/templates/img/tr.png) ;
}

.det_textblock .det_bl,
#sres_textblock .sres_bl,
.grey_bl {
   background-image: url(/fileadmin/templates/img/bl.png) ;
}

.det_textblock .det_br,
#sres_textblock .sres_br,
.grey_br {
   background-image: url(/fileadmin/templates/img/br.png) ;
}

.det_textblock .det_mid,
#sres_textblock .sres_mid,
.grey_mid {
   width: 425px;
   height: 20px;
   background-color: #e4e4e4;
   display:inline-block ;
}

.pl_rubriken .pl_mid {
   width: 900px;
}

.pl_rubriken .pl_item {
   background-color: #e4e4e4;
   padding-left: 10px;
   padding-right: 10px;
}

.pl_rubriken .pl_item ul {
   list-style:none ;
}

.pl_rubriken .pl_item ul li {
   display: inline-block;
   padding-right:10px;
}

.pl_rubriken {
   margin-bottom: 10px;
}

.det_stripe .lmargin {
   left-margin: 10px;
}

.det_stripe .attribute {
   float: left;
   padding: 10px;
   border: 2px solid black;
}

.det_stripe .bwide {
   width: 514px;
}

.det_stripe .bnarrow{
   width: 370px;
}

.det_stripe .btextblock {
   width: 442px;
}

.det_stripe .bmapheight {
   height: 291px;
   overflow: auto;
}

.det_stripe .baccheight {
   height: 236px;
   overflow: auto;
}

.det_stripe .attribute h3 {
   padding: 0;
   text-align: left ;
}

.det_stripe ul {
   list-style:none ;
}

.det_stripe .printmap {
   padding-left: 60px;
   width: 392px;
}

.det_stripe .name {
   float:left ;
   width: 175px;
}

.det_stripe .value {
   float:left ;
   width: 75px;
}

#det_ra .value {
   width: 150px;
   height: 1.4em;
}

.det_stripe .attname {
   float:left ;
   padding-left: 5px;
   width: auto;
}

.li-line .attname {
   width: 404px;
}

.det_stripe .attvalue {
   float:left ;
   width: 15px;
}

.li-line {
   padding-top: 5px;
   padding-bottom:20px;
   float: left;
}

.li-line li {
   width: 100%;
   float:left ;
}

.pricetable {
   float:left ;
   width: 400px;
}

.fullwidth {
   width: 916px;
}

#det_preis, #det_merk, #det_anfrage, #det_print, #det_mail {
   width: 35px;
   height: 34px;
   margin:auto;
   display: block;
}

#det_preis {
   background-image: url(/fileadmin/templates/img/b_det_preis.png) ;
}

#det_preis:hover,
a:hover #det_preis, a:active #det_preis {
   background-image: url(/fileadmin/templates/img/b_det_preis2.png) ;
}

#det_merk {
   background-image: url(/fileadmin/templates/img/b_det_merkzettel.png) ;
}

#det_merk:hover,
a:hover #det_merk, a:active #det_merk {
   background-image: url(/fileadmin/templates/img/b_det_merkzettel2.png) ;
}

#det_anfrage {
   background-image: url(/fileadmin/templates/img/b_det_anfrage.png) ;
}

#det_anfrage:hover,
a:hover #det_anfrage, a:active #det_anfrage {
   background-image: url(/fileadmin/templates/img/b_det_anfrage2.png) ;
}

#det_print {
   background-image: url(/fileadmin/templates/img/b_det_pdfprint.png) ;
}

#det_print:hover,
a:hover #det_print, a:active #det_print {
   background-image: url(/fileadmin/templates/img/b_det_pdfprint2.png) ;
}

#det_mail {
   background-image: url(/fileadmin/templates/img/b_det_pdfsend.png) ;
}

#det_mail:hover,
a:hover #det_mail, a:active #det_mail {
   background-image: url(/fileadmin/templates/img/b_det_pdfsend2.png) ;
}

.det_stripe .optionblock {
   width: 400px;
   float: right;
}

.det_stripe .optionblock .bigtext {
   font-size:18px;
}

.det_stripe .optionblock .optionicon {
   width: 35px;
   height: 34px;
   float: left ;
}

.det_stripe .optionblock .optionlink {
   width: 355px;
   height: 26px;
   padding-left:10px;
   padding-top: 8px;
   float: left ;
   margin-bottom: 5px;
}

/* -------------------- footer block callback formatting ------------------------- */
.callback {
   width: 500px;
   position: absolute;
   bottom: 0px;
   left: 40px;
   color: white;
}

.callback fieldset {
   padding:0;
}

div.callback label.callbacklabel {
   font-size:14px;
   margin-right: 5px;
   font-weight: bold;
   width: auto;
}

div.callback div.tx-fewo-mail form fieldset {
   border: none ;
}


.nl_container .nl_form form fieldset input.submit-form,
.callback .tx-fewo-mail form fieldset input.submit-tel {
   background-image: url(/fileadmin/templates/img/b_send.png) ;
   line-height: 21px;
   height: 21px;
   width: 21px;
   display: inline-block ;
   margin-left: 5px;
   border:none ;
}

.nl_container .nl_form form fieldset input.submit-form:hover,
.callback .tx-fewo-mail form fieldset input.submit-tel:hover {
   background-image: url(/fileadmin/templates/img/b_send2.png) ;
}

/* -------------------- bottom footer block formatting --------------------------- */
div#fblock {
   bottom: 0;
   height: 70px;
   left: 0;
   position: fixed;
   width: 100%;
}

div#fblock .container {
   background-image: url(/fileadmin/templates/img/fb_transparent.png) ;
   width: 960px;
   margin:auto ;
   height: 70px;
}
/* -------------------- quality text start page ---------------------------------- */

.qt_container {
   width: 477px;
   float:right;
   margin-right: 10px;
}

.qt_container .qt_head {
   background-image: url(/fileadmin/templates/img/qt_header.png) ;
   height: 20px;
}

.qt_container .qt_body {
   background-color: #e4e4e4;
   padding-left: 10px;
   height: 175px;
   overflow: auto ;
}

.qt_container .qt_footer {
   background-image: url(/fileadmin/templates/img/qt_footer.png) ;
   height: 20px;
}


/* -------------------- newsletter application form ------------------------------ */

.nl_container {
   width: 440px;
}


.nl_container .header {
   background-image: url(/fileadmin/templates/img/newsletterbl.png) ;
   height: 53px;
}

.nl_container .headertext {
   color: white;
   font-size: 20px;
   padding-top: 17px;
   padding-left: 60px;
}

.nl_container .nl_form {
   background-color: #1674B0 ;
   color: white ;
   padding-left: 10px;
   padding-right: 10px;
   height: 142px;
   overflow:auto ;
}

.nl_container .nl_form fieldset {
   border:none ;
   position:relative;
}

.nl_container .footer {
   background-image: url(/fileadmin/templates/img/newsletter-footer.png) ;
   height: 20px;
}

.nl_container label,
.dm_cat_label {
   padding-top: 4px;
   width: 100px;
   float: left;
   height: 20px;
}

.dm_cat_label {
   padding-left: 5px;
}

.dm_cat_checkbox {
   float:left;
   padding-left: 5px;
}

/* -------------------- tip block formatting ------------------------------------- */
.tcleft {
   width: 320px;
   float: left ;
}

.tcleft .tipcontent {
   margin-bottom:10px;
}

.tipcontent {
   width: 310px;
   float: left;
   height: auto;
   padding-left: 10px;
}

.tipcontent .top {
   background-image: url(/fileadmin/templates/img/top.png) ;
   height: 15px;
   width: 300px;
   float: left ;
}

.tipcontent .bottom {
   background-image: url(/fileadmin/templates/img/bottom.png) ;
   height: 15px;
   width: 300px;
   float: left;
}

.tipcontent .bgcontainer {
   background-color:#e4e4e4;
   width: 300px;
   float: left;
}

.tipcontent h1 {
   text-align:center ;
   font-size: 16px;
}

.tipcontent img {
   padding-left: 30px;
   padding-bottom: 5px;
}

.tipcontent .feature_info {
   width: 275px;
   margin:auto ;
   height: 60px;
   overflow: auto;
   text-align: center;
}

.tipcontent .feature_footer {
   padding: 12px;
   font-weight: bold;
   float:left;
   width: 276px;
}

.tipcontent .div_objref {
   float:left ;
   display: inline-block ;
   padding-top: 3px;
}

.tipcontent .div_moreinfo {
   float:right;
   display:inline-block;
   padding-top: 3px;
   padding-right: 5px;
}

.tipcontent .div_imgcontainer {
   width: 24px;
   float:right ;
   display:inline-block ;
}

.tipcontent .span_objinfo {
   background-image: url(/fileadmin/templates/img/b_objektinfo.png) ;
   width: 24px;
   height: 24px;
   float: right;
}

.tipcontent .span_objinfo:hover {
   background-image: url(/fileadmin/templates/img/b_objektinfo2.png) ;
}

/* -------------------- search form styles startpage ----------------------------- */
.srchHeader {
   float: left;
   height: 53px;
   width: 100%;
   background: url(/fileadmin/templates/img/suchfeld.png) ;
   background-repeat:no-repeat ;
   position:static ;
}

.srchHeader .hdrTitle {
   position: relative ;
   top: 18px;
   left: 60px;
   font-size: 16px;
   font-weight: bold ;
}

.srchBody {
   float: left;
   width: 100%;
   background-color: #f9be26; 
}

.srchBody fieldset {
   border: none ;
   padding-left: 10px;
   font-size: 14px;
}

.srchBody label {
   width: 130px;
   float: left ;
   height: 25px;
}

.srchBody .fcheck{
   padding-right: 2px;
}

.srchBody input {
   float: left ;
}

#srchBtn {
   clear:left;
   top: -1.9em;
   left: 17em;
   position: relative;
}
/* -------------------- search form footer formatting ---------------------------- */
.srchFooter {
   float:left;
   width: 100%;
   background-color: #f9be26; 
   padding-top:5px;
}

.srchFooterTail {
   float: left;
   background: url(/fileadmin/templates/img/suchfeld-footer.png) ;
   height: 20px;
   width: 100%;
}

.srchFooter li {
   list-style: none ;
   display:block;
   width: 88px;
   float:left;
   text-align: center;
}

#srch9, #srch12, #srch13, #srch11, #srch10 {
   width: 35px;
   height: 35px;
   margin:auto;
   display: block;
}

#srch9 {
   background-image: url(/fileadmin/templates/img/b_KLEIN_alle-objekte.png) ;
}

#srch9:hover,
a:hover #srch9 {
   background-image: url(/fileadmin/templates/img/b_KLEIN_alle-objekte2.png) ;
}

#srch12 {
   background-image: url(/fileadmin/templates/img/b_KLEIN_ferienwohnungen.png) ;
}

#srch12:hover,
a:hover #srch12 {
   background-image: url(/fileadmin/templates/img/b_KLEIN_ferienwohnungen2.png) ;
}

#srch13 {
   background-image: url(/fileadmin/templates/img/b_KLEIN_ferienhaeuser.png) ;
}

#srch13:hover,
a:hover #srch13 {
   background-image: url(/fileadmin/templates/img/b_KLEIN_ferienhaeuser2.png) ;
}

#srch11 {
   background-image: url(/fileadmin/templates/img/b_KLEIN_villen.png) ;
}

#srch11:hover,
a:hover #srch11 {
   background-image: url(/fileadmin/templates/img/b_KLEIN_villen2.png) ;
}

#srch10 {
   background-image: url(/fileadmin/templates/img/b_KLEIN_fincas.png) ;
}

#srch10:hover,
a:hover #srch10 {
   background-image: url(/fileadmin/templates/img/b_KLEIN_fincas2.png) ;
}

/* ---------------------- top menu formats ------------------------ */

.topmenu {
   float:left;
   width: 100%;
   height: 80px;
   padding-top:5px;
}

#menu-item2, #menu-item13, #menu-item12,
#menu-item10, #menu-item11, #menu-item32{
   display: block;
   width: 55px;
   height: 58px;
   margin:auto ;
}

#menu-item2 {
   background-image: url(/fileadmin/templates/img/b_startseite.png) ;
}

#menu-item2:hover {
   background-image: url(/fileadmin/templates/img/b_startseite2.png) ;
}

#menu-item13 {
   background-image: url(/fileadmin/templates/img/b_ferienwohnungen.png) ;
}

#menu-item13:hover {
   background-image: url(/fileadmin/templates/img/b_ferienwohnungen2.png) ;
}

#menu-item12 {
   background-image: url(/fileadmin/templates/img/b_ferienhaeuser.png) ;
}

#menu-item12:hover {
   background-image: url(/fileadmin/templates/img/b_ferienhaeuser2.png) ;
}

#menu-item10 {
   background-image: url(/fileadmin/templates/img/b_villen.png) ;
}

#menu-item10:hover {
   background-image: url(/fileadmin/templates/img/b_villen2.png) ;
}

#menu-item11 {
   background-image: url(/fileadmin/templates/img/b_fincas.png) ;
}

#menu-item11:hover {
   background-image: url(/fileadmin/templates/img/b_fincas2.png) ;
}

#menu-item32 {
   background-image: url(/fileadmin/templates/img/b_kontakt.png) ;
}

#menu-item32:hover {
   background-image: url(/fileadmin/templates/img/b_kontakt2.png) ;
}

.nlframe {
   width: 456px;
   height: 215px;
   margin-left: 10px;
   border: none;
}

#flashlayer {
	z-index: 10000;
	opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	position:fixed; top:0px; left:0px; width:100%; height:100%; text-align:center; vertical-align:middle;   
   display:none ;
}