@charset "utf-8";
/* stylesheet for "mallorcahome.info" */

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

* { padding: 0; margin: 0; }

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

#wrapper {
   width: 1240px ;
   margin:auto ;
   margin-bottom: 95px;
}

#header {
   width: 1240px;
   height: 191px;
   position: relative;
}

a,
a:hover,
a:active,
a:visited {
   color: #0060a7;
   text-decoration: none;
}

.headLogo {
   position: absolute;
   top: 20%;
}

.headLogo2 {
   position: absolute;
   right: 10%;
}


.clearfix:before, .clearfix:after {
   content: " ";
   display: block;
   height: 0;
   visibility: hidden;
}

.clearfix:after {
   clear: both;
}

.clearfix {
}

#st_form{
   display: none;
}

/* ---------------- modal div ----------------- */
#modal-form-background {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0.50;
   -webkit-opacity: .5;
   z-index: 1000;
}

#modal-form-container {
   display: none;
   position: fixed;
   z-index: 1001;
}


aside:full-screen
{
   float: none;
   width: 100%;
   height: 100%;
   padding: 0;
   margin: 0;
   border: 0 none;
}

aside:full-screen img {
   width: 100%;
}

/* ------------ modal form --------------------------------------------- */
#modal-form-background.active, #modal-form-container.active {
   display: block;
}

#modal-form-header {
   background: url("/fileadmin/templates/img/title_bg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
   padding-left: 0.5%;
   padding-right: 0.5%;
   position: relative;
}

#modal-form-header img,
#modal-form-header h2 {
   display: inline-block;
   padding-right: 0.5%;
}

#modal-form-close {
   position: absolute;
   right: 0;
}

#modal-form-body{
   background-color: white;
   position: relative;
   overflow-y: auto;
}

#modal-form-body .ajaxOverlaySearch {

   padding: 0;
}

.ajax-body {
   padding: 20px;
}
/* ------------ menu structure ----------------------------------------- */
#menubar ul, #lngNav ul {
   list-style: none outside none;
}

#menubar li, #lngNav li {
   float: left;
   position: relative;
}

#lngNav li {
   padding-right: 5px;
   padding-bottom: 3px;
}

#menubar li ul, #lngNav li ul {
   display: none;
   left: 0;
   position: absolute;
}

#menubar li > ul, #lngNav li > ul {
   left: auto;
   top: auto;
}

#menubar ul ul li, #lngNav ul ul li {
   clear: left;
}

#menubar li:hover ul, #menubar li.over ul, #lngNav li:hover ul, #lngNav li.over ul {
   display: block;
   z-index: 12;
}

/* ------------ menu design -------------------------------------------- */

#menubar {
   font-size: 12pt;
   display: block;
   height: 1.5em;
   width: 87%;
   position: absolute;
   bottom:5px;
}

#lngNav {
   position:absolute;
   bottom:0;
   right: 0;
   padding-right: 15px;
}

#menubar li {
   padding-top:4px;
   padding-bottom: 5px;
   list-style-type: none;
   border-left: 1.5px solid #0060a7;
   list-style-type: none;
   text-align: center;
   width: 16%;
   text-transform:  uppercase;
}

#menubar li.navcp{
   padding-top:0px;
   padding-bottom: 0px;
   border-left: none;
}

#menubar li ul {
   left:5%;
   padding-top: 2%;
   padding-left: 5%;
   width: 100%;
   background-color: #ffffff;
}

#menubar li li {
   list-style-type: none;
   border-left: none;

   text-align: left;
   display: block;
   background-color: #ffffff;
   width: 95%;
   left: 5%;
   border-bottom: 1px solid #776855;
   text-transform:  none;
}

#menubar li li.last {
   border-bottom: none;
}

#menubar a {
   text-decoration: none;
   color: #776855;
}

#menubar a:hover {
   color: #0060A7;
}

/* --------------------- TYPO styles ------------------------------------------- */
.csc-header {

}

.csc-header-n1 {

}

.csc-textpic-text{

}

.csc-textpic {

}

.csc-textpic-intext-right {

}



.csc-textpic-imagewrap {

}

/* --------------------- start page -------------------------------------------- */
.infoblock {
   clear: both;
}

.searchback {
   clear: both;
   position: relative;
}

