@charset "utf-8";

/*wrap*/
body{
	width:100%;margin:0;padding:0;font-size:16px;line-height:24px;color:#000;background:#fff;-webkit-text-size-adjust:none;
	
	font-family:'Open Sans',sans-serif;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
}
#wrap{position:relative;width:980px;margin:0 auto;background:#fff}

header h1 {
  font-family: "Tangerine", cursive;
  font-weight: 700;
  font-size: 44px;
  font-style: normal;
  padding-top: 15px;
}

/*html tags*/
hr{background-color:#000;border:0;color:#000;height:1px;margin:10px 0 10px 0}
a{color:#000}
a:hover{color:#000}
h1{font-size:22px;margin:0;padding:0 0 24px 0;line-height:30px;font-weight:600}
h2{font-size:20px;margin:0;padding:0 0 12px 0;line-height:28px;font-weight:600}
h3,
h4,
h5,
h6{font-size:16px;margin:0;padding:0 0 6px 0;line-height:28px;font-weight:600}
p{margin:0;padding:0 0 24px 0}
ul{margin:0;padding:0 0 24px 0}
ol{margin:0;padding:0 0 24px 0}
li{margin:0 0 0 24px;padding:0}
img{border:0}
sub,sup{position:relative;height:0;line-height:1;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
address{position:absolute;left:20px;top:20px}
address img{display:block;width:140px;height:80px}
strong{font-weight:600}

/*common classes*/
.hidden{display:none}
.center{text-align:center}
.flr{float:right}
.fll{float:left}
.clr{clear:right}
.cll{clear:left}
.tar{text-align:right}
.tal{text-align:left}
.clearer{height:1px;overflow:hidden;margin-top:-1px;clear:both}
.fs90{font-size:90%}
.fs80{font-size:80%}

/*main structure*/
header{position:relative;width:100%;background:#fff}
header .container{position:relative;width:100%;margin:0 auto;background:#fff}
nav{position:relative;width:100%;background:#fff}
nav .container{position:relative;width:100%;margin:0 auto;background:#e2ace3}
div[role=main]{position:relative;width:100%;background:#fff}
div[role=main] .container{position:relative;width:100%;margin:0 auto;background:#fff}
footer{position:relative;width:100%;background:#fff}
footer .container{position:relative;width:100%;height:50px;margin:0 auto;background:#e2ace3}

footer .container p{line-height:50px;text-align:center;margin:0;padding:0}

/*mainmenu*/
#mainmenu{display:none}
#mainmenu ul{display:block;list-style-type:none;margin:0;padding:0}
#mainmenu ul li{display:block;margin:0;padding:0}
#mainmenu ul li a{display:block;padding:20px 20px;color:#000;text-decoration:none;line-height:24px;border-top:1px solid #000;font-weight:600}
#mainmenu ul li:first-child a{border-top:0}
#mainmenu ul .current a{color:#ff9900}
#mainmenu ul ul{display:none}

/*button menu*/
#btnmenu{position:absolute;right:20px;top:-100px;display:block;width:40px;height:50px;padding:21px 20px 10px 20px;background:#fff;cursor:pointer}
#btnmenu span{position:relative;margin:0 0 10px 0;display:block;width:100%;height:6px;background:#ff9900;box-sizing:border-box}

/*DefaultPage*/
#DefaultPage{padding:20px 20px 20px 20px;line-height:24px}

/*DefaultForm*/
.DefaultForm{position:relative;margin:0;padding:0}
.DefaultForm fieldset{border:0;margin:0;padding:28px 0 20px 0}
.DefaultForm legend{height:1px;overflow:hidden}
.DefaultForm legend span{position:absolute;left:0;top:0;display:block;font-weight:600;font-size:20px;line-height:28px}
.DefaultForm label{display:block;width:100%}
.DefaultForm input,
.DefaultForm select,
.DefaultForm textarea{font-family:'Open Sans',sans-serif;font-size:100%;margin:0 0 12px 0}
.DefaultForm .input1{width:100%;border:1px solid #000;padding:10px;background:#fff;box-sizing:border-box;-webkit-appearance:none}
.DefaultForm .input1_error{width:100%;border:1px solid #000;padding:10px;background:#ff9900;box-sizing:border-box;-webkit-appearance:none}
.DefaultForm .submitcontainer{text-align:center}
.DefaultForm .submit{border:0px solid #006600;background:#006600;color:#fff;font-weight:600;cursor:pointer;padding:10px 20px;margin:0 auto 12px auto;-webkit-appearance:none}
.DefaultForm .error{color:#ff9900}
.DefaultForm .required{color:#ff9900}
.DefaultForm .form_footer{text-align:right}
.DefaultForm .formline1{padding-top:10px;line-height:24px}

/*breadcrumb*/
.breadcrumb{display:none}

@media (min-width: 480px) { 
}

@media (min-width: 640px) { 
}

@media (min-width: 768px) { 
	
	nav{height:64px}
	#btnmenu{display:none}
	#mainmenu{display:block}
	#mainmenu ul li{float:left}
	#mainmenu ul li a{float:left;border:0}

	/*breadcrumb*/
	.breadcrumb{display:block}
	.breadcrumb a{}
	.breadcrumb a:hover{}

}

@media (min-width: 992px) { 
}

@media (min-width: 1200px) { 
	
	header .container{width:1160px}
	nav .container{width:1160px}
	div[role=main] .container{width:1160px}
	footer .container{width:1160px}

}

.container {
	padding: 10px;	
}










/*header,footer,columns
#header{position:relative;width:940px;height:160px;background:url(/images/design/header.gif) 0 20px no-repeat #ccc}
#left_column{float:left;width:170px;padding:0 0 50px 0}
#content_column{float:right;width:770px;padding:0 0 50px 0}
#content{float:left;width:600px}
#right_column{float:right;width:170px}
#footer{position:absolute;left:0px;bottom:0px;height:50px;width:940px;text-align:right;background:url(/images/design/footer.gif) 0 0 no-repeat #ccc}
#footer_content{display:block;line-height:30px;margin:0;padding:0 13px 0 0}
*/

/*vertical menu
.vmenu{padding:29px 0 0 0}
.vmenu ul{display:block;list-style-type:none;margin:0;padding:0}
.vmenu ul li{margin:0;padding:0;display:block}
.vmenu ul li a{display:block;text-decoration:none;padding:5px 10px;color:#666;font-weight:bold}
.vmenu ul li li a{padding:5px 10px 5px 20px}
.vmenu ul li li li a{padding:5px 10px 5px 30px;font-weight:normal}
.vmenu ul li a:hover, 
.vmenu ul li .active{color:#000}

.vmenu ul ul{display:none}
.vmenu .showsub ul{display:block}
.vmenu .showsub ul ul{display:none}
.vmenu .showsub .showsub ul{display:block}
.vmenu .showsub .showsub ul ul{display:none}
*/

/*DefaultForm
.DefaultForm{position:relative;margin:0;padding:0}
.DefaultForm fieldset{border:0;margin:0;padding:30px 0 20px 0}
.DefaultForm legend{height:1px;overflow:hidden}
.DefaultForm legend span{position:absolute;left:0;top:10px;display:block;font-weight:bold;font-size:120%}
.DefaultForm label{display:block;float:left;width:110px;padding:2px 0 0 0;margin:0;line-height:16px;clear:left}
.DefaultForm input,
.DefaultForm select,
.DefaultForm textarea{font-family:Verdana,Arial,sans-serif;font-size:100%;margin:0 0 5px 0}
.DefaultForm .input1{width:300px;border:1px solid #333;padding:1px 3px;background:#fff}
.DefaultForm .input2{width:200px;border:1px solid #333;padding:1px 3px;background:#fff}
.DefaultForm .input3{width:100px;border:1px solid #333;padding:1px 3px;background:#fff}
.DefaultForm select.input1{width:308px;border:1px solid #333;padding:0px;background:#fff}
.DefaultForm select.input2{width:208px;border:1px solid #333;padding:0px;background:#fff}
.DefaultForm select.input3{width:108px;border:1px solid #333;padding:0px;background:#fff}
.DefaultForm .radiocontainer{display:block;padding:0;margin:0;clear:left;min-height:24px}
.DefaultForm .radiocontainer2{display:block;padding:10px 0 0 110px;margin:0;min-height:24px;clear:left}
.DefaultForm .radiocontainer span.label{display:block;float:left;width:110px;padding:2px 0 0 0;margin:0;line-height:16px;clear:left}
.DefaultForm .radiocontainer .radio{display:block;float:left;position:relative;width:auto;padding:2px 10px 7px 20px;margin:0;line-height:15px;clear:none}
.DefaultForm .radiocontainer .radio span{position:absolute;display:block;left:0;top:1px;line-height:15px}
.DefaultForm .radiocontainer .radio input{margin:0;padding:0;vertical-align:middle}
.DefaultForm .submit{border:1px solid #333;cursor:pointer;margin:5px 0 0 110px;-webkit-appearance:none}
.DefaultForm input.input1_error,
.DefaultForm textarea.input1_error{width:300px;border:1px solid red;padding:1px 3px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm select.input1_error{width:308px;border:1px solid red;padding:0px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm input.input2_error,
.DefaultForm textarea.input2_error{width:200px;border:1px solid red;padding:1px 3px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm select.input1_error{width:308px;border:1px solid red;padding:0px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm input.input3_error,
.DefaultForm textarea.input3_error{width:100px;border:1px solid red;padding:1px 3px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm select.input1_error{width:308px;border:1px solid red;padding:0px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm .error{color:red}
.DefaultForm .required{color:red}
.DefaultForm .form_footer{text-align:right}
.DefaultForm .formline1{padding-top:10px;line-height:24px}
*/
/*SubscribeForm
#SubscribeForm{}
#SubscribeForm fieldset{padding:30px 10px 10px 10px;}
#SubscribeForm legend{}
#SubscribeForm legend span{left:10px}
#SubscribeForm label{display:block;float:none;width:auto;clear:none;line-height:normal}
#SubscribeForm .input1{width:140px}
#SubscribeForm input.input1_error,
#SubscribeForm input.input1_error:focus{width:140px}
#SubscribeForm .submit{margin:5px 0 0 0}
#SubscribeForm #hypt{position: absolute; top: -10000px}
*/

/*SearchForm
#SearchForm{position:absolute;right:10px;top:30px;text-align:right}
#SearchForm fieldset{padding:0}
#SearchForm label{display:block;height:18px;padding:0 5px 0 0;line-height:18px;float:left;width:auto;margin:0;clear:none}
#SearchForm .input1{width:120px;float:left}
#SearchForm input.input1_error,
#SearchForm input.input1_error:focus{float:left;width:120px}
#SearchForm .submit{margin:0 0 0 5px}
*/
/*breadcrumb
.breadcrumb{position:absolute;left:190px;top:165px;width:560px;height:20px;line-height:20px;margin:0;padding:0;overflow:hidden;font-size:10px}
.breadcrumb a{}
.breadcrumb a:hover{}
*/
/*GoogleMaps
#map_canvas{width:560px;height:400px;overflow:hidden;margin:0 0 20px 0;padding:0}
#infowindow{line-height:16px;width:200px;height:120px}
#infowindow h2{font-size:14px;padding:0;margin:0}
#infowindow p{padding:0;margin:0}
*/
/*SearchResults
.search_result{list-style-type:none;margin:0;padding:0}
.search_result li{margin:0;padding:0;padding-bottom:4px}
.search_result li{line-height:13px;padding-bottom:15px}
.search_result table{margin:3px 0 1px 0}
.search_result table td{line-height:3px;height:3px}
*/
/*Sitemap
.sitemap ul{margin:0;padding:3px 0}
.sitemap li{margin:0 0 0 16px;padding:0}
*/
/*Share buttons
#share-buttons{margin:0;padding:0 0 20px 0;height:20px;line-height:20px}
#share-buttons p{margin:0;padding:0 15px 0 0;float:left;line-height:20px;display:none}
#share-buttons ul{list-style-type:none;margin:0;padding:0;float:left}
#share-buttons ul li{display:block;margin:0;padding:0 15px 0 0;float:left}
#share-buttons ul li a{display:block;width:20px;height:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:0}
#share-buttons ul li a span{display:none}
#share-buttons ul li #share-facebook{background:url(/images/design/share-buttons.png) 0 0 no-repeat}
#share-buttons ul li #share-twitter{background:url(/images/design/share-buttons.png) -20px 0 no-repeat}
#share-buttons ul li #share-linkedin{background:url(/images/design/share-buttons.png) -60px 0 no-repeat}
#share-buttons ul li #share-email{background:url(/images/design/share-buttons.png) -40px 0 no-repeat}
*/

/*Pagina Navigatie
.PageNav { line-height:20px; margin-bottom:2px; width:940px; }
.PageNav a, .PageNav span { float:left; display:block; padding:0 3px; width:26px; line-height:20px; color:#fff; text-decoration:none; margin:0 2px 2px 0; background:#666; font-weight:bold; text-align:center }
.PageNav select{ float:left; display:block; margin:0 8px 2px 0 }
.PageNav span { background:#999; color:#ccc }
.PageNav a.active { background:#999; }
.PageNav a:hover { background:#333 }
.PageNav .clearer { height:1px; overflow:hidden; margin-top:-1px; clear:left }
*/

form.add label {
	display: inline-block;
	width: 95px;
}
form.add input {
	width: 240px;	
}
form.add input[name=postcode] {
	width: 120px;	
}
form.add input[name=huisnummer] {
	width: 108px;	
}
form.add input[type=submit] {
	width: 248px;
	height: 30px;
	margin-top: 10px;
}
form.add {
	margin-bottom: 20px;	
}

div[role=main] th {
	text-align: left;	
}

table td {
	padding-right: 8px;	
}
table.gasten tr:hover td, table.gasten tr:hover td a {
	color: red;	
}

.check {
    vertical-align: top;	
}
.paybutton {
	display: block;
    width: 115px;
    height: 25px;
    background: #DDD;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: black;
    font-weight: bold;
    line-height: 25px;
    text-decoration: none;
}

#entree {
	font-size: 20px;
}
#entree input[type=submit] {
	font-size: 20px;
}
#entree h3 {
	font-size: 25px;
}
.betaald-button, .heeft-betaald, .is-ingecheckt, .is-niet-ingecheckt {
	box-sizing: border-box;
	float: left;
	border: 2px solid black;
	border-radius: 5px;
	display: block;
	width: 300px;
	height: 70px;
	background-color: orange;
	text-align: center;
	padding-top: 20px;
	margin-right: 20px;
	font-weight: bold;
	font-size: 30px;
	text-decoration: none;
}
.naam {
	font-weight: bold;
}
.heeft-betaald {
	background-color: rgb(14, 201, 14);
}
.is-ingecheckt {
	background-color: #e2ace3;
}
.is-niet-ingecheckt {
	background-color: rgb(213, 231, 51);
}
.clear {
	clear: both;
}