/* cmsms stylesheet: style modified: Sunday, January 10, 2021 5:26:43 PM */
* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'aemstelline_horizontal';
    src: url('/aemstel-linehorizontal-webfont.woff') format('woff'), url('/aemstel-linehorizontal-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

html, body {
    width: 100%;
    height: auto;
    overflow-x: hidden;
    font-size: 16px;
    color: #2f4858;
    background: #fefefe;
    font-family: 'Questrial', sans-serif;
}

.container {
    width: 75%;
    height: 100%;
    margin: auto;
}

img {
    max-width: 100%;
    height: auto;
    float: left;
}

p {
    font-size: calc(0.37vw + 14.8px); /*1.5 oorspronkelijk*/
    line-height: 1.4em;
    margin-top: 0.5em;
}

p::first-letter {
    font-size: 1.25em;
}

.noCap::first-letter {
    font-size: 1em;
}

h1 {
    font-size: 2.75em;
    font-family: 'Cardo', serif;
    font-weight: 700;
}

h2 {
    font-size: 2.25em;
    font-family: 'Cardo', serif;
    font-weight: 700;
}

h3 {
    font-size: 1.75em;
    font-family: 'Cardo', serif;
    font-weight: 700;
}

h4 {
    font-size: 1.5em;
    font-family: 'Cardo', serif;
    font-weight: 700;
}

a {
    text-decoration: none;
    color: #001a4c;
    padding: 0.5em 2em;
}

li {
    list-style: none;
}

input#mainNav {
    display: none;
}

label[for="mainNav"] {
    display: none;
    width: auto;
    height: auto;
    float: left;
    background: #535456;
    color: #ffffff;
    font-size: 1em;
    border: none;
    padding: 0.25em;
    z-index: 100;
    cursor: pointer;
}

ul.mainNav a.active, ul.mainNavEng a.active {
    background: #1EA3DB;
    color: #ffffff;

}

ul.mainNav li a:hover {
    background: #1EA3DB;
    color: #ffffff;

}

em {
    color: #48BEFF;
}

