@charset "UTF-8";


html	 											{ margin: 0; padding: 0; height: 100%;}
body												{ background-image: url('../images/layout.background.top.png'), url('../images/background.grey.png'); background-repeat: repeat-x, repeat-y; background-position: top center, center; background-color: #f5f4f1; margin: 0; padding: 0; height: 100%; }
html.mceContentBody,
body.mceContentBody 								{ background: none; margin: 10px;}

header												{ position: relative; }
header > nav										{ background: url('../images/layout.menu.bg.png') no-repeat top center; width: 866px; height: 75px; margin: 25px auto 7px; position:relative; }

header > nav ul										{ list-style: none; width: 856px; margin: 0 auto; padding: 0;  }
header > nav > ul li								{ float: left; width: 214px; text-align:center; line-height: 16px; height: 65px; }
header > nav  ul li a								{ padding: 17px 0 0; height: 48px; width: 214px; display: block; font-family: 'Open Sans', sans-serif; color: #191919; font-size: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; }
header > nav > ul > li:hover							{ }
header > nav > ul > li.active a,
header > nav > ul > li:hover a 						{ color: white; text-shadow: none; filter: none;}
header > nav > ul > li.am.active,
header > nav > ul > li.am:hover						{ background-color: #a50344; }
header > nav > ul > li.ic.active,
header > nav > ul > li.ic:hover						{ background-color: #cebf15; }
header > nav > ul > li.mem.active,
header > nav > ul > li.mem:hover					{ background-color: #d30911; }
header > nav > ul > li.vvam.active,
header > nav > ul > li.vvam:hover					{ background-color: #87cfef; }

#submenu											{ display: block; height: 0px; width: 855px; opacity: 0.94; position: absolute; left: 5px; top: 65px; z-index: 100; overflow:hidden; }
#submenu.am											{ background: url('../images/layout.menu.am.png') 654px 28px no-repeat, url('../images/layout.sub.menu.bg.png') center top no-repeat;; }
#submenu.ic											{ background: url('../images/layout.menu.ic.png') 685px 60px no-repeat, url('../images/layout.sub.menu.bg.png') center top no-repeat;; }
#submenu.mem										{ background: url('../images/layout.menu.memories.png') 640px 60px no-repeat, url('../images/layout.sub.menu.bg.png') center top no-repeat;; }
#submenu.vvam										{ background: url('../images/layout.menu.vvam.png') 618px 80px no-repeat, url('../images/layout.sub.menu.bg.png') center top no-repeat;; }

#submenu nav										{ display: none; position: relative; }
#submenu nav ul										{ margin: 24px; width: 502px; }
#submenu nav ul li									{ float: left; width: 221px; height: 69px; border-bottom: 1px solid rgba(0,0,0,0.06); margin-right: 30px;}
#submenu nav ul li a								{ width: 219px; height: 69px; color: #565451; text-transform: uppercase; padding: 0 0 0 2px; line-height: 69px;}
#submenu nav ul li a.active,
#submenu nav ul li a:hover							{ color: #a50344; }

#submenu .logo										{ display: none; }

section												{ width: 856px; margin: 20px auto; }
footer												{height: 68px; width: 100%; background: url('../images/layout.footer.logo.png') no-repeat 10px center; margin: 0 0 100px; }

article												{ background-color: #f7f6f3;  padding: 20px; color: /*#989490*/#191919; font-family: 'Open Sans', sans-serif; font-size: 13px; margin: 0 0 14px; position: relative; }
article header										{ font-weight: bold; font-size: 11px; text-transform: uppercase; line-height: 18px; padding: 13px 16px 23px; border-bottom: 1px solid #e8e8e5 }
article header h2									{ margin: 0; padding: 0; color: #A50344}
article > div										{ padding: 0 16px; }
article > div.search								{ padding: 0 16px 23px; border-bottom: 1px solid #e8e8e5}
article p											{ margin: 18px 0; line-height: 20px;}
article em,
article address										{ font-family: 'Open Sans Italic'; line-height: 20px;}
article a											{ color: #A50344/*#87cfef*/; text-decoration: none; }
.twitter article a,
.facebook article a									{ color: #87cfef;}
article div img										{ border: 3px solid white; }
article div.readmore a								{ color: #a50344; font-family: 'Open Sans Italic'; }

article.images										{ padding: 20px 10px }
article.images a									{ float: left; margin: 0 20px 20px 0; width: 284px }
article.images a:nth-child(2n) 						{ margin: 0 0 20px; }
article.images a:nth-child(2n)						{ clear: right; }

div.full											{ width: 640px; float:left; margin: 0 0 14px; }
div.full div.columnizer								{ margin: 18px 0; }
div.full div.columnizer p							{ margin: 0 0 18px;}

div.full.list.head > *								{ min-height: 180px; }

#content div.homepage								{ float:left; width: 421px; margin: 0 14px 14px 0;}
#content div.homepage:last-child					{ margin-right: 0;}

.facebook											{ float:left; margin: 0 14px 0 0; width: 203px;}
.facebook article									{ padding: 10px 0 5px 3px;}
.facebook article header							{ padding: 13px 0 18px 40px; margin: 0 16px; background: url('../images/facebook.png') left 10px no-repeat;  color: #87cfef; font-size: 14px}
.facebook article header span						{ color: #191919; font-size: 13px; font-weight: normal; text-transform: none; display: block; padding: 10px 0 0; }
.facebook article > div								{ padding: 8px 0 0;}

.twitter											{ float:left; margin: 0 0; width: 204px;}
.twitter article									{ padding: 10px 0 5px 2px;}
.twitter article header								{ padding: 13px 0 18px 50px; margin: 0 16px; background: url('../images/twitter.png') left 10px no-repeat;  color: #87cfef; font-size: 14px}
.twitter article header span						{ color: #191919; font-size: 12px; font-weight: normal; text-transform: none; display: block; padding: 10px 0 0; }
.twitter article > div								{ padding: 16px 0 0; }

.twtr-hd,
.twtr-ft											{ display: none; }
#twtr-widget-1,
.twtr-doc,
.twtr-timeline										{ border-radius: 0 !important; background: none !important;  }

div.full div.columnizer,
div.columns											{ -moz-column-gap: 14px; -moz-column-fill: auto; -webkit-column-gap: 14px; -webkit-column-fill: auto; column-gap: 14px; column-fill: auto; width: auto; -ms-column-fill: balance; -ms-column-gap: 14px;}
div.full div.columnizer,
div.columns.half 									{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
div.columns.third									{ -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
div.columns.four									{ -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; }
div.columns > article								{ -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; postion:relative;}

div.third >article									{ padding: 10px 10px 30px; width: 256px; }
div.third >article.story							{ padding: 10px 10px 0px; width: 256px; }
div.third >article header							{ padding-bottom: 16px; vertical-align: bottom; height: 36px; display: table-cell; width: 224px;}
div.third > article header .language				{ float: right; }
div.third > article div.image						{ height: 107px; width: 100%; position: relative; margin: 16px 0 0; border-bottom: 1px solid #e8e8e5; padding: 0 0 16px; }
/*div.third > article.story div.image					{ border: none; padding: 0; height: 220px;}*/
div.third > article div.image > div,
div.third > article div.image > a > div				{ background: no-repeat center; height: 107px; width: 276px; position: absolute; left: -10px;  }
div.third > article.guestbook div.image,
div.third > article.guestbook div.image > div		{ height: 206px; }
div.third > article.story div.image,
div.third > article.story div.image div				{ height: 220px;;}
div.third > article p:last-child					{ margin: 18px 0 0;}
div.third > article.story p:last-child				{ margin: 18px 0}

div.four > article									{ padding: 10px 10px 30px; width: 183px; }
div.four > article.story div.image,
div.four > article.story div.image div				{ height: 120px; width: 204px; margin-left: -13px; background-position: center; background-repeat: no-repeat;}
div.four > article.guestbook div.image,
div.four > article.guestbook div.image > div		{ height: 120px; width: 204px; margin-left: -13px; background-position: center; background-repeat: no-repeat; }
div.four > article.guestbook header					{ height: 36px; }
div.four > article.guestbook header h2				{ height: 36px; overflow: hidden; }

div.block											{ }
div.block > article									{ float: left; display: inline-block; margin-right: 14px; }
div.block.third > article:nth-child(3n)				{ margin-right: 0; }
div.block.third > article:nth-child(3n+1)			{ clear:both }
div.block.four > article:nth-child(4n)				{ margin-right: 0; }
div.block.four > article:nth-child(4n+1)			{ clear:both }

article.guestbook header							{ padding-left: 0px;}
.guestbook .language								{ float: left; margin-right: 10px; }
/*.guestbook h2										{ line-height: 24px; }*/
/*
article.half										{ float:left; width: 381px; margin-right: 14px; }
article.half:nth-child(2n + 1)						{ margin-right: 0; }
*/

aside												{ background-color: #f7f6f3;  margin: 0 0 14px 14px; float: left; width: 182px;font-family: 'Open Sans', sans-serif; color: #191919; padding: 0 10px; font-size: 13px;}
aside.photo											{ padding: 0; width: 202px; height: 202px }
aside.photo div										{ background-repeat: no-repeat; background-position: center; height: inherit; width: inherit;}
aside h3											{ color: #A50344; vertical-align: bottom; height: 36px; display: table-cell; font-weight: bold; font-size: 14px; text-transform: uppercase; line-height: 18px; padding: 13px 16px 23px; border-bottom: 1px solid #e8e8e5; width: 150px;}

aside nav											{ }
aside nav > ul										{ list-style: none; padding: 18px 16px;; margin: 0; }
aside nav ul li										{ line-height: 24px; position: relative;  }
aside nav ul li:before								{ content: '>'; position: absolute; left: -10px; }
aside nav ul li a									{ color: #191919; }

/* IDS */
#blackground										{ background: black; height: 100%; position:absolute; width: 1200px;  margin-top: -32px; z-index: 0; center: 0; overflow: none; }
#website											{ width: 900px; margin: 0 auto; z-index: 1000; position:relative; }
#logo												{ margin: 32px 0 0; }
#searchfield										{ position: absolute; right: 22px; top: 0px;  }
#language											{ position: absolute; right: 257px; top: 10px;}
#newsletter											{ position: absolute; right: 350px; top: 10px; font-family: 'Open Sans', sans-serif; font-size: 13px; }
#newsletter a										{ color: #a50344; }
#slider												{ width: 856px; height: 290px; margin: 0 auto; overflow:hidden; position:relative; }
#websitetitle										{ position:absolute; top: 54px; right: 22px;  font-family: 'Open Sans', sans-serif; font-size: 20px; text-transform: uppercase; font-weight: bold; margin: 0; padding: 0; line-height: 0px;  }

select#newsletter									{ position: inherit;  }

#language a, #language a img,
#logo a, #logo a img								{ border: none; }

/* CLASSES */
.blue,
.blue a												{ color: #87cfef; }
.maroon												{ color: #a50344; }
.text												{ color: #191919; font-family: 'Open Sans', sans-serif; font-size: 13px; }
.breaker											{ clear: both; }

/* SLIDER */
#slider img											{ position: absolute; top: 0; left: 0;}

/* CORNER */
aside,
article div img,
#searchfield input[type=text],
input,
textarea,
article												{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* TEXTSHADOW */
aside h3,
header > nav  ul li a,
footer > div > p,
#websitetitle,
article header,
.textshadow											{ text-shadow: 0px 1px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=1);}

/* DROPSHADOW */
aside,
article img,
#submenu,
article,
.dropshadow											{ -webkit-box-shadow:  0px 2px 3px 0px rgba(175, 175, 175, 0.4), inset 0px 0px 4px 0px rgba(255, 255, 255, 1); box-shadow:  0px 2px 3px 0px rgba(175, 175, 175, 0.4), inset 0px 0px 4px 0px rgba(255, 255, 255, 1); }

p.noborder img										{ border: none !important;-webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; }

/* TRANSITION */
#searchfield input									{ -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s; transition: 1s;}
nav ul li											{ -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; -ms-transition: background 0.5s; transition: background 0.5s;}

/* SEARCHFIELD */
#searchfield input									{ color: rgba(94,77,60,0.3); font-family: 'Open Sans', sans-serif; font-size: 11px; }
#searchfield input.active							{ color: rgba(94,77,60,1); }
#searchfield input[type=text]						{ border: none; background: url('../images/icon.search.png') no-repeat 9px 8px #f7f6f3; -webkit-box-shadow:  inset 2px 3px 4px 1px rgba(61, 55, 52, 0.05), inset 0px 0px 4px 0px rgba(255, 255, 255, 1); box-shadow:  inset 2px 3px 4px 1px rgba(61, 55, 52, 0.05), inset 0px 0px 4px 0px rgba(255, 255, 255, 1); width: 180px; height: 21px; line-height: 21px; padding: 3px 6px 3px 26px; }
#searchfield input[type=submit]						{ position:absolute; right: 0; background: none; border: none; border-left: 1px solid #f1f0ed; text-transform: uppercase; height: 21px; line-height: 21px; top: 3px; cursor: pointer; }

/* INPUT */
textarea,
input												{ border: 1px solid rgba(94,77,60,0.3);font-family: 'Open Sans', sans-serif; font-size: 13px; height: 21px; line-height: 21px; padding: 3px 6px; }
textarea,
input[type=text], input[type=password]				{ color: rgb(94,77,60);  background: #f7f6f3; -webkit-box-shadow:  inset 2px 3px 4px 1px rgba(61, 55, 52, 0.05), inset 0px 0px 4px 0px rgba(255, 255, 255, 1); box-shadow:  inset 2px 3px 4px 1px rgba(61, 55, 52, 0.05), inset 0px 0px 4px 0px rgba(255, 255, 255, 1); width: 180px; }
input[type=submit], input[type=reset],input[type=button] { height: 27px; margin: 0 4px 0 0; color:rgb(94,77,60); }
input[type=submit]									{  background-color: #a50344; color: white; }
.errors input,
.errors textarea									{ border-color: #a50344; }
.errors ul											{ display: none; }

.member #username									{ width: 180px; }

.multicheckbox label								{ width: 100%; padding: 0; margin: 0; }
.multicheckbox input								{ vertical-align: middle; margin: 0 10px 0 0; float: left;  }

/* ERRORS */
div.error											{ border: 1px solid red; color: red; background-color: #ffd7d7; padding: 10px 20px  }
div.success   										{ padding:10px 20px; margin-bottom:16px; border:1px solid #ddd; }
div.success    										{ background:#e6efc2; color:#264409; border-color:#c6d880; }


/* LANGUAGE */
#language div										{ float:left; margin: 0 5px 0 0; padding: 0 0 6px; }
#language div.active								{ background: url('../images/flag.active.png') bottom center no-repeat; }

/* FOOTER */
footer > div										{ border-top: 1px solid #e7e6e3; width: 856px; margin: 0 auto; padding: 23px 0 0; }
footer > div > p									{ margin: 0; padding: 0 0 0 56px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase;  float:left; width: 350px; }
footer > div > div									{ float:left; width: 150px; }
footer div#sitemap									{ display: none; }
footer div#geldersestreken 							{ float: right; width: 100px; text-align: right; }
footer div#copyright								{ float:right; width: 300px; }
footer div#copyright p								{ text-align:right; font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 11px; color: #191919; text-decoration: none; text-transform:none; margin: 0; padding: 0}
footer div#copyright a								{ color: #191919; text-decoration: none;}

footer nav											{ }
footer nav ul										{ list-style: none; padding: 0; margin: 5px 0 0; }
footer nav ul li									{ float: left; border-left: 1px solid #bfbcba; font-family: 'Open Sans', sans-serif; font-size: 11px; padding: 0 8px; margin: 0 4px 0 0;  }
footer nav ul li a 									{ color: #191919; text-decoration: none; }

.social												{ padding: 10px 0 20px 36px;}
.social div											{ display: inline; float: left;}
.social .text										{ padding: 0 20px 0 0; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; color: #191919}
.addthis_default_style								{ width: 400px; }

.news h3											{ font-weight: normal; padding: 0; margin: 18px 0 0; color: #a50344; font-size: 13px; }
.news p:first-of-type											{ margin: 0 0 18px }

.prevext											{ padding: 10px 0 0 36px; font-family: 'Open Sans', sans-serif; font-size: 14px; }
.prevext span										{ color: #191919; margin: 0 20px 0 0;}
.prevext a											{ color: #A50344/*#87CFEF*/; text-decoration: none; }

/* BOOK */
.book > div > div									{ float: left; }
.book .image										{ width: 200px; margin: 20px 0 0  }
.book .description									{ width: 470px;  }
.book .amount										{ margin: 20px 0 0 50px; text-align: right; }
.book .amount input									{ width: 50px; text-align: center;  }

.book header										{ padding: 23px 16px 13px}
.book header .price									{ float: right; font-size: 18px; }

.highlight											{ color: #a50344; font-weight: bold;  }

form label											{ width: 150px; vertical-align: top; padding: 5px 0 0; display: inline-block; margin: 0 0 10px; }
form input[type=text]								{ width: 390px; clear: right; }

form textarea										{ width: 390px; height: 150px;}
form #street										{ width: 293px; }
form #housenumber									{ width: 80px; }

form div.errors										{ display: inline-block;;}

img.profile											{ float: left; margin: 5px 10px 5px;}


/* VERHALEN */
.comments .comment									{ float: left; width: 506px; margin-right: 14px;}
.comment label										{ width: 130px;  }
.comment input[type=text], .comment textarea		{ width: 300px;}
.comment div.errors									{ display: inline-block;;}
.comments article.images							{ float: left; width: 316px; }

.days												{ width: 36px; height: 30px; float: left; padding: 0; vertical-align: middle; text-align:center; line-height: 30px; }
.days.label											{ font-weight: bold; font-style: italic; color: #a50344;}

.days.type00,
.days.type0											{ background: #a50344; color: white; }
.days.type1											{ background: #87cfef}
.days.type12											{ background: #87cfef}
.days.type10											{ background: url(../images/booked.morning.png)}
.days.type11											{ background: url(../images/booked.midday.png)}

.spacer1											{ width: 36px; float: left; display: block; height: 30px; padding: 0;}
.spacer2											{ width: 72px; float: left; display: block; height: 30px; padding: 0;}
.spacer3											{ width: 108px; float: left; display: block; height: 30px; padding: 0;}
.spacer4											{ width: 144px; float: left; display: block; height: 30px; padding: 0;}
.spacer5											{ width: 180px; float: left; display: block; height: 30px; padding: 0;}
.spacer6											{ width: 216px; float: left; display: block; height: 30px; padding: 0;}

.legenda											{ padding-bottom: 10px; height: 30px; font-family: 'Open Sans', sans-serif; font-size: 13px;}
.legenda span										{ float: left; vertical-align: middle; margin-right: 10px; height: 30px; line-height: 30px; }
.legenda .day										{ margin-right: 5px; }

.paginatie											{ float: right; }
.paginatie ul										{ margin: 0; list-style: none; padding: 0;}
.paginatie ul li									{ margin: 0 0 0 10px; float: left; font-size: 16px; font-size: 1.6em;}

iframe html											{ background-color: #F7F6F3; }
.timeline											{ background-color: #F7F6F3 !important; }

.countdown											{ position: relative;}
#countdown											{ text-align: center; margin: 10px 0; }
.countdown .label									{ position: absolute; text-align: center; bottom: -10px; font-size: 9px; }
.countdown .label .dagen							{ position: absolute; left: 130px; bottom: 0;}
.countdown .label .uren								{ position: absolute; left: 196px; bottom: 0;}

/* ANTI SPAM */
form input.age										{ position: absolute; overflow: hidden; top: -10000px; left: -10000px; }



@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans Italic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


#sidebarRight {
    font-family: 'Open Sans', sans-serif; font-size: 13px;
    width:0px; margin-top:0px; right:0px; position:absolute;
}

#sidebarRight .divider {
    height:10px; border-bottom:1px solid #e8e8e5;
}

#sidebarRight h2.btnOrderTickets {
    font-weight: bold; font-size: 18px; text-transform: uppercase; line-height: 24px; border-bottom: 1px solid #e8e8e5; margin: 0; padding: 6px; color:#fff; background-color:#a50344; width:122px; text-align:center;
}

#sidebarRight h2.btnOrderTickets a { color: #fff; text-decoration: none; }

#sidebarRight h2.btnAttention {
    font-weight: bold; font-size: 18px; text-transform: uppercase; line-height: 24px; border-bottom: 1px solid #e8e8e5; margin: 0; padding: 6px; color:#a50344; background-color:#87cfef; width:122px; text-align:center;
}

#sidebarRight h2.btnAttention a { color: #a50344; text-decoration: none; }

#sidebarRightMobile {
    font-family: 'Open Sans', sans-serif; font-size: 13px;
}

#sidebarRightMobile h2.btnOrderTickets {
    text-align:center; font-weight: bold; font-size: 18px; text-transform: uppercase; line-height: 24px; border-bottom: 1px solid #e8e8e5; margin: 0; padding: 26px; color:#fff; background-color:#a50344;
}

#sidebarRightMobile h2.btnOrderTickets a { color: #fff; text-decoration: none; }

#sidebarRightMobile h2.btnAttention {
    text-align:center; font-weight: bold; font-size: 18px; text-transform: uppercase; line-height: 24px; border-bottom: 1px solid #e8e8e5; margin: 0; padding: 26px; color:#a50344; background-color:#87cfef;
}

#sidebarRightMobile h2.btnAttention a { color: #a50344; text-decoration: none; }

#headerbarRight { position:absolute; right:0px; top:0px !important; margin-right:-140px; margin-top:125px !important; }