/* Navigation [START] */


.content_row {
    margin-right: 0;
}

@media(max-width:768px){
    .content {
        padding-left: 10px !important;
        padding-right: 5px !important;
    }

    .breadcrumb_inner {
        padding-left: 5px !important;
    }

}

@media(min-width:768px){
    .content {
        padding-left: 0px !important;
    }

    .breadcrumb_inner {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 10px;
    }
}
.sidebar_block_title {
    background: none;
    text-transform: none;
    text-indent: 0;
    border-bottom: 3px solid #f98300;
    margin-bottom: 10px;
}
li.level_1
{
    background: none;
    padding-left: 0;
    padding-bottom: 8px !important;
}
@-moz-document url-prefix() {
    li.level_1
    {
        padding-bottom: 0px !important;
    }
}

li.level_1 a
{
    background:url(https://cdn.aohostels.com/img/house/aohostels-check-inactive.png) 0 3px no-repeat;
    line-height:140%;
    padding-left:20px;
    height:22px;
}

li.level_1.active {
    padding-bottom: 0px !important;
}


li.level_1.active a {
    background: url(https://cdn.aohostels.com/img/house/aohostels-check-active.png) 0 3px no-repeat;
    line-height: 140%;
    padding-left: 20px;
}

li.level_2.orange a {
    background:url(https://cdn.aohostels.com/img/house/aohostels-check-inactive.png) 0 3px no-repeat;
    line-height: 140%;
    padding-left: 20px;
    height: 22px;
    color: #014a87;
}

li.level_2.orange.active a{
    background: url(https://cdn.aohostels.com/img/house/aohostels-check-active.png) 0 3px no-repeat;
    line-height: 140%;
    padding-left: 20px;
    height: 22px;
    color: #e26902 !important;
}

ul.house_ul {
    list-style-type: none;
    padding-left: 20px;
}

.zahlung_left_title {
    background: none;
    text-transform: none;
    text-indent: 0;
    border-bottom: 3px solid #f98300;
    margin-bottom: 10px;
    color: #014a87;
    line-height: 37px;
    height: 37px;
    padding: 0;
    margin-top: 5px;
}
/* Navigation [END] */

/* Content [Start] */
/* Überschrift + Bewertung [Start] */

@media(max-width:768px){
    .titles h1 {
        font-size: 29px;
        color: #014a87;
        font-weight: 700;
        margin-top: 0;
    }

    div#collapse-tabs-0 {
        padding-top: 20px;
    }

    .panel-default > .panel-heading {
        background-color: rgb(0, 102, 179);
        color: #fff;
    }

    .panel-default > .panel-heading p {
        padding-top: 5px;
        margin-bottom: 5px;
    }
    .panel-default > .panel-heading a.accordion-toggle {
        text-decoration: underline;
    }
}

@media(min-width:768px){
    .titles h1 {
        font-size: 29px;
        color: #014a87;
        line-height: 0;
        font-weight: 700;
    }
}



.house_distance {
    font-size: 12px;
    color: #014a87;
    padding-top:5px;
}

.house_distance a {
    font-size: 12px;
    font-weight: 700;
}
.rating {
    padding-left: 0;
    text-align: right;
}
.rating_stars_off {
    width: 125px;
    height: 25px;
    margin-left: -35px !important;
    background: url(https://cdn.aohostels.com/img/house/meinung_stars_off.png) left top no-repeat;
    float: left;
    margin-top: 6px;
}


.rating_stars_on {
    height: 25px;
    background: url(https://cdn.aohostels.com/img/house/meinung_stars_on.gif) left top no-repeat;
}

.rating_text {
    line-height: 28px;
    font-size: 16px;
    color: #014a87;
    font-weight: 700;
    vertical-align: top;
    margin-left: 10px;
    margin-top: 6px;
}
/* Überschrift + Bewertung [END] */

/* Bildergallerie [START] */
.gallery {
    max-width: 314px;
}

#salzburg-text {
    position: absolute;
    z-index: 100;
    color: #fff;
    top: 197px;
    left: 25px;
}

.detail_left {
    padding-top: 10px;
}

div#myCarousel {
    padding-top: 10px;
    padding-left: 0px;
}

@media(max-width:768px){
    div#myCarousel {
        max-width: 290px;
        padding-right: 15px;
    }
}

@media(min-width:992px){
    div#myCarousel {
        padding-right: 0px;
    }
}

@media(max-width:992px){
    div#myCarousel {
        /*padding-right: 30px;*/
    }
}

/*.carousel-inner {*/
/*width: 89%;*/
/*}*/
a.left.carousel-control {
    margin-top: 10px;
    width: 10px;
    background-image: none;
}




a.right.carousel-control {
    margin-top: 10px;
    width: 10px;
    background-image: none;
}

@media(min-width:992px){
    a.right.carousel-control {
        right: 85px;
    }
}

@media(min-width:768px) and (max-width:992px){
    a.right.carousel-control {
        right: 70px;
    }
}

#video {
    display:none;
}

.booking_boxes {
    padding-left: 0;
}
.hostel_box_header {
    background-color: #ef7800;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
}

.hostel_box_content{
    border: 2px solid #ef7800;
    color: #014a87;
    text-align: center;
    padding: 5px 5px 0 5px;
    margin-bottom: 10px;
}

.hostel_box_content span {
    font-size:35px;
    color:#ef7800;
}