.scrollToTop {
    background: #f2f2f2;
    text-align: center;
    color: #121212;
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 2em;
    z-index: 10;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

header {
    width: 100%;
    position: relative;
    float: left;
    margin: 1.875em 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

header h1 {
    width: auto;
    border-bottom: 1px solid #c2c2c2;
    padding-left: 20%;
    font-family: 'aemstelline_horizontal', sans-serif;
    margin-right: 2.5%;
}

header h1 a {
    padding: 0;
    margin: 0;
    color: #0168AA;
}

header h2 {
    width: auto;
    border-bottom: 1px solid #c2c2c2;
    color: #535456;
    margin-top: 30px;
    padding-left: 20%;
    margin-right: 2.5%;
}

header a {
    margin-right: 2.5%;
}

/*NAVIGATIE*/
.language {
    width: 100%;
    position: relative;
    float: left;
    /*  display: none;*/
}

.language a {
    float: right;
}

.language a[href*="/eng/"]:before {
    content: url('https://www.wittevrouwenpoort.nl/images/GB_vlag.png');
    margin-right: 0.5em;
}

.language a[href*="/nl/"]:before {
    content: url('https://www.wittevrouwenpoort.nl/images/NL_vlag.png');
    margin-right: 0.5em;
}

.language a[href*="/duits/"]:before {
    content: url('https://www.wittevrouwenpoort.nl/images/DE_vlag.png');
    margin-right: 0.5em;
}

.language a[href*="/duits"] {
    margin-right: 0.5em;
}

ul.mainNav {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 1em;
}

ul.mainNav li:last-child {
    margin-right: 1.5%;
}

hr {
    position: relative;
    float: left;
    height: 1px;
    width: 100%;
    background: #cccccc;
    margin: 16px 0 8px 0;
}

span.icon:before {
    content: url("https://www.wittevrouwenpoort.nl/images/agenda_icon.png");
}

/*foute pagina*/
.foutePagina {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin-top: 30px;
}

.foutePagina p {
    width: 50%;
    height: auto;
    position: relative;
    float: left;
    margin: 0;
    margin-left: 25%;
    margin-top: 25vh;
}

.foutePagina h1, .foutePagina h2 {
    width: 50%;
    position: relative;
    float: left;
    border: none;
    text-align: center;
    margin: 0;
    margin-top: 1em;
}

.foutePagina h2 {
    margin-top: 0;
}

/*algemeen*/
.wrapper {
    width: 90%;
    height: 100%;
    position: relative;
    float: left;
    color: #33658a;
}

.row {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2em;
}

.kol_1 {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    padding: 0 2.5%;
    box-sizing: border-box;
}

.kol_2 {
    width: 50%;
    height: auto;
    position: relative;
    float: left;
    padding: 0 2.5%;
    box-sizing: border-box;
}

.kol_3 {
    width: 33.333%;
    height: auto;
    position: relative;
    float: left;
    padding: 0 1.5%;
    box-sizing: border-box;
}

/*home*/
figure {
    width: 100%;
    height: auto;
    margin-bottom: 2em;
}

.homeImg figure {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin-bottom: 2em;
}

.homeImg figure figcaption {
    position: relative;
    float: left;
    margin-top: 0.4em;
    font-size: 1.25em;
}

.homeImg p {
    margin: 0;
}

.kol_2 ul {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
    margin: 1em 0;
    font-size: 2em;
}

.kol_2 ul li {
    width: 100%;
    line-height: 1.4em;
}

.kol_2 p {
    position: relative;
    float: left;
    width: auto;
    height: auto;
    margin-bottom: 1em;
}

.kol_2 p a {
    width: auto;
    padding: 0;
    color: #48beff;
}

.kol_2 h2 {
    width: 100%;
    color: #33658A;
    position: relative;
    float: left;

}

.kol_2 h3 {
    width: 100%;
    font-size: 1.5em;
    color: #438ca8;
}

.kol_2 h4 {
    position: relative;
    float: left;
    margin-top: 0.5em;
    font-size: 1.125em;
}

.plattegrond img {
    max-width: 75%;
}

a.reserveren {
    position: relative;
    float: left;
    width: auto;
    height: auto;
    font-size: 1.125em;
    padding: 0.25em 0.5em;
    background: #F15A24;
    border-radius: 20px;
    margin-top: 30px;
    color: #ffffff;
    text-align: center;
}

/*foto*/

.kol_3 figure {
    margin-bottom: 10px;
    position: relative;
    float: left;
    width: 100%;

}

.kol_3 figcaption {
    color: #1EA3DB;
    border-top: none;
    padding: 0.5em 0;
    width: 100%;
    float: left;
    font-size: 1.125em;
    line-height: 1.24em;
}

/*reserveren*/
iframe {
    width: 100%;
    min-height: 300px;
    border-top: 1px solid #1EA3DB;
    margin: 1em 0;
}
.kol_2 ul {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    font-size: 1.5em;
    text-align: left;
    margin-top: 1em;
}

/*over Utrecht*/
.festivals {
    margin: 1em 0 2em 0;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}

.festivals input {
    display: none;
}

.festivals label {
    float: left;
    width: 100%;
    font-size: 1.125em;
    padding: 0.5em 0;
    background: #0168AA;
    color: #ffffff;
    text-align: center;
    z-index: 1;
    cursor: pointer;
}

label[for*="kwart"]:hover {
    background: #1EA3DB;
    cursor: pointer;
    color: #ffffff;
}

.festivals table {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    text-align: left;
    table-layout: fixed;
    display: none;

}

.festivals tr:nth-child(odd) {
    background: #f2f3f1;
}

.festivals table td a {
    padding-left: 0.5em;
}

.festivals table td {
    border: none;
    position: relative;
    border-bottom: 1px solid #c2c2c2;
    padding: 0.5em;
    text-align: left;
    width: 33%;

}

.festivals table th {
    font-size: 1.25em;
    color: #33658A;
    padding: 0.5em;
    width: 33%;
}


.festivals table tr:hover {
    background: #e9e9e9;
}

.festivals table tr:hover a {
    background: #e9e9e9;
}

input[id="kwartaal_1"]:checked ~ table.kwartaal_1 {
    display: table;
}

input[id="kwartaal_1"]:checked + label {
    background: #1EA3DB;
}

input[id="kwartaal_2"]:checked ~ table.kwartaal_2 {
    display: table;
}

input[id="kwartaal_2"]:checked + label {
    background: #1EA3DB;
}

input[id="kwartaal_3"]:checked ~ table.kwartaal_3 {
    display: table;
}

input[id="kwartaal_3"]:checked + label {
    background: #1EA3DB;
}

input[id="kwartaal_4"]:checked ~ table.kwartaal_4 {
    display: table;
}

input[id="kwartaal_4"]:checked + label {
    background: #1EA3DB;
}

.holder {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin: 2em 0;
}

[class*="onderwerp"] {
    position: relative;
    float: left;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    /*    -webkit-transition: max-height 0.8s;
        -moz-transition: max-height 0.8s;*/
    transition: max-height 0.8s;
}

input[type=radio] {
    display: none;
}

label[for*=onderwerp_] {
    width: auto;
    height: auto;
    padding: 0.25em;
    color: #48beff;
    margin-bottom: 0.25em;
    margin-right: 0.25em;
    position: relative;
    float: left;
    box-sizing: border-box;
    border: 1px solid #007fff;
    font-size: 1.25em;
}

label[for*="onderw"]:hover {
    background: #1EA3DB;
    cursor: pointer;
    color: #ffffff;
}

input#onderwerp_1:checked ~ .holder .onderwerp_1 {
    max-height: 600px;
}

input#onderwerp_1:checked ~ label[for="onderwerp_1"] {
    background: #1EA3DB;
    color: #ffffff;
}

