html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
html, body	{
	width: 100%;
	height: 100%;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



		

body	{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:400;
	line-height:1.4;
	color: #FFFFFF;
	background-color:#000000;
}
img	{
	border:none;
}
ul, ol {
	padding-left:20px;
}



a	{
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover, a:active	{
	color: #DDDDDD;
	text-decoration: underline;
}


a[href^="tel:"] {
	color:#FFFFFF;
	text-decoration:none !important;
}
a[href^="tel:"]:hover {
	text-decoration:underline !important;
}





h1 {
	font-family:'knubiregular';
	font-size:30px;
	line-height:1.25;
	letter-spacing:3px;
	text-transform:uppercase;
	margin-bottom:30px;
}
h3 {
	font-family:'knubiregular';
	font-size:24px;
	line-height:1.25;
	letter-spacing:3px;
	text-transform:uppercase;
	margin-bottom:20px;
}
h4 {
	font-size:30px;
	line-height:1.25;
	font-weight:400;
	margin:40px 0 5px 0;
}
h5 {
	font-family:'knubiregular';
	font-size:18px;
	line-height:1.25;
	letter-spacing:3px;
	text-transform:uppercase;
	margin:15px 0;
}
h6 {
	font-size:20px;
	line-height:1.25;
	font-weight:400;
	margin:40px 0 5px 0;
}






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* DEFAULT */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
hr {
	width:100%;
	clear:both;
	background-color:#DDDDDD;
	height:1px;
	border:0;
	margin:0;
	padding:0;
}
hr.topS { margin-top:5px !important; }
hr.btmS { margin-bottom:5px !important; }
hr.topM { margin-top:10px !important; }
hr.btmM { margin-bottom:10px !important; }
hr.topL { margin-top:20px !important; }
hr.btmL { margin-bottom:20px !important; }
hr.topXL { margin-top:30px !important; }
hr.btmXL { margin-bottom:30px !important; }
hr.topXXL { margin-top:40px !important; }
hr.btmXXL { margin-bottom:40px !important; }








input[type=text], input[type=number], input[type=tel], input[type=email], textarea, select {
	display:inline-block;
	vertical-align:middle;
	width:100%;
	padding:4px 10px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	
	font-family:'Montserrat';
	font-size:16px;
	line-height:20px;
	color:#666666;
	margin:0;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 0 rgba(0,0,0,0);
	
	-webkit-appearance: textfield;
	-moz-appearance: textfield; /* mobile firefox too! */
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right:25px;
	background:#FFFFFF url(../img/layout/select-angle.png?1) right center no-repeat;
	background-size: auto 8px;
}
select::-ms-expand {
    display: none;
}

input.xlarge, textarea.xlarge, select.xlarge {
	max-width:500px;
}
input.large, textarea.large, select.large {
	max-width:350px;
}
input.medium, textarea.medium, select.medium {
	max-width:185px;
}
input.small, textarea.small, select.small {
	max-width:100px;
}
input.mini, textarea.mini, select.mini {
	max-width:25px;
}

input[type=text]:disabled, input[type=number]:disabled, input[type=tel]:disabled, input[type=email]:disabled, textarea:disabled, select:disabled {
    background-color: #CCCCCC;
	color:#999999;
}



.grijs {
	color:#444444;
}




.klein {
	font-size:15px;
}
.kleiner {
	font-size:14px;
}
.kleinst {
	font-size:13px;
}



.clearboth {
	clear:both;
}
.hide {
	display:none !important;
}








.frmrow {
	display:table;
	width:100%;
	margin-bottom:15px;
}
.frmrow.compact {
	margin-bottom:5px;
}
.frmrow.wide {
	margin-bottom:25px;
}
.frmrow.xwide {
	margin-bottom:50px;
}
.frmrow.xxwide {
	margin-bottom:75px;
}


.frmrow > div {
	display:table-cell;
	vertical-align:middle;
}
.frmrow > div:nth-child(1) {
	width:200px;
}


.frmrow.check > div:nth-child(1) {
	vertical-align:top;
	width:225px;
	text-align:right;
	padding-right:7px;
}
.frmrow.check > div:nth-child(2) {
	padding-top:2px;
}


.frmrow.vb > div {
	vertical-align:bottom;
}
.frmrow.vt > div {
	vertical-align:top;
}
.frmrow > div.ar {
	text-align:right;
}



.frmrow.rows {
	display:block;
}
.frmrow.rows > div {
	display:block;
}
.frmrow.rows > div:nth-child(1) {
	display:block;
	width:100%;
	color:#000000;
	padding-bottom:5px;
}






.goed	{
		background-color:#F2FFF2;
		border:1px solid #73CC73;
		padding:10px;
		color:#404040;
		margin-bottom:15px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
.fout	{
		background-color:#FFF2F2;
		border:1px solid #FF7373;
		padding:10px;
		color:#404040;
		margin-bottom:15px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
.alertgoed {
	color:#009900;
}
.alertfout {
	color:#FF0000;
}
.invulmis {
	color:#FF0000 !important;
}







.box_rotate_open {
  -webkit-transform: rotate(-180deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(-180deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(-180deg);  /* IE 9 */
        -o-transform: rotate(-180deg);  /* Opera 10.50-12.00 */
         transform: rotate(-180deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
}
.box_rotate_close {
  -webkit-transform: rotate(0deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(0deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(0deg);  /* IE 9 */
        -o-transform: rotate(0deg);  /* Opera 10.50-12.00 */
         transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
}
.box_transition {
  -webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.50�12.00 */
          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* CK-STYLES */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */











/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* WEBSITE SETTINGS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


a.fblink {
	display:inline-block;
	vertical-align:baseline;
	margin:10px 10px 0 10px;
	font-size:24px;
}



p.footer {
	text-align: center;
	font-size: 13px;
	margin-top: 100px;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* PAGES */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#pageheader {
	height:300px;
	min-height:0;
	max-height:none;
	
	overflow:visible;	
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}


#pageheader #logo {
	position:absolute;
	z-index:1000;
	bottom:-120px;
	left:50%;
	margin-left:-120px;
	text-align:center;
}
#pageheader #logo img {
	display:block;
	width:100%;
	max-width:240px;
}


#pagetxt {
	margin-top:85px;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* RESERVATIES FORM */
/* CADEUBON FORM */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body#page-cadeaubon-form #pagetxt > .wrapper,
body#page-reservaties-form #pagetxt > .wrapper {
	text-align:left;
	max-width:650px;
}



body#page-cadeaubon-form ol > li {
	margin:5px 0;
	padding-left:10px;
}


body#page-cadeaubon-form #kostennota {
	display:none;
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* RESERVATIES BEVESTIGING */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body#page-reservaties-bevestiging #pagetxt > .wrapper {
	text-align:left;
	max-width:650px;
}



.bannerCadeaubon {
	display:table;
	width:100%;
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-left:none;
	border-right:none;
	margin-top:60px;
}
.bannerCadeaubon > div {
	display:table-cell;
	vertical-align:middle;
	font-size:17px;
	text-align:left;
	padding:30px 15px;
	
	font-family:knubiregular;
	font-size:24px;
	text-transform:uppercase;
	letter-spacing:3px;
}
.bannerCadeaubon > div:nth-child(1) {
	padding-right:40px;
}
.bannerCadeaubon > div:nth-last-child(1) {
	width:182px;
}
.bannerCadeaubon a {
	text-decoration:none;
}
.bannerCadeaubon a:hover,
.bannerCadeaubon a:active {
	
}
.bannerCadeaubon img {
	display:block;
	margin:0 auto !important;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* TAKEAWAY FORM */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body#page-takeaway-form #pagetxt > .wrapper {
	text-align:left;
	max-width:940px;
}





#takeawayWrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: flex-start;
	
	text-align: center;
	margin-bottom: 60px;
}
#takeawayWrap strong,
#takeawayWrap em.cat {
	display: inline-block;
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: 600;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#takeawayWrap .txt {
	margin: 20px 0;
}
#takeawayWrap .prijs {
	position: absolute;
	left: 0;
	bottom: 15px;
	width: 100%;
	font-size: 24px;
	font-weight: 700;
}
#takeawayWrap .item {
	position: relative;
	
	border: 1px solid #FFFFFF;
	padding: 20px 20px 50px 20px;
	margin-bottom: 20px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#takeawayWrap .item.small {
	width: calc(33% - 10px);
}
#takeawayWrap .item.large {
	width: 100%;
}