.refinput {
   width: 50px;
   height: 18px;
   padding: 2px;
}

/* ------------------ srchbox --------------------------*/

.srchstart {
   background-color: #e7e2d8;
   width: 338px;
   position: absolute;
   right: 5%;
   top: 10%;
}

.srchstart .header {
   color: #0060a7;
   font-weight: bold;
   padding: 2px;
   text-align: center;
}

.srchstart .subform {
}

.srchstart .footer {
   text-align: right;
   padding: 5px;
}

.reftext {
   bottom: 5px;
   display: inline-block;
   padding-right: 5px;
   position: relative;
   font-weight: bold;
   font-size: 18px;
}

.scBlock {
   background-image: url('/fileadmin/templates/img/sp_button_bg.jpg');
   background-repeat: repeat-x;
   float: left;
   width: 350px;
   height: 268px;
   margin: 11px;
   position: relative;
}

.scTitle {
   border-bottom: 1px solid #0060a7;
   display: block;
}

.scTitle span {
   position: relative;
   top:-5px;
   left:5px;
   font-size: 17px;
   font-weight: bold;
}

.scTitle .lastMinute {
   margin-left: 110px;
}

.scImage img{
   margin-top: 10px;
   margin-left:  30px;
}

.middleDiv {
   margin: 10px auto;
}

.middleDiv ul,
.middleDiv .mainContent{
   padding-top: 10px;
   width: 90%;
   margin:auto;
}

.middleDiv ul li {
   list-style-type: none;
}

.specialOffer, .lastMinuteOffer {
   position: absolute;
   top: -10px;
   left: -10px;
}

.specialOffer {
   right:-10px;
   left:auto;
}

.startpage .csc-textpic-imagewrap {
   width: 200px;
   float: right;
   height: 100px;
}

.startpage .csc-textpic-imagewrap img {
   width: 100%;
   height: auto;
   position: relative;
   top: -37px;
}

/* --------------------- search result page ------------------------------------ */
.info_sres {
   width: 90%;
   margin: auto;
   margin-top: 3%;
}

.sres_text {
   display: inline-block;
   width: 741px;
   vertical-align: top;
}

.sres_img {
   display: inline-block;
   vertical-align: top;
   width: 375px;
}

.search_button {
   vertical-align: top;
}

.search_button_image {
   float: left;
   margin-right: 10px;
}

.header_bottom {
   background-image: url('/fileadmin/templates/img/header_bg.jpg');
   background-repeat: repeat-x;
   height: 26px;
   margin-bottom: 30px;
}

.sres-obj,
.remind {
   background-image: url('/fileadmin/templates/img/sres_bg.jpg');
   background-repeat: repeat-x;
   margin-bottom: 10px;
   height: 260px;
   color: #0060a7;
}

.list-objimg{
   display: inline-block;
   position: relative;
   height: 250px;
   overflow-y:  hidden;
   top: 5px;
   left: 5px;
   margin-right: 5px;
}

.list-objdesc {
   display: inline-block;
   vertical-align: top;
   width: 63%;
}

.list-left {
   position: relative;
}


.lastminute {
   bottom: 141px;
   left: -415px;
   position: absolute;
   z-index: 5;
}

.specialprice {
   bottom: 141px;
   left: -121px;
   position: absolute;
   z-index: 5;
}

.remind .list-objdesc {
   width:58%;
}

.remind .list-title .staffel {
   display: none;
}

.list-objref {
   display: inline-block;
   padding-left: 30px;
}

.list-objtype {
   padding-left: 30px;
}

.list-title {
   position: relative;
   height: 35px;
   margin-bottom: 15px;
   font-size: 16px;
   font-weight: bold;
}

.list-title h2 {
   padding-top: 8px;
   font-size: 16px;
   font-weight: bold;
}

.list-table {
   position: relative;
   right: 0;
   height: 185px;
   padding-left: 30px;
   color: #776754;
}

.list-table .col1header,
.list-table .col2header {
   font-size: larger;
   font-weight: bold;
}

.list-table .col1,
.list-table .col2{
   width: 390px;
   vertical-align: top;
   padding-right: 10px;
}

.list-table .col1 ul,
.list-table .col2 ul {
   padding-left: 10px;
}