input#onderwerp_2:checked ~ .holder .onderwerp_2 {
    max-height: 500px;
}

input#onderwerp_2:checked ~ label[for="onderwerp_2"] {
    background: #1EA3DB;
    color: #ffffff;
}

input#onderwerp_3:checked ~ .holder .onderwerp_3 {
    max-height: 500px;
}

input#onderwerp_3:checked ~ label[for="onderwerp_3"] {
    background: #1EA3DB;
    color: #ffffff;
}

input#onderwerp_4:checked ~ .holder .onderwerp_4 {
    max-height: 500px;
}

input#onderwerp_4:checked ~ label[for="onderwerp_4"] {
    background: #1EA3DB;
    color: #ffffff;
}

input#onderwerp_5:checked ~ .holder .onderwerp_5 {
    max-height: 500px;
}

input#onderwerp_5:checked ~ label[for="onderwerp_5"] {
    background: #1EA3DB;
    color: #ffffff;
}

input#onderwerp_6:checked ~ .holder .onderwerp_6 {
    max-height: 500px;
}

input#onderwerp_6:checked ~ label[for="onderwerp_6"] {
    background: #1EA3DB;
    color: #ffffff;
}

input#onderwerp_7:checked ~ .holder .onderwerp_7 {
    max-height: 500px;
}

input#onderwerp_7:checked ~ label[for="onderwerp_7"] {
    background: #1EA3DB;
    color: #ffffff;
}

input#onderwerp_8:checked ~ .holder .onderwerp_8 {
    max-height: 500px;
}

input#onderwerp_8:checked ~ label[for="onderwerp_8"] {
    background: #1EA3DB;
    color: #ffffff;
}

input#onderwerp_9:checked ~ .holder .onderwerp_9 {
    max-height: 500px;
}

input#onderwerp_9:checked ~ label[for="onderwerp_9"] {
    background: #1EA3DB;
    color: #ffffff;
}

input#onderwerp_10:checked ~ .holder .onderwerp_10 {
    max-height: 500px;
}

input#onderwerp_10:checked ~ label[for="onderwerp_10"] {
    background: #1EA3DB;
    color: #ffffff;
}

