select:focus, select:active, input:focus, input:active, option:focus, option:active{outline:none;}

.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre {padding: 5px 20px 20px !important;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form{ padding-top: 20px; }
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre h1{font-size: 24px; padding-top: 20px; padding-bottom: 10px; margin: 0; width: 100%; vertical-align: middle; text-align: center; color: #fff; cursor: pointer;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre{width: 100%; max-width: 100%; }

.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form fieldset{padding: 10px 0; /*background-color: rgba(0,0,0,0.3);*/ }
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form label{color: #fff; font-weight: normal; font-size: 12px;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form .arrivaldate label, .tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form .departuredate label{display: block; width: 100%; float: left; text-align: left;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre .arrivaldate{width: 45%; float: left; background-color: rgba(255,255,255,0.1); position: relative;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre .departuredate{width: 45%; float: right; clear: right; background-color: rgba(255,255,255,0.1); position: relative;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form .arrivaldate select{display: none;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form .departuredate select{display: none;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form .adults{width: 100%; clear: both; margin-bottom: 0;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form #arrivalDayPretty{width: 50%; display: block; float: left; font-size: 30px; color: #fff; line-height: 30px;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form #arrivalMonthPretty{width: 50%; display: block; float: right; font-size: 13px; color: #fff; line-height: 13px;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form #arrivalYearPretty{width: 50%; display: block; float: right; font-size: 13px; color: #fff; line-height: 13px; paddin-bottom: 10px;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form .arrivalDatePicker img{display: none;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form .arrivalDatePicker a{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer;}

.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form #depDayPretty{width: 50%; display: block; float: left; font-size: 30px; color: #fff; line-height: 30px;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form #depMonthPretty{width: 50%; display: block; float: right; font-size: 13px; color: #fff; line-height: 13px;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form #depYearPretty{width: 50%; display: block; float: right; font-size: 13px; color: #fff; line-height: 13px;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form .departureDatePicker img{display: none;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form .departureDatePicker a{display: block; width: 100%; height: 100%; position: absolute; cursor: pointer; top: 0; left: 0;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form #adults, .tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form #children, .tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form #infants{height: 35px;border: 1px solid rgba(255,255,255,0.1); width: 100%; padding-left: 10px; color: #fff;background-color: rgba(255,255,255,0.1); background-image: url(../images/selectbg.png); background-repeat: no-repeat; background-position: top right;-moz-appearance: none; -webkit-appearance: none; appearance: none;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form .departuredate, .tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form .arrivaldate{padding-left: 10px; padding-right: 10px;}

.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form #arrDesc, .tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form #depDesc{font-size: 11px; color: #fff; border: 1px solid rgba(255,255,255,0.1); display: block; text-align: center; height: 20px; width: 90%; margin: 65px auto 0 auto; clear: both;}

.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form .button input[type=button]{width: 100%; border: 2px solid rgba(255,255,255,0.1); color: #fff; height: 54px; clear: both !important; color: #000000; font-size: 16px; background-color: #fff;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form .button {clear: both;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form .children{width: 49%;float: left; margin-bottom: 0;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form .infants{width: 49%;float: right; margin-bottom: 0; clear: right;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form select option{color: #fff; background-color: inherit;border: 2px solid rgba(255,255,255,0.1);}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form select option:hover{background-color: rgba(255,255,255,0.1);}

.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre {padding: 5px 20px 20px !important;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form{ padding-top: 20px; }
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre h1{font-size: 24px; padding-top: 20px; padding-bottom: 10px; margin: 0; width: 100%; vertical-align: middle; text-align: center; color: #fff; cursor: pointer;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre{width: 100%; max-width: 100%; }

.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form fieldset{padding: 10px 0; /*background-color: rgba(0,0,0,0.3);*/ }
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form label{color: #fff; font-weight: normal; font-size: 12px;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form .arrivaldate label, .tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form .departuredate label{display: block; width: 100%; float: left; text-align: left;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre .arrivaldate{width: 45%; float: left; background-color: rgba(255,255,255,0.1); position: relative;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre .departuredate{width: 45%; float: right; clear: right; background-color: rgba(255,255,255,0.1); position: relative;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form .arrivaldate select{display: none;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form .departuredate select{display: none;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form .adults{width: 100%; clear: both; margin-bottom: 0;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form #arrivalDayPretty{width: 50%; display: block; float: left; font-size: 30px; color: #fff; line-height: 30px;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form #arrivalMonthPretty{width: 50%; display: block; float: right; font-size: 13px; color: #fff; line-height: 13px;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form #arrivalYearPretty{width: 50%; display: block; float: right; font-size: 13px; color: #fff; line-height: 13px; paddin-bottom: 10px;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form .arrivalDatePicker img{display: none;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form .arrivalDatePicker a{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer;}

.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form #depDayPretty{width: 50%; display: block; float: left; font-size: 30px; color: #fff; line-height: 30px;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form #depMonthPretty{width: 50%; display: block; float: right; font-size: 13px; color: #fff; line-height: 13px;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form #depYearPretty{width: 50%; display: block; float: right; font-size: 13px; color: #fff; line-height: 13px;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form .departureDatePicker img{display: none;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form .departureDatePicker a{display: block; width: 100%; height: 100%; position: absolute; cursor: pointer; top: 0; left: 0;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form #adults, .tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form #children, .tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form #infants{height: 35px;border: 1px solid rgba(255,255,255,0.1); width: 100%; padding-left: 10px; color: #fff;background-color: rgba(255,255,255,0.1); background-image: url(../images/selectbg.png); background-repeat: no-repeat; background-position: top right;-moz-appearance: none; -webkit-appearance: none; appearance: none;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form .departuredate, .tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form .arrivaldate{padding-left: 10px; padding-right: 10px;}

.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form #arrDesc, .tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form #depDesc{font-size: 11px; color: #fff; border: 1px solid rgba(255,255,255,0.1); display: block; text-align: center; height: 20px; width: 90%; margin: 65px auto 0 auto; clear: both;}

.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form .button input[type=button]{width: 100%; border: 2px solid rgba(255,255,255,0.1); color: #fff; height: 54px; clear: both !important; color: #000000; font-size: 16px; background-color: #fff;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form .button {clear: both;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form .children{width: 49%;float: left; margin-bottom: 0;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form .infants{width: 49%;float: right; margin-bottom: 0; clear: right;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form select option{color: #fff; background-color: inherit;border: 2px solid rgba(255,255,255,0.1);}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form select option:hover{background-color: rgba(255,255,255,0.1);}


/* PI11 */
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre {padding: 5px 20px 20px !important;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form{ padding-top: 20px; }
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre h1{font-size: 24px; padding-top: 20px; padding-bottom: 10px; margin: 0; width: 100%; vertical-align: middle; text-align: center; color: #fff; cursor: pointer;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre{width: 100%; max-width: 100%; }

.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form fieldset{padding: 10px 0; /*background-color: rgba(0,0,0,0.3);*/ }
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form label{color: #fff; font-weight: normal; font-size: 12px;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form .arrivaldate label, .tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form .departuredate label{display: block; width: 100%; float: left; text-align: left;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre .arrivaldate{width: 45%; float: left; background-color: rgba(255,255,255,0.1); position: relative;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre .departuredate{width: 45%; float: right; clear: right; background-color: rgba(255,255,255,0.1); position: relative;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form .arrivaldate select{display: none;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form .departuredate select{display: none;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form .adults{width: 100%; clear: both; margin-bottom: 0;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form #arrivalDayPretty{width: 50%; display: block; float: left; font-size: 30px; color: #fff; line-height: 30px;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form #arrivalMonthPretty{width: 50%; display: block; float: right; font-size: 13px; color: #fff; line-height: 13px;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form #arrivalYearPretty{width: 50%; display: block; float: right; font-size: 13px; color: #fff; line-height: 13px; paddin-bottom: 10px;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form .arrivalDatePicker img{display: none;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form .arrivalDatePicker a{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer;}

.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form #depDayPretty{width: 50%; display: block; float: left; font-size: 30px; color: #fff; line-height: 30px;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form #depMonthPretty{width: 50%; display: block; float: right; font-size: 13px; color: #fff; line-height: 13px;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form #depYearPretty{width: 50%; display: block; float: right; font-size: 13px; color: #fff; line-height: 13px;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form .departureDatePicker img{display: none;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form .departureDatePicker a{display: block; width: 100%; height: 100%; position: absolute; cursor: pointer; top: 0; left: 0;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form #adults, .tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form #children, .tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form #infants{height: 35px;border: 1px solid rgba(255,255,255,0.1); width: 100%; padding-left: 10px; color: #fff;background-color: rgba(255,255,255,0.1); background-image: url(../images/selectbg.png); background-repeat: no-repeat; background-position: top right;-moz-appearance: none; -webkit-appearance: none; appearance: none;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form .departuredate, .tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form .arrivaldate{padding-left: 10px; padding-right: 10px;}

.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form #arrDesc, .tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form #depDesc{font-size: 11px; color: #fff; border: 1px solid rgba(255,255,255,0.1); display: block; text-align: center; height: 20px; width: 90%; margin: 65px auto 0 auto; clear: both;}

.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form .button input[type=button]{width: 100%; border: 2px solid rgba(255,255,255,0.1); color: #fff; height: 54px; clear: both !important; color: #000000; font-size: 16px; background-color: #fff;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form .button {clear: both;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form .children{width: 49%;float: left; margin-bottom: 0;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form .infants{width: 49%;float: right; margin-bottom: 0; clear: right;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form select option{color: #fff; background-color: inherit;border: 2px solid rgba(255,255,255,0.1);}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form select option:hover{background-color: rgba(255,255,255,0.1);}


@media (max-width: 768px) {
 .tx-idefahotelbooking-pi1 .bookingFormKort_hoejre{width: 100%; max-width: 100%; position: static; height: auto; background-color: #fff; clear: both;padding-top: 25px; padding-bottom: 20px;}
 .tx-idefahotelbooking-pi1 .bookingFormKort_hoejre h1{font-size: 20px; width: 251px; height: 40px;margin: 0; vertical-align: middle;  text-align: center; color: #fff; text-transform: uppercase; cursor: pointer; margin-left: auto; margin-right: auto; width: 90%;}
.navbar-wrapper .container{margin: 0; padding: 0;}
.small-logo{margin-left: 10px;}
.tx-idefahotelbooking-pi1 .bookingFormKort_hoejre form{width: 90%; margin: 0 auto;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre{width: 100%; max-width: 100%; position: static; height: auto; background-color: #fff; clear: both;padding-top: 25px; padding-bottom: 20px;}
 .tx-idefahotelbooking-pi10 .bookingFormKort_hoejre h1{font-size: 20px; width: 251px; height: 40px;margin: 0; vertical-align: middle;  text-align: center; color: #fff; text-transform: uppercase; cursor: pointer; margin-left: auto; margin-right: auto; width: 90%;}
.tx-idefahotelbooking-pi10 .bookingFormKort_hoejre form{width: 90%; margin: 0 auto;}

.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre{width: 100%; max-width: 100%; position: static; height: auto; background-color: #fff; clear: both;padding-top: 25px; padding-bottom: 20px;}
 .tx-idefahotelbooking-pi11 .bookingFormKort_hoejre h1{font-size: 20px; width: 251px; height: 40px;margin: 0; vertical-align: middle;  text-align: center; color: #fff; text-transform: uppercase; cursor: pointer; margin-left: auto; margin-right: auto; width: 90%;}
.tx-idefahotelbooking-pi11 .bookingFormKort_hoejre form{width: 90%; margin: 0 auto;}
}


.barcaBooking.bookingFormKort_hoejre{

}

.barcaBooking.bookingFormKort_hoejre select{
    height: 35px;
    border: 1px solid rgba(255,255,255,0.1);
    width: 100%;
    padding-left: 10px;
    background-color: rgba(255,255,255,0.1);
    background-image: url(/typo3conf/ext/barcelona_theme/Resources/Public/images/selectbg.png);
    background-repeat: no-repeat;
    background-position: top right;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.barcaBooking.bookingFormKort_hoejre select option{
    color: #333 !important;
}

.barcaBooking.bookingFormKort_hoejre .ageInput{
    height: 35px;
    border: 1px solid rgba(255,255,255,0.1);
    background-color: rgba(255,255,255,0.1);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.barcaBooking.bookingFormKort_hoejre .normalinput{
    height: 35px;
    border: 1px solid rgba(255,255,255,0.1);
    background-color: rgba(255,255,255,0.1);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    padding-left: 10px;
}