@media (max-width: 959px) {	
	#takeawayWrap .item.small {
		width: calc(50% - 10px);
	}
}




#takeawayWrap .item.wijn {
	width: 100%;
	padding: 20px;
}
#takeawayWrap .item.datum {
	width: 100%;
	padding: 0;
	border: none;
}




body#page-takeaway-form #kostennota {
	display:none;
}


body#page-takeaway-form .frmrow.bestelling div:nth-child(1){
	width: 100px;
	padding-right: 30px;
}
body#page-takeaway-form .frmrow.bestelling span {
	display: inline-block;
	vertical-align: baseline;
}
body#page-takeaway-form .frmrow.bestelling span.naam {
	padding-left: 30px;
}
body#page-takeaway-form .frmrow.bestelling span.spacer {
	padding: 0 10px;
}



body#page-takeaway-form .frmrow.totaal {
	font-size: 17px;
	font-weight: 600;
	padding-top: 10px;
	letter-spacing: 1px;
}
body#page-takeaway-form .frmrow.totaal span.spacer {
	display: inline-block;
	vertical-align: baseline;
	padding-left: 30px;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* TAKEAWAY BEVESTIGING */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body#page-takeaway-bevestiging #pagetxt > .wrapper {
	text-align:left;
}







/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* ERROR4004 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#error404 {
	position:absolute;
	left:50%;
	width:100%;
	min-width:320px;
	max-width:560px;
	font-size:14px;
	text-align:center;
	padding:50px 20px;
}
#error404 img {
	width:175px;
	margin-bottom:20px;
}
#error404 h6 {
	font-size:16px;
}

