#block-views-acco_tabel-block_1 {
    clear:both;
}

.view-acco-tabel {
    margin-bottom:30px;
    max-width:960px;
    margin:auto;
    width:100%;
}

.view-acco-tabel .views-row {
    padding:15px;
}

.view-acco-tabel .views-row .flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.view-acco-tabel .views-row:nth-of-type(odd), 
.view-acco-tabel .views-row:nth-of-type(even) {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    border: 1px solid #E7E7E7;
    margin: 15px 0; 
}

.view-acco-tabel .left-wrapper {
    width:33.3%;
    float:left;
    padding:0 15px;
    margin:15px 0;
}

.view-acco-tabel .right-wrapper .views-field-title span {
    font-size:24px;
    font-family: 'Open Sans', sans-serif;
    text-transform:uppercase;
}

.view-acco-tabel .right-wrapper {
    width:66.6%;
    float:left;
    padding:0 15px;
}

.view-acco-tabel .usp-wrapper,
.view-acco-tabel .views-field-field-whitelabel-url-part,
.view-acco-tabel .views-field-field-teaser-tekst {
    margin:10px 0;
}

.view-acco-tabel .views-field-field-whitelabel-url-part a {
    text-decoration: underline;
    color:#afcb52;
}

.view-acco-tabel .views-field-field-maximum-aantal-personen,
.view-acco-tabel .views-field-field-aantal-slaapkamers,
.view-acco-tabel .views-field-field-oppervlakte {
    display:inline-block;
    padding:0 30px;
    position: relative;
}

.view-acco-tabel .views-field-field-maximum-aantal-personen span,
.view-acco-tabel .views-field-field-aantal-slaapkamers span,
.view-acco-tabel .views-field-field-oppervlakte span {
    display:none;
}


.view-acco-tabel .views-field-field-maximum-aantal-personen:before {
    content:url("../afbeeldingen/icon-persons-offer.png");
    position:absolute;
    top:0;
    left:0;
}

.view-acco-tabel .views-field-field-aantal-slaapkamers:before {
    content:url("../afbeeldingen/icon-bed-offer.png");
    position: absolute;
    top:0;
    left:0;
}

.view-acco-tabel .views-field-field-oppervlakte:before {
    content:url("../afbeeldingen/icon-surface-offer.png");
    position:absolute;
    top:0;
    left:0;
}

 .view-acco-tabel .show-prices {
    clear:both;
    margin-top:15px;
    padding:0 15px;
     max-width:100%;
     width:100%;
     display:none;
}

.view-acco-tabel .show-prices .fieldset-legend {
    margin-bottom:15px;
    padding-left:0!important;
    background:none!Important;
}

.view-acco-tabel .show-prices .fieldset-legend a,
.view-acco-tabel .view-offer-price-table .views-field-field-avb-booking-url a,
.view-acco-tabel .view-offer-price-table .views-field-field-avb-booking-url-de a,
span.button {
    color: #fff;
    background: #FE7900;
    margin: 0 auto;
    height: auto;
    text-align: right;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    border-radius: 5px;
    float: left;
    padding: 7px 14px;
    font-size: 18px;
    margin-bottom: 20px;
}

span.button {
    margin:5px 15px;
    cursor: pointer;
}

.view-acco-tabel .view-offer-price-table .views-field-field-avb-booking-url a,
.view-acco-tabel .view-offer-price-table .views-field-field-avb-booking-url-de a {
    margin:10px 0;
    text-align:left;
    float:none;
    text-decoration:none;
}

.view-acco-tabel .show-prices .fieldset-legend a:hover,
.view-acco-tabel .show-prices .fieldset-legend a:active,
.view-acco-tabel .show-prices .fieldset-legend a:focus,
.view-acco-tabel .view-offer-price-table .views-field-field-avb-booking-url a:focus,
.view-acco-tabel .view-offer-price-table .views-field-field-avb-booking-url a:hover,
.view-acco-tabel .view-offer-price-table .views-field-field-avb-booking-url a:active,
.view-acco-tabel .view-offer-price-table .views-field-field-avb-booking-url-de a:hover,
.view-acco-tabel .view-offer-price-table .views-field-field-avb-booking-url-de a:focus,
.view-acco-tabel .view-offer-price-table .views-field-field-avb-booking-url-de a:active, 
span.button:hover,
span.button:focus,
span.button:active {
    background: #afcb52;
}