.detail_box_orange_txt1 {
    font-size: 12px;
    color: #004a87;
    line-height: 140%;
    background: url(https://cdn.aohostels.com/img/house/aohostels-mehrbettzimmer-icon.png) 12px 1px no-repeat;
    padding-left: 40px;
    font-weight: 700;
    height: 30px;
}

.detail_box_orange_price, .detail_box_blue_price {
    margin-bottom: 0;
}
.hotel_box_header {
    background-color: #0059a9;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
}

.hotel_box_content{
    border: 2px solid #0059a9;
    color: #014a87;
    text-align: center;
    padding: 5px 5px 0 5px;
}

.hotel_box_content span {
    font-size:35px;
    color:#ef7800;
}

.detail_box_blue_txt1 {
    font-size: 12px;
    color: #004a87;
    line-height: 140%;
    background: url(https://cdn.aohostels.com/img/house/aohostels-personen1-icon.png) 12px 1px no-repeat;
    padding-left: 40px;
    font-weight: 700;
    margin: 0px;
}

.detail_box_blue_txt2 {
    font-size: 12px;
    color: #004a87;
    line-height: 140%;
    background: url(https://cdn.aohostels.com/img/house/aohostels-personen2-icon.png) 6px 1px no-repeat;
    padding-left: 40px;
    font-weight: 700;
    margin: 0px;
}
.detail_box_blue_txt3 {
    font-size: 12px;
    color: #004a87;
    line-height: 140%;
    background: url(https://cdn.aohostels.com/img/house/aohostels-personen3-icon.png) 1px 1px no-repeat;
    padding-left: 40px;
    font-weight: 700;
    margin: 0px;
}
/* Bildergallerie [END] */

/* Buchungsformular [START] */
.cl_tripBg {
    padding: 10px 20px;
    background: #dbe4f6;
    height: 205px;
    text-align: left;
    margin-bottom: 10px;
}
/* Buchungsformular [END] */
@media(min-width:992px){
    .detail_right {
        padding-top: 10px;
        padding-left: 0px;
        margin-left: -40px;
        width: 55%;
    }
}

@media(max-width:992px){
    .detail_right {
        padding-top: 20px;
        padding-left: 15px;
        margin-left: 0px;
        width: 100%;
    }
}

.detail_right_left {
    padding-left: 0;
    padding-bottom: 10px;
}

.detail_right_left_bestprice {
    margin-left: -10px;
    margin-right: 10px;
    padding-left: 0;
    padding-bottom: 10px;
}

.detail_right_right {
    padding-right: 0;
    padding-bottom: 10px;
}

.cl_headline {
    font-size: 14px !important;
    color: #014a87 !important;
    line-height: 24px !important;
    font-family: 'Arial', sans-serif;
    margin: 0 !important;
    font-weight: 700;
}

.cl_inputKalender {
    z-index: 11;
    position: relative;
    border: 1px solid #c5c9d9;
    font-size: 13px !important;
    color: #0b4c88 !important;
    line-height: 33px !important;
    height: 35px;
    width: 100%;
    padding-left: 10px;
    border-radius: 5px;
    font-family: 'Arial', sans-serif;
    background: url(https://cdn.aohostels.com/img/house/aohostels-kalender-icon.png) 145px center no-repeat #fff;
    background-position: right 10px center;
    margin: 0;
    cursor: pointer;
    font-family: 'Arial', sans-serif;
    text-align: left;
}

.cl_inputKalender.input_error {
    color: #f98300 !important;
}

.arrival_select {
    display: inline-block;
    font-size: 13px;
    color: #0b4c88;
    border: 1px solid #c5c9d9;
    border-radius: 5px;
    line-height: 33px;
    height: 35px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance:none;
    background: url(https://cdn.aohostels.com/img/house/aohostels-select-icon.png) no-repeat right #fff;
    background-position: right 10px center;
}

.cl_subline {
    font-size: 11px !important;
    color: #014a87 !important;
    line-height: 24px !important;
    font-family: 'Arial', sans-serif;
    margin: 0 !important;
}

.bestprice_text {
    font-size: 11px;
    color: #014a87;
    line-height: 120%;
    text-align: right;
    margin: 6px 0 0 0;
    padding-right: 0;
}

.bestprice {
    font-size: 28px;
    color: #014a87;
    line-height: 100%;
    text-align: right;
    font-weight: 700;
    margin: 5px 0 0 0;
    padding: 0;
}

.btn_check {
    float: right;
    display: block;
    text-align: center;
    width: 185px;
    height: 35px;
    color: #fff;
    font-size: 14px !important;
    background: url(https://cdn.aohostels.com/img/house/aohostels-cta-bg.png) left top no-repeat;
    font-family: 'Arial', sans-serif;
    cursor: pointer;
    margin: 0;
    border: 0;
    border-radius: 5px;
}

.btn_check:hover, .cl_cta:hover {
    background-position: 0 -35px !important;
}
.btn_disabled {
    float: right;
    display: block;
    text-align: center;
    width: 200px;
    height: 35px;
    color: #fff;
    font-size: 14px !important;
    background: url(https://cdn.aohostels.com/img/house/aohostels-cta-bg-grey.png) left top no-repeat;
    font-family: 'Arial', sans-serif;
    cursor: pointer;
    margin-bottom: 25px;
    border: 0;
    border-radius: 5px;
}
.facts {
    padding-left: 0px;
}

ul.facts_ul {
    list-style-type: none;
    padding-left: 30px;
}

li.facts_li {
    background: url(https://cdn.aohostels.com/img/house/aohostels-check_green.png) no-repeat;
    font-size: 12px;
    color: #004a87;
    line-height: 140%;
    padding-left: 25px;
    margin-bottom: 5px;
}

/* CL Select per Div*/
.cl_selecttext_27042015 {
    display: inline-block;
    font-size: 13px;
    color: #0b4c88;
    line-height: 33px;
    width: 80%;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
}

.cl_designselect_27042015 {
    position: relative;
    display: inline-block;
    height: 35px;
    width: 100%;
    border: 1px solid #c5c9d9;
    border-radius: 5px;
    cursor: pointer;
    text-align: left;
    background: #fff;
    z-index: 8;
}

.cl_selecticon_27042015 {
    background: url(https://cdn.aohostels.com/img/house/aohostels-select-icon.png) no-repeat right #fff;
    position: absolute;
    top: 12px;
    right: 8px;
    width: 12px;
    height: 9px;
}

.cl_selectlist_27042015 {
    display: none;
    background: #fff;
    border: 1px solid #c5c9d9;
    padding: 0;
    position: absolute;
    top: 59px;
    left: 0;
    width: 92%;
    margin: 0;
    list-style-type: none;
    text-align: left;
    z-index: 9;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
    border-radius: 0 0 5px 5px;
}

.cl_selectlist_27042015 li {
    font-size: 13px;
    color: #0b4c88;
    line-height: 140%;
    padding: 5px 5px 5px 10px;
}

.cl_selectlist_27042015 li:hover {
    background: #adadad;
    color: #0b4c88;
    cursor: pointer;
}

.selectlist_rooms {
    margin-top: -24px;
    margin-left: 10px;
    max-height:140px;
    width: 300px;
}
#cl_selectlist2 {
    left: 15px;
    width: 91.5%;
}

#cl_selectlist3 {
    width: 96%;
}

#cl_selectlist4 {
    top: 35px;
    width: 88%;
}

#cl_ladeBox {
    position: relative;
    height: 200px;
    text-align: center;
}

#cl_ladeBox img {
    position: absolute;
    top: 50%;
    margin-top: -16px;
}
#cl_groupCta {
    width: 200px;
    float: none;
    display: inline-block;
    text-decoration: none;
    height: 35px;
    line-height: 35px !important;
    color: #fff;
    font-size: 14px !important;
    background: url(https://cdn.aohostels.com/img/house/aohostels-cta-bg.png) left top no-repeat;
    font-family: 'Arial', sans-serif;
    margin: 0;
    border: 0;
    border-radius: 5px;
}
/* Kalender [START] */
.cl_tripBox{position:relative;width:380px;margin-bottom:10px;}
#cl_tripBox2{width:720px;margin-bottom:0px;}
.cl_beginBox{float:left;width:175px;}
#cl_beginBox2{width:130px;margin-right:6px;}
.cl_endBox{float:right;width:175px;}
#cl_endBox2{float:left;width:130px;margin-right:6px;}
.cl_headline{font-size:14px !important;color:#014a87 !important;line-height:24px !important;font-family:'Arial', sans-serif;margin:0 !important;font-weight:700;}
.cl_subline{
    font-size:11px !important;
    color:#014a87 !important;
    line-height:24px !important;
    font-family:'Arial', sans-serif;
    margin:0 !important;
    font-weight:normal !important;
}
.cl_inputKalender{
    z-index:11;
    position:relative;
    border:1px solid #c5c9d9;
    font-size:13px !important;
    color:#0b4c88 !important;
    line-height:33px !important;
    height:35px;
    width:100%;
    padding-left:10px;
    border-radius:5px;
    font-family:'Arial', sans-serif;

    margin:0;
    cursor:pointer;
    font-family:'Arial', sans-serif;
}
.cl_inputKalender.error{color: #f98300 !important;}

@media(min-width:992px){
    .cl_kalender{
        position:absolute;
        top:80px;
        left:20px;
        width:381px;
        display:none;
        z-index:99;
    }

    #cl_kalenderbegin2, #cl_kalenderend2 {
        left:0px;
        top: 65px;
    }
}
@media(max-width:992px){
    .cl_kalender{
        position:absolute;
        top: 95px;
        left: 35px;
        width:381px;
        display:none;
        z-index:99;
    }
}
#cl_kalenderend2{left:137px;}
.cl_kalenderBG {
    display:inline-block;
    width:368px;
    position:relative;
    background:#fff;
    border-radius:5px;
    border:1px solid #c5c9d9;
}
@media(max-width:400px){
    .cl_kalenderBG {
        width:83%;
    }
}
.cl_kalenderBG:after, .cl_kalenderBG:before{
    bottom:100%;
    left:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
}
.cl_kalenderBG:after{
    border-color:rgba(255, 255, 255, 0);
    border-bottom-color:#fff;
    border-width:10px;
    margin-left:-10px;
}
.cl_kalenderBG:before{
    border-color:rgba(197, 201, 217, 0);
    border-bottom-color:#c5c9d9;
    border-width:11px;
    margin-left:-11px;
}
.cl_kalenderbegin .cl_kalenderBG:after, .cl_kalenderbegin .cl_kalenderBG:before{left:23%;}
.cl_kalenderend .cl_kalenderBG:after, .cl_kalenderend .cl_kalenderBG:before{left:77%;}
#cl_kalenderbegin2 .cl_kalenderBG:after, #cl_kalenderbegin2 .cl_kalenderBG:before{left:18%;}
#cl_kalenderend2 .cl_kalenderBG:after, #cl_kalenderend2 .cl_kalenderBG:before{left:18%;}
@media(min-width:992px){
    .cl_kalender table{border-spacing:0;float:left;border-right:1px solid #c5c9d9 !important;text-align:center;width:50% !important;}

}
.cl_kalender table#cl_kalenderTable2{border-right:0 !important;}
.cl_kalender td{text-align:center;width:25px;font-family:'Arial',sans-serif;line-height:25px;color:#adadad;font-size:11px;padding:1px;}
.cl_kalender thead th{line-height:25px !important;color:#014c87 !important;font-size:13px !important;font-family:'Arial',sans-serif !important;width:25px !important;text-align:center !important;vertical-align:middle !important;}
#cl_theadLeft, #cl_theadRight{cursor:pointer;}
#cl_headNumbers td{
    background:#0b4c88;
    color:#fff;
    font-size:11px;
    line-height:27px;
    font-weight:700;
    font-family:'Arial',sans-serif;
    cursor:default;
}
.cl_kalender td.cl_available{color:#0b4c88;cursor:pointer;}
.cl_kalender td.cl_notAvailable{color:#0b4c88;}
.cl_kalender td.cl_available:hover{background:#3d81d0;color:#fff;}
.cl_kalender td.cl_activeB, .cl_kalender td.cl_activeE{background:#0b4c88;color:#fff;}
.cl_kalender td.cl_diffDays{background:#dbe4f6;color:#0b4c88;}
.cl_kalenderOverlay{position:fixed;width:100%;height:100%;top:0;left:0;z-index:9;display:none;}

::-webkit-input-placeholder { color:#0b4c88; }
::-moz-placeholder { color:#0b4c88; } /* firefox 19+ */
:-ms-input-placeholder { color:#0b4c88; } /* ie */
input:-moz-placeholder { color:#0b4c88; }
/* Kalender [END] */

/* TAB Allgemein [START] */
.tab-content {
    padding-top: 20px;
    color: #014a87;
}
.house-tabs li {
    margin-bottom: -10px;
}
.house-tabs li a {
    border: 0px;
    line-height: 140%;
    color: #004b81;
    margin-right: 2px;
    border-radius: 4px 4px 0 0;
    position: relative;
    display: block;
    padding-top: 10px;
    padding-bottom: 0;
}

@media(max-width:992px){
    .house-tabs li a {
        padding-right: 0px;
    }
}

@media(min-width:992px){
    .house-tabs li a {
        padding-right: 15px;
    }
}

.house-tabs p {
    font-size: 16px;
    font-weight:600;
}

.house-tabs > li.active > a, .house-tabs > li.active > a:hover, .house-tabs > li.active > a:focus {
    border: 0px;
    font-size: 16px;
    line-height: 133%;
    color: #004b81;
}

.house-tabs li.active a p {
    border-bottom: 4px solid #f98300;
}

.house-tabs li.active > a> p {
    border-bottom: 4px solid #f98300;
    padding-bottom: 10px;
    margin-top: -3px;
}

.nav > li > a:hover, .nav > li > a:focus {
    background: none;
}
#cl_tabsFirst a{
    padding-left: 0 !important;
}

/* TAB Allgemein [END] */

/* TAB1 [START]*/
.services{
	line-height: 12px;
}
@media (min-width: 425px){
	.services{
		line-height: 23px;
	}
}
.services {
    width: 50%;
    height: 23px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #000;
}
@media (min-width:600px){
    .services {
        width: 33.3%;
    }
}
.services:before{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.service_text {
    padding-left: 30px;
    vertical-align: middle;
    display: inline-block;
}
.tab1_right {
    padding-left: 0;
    padding-bottom: 20px;
}
@media(min-width:992px){
    .tab1_right_house {
        padding: 0;
    }
    .tab1_right_house_details {
        padding: 0;
    }
}

@media(max-width:992px){
    .tab1_right_house {
        padding-left: 15px;
    }
    .tab1_right_house_details {
        padding-left: 15px;
    }
}

table.distance {
    margin-top: 20px;
}

table.distance th {
    width: 90px;
    padding-bottom: 10px;
}

td.distance_location {
    width: 90px;
    padding-left: 15px;
    padding-bottom: 10px;
    background: url(https://cdn.aohostels.com/img/house/aohostels-standort-icon.png) no-repeat;
}

td.distance_km {
    width: 60px;
    text-align: right;
    padding-bottom: 10px;
}

.description {
    padding: 25px 0 0 0;
}
.description h3 {
    font-size: 12px;
    font-weight: 600;
}
.hausseite_checkout_in {
    float: left;
    margin-right: 20px;
}

.hausseite_checkout_out {
    float: left;
}

.hausseite_checkout_weekend {
    float: right;
}

.meinung_left {
    padding: 0;
    margin-bottom: 10px;
}

.meinung_stars_off {
    width: 125px;
    height: 25px;
    background: url(https://cdn.aohostels.com/img/house/meinung_stars_off.png) left top no-repeat;
    float: left;
    margin-right: 9px;
}

.meinung_stars_on {
    height: 25px;
    background: url(https://cdn.aohostels.com/img/house/meinung_stars_on.gif) left top no-repeat;
}

.meinung_count, .meinung_landing_count {
    height: 25px;
    line-height: 25px;
    font-size: 24px;
    color: #005caa;
    float: left;
    width: 50px;
}

.meinung_dots {
    background: url(https://cdn.aohostels.com/img/master/dots.gif) left bottom repeat-x;
}

.meinung_content {
    padding-left: 0;
    padding-bottom: 20px;
}
.meinung_content a {
    font-size: 12px;
    color: #005caa;
    font-weight: 700;
    text-decoration: none;
}

.mention_message {
    padding-top: 5px;
}

.hide_mentions {
    display:none;
}

#link_to_hide a {
    font-size: 12px;
    color: #0b4c88;
    line-height: 140%;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 700;
}

div#link_to_hide {
    padding-left: 0;
}

.mention_headline h2 {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 20px;
    color: #014a87 !important;
}

.specialty {
    border-top: 3px solid #f98300;
    margin-top: 20px;
    padding: 0;
}
.specialty h3 {
    font-size: 12px;
    font-weight: 600;
}
/* TAB1 [END]*/

/* TAB2 [START] */
div#tabs-2 {
    overflow: hidden;
}

div#tabs-2 h5 {
    font-size: 12px;
    font-weight: 700;
    color: #005caa;
    margin-bottom: 5px;
}

.detail_map_outer {
    margin-bottom: 30px;
}

#map-canvas {
    height: 500px;
    width: 750px;
    margin: 0px;
    padding: 0px;
}
/* TAB2 [END] */

/* TAB3 [START] */
h5.h5_uppercase {
    font-size: 12px;
    font-weight: 700;
    color: #005caa;
    margin-bottom: 20px;
    text-transform: uppercase;
}
/* TAB3 [END] */

/* Buchugnsformular (unten) [START] */
.col-md-12.bookingform {
    background: #dbe4f6;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-top: 20px;
}

@media(min-width:992px){
    .form_elements {
        width: 136px;
        padding-left: 0px;
        padding-right: 5px;
    }
}

@media(max-width:992px){
    .form_elements {
        padding-left: 0px;
        padding-right: 5px;
    }
}


.last_form_element {
    width: 300px;
}

select#arrival2 {
    width: 95px;
}

.form_element_children {
    padding-left: 0;
}

.form_element_children_label {
    padding-left: 0;
}

.form_element_button {
    padding-right: 0;
}

/* Buchugnsformular (unten) [END] */

/* Ergebnis [START] */
#result {
    border-bottom: 1px solid #c5c9d9;
    padding: 0;
}

.cat_content {
    margin-left: 0;
}

.filter_cat {
    margin-right: 0;
    padding-right: 0;
    padding-bottom: 45px;
    border-bottom: 1px solid #c5c9d9;
}

.filter_cat.last {
    border-bottom: 0;
    padding-bottom: 0;
}

span.labelFilter {
    font-weight: bold;
}

span.labelFilter:hover {
    cursor: pointer;
}

.availability_div {
    padding-left: 15px;
    border-right: 1px solid #c5c9d9;
    padding-right: 0;

}

.availability_inner_div {
    padding-right: 15px;
}

.cl_groupBox {
    background: #edf1fa;
    padding: 90px 40px;
    text-align: center;
    position: relative;
}

.cl_groupBox span {
    background: url(https://cdn.aohostels.com/img/house/aohostels-arrow.png) no-repeat;
    width: 89px;
    height: 74px;
    position: absolute;
    top: 30px;
    left: 75px;
}

@media(min-width:992px){
    .cl_groupBox span {
        background: url(https://cdn.aohostels.com/img/house/aohostels-arrow.png) no-repeat;
        width: 89px;
        height: 74px;
        position: absolute;
        top: 30px;
        left: 75px;
    }
}

@media(max-width:992px){
    .cl_groupBox span {
        background: none;
    }
}

#error_box {
    display:none;
    border-bottom-width: 0px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(197, 201, 217);
}

#cl_groupHeadline {
    font-size: 18px !important;
    color: #014a87 !important;
    line-height: 140% !important;
    margin-bottom: 10px !important;
    font-weight: 700 !important;
}



.cl_roomHeadline, .cl_roomHeadline_first {
    font-size: 18px;
    color: #014a87 !important;
    line-height: 120%;
    margin-bottom: 2px;
    font-weight: 700;
    margin-top: 25px;
    margin-left: -15px;
}

.cl_roomHeadline span, .cl_roomHeadline_first span {
    padding-left: 15px;
}
.filter {
    background: #edf1fa;
    padding: 15px 0 10px 0;
    font-family: 'Arial',sans-serif;
    font-size: 14px;
    color: #014a87;
    line-height: 20px;
    float: left;
    margin: 0 20px 0 0;
}
.filter_checkbox {
    font-size: 12px;
    color: #0b4c88;
    line-height: 22px;
    float: left;
    margin: 0 25px 0 0;
    padding:0;
}

.checkbox_filter {
    cursor: pointer;
}
.form-group {
    margin: 0;
}

.form_header_col {
    padding-left: 0;
}
.form_header_col.price {
    margin-left: -5px;
}

.form_header {
    background: #0066b3;
    padding: 5px 15px;
    font-family: 'Arial',sans-serif;
    font-size: 14px !important;
    color: #fff !important;
    line-height: 140% !important;
    float: left;
    font-weight: 700;
}



.form_header_inner {
    padding-left: 0;
}

.cl_available1{font-weight: 700;color:#0f7d00 !important;}
.cl_available2{font-weight: 700;color:#e26902 !important;}
.cl_available3{font-weight: 700;color:#ce4103 !important;}

.cl_roomDescriptionHeadline {
    font-size: 16px;
    color: #014a87 !important;
    line-height: 120%;
    font-weight: 700;
    margin: 0;
}

.cl_icon.cl_infoIcon {
    background: url(https://cdn.aohostels.com/img/house/aohostels-information-icon-blue.png) no-repeat;
    background-size: 12px;
    cursor: pointer;
}
.cl_discountIcon {
    background: url(https://cdn.aohostels.com/img/house/Icon_Fragezeichen.png) no-repeat !important;
    padding-right: 2px;
}
.cl_roomDescriptionSubline {
    font-size: 12px;
    color: #014a87 !important;
    line-height: 140%;
    margin: 0;
    padding-bottom: 3px;
}

.cl_fixBox {
    float: right;
    border-bottom: 1px solid #c5c9d9;
    margin-bottom: 3px;
    padding-left: 0;
}

.cl_flexBox {
    float: right;
    margin-bottom: 5px;
    padding-left: 0;
}

.cl_fixBox_inner, .cl_flexBox_inner {
    padding: 0;
}

.cl_fixContent {
    top:-25px;
    left:62px;
    z-index:15;
    position: absolute
}
.cl_fixContent div {
    width:165px;
}
.cl_flexContent {
    top:-30px;
    left:80px;
    z-index:15;
    position: absolute
}
.cl_flexContent div {
    width:190px;
}

.cl_discountContent {
    top: 10px;
    left: 564px;
    z-index: 15;
    position: absolute;
}
.cl_discountContent div {
    width:165px;
}
.cl_flexContent div p, .cl_fixContent div p, .cl_discountContent div p{
    margin-bottom:5px;
}

p.cl_iconInfoHeadline {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}

.cl_hover div {
    position: relative;
    background: #fff;
    border: 1px solid #c5c9d9;
    padding: 10px 5px 10px 15px;
    border-radius: 5px;
    z-index: 10;
}

.cl_hover div:after, .cl_hover div:before {
    right: 100%;
    top: 21%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.cl_hover div:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 10px;
    margin-top: -10px;
}
.cl_hover div:before {
    border-color: rgba(197, 201, 217, 0);
    border-right-color: #c5c9d9;
    border-width: 11px;
    margin-top: -11px;
}

.cl_hoverLeft div {
    padding: 10px 5px 10px 15px;
}
.cl_hover div ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.cl_hover div p {
    font-size: 12px;
    color: #014a87 !important;
    line-height: 140%;
    margin: 0;
}



.cl_hover div ul li {
    background: url(https://cdn.aohostels.com/img/house/aohostels-kalender-check.png) 0 4px no-repeat;
    padding-left: 15px;
    font-size: 12px;
    color: #014a87 !important;
    line-height: 140%;
    margin: 0;
}

li.kronen {
    background: url(https://cdn.aohostels.com/img/kc.png) 0 4px no-repeat !important;
}

.cl_breakfastContent{
    bottom: -105px;
    left: 15px;
    position: absolute;
}
.cl_hoverTop div{
    width:145px;position:relative;background:#fff;border:1px solid #c5c9d9;padding:10px 5px 10px 15px;border-radius:5px;z-index:10;}
.cl_hoverTop div:after, .cl_hoverTop div:before{
    bottom: 100%;
    left: 26%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.cl_hoverTop div:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
.cl_hoverTop div:before {
    border-color: rgba(197, 201, 217, 0);
    border-bottom-color: #c5c9d9;
    border-width: 11px;
    margin-left: -11px;
}

.cl_hoverTop div p {
    font-size: 12px;
    color: #014a87 !important;
    line-height: 140%;
    margin: 0;
}

.cl_detailsContent {
    top: 35px;
    right: -100px;
    position: absolute;
}

.cl_hoverTopRight div{
    width:280px;position:relative;background:#fff;border:1px solid #c5c9d9;padding:10px 5px 10px 15px;border-radius:5px;z-index:10;}
.cl_hoverTopRight div:after, .cl_hoverTopRight div:before{
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.cl_hoverTopRight div:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
.cl_hoverTopRight div:before {
    border-color: rgba(197, 201, 217, 0);
    border-bottom-color: #c5c9d9;
    border-width: 11px;
    margin-left: -11px;
}

.cl_hoverTopRight div p {
    font-size: 12px;
    color: #014a87 !important;
    line-height: 140%;
    margin: 0;
}
.cl_rommDetailLink {
    font-size: 12px;
    color: #014a87 !important;
    line-height: 23px;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    float: right;
    display: inline-block;
    margin: 0;
    padding-right: 5px;
}

.lowest-price {
    font-size: 20px;
    color: #014a87 !important;
    line-height: 120%;
    margin: 10px 0 0 0;
    font-weight: 700;
    padding: 0;
    text-align: right;
    padding-right: 10px;
}

.select_cat {
    padding: 0;
    padding-left: 10px;
    margin-top: 5px;
}
.sel_cat {
    display: inline-block;
    font-size: 13px;
    color: #0b4c88;
    border: 1px solid #c5c9d9;
    border-radius: 5px;
    height: 35px;
    width: 100%;
    padding-left: 10px;
    padding-right: 25px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(https://cdn.aohostels.com/img/house/aohostels-select-icon.png) no-repeat right #fff;
    background-position: right 10px center;
}

.last_cat {
    padding-bottom: 25px;
}

/* Ergebnis [END] */

/* Ergebnis der Kategorieauswahl [START] */
.cl_ctaHeadline {
    font-size: 14px;
    color: #014a87 !important;
    line-height: 140%;
    margin-bottom: 5px;
}

#cl_roomCtaBox {
    padding-left: 8px;
}

#cl_roomCtaBox .cl_ctaSubline {
    font-size: 12px;
    color: #014a87 !important;
    margin-bottom: 10px;
}
#cl_roomCtaBox .cl_ctaCheckHeadline {
    font-size: 12px;
    color: #014a87 !important;
    line-height: 140%;
    margin-bottom: 5px;
}
#cl_roomCtaBox #cl_ctaCheckHeadline2 {
    margin-top: 25px;
}

#cl_roomCtaBox .cl_ctaChecklist {
    list-style-type: none;
    margin-bottom: 10px;
    padding-left: 0;
}

#cl_roomCtaBox .cl_ctaChecklist li {
    background: url(https://cdn.aohostels.com/img/house/aohostels-kalender-check.png) 0 4px no-repeat;
    padding-left: 15px;
    font-size: 12px;
    color: #014a87 !important;
    line-height: 140%;
    margin-bottom: 4px;
}

.cl_ctaPrice {
    font-size: 32px;
    color: #014a87 !important;
    line-height: 120%;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
}

.cl_ctaPriceSubline {
    font-size: 11px;
    color: #014a87 !important;
    line-height: 140%;
    margin-bottom: 10px;
    text-align: center;
}

.cl_ctaInfoTxt {
    background: url(https://cdn.aohostels.com/img/house/aohostels-information-icon-orange.png) 0 1px no-repeat;
    padding-left: 18px;
    font-size: 11px;
    color: #e26902 !important;
    line-height: 120%;
    margin-bottom: 8px;
    margin-top: -5px;
    font-weight: 700;
    padding-top: 2px;
}

.cl_ctaDesc {
    width: 180px;
    text-align: center;
    font-size: 11px;
    color: #587ba3 !important;
    line-height: 140%;
    margin-bottom: 25px;
    margin-top: 55px;
}
.btn_res {
    width: 100%;
}

.btn_res:hover{
    color: #fff;
}
/* Ergebnis der Kategorieauswahl [END] */

/* Bestprice-Popup*/
#cl_mainoverlaybox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
}

#cl_overlaycontentbox {
    width: 840px;
    height: 490px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -420px;
    margin-top: -245px;
    z-index: 41;
    border-radius: 10px;
    background: url(https://cdn.aohostels.com/img/house/aohostels-overlay-bg.png) #fff no-repeat;
}

#cl_overlay {
    background: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0.8;
    z-index: 40;
    cursor: pointer;
}

#cl_overlayDescHeadline {
    font-size: 20px;
    color: #ff782a;
    line-height: 120%;
    margin-bottom: 15px;
}

.cl_closeOverlay {
    background: url(https://cdn.aohostels.com/img/house/aohostels-overlay-close-icon.png) right top no-repeat !important;
    position: absolute;
    right: 10px;
    text-align: right;
    font-size: 14px !important;
    color: #034982;
    line-height: 15px;
    padding-right: 20px;
    background: url(https://cdn.aohostels.com/img/house/aohostels-overlay-bg.png) top right no-repeat;
    cursor: pointer;
}
#cl_closeOverlay1 {
    top: 15px;
}
#cl_closeOverlay2 {
    bottom: 25px;
}
#cl_overlayDesc {
    margin-left: 30px;
    float: left;
}

#cl_overlayquote {
    float: right;
    font-size: 20px;
    color: #034982;
    margin-right: 30px;
}
input.btn.btn_disabled.btn_res {
    cursor: auto !important;
}

.bestprice_header_de {
    background: url(https://cdn.aohostels.com/img/house/Bestpreis_DE.png) no-repeat;
    background-position-x: 30px;
    height: 100px;
}

.bestprice_header_en {
    background: url(https://cdn.aohostels.com/img/house/Bestpreis_ENG.png) no-repeat;
    background-position-x: 30px;
    height: 100px;
}

.bestprice_header_nl {
    background: url(https://cdn.aohostels.com/img/house/Bestpreis_NL.png) no-repeat;
    background-position-x: 30px;
    height: 100px;
}
.bestprice_header_text {
    background-color: #ff782a;
    with: 200px;
    width: 442px;
    font-size: 22px;
    color: #fff;
    position: absolute;
    top: 38px;
    left: 50px;
    z-index: -1;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
    padding-right: 15px;
    text-shadow: 0px -2px #e84e25;
}

@media(max-width:768px){
    .btool_down {
        position: fixed;
        bottom: 0;
        background-color: #ff782a;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        color: #fff;
        font-size: 18px;
        margin: 0;
        width: 100%;

    }
}

@media(min-width:768px) and (max-width:992px){
    .btool_down {
        position: fixed;
        bottom: 0;
        background-color: #ff782a;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        color: #fff;
        font-size: 18px;
        width: 100%;
        margin: 0;
    }

}
#cl_scrollBox {
    position: inherit;
    top: 20px;
    padding-bottom: 20px;
}

.tooltip > .tooltip-inner {
    background-color: #fff;
    color: #014a87;
    border: 1px solid #c5c9d9;
    font-size: 12px;
}
/* Tooltip on top */
.tooltip.top > .tooltip-arrow {
    border-top: 5px solid #c5c9d9;
}
/* Content [END] */

/*START address-picker */
.btn-group-form {
    color: #fff;
    background-color: #f78200;
    border-color: #f78200;
}
.btn-group-form:focus,
.btn-group-form.focus {
    color: #fff;
    background-color: #f78101;
    border-color: #f78101;
}
.btn-group-form:hover {
    color: #fff;
    background-color: #f76200;
    border-color: #f76200;
}
.btn-group-form:active,
.btn-group-form.active,
.btn-group-form.disabled,
.btn-group-form[disabled],
fieldset[disabled] .btn-group-form,
.btn-group-form.disabled:hover,
.btn-group-form[disabled]:hover,
fieldset[disabled] .btn-group-form:hover,
.btn-group-form.disabled:focus,
.btn-group-form[disabled]:focus,
fieldset[disabled] .btn-group-form:focus,
.btn-group-form.disabled.focus,
.btn-group-form[disabled].focus,
fieldset[disabled] .btn-group-form.focus,
.btn-group-form.disabled:active,
.btn-group-form[disabled]:active,
fieldset[disabled] .btn-group-form:active,
.btn-group-form.disabled.active,
.btn-group-form[disabled].active,
fieldset[disabled] .btn-group-form.active {
    background-color: #f78101;
    border-color: #f78101;
    color: #fff;
}

/*START address-picker*/

span.twitter-typeahead, span.tt-dropdown-menu {
    width: 100% !important;
}


.typeahead, .tt-query, .tt-hint {
    font-size: 14px;
    width: 100%;
}
.typeahead {
    background-color: #FFFFFF;
}
.typeahead:focus {
    border: 2px solid #0097CF;
}
.tt-input {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    font-size: 14px;
    /*font-weight: bolder;*/
}
.tt-hint {
    color: #999999;
    opacity: 0.9;
    font-size: 14px;

}
.tt-dropdown-menu {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin-top: 5px;
    padding: 8px 0;
    width: 422px;
    font-size: 15px;
}
.tt-suggestion {
    line-height: 24px;
    padding: 3px 20px;
}
.tt-suggestion.tt-cursor {
    background-color: #0097CF;
    color: #FFFFFF;

}
.tt-suggestion p {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}
.tt-dropdown-menu, .gist {
    text-align: left;
    font-size: 12px;
}

/*END address-picker*/

#hotdate{position:relative;border:1px solid #a9a9a9;border-radius:5px;background:#fcffd9;margin:10px 0 20px 0;padding:10px;}
#hotdate_close{background:url("https://cdn.aohostels.com/img/house/aohostel-overlay-close.png");width:25px;height:24px;display:block;position:absolute;right:5px;top:6px;cursor:pointer;}
#hotdate_left{float:left;}
#hotdate_left p{font-size:18px;line-height:120%;color:#267d00;background:url("https://cdn.aohostels.com/img/house/aohostel-hotdates-small.png") 0 6px no-repeat;text-align:center;margin:0;padding-left: 35px;margin-right: 15px;}
#hotdate_right{float:left;width:50%;}
#hotdate_event_name{font-weight:700;}
#hotdate_right p{margin:0;font-size:13px;line-height:140%;}
@media (max-width:350px){
    #hotdate_right{
        width: 100%;
    }
}


/* ÄNDERUNGEN 20.05.2016 START */
.clear{clear:both;}
.cl_cta_box{text-align:center;margin:20px 0;}
.cl_cta{background:url('https://www.aohostels.com/images/cl/20160520-hausseite-einzelbuchung/cta-bg.jpg') repeat-x;height:35px;width:100%;color:#fff;font-size:14px;line-height:35px;cursor:pointer;max-width:250px;text-align:center;border-radius:5px;display:inline-block;margin:0;}
.cl_cta:hover{background-position:0 -35px;}
.cat_content{clear:both;}
@media (min-width: 768px){
    .detail_right{padding-top:10px;padding-left:0px;margin-left:-40px;width:55%;}
    .form_elements{padding-left:0px;padding-right:5px;}
}
@media only screen and (max-width: 992px){
    #cl_kalenderbegin2, #cl_kalenderend2{left: 0px;top: 65px;}
    #cl_kalenderend2{left: 137px;}
    .content_row{margin-left:0;}
    .cl_groupBox span{background: url(https://cdn.aohostels.com/img/house/aohostels-arrow.png) no-repeat;}
}
@media only screen and ( max-width: 767px){
    #cl_roomCtaBox{display:none;}
}
@media only screen and (max-width: 767px){
    .cl_groupBox span{background:none;}
    .content {padding:0px !important;}
    .content_row{padding:0 5px;}
    .cat_content{margin-right:-5px;margin-left:-5px;}
    div#collapse-tabs-0{padding-top:0px;}
    .hausseite_checkout_weekend{float:left;}
    .hausseite_checkout_out{margin-right:20px;}
    .last_form_element{width:50%;}
    .col-md-12.bookingform{background:none;padding:0;}
    .col-md-12.bookingform form{background:#dbe4f6;padding:15px 25px 10px 25px;margin:0 -10px;border-top:1px solid #c7cfdf;}
    .form_elements{margin-bottom:15px;padding-right:20px;}
    .form_element_children{padding-right:20px;}
    .mobile-btn{text-align:center;}
    .mobile-btn .btn_check{float:none;display:inline-block;margin:5px 0 10px 0;background:url(https://www.aohostels.com/images/cl/hausseite-responsive/cta-bg.jpg) repeat-x;width:260px;}
    #result .filter{background:none;margin:0;padding:0;}
    #result .filter-content{margin:0 -10px;background:#edf1fa;padding:15px;border-bottom:1px solid #c7cfdf;}
    .form-horizontal .form-group{margin:0;width:50%;float:left;padding-right:15px;padding-left:15px;}
    .filter_checkbox{margin-top:6px;}
    .filter_checkbox .form-group.second-form-group{padding-left:0;}
    .form_element_button {
        padding-left: 50px;
    }
    #cl_roomCtaBox{display:none;}
    .availability_div_group{padding-left:10px;padding-right:10px;border-right:0;}

    .availability_div{padding-left:0;}
    .pic-responsive-content{margin-top:20px;margin-bottom:15px;}
    .pic-responsive-content_group{margin-top:20px;margin-bottom:15px;padding-right:0;}
    .img-responsive{width:100%;}
    .cl_roomHeadline{line-height:140%;margin:0 0 5px -5px;}
    .cl_roomHeadline_first{margin-top:0;margin-left:-5px;}
    .cl_available1{padding-left:10px;font-size:14px;}
    .cl_rommDetailLink{float:none;display:block;text-align:right;font-size:14px;margin-bottom:2px;}
    .cl_detailsContent{right:15px;top:25px;}
    .filter_cat{padding-bottom:0;}
    .cl_hoverTopRight div:after, .cl_hoverTopRight div:before{left:90%;}
    .cat_icons{text-align:right;margin-top:2px;position:relative;}
    .cl_breakfastContent{left:inherit;bottom:inherit;right:15px;top:50px;text-align:left;}
    .cl_hoverTop div:after, .cl_hoverTop div:before{left:90%;}
    .cl_hoverTop.withDiscount div:after, .cl_hoverTop.withDiscount div:before {left:58%}
    .cl_hoverTop.Discount div:after, .cl_hoverTop.Discount div:before {left:85%}
    .cl_fixBox, .cl_flexBox{float:left;padding-left:25px;border:0;margin-top:10px;}
    .cl_roomDescriptionHeadline{font-size:18px;line-height:35px;}
    .cl_roomDescriptionSubline{margin-left:-15px;margin-right:-15px;font-size:14px;}
    .lowest-price{font-size:26px;line-height:35px;margin-top:0;}
    .select_cat{margin-top:0;}
    .cl_fixBox .cl_roomDescriptionSubline{border-bottom:1px solid #c5c9d9;padding-bottom:18px;margin-bottom:5px;margin-top:18px;}
    .cl_flexBox .cl_roomDescriptionSubline{margin-top:18px;margin-bottom:10px;}
    .cl_roomDescriptionSubline br{display:none;}
    .cl_icon.cl_infoIcon{background:url(https://www.aohostels.com/images/cl/hausseite-responsive/info-icon-big.png) no-repeat;background-size:100%;width:23px;height:23px;display:inline-block;vertical-align:top;margin:5px 0 0 5px;}
    .cl_fixContent{top:-15px;left:66px;}
    .cl_flexContent{top:-22px;left:85px;}
    #result{border-bottom:0;margin-bottom:10px;}
    .cl_groupBox{padding:15px 15px 25px 15px;background:#fff;border-bottom:1px solid #c7cfdf;margin-left:-5px;margin-right:-5px;}
    #cl_groupHeadline{font-size:14px !important;display:inline-block;background:url(https://www.aohostels.com/images/cl/hausseite-responsive/reisezeitraum-arrow-small.png) no-repeat;padding: 0;}
    span.labelFilter{font-weight:400;font-size:14px;display:inline-block;margin-left:5px;}
    #result .filter-content{padding:15px 10px;}

    #cl_mobile_nextstep{position:fixed;top:0;left:0;z-index:12;background:#eef1fb;padding:0;}
    .cl_interactive_ctas{padding:20px;}
    .cl_backTo{position:relative;margin-left:20px;font-size:12px;color:#014a87;line-height:35px;text-decoration:underline;cursor:pointer;display:inline-block;float:left;font-weight:700;}
    .cl_backTo:before{content:"";background:url(https://www.aohostels.com/images/cl/hausseite-responsive/arrow-back-to.png) no-repeat;width:9px;height:13px;position:absolute;top:11px;left:-20px;}
    .cl_next_cta_box{float:right;width:190px;}
    .cl_next_cta_box .btn_check{float:none;line-height:140% !important;}
    .cl_next_cta_box p{font-size:11px;color:#014a87;line-height:140%;margin:5px 0 0 0;}
    #cl_mobile_result{background:#fff;border-top:1px solid #c7cfdf;border-bottom:1px solid #c7cfdf;padding:25px 20px 20px 20px;}
    .cl_ctaSubline{font-size:14px;color:#014a87;line-height:140%;margin-bottom:15px;}
    .cl_ctaCheckHeadline{font-size:14px;color:#014a87;line-height:140%;font-weight:700;margin-bottom:5px;}
    .cl_ctaChecklist{list-style-type:none;margin-bottom:10px;padding-left:0;}
    .cl_ctaChecklist li{background:url(https://www.aohostels.com/images/cl/hausseite-responsive/mobile-check.png) 0 4px no-repeat;padding-left:18px;font-size:14px;color:#014a87 !important;line-height:140%;margin-bottom:4px;}
    .cl_ctaPriceBox{border-top:1px solid #c7cfdf;padding-top:15px;margin-top:25px;}
    .cl_ctaPriceSubline{margin-bottom:0;}
    .bodycontainer{display:none;}
  /*  body{background:#eef1fb;}*/

}
@media only screen and (max-width: 399px){
    .col-md-12.bookingform form{padding:10px;}
    .first_form_elements, .third_form_elements{padding-right:10px; padding-left: 10px}
    .second_form_elements, .last_form_element{padding-right:0px;padding-left:10px;}
    .last_form_element .form_element_children_label{padding-left:15px;}
    .last_form_element .form_element_children{padding-left:15px;padding-right:15px;}
    .cl_roomDescriptionHeadline{font-size:16px;}
    .lowest-price{font-size:24px;}
    .availability_div{padding-left:0px;padding-right:0px;}
    #result .filter-content{padding:15px 0;}
    .cl_next_cta_box{width:150px;}
    .cl_next_cta_box br{display:none;}
}


@media (max-width: 768px) {
    .last_form_element{width:50%;}
}


.clear{clear:both;}
.cl_newChoicebox{width:100%;}
.anz_less, .anz_less_gbt{display:inline-block;width:33%;border:1px solid #0066b3;border-radius:5px 0 0 5px;text-align:center;background:#0066b3;color:#fff;height:35px;line-height:33px;float:left;font-size:28px;cursor:pointer;position:relative;}
.anz_less:before,.anz_less_gbt:before{content:"";background:url(https://www.aohostels.com/images/cl/hausseite-responsive/minus-icon.png) no-repeat;width:12px;height:2px;position:absolute;top:50%;left:50%;margin-left:-6px;margin-top:-1px;}
.input_choice{display:inline-block;width:34%;border:1px solid #c5c9d9;border-left-color:#fff;border-right-color:#fff;text-align:center;background:#fff;color:#014a87;height:35px;line-height:33px;font-size:14px;float:left;}
.input_choice:focus{outline:none;}
.anz_more, .anz_more_gbt{display:inline-block;width:33%;border:1px solid #0066b3;border-radius:0 5px 5px 0;text-align:center;background:#0066b3;color:#fff;height:35px;line-height:33px;float:left;font-size:28px;cursor:pointer;position:relative;}
.anz_more:before, .anz_more_gbt:before{content:"";background:url(https://www.aohostels.com/images/cl/hausseite-responsive/plus-icon.png) no-repeat;width:12px;height:12px;position:absolute;top:50%;left:50%;margin-left:-6px;margin-top:-6px;}
.cl_dutyText{font-size:11px;color:#014a87;line-height:120%;margin:5px 0 0 0;text-align:center;}
.col-md-12.bookingform{padding-bottom:10px;}
.form_elements, .detail_right_left, .detail_right_right, .form_element_children_label, .cl_col_adult, .cl_col_children{text-align:center;}
.booking_xs .btn_check{margin-top:24px;}
.cl_headline{height:25px;}
.cl_headline span{font-size:11px;font-weight:400;}
.cl_col_adult{padding-right:8px;}
.cl_col_children{padding-left:8px;}
.form_header_group{padding:10px 15px;margin-top:20px;}
.form_header_inner{padding:0;}
.form_header_inner_right{text-align:right;font-weight:400;}
.filter_cat{margin-top:45px;}
.pic-responsive-content_group{padding:0;width:200px;}
.availability_inner_div_group{margin-top:-3px;width:360px;}
.cl_roomHeadline{margin-top:0;}
.cl_roomSubline{font-size:12px;color:#014a87;line-height:140%;margin-bottom:15px;}
.lowest-price_group{margin-top:-5px;font-size:24px;padding-right:15px;}
.cl_breakfastContent{bottom:-95px;}
.form_element_content{margin-top:-3px;}
.form_element_headline{font-size:14px;color:#014a87;line-height:35px;margin-top:20px;text-align:right;font-weight:700;padding-right:0;}
.cl_anz_free_beth{font-size:11px;color:#014a87;line-height:140%;margin-bottom:5px;text-align:center;font-weight:700;}
.anz_person{
    border:0;
    cursor:default;
    background:#aaaaaa;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    *background: #aaaaaa;
    background: #aaaaaa\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFc0c0c0, endColorstr=#FFaaaaaa);
    background-image: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#c0c0c0),
            to(#aaaaaa)
    );
    background-image: -webkit-linear-gradient(
            top,
            #c0c0c0,
            #aaaaaa
    );
    background-image: -moz-linear-gradient(
            top,
            #c0c0c0,
            #aaaaaa
    );
    background-image: -o-linear-gradient(
            top,
            #c0c0c0,
            #aaaaaa
    );
    background-image: linear-gradient(
            top,
            #c0c0c0,
            #aaaaaa
    );
}
.anz_person.active{
    cursor:pointer;
    background: #e37213;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    *background: #e37213;
    background: #e37213\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFf4a845, endColorstr=#FFe37213);
    background-image: -webkit-gradient(
            linear,
            left top, left bottom,
            from(#f4a845),
            to(#e37213)
    );
    background-image: -webkit-linear-gradient(
            top,
            #f4a845,
            #e37213
    );
    background-image: -moz-linear-gradient(
            top,
            #f4a845,
            #e37213
    );
    background-image: -o-linear-gradient(
            top,
            #f4a845,
            #e37213
    );
    background-image: linear-gradient(
            top,
            #f4a845,
            #e37213
    );
}
#cl_roomCtaBox{padding-left:15px;}
.cl_ctaHeadline{font-size:18px;}
.cl_ctaCheckHeadline{line-height:150%;border-bottom:1px solid #c5c9d9;padding-bottom:5px;margin-bottom:5px;}
.cl_ctaCheckPrice{font-size:16px;color:#014a87;line-height:140%;text-align:right;font-weight:700;padding-right:10px;}
.cl_free_beth{border:1px solid #c5c9d9;background:#f5f5f5;padding:5px;margin-bottom:15px;margin-top:10px;}
.cl_free_beth_place{font-size:12px;color:#014a87;display:inline-block;float:left;margin-bottom:5px;font-weight:700;margin-top:4px;}
.cl_free_beth_price{font-size:16px;color:#3c763d;line-height:140%;display:inline-block;float:right;margin-bottom:5px;font-weight:700;}
.cl_free_beth_desc{font-size:12px;color:#014a87;line-height:140%;margin:0;}
.btn_disabled, .btn_check{margin-bottom:5px;}
.cl_ctaDesc{text-align:left;margin:0 0 25px 0;}
#cl_roomCtaBox #cl_ctaCheckHeadline2{border:0;}
@media only screen and (max-width: 767px){
    .cl_col_adult{padding-right:5px;}
    .cl_col_children{padding-left:10px;padding-right:10px;}
    .col-md-12.bookingform{padding-bottom:0;background:none;padding:0;}
    .col-md-12.bookingform form{background:#dbe4f6;padding:15px 5px 10px 20px;margin:0 -5px;border-top:1px solid #c7cfdf;}
    #bookingFormStep1 .form_elements{margin-bottom:10px;padding-right:15px;}
    #bookingFormStep1 .first_form_elements{padding-right:10px;}
    #bookingFormStep1 .second_form_elements, .form_element_children_label{padding-left:10px;}
    .form_element_children{padding:0 15px 0 10px;}
    .pic-responsive-content_group{width:100%;padding:0 20px;margin-top:0;margin-bottom:20px;}
    .cat_content{border-bottom:1px solid #c5c9d9;}
    .filter_cat{margin:20px -10px 0 -10px;}
    .availability_inner_div{width:100%;padding:0 20px;margin-bottom:20px;}
    .cl_roomHeadline{margin-left:0;margin-bottom:0;}
    .cl_roomHeadline span{padding-left:0;}
    .cat_icons{text-align:left;}
    .form_element_content{margin-top:-23px;}
    .cl_breakfastContent{right:inherit;top:40px;}
    .cl_hoverTop div:after, .cl_hoverTop div:before{left:25%;}
    .availability_div{height:100% !important;}
    #cl_scroll_mobile{width:100%;z-index:9;}
    .form_header{margin-top:0;float:none;}
    .form_header_inner_right{text-align:center;margin-bottom:0;}
    .cat_content{position:relative;}
    .cl_ctaCheckBox{border-bottom:1px solid #c5c9d9;margin:0 0 10px 0;padding-bottom:10px;}
    .cl_ctaCheckBox > div{padding:0;}
    .cl_ctaCheckBoxLast{border:0;}
    .cl_ctaHeadline{font-size:14px;margin-bottom:10px;}
    .cl_ctaCheckHeadline{font-weight:400;border:0;margin-bottom:0;padding:0;}
    .cl_ctaCheckPrice{margin-top:20px;margin-bottom:0;}
    .cl_free_beth{margin-top:0;padding:10px;}
    .cl_free_beth_place{font-size:14px;float:none;display:block;}
    .cl_free_beth_desc{font-size:14px;}
    .cl_free_beth_desc br{display:none;}
    .cl_free_beth_price{text-align:right;float:none;display:block;}
    .cl_free_beth_price span{font-size:12px;}
    .cl_ctaPriceBox{text-align:right;margin-top:20px;}
    .cl_ctaPriceBox div{display:inline-block;text-align:center;}
}

/* Andre */
#btool_down {
    display:none;
}
.newWidth{
    width: 100%!important;
    float: none!important;
}
@media(min-width: 769px) {
    #cl_roomCtaBox{display:block !important;}
}
/*@media(max-width:768px){*/
/*.cl_kalender {*/
/*position: absolute;*/
/*top: 85px;*/
/*width: 300px;*/
/*display: none;*/
/*z-index: 11;*/
/*}*/


/*}*/

@media only screen and (max-width: 767px) {
    .reservierung_start{margin-bottom:20px;padding-bottom:20px;}
    .reservierung_start_inner{padding-top:0;}
    #step1_start_inner{text-align:center;}
    #cl_buchungstoolBox{width:320px;text-align:left;display:inline-block;}
    #cl_destinationBox{margin-bottom:20px;}
    #cl_destinationSelect{width:300px;height:35px;font-size:16px;margin-left:20px;font-family:'Arial', sans-serif;}
    #cl_tripPartnerBox{width:320px;margin-bottom:20px;}
    #cl_adultBox{float:left;width:135px;margin-left:20px;}
    #cl_adultSelect, #cl_childSelect{width:100%;height:35px;font-size:16px;font-family:'Arial', sans-serif;}
    #cl_childBox{float:right;width:135px;}
    .cl_dutytxt{font-size:13px;color:#004583;line-height:140%;margin:0;font-family:'Arial', sans-serif;text-align:right;margin-top:5px;}
    #cl_cta{
        display:block;
        text-align:left;
        width:292px;
        height:35px;
        line-height:35px;
        color:#fff;
        font-size:14px;
        font-weight:700;
        padding-left:30px;
        margin:0 0 0 20px;
        background:url(https://www.aohostels.com/images/cl/buchugstool-step1-mobile-201503/images/aohostels-cta-bg.png) left top no-repeat;
        border-radius:5px;
        font-family:'Arial', sans-serif;
        cursor:pointer;
    }
    #cl_cta:hover{background-position:0 -35px;}
    /* KALENDER */
    #cl_tripBox{width:320px;position:relative;margin-bottom:20px;}
    #cl_beginBox{float:left;width:135px;margin-left:20px;}
    #cl_endBox{float:right;width:135px;}
    .cl_headline{font-size:16px;color:#004684;line-height:140%;margin-bottom:2px;font-family:'Arial', sans-serif;margin-top:0;}
    .cl_subline{font-size:15px;color:#004583;line-height:140%;margin-bottom:2px;font-family:'Arial', sans-serif;margin-top:0;}

    .cl_kalender{position:absolute;top:85px;width:300px;display:none;z-index:11;}
    #cl_kalenderbegin{left:0px;}
    #cl_kalenderend{left:0;}
    .cl_kalenderBG{position:relative;background:#fff;border-radius:5px;border:1px solid #c5c9d9;}
    .cl_kalenderBG:after, .cl_kalenderBG:before{
        bottom:100%;
        left:50%;
        border:solid transparent;
        content:" ";
        height:0;
        width:0;
        position:absolute;
        pointer-events:none;
    }
    .cl_kalenderBG:after{
        border-color:rgba(255, 255, 255, 0);
        border-bottom-color:#fff;
        border-width:10px;
        margin-left:-10px;
    }
    .cl_kalenderBG:before{
        border-color:rgba(197, 201, 217, 0);
        border-bottom-color:#c5c9d9;
        border-width:11px;
        margin-left:-11px;
    }
    #cl_kalenderbegin .cl_kalenderBG:after, #cl_kalenderbegin .cl_kalenderBG:before{left:22%;}
    #cl_kalenderend .cl_kalenderBG:after, #cl_kalenderend .cl_kalenderBG:before{left:78%;}
    table{border-spacing:0;}
    td{text-align:center;width:42px;font-family:'Arial',sans-serif;line-height:40px;color:#adadad;font-size:16px;}
    thead th{text-align:center;line-height:42px;color:#014c87;font-size:16px;font-family:'Arial',sans-serif;}
    #cl_theadLeft, #cl_theadRight{cursor:pointer;}
    #cl_headNumbers td{
        background:#0b4c88;
        color:#fff;
        font-size:11px;
        line-height:27px;
        font-weight:700;
        font-family:'Arial',sans-serif;
        cursor:default;
    }
    td.cl_available{color:#0b4c88;cursor:pointer;}
    td.cl_notAvailable{color:#0b4c88;}
    td.cl_available:hover{background:#3d81d0;color:#fff;}
    td.cl_activeB, td.cl_activeE{background:#0b4c88;color:#fff;}
    td.cl_diffDays{background:#dbe4f6;color:#0b4c88;}
    .cl_kalenderOverlay{position:fixed;width:100%;height:100%;top:0;left:0;z-index:9;display:none;}
    .cl_kalender table {
        width: 100% !important;
        border-right: 0 !important;
    }
    .cl_kalenderBG {
        width: 100%
    }
    .cl_kalender {
        width: 100%;
        padding-right: 20px;
        top: 0;
    }
    .cl_groupBox{margin:0 -5px;background:#fff;border-bottom:1px solid #c7cfdf;padding-top:30px;padding-bottom:35px;}
    #cl_groupHeadline{background:none;font-size:14px !important;}
    #cl_groupSubline{font-size:14px;color:#014a87;line-height:140%;margin-bottom:15px;}
    #cl_groupCta{background:url(https://www.aohostels.com/images/cl/hausseite-responsive/cta-bg.jpg) repeat-x;width:260px;}
    .filter_cat.last {
        border-bottom: 1px solid #c5c9d9;
    }
}

.output_discount {
    color: #e36b04;
    border: 1px solid #e36b04;
    border-radius: 2px;
    font-weight: bold;
    font-size: 14px;
    padding: 1px 5px;
    float: right;
    margin-left: 2px;
}

@media only screen and (max-width: 380px){
    .cl_col_children .cl_headline{font-size:11px !important;}
    .form_elements{padding-left:5px;padding-right:5px;}
    .col-md-12.bookingform form{padding:15px 0 10px 0;}
    .second_form_elements, .last_form_element{padding-right:5px;padding-left:5px;}
    .first_form_elements, .third_form_elements{padding-right:5px;}
    .cl_headline span{font-size:10px;}
}
/* ÄNDERUNGEN 20.05.2016 ENDE */