@charset "utf-8";

/* stylesheet for "mallorca-holiday-rentals.info" */

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

* { padding: 0; margin: 0; } 

/* -------------------------------------------------------------------------- */
/* CSS Document base definitions */
body {
/*   background-color:#fffdd9 ; */
   color:#000000 ;
   font-family:Arial, Helvetica, sans-serif ;
   font-size:12px ;
}

a {
   color: #f7670e;
   text-decoration: none;
   font-weight: bold;
}

a:hover {
   color:#666666;
}

#wrapper {
   width: 960px ;
   margin:auto ;
   border:1px solid #F7670E ;
}

#header {
   height: 120px;
}

#wrapper .left {
   width: 240px;
   float: left;
}

.titleblock {
   background-color: #f2f2f2 ;
   border-bottom: 1px solid #F7670E;
   font-size: 14px;
   font-weight: bold;
   padding:7px;
}

.blockbg {
   background-image:url(fv_orange770x30.jpg) ;
   border-bottom:1px solid #F7670E ;
   padding:5px;
}

.bold {
   font-weight:bold ;
}

.infoblock {
   width: 470px;
   float: left;
   margin-left: 10px;
   padding-top: 10px;
}

.tipblock {
   width: 240px;
   float: left ;
   padding-top: 10px;
}

.tipcontent {
   margin-bottom: 10px;
}

.tipcontent .feature_info {
   margin-top: 5px;
   margin-left: 5px;
}

.tipcontent .feature_footer,
.tipcontent .title {
   margin-left: 5px;
}

.ilink {
   color:#FFFFFF ;
   font-weight:bold ;
   text-decoration:none ;
}

.center {
   width: 479px ;
   float:left ;
} 

.margin {
   width:240px;
   background-color:yellow;
   float:left ;
   border-left:1px solid #F7670E ;
}


#wrapper .right {
   margin-top: 10px;
   margin-left: 10px;
   width: 710px ;
   float: left ;
}

.ruler {
   clear: both;
   margin-top:10px;
   margin-bottom:10px;
   height:10px;
}

/* ------------------------- format header callback form ------------------------- */
.hblock {
   height: 120px;
}

.over {
   position:relative;
   color: white;
   font-weight: normal;
   font-size: 16px;
   bottom:80px;
   left:343px;
   width: 480px;
}

.over fieldset {
   border:none ;
}

.over input {
   width: 120px;
}
 
.over .telnumber {
font-weight: bold;
font-size: 19px;
}

.over .tel {
   margin-top:32px;
}

.over .submit-tel {
   width:auto ;
   margin-left: 5px;
   margin-top: 30px;
}

#hdrlabel {
   width: 255px;
   font-size:15px;
}

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

div#fblock .container {
   width:960px;
   height:50px;
   background-color: #F2F2F2;
   margin:auto;
}

.fblock .cbform {
   width: 500px;
   float: left ;
}


.fblock .fbicons {
   padding-top: 5px;
   width: 460px;
   margin:auto;
}

.fbicons .imglink {
   float: left;
   width: 35px;
}

.fbicons .textlink, .fbicons .textlinke {
   float:left;
   padding-top: 8px;
}

.fbicons .textlink {
   margin-right:40px;
}

.infofoot {
   height: 40px;
   align:center ;
}

#footer {
   height: 100px;
   font-size: 10px;
}

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

.sres-obj {
   margin-top: 12px;
}

.sres-obj h2 {
   font-size: 12px;
   font-weight: bold;
}

.container {
   border-left: 1px solid #F7670E ;
   border-top: 1px solid #F7670E ;
   border-bottom: 1px solid #F7670E ;
   height:110px;
}

.container .list-objimg,
.sres-obj .list-objimg {
   margin-top: 5px;
   margin-bottom: 5px;
   width: 150px ;
   height: 100px;
   float:left ;
}

.container .list-objimg a .gross,
.sres-obj .list-objimg a .gross
{
   display: none;
}