.list-table .col3 {
   width: 30px;
   vertical-align: top;
}

.list-table .col3 img {
   float: left;
}

.list-table ul {
   list-style: none;
   padding:0;
   margin:0;
}

.list-table ul li {
   text-indent: -0.7em;
}

.list-table ul li:before {
   content:"• ";
   color: #0060a7;
}
.list-footer {
   position: relative;
   height: 35px;
   bottom: 10px;
}

.list-footer a {
   color: white;
   text-decoration: none;
   font-size: 14px;
   font-weight: bold;
}

.list-attr-icons {
   position:absolute;
   bottom: 15px;
}

.staffel,
.sres-obj .detaillink,
.tiplink .detaillink,
.remind .detaillink,
.sres-obj .shortlistlink,
.det_container .shortlistlink,
.det_container .shortlistlinkOrange,
#reminddrop .shortlistlink {
   border: 1px solid white;
   color: white;
   background-color: #776754;
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
   position: absolute;
   right: 5px;
   top:4px;
   padding:5px;
   width: 200px;
   height: 15px;
   font-size: 13px;
}

.staffel img,
.sres-obj .detaillink img,
.tiplink .detaillink img,
.remind .detaillink img,
.sres-obj .shortlistlink img ,
.det_container .shortlistlink img,
.det_container .shortlistlinkOrange img,
#reminddrop .shortlistlink img {
   position: absolute;
   right: 5px;
   top: 0px;
}

.staffel .pricetable {
   background-color: white;
   color: #0060a7;
   border-radius: 5px;
   border: 1px solid #776754;
   position: absolute;
   display:none;
   z-index: 1;
   width: 175%;
}

.staffel:hover .pricetable {
   display: block;
   right: 5px;
   top: 30px;
   font-weight: normal;
}

.sres-obj .detaillink {
   background-color: #f39200;
}

.sres-obj .shortlistlink,
#reminddrop .shortlistlink {
   background-color: #0060a7;
   right: 230px;
}



.info_sres .csc-textpic-imagewrap {
   float: right;
   margin-left: 5%;
   width: 320px;
}

.info_sres .csc-textpic-imagewrap img {
   width: 100%;
   height: auto;
}

.sres-navi {
   margin-top: 3%;
   text-align: right;
   padding-bottom: 5px;
}

.sres-navi img {
   vertical-align: -2px;
}

.sres-navi a {
   text-decoration: none;
   color: #776855;
   padding-bottom:5px;
}

.navi-linka a {
   font-size: 15px;
}

.csc-textpic-intext-left .csc-textpic-imagewrap{
   float: left;
   margin-right: 5%;
   margin-left: 0;
}

/* --------------------- detail page ------------------------------------------- */
.det_container{
   position: relative;
}

.det_container .shortlistlink,
.det_container .shortlistlinkOrange {
   background-color: #0060a7;
   position: static;
   margin-top: 5px;
}

.det_container .shortlistlinkOrange {
   background-color: #F39200;
}

.det_bg {
   background-color: #e7e2d8;
}

.det_padding {
   padding: 10px;
}

table.pricetab{
   font-size: 15px;
   width: 90%;
   margin:auto;
   border: 0;
   border-collapse: collapse;
}

.pricetab .tabRight {
   text-align: right;
   font-weight: bold;
}

.pricetab .tabLeft {
   text-align: left;
   font-weight: bold;
}

table.pricetab td {
   padding: 4px;
}

.det_container .pricetab tr:nth-child(2n){
   background-color: white;
}

.orangetext{
   font-size: 17px;
   font-weight: bold;
}

#det_pcf {
   padding: 5%;
   display: block;
   position: relative;
   text-align: center;
}

#det_pcf .cal-btn {
   position: relative;
   top: 6px;
   width: auto;
}

#det_pcf .formRequired {
   font-size: 18px;
   text-align: left;
}

#pr-container {
   position: relative;
}

#pr-textoverlay {
   color: white;
   display: block;
   font-size: 18px;
   font-weight: bold;
   position: absolute;
   text-align: center;
   top: 10px;
   width: 100%;
}

.optionblock div {
   position:relative;
}

.det_title_line span {
   position: relative;
   top:-5px;
   left:5px;
   font-size: 17px;
   font-weight: bold;
}