#error404 > #kader {
	font-size:17px;
	margin-top:30px;
	padding:30px 20px 0 20px;
	max-width:560px;
	border-top:1px solid rgba(255, 255, 255, 0.25);
}

#error404 .titel {
	font-size:20px;
	margin-bottom:30px;
}






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* HOME */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* HOME IMG */
#homeimg {
	height:100% !important;
	max-height:none;
}


#homeimg #logo {
	display:none;
	position:absolute;
	z-index:1000;
	top:50%;
	left:50%;
	text-align:center;
	width:100%;
	max-width:640px;
}
#homeimg #logo img {
	width:100%;
	max-width:240px;
}
#homeimg #logo p {
	padding-top: 20px;
	text-shadow: 0 0 5px rgba(0, 0, 0, 1);
}
#homeimg #logo a.btn1 {
	margin:10px 5px 0 5px;
}



#homeimg #nextPage {
	position:absolute;
	z-index:1001;
	display:block;
	bottom:0;
	width:100%;
	text-align:center;
	font-size:60px;
	line-height:1;
}
#homeimg #nextPage > a {
	color:rgba(0, 0, 0, 1);
	text-decoration:none;
}
#homeimg #nextPage > a:hover, #home #nextPage > a:active {
	color:rgba(0, 0, 0, 0.5);
}




/* HOME TXT */
#hometxt {
	visibility:hidden;
	line-height:2;
}
#hometxt .wrapper {
	padding-bottom:50px;
}

#hometxt .logoname {
	width:175px;
	margin:0 auto 30px;
}
#hometxt .logoname img {
	display:block;
	width:100%;
}




/* MENU TXT */
#menutxt {
	visibility:hidden;
}



#menutxt .wrapper {
	max-width:860px;
}



#menutxt div.tbl {
	display:table;
	width:100%;
}
#menutxt div.tbl > div {
	display:table-cell;
	width:50%;
	padding:0 30px;
	text-align:center;
}

#menutxt h1 {
	font-size:28px;
	line-height:40px;

	max-width:156px;
	padding:36px 0;
	margin:0 auto 30px auto;

	border:2px solid #FFFFFF;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#menutxt h1 span {
	display: block;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 0;
}

#menutxt h2 {
	font-size:20px;
	line-height:1.25;
	font-weight:700;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#menutxt h2.v1 {
	margin-top: 54px;
}

#menutxt .gangen {
	text-transform:lowercase;
	line-height: 1.5;
	margin: 10px 0;
}

#menutxt .price {
	font-size: 24px;
	font-weight: 700;
	margin: 10px 0 30px 0;
}


#menutxt .fullpackage {
	font-style: italic;
	margin-top: 20px;
}




@media (max-width: 767px) {	
	#menutxt .wrapper {
		max-width:640px;
	}
	#menutxt div.tbl > div {
		padding:0 20px;
	}
}




/* CONTACT TXT */
#contacttxt {
	visibility:hidden;
}
#contacttxt .wrapper {
	padding-bottom:60px;
}

#contacttxt .logoname {
	width:175px;
	margin:0 auto 30px;
}
#contacttxt .logoname img {
	display:block;
	width:100%;
}

#contacttxt p {
	line-height:2;
}
#contacttxt .title {
	display:inline-block;
	padding-right:25px;
}





/* RESERVEER */
#reserveertxt {
	visibility:hidden;
}
#reserveertxt .wrapper {
	padding-bottom:60px;
}

#contacttxt h1 > img,
#reserveertxt h1 > img {
	display: inline-block;
	vertical-align:middle;
	width:100px;
	margin-top:-10px;
}