.container .list-objimg a:hover .gross,
.sres-obj .list-objimg a:hover .gross
{
   width: 400px;
   border: 0;
   display: block;
   position: relative;
   top: -150px;
   left: -415px;
   z-index: 200;
   background: #fff;
}

.container .list-footer,
.container .list-refinfo,
.sres-obj .list-footer, 
.sres-obj .list-refinfo {
   float:left ;
   width: 554px;
   padding-left: 5px;
}

.container .list-refinfo,
.sres-obj .list-refinfo {
   border-bottom: 1px solid #F7670E ;
}

.container .list-footer,
.sres-obj .list-footer {
   border-top: 1px solid #F7670E ;
}

.container .list-text,
.sres-obj .list-text {
   float: left ;
   width: 549px;
   height: 62px;
   overflow:auto ;
   padding-left: 5px;
   padding-right: 5px;
}

.container .list-links,
.sres-obj .list-links {
   height: 16px;
   float:left;
   padding-left: 10px;
   width: 526px;
}

.container .list-objimg .gross,
.sres-obj .list-objimg .gross {
   display: none ;
}

.container .rooms,
.container .area,
.sres-obj .rooms, .sres-obj .area {
   float:right ;
   border-left: 1px solid #F7670E ;
   padding-left: 5px ;
   padding-right: 5px ;
}

.container .list-right,
.sres-obj .list-right {
   float:right ;
   padding-right: 5px;
   padding-left: 5px;
   border-left: 1px solid #F7670E ;
}

.container .list-left,
.sres-obj .list-left {
   float:left ;
}

.container .list-lefte .rooms,
.sres-obj .list-left .rooms {
   border-left:none;
   border-right: 1px solid #F7670E ;
}

.container .list-footer .list-right,
.sres-obj .list-footer .list-right {
   color:#F7670E ;
   font-weight: bold;
}

.sres-navi {
   margin-left: 160px;
   margin-top:20px;
   margin-bottom:10px;
}

.sres-navi .navi-linka {
   font-size:large;
}
/* ------------------------ mail form result formatting ----------------------- */

#remind {
   clear:both ;
}

#reminddrop .container,
#remind .container {
   border: 1px solid #F7670E ;
   height:110px;
}


#reminddrop .remind,
#remind .remind {
   margin-bottom: 10px;
}

#reminddrop .list-objimg,
#remind .list-objimg {
   margin-top: 5px;
   margin-bottom: 5px;
   width: 150px ;
   height: 100px;
   float:left ;
}

#reminddrop .rooms, #reminddrop .area,
#remind .rooms, #remind .area {
   float:right ;
   border-left: 1px solid #F7670E ;
   padding-left: 5px ;
   padding-right: 5px ;
}

#reminddrop .list-footer,
#reminddrop .list-refinfo,
#reminddrop .list-text,
#remind .list-footer, 
#remind .list-refinfo,
#remind .list-text {
   float:left ;
   padding-left: 5px;
   width:531px;
}

#reminddrop .list-refinfo,
#remind .list-refinfo {
   border-bottom: 1px solid #F7670E ;
}

#reminddrop .list-text,
#remind .list-text {
   height:62px;
   overflow:auto;
   width: 526px;
}

#reminddrop .list-footer,
#remind .list-footer {
   border-top: 1px solid #F7670E ;
}

#reminddrop .list-right,
#remind .list-right {
   float:right ;
   padding-right: 5px;
   padding-left: 5px;
   border-left: 1px solid #F7670E ;
}

#reminddrop .place,
#remind .place {
   float: left ;
}

#reminddrop .trashcan,
#remind .trashcan {
   float:right ;
}

#reminddrop .list-left,
#remind .list-left {
   float:left ;
}

#reminddrop .list-left .optionItem,
#remind .list-left .optionItem {
   border-left:none;
   border-right: 1px solid #F7670E ;
   float:left ;
   padding-left:5px;
   padding-right:5px;
}

#reminddrop .list-footer .list-right,
#remind .list-footer .list-right {
   color:#F7670E ;
   font-weight: bold;
}