.optionblock {
   display: inline-block;
   vertical-align: top;
   position: absolute;
   bottom: 0px;
   right:0 ;
}

.optionblock a {
   text-decoration: none;
}

.container1wide {
   display: inline-block;
   width: 62%;
   vertical-align:top;
   margin-right: 0.7%;
   padding-right: 2%;
}

.container1wide p {
}

.twocol {
   -moz-column-count:    2;
   -webkit-column-count: 2;
   column-count:         2;
}
ul.roomdist {
   background-color: #e7e2d8;
   margin:0;
   padding:3%;

   -moz-column-count:    2;
   -webkit-column-count: 2;
   column-count:         2;
   -moz-column-gap: 0;
   -webkit-column-gap: 0;
   column-gap:0;
   width:94%;
}

ul.det_ul_2 {
   background-color: #e7e2d8;
   margin:0;
   padding:3%;

   -moz-column-count:    2;
   -webkit-column-count: 2;
   column-count:         2;
   -moz-column-gap: 10px;
   -webkit-column-gap: 10px;
   column-gap:10px;
   width: 94%;
   list-style: none;
}

ul.det_ul_2 li,
ul.det_ul_1 li {
   text-indent: -0.7em;
}

ul.det_ul_2 li:before,
ul.det_ul_1 li:before {
   content:"• ";
   color: #0060a7;
}


.rdcontainer {
   width:100%;
}

.rdcontainer.bottom {
}

ul.roomdist .name {
   display: inline-block;
   width: 50%;
}

.container3 {
   display: inline-block;
   width: 35%;
   vertical-align:top;
}

.container3 ul {
   -moz-column-count:    2;
   -webkit-column-count: 2;
   column-count:         2;
   -moz-column-gap: 0;
   -webkit-column-gap: 0;
   column-gap:0;
   margin: 0;
   padding: 0;
   width: 100%;
}

.container3 ul li:nth-child(even) {
   background-color: white;
}

.container3 ul li:nth-child(odd) {
   background-color: #e7e2d8;
}

.container3 ul li .name {
   position: relative;
   bottom: 3px;
}

.container3 ul.det_ul_1 {
   background-color: #e7e2d8;
   -moz-column-count:    1;
   -webkit-column-count: 1;
   column-count:         1;
   padding: 6%;
   width: 88%;
}

.container3 ul.det_ul_1 li:nth-child(even),
.container3 ul.det_ul_1 li:nth-child(odd){
   background-color: #e7e2d8;
}

.addinfo {
   position: absolute;
   top:30px;
   right: 15px;
   font-size: 18px;
   font-weight: bold;
   color: #0060a7;
   width:200px;
}

.addpcont {
}

.addpcont img {
   vertical-align: middle;
   margin-left: 5px;
}

.addpersons {
   position:relative;
}

.pcount {
   display: inline-block;
   font-size: 25px;
   font-weight: bold;
   position: absolute;
   right: 23px;
   bottom: -2px;
}

.section_header {
   color: #0060a7;
   font-size: 21px;
   font-weight: bold;
   margin-top: 2%;
   padding-top: 2px;
   text-align: center;
}

.back_footer {
   height: 36px;
   text-align: right;
   background-image: url('/fileadmin/templates/img/footer_bg.jpg');
   background-repeat: repeat-x;
   background-position: bottom;
   padding-right: 5px;
   padding-top: 2px;
   margin-top: 5px;
}

.back_footer img {
   margin-left: 3px;
   position: relative;
   top: 3px;
   vertical-align: baseline;
}

.back_footer a {
   text-decoration: none;
   color: #776754;
}

.brown_bg {
   background-color: #cbbba0;
}

#jumplist {
   border-top: 1px solid #0060A7;
   margin-bottom: 10px;
}

#jumplist ul {
   width: 100%;
   padding-top: 0;
}

#jumplist ul li {
   display: inline-block;
   width: 12%;
   padding: 5px;
   border-right: 1px solid #0060A7;
   text-align: center;
   font-size: 15px;
}

#jumplist a{
   text-decoration: none;
   color: white;
}

.mapcontainer {
   width: 565px;
   display: inline-block;
}

.righttext {
   display: inline-block;
   position: absolute;
   right: 0;
   vertical-align: top;
   width: 500px;
}