/* FOOTER */
#footer {
	position:relative;
	z-index:10;
	width:100%;
	height:300px;
	
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}








p.copy {
	padding-top:80px;
	font-size:11px;
	color:rgba(255, 255, 255, 0.5);
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* OPBOUW */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
main {
	width:100%;
	height:100%;
}
.wrapper {
	position:relative;
	display:block;
	width:100%;
	max-width:1024px;
	margin:auto;
	padding:40px 20px;
	text-align:center;
	background-color:#000000;
}






/* MENU */
#menulbl {
	position:fixed;
	z-index:99998;
	right:30px;
	top:30px;
}
#menulbl a {
	color:#000000;
	font-size:24px;
	line-height:1;
	padding:2px 10px;
	background-color:rgba(255, 255, 255, 0.25);
}



div#menu {
	position:fixed;
	z-index:999999;
	display:none;
	left:0;
	top:0;
	
	width:100%;
	height:100%;
	background-color:#000000;
}
div#menu ul {
	margin:0;
	padding:0;
	border:0;
	margin-top:10%;
}
div#menu ul > li {
	font-size:60px;
	font-weight:700;
	line-height:1.2;
	text-align:center;
	margin:20px 0;
	list-style:none;
	text-shadow: 0 0 5px rgba(0, 0, 0, 1);
	text-transform:uppercase;
}
div#menu ul > li > a {
	text-decoration:none;
}
div#menu ul > li > a:hover, div#menu ul > li > a:active {
	text-decoration:underline;
}

div#menu > a.close {
	position:absolute;
	z-index:99999;
	right:30px;
	top:30px;
	
	font-size:24px;
	line-height:1;
	color:#FFFFFF;
	text-decoration:none;
	padding:2px 10px;
}
div#menu > a.close:hover, div#menu > a.close:active {
	color:#999999;
}




/* CONTENT */
.content {
	position:relative;
}





/* BACKGROUNDS */
.bgimage {
	position:relative;
	z-index:10;
	width:100%;
	height:100%;
	min-height:400px;
	max-height:800px;
	overflow:hidden;
	
	background-size:cover;
	background-position:center 0;
	background-repeat:no-repeat;
}



.maskHolTop {
	position:absolute;
	z-index:20;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
	background-image:url(../img/layout/maskHol.svg?2);
	background-position:center top;
	background-repeat:no-repeat;
	background-size: 3500px auto;
}
.maskHolBtm {
	position:absolute;
	z-index:20;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	
	background-image:url(../img/layout/maskHol.svg?2);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size: 3500px auto;
}






.maskBolTop {
	position:absolute;
	z-index:20;
	left:0;
	width:100%;
	height:100%;
	
	background-image:url(../img/layout/maskBol.svg?2);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size: 5000px auto;
}
.maskBolBtm {
	position:absolute;
	z-index:20;
	left:0;
	width:100%;
	height:100%;
	
	background-image:url(../img/layout/maskBol.svg?2);
	background-position:center top;
	background-repeat:no-repeat;
	background-size: 5000px auto;
}


.raster {
	position:absolute;
	z-index:15;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
	background-image:url(../img/layout/raster.png);
	background-position:left top;
	background-repeat:repeat;
	background-size: 2px 2px;
}











/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* LINKS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


a.btn1 {
	display:inline-block;
	font-size:21px;
	line-height:1;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:2px;
	text-shadow:none;
	
	border:2px solid #FFFFFF;
	padding:10px 15px;
	background-color:#00000015;
}
a.btn1:hover, a.btn1:active {
	background-color:#FFFFFF;
	color:#000000;
}
a.btn1 i {
	display:inline-block;
	padding-left:10px;
}


a.btn2 {
	display:inline-block;
	font-family:'knubiregular';
	font-size:24px;
	line-height:120px;
	letter-spacing:3px;
	text-transform:uppercase;
	text-decoration:none;
	
	width:120px;
	height:120px;
	border:2px solid #FFFFFF;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
a.btn2:hover, a.btn2:active {
	background-color:#FFFFFF;
	color:#000000;
	font-weight:700;
}




a.btn3 {
	display:inline-block;
	font-size:16px;
	line-height:1;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:2px;
	
	width:100%;
	max-width:350px;
	
	border:2px solid #FFFFFF;
	padding:10px 15px;
}
a.btn3:hover, a.btn3:active {
	background-color:#FFFFFF;
	color:#000000;
}
a.btn3 i {
	display:inline-block;
	padding-left:10px;
}