.view-acco-tabel .view-offer-price-table {
    padding:15px;
    background:#fff;
    width:100%;
    max-width:100%;
    border:1px solid #E7E7E7;
}

.view-acco-tabel .view-offer-price-table tr {
    background:transparent;
}

.view-acco-tabel .view-offer-price-table tr td {
    padding:4px 8px;
}

.view-acco-tabel .view-offer-price-table .view-content {
    min-height: .01%;
    overflow-x: auto;
}

.view-acco-tabel .view-offer-price-table table  {
    margin:0;
    font-size:14px;
    max-width:100%;
    width:100%;
}

.view-acco-tabel .view-offer-price-table table thead {
    font-weight:bold;
    font-family: 'Open Sans', sans-serif;
    color:#000;
    text-transform:uppercase;
}

.view-acco-tabel .view-offer-price-table table thead th {
    color:#000;
    padding:4px 8px;
}

.view-acco-tabel .view-offer-price-table table tbody tr:hover td {
    background:transparent;
}

@media (max-width:768px) {
    .view-acco-tabel .views-field-field-maximum-aantal-personen,
    .view-acco-tabel .views-field-field-aantal-slaapkamers,
    .view-acco-tabel .views-field-field-oppervlakte {
        display:block;
        margin:10px 0;
    }

    span.button {
        margin:15px!important;
    }
}

@media(min-width:481px) and (max-width:568px) {
    .view-acco-tabel .show-prices .fieldset-wrapper {
        max-width:90%;
    }

    .view-acco-tabel .view-offer-price-table {
        padding:0;
    }

    .view-acco-tabel .view-offer-price-table table td {
        border-bottom: 1px solid #ddd;
        font-size: .8em;
        text-align: left;
        padding:4px;
        background:#fff;
    }

    .view-acco-tabel .view-offer-price-table .views-field-field-avb-booking-url a,
    .view-acco-tabel .view-offer-price-table .views-field-field-avb-booking-url-de a {
        text-align:center;
        padding:3px; 
    }
}

@media (max-width:480px) {
    .view-acco-tabel .views-row .flex {
        display:block;
    }

    .view-acco-tabel .right-wrapper,
    .view-acco-tabel .left-wrapper {
        width:100%;
    }

    .view-acco-tabel .show-prices,
    .view-acco-tabel .view-offer-price-table {
        padding:0;
    }

    .view-acco-tabel .view-offer-price-table {
        background:transparent;
    }

    .view-acco-tabel .view-offer-price-table table {
        border: 0;
    }
    .view-acco-tabel .view-offer-price-table table caption {
        font-size: 1.3em;
    }
    .view-acco-tabel .view-offer-price-table table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .view-acco-tabel .view-offer-price-table table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
        background:#fff;
    }
    .view-acco-tabel .view-offer-price-table table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
        background:#fff;
    }

    .view-acco-tabel .view-offer-price-table table td.td-empty {
        display:none;
    }

    .view-acco-tabel .view-offer-price-table table td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }
    .view-acco-tabel .view-offer-price-table table td:last-child {
        border-bottom: 0;
    }

    .view-acco-tabel .view-offer-price-table .views-field-field-avb-booking-url a,
    .view-acco-tabel .view-offer-price-table .views-field-field-avb-booking-url-de a {
        text-align:right;
        float:none;
        font-size:14px;
    }

    .view-acco-tabel .views-field-field-maximum-aantal-personen,
    .view-acco-tabel .views-field-field-aantal-slaapkamers,
    .view-acco-tabel .views-field-field-oppervlakte {
        display:block;
        margin:15px 0;
    }

    span.button {
        margin-bottom:15px!important;
        margin-left:0!important;
        margin-right:0!important;
    }
}

@media (min-width:375px) and (max-width:425px) {
    .view-acco-tabel .show-prices .fieldset-wrapper {
        max-width:270px;
        width:100%;
    }
}

@media (max-width:320px) {
    .view-acco-tabel .show-prices .fieldset-wrapper {
        max-width:220px;
        width:100%;
    }
}