input#onderwerp_11:checked ~ .holder .onderwerp_11 {
    max-height: 500px;
}

input#onderwerp_11:checked ~ label[for="onderwerp_11"] {
    background: #1EA3DB;
    color: #ffffff;
}

input#onderwerp_12:checked ~ .holder .onderwerp_12 {
    max-height: 500px;
}

input#onderwerp_12:checked ~ label[for="onderwerp_12"] {
    background: #1EA3DB;
    color: #ffffff;
}

input#onderwerp_13:checked ~ .holder .onderwerp_13 {
    max-height: 500px;
}

input#onderwerp_13:checked ~ label[for="onderwerp_13"] {
    background: #1EA3DB;
    color: #ffffff;
}

input#onderwerp_14:checked ~ .holder .onderwerp_14 {
    max-height: 500px;
}

input#onderwerp_14:checked ~ label[for="onderwerp_14"] {
    background: #1EA3DB;
    color: #ffffff;
}

input#onderwerp_15:checked ~ .holder .onderwerp_15 {
    max-height: 500px;
}

input#onderwerp_15:checked ~ label[for="onderwerp_15"] {
    background: #1EA3DB;
    color: #ffffff;
}

input#onderwerp_16:checked ~ .holder .onderwerp_16 {
    max-height: 500px;
}

input#onderwerp_16:checked ~ label[for="onderwerp_16"] {
    background: #1EA3DB;
    color: #ffffff;
}


input#onderwerp_17:checked ~ .holder .onderwerp_17 {
    max-height: 500px;
}

input#onderwerp_17:checked ~ label[for="onderwerp_17"] {
    background: #1EA3DB;
    color: #ffffff;
}

/*input#onderwerp_18:checked ~ .holder .onderwerp_18 {
    max-height: 500px;
}

input#onderwerp_18:checked ~ label[for="onderwerp_18"] {
    background: #1EA3DB;
    color: #ffffff;
}*/

input#onderwerp_19:checked ~ .holder .onderwerp_19 {
    max-height: 500px;
}

input#onderwerp_19:checked ~ label[for="onderwerp_19"] {
    background: #1EA3DB;
    color: #ffffff;
}

input#onderwerp_20:checked ~ .holder .onderwerp_20 {
    max-height: 500px;
}

input#onderwerp_20:checked ~ label[for="onderwerp_20"] {
    background: #1EA3DB;
    color: #ffffff;
}

input#onderwerp_21:checked ~ .holder .onderwerp_21 {
    max-height: 500px;
}

input#onderwerp_21:checked ~ label[for="onderwerp_21"] {
    background: #1EA3DB;
    color: #ffffff;
}

input#onderwerp_22:checked ~ .holder .onderwerp_22 {
    max-height: 500px;
}

input#onderwerp_22:checked ~ label[for="onderwerp_22"] {
    background: #1EA3DB;
    color: #ffffff;
}

input#onderwerp_23:checked ~ .holder .onderwerp_23 {
    max-height: 500px;
}

input#onderwerp_23:checked ~ label[for="onderwerp_23"] {
    background: #1EA3DB;
    color: #ffffff;
}

/*service*/
.services {
    margin-bottom: 3em;
}

.kol_2 p span {
    width: auto;
    height: auto;
    border-radius: 4px;
    font-size: 1em;
}

.kol_2 span:last-child {
    display: inline-block;
}