#thnContainer {
   background-color: #e7e2d8;
   padding: 1%;
}

#thnBox {
   background-color: white;
   width: 90%;
   margin:auto;
}

#thnBox img {
   margin: 5px;
}

/* --------------------- footer block at bottom of page ------------------------ */
div#fblock {
   bottom: 0;
   height: 92px;
   left:0;
   position: fixed ;
   width: 100%;
}

div#fblock .container {
   background-image: url('/fileadmin/templates/img/fblock_bg.jpg');
   background-repeat: repeat-x;
   height: 92px;
   margin:auto;
   width: 1240px;
   position: relative;
}

.fblock .fbicons {
   margin: auto ;
   padding-top: 5px;
   width: 1180px;
   position: absolute;
   left: 5%;
   bottom:10%;
}

.fbicons .imglink {
   float:left ;
   width: 48px;
   margin-right: 5px;
}

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

.fbicons .textlink {
   width: 70px;
}

.fbicons .widetext {
   width: 75px;
}

.fb_social{
   position:absolute;
   right: 5%;
}

/* --------------------- calendar styles ------------------------- */
.cal-table {
   float:left ;
   margin:5px;
   height: 130px;
   background-color:#f0f0f0;
   border-spacing: 0px ;
}
.cal-table-month {
   width: auto;
}

.cal-table-today  {
   border: 1px solid #333333 ;
}

.cal-table-day , .cal-table-day-past , .cal-table-today {
   color: #333333;
}

.cal-table .cal-free {
   background-color:#f0f0f0;
}

.cal-table .cal-table-day-past {
   background-color:#c0c0c0;
   cursor:default;
}


.cal-table-weekend, .cal-table-weekday {
   color:#F7670E;
}

.cal-table .cal-table-selected{
   background-color:#F7670E;
}

.cal-table td {
   background-color: #e0e0e0;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   width: 26px;
   cursor:pointer ;
}

.cal-table-day {
}


.cal-btn {
   position: relative;
   top: 3px;
   margin-right: 31px;
}

.cal-navi {
   text-align:right ;
   margin-top: 8px;
   margin-right:8px;
}

/* --------------------- tip block ------------------------------- */
.tipbox {
   width: 25%;
   display: inline-block;
   vertical-align: top;
}

.tipcontent {
   margin-right: 3%;
   margin-bottom: 5%;
}

.tipcontent .title {
   display: inline-block;
   position: absolute;
   right: 3px;
}

.tiptop {
   background-color: #e7e2d8;
   padding: 3px;
   position: relative;
}

.tipimage {
   position: relative;
}

.tipimage img {
   width: 100%;
}

.tipbottom {
   clear: both;
   background-color: #e7e2d8;
}

.tiplink {
   display: block;
   height: 25px;
   padding: 5px;
   position: relative;
}

.tipbody {
   padding: 5px;
   position: relative;
}

.tiplabel {
   display: block;
   margin-bottom:  5px;
   position: relative;
   width: 50%;
}

.tipnumber {
   border: 1px solid #776855;
   display: inline-block;
   position: absolute;
   right: 0;
   text-align: right;
   width: 20%;
}

.linkblock {
   width: 30px;
   float: right;
}

.labelblock {
   position: absolute;
   top: -3em;
   width: 100%;
}


#info_news {
   display: inline-block;
   width: 74%;
   float: right;
}

.news-list-item {
   clear: both;
   margin: auto;
   width: 92%;
   position: relative;
   padding-left: 4%;
}

.news-list-item a {
   color: #776855;
   display: block;
   margin-bottom: 10px;
   margin-top: 10px;
   text-decoration: none;
}

.news-list-item p a {
   color: #0060a7;
   display: inline-block;
   text-decoration: none;
   margin-top: 0;
}

.news-list-date {
   float:  none;
}

.news-list-container {
   width: 100%;
   padding:0;
}

.news-list-container img {
   max-width:240px;
   height: auto;
   margin-bottom: 10px;
}

.news-list-container HR.clearer {
   background-color: #e7e2d8;
   height: 4px;
   margin-bottom: 10px;
}

.news-top-bar {
   background-image: url("/fileadmin/templates/img/header_bg.jpg");
   background-repeat: repeat-x;
   height: 26px;
   margin-bottom: 10px;
}

