/* Speelstad 2012 Stylesheet
	 2012 Always Awake bvba
	 
	 2015 Reponsive design

	 Instead of snooping around in our code, why not hire us for your project?
	 info@alwaysawake.be 
	 
*/

@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Pacifico);
	 
/* Font-face */

@font-face {
    font-family: 'QlassikMediumRegular';
    src: url('/2012/fontface/Qlassik_TB-webfont.eot');
    src: url('/2012/fontface/Qlassik_TB-webfont.eot?#iefix') format('embedded-opentype'),
         url('/2012/fontface/Qlassik_TB-webfont.woff') format('woff'),
         url('/2012/fontface/Qlassik_TB-webfont.ttf') format('truetype'),
         url('/2012/fontface/Qlassik_TB-webfont.svg#QlassikMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'QlassikBoldRegular';
    src: url('/2012/fontface/QlassikBold_TB-webfont.eot');
    src: url('/2012/fontface/QlassikBold_TB-webfont.eot?#iefix') format('embedded-opentype'),
         url('/2012/fontface/QlassikBold_TB-webfont.woff') format('woff'),
         url('/2012/fontface/QlassikBold_TB-webfont.ttf') format('truetype'),
         url('/2012/fontface/QlassikBold_TB-webfont.svg#QlassikBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Cookiebar v3 */

#aa-cookiebar { display: none; }
#aa-cookiebar-cn { position: fixed; bottom: 0; left: 0; right: 0; background: #e1e1e1; font-size: 15px !important; color: #1f1f1f; padding: 5px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: center; align-content: stretch; z-index: 999; }
#aa-cookiebar-msg { flex: 1; margin-right: 2em; margin-left: 10px; font-family: Arial, sans-serif; font-weight: 400; }
#aa-cookiebar-msg a { color: #1f1f1f; font-weight: 700; text-decoration: underline; }
#aa-cookiebar-btn { margin: 0px; text-align: center; }
#aa-cookiebar-btn a { position: relative; display: inline-block; vertical-align: middle; padding: 0.7em 2em; margin: 0px 0px 0px 4px; min-width: 100px; font-family: Arial, sans-serif; font-weight: 700; color: #fefefe; background: #0a9ddf; border-radius: 3px; -webkit-border-radius: 3px; }
#aa-cookiebar-btn a:first-child { background: 0; color: #1f1f1f; text-decoration: underline; }
#aa-cookiebar-btn a:hover { opacity: 0.8; cursor: pointer; }

@media only screen and (max-width: 680px) {
	#aa-cookiebar-cn { font-size: 12px !important; -webkit-text-size-adjust: none; text-size-adjust: none; }
	#aa-cookiebar-cn > * { flex: 1 100%; }
	#aa-cookiebar-msg { margin: 5px 10px 10px 10px; }
	#aa-cookiebar-btn a { margin: 0px 2px; }
}

/* Basics */

html { color: #313246; font-family: 'QlassikMediumRegular';	font-weight: normal; font-size: 16px; width: 100%; height: 100%; margin: 0px; padding: 0px; overflow-y: scroll; }
body { margin: 0px; padding: 0px; height: 100%;	}

img { border: 0; }
h1, h2, h3, p, a { padding: 0; margin: 0; font-weight: normal; }
b { font-weight: normal; font-family: 'QlassikBoldRegular'; }
label:hover { cursor: pointer; color: #21A9FF; }

/* Responsive */

#header-responsive { position: fixed; width: 100%; z-index: 100; min-height: 20px; background: #D5D6D8; box-shadow: 0px 2px 25px rgba(70,70,70,0.8); display: none; }
.responsive-show { display: none; }
@media only screen and (min-width: 821px) {
	body { background: #B20034 url('/2012/lay/sp/bg.jpg') no-repeat center top; }
}

/* Header */

#header { height: 200px; position: relative; margin: 0 auto; width: 960px; padding: 0px; }
#header .menu { position: absolute; top: 96px; right: 0px; width: 630px; height: 35px; text-align: right; }
#header .menu a { font-family: 'Pacifico'; font-size: 26px; font-weight: normal; padding: 2px 8px 5px 16px; color: #000; background: url('/2012/lay/sp/menu-div.png') no-repeat 2px 26px; }
#header .menu a.active { color: #D4184B; }
#header .menu a:hover, .menu a.active:hover { color: #F4386B; }
#header .menu a:first-child { background: none; }

#header .topmenu { position: absolute; top: 10px; right: 0px; width: 830px; height: 35px; text-align: right; }
#header .topmenu a { font-family: 'QlassikMediumRegular'; font-size: 21px; font-weight: normal; padding: 5px 16px; margin-left: 6px; color: #fff; background: #E4285B; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
#header .topmenu a.active { background: #169ED0; }
#header .topmenu a:hover, .topmenu a.active:hover { background: #FFB300; }
#header .topmenu a.met-linkermarge { margin-left: 20px; }

.top-megaspeelstad { position: absolute; top: 70px; left: 0px; width: 332px; height: 81px; }
.top-kinderpretpark { position: absolute; top: 132px; left: 32px; width: 286px; height: 62px; background: url("/2012/lay/sp/kinderpretpark.png") no-repeat 0px 0px; z-index: 3; }

#c-slider { width: 960px; position: relative; top: -34px; z-index: 1; }
#c-slider-cn { width: 960px; height: 340px; padding: 0px; background: #fff; position: relative; overflow: hidden; }
#c-slider-pics { width: 960px; height: 340px; overflow: hidden; position: absolute; top: 0px; left: 0px; }
#c-slider-pics a { display:block; }
#c-slider-pics img { width: 960px; height: 340px; display: block; }
#c-slider-ft { width: 960px; position: relative; height: 18px; background: url("/2012/lay/sp/c-box-ft.png") no-repeat center 0px; }
#c-slider-top { width: 960px; position: absolute; top: 0px; height: 74px; background: url("/2012/lay/sp/c-slider-top.png") no-repeat center 0px; z-index: 10; }
a#c-slider-next, a#header-slider-prev { font-size:18px; color: #42032D; text-decoration:none; font-weight: normal; padding: 10px 5px; background: #fff; }
a#c-slider-next { position: absolute; margin-top: -148px; padding-right: 25px; right: 15px; z-index: 999; }
a#c-slider-prev { position: absolute; margin-top: -148px; padding-left: 25px; left: 15px; z-index: 999; }
a#c-slider-next:hover { background:#fff; color:#21A9FF; }
a#c-slider-prev:hover { background:#fff; color:#21A9FF; }
#c-slider-ribbon { position: absolute; bottom: 10px; right: -84px; width: 525px; height: 99px; background: url("/2012/lay/sp/c-slider-ribbon.png") no-repeat 0px 0px; z-index: 10; }

/* Template */

#container { min-height: 100%; position: relative; }
#cn { position: relative; margin: 0px auto; width: 960px; padding: 0px 0px 300px 0px; z-index: 1; }

#l-pane { position: relative; float: left; width: 600px; margin-bottom: 180px; }
#r-pane { position: relative; float: right; width: 320px; margin-bottom: 180px; }

#ft-abs { position: absolute; bottom: 0px; width: 100%; margin: 0px; height: 400px; padding-top: 40px; background: url("/2012/lay/sp/ft-bg.jpg") repeat-x left top; }
#ft { position: relative; width: 960px; margin: 0 auto; height: 300px; padding: 20px 0px 70px 0px; z-index: 1; }
.clear { clear: both; }
#actie { position: relative; width: 920px; background-color: #D4184B; margin-top: 5px; margin-left: -10px; margin-bottom: 10px; padding: 20px 30px; color: #fff; z-index: 11; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
#actie a { background-color: #fff; padding: 1px 2px; color: #D4184B; }
#actie a:hover { color: #fff; background-color: #169ED0; }
#btn-top { position: fixed;	right: 10px; bottom: 10px; cursor: pointer; display: none; z-index: 12;}

.paginate-table { position: relative; margin: 10px 0px 20px 0px; }
.paginate-table a, .paginate-table span { color: #9E8B84; font-size: 14px; text-decoration: none; padding: 6px 10px; background: #fff; margin-left: 6px; }
.paginate-table a:hover { color: #fff; background: #FF0657; cursor: pointer; }
.paginate-table span.active { color: #fff; background: #7B374E; }

#c-pane { width: 960px; position: relative; margin-bottom: 20px; }
.c-box { width: 940px; background: #fff; padding: 10px; }
.c-box-ft { width: 960px; position: relative; height: 18px; background: url("/2012/lay/ra/c-box-ft-fade.png") no-repeat center 0px; }
.c-back { float: right; margin-left: 10px; }
.c-video { padding: 5px 5px 20px 5px; background: #fff url("/2012/lay/ra/l-box-bg.png") no-repeat right bottom; } /* extend c-box to l-box dimensions */
.c-box-titel { padding: 0px 0px 10px 32px; margin: 5px 5px 15px 5px; background: url("/2012/lay/ra/t-icon.png") no-repeat 0px 0px; }
.c-box-titel h1 { font-family: 'ColaborateMediumRegular'; font-size: 32px; font-weight: normal; text-transform: uppercase; color: #BC935B; line-height: 0.9em; }
.c-box-txt { padding: 10px 60px; text-align: left; }
.c-box .paginate-table { clear: both; padding: 20px 5px 0px 5px; }

.c-box-txt p, .l-box-txt p { margin-bottom: 6px; }
.c-box-txt h1, .l-box-txt h1 { font-size: 28px; margin-bottom: 6px; color: #404040; }
.c-box-txt h2, .l-box-txt h2 { font-size: 24px; margin-bottom: 6px; color: #404040; }
.c-box-txt h3, .l-box-txt h3 { font-size: 16px; margin-bottom: 6px; color: #404040; }

/* R Kalender */

.ajax_kalender { margin-left: 7px; padding: 10px 0px 7px 0px; }
table.calendar { text-align: center; color: #B20034; border-spacing: 5px; font-size: 16px; position: relative; }
table.calendar th { font-family: 'QlassikBoldRegular'; font-size: 18px; }
table.calendar td { background: #D2D3D5; color: #f0f1f2; width: 36px; height: 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
table.calendar td a { color: #fff; padding: 5px 8px; }
table.calendar td a:hover { font-size: 24px; padding: 3px 6px; } 
table.calendar td.cal-type-1 { background: #FF7300; }
table.calendar td.cal-type-2 { background: #49CB00; }
table.calendar td.cal-type-3 { background: #169ED0; }
table.calendar td.cal-type-4 { background: #e4285B; }
table.calendar td.cal-empty { background: none; }
table.calendar td.cal-today { font-size: 24px; }
table.calendar td.cal-today a { padding: 3px 6px; }
caption.calendar-month { font-size: 24px; color: #000; font-family: 'QlassikBoldRegular'; text-transform: uppercase; }
caption.calendar-month a { margin: 0px 10px; padding: 5px 20px; background: #FFC501; color: #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
caption.calendar-month a:hover { background: #FF7300; }
span.calendar-prev { position: absolute; left: -5px; top: 0px; }
span.calendar-next { position: absolute; right: -5px; top: 0px; }
#r-kalender-titel h2 { text-align: center; font-weight: normal; font-size: 24px; padding: 5px 0px 0px 10px; color: #096798; }
#r-kalender-legende { margin-bottom: 12px; }
#r-kalender-legende div { color: #fff; font-size: 15px; clear: left; padding-bottom: 5px; }
#r-kalender-legende div font { font-size: 12px; margin-left: 4px; }
#r-kalender-legende .cal-type-1 span { float: left; background: #FF7300; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px; margin-right: 6px; }
#r-kalender-legende .cal-type-2 span { float: left; background: #49CB00; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px; margin-right: 6px; }
#r-kalender-legende .cal-type-3 span { float: left; background: #169ED0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px; margin-right: 6px; }
#r-kalender-legende .cal-type-4 span { float: left; background: #e4285B; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px; margin-right: 6px; }
#r-kalender-reserveren { font-family: 'Pacifico'; font-weight: normal; font-size: 18px; padding: 0px 0px 4px 10px; color: #096798; }

/* R Pane */

.r-box { width: 320px; background: #fff; padding: 0px; }
.r-box-ft { width: 320px; height: 20px; background: url("/2012/lay/sp/r-box-ft.png") no-repeat center top; }
.r-box-titel { padding: 0px; margin: 0px 0px 5px 0px; border-bottom: 1px solid #dadada; }
.r-box-titel h2 { padding: 0px; margin: 0px; font-family: 'QlassikBoldRegular'; font-size: 23px; font-weight: normal; color: #FF0657; }
.r-box-titel a { float: right; margin-top: 8px; margin-left: 6px; }
.r-box-txt { padding: 10px; margin: 0px 10px; font-size: 15px; }
.r-box-txt p { padding: 0px 0px 6px 0px; }
.r-box-txt h1 { font-size: 32px; margin: 10px 0px; line-height: 0.9em; }
.r-box-txt h2 { font-size: 24px; margin: 10px 0px; line-height: 0.9em; }
.r-box-txt h3 { font-size: 18px; margin: 10px 0px; line-height: 0.9em; }
.r-box-txt ul { padding: 4px 0px 6px 10px; margin: 0px; }
.r-box-txt li { margin-top: 6px; font-size: 16px; }
.r-box-txt li:first-child { margin-top: 0px; }
#r-media { padding: 20px 10px 0px 10px; }
#r-media img { padding: 0px 7px; }

.r-box.geel { background: #ffee22; }
.r-box-txt.geel { font-size: 15px; }
.r-box-txt.geel h2 { font-size: 24px; margin: 10px 0px; line-height: 0.9em; }

.goed-om-weten p { font-family: 'QlassikBoldRegular'; font-size: 21px; padding: 6px 0px 8px 0px; line-height: 0.9em; }
.goed-om-weten h1 { font-family: 'Pacifico'; line-height: 0.9em; margin-bottom: 16px; }
.goed-om-weten h2 { font-family: 'QlassikBoldRegular'; font-size: 32px; padding: 6px 0px 0px 0px; line-height: 0.9em; }
.goed-om-weten h3 { font-family: 'QlassikBoldRegular'; font-size: 26px; padding: 6px 0px 0px 0px; line-height: 0.9em;}

/* L Pane */

.l-box { position: relative; width: 562px; background: #fff; padding: 15px 15px 30px 15px; min-height: 72px; }
.l-box.zonder-bottompadding { padding-bottom: 0px; }
.l-box-ft { width: 592px; height: 20px; background: url("/2012/lay/sp/l-box-ft.png") no-repeat center top; }
.l-box-titel { padding: 0px 0px 6px 0px; margin: 0px 0px 5px 0px; }
.l-box-titel h1 { padding: 0px; margin: 0px; font-family: 'QlassikBoldRegular'; font-size: 64px; font-weight: normal; line-height: 50px; color: #FF0657; }
.l-box-txt { position: relative; padding: 10px; text-align: left; }
.l-box-txt h1 { color: #1987b8; line-height: 0.9em; margin-bottom: 10px; }
.l-box-txt h3 { font-size: 20px; margin: 0px 0px 10px 0px; padding: 0px; }
.l-box-txt a { font-family: 'QlassikBoldRegular'; }
.l-box-txt ul { padding: 10px 20px; margin: 0px; }
.l-box-txt li { margin-top: 10px; font-size: 16px; }
.l-box-txt li:first-child { margin-top: 0px; }
.l-back { float: right; margin-left: 10px; }
.item-media { margin-bottom: 15px; }
.item-media.image, .item-media.soundcloud, { margin-left: 0px; float: left; margin-bottom: 15px; }
.item-media.googlemap { position: relative; margin: 0px 0px 15px 0px; }
.item-media.googlemap iframe { width: 100%; height: 300px; }
.item-media.image img, .item-media.youtube object, .item-media.soundcloud, .item-media.googlemap iframe { display: block; }
.item-media.image img { width: 100%; height: auto; }
.item-media.youtube, .item-media.vimeo {  position: relative; padding-bottom: 54.25%; padding-top: 10px; height: 0; overflow: hidden; }
.item-media.vimeo.format-4-3 { padding-bottom: 72%; }
.item-media.youtube iframe, .item-media.vimeo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.l-box-forward-btn { float: right; }
.l-box-forward-btn a { padding: 4px 10px; font-size: 18px; color: #fff; background: #7B374E; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.l-box-forward-btn a:hover { padding: 4px 10px; color: #fff; background: #FF0657; }

#attracties-overzicht .l-box-titel h1 { font-size: 64px; font-weight: normal; line-height: 50px; }
#attracties-overzicht .l-box-txt h1 { color: #1987b8; line-height: 0.9em; margin-bottom: 10px; }

/* Footer content */

.ft-box { float: left; width: 320px; }
.ft-box-titel { position: relative; height: 59px; padding: 30px 0px 0px 0px; width: 320px; background: url("/2012/lay/sp/ft-titel.png") no-repeat 0px 0px; text-align: center; }
.ft-box-titel p { color: #fff; font-size: 24px; }
.ft-box-txt { text-align: center; color: #D80040; font-size: 17px; }
.ft-box-txt a { color: #E08CA3; }
.ft-box-txt a:hover { color: #FFC501; }
.ft-box-txt.sitemap a { color: #D80040; display: block; margin-bottom: 6px; }
.ft-box-txt.sitemap a:hover { color: #FFC501; }
.ft-box-txt.sitemap a.active { color: #fff; }

.ft-box-txt.informatie a { color: #D80040; display: block; margin-bottom: 6px; }
.ft-box-txt.informatie a:hover { color: #FFC501; }
.ft-box-txt.informatie a.active { color: #fff; }

.ft-cookies-privacy { position: relative; padding: 20px 10px; }
.ft-cookies-privacy a	{ margin: 0px 5px; font-weight: bold; background: #D80040; border-radius: 3px; -webkit-border-radius: 3px; padding: 4px 10px; }

#ft-credits { position: absolute; bottom: 10px; width: 100%; text-align: center; }
#ft-credits a { font-size: 10px; font-weight: 400; text-transform: uppercase; text-decoration: none; color: rgba(255,255,255,0.6); padding: 3px 6px; display: inline-block; margin: 0px 2px; border-radius: 3px; -webkit-border-radius: 3px; }
#ft-credits a:hover { color: #fafafa; background: rgba(0,0,0,0.6); }

/* Welkom */

#l-welkom { position: relative; text-align: center; }
#l-welkom .l-box-txt p { font-size: 19px; }

#l-welkom-forwarders { position: absolute; top: -33px; left: -4px; width: 100%; z-index: 10; }
#l-facebook, #l-reserveeronline, #l-reserveerontbijt { position: relative; display: inline; vertical-align: top; }
#l-welkom-forwarders a { position: relative; padding: 10px 5px; font-weight: bold; font-size: 20px; color: #fefefe; background: #49CB00; margin: 0px 2px; }
#l-welkom-forwarders a:hover { background: #169ED0; }
#l-welkom-forwarders a i { margin-right: 10px; font-weight: 400; }
#l-facebook a { background: #3B5998; }

/* Attracties */

.l-box-attracties { width: 590px; background: #fff; padding: 0px 0px 0px 2px; min-height: 72px; position: relative; vertical-align: top; text-align: center; }
.l-box-attracties .item { display: inline-block; position: relative; width: 190px; height: 180px; background: url("/2012/lay/sp/l-item-attractie-ft.png") no-repeat 12px 159px; margin: 3px; }
.l-box-attracties .item-titel { position: absolute; top: 10px; left: 0px; width: 180px; background: url("/2012/lay/sp/l-box-attractie-titel.png") no-repeat; z-index: 2; padding: 8px 5px 22px 5px; }
.l-box-attracties .item-titel h2 { color: #005582; font-size: 20px; font-family: 'QlassikBoldRegular'; text-align: center; }
.l-box-attracties .item-thumb { position: absolute; top: 0px; left: 15px; width: 160px; height: 160px; z-index: 1; }
.l-box-attracties .item-thumb img { display: block; }
.l-box-nog-veel-meer { width: 552px; background: #fff; padding: 0px 20px 20px 20px; font-family: 'Pacifico'; font-size: 32px; color: #096798; line-height: 32px; }

/* Speeltuin */

#l-binnenspeeltuin .l-box .l-box-titel h1 { font-size: 34px; }
#l-binnenspeeltuin .l-box-txt { padding: 0px 10px; }
#l-buitenspeeltuin .l-box .l-box-titel h1 { font-size: 34px; }
#l-buitenspeeltuin .l-box-txt { padding: 0px 10px; }
#l-speeltuin .l-box .l-box-titel h1 { font-size: 34px; }
#l-speeltuin .l-box-txt { padding: 0px 10px; }

/* Feestjes */

#l-feestjes .l-box .l-box-titel h1 { font-size: 34px; }
#l-feestjes .l-box-txt { padding: 0px 10px; }
#l-feestjes .l-box .l-box-txt h4 { position: relative; width: 100%; padding: 0; text-align: center; }
#l-feestjes .l-box .l-box-txt h4 a { position: relative; display: inline-block; vertical-align: top; font-family: 'QlassikMediumRegular'; font-size: 32px; font-weight: normal; padding: 16px 16px; margin-left: 6px; color: #fff; background: #D4184B; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 0; min-width: 80%; box-sizing: border-box; -webkit-box-sizing: border-box; }
#l-feestjes .l-box .l-box-txt h4 a:hover { background: #169ED0; }

/* Groepen */

#l-groepen .l-box .l-box-titel h1 { font-size: 34px; }
#l-groepen .l-box-txt { padding: 0px 10px; }

/* Info (andere talen) */

#l-info .l-box .l-box-titel h1 { font-size: 34px; }
#l-info .l-box-txt { padding: 0px 10px; }

/* Vacatures */

#l-vacatures .l-box .l-box-titel h1 { font-size: 34px; }
#l-vacatures .l-box-txt { padding: 0px 10px; }

/* Ontbijt */

#l-ontbijt .l-box .l-box-titel h1 { font-size: 34px; }
#l-ontbijt .l-box-txt { padding: 0px 10px; }
#l-ontbijt .l-box .l-box-txt h4 { position: relative; width: 100%; padding: 0; text-align: center; }
#l-ontbijt .l-box .l-box-txt h4 a { position: relative; display: inline-block; vertical-align: top; font-family: 'QlassikMediumRegular'; font-size: 32px; font-weight: normal; padding: 16px 16px; margin-left: 6px; color: #fff; background: #D4184B; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 0; min-width: 80%; box-sizing: border-box; -webkit-box-sizing: border-box; }
#l-ontbijt .l-box .l-box-txt h4 a:hover { background: #169ED0; }

/* Reserveren */

textarea, select, input, a.btn-link {	color: #312721;	padding: 7px;	border: 1px solid #47433C; -webkit-border-radius: 6px; -moz-border-radius: 6px;	border-radius: 6px;	}

input[type=submit] { font-family: 'QlassikMediumRegular'; font-size: 21px; font-weight: normal; padding: 5px 16px; margin-left: 6px; color: #fff; background: #D4184B; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 0; }
input[type=submit]:hover { cursor: pointer; background: #169ED0; }

#submit-form { float: right; width: 300px; position: relative; text-align: right; margin: 10px; }

.l-form { padding: 0px 10px; }
.l-form textarea, .l-form select, .l-form input[type=text] {	float: left; font-size: 14px; margin-top: 2px; margin: 5px; background: #FFF0D3; border: 1px solid #CB7E12; }
.l-form textarea:focus, .l-form select:focus, .l-form input[type=text]:focus { background: #fff; border: 1px solid #DB8E22; }
.l-form font { clear: left; width: 448px; display: block; margin: 0px 20px 10px 20px; }
.l-form h2, h3 { clear: left; padding-top: 20px; }
.l-form textarea.empty, .l-form select.empty, .l-form input[type=text].empty, .l-form input[type=radio].empty {	color: #312721;	padding: 6px;	border: 2px solid #D4184B; background: #fff0fa; }
.l-form input[type=radio].empty + label { color: #D4184B; } 
.l-form input[type=submit] { font-size: 24px; font-weight: normal; }
.l-form textarea { width: 516px; min-height: 80px; }

.l-form textarea.default-input-active, .l-form select.default-input-active, .l-form input[type=text].default-input-active { color: #8A5F3D; font-style: italic; }

.l-form-checkbox { position: relative; display: block; margin: 10px; }
.l-form-radio { position: relative; display: block; margin: 10px; }
.l-form input[type=checkbox] { display:none; }
.l-form input[type=checkbox] + label:before { font-family: FontAwesome; display: inline-block; width: 40px; font-size: 21px; content: "\f0c8"; color: #BDBDBD; }
.l-form input[type=checkbox] + label:hover { color: #8F9066; }
.l-form input[type=checkbox]:checked + label { color: #97C03C; }
.l-form input[type=checkbox]:checked + label:before { content: "\f14a"; color: #97C03C; }
.l-form input[type=radio] { display:none; }
.l-form input[type=radio] + label:before { font-family: FontAwesome; display: inline-block; width: 40px; font-size: 21px; content: "\f0c8"; color: #BDBDBD; }
.l-form input[type=radio] + label:hover { color: #8F9066; }
.l-form input[type=radio]:checked + label { color: #97C03C; }
.l-form input[type=radio]:checked + label:before { content: "\f14a"; color: #97C03C; }


/* Contact */

/* Media */

.media-thumb { width: 225px; height: 225px; float: left; position: relative; margin: 5px; }
.media-thumb-img { position: absolute; left: 0px; top: 0px; padding: 5px; background: #fff; }
.media-thumb-img img { display: block; }
.media-thumb:hover .media-thumb-img { padding: 5px; background: #E5D1B6; }
.media-thumb-titel { position: absolute; left: 5px; bottom: 10px; width: 192px; }
.media-thumb-titel h3 { display: inline-block; background: #fff; color: #333; font-size: 14px; padding: 6px 6px 4px 6px; line-height: 14px; text-transform: uppercase; font-family: 'ColaborateMediumRegular'; font-weight: normal; }
.media-thumb-share { display: none; position: absolute; left: 5px; bottom: 5px; background: url("/2012/lay/ra/media-thumb-share-bg.png"); width: 215px; height: 50px; }
.media-thumb-share-facebook { position: absolute; top: 15px; right: 68px; width: 28px; height: 29px; }
.media-thumb-share-twitter { position: absolute; top: 15px; right: 28px; width: 27px; height: 29px;  }
.media-thumb-share-txt { position: absolute; top: 19px; left: 28px; color: #404040; font-size: 15px; font-family: 'ColaborateMediumRegular'; color: #3F3F3F; text-transform: uppercase; }

/* Hyperlinks */

a {	color: #0F83B4;	text-decoration: none; }
a:hover {	color: #FF7300; }

/* Share */

.share { float: right; font-size: 17px; font-family: 'ColaborateMediumRegular'; color: #3F3F3F; height: 14px; clear: both; }
.share-txt, .share-div { float: left; line-height: 14px; }
.share-facebook { float: left; margin-left: 6px; margin-top: -6px; margin-right: 4px; }
.share-twitter { float: left; margin-left: 6px; margin-top: -6px; display: block; }
.share-facebook:hover, .share-twitter:hover { background: url("/2012/lay/share-hover.png") no-repeat; }

/* Responsive */

@media only screen and (max-width: 1160px) {
	.responsive-hide { display: none !important; }
	.responsive-show { display: block; }	
	body { width: 100%; background: #B30035; }
	
	#cn { width: 100%; padding: 70px 0px 20px 0px; z-index: 1; }
	#l-pane, #r-pane, #c-pane { position: relative; float: none; width: 100%; margin-bottom: 20px; }
	#ft-abs { position: relative; bottom: auto; height: auto; }
	#ft { position: relative; width: 100%; padding: 20px 0px 30px 0px; height: auto; }
	#actie { width: 100%; background-color: #D4184B; margin: 10px 0px; padding: 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

	.c-box { width: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.c-box-ft { width: 100%; background-size: contain; }	
	
	.r-box { width: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.r-box-ft { width: 100%; background-size: contain; height: 30px; }
	
	.l-box { width: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.l-box-titel { padding: 10px 0px 6px 0px; text-align: center; }
	.l-box-titel h1 { font-size: 32px !important; line-height: 1em; }
	.c-box-txt h1, .l-box-txt h1 { font-size: 26px; line-height: 1.2em; margin-bottom: 10px; }
	.c-box-txt h2, .l-box-txt h2 { font-size: 22px; line-height: 1.2em; margin-bottom: 10px; }
	.c-box-txt h3, .l-box-txt h3 { font-size: 20px; line-height: 1.2em; margin-bottom: 10px; }
	.c-box-txt p, .l-box-txt p { font-size: 18px; line-height: 1.2em; margin-bottom: 10px; }	
	.item-media.image, .item-media.googlemap { position: relative; display: block; text-align: center; float: none; }
	.l-box-ft { width: 100%; background-size: contain; }

	#c-slider { width: 100%; top: auto; min-height: 120px; }
	#c-slider-cn { width: 100%; height: auto; min-height: 120px; overflow: visible; }
	#c-slider-pics { width: 100%; height: auto; min-height: 120px; overflow: visible; position: relative; top: auto; left: auto; }
	#c-slider-pics img { width: 100%; height: auto; display: block; position: absolute; top: 0px; }
	#c-slider-ft { width: 100%; position: relative; height: 18px; background-size: contain; }
	a#c-slider-next, a#header-slider-prev { display: none !important; }

	#c-slider .nivo-caption {	top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(0,0,0,0.5); opacity: 0.9; }
	.nivo-caption p {	padding: 5px; margin: 0; font-size: 12px; }
	.nivo-caption h1, .nivo-caption h2, .nivo-caption h3 { padding: 5px; margin: 0; }
	.nivo-caption h1 { line-height: 0.9em; color: #ff9; font-size: 18px; }
	.nivo-caption h2 { line-height: 0.9em; color: #9f9; font-size: 16px; }
	.nivo-caption h3 { line-height: 0.95em; font-size: 14px; }
	
	#l-logo-responsive { position: relative; display: block; width: 100%; background: #fff; padding: 18px 0px 0px 0px; text-align: center; }
	#l-logo-responsive img { display: inline-block; width: 100%; height: auto; max-width: 480px; }
	#l-facebook-responsive { position: relative; display: inline-block; width: 50%; background: #5271B7; padding: 18px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fefefe; font-size: 24px; text-align: center; }
	#l-reserveeronline-responsive { position: relative; display: inline-block; width: 50%; background: #49CB00; padding: 18px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 24px; text-align: center; }
	#l-reserveerontbijt-responsive { position: relative; display: inline-block; width: 50%; background: #E4285B; padding: 18px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 24px; text-align: center; }
	#l-tarieven-responsive { position: relative; display: inline-block; width: 50%; background: #169ED0; padding: 18px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 24px; text-align: center; }
	#l-openingsuren-responsive { position: relative; display: inline-block; width: 50%; background: #169ED0; padding: 18px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 24px; text-align: center; }	
	#l-facebook-responsive a, #l-reserveeronline-responsive a, #l-reserveerontbijt-responsive a, #l-tarieven-responsive a, #l-openingsuren-responsive a { color: #fefefe; }
	#l-facebook-responsive a i, #l-reserveeronline-responsive a i, #l-reserveerontbijt-responsive a i, #l-tarieven-responsive a i, #l-openingsuren-responsive a i { margin-right: 0.5em; }
	.box_ajax_kalender { padding-top: 60px; }

	.ft-box { width: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.ft-box-titel { margin: 0 auto; }
	
	.box_ajax_kalender { position: relative; text-align: center; vertical-align: top; }
	.ajax_kalender { position: relative; display: inline-block; padding: 10px 0px; margin: 0 auto; }
	#r-kalender-legende { padding: 0px 20px; }
	
	.l-box-attracties { width: 100%; padding: 0px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.l-box-attracties .item { width: 180px; height: 180px; background: url("/2012/lay/sp/l-item-attractie-ft.png") no-repeat 7px 159px; margin: 0px; }
	.l-box-attracties .item-titel { position: absolute; top: 10px; left: -5px; width: 180px; background: url("/2012/lay/sp/l-box-attractie-titel.png") no-repeat; z-index: 2; padding: 8px 5px 22px 5px; }
	.l-box-attracties .item-thumb { position: absolute; top: 0px; left: 10px; }
	.l-box-nog-veel-meer { width: 100%; padding: 0px 0px 20px 0px; text-align: center; }
	
	textarea, select, input, a.btn-link {	width: 100% !important; padding: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; }
	input[type=radio], input[type=checkbox] { width: auto !important; }
	.l-form { padding: 0px; }
	.l-form textarea, .l-form select, .l-form input[type=text] { float: none; position: relative; display: block; margin: 10px 0px; }
	#submit-form { float: none; text-align: center; width: 100%; margin: 10px 0px; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#submit-form input[type=submit] { margin: 0px; max-width: 80%; float: none; display: inline-block; padding: 16px; }
	.datum-select select:nth-child(1) { width: 20% !important; display: inline-block; }
	.datum-select select:nth-child(2) { width: 60% !important; display: inline-block; }
	.datum-select select:nth-child(3) { width: 20% !important; display: inline-block; }		

	#header { display: none; }
	#header-responsive { min-height: 20px; display: block; z-index: 101; }
	#header-responsive .menu, #header-responsive .topmenu { position: relative; text-align: left; width: 100%; margin: 0px; padding: 0px; display: none; }
	#header-responsive .menu a, #header-responsive .topmenu a { font-family: 'QlassikBoldRegular'; font-size: 24px; font-weight: normal; position: relative; display: block; width: 100%; text-align: center; padding: 18px 10px; border: 0; border-top: 1px solid rgba(0,0,0,0.1); color: #fff; background: #E4285B; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; margin: 0; }
	#header-responsive .menu a.active, #header-responsive .topmenu a.active { border-top: 1px solid rgba(0,0,0,0.1); color: #fff; background: #FFB300; }
	#header-responsive .top-megaspeelstad { position: absolute; top: 2px; left: 16px; width: 126px; height: 41px; }
	#header-responsive .top-megaspeelstad img { display: block; width: 100%; height: auto; }
	#header-responsive .top-kinderpretpark { position: absolute; top: 30px; left: 6px; width: 143px; height: 31px; background: url("/2012/lay/sp/kinderpretpark.png") no-repeat 0px 0px; background-size: contain; z-index: 3; }

	#menu-responsive-btn { color: #fff; background: rgba(70,70,72,0.5); position: relative; float: right; padding: 12px 18px; border: 0; border-left: 1px solid rgba(0,0,0,0.1); }
	#menu-responsive-btn:hover, #lang-responsive-btn:hover { cursor: pointer; }
	#menu-responsive-btn:before { content: "\f0c9"; font-family: FontAwesome; font-size: 24px; }
	#lang-responsive-btn { color: #fff; background: rgba(70,70,72,0.5); position: relative; float: right; padding: 12px 18px; border: 0; border-left: 1px solid rgba(0,0,0,0.1); }
	#lang-responsive-btn:hover, #lang-responsive-btn:hover { cursor: pointer; }
	#lang-responsive-btn:before { content: "\f05a"; font-family: FontAwesome; font-size: 24px; }

}

@media only screen and (min-width: 460px) and (max-width: 1160px) {
	.nivo-caption p {	font-size: 20px; }
	.nivo-caption h1 { font-size: 32px; }
	.nivo-caption h2 { font-size: 28px; }
	.nivo-caption h3 { font-size: 24px; }
}

@media only screen and (min-width: 821px) and (max-width: 1160px) {
	#l-pane { position: relative; display: inline-block; float: left; width: 54%; margin: 10px; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; }
	#r-pane { position: relative; display: inline-block; float: right; width: 40%; margin: 10px; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; }
	#c-pane { position: relative; display: inline-block; float: none; width: 100%; margin: 10px; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; }
}

@media only screen and (min-width: 460px) and (max-width: 820px) {
	#header-responsive .menu a, #header-responsive .topmenu a { width: 50%; padding: 24px; float: left; }
	#header-responsive .menu a:nth-child(even), #header-responsive .topmenu a:nth-child(even) { border-left: 1px solid rgba(0,0,0,0.1); }
}


/* Colorbox */

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxWrapper { max-width:none; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative; }
#cboxLoadedContent { overflow:auto; -webkit-overflow-scrolling: touch; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; height:100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }
.cboxPhoto { float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic; }
.cboxIframe { width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; }

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay { background:#000;}
#colorbox { outline:0;}
    #cboxContent { margin-top:40px;}
        .cboxIframe { background:#fff;}
        #cboxError { padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{ }
        #cboxTitle { position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent { position:absolute; top:-20px; right:40px; color:#ccc; visibility: hidden !important; }
        #cboxLoadingGraphic{ }
        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline:0; }
        #cboxSlideshow {position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious, #cboxNext { position:absolute; top:50%; margin-top:-50px; width:50px; height:100px; background: rgba(0,0,0,0.6); color: #ccc; outline: none; }
        #cboxPrevious { left: 0px; }
        #cboxPrevious:before { font-size: 72px; font-family: FontAwesome; content: "\f104"; }
        #cboxNext:hover, #cboxPrevious:hover { color: #fff; background: rgba(0,0,0,0.8); }
        #cboxNext { right:0px; }
        #cboxNext:before { font-size: 72px; font-family: FontAwesome; content: "\f105"; }
        #cboxClose { position:absolute; top: -45px; right: -14px; display:block; width:45px; height:45px; color: #ccc; outline: 0; }
        #cboxClose:before { font-family: FontAwesome; font-size: 24px; content: "\f00d"; }
        #cboxClose:hover { color: #fff; }
				

/*
 * jQuery Nivo Slider v3.0.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background-color:#fff; 
  filter: alpha(opacity=0); 
  /*non ie*/
  opacity: 0;
  -webkit-opacity:0;
  -moz-opacity:0;
  -khtml-opacity:0;
}

/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 3px 10px 8px 10px;
	overflow: hidden;
	display: none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	text-align: center;
}

@media screen and (min-width: 1160px) {
	#c-slider .nivo-caption {	top: 0px; left: 600px; width: 328px; height: 288px; padding: 40px 20px 20px 20px; background: url("/2012/lay/sp/c-slider-caption.png"); opacity: 0.8; }
	.nivo-caption p {	padding: 5px; margin: 0; }
	.nivo-caption h1, .nivo-caption h2, .nivo-caption h3 { padding: 5px; margin: 0; }
	.nivo-caption h1 { line-height: 0.9em; color: #ff9; }
	.nivo-caption h2 { line-height: 0.9em; color: #9f9; }
	.nivo-caption h3 { line-height: 0.95em; }
	.nivo-caption a { display:inline !important; }
	.nivo-html-caption { display:none; }
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.nivoSlider {
    position:relative;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
		width: 100%;
}