/*contact*/
.contact form .contactformulier {
    width: 100%;
    position: relative;
    float: left;
    border: none;
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.contactformulier span {
    position: relative;
    float: left;
    margin-bottom: 1em;
}

.mapouter {
    margin-bottom: 1.5em;
}

.contactformulier .captcha .g-recaptcha {
    float: left;
}

.contactformulier .captcha p {
    font-size: 1em;
    margin-top: 2em;
    float: left;
    clear: left;
}

.contact .kol_2 h4 {
    position: relative;
    float: left;
    margin: 1em 0;
}

.contact .kol_2 h3 {
    position: relative;
    float: left;
    margin-top: 0.57em;
}

.contact .contactformulier label, .contact .contactformulier input, .contact .contactformulier textarea {
    width: 100%;
    position: relative;
    float: left;
    border: none;
}

.contact .contactformulier input, .contact .contactformulier textarea {
    background: #f3f3f3;
    font-size: 1.25em;
    font-weight: normal;
}

.contact .contactformulier textarea {
    height: 64px;
}

.contact .contactformulier input {
    padding: 0.125em;
    margin: 0.25em 0 0.5em 0;
}

.contact .contactformulier label {
    font-size: 1.25em;
    margin-bottom: 0.25em;
}

.contact .contactformulier .submit input[type=submit] {
    position: relative;
    float: left;
    clear: left;
    width: 50%;
    background: #F15A24;
    padding: 0.25em 0;
    margin-top: 0.5em;
    border-radius: 5px;
    color: #ffffff;
}

/*.error_message {
position: absolute;
top:0;
background:#ffffff;
}*/
.error_message ul li {
    width: 100%;
    height: auto;
    color: red;
    text-align: left;

}

.contactformulier .fb_invalid input, .contactformulier .fb_invalid textarea {
    border: 1px solid red;
}

/*tips en links*/
.tips h2, .tips h3 {
    text-align: left;
    width: 100%;
}

.tips h3 {
    position: relative;
    float: left;
    margin: 0.57em 0;
}

p span.firstWord {
    font-weight: bold;
}

.contruction {
    width: 75%;
    position: relative;
    float: left;
    margin-left: 12.5%;
}

.contruction h2 {
    text-align: center;
    width: 100%;
}

/*catering*/
.naarCat {
    width:100%;
    height: auto;
    display: flex;
    justify-content: center;
    margin-bottom:0.5rem;
}
.naarCat a {
    background:#F15A24;
    color: #ffffff;
}
.payOffCatering {
    width: 100%;
    display: flex;
    justify-content: center;

}

.payOffCatering a, .payOffCatering h2 {
    font-size: calc(1.14vw + 13px);
    color: #F49E4C;
    padding: 0;
    font-weight: 700;
}

.kol_1.inlCat {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin-bottom: 3.25rem;

}

.kol_1.catering {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;

}

.kol_1.catering p, .kol_1.inlCat p {
    margin-top: 0;
    width: 45%;
}

.kol_1.catering .foto {
    margin-top: 0;
    width: 45%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

}
.kol_1.catering .toelHapje {
    width: 45%;
}

.kol_1.catering .foto figure {
    width: 49%;
}

.kol_1.catering .foto figure:last-of-type img:first-of-type {
    margin-bottom: 1rem;

}

.kol_1.catering div figure:last-child {
    align-self: center;
}

.kol_1.catering .toelHapje h2 {
    width: 100%;
}

.kol_1.catering .toelHapje p {
    width: 100%;
    margin-bottom: 1rem;
}

.kol_1.catering .toelHapje p:last-child {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.kol_1.catering a.bestel {
    width: auto;
    height: 1.25rem;
    background: #F15A24;
    color: #ffffff;
}

.stippellijn {
    border-top: 4px dashed #f00;
    width: 66.67%;
    margin:2rem 0 2rem 16.6667%;
}

.row.bezorgen {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0;
}
.row.bezorgen .kol_1 {
    width: 66.667%;
}
.row.bezorgen ul {
    margin-top:1.5rem;
}
.row.bezorgen ul li {
    margin-bottom:1.5rem;
}
.row.bezorgen ul li p {
    margin-top:0;
}
.row.bezorgen ul li a {
    text-align: center;
    background:#48beff;
    color: #ffffff;
    padding:0.25rem 0;
    width: calc(2.46vw + 92px);
    display: block;
}
#bestelformulier {
    width: calc(22.6vw + 247px);
    margin: auto;
    font-size: 1.25rem;
    font-family: 'Cardo', serif;
}

.bestelformulier {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
    box-sizing: border-box;
    border:1px solid #c3c3c3;
    border-top: none;
}

.bestelformulier div h2 {
    background: #1EA3DB;
    color: #ffffff;
    display: block;
    text-align: center;
    font-size: calc(1.8vw + 15px);
}
.bestelformulier .naam, .bestelformulier .telefoonnummer, .bestelformulier .tussenzin, .bestelformulier .naamGerecht, .bestelformulier .wensen, .bestelformulier .tijdBestelling, .bestelformulier .submit {
    padding-left:1.25rem;
}
.bestelformulier > div {
    margin-bottom: 1.5rem;
}

.bestelformulier input, .bestelformulier textarea {
    background: #EBF0F4;
    padding-left: 0.25rem;
    border: 0;
    height: 1.25rem;
}

.bestelformulier label {
    width: 100%;

}

.bestelformulier .titel {/*hier*/
    width: 100%;
    margin-bottom: 1.25rem;
}

.bestelformulier .naam, .bestelformulier .telefoonnummer {
    width: 45%;
}

.bestelformulier .naam > *, .bestelformulier .telefoonnummer > * {
    float: left;
}
.bestelformulier .verklaring p {
    font-size: 0.875rem;
    display: none;
}
.bestelformulier .tussenzin {
    width: 100%;
    margin-top: 1.5rem;
}
.bestelformulier .naamGerecht {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
}
.bestelformulier .naamGerecht p {
    order: 1;
    width: 100%;
    font-size: 1.25rem;
    font-weight: 700;
}
.bestelformulier .naamGerecht img {
    margin-top: 0.75rem;
    order: 2;
}

.bestelformulier .aantalGerecht {
    width: 15%;
    display: flex;
    flex-direction: column;
    margin-left:2.5%;
    justify-content: flex-end;
}

.bestelformulier .aantalGerecht label {
    width:100%;
    text-align: center;
}
.bestelformulier .aantalGerecht input {
    text-align: center;
}
.bestelformulier textarea {
    width: calc(100% - 2rem);
    height: 5rem;
    margin:0;
}

.bestelformulier .tijdBestelling {
    margin-top: 1.5rem;
}

.bestelformulier .tijdBestelling input {
    border: none;
    margin-left: 1rem;
}

.bestelformulier .submit {
    width: calc(100% - 3.25rem);
    margin: 0;
}

.bestelformulier .submit input {
    width: 100%;
    font-size: 1.25rem;
    border: none;
    background: #F15A24;
    color: #ffffff;
    padding: 1rem;
    height: auto;
}
.bericht h2 {
    font-size: calc(1.8vw + 15px);
    border-top:1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    padding:1rem 0;
}
/*footer*/
.footer {
    width: 100%;
    height: 12.5%;
    position: relative;
    float: left;
    border-top: 2px solid #f15a24;
    padding: 3em 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 0.75em;
}

.footer ul {
    width: 27.5%;
    height: auto;
    padding-left: 2.5%;
    position: relative;
    float: left;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;

}

.footer ul:last-child {
    padding-left: 9%;
}

.footer ul li {
    font-size: 1.5em;
    margin-bottom: 0.5em;
    white-space: nowrap;
    flex: 1;
}

.footer ul li a:hover {
    background: #1EA3DB;
    color: #ffffff;
}

.footer ul li a[href*=tel]:before {
    content: "\02706";
    margin-right: 0.25em;
}

.footer ul li a[href*=mailto]:before {
    content: "\02709";
    margin-right: 0.25em;
}

.footer ul li a {
    width: 100%;
    padding: 0;
    color: #48beff;
    text-decoration: none;
}

.footer ul li a.active {
    width: 100%;
    padding: 0.25em;
    color: #ffffff;
    box-sizing: border-box;
}

#face_book {
    min-height: 65px !important;
    max-height: 65px;
}