.news-bottom-bar {
   background-image: url("/fileadmin/templates/img/footer_bg.jpg");
   background-position: center bottom;
   background-repeat: repeat-x;
   height: 36px;
}

.news-list-container img.newsSun{
   width: auto;
   height: auto;
   position: absolute;
   left:0px;
}

.csc-textpic:before, .csc-textpic:after {
   content: " ";
   display: block;
   height: 0;
   visibility: hidden;
}

.csc-textpic:after {
   clear: both;
}

.csc-textpic-imagewrap img {
   width: 25%;
   height: auto;
}

.csc-textpic-intext-right img {
   float: right;
   margin-left: 2%;
   margin-bottom: 2%;
}

.csc-textpic-intext-left img {
   float: left;
   margin-right: 2%;
   margin-bottom: 2%;
}

.finalblock .csc-textpic-imagewrap img {
   width: 100%;
   height: auto;
}
/* --------------------- form definitions ------------------------ */

.popupform {
   margin: 3%;
}

/* RFD */
.form2col{
   -moz-column-count:    2;
   -webkit-column-count: 2;
   column-count:         2;
   -moz-column-gap: 20px;
   -webkit-column-gap: 20px;
   column-gap:20px;
}

.formRequired,
.formOptional,
.formRequiredExtra{
   display: inline-block;
   height: 25px;
   position: relative;
   top: 5px;
   vertical-align: top;
   width: 150px;
}

.formRequiredExtra {
   font-weight: bold;
   font-size: 18px;
   width:250px;
}

.formAgb {
   font-weight: bold;
   font-size: 18px;
}

.formError {
   color:red;
   font-weight: bold;
}

.mseldesc {
   vertical-align: top;
   margin-left: 10px;
}

.mselect {
   min-width: 150px;
}

.formLine {
   display: block;
   max-width: 60%;
}

.formRequired:after {
   content: " *";
}

.formline {
   vertical-align: top;
}

.formspan {
   position: relative;
}

#inputform {
   border: none;
   background-color: #e7e2d8;
   padding: 20px;
}

#inputform select {
   margin-bottom: 5px;
}

#inputform input,
#sform input,
#inputform textarea
{
   border: medium none;
   margin-bottom: 4px;
   margin-right: 10px;
   padding: 2px;
   vertical-align: bottom;
}

#sform input.btn {
   background-color: #f39200;
   border-radius: 10px;
   color: #0060a7;
   font-weight: bold;
   width: 30%;
}

#dateBegin {
   display: none;
   position: relative;
}

#dateEnd {
   display: none;
   position: relative;
}

.btn-submit {
   background-color: #0060a7;
   color: white;
   display: block;
   margin: auto;
}

.bookingFrom {
   right: 0;
}

.fewo-cal {
   background-color: white;
   border: 1px solid black;
   left: 0;
   padding: 5px;
   position: absolute;
   top: 0;
   width: 770px;
   z-index: 10;
}

#rechner {
   position: relative;
}

#rechner .fewo-cal {
   left:0;
}

#pr-container {
   margin-top:10px;
   text-align: center;
}

#pr-info {
   display: inline-block;
   background-color: white;
   padding: 5px;
   color: #0060a7;
   min-width: 100px;
   font-weight: bold;
   font-size: 18px;
   margin: 20px auto 10px;
}

#pr-table {
   margin-top: 10px;
}

#pr-table table {
   margin-top: 5px;
}

#pr-table .tabbeschr,
#pr-table .tabtitel,
#pr-table .tabtiteltage{
   font-weight: bolder;
}

#pr-table table  tr td {
   padding: 2px 4px;
}

.cal-table{
   float: left;
   margin:5px;
}


#inputform input[type="radio"],
#sform input[type="radio"]{
   width: auto;
}

#inputform input[type="radio"],
#sform input[type="radio"] {
   display: none;
   left: 2px;
   position: absolute;
   top: 5px;
}

#sform input[type="checkbox"] {

}

.formcheck {
   height: 28px;
}

.formcheck input[type="checkbox"] {
   display: none;
}

.formcheck input[type="checkbox"] + label {
   background: rgba(0, 0, 0, 0) url("/fileadmin/templates/img/unchecked.png") no-repeat scroll left center;
}