/* ------------------------ center info textblock ----------------------------- */
.centerinfo {
   height: 90px;
   padding: 7px;
   overflow: auto;
   width: 446px;
   margin-bottom: 10px;
}

/* ------------------------ format language selection ------------------------ */

.navilng {
   text-align:right ;
}

.navilng ul {
   list-style:none ;
   display:inline-block;
}

.navilng ul img {
   margin-right: 5px;
}

.navilng ul li {
   margin-left:10px;
}

.navilng .flag {
   border:none ;
}

/* ---------------------- format news form ------------------------------- */

.newsbody {
   padding: 10px;
}

/* --------- format search shortcut box below regular search ------------- */

.linkboxcontainer {
   border-left: 1px solid #666666 ;
   border-bottom: 1px solid #666666;
   border-right: 1px solid #666666;
   height: 20px;
   margin-right: 10px;
}

.linkboxcontainer ul {
   list-style: none ;
}

.linkboxcontainer ul li {
   float:left ;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 2px;
   border-right:1px solid #666666;
   height: 19px;
}

/* ---------------------- basic form styles ------------------------------ */

.formNewline {
   clear: both;
}

form {
   margin-top: 5px;
   padding: 0px; margin-bottom:0
}

fieldset {
   padding: 5px;
   margin-right: 10px;
   border: 1px solid #666666;
}

label {
   width: 120px;
   float: left;
   height: 22px;
}

.sres .tx-fewo-mail select  {
   float: left;
   margin-right:10px;
   margin-left:10px;
}

.sres .tx-fewo-mail  #answer, 
.sres .tx-fewo-mail input {
   width: auto ;
   float: left;
   margin-right:10px;
   margin-left:10px;
}

.fcheck {
   float:left ;
   width: 20px;
   margin-right:5px;
}

.btn {
   width:auto;
}

.formError, .formErrorHdr {
   color:#FF0000 ;
   width: 100%;
   font-weight: bold;
}

.formErrorHdr {
   font-size: 15px;
}

.formLine {
   width: 100%;
   height:auto;
}

.formRequired {
   color: #F7670E ;
   font-weight: bold;
}

.formOptional, .formRequired {
   float: left;
   width:25%;
   margin-right:2%;
}

.formButton {
   height:22px;
   margin-left: 42%;
   float:none;
}

.formAgb {
   width: 95%;
}
/* --------------------- render mallorca map with places --------------------- */
.tx-fewo-places {
   width: 710px;
}

.tx-fewo-places .line_gesamt {
   width: 710px;
}

.tx-fewo-places .content {
   float:left;
}

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

.tx-fewo-places .map {
   float:left;
   height:428px;
   width: 541px;
}
.tx-fewo-places .marker {
   display:none;
   height:10px;
   position:relative;
   width:10px;
}

.tx-fewo-places .list {
   float:right;
   height:420px;
   overflow:auto;
   width:144px;
}

.tx-fewo-places .plshortgal {
   width: 200px;
   float:right ;
}

.tx-fewo-places .pldescription {
   width: 490px;
   float:right ;
   padding-right: 20px;
}

.tx-fewo-places .galimg {
   margin-top: 5px;
}

.tx-fewo-places .info_detail {
   width: 710px;
}

/* --------------------- gallery --------------------------------------------- */
.gal_title {
   width: 280px;
   margin:auto ;
   margin-top: 10px;
}

.gal_thnimg {
   float:left;
   margin:20px;
   width: 200px;
}

/* object list on page details */
.objclassdiv h1 {
   color: black;
   font-size:14px;
   margin-bottom: 3px;
}

.objclassdiv {
   margin-top: 10px;
   margin-bottom: 10px;
}
/* --------------------- Typo style replacements ----------------------------- */
p {
   margin: none;
}

.csc-header {
   margin-top: 15px;
   margin-bottom: 3px;
}

.csc-header h1 {
   font-size: 14px;
   color: #666666;
}

.csc-firstHeader {
   font-size: 14px;
   color: #666666;
   margin-bottom: 5px;
   padding-left: 5px;
}