.footer ul.mainNav {
    width: 27.5%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}

.footer ul.mainNav li {
    width: 100%;
}

.footer figure {
    width: 35%;
    height: auto;
    position: relative;
    float: left;
}

.footer figure img {
    max-width: 100%;
    border: 5px solid #535456;
    padding: 0;
}

@media (max-width: 1124px) {
    .container {
        width: 100%;
    }
}

@media (max-width: 1366px) {
    ul.mainNav li {
        width: 32%;
        font-size: 1.25em;
        border-bottom: 1px solid #f2f2f2;
        float: left;
        padding: 1em 0;
        margin-right: 0.5em;
        white-space: nowrap;
    }

    hr {
        display: none;
    }
}

@media (max-width: 1086px) {

    .wrapper {
        width: 90%;
        height: 100%;
        position: relative;
        float: left;
        margin-left:5%;
    }

    .row:first-child {
        margin-bottom: 0;
    }

    .rowFoto {
        margin-top: 2em;
    }

    ul.mainNav li:last-child {
        margin-right: 0;
    }
}

@media (max-width: 931px) {
    .kol_1.catering .foto {
        width: 100%;
        order: 2;
        align-items: start;
    }

    .kol_1.catering .toelHapje {
        order: 1;
        width: 100%;
    }

    .kol_1.catering .foto {
        margin-top: 2rem;
    }

    .kol_1.catering .toelHapje p:last-child {
        margin-bottom: 1rem;
    }
    .bestelformulier .naam, .bestelformulier .telefoonnummer {
        width: 80%;
    }
    .stippellijn {
        order: 3;
    }

    .footer ul {
        width: 45%;
        height: auto;
        padding: 0;
    }

    .footer ul:last-child {
        width: 100%;
        height: auto;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 2em;
    }

    .footer figure {
        width: 30%;
        margin-left: 10%;
    }

    .footer ul:last-child li {
        font-size: 1.125em;
        margin: 0.5em 0;
        width: 25%;
    }

    .footer ul.mainNav {
        width: 100%;
        height: auto;
        padding: 0;
        margin-bottom: 1.658em;
        display: flex;
        flex-wrap: wrap;
    }

    .footer ul.mainNav li {
        width: 95%;
        padding: 0.5em;
    }

}