.formcheck input[type="checkbox"]:checked + label {
   background: rgba(0, 0, 0, 0) url("/fileadmin/templates/img/checked.png") no-repeat scroll left center;
}


#inputform input[type="radio"] + label,
#inputform label + input[type="radio"] {
   margin: 0;
   padding: 6px 0 0 30px;
}

#inputform input[type="radio"] + label,
#inputform label + input[type="radio"],
#sform input[type="radio"] +label,
#sform label.optional + input[type="radio"]
{
   background: rgba(0, 0, 0, 0) url("/fileadmin/templates/img/unchecked.png") no-repeat scroll left center;
}

#inputform input[type="radio"]:checked + label.required,
#inputform label.optional + input[type="radio"]:checked,
#sform input[type="radio"]:checked + label,
#sform label.optional + input[type="radio"]:checked   {
   background: rgba(0, 0, 0, 0) url("/fileadmin/templates/img/checked.png") no-repeat scroll left center;
}

#sform label {
   display: inline-block;
   height: 20px;
   padding-left: 35px;
   padding-top: 7px;
   width: 80px;
}

#sform .criteria {
   display: inline-block;
   width: 33%;
   vertical-align: top;
}

/* ------------------------------- gallery detail page -------------------- */

#st_th_wrapper {
   height: 130px;
   background-color: #cbbba0;
   position: relative;
   margin-top: 10px;
}

#st_th_left, #st_th_right {
   display: inline-block;
   vertical-align: top;
   width: 3%;
   position: absolute;
}

#st_th_left img, #st_th_right img {
   margin-top: 44px;
   margin-left: 10px;
}

#st_th_right img {
   margin-left: 0;
   margin-right: 10px;
}

#st_th_right {
   right:0;
   text-align: right;
}

#st_wrapper {
   background-color: white;
   display: inline-block;
   height: 110px;
   margin: 5px;
   overflow: hidden;
   position: absolute;
   right: 3%;
   top: 5px;
   width: 92.5%;
}

#st_thumbs {
   height: 100px;
   padding: 5px;
   position: absolute;
}

#st_thumbs .imgbar {
   display: block;
   float: left;
   height: 100%;
   margin-left: 0.2%;
   margin-right: 0.2%;
}

#st_thumbs .imgbar img {
   height: 100%;
}

#st_preview {
   height: 576px;
}

.st_img {
   position: absolute;
}

#st_loading {
   background: #000 url("/fileadmin/templates/img/loader.gif") no-repeat scroll 10px 50%;
   box-shadow: 0 0 2px #000;
   color: white;
   height: 10%;
   left: 45%;
   margin: auto;
   opacity: 0.6;
   padding: 0.5%;
   position: absolute;
   text-align: right;
   top: 45%;
   width: 10%;
   z-index: 5;
   display: none;
}

.social_left {
   height:55px;
   width: 71px;
   display: inline-block;
   float: left;
   background: rgba(0, 0, 0, 0) url("/fileadmin/templates/img/fb_bar_left.png") no-repeat scroll 0 0;
}

.verticalsociallinks .facebook {
   background: rgba(0, 0, 0, 0) url("/fileadmin/templates/img/sr_button_fb.png") no-repeat scroll 0 0;
}

.verticalsociallinks .pinterest {
   background: rgba(0, 0, 0, 0) url("/fileadmin/templates/img/sr_button_pr.png") no-repeat scroll 0 0;
}

.verticalsociallinks .googleplus {
   background: rgba(0, 0, 0, 0) url("/fileadmin/templates/img/sr_button_gp.png") no-repeat scroll 0 0;
}

.verticalsociallinks .fa-facebook,
.verticalsociallinks .fa-pinterest-p,
.verticalsociallinks .fa-google-plus {
   display: inline-block;
   height: 55px;
   width: 71px;
}

.verticalsociallinks .shariff-button {
   display: block;
   height: 30px;
   width: 30px;
}


.verticalsociallinks .shariff ul li::before {
   content: "";
}

.facebook {
   background: rgba(0, 0, 0, 0) url("/fileadmin/templates/img/fb_bar_fb.png") no-repeat scroll 0 0;
}

