/* *************************** 2MINDS - CSSRESET *************************** */

/* ====================== CSS RESET ====================== */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse;	border-spacing: 0;}

/* ====================== EINDE RESET ====================== */

/* *************************** 2MINDS - CSS Burmtiende 2012 - UPDATED 11-2014 *************************** */

html, body {font-family: 'Arvo', Arial, sans-serif; margin: 0px; padding: 0px; min-height: 100%; color: #757575; font-size: 100%;}
html {background: #e1e1e1 url('../img/bodyBg.jpg');}
body  {font-size: 13px; line-height: 1.4; text-align: left; }

h1 {font-family: 'Sue Ellen Francisco', Arial, sans-serif; font-size: 2.5em; color: #a9cf38; text-transform: uppercase;}
h1 span {color: #757575;}
h2 {font-family: 'Sue Ellen Francisco', Arial, sans-serif; font-size: 2em; text-transform: uppercase; width: 100%; margin: 15px 0 5px 0;}
h1 span.lowercase {text-transform: none; margin: 0 0 8px 0; font-size: 28px; line-height: 40px; display: block;}
h2.margin {margin: 24px 0 12px 0;}
h3 {font-family: 'Sue Ellen Francisco', Arial, sans-serif; font-size: 1.8em; color: #a9cf38; text-transform: uppercase; margin: 15px 0 5px 0; padding: 0;}
h4 {font-family: 'Sue Ellen Francisco', Arial, sans-serif; font-size: 1.4em; color: #a9cf38; text-transform: uppercase; margin: 15px 0 5px 0; padding: 0;}

a img {border: 0px; text-decoration: none; padding: 0; margin: 0;}
img {border: 0px; text-decoration: none; padding: 0; margin: 0; background: none; max-width: 100%; height: auto;}
iframe {max-width: 100%;}

a {text-decoration: underline; color: #a9cf38;}

p {text-align: left; margin: 0 0 12px 0;}
p.formp {margin: 12px 0;}
p.txtLeft {text-align: left; margin: 0;}

hr {border: none; background: none; border-top: 1px dashed #cccccc; padding: 0; margin: 25px 0;}

.cleaner {width: 100%; clear: both; max-height: 1px;}

em {color: #a9cf38;}

strong {font-weight: bold;}

ul {margin: 0 0 12px 20px;}
ul li {list-style-type: disc; padding: 0 0 0 0px;}

ul.listInformation {width: 100%; clear: both; margin: 0 0 20px 0; padding: 0;}
ul.listInformation li {list-style-type: none; width: 100%; clear: both; margin: 2px 0; padding: 5px; border-bottom: 1px dashed #ebebeb; min-height: 18px;}
ul.listInformation2 li {background: url('../img/checkmark.png') no-repeat 0 50%; padding: 10px 5px 10px 40px;}
ul.listInformation li:last-child {border-bottom: none;}
ul.listInformation li span {min-width: 185px; display: block; float: left; font-weight: bold;}

.nolist {list-style-type: none;}

table td, table th {padding: 10px 15px; font-weight: normal; vertical-align: middle;}
table th {background: #a9cf38; color: #FFFFFF;}
table th a {color: #FFFFFF;}
table tr.rowOneven, table tr:nth-child(odd)  {background: #E6E6E6;}
table tr, table tr.rowEven  {background: #F6F6F6; border: 1px solid #F0F0F0;}
table tr:hover {background: #A9CF38; color: #FFFFFF; border: 1px solid #FFFFFF;}
table tr:hover td a, table tr:hover th a {color:#FFFFFF;}
table {clear: both; margin-bottom: 15px; width: 100%;}

table.tblNoLayout {text-align: left;}
table.tblNoLayout  td, table.tblNoLayout  th {padding: 0px; font-weight: normal; vertical-align: middle;}
table.tblNoLayout  th {background: none; color: #757575;}
table.tblNoLayout  tr.rowOneven, table.tblNoLayout  tr:nth-child(odd)  {background: none; border: none;}
table.tblNoLayout  tr, table.tblNoLayout  tr.rowEven  {background: none; border: none;}
table.tblNoLayout  tr:hover {background: none; color: #757575; border: none;}
table.tblNoLayout  tr:hover td a, table.tblNoLayout  tr:hover th a {color:#757575;}
table.tblNoLayout  tr:hover td a.button, table.tblNoLayout  tr:hover th a.button {color:#FFFFFF;}
table.tblNoLayout button {margin: 0;}

table.tblSpace {margin: 25px 0;}

table.tbl3col tr th, table.tbl3col tr td {width: 33%;}
table.tbl4col tr th, table.tbl4col tr td {width: 25%;}

div.input {width: 100%; clear: both;}
label {width: 94%; margin: 20px 0 5px 0; float: left;}
input, textarea {font-family: 'Arvo', Arial, sans-serif; max-width: 98%; width: 96%; padding: 5px 2%; color: #C3C3C3; background: #FFFFFF; border: 1px solid #D3D3D3; font-size: 13px;}
select {font-family: 'Arvo', Arial, sans-serif; padding: 5px 2%; color: #C3C3C3; background: #FFFFFF; border: 1px solid #D3D3D3; font-size: 13px;}
input:focus, textarea:focus, select:focus {color: #FFFFFF; background: #A9CF38; border: 1px solid #FFFFFF;}

input[type="radio"], input[type="checkbox"], .checkbox input {width: 14px; float: left; margin: 0 10px 0 0;}
/*#BookingsEditForm input[type="radio"], #BookingsEditForm input[type="checkbox"], #VouchersEditForm input[type="checkbox"]*/
.checkbox label {float: left; margin: 0;}
div.checkbox {margin: 25px 0;}
.checkboxContainer div.checkbox {margin: 0;}
input[type="radio"] {border: none;}
#BookingsIndexForm select {width: 100%;}
#BookingsIndexForm label span {font-size: 10px; width: 100%; display: block;}

div.textarea span.cke_skin_kama {border: none;}

div.textarea span.cke_skin_kama {width: 100%; float: left; clear: both; border: none; max-width: 100%; padding: 0;}
div.textarea span.cke_skin_kama, div.textarea span.cke_skin_kama input, div.textarea span.cke_skin_kama textarea, div.textarea span.cke_skin_kama table, div.textarea span.cke_skin_kama table tr, div.textarea span.cke_skin_kama table tr td {border: 0;
background: transparent;}
div.textarea span.cke_skin_kama:hover, div.textarea span.cke_skin_kama input:hover, div.textarea span.cke_skin_kama textarea:hover, div.textarea span.cke_skin_kama table:hover, div.textarea span.cke_skin_kama table tr:hover, div.textarea span.cke_skin_kama table tr td:hover {border: 0;
background: transparent;}

div.textarea span.cke_skin_kama .cke_wrapper {background: none; border: 1px solid #D3D3D3; -moz-border-radius: 0px;-webkit-border-radius: 0px; border-radius: 0px;}

div.textarea span.cke_skin_kama table tr td.cke_top, div.textarea span.cke_skin_kama table tr td.cke_top:hover {border-bottom: 1px solid #D3D3D3;}
div.textarea span.cke_skin_kama table tr td.cke_bottom, div.textarea span.cke_skin_kama table tr td.cke_bottom:hover {border-top: 1px solid #D3D3D3;}

div.submit {width: 100%; clear: both; margin: 25px 0 0 0;}
div.submit input, input[type="button"], input[type="submit"], .button, button {background: #757575; color: #FFFFFF; padding: 5px 10px; /*display: block;*/ text-decoration: none; font-size: 1.3em; border: none; font-family: 'Arvo', Arial, sans-serif; width: auto; margin: 15px 0;}
div.submit input:hover, input[type="button"]:hover, input[type="submit"]:hover, .button:hover, button:hover  {background: #A9CF38; cursor: pointer;}

span.sButton a {background: #757575; color: #FFFFFF; padding: 5px 10px; display: block; text-decoration: none; font-size: 1.3em; border: none; font-family: 'Arvo', Arial, sans-serif; width: auto; margin: 15px 0; text-align: center; float: left;}
span.sButton a:hover  {background: #A9CF38; cursor: pointer;}
span.sButton.selected a  {background: #A9CF38; }

span.button {display: inline;}
span.button a {text-decoration: none; color: #FFFFFF;}

#lastMinutes .button {float: left; font-size: 18px; font-family: 'Sue Ellen Francisco', Arial, sans-serif; text-decoration: none; text-transform: uppercase; padding: 10px 10px 6px 10px; margin: 0 0 15px 0; position: relative; z-index: 8;}

.message {background: #757575; color: #FFFFFF; padding: 10px 5%; display: block; text-decoration: none; font-size: 1.1em; border: none; font-family: 'Arvo', Arial, sans-serif; width: auto; margin: 15px 0; text-align: center; float: left; width: 90%;}
.error-message, .form-error, .error{color: #cc3333; width: 100%;}
.explain {font-size: 11px; margin: 4px 0; font-style: italic;}
.kleineletters {font-size: 11px; margin: 15px 0; padding: 15px 0; border-top: 1px dashed #cccccc; font-style: italic;}
.flapWhite {width: 35px; height: 30px; background: url('../img/navBg1.png') no-repeat 100% -36px; display: block; float: right; clear: right; margin: 0 -62px 0 0;}
.arrowButton {width: 94px; height: 71px; display: block; float: right; margin: -41px -24px -30px 0; background: url('../img/sprite.png') no-repeat 0 0; position: relative; z-index: 10; transition: all 0.4s;}
#maakreservatie .arrowButton {margin: -67px 0px 0px 15px; float: left; background: url('../img/sprite.png') no-repeat 0 -80px;}
section#container aside ul#maakreservatie {margin: 0;}
#lastMinutes:hover .arrowButton {transform: rotate(-20deg); transition: all 0.4s;}
#maakreservatie:hover .arrowButton {transform: rotate(20deg); transition: all 0.4s;}

.nobutton, .nobutton:hover, .nobutton:active, .nobutton:focus {background: none; color: #757575; text-decoration: none; padding: 0; margin: 0;}

address {margin: 0 0 15px 0;}
#flashMessage {float: left; width: 75%; margin: 0px 40px 25px 40px; clear: both;}

.vcard {display: none;}

/* UI */

.ui-widget {font-family: 'Arvo', Arial, sans-serif !important;}
.ui-dialog {max-width: 90% !important; padding: 15px 3% !important; margin: 0 2% !important;}
.ui-dialog-titlebar, .ui-dialog-title {font-family: 'Sue Ellen Francisco', Arial, sans-serif !important; font-size: 28px !important; text-transform: uppercase; color: #a9cf38 !important; background: none !important; border: none !important; font-weight: normal !important; padding: 0 !important; margin: 0 !important;}
.ui-dialog .ui-dialog-content {padding: 0 !important; margin: 0 !important;}
.ui-dialog .ui-dialog-titlebar-close {position: absolute !important; right: 0 !important; top: 0 !important; margin: 0px 0 0 0 !important; padding: 0 !important;}
.ui-icon-closethick {top: 0 !important; right: 0 !important;}
.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-widget-content {border: none !important;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: left !important;}
.ui-dialog .ui-dialog-buttonpane button {background: #757575!important; color: #FFFFFF!important; padding: 5px 10px!important; text-decoration: none; font-size: 13px; border: none !important; border-radius: 0 !important;}
.ui-dialog .ui-dialog-buttonpane button:hover  {background: #A9CF38 !important; cursor: pointer !important;;}

.bodyAdmin .ui-dialog-titlebar-close {background: url('../img/btn-close.png') no-repeat; width: 20px; height: 20px; margin: 8px !important; text-indent: -9999px;}
.admin-popup-form .ui-widget-content {border: 1px solid #D3D3D3 !important;}

/* WRAPPER */

section#wrapper {margin: 0 auto; width: 100%; max-width: 1260px; height: auto; min-height: 500px; padding: 0 40px; box-sizing: border-box;}

/* HEADER */

header {position: relative; width: 100%; height: auto; display: block; margin: 0; background: #FFFFFF; box-shadow: 0 0 5px rgba(0,0,0,0.3);}
header span.logo a img {z-index: 99; width: auto; height: 179px; margin: 0; padding: 41px 25px 40px 25px; display: block; position: absolute; background: rgba(255,255,255,0.9);}

#lblIngelogd {display: none; position: fixed; left: 0; top: 0; width: 150px; height: 150px; z-index: 99999;}
html.bodyAdmin #lblIngelogd {display: block; background: url('../img/sprite.png') no-repeat -391px 0;}
html.bodyAdmin section#wrapper.admin {
    max-width: 2000px;
    padding: 0 0 0 40px;
}

/* SLIDER */

#sliderContainer {position: relative; margin: 0 0 0 265px;}
#slider {position: relative; overflow: auto; width: 100%; height:260px; top: 0; margin: 0; z-index: 90; overflow: hidden;}
#slider span {float:left; width: 100%; height: 260px; padding: 0; margin: 0; list-style-type: none;}
#slider span span {width: 100%; padding: 0 2% 0 0; margin: 0; font-family: 'Sue Ellen Francisco', Arial, sans-serif; font-size: 32px; text-transform: uppercase; text-align: right; display: block; position: absolute; color: #FFFFFF; bottom: 55px; height: auto; text-shadow: 1px 1px 1px #000000; box-sizing: border-box;}
#slider img {width: auto; height: 260px; max-width: 5555px;}

.pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px; display: none;}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222;}
li.current {border:1px solid #ccc; background:#888;}

li#content {width:464px; height:270px; padding:15px 28px 15px 18px;}
#content h1 {font: 2.5em 'Sue Ellen Francisco',Arial,sans-serif; margin-bottom: 5px; text-transform: uppercase; color: #A9CF38; line-height: 2.5rem;}

.sliderbutton {width: 18px; height: 18px; z-index: 95; position: absolute; top: 15px;}
.sbutton1 {right: 40px;}
.sbutton2 {right: 15px;}

.sbutton1 div {background: url('../img/sprite.png') no-repeat -94px -48px; width: 16px; height: 16px; display: block; cursor:pointer}
.sbutton2 div {background: url('../img/sprite.png') no-repeat -110px -48px; width: 16px; height: 16px; display: block; cursor:pointer}

#sliderMobile {display: none; width: 100%; height: 145px; overflow: hidden; position: absolute; z-index: 0;}
#sliderMobile img {min-width: 100%; height: 145px; max-width: 9999px; float: right;}

#video-container
{
transform: rotate(2deg);
background: #FFFFFF;
border: 1px solid #dcdcdc;
padding: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
position: relative;
right: 7px;
top: -20px;
z-index: 99;
width: 100%;
}


/* BODYBANNER */

.bodyBanner {width: auto; max-width: 9999px; height: 100%; position: fixed; top: 0; right: 0; z-index: -1;}

/* CONTAINER */

section#container {position: relative; padding: 0 0 0 207px; margin: 0; width: 100%; box-sizing: border-box;}

/* CONTENT */

section#content {position: relative; float: right; margin: 0; width: 100%; padding: 25px 25px 40px 85px; min-height: 615px; box-sizing: border-box; background: #FFFFFF; box-shadow: 0 0 10px rgba(0,0,0,0.2);}

.admin section#content {min-height: 885px;}

#containerLeft {left: 0; position: absolute; top: 23px; width: 265px; margin: 0; z-index: 999;}

/* NAV */

.toggleMenu {display: none; width: 90%; margin: 0; padding: 0px 5%; border-bottom: 1px solid #FFF; background: #757575; color: #FFF;}
.toggleMenu .menuButton {background: #757575; padding: 10px 0 10px 0; width: 100%; display: block;}
.nav_toggle_container {display: block;}
.menu-bars {float: left; margin: 3px 10px 0 0;}
.icon-bar {width: 20px; height: 2px; background: #FFFFFF; display: block; margin: 0 0 2px 0;}
section#container nav {font-family: 'Sue Ellen Francisco', Arial, sans-serif; float: right; width: 100%; margin: 15px 0; clear: both;}
section#container nav ul {float: right; margin: 0;}
section#container nav ul li {float: right; clear: right; list-style-type: none; font-size: 20px; margin: -25px 0 0 0; width: auto; height: 65px; display: block; background: url('../img/sprite.png') no-repeat 100% 0; text-align: right; text-transform: uppercase;}
section#container nav ul li:hover, section#container nav ul li.active {background: url('../img/sprite.png') no-repeat 100% -64px;}
section#container nav ul li a {text-decoration: none; height: 38px; display: block; padding: 6px 15px 20px 10px; color: #757575;}
section#container nav ul li:hover a, section#container nav ul li.active a {color: #FFFFFF;}

section#container nav ul li ul {position: absolute; display: none; margin: -62px 0 0 139px;}
section#container nav ul li.liFacili ul {margin: -62px 0 0 116px;}
section#container nav ul li.liArran ul {margin: -62px 0 0 133px; display: none;}
section#container nav ul li.liArran:hover ul {display: none;}
section#container nav ul li.liMassages ul {margin: -62px 0 0 91px; display: none;}
section#container nav ul li.liMassages:hover ul {display: none;}
section#container nav ul li.prakInfo ul {margin: -62px 0 0 138px;}
section#container nav ul li ul li{border-left: solid 5px #FFFFFF; border-bottom: 1px solid #cccccc; background: #FFFFFF; height: 38px; padding: 0px; margin: 0; text-align: left; width: 150px;}
section#container nav ul li.liFacili ul li {width: 145px;}
section#container nav ul li.liFacili ul li a {width: 130px;}
section#container nav ul li.liArran ul li {width: 280px;}
section#container nav ul li.liArran ul li a {width: 265px;}
section#container nav ul li.liMassages ul li {width: 225px;}
section#container nav ul li.liMassages ul li a {width: 210px;}
section#container nav ul li.liPrakInfo ul li {width: 145px;}
section#container nav ul li.liPrakInfo ul li a {width: 130px;}
section#container nav ul li ul li a{background: #757575; height: 20px;  padding: 9px 10px 9px 5px; margin: 0 0 1px 0; text-align: left; width: 150px; color: #FFFFFF;}
section#container nav ul li ul li a:hover{background: #A9CF38;}
section#container nav ul li:hover ul {display: block;}

/* ASIDE */

.rMobile1 {display: none;}
.rMobile2 {display: block;}

section#container aside {width: 100%; clear: both; float: right; font-family: 'Sue Ellen Francisco', Arial, sans-serif; margin: 0;}
section#container aside ul {float: right; margin: 0;}
section#container aside ul li {float: right; clear: right; list-style-type: none; font-size: 20px; margin: 0; width: auto; height: 88px; display: block; background: url('../img/sprite.png') no-repeat 100% -130px; text-align: right; text-transform: uppercase; padding: 0;}
section#container aside ul li a {text-decoration: none; height: 38px; display: block; padding: 17px 20px 20px 20px; color: #FFFFFF;}
section#container aside ul li a:hover {color: #FFFFFF;}


/* FOOTER */

footer {float: right; font-size: 11px; margin: 0 10px 0 0; padding: 10px 15px 10px 0; width: 100%;}
footer p {margin: 0px; padding: 0px; text-align: right;}
footer p.twominds {margin: 10px 0 0 0;}
footer a {color: #757575;}

/* HOME */

section#contentLeft {width: 100%; padding: 0; max-width: 63%; float: left;}
section#contentRight {float: right; width: 325px; margin: 0 -40px 0 0; padding: 10px 0px 0 0; background: #f8f8f8; box-shadow: 0 0 5px rgba(0,0,0,0.4);}
section#contentRight.contentRight2 {width: 33%; padding: 20px 3%; margin: 0px -62px 0 0;}
section#contentRight h2 {color: #FFFFFF; background: #A9CF38; height: 1.2em; float: left; margin: 0 0 15px 0; clear: both; width: auto; font-size: 2.5em;}
#lastMinutes, #acties, #nieuws {border-bottom: 1px dashed #cccccc; padding: 15px 20px; margin: 0 0 15px 0;}
#nieuws {border-bottom: none;}
section#contentRight h3 {color: #A9CF38; margin: 10px 0 0 0; width: 100%;}
section#contentRight p {width: 100%;}
#lastMinutes p {margin: 0 0 15px 0;}
#lastMinutes p a {text-decoration: none;}
#lastMinutes p a:hover {text-decoration: underline;}
#nieuws span a {color: #FFFFFF; background: #757575; height: 1.2em; float: right; padding: 10px 18px; font-family: 'Sue Ellen Francisco', Arial, sans-serif; font-size: 1.5em; text-decoration: none; text-transform: uppercase;}
#nieuws span a:hover {background: #A9CF38; text-decoration: none;}

#nieuws article {border-bottom: 1px dashed #cccccc; margin: 0 0 10px 0; padding: 0 0 10px 0;}

#social {width: 100%; border-top: 1px dashed #cccccc; padding: 30px 0 0 0; margin: 30px 0 0 0; clear: both;}

.socialmedia {width: 50%; margin: 0; padding: 0; text-decoration: none; float: left;}
.socialmedia .sociallink {width: 30px; height: 30px; display: inline-block; text-indent: -9999px; margin: 0 3px 15px 0;}
.socialmedia .sociallinkFacebook {background: url('../img/sprite.png') no-repeat -196px 0;}
.socialmedia .sociallinkTwitter {background: url('../img/sprite.png') no-repeat -286px 0;}
.socialmedia .sociallinkGooglePlus {background: url('../img/sprite.png') no-repeat -226px 0;}
.socialmedia .sociallinkFoursquare {background: url('../img/sprite.png') no-repeat -256px 0;}

.followFacebook {margin: 0; padding: 0; float: right; font-size: 16px; line-height: 31px; color: #3b5998; text-transform: uppercase; text-decoration: none;}
.checkFoursquare {margin: 0; padding: 15px 20px 0px 20px; float: left; font-size: 16px; line-height: 31px; color: #0732a2; text-transform: uppercase; text-decoration: none;}
.followFacebook a, .followFacebook a:hover {margin: 0 0 10px 0; color: #3b5998; text-transform: uppercase; text-decoration: none;}
.checkFoursquare  a, .checkFoursquare a:hover {margin: 0 0 10px 0; color: #0732a2; text-transform: uppercase; text-decoration: none;}
.fb_edge_widget_with_comment {width: 100% !important;}

.lmBtn {float: right;}

/* ALERT MESSAGE */

#alertMessage {width: 100%; height: auto; padding: 0;}
.messageHeader {font-family: 'Sue Ellen Francisco', Arial, sans-serif; color: #FFFFFF; background: #A9CF38; line-height: 34px; clear: both; display: block; font-size: 28px; text-transform: uppercase; padding: 15px 15px 10px 15px; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); }
.messageContent {padding: 15px; background: #f8f8f8; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); margin: 0 0 35px 0; }
.messageContent p {margin: 0;}

/* ACTIES */

#nieuws h3 {font-family: 'Sue Ellen Francisco', Arial, sans-serif; font-size: 2em; text-transform: uppercase; width: 100%; float: left; clear: both; margin: 15px 0 5px 0;}

/* ARRANGEMENTEN + MASSAGES + PRAKTISCHE INFO */

article.typeItem, article.massage, #praktischeInfoContainer h2 {border-top: 1px dashed #cccccc; padding: 10px 0; margin: 10px 0 0px 0;}
#praktischeInfoContainer h2 {padding: 18px 0 10px 0;}
article.arrangementDetail {border: none; margin: 0; padding: 0;}
article.typeItem h2 {float: left; width: auto; max-width: 60%; clear: none;}
article.typeItem span a {background: #757575; color: #FFFFFF; padding: 5px 10px; display: block; text-decoration: none; font-size: 1.3em; border: none; font-family: 'Arvo', Arial, sans-serif; width: auto; float: right; margin: 0px 0 0 0; text-align: center;}
article.typeItem span a:hover  {background: #A9CF38; cursor: pointer;}
article.typeItem .btnReserveer  {float: right; clear: right;}
article.typeItem .mogelijkVan  {clear: left; width: 60%; margin: 10px 0 0 0; font-weight: bold;}
.accordionContainer  {clear: both; width: 100%; margin: 10px 0;}
span.meerInfo {background: url('../img/sprite.png') no-repeat -94px 0; height: 16px; width: 102px; padding: 0; color: #a9cf38; text-indent: -9999px; display: block;}
span.meerInfo:focus {outline: 0; border: none;}
span.meerInfo:hover {cursor: pointer;}
span.meerInfo.ui-state-active  {background: url('../img/sprite.png') no-repeat -94px -32px;}
.prijs {clear: right; float: right; max-width: 38%; width: auto; margin: 6px 0 0 0; background: #A9CF38; color: #FFFFFF; padding: 8px; font-size: 21px; min-width: 89px; text-align: center;}
.prijsduo {background: #82a221;}

#PacketsAddForm fieldset legend, #PacketsEditForm fieldset legend {display: none;}

.accordionDescription {padding: 10px 0 0 0; height: auto;}

/* ***************************************************************** ARRANGEMENT DETAIL ***************************************************************** */

.typeItemDetail h1 {width: auto; float: left; }
article.typeItemDetail .mogelijkVan  {width: 100%; margin: 10px 0 35px 0;}

/* ***************************************************************** FACILITEITEN ***************************************************************** */

.faciliteit {width: 100%; margin: 15px 0;}
.faciliteit h2 {width: 100%;}
.faciliteit h2 a {color: #757575; text-decoration: none;}

.faciliteit p {width: 100%; clear: both;}
.faciliteit span.meerInfo a, .faciliteit span.meerInfo a:hover  {background: url('../img/plusBtn.png') no-repeat 0 0; height: 16px; width: auto; padding: 0 0 0 24px; color: #a9cf38; display: block; line-height: 16px; float: left; display: block; width: 100%; text-align: left; font-size: 16px;}

#slideshow {width: 100%; height: 289px; overflow: hidden; display: block; margin: 0 0 10px 0;}
#slideshow a img {width: 100%; height: auto; display: block;}
#FotoNav {width: 100%;}
#FotoNav a img {width: 65px; height: auto; float: left; margin: 3px;}

/* ***************************************************************** KALENDER ***************************************************************** */

#choiceNormalContainer, #choicePacketContainer {display: none; margin: 0 0 15px 0;}
.choiceNormalToggleButton, .choicePacketToggleButton, .choiceMassageToggleButton {background: #757575; color: #FFFFFF; padding: 5px 10px; display: block; text-decoration: none; font-size: 1.3em; border: none; font-family: 'Arvo', Arial, sans-serif; width: auto; margin: 15px 0; clear: both; text-align: center;}
.choiceNormalToggleButton:hover, .choicePacketToggleButton:hover, .choiceMassageToggleButton:hover {cursor: pointer; background: #A9CF38;}

.clientPanel {width: 100%; padding: 0; margin: 0; clear: both;}
.clientPanel h2 {margin: 20px 0; padding: 30px 0 0 0; border-top: 1px dashed #cccccc; }
.clientPanel h2 span {color: #A9CF38; font-size: 40px;}
.clientPanel h3 {font-size: 2.4em;}
.clientPanel #choiceMassage {width: 46%; /*clear: both; margin: 35px 0 0 0;*/}
.choice input {width: auto; clear: left;}
.choice label {width: auto; margin: 0 0 0 5px;}
#bookingPanel span a {width: auto; max-width: 94%; width: 94%; float: left; background: #757575; color: #FFFFFF; padding: 5px 3%; display: block; text-align: center; text-decoration: none; font-size: 1.3em; margin: 0px 0 15px 0;}
#bookingPanel span a:hover {background: #A9CF38;}
#selectPanel #calendar {width: 100%; float: left; clear: both; margin: 15px 0 0 0; font-family: 'Arvo', Arial, sans-serif;}

.voucherChoice {width: 46%; float: left; padding: 0; margin: 10px 0;}
.voucherChoice h3 {font-size: 1.8rem; color: #A9CF38; margin: 0 0 10px 0;}
#choiceNormal {float: none; width: 100%; padding: 25px 0; margin: 25px 0; border-bottom: 1px dashed #cccccc; border-top: 1px dashed #cccccc;}
#bookingPanel.clientPanelBooking #choiceNormal {float: left; width: 46%; padding: 0; margin: 0; border: none;}
#choiceNormal input {color: #C3C3C3; background: #FFFFFF; border: 1px solid #D3D3D3; width: 80%;}
#choiceNormal .input.checkbox input {margin: 2px 5px 0 0; width: 20px;}
#choiceNormal .input.checkbox label {margin: 0 0 10px 0; width: 86%;}
#choiceNormal select {padding: 5px; width: 100%;}
#choicePacket {float: right; width: 46%; padding: 0 0 0 4%; border-left: 1px dashed #cccccc;}
.voucherChoice input, .clientPanelBooking #choicePacket input, .clientPanelBooking #choiceMassage input {width: 8%; float: left; margin: 5px 2% 5px 0; clear: left; background: none; border: none;}
.voucherChoice label, .clientPanelBooking label {width: 85%; float: left; margin: 5px 0;}
table.ui-datepicker-calendar tbody tr, table.ui-datepicker-calendar tbody tr:hover {background: none; border: none;}
#calendar .ui-widget-content {border: none; padding: 0; font-family: 'Arvo', Arial, sans-serif;}
#calendar .ui-corner-all {-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: 'Arvo', Arial, sans-serif;}
#calendar .ui-datepicker-inline {margin: 0; width: 100%;}
#selectPanel #calendar .ui-state-default {background: #E6E6E6;}
#selectPanel #calendar .ui-state-active, #selectPanel #calendar .ui-state-default:hover {background: #A3C533; color: #FFFFFF;}
.bookingChoiceMoreInfo {background: #F4F4F4; padding: 15px 5%; width: 90%; display: block; clear: both; margin: 25px 0 0 0;}
.bookingChoiceMoreInfo h4 {margin: 0 0 3px 0; color: #757575;}
.bookingChoiceMoreInfo p {margin: 0;}

h2 span#selectedArrangement {color: #A9CF38; font-size: 28px;}
#selectedDate {padding: 5px; color: #FFFFFF; background: #A9CF38;}

#BookingsIndexForm fieldset {width: 100%; clear: both; max-width: 100%;}
#BookingsIndexForm fieldset legend{display: none;}

span#day {font-size: 1.3em; color: #A9CF38;}
#hours {margin: 15px 0;}
#hours div.hour {margin: 1px 0 0 0; width: 90%; padding: 5px 5%; text-align: center;}

#hours div.active {background: #e6e6e6; border: 1px solid #d3d3d3;}
#hours div.reserved, #hours div.active:hover {background: #A9CF38; border: 1px solid #FFFFFF; color: #FFFFFF; cursor: pointer;}
#hours div.active em {color: #757575;}
#hours div.reserved em, #hours div.active:hover em {color: #FFFFFF;}

form#persoonlijkeGegevens {width: 100%;}
form#persoonlijkeGegevens label {width: 100%; margin: 12px 0 5px 0; float: left;}
form#persoonlijkeGegevens input, form#persoonlijkeGegevens textarea {font-family: 'Arvo', Arial, sans-serif; max-width: 98%; width: 98%; padding: 5px 1%; float: left; color: #C3C3C3; background: #FFFFFF; border: 1px solid #D3D3D3;}
form#persoonlijkeGegevens input:focus, form#persoonlijkeGegevens textarea:focus {color: #FFFFFF; background: #A9CF38; border: 1px solid #FFFFFF;}
form#persoonlijkeGegevens textarea {height: 100px; margin: 0 0 15px 0;}
form#persoonlijkeGegevens input.checkbox {width: 12px; padding: 0px; float: left; margin: 15px 10px 15px 0;}
form#persoonlijkeGegevens input#Boeken {width: auto; float: left; clear: both; margin: 15px 0; background: #757575; color: #FFFFFF; padding: 5px 10px; display: block; border: none;}
form#persoonlijkeGegevens input#Boeken:hover {background: #A9CF38;}

form#BookingsArrangementenForm fieldset legend {display: none;}
div#gekozenGegevens {display: none;}
input#BookingsAgreeConditions {float: left; margin: 25px 0 0 0;}
/*input#BookingsAgreeConditions {float: right; width: 95%; margin: 23px 0 0 1%;}*/

#BookingsEditForm fieldset legend {display: none;}

#BookingsIndexForm .checkboxContainer {float: left;}
#BookingsIndexForm div.submit {clear: both;}
.clientPanel .checkboxContainer {margin: 25px 0 0 0; width: 100%; clear: both;}
.clientPanel .checkboxContainer p, .afhalen p {display: block; width: 100%;}
.clientPanel .checkboxContainer label {display: none;}
.clientPanel .checkboxContainer div.input, .afhalen div.input {width: auto; display: inline; display: inline-block;}
.checkboxContainer span {width: 90%; display: inline; display: inline-block; margin: 10px 0 0 0;}
.clientPanel .checkboxContainer.afhalen span {margin: 0;}

.checkbox label.error {display: block; position: absolute; max-width: 550px; margin: 20px 0 15px 27px;}

#ui-datepicker-div {display: none;}

/* ***************************************************************** RESERVATIES ***************************************************************** */

#tabs h2 {border-top: 1px dashed #cccccc; padding: 20px 0 0 0; margin: 10px 0 10px 0;}
#tabs h2:first-child {border-top: none; padding: 0; margin: 10px 0 10px 0;}
#payWithVoucher h2, #payWithVoucher h2:first-child {border-top: 1px dashed #cccccc; padding: 20px 0 0 0; margin: 10px 0 10px 0;}
.reservatiePrint {margin: 15px 0 35px 0; padding: 20px 0px 0px;}
.button>.inner>button {background: red;}

.checkboxBadlinnen span {display: block; width: 100%; margin: 4px 0; font-size: 10px;}
.checkmark, .checkmark2 {padding: 0 0 0 40px; background: url('../img/checkmark.png') no-repeat 0 50%; min-height: 32px;}
.checkmark2 {background: url('../img/checkmark2.png') no-repeat 0 50%;}
.checkBetaling, .checkCadeaubon {line-height: 32px;}

ul.ui-tabs-nav {border-bottom: 1px solid #CCC; margin: 20px 0; padding: 0; padding: 0; display: inline-block; width: 100% !important; }
ul.ui-tabs-nav li {list-style-type: none; border: 0 none; float: left; height: 27px; margin: 0; padding: 0;}
ul.ui-tabs-nav li a {background-color: #EEE; border: 1px solid #CCC; border-radius: 4px 4px 0 0; color: #666; display: block; height: 14px; margin-right: -1px; padding: 6px; font-size: 12px; text-decoration: none;}
ul.ui-tabs-nav li a:hover, ul.ui-tabs-nav li.ui-state-active a { color: #333; text-decoration: none; background-color: #FFF; border-bottom: 1px solid #FFF; border-top: 1px solid #CCC; }

.ui-tabs .ui-tabs-panel {display: block;}
.ui-tabs .ui-tabs-panel.ui-tabs-hide {display: none;}

.ui-dialog {background: #FFFFFF; border-radius: 0; padding: 25px; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); z-index: 10002 !important; position: absolute;}
.ui-dialog-title {width: 100%; clear: both; font-size: 18px; display: block;}
.ui-icon-closethick {position: absolute; right: 10px; top: 10px;}

td.cell-payment {text-align: center; color: #757575; font-size: 11px;}
td.cell-payment a, td.cell-payment a:hover {text-align: center; color: #757575; font-size: 11px; text-decoration: none;}
td.cell-payment button {padding: 0; color: #757575; font-size: 11px; text-decoration: none;}
td.cell-payment img {margin: 8px 0 0 0; max-width: 9999px;}

td.cell-center {text-align: center;}

/* ***************************************************************** NIEUWSBRIEF ***************************************************************** */

.nieuwsbrief legend {display: none;}
#SubscriptionUnsubscribeForm legend {display: none;}

.newsDescription {height: 120px; overflow: hidden; padding: 0; position: relative; margin: 0; transition: all 1.5s;}
.newsDescription.open {height: auto; overflow: visible; transition: all 1.5s;}
.newsItem .meerInfo {float: right; margin: 15px 0;}
.newsItem .meerInfo.minder {background: url('../img/infoBtn.png') no-repeat 0 100%;}
.newsDescription .newshider {display: none;}
.newsDescription.open .newshider {display: block;}
#newsletterSubscription {margin: 25px 0 0 0;}

/* ***************************************************************** VOUCHERS ***************************************************************** */

.voucherBedrag input {width: 125px;}
.voucherBedrag span.specEuro {line-height: 31px; margin: 0 0 0 15px;}
.waardebonPanel {margin: 0 0 25px 0;}

#cadeaubonPreviewContainer h2 {border-top: 1px dashed #cccccc; margin: 20px 0; padding: 30px 0 0 0;}
#cadeaubonPreview {width: 100%; clear: both;}

#massage-aantal-dialog {height: auto !important;}
.ui-helper-clearfix:after {display: block; margin: 0 0 10px 0;}
#massage-aantal-dialog .ui-icon-alert {display: none;}

/* ***************************************************************** FOOD ***************************************************************** */

article.mondjesplezier div.mondjesplezierImg {background: #f8f8f8; box-shadow: 0 0 5px rgba(0,0,0,0.4); margin: 0; width: 38%; float: right;}
article.mondjesplezier {border-top: 1px dashed #cccccc; padding: 15px 0 10px 0; margin: 10px 0 0px 0; float: left; width: 100%; position: relative;}
article.mondjesplezier div {float: left; width: 60%;}
article.mondjesplezier div img {width: 90%; padding: 10px 5%;}
article.mondjesplezier div h2 {color: #A9CF38;}
article.mondjesplezier div p.price {background: #A9CF38; color: #FFFFFF; padding: 8px; position: absolute; right: 25px; top: 25px; font-size: 21px;}

#FoodEditForm #imageContainer {width: 100%; height: auto; margin: 15px 0;}
#FoodEditForm #imageContainer img {width: 100%; height: auto; max-width: 100%;}

/* ***************************************************************** PRICELIST ***************************************************************** */

.pricelistContainer h2 {padding: 25px 0 10px 0; border-top: 1px dashed #cccccc;}
.pricelist tr td a {color: #757575; text-decoration: none; background: url('../img/go.png') no-repeat 98% 0; padding: 0 20px 0 0;}
.pricelist tr:hover td a {color: #FFFFFF; text-decoration: none; background: url('../img/go.png') no-repeat 98% 100%;}
.pricelist tr td a:hover {text-decoration: none; background: url('../img/go.png') no-repeat 102% 100%;}

/* ***************************************************************** ADMIN ***************************************************************** */

#tblAdmin {margin: 15px 0; width: 100%; clear: both;}
#tblAdmin tbody tr th a, #tblAdmin tbody tr th a:hover, #tblAdmin tbody tr th a:visited {color: #FFFFFF;}
#tblAdmin td, #tblAdmin th {padding: 7px 10px; word-wrap: break-word;}
table tr td.iconEdit a, table tr td.iconDelete a, table tr th.iconEdit, table tr th.iconDelete, table tr td.iconDetail a, table tr th.iconDetail, table tr th.iconPay1, table tr th.iconPay2, table tr th.iconDate, table tr th.iconName {text-indent: -9999px; display: block; width: 20px; height: 20px; background: url('../img/icons.png') no-repeat; margin: 0;} /* GRIJS */
table tr th.iconEdit, table tr th.iconDelete, table tr th.iconDetail, table tr th.iconPay1, table tr th.iconPay2, table tr th.iconDate, table tr th.iconName, table tr th.iconMoney, table tr th.iconBTW, table tr th.iconOrg, table tr th.iconFNumber {display: table-cell; background: #a9cf38 url('../img/icons.png') no-repeat; text-indent: -9999px;}
table tr td.iconEdit a {background-position: 0 -40px;}
table tr:hover td.iconEdit a {background-position: -40px -40px;}
table tr th.iconEdit {background-position: -30px -36px;}
table tr td.iconDelete a {background-position: 0 0px;}
table tr:hover td.iconDelete a {background-position: -40px 0px;}
table tr th.iconDelete {background-position: -30px 4px;}
table tr td.iconDetail a {background-position: 0 -80px;}
table tr:hover td.iconDetail a {background-position: -40px -80px;}
table tr th.iconDetail {background-position: -30px -75px;}
table tr th.iconPay1 {background-position: -30px -115px;}
table tr th.iconPay2 {background-position: -30px -155px;}
table tr th.iconDate, #tblAdmin th.iconDate {background-position: -30px -195px; padding: 5px 40px;}
table tr th.iconName {background-position: -30px -235px;}
table tr th.iconMoney {background-position: -30px -395px;}
table tr th.iconBTW {background-position: -30px -355px;}
table tr th.iconOrg {background-position: -30px -276px;}
table tr th.iconFNumber {background-position: -30px -315px;}
.newsItem {margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px dashed #cccccc;}
#NewsAddForm fieldset legend, #NewsEditForm fieldset legend {display: none;}

#ui-datepcker-div {display: none;}

.admin_gegevens {height:300px;}
#tblAdmin tr.betaald td:first-child {background: url('../img/sprite.png') no-repeat 0 -282px;}
#tblAdmin tr.voorschot-betaald td:first-child {background: url('../img/sprite.png') no-repeat 0 -345px;}
#tblAdmin tr.onbetaald td:first-child {background: url('../img/sprite.png') no-repeat 0 -219px;}
#tblAdmin tr.opgelet td:first-child {background: url('../img/sprite.png') no-repeat 0 -406px;}
#tblAdmin tr.geen-voorschot td:first-child {background: url('../img/sprite.png') no-repeat 0 -468px;}

#tblAdmin .voorschot-betaald:hover, #tblAdmin .onbetaald:hover, #tblAdmin .opgelet:hover, #tblAdmin .betaald:hover {background: #A9CF38; color: #FFFFFF;}

#tblAdmin a:hover {cursor: pointer;}

/* PAGINATOR */

#paginator {width: 100%; clear: both;}
#paginator span {padding: 10px 6px;}

/* INVOICES */

table#tblAdmin tr#row_btw {background: #cacaca; color: #FFFFFF;}
table#tblAdmin tr#row_total {background: #a9cf38; color: #FFFFFF;}
#row_btw td .input.text label, #row_total td .input.text label {display: none;}
.invoices.form fieldset {clear: both;}

/* ************************************************* MOBILE VERSION ************************************************* */

/*
@media screen and (min-width: 1919px) {

#cadeaubonPreviewContainer {position: fixed; right: 15px; top: 275px; width: 465px; height: 500px; background: #f8f8f8; box-shadow: 0 0 5px rgba(0,0,0,0.4); padding: 15px;}
#cadeaubonPreviewContainer h2 {border-top: none; margin: 0; padding: 0;}

}*/

@media screen and (max-width: 1279px)
{

section#wrapper {max-width: 1100px;}

section#contentLeft {max-width: 55%;}

section#contentRight.contentRight2 {width: 41%;}
}

@media screen and (max-width: 1120px)
{

section#wrapper {max-width: 1000px;}

section#contentLeft {max-width: 48%;}

section#contentRight.contentRight2 {width: 48%;}

}

@media screen and (max-width: 1023px) {

section#wrapper {padding: 0 10px;}
section#contentLeft {float: none; width: 100%; padding: 0; max-width: 100%;}
section#contentRight {position: relative; width: 100%; padding: 0; border: none; margin: 50px 0 0 0;}
#homeInfo2 {display: none;}
section#contentRight.contentRight2 {width: 94%; margin: 25px 0 0 0;}

section#contentRight h2 {height: auto;}

#slideshow, #FotoNav {width: 49%; float: left;}
#FotoNav {float: right;}


/* ALERT MESSAGE */

.messageContent {margin: 0 0 20px 0;}

/* LAST-MINUTES */

#lastMinutes {margin: 0;}
#lastMinutes .arrowButton {display: none;}
#lastMinutes .button {float: none; margin: 15px 0; display: block; text-align: center;}

/* SOCIAL MEDIA */

.socialmedia, .socialmedia p {text-align: center;}

/* NEWSLETTER */

#nieuws span a {float: none; margin: 15px 0; display: block; text-align: center;}

}

@media screen and (max-width: 1010px) {

/*section#contentRight.contentRight2 {width: 44%; margin: 0;}*/

}

@media screen and (max-width: 760px) {

#slideshow, #FotoNav {width: 100%; float: none;}

}

@media screen and (max-width: 940px) {

table td, table th {padding: 10px 14px;}
.mobileHide2 {text-indent: -9999px;}

h1 {font-size: 2em;}
h2 {font-size: 1.8em;}

section#wrapper {background: none;}
section#container {padding: 0 0 0 29%;}
section#content {width: 100%; padding: 25px; background: #FFFFFF;}

#containerLeft {margin: 15px 0 0 0; width: 29%;}

footer {background: none; width: 94%; margin: 0 3%; padding: 15px 0;}

/* SLIDER */

.sliderbutton  {display: none;}
#slider span span {font-size: 24px; }

/* NAVIGATION */

section#container nav ul li {background: none; margin: 0; height: auto;}
section#container nav ul li:hover, section#container nav ul li.active {background: none}
section#container nav ul li a {background: #FFFFFF; padding: 6px 25px 3px 10px; height: auto; margin: 0 0 8px 0;}

section#container nav ul li:hover a, section#container nav ul li.active a {color: #FFFFFF; background: #A9CF38;}

section#container nav ul li ul {margin: -48px 0 0 0; position: absolute; left: 29%;}
section#container nav ul li.prakInfo ul {margin: -48px 0 0 0;}
section#container nav ul li ul li {border: none;}
section#container nav ul li ul li a, section#container nav ul li.active ul li a {padding: 6px 10px 6px 15px; background: #757575; color: #FFFFFF;}
section#container nav ul li ul li a:hover, section#container nav ul li.active ul li a:hover {background: #A9CF38;}

/* EXTRA LINKS */

section#container aside ul li {background: none; margin: 0; height: auto; font-size: 18px;}
section#container aside ul li a {padding: 10px 8px 6px 8px; background: #A9CF38; margin: 0 0 8px 0; height: auto;}

.arrowButton {display: none;}

/* PRICELIST */

.tdPersonen {text-indent: -99999px; background: url('../img/userIcon.png') no-repeat 0 0; width: 16px; height: 16px; display: inline-block; margin: 0 0 0 2px;}
.pricelist tr:hover .tdPersonen {background: url('../img/userIcon.png') no-repeat 0 -24px;}

.clientPanel h3 {font-size: 1.8em;}

.socialmedia, .followFacebook {margin: 15px 0; float: none; width: 100%; clear: both;}
.followFacebook .fb_iframe_widget{display: block; margin: 0 auto; width: 265px;}

}

@media screen and (max-width: 875px) {

header span.logo a img {margin: 0 0 0 8px;}

.checkBetaling, .checkCadeaubon {line-height: 16px;}

}

@media screen and (max-width: 774px) {

header span.logo a img {margin: 0 0 0 7px;}

}

@media screen and (max-width: 680px) {

html {background: #e1e1e1;}

table td, table th {padding: 10px 6px;}
.mobileHide {display: none;}

header {background: #FFF; width: 100%; margin: 0; height: 145px; overflow: hidden;}
#slider {display: none;}
#sliderMobile  {display: block;}
header h1 a {position: relative;}

header span.logo a img {padding: 10px; background: rgba(255,255,255,0.9); height: 95px; margin: 15px 0 0 0;}
#lblIngelogd {width: 75px; height: 75px;}
html.bodyAdmin #lblIngelogd {background: url('../img/sprite.png') no-repeat -316px 0;}

#sliderContainer {margin: 0;}

section#container {margin: 0; padding: 0;}
section#content {clear: both; float: none; margin: 0; padding: 65px 25px 25px 25px;}

#containerLeft, section#container aside {float: none; width: 100%; margin: 0; z-index: 999; top: 0;}

footer, footer p {text-align: center;}

#tblAdmin {font-size: 11px;}

/* NAVIGATION */
.toggleMenu {display: block;}
.toggleMenu .menuButton:hover {cursor: pointer;}
.toggleMenu .menuButton {padding: 10px 0 10px 0;}
.nav_toggle_container {display: none;}
section#container nav {width: 100%; margin: 0;}
section#container nav ul {float: none;}
section#container nav ul li {text-align: center; width: 100%;}
section#container nav ul li a {margin: 0; border-bottom: 1px solid #FFFFFF; background: #A9CF38; color: #FFFFFF;}
section#container nav ul li:hover ul {display: none;}

.rMobile1 {display: block;}
.navAdmin {display: none;}

aside.rMobile1 {margin: 15px 0 0 0; width: auto; float: right; position: relative; z-index: 5;}
aside.rMobile1 ul {margin: 0; padding: 0; list-style-type: none;}
aside.rMobile1 ul li {background: none; margin: 0; padding: 0; list-style-type: none; height: auto; font-size: 18px;}
aside.rMobile1 ul li a {padding: 6px 10px 6px 15px; background: #A9CF38; margin: 0 0 8px 0; height: auto; color: #FFF; text-decoration: none; font-family: 'Sue Ellen Francisco', Arial, sans-serif; text-transform: uppercase; display: block; font-size: 15px; width: auto;}

.rMobile2 {display: none;}

#contentRight {margin: 10px 0 0 0; padding: 0; border-top: 1px dashed #cccccc;}
section#contentRight h2 {margin: 15px 0;}

/* LAST-MINUTES */

#lastMinutes .button {font-size: 16px;}

/* RESERVERING */

#choiceNormal, #choicePacket, #bookingPanel.clientPanelBooking #choiceNormal, .voucherChoice, .clientPanel #choiceMassage {float: left; width: 100%; padding: 0; border: none; background: none; margin: 0;}
#choicePacket {margin: 0;}
#choiceNormal {margin: 25px 0 5px 0;}
#choiceNormal select {padding: 10px 3%; width: 100%;}
#choicePacket input {height: 15px;}

.clientPanel h3 {display: none;}
#VouchersIndexForm .clientPanel h3 {display: block; margin: 25px 0 5px 0;}
.clientPanel .bookingChoiceMoreInfo {display: none;}
.choiceNormalToggleButton, .choicePacketToggleButton, .choiceMassageToggleButton {margin: 0 0 15px 0;}

/* VOUCHERS */

.voucherChoice {margin: 15px 0 0 0;}
#cadeaubonPreviewContainer {display: none;}

}

@media screen and (max-width: 520px) {

ul.ui-tabs-nav {border: none;}
ul.ui-tabs-nav li  {float: none; height: 32px;}
ul.ui-tabs-nav li a {border-radius: 0; border: 1px solid #CCC; height: 19px;}
ul.ui-tabs-nav li a:hover, ul.ui-tabs-nav li.ui-state-active a {border: 1px solid #CCC;}

}

@media screen and (max-width: 480px) {

section#wrapper {padding: 0;}
.toggleMenu .menuButton {padding: 10px 0 10px 0; width: 100%;}
#tblAdmin td, #tblAdmin th {padding: 7px;}

#lastMinutes {padding-top: 0;}

.pricelist tr td a {background: none; padding: 0; font-size: 11px;}
.pricelist tr td {padding: 6px 2px; text-align: center;}

}

@media screen and (max-width: 400px) {

#slideshow {height: auto;}

}

#checkbox_drinks {
    margin-bottom: 20px;
}

#checkbox_drinks + label{
    max-width: 1000px;
    margin: 40px 0 15px 27px;
}