@media (max-width: 856px) {
    label[for="mainNav"] {
        display: block;
    }

    ul.mainNav {
        display: none;
    }

    input#mainNav:checked ~ ul.mainNav {
        display: block;
        margin-bottom: 30px;
    }

    ul.mainNav li {
        width: 100%;
    }

    .contact {
        margin-top: 2em;
    }
    .kol_1.inlCat {
        padding-right:5%;
        box-sizing: border-box;
    }
    .kol_2 {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-top: 0;
    }

    .rowFoto {
        width: 47%;
    }

    .kol_2 h2 {
        font-size: 1.75em;
    }

    .kol_3 {
        width: 100%;
    }

    .contact label, .contact input, .contact textarea {
        width: 95%;
        position: relative;
        float: left;
        border: none;
    }

}

@media (max-width: 668px) {
    body {
        font-size: 0.875em;
    }

    header h1 {
        font-size: 2.25em;
    }

    header h2 {
        font-size: 2em;
    }

    .row {
        margin: 0;
    }

    .row:first-child {
        margin-bottom: 8.217vw;
    }

    .rowFoto {
        width: 100%;
    }
    .kol_1.inlCat {
        padding:0;
    }
    .kol_1.catering p {
        width: 100%;
    }

    .kol_1.catering .foto figure {
        width: 100%;
    }
    .kol_1.catering .foto img {
        margin-bottom:1rem;
    }

    .footer {
        display: flex;
        font-size: 0.875em;
    }


    .footer ul li {
        width: 95%
    }

    .footer figure {
        width: 95%;
        padding: 0;
        margin-left: 0;
    }

    .footer figure img {
        max-height: 100%;
        padding: 0;
    }
}

@media (max-width: 488px) {
    body {
        font-size: 0.75em;
    }

    header h1 {
        font-size: 5.92vw;
    }

    header h2 {
        font-size: 4.92vw;
    }
}
/* cmsms stylesheet: jquery_ui modified: Wednesday, April 26, 2017 8:33:13 AM */
/*! jQuery UI - v1.12.1 - 2017-04-09
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}