.pinterest {
   background: rgba(0, 0, 0, 0) url("/fileadmin/templates/img/fb_bar_pi.png") no-repeat scroll 0 0;
}

.googleplus {
   background: rgba(0, 0, 0, 0) url("/fileadmin/templates/img/fb_bar_gp.png") no-repeat scroll 0 0;
}

.fb_social ul li, .social_wp, .shariff {
   display: inline-block;
   float: left;
}

.shariff-button {
   display: block;
   height: 55px;
   width: 71px;
}

.fa-facebook, .fa-pinterest-p, .fa-google-plus {
   display: inline-block;
   height: 55px;
   width: 71px;
}

.share_text, .share_count {
   display: none;
}

.shariff {
   margin:0;
}

.shariff ul {
   margin:0;
}

/* ----------------------- places ------------------------- */
.tx-fewo-places {
   margin-top: 10px;
}

.tx-fewo-places .list {
   width: 200px;
   height: 450px;
   overflow-y: scroll;
   display: inline-block;
}

.tx-fewo-places .map {
   display: inline-block;
   position: relative;
   width: 538px;
}

.tx-fewo-places .shortgal {
   position: absolute;
   right: 0;
   top: 0;
   width: 200px;
}

.tx-fewo-places .shortgal img {
   margin-bottom: 10px;
}

.tx-fewo-smask {
   background: rgba(0, 0, 0, 0) url("/fileadmin/templates/img/search_map.png") no-repeat scroll 75px 200px;
   background-color: #d8e5f2;
   position: absolute;
   width: 100%;
   height: 100%;
   top:0;
   left:0;
}

.tx-fewo-sform {
   margin: 25px;
}

.tx-fewo-sform .list-title {
   background: rgba(0, 0, 0, 0) url("/fileadmin/templates/img/title_bg.jpg") repeat-x scroll 0 0;
   margin-bottom: 0;
   height: auto;
   padding-left: 10px;
}

.tx-fewo-sform .sform {
   background-color: white;
   padding: 10px;
}

.tx-fewo-sform .list-bottom {
   background: rgba(0, 0, 0, 0) url("/fileadmin/templates/img/title_bg.jpg") repeat-x scroll 0 0;
}

#marker {
   position: absolute;
}

.line_gesamt {
   position: relative;
}

.faqblock {
   position: relative;
}

.faqblock h2 {
   font-size: 15px;
   margin: 10px;
   width: 55%;
}

.faqblock h2:hover {
   background-color: #e7e2d8;
}

.faqblock h2:hover + p {
   display: block;
}

.faqblock p{
   background-color: #e7e2d8;
   padding: 10px;
   width: 40%;
   position: absolute;
   right: 0;
   top: 0;
   display: none;
   height: 100%;
   font-size: 14px;
   overflow-y: auto;

}

.faqblock p.firstblock {
   display: inline-block;
   z-index: 0;
}

.mail_message {
   width: 80%;
   margin: auto;
   margin-top: 5%;
   padding: 2%;
}

.mail_message h3 {
   margin-bottom: 2%;
}

.mail_response {
   margin-bottom: 10px;
}

.sres_text {
   margin-bottom: 20px;
}

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

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

.plshortgal {
   width: 200px;
   float: right;
   margin-left: 20px;
}

@media print {
   #menubar, .headLogo2 , #lngNav, #st_th_wrapper, #st_loading, .header_bottom, #jumplist, #fblock,
   .optionblock, .back_footer, #pcalc, .addinfo {
      display:none;
   }

   #st_th_wrapper , #st_thumbs, #st_wrapper{
      height: 0;
      margin: 0;
      padding:0;
   }

   #header {
      height: auto;
   }

   #st_preview {
      height: auto;
   }

   .section_header {
      display: block;
   }

   .container1wide {
      width: 100%;

   }

   .container1wide p {
      -moz-column-count: 1;
      column-count: 1;
      width: 100%;
   }

   .description {
      width: 49%;
      float: left;
      vertical-align: top;
   }

   .rdcontainer {
      width: 49%;
      float: left;
      vertical-align: top;
   }

   .container3 {
      width: 100%;
   }

   .container3 ul li {
      width: 24%;
      float: left;
   }

   .rdcontainer.bottom {

   }
}