body
{
	background: #f7f7f7 ;
	width:100%;
	font-size:100%;
	font-size:14px;
	line-height: 1.3em;
	font-family: 'Noto Sans';
}

textarea
{
	font-family: 'Noto Sans';
}

.box {
    background:#fff;
    background:rgba(255, 255, 255, 0.95);
    color: #333; 
}

.box h1{
    color:#8fad15;
}

.inner_box {
    color: #333; 
}

.sidebar .box, .footer-info {
    background-color:#ffffff;
    color: #000000;
}

.sidebar{
    background:#ffffff;
    background:rgba(255, 255, 255, 0.6);
    color:#000000;
}

.main_menu .menu a {
    color:inherit;
    border-bottom-color:#000000;
}

    .main_menu .menu li a:hover {
        color:rgba(0, 0, 0, 0.8);
    }

.sub-menu li a:hover {
    color:#222!important;
}

.boxout input[type="submit"], .restaurantBookingBlock input[type="submit"], #formContainer input[type="button"], .succesMessageContainer input[type="button"], .newsBlock input[type="submit"]
{
    cursor:pointer;
    color:#000000;
    padding:10px 20px;
    width:100%;
    margin-top:10px;
    font-size: 1.8em;
    border: none;
    background: #8fad15;
    text-shadow: none;
    font-weight: normal;
    border-radius:0px;
	-webkit-appearance:none;
    -moz-appearance:none;
}

.boxout input[type="text"], 
.boxout input[type="email"], 
.boxout input[type="password"], 
.boxout input[type="tel"], 
.boxout textarea, 
.restaurantBookingBlock input[type="text"], 
.restaurantBookingBlock input[type="email"], 
.restaurantBookingBlock input[type="password"], 
.restaurantBookingBlock input[type="tel"], 
.restaurantBookingBlock textarea, 
#formContainer input[type="text"], 
#formContainer input[type="email"], 
#formContainer input[type="password"], 
#formContainer input[type="tel"], 
#formContainer input[type="number"],
#formContainer textarea,
.newsBlock input[type="text"],
.newsBlock input[type="email"]
{
    background-color:#000000;
    padding:11px;
    border:0px;
    width:100%;
    margin-top:10px;
    color:#8fad15;
    font-weight:normal;
    font-size:100%;
    font-family:"Noto Sans";
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    border-radius:0px;
}

#formContainer input[type="text"], 
#formContainer input[type="email"], 
#formContainer input[type="password"], 
#formContainer input[type="tel"],
#formContainer input[type="number"], 
#formContainer textarea
{
    margin-top:0px;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
    min-width:250px;
}

#formContainer input[type="radio"]:checked + label:before {
    background: #000;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #8fad15;
    color:rgba(143, 173, 21, 0.6);
    font-weight:normal;
    text-transform:uppercase;
}

input::-moz-input-placeholder, textarea::-webkit-input-placeholder {
    color: #8fad15;
    color:rgba(143, 173, 21, 0.6);
    font-weight:normal;
    text-transform:uppercase;
}

input:-moz-input-placeholder, textarea:-webkit-input-placeholder {
    color: #8fad15;
    color:rgba(143, 173, 21, 0.6);
    font-weight:normal;
    text-transform:uppercase;
}

input::-ms-input-placeholder, textarea::-webkit-input-placeholder {
    color: #8fad15;
    color:rgba(143, 173, 21, 0.6);
    font-weight:normal;
    text-transform:uppercase;
}

input:-ms-input-placeholder, textarea:-webkit-input-placeholder {
    color: #8fad15;
    color:rgba(143, 173, 21, 0.6);
    font-weight:normal;
    text-transform:uppercase;
}

.restaurantBookingBlock h2
{
    font-size: 2.0em;
    text-transform: none;
    font-weight: normal;
    color:#8fad15;
    line-height:0.9em;
}


.restaurantBookingBlock select {
    text-transform:uppercase;
    -webkit-appearance:none;
    -moz-appearance:none;
    width:100%;
    font-size:100%;
    margin-top:10px;
    border: none;
    padding: 11px 10px;
    background: #000000;
    color: #8fad15;
    font-family: "Noto Sans";
    font-weight: normal;
    text-transform: uppercase;
    text-shadow: none;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    border-radius:0px;
}

.restaurantBookingBlock select:disabled {
    color:rgba(143, 173, 21, 0.6);
}

.restaurantBookingBlock select::-ms-expand, .restaurantBookingBlock textarea::-ms-expand {
    display: none;
}

.restaurantBookingBlock .checkboxContainer {
    position:relative;
}

.restaurantBookingBlock .info{
    border-radius:50%;
    background-color:#000000;
    color:#8fad15;
    display:inline-block;
    width:20px;
    text-align:center;
    position:absolute;
    right:0px;
    top:0px;
    margin-right:5px;
    font-style:italic;
    font-family:'Times new roman';
    z-index:1000;
    font-weight:bold;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
    cursor:help;
}

.restaurantBookingBlock option
{
    color:#000;
    background-color:#fff;
    padding:0px 8px;
    font-family: Sans-Serif;
}




#feedbackFilters li a {
    color: #8fad15;
    background: #000000;
}

#feedbackFilters li a:hover, #feedbackFilters li a.selectedFilter {
    color: #000000;
    background: #8fad15;
    border: solid 1px #8fad15;

}



/* ==================================================================== */
/* CHECKBOX TYPE 5 ---------------------------------------------------- */
/* ==================================================================== */


input[type="checkbox"].fancy5 + label {
	background-color: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 9px;
	display: inline-block;
	position: relative;
	margin-right: 30px;
	-webkit-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    cursor:pointer;
}

input[type="checkbox"].fancy5 + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

input[type="checkbox"].fancy5:checked + label {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}


input[type="checkbox"].fancy5 + label:after {
	-webkit-transform: rotateX(270deg);
	-webkit-transform-origin: 0 0;
	transform: rotateX(270deg);
	transform-origin: 0 0;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
	position: absolute;
	top: 0px;
	left: 0px;
	content: '\2715';
	padding: 9px 0 0 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #fff;
	font-size: 1.5em;
	line-height: 0;
	background: #8fad15;
	color: #000000;
	text-align: center;
}

input[type="checkbox"].fancy5 + label > span {
	position: absolute;
    top: 0px;
    left: 25px;
    width:270px;
}

input[type="checkbox"].fancy5:checked + label:after {
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
}

input[type="checkbox"].fancy5:checked + label {
	-webkit-transition: all 0.5s linear 0.2s;
	transition: all 0.5s linear 0.2s;
	background: #aaa;
}

input[type="checkbox"].fancy5 + label {
	width: 10px;
	height: 10px;
}

#iens-container { width: 330px; clear: both; margin: 10px 0 5px; display:block; }
#iens-container .viewport { width: 295px; margin-left:5px; height: 300px; overflow: hidden; position: relative; }
#iens-container .overview { list-style: none; position: absolute; left: 0; top: 0; }
#iens-container .thumb .end,
#iens-container .thumb { background-color:#8fad15; border-radius:8px; box-shadow: 1px 1px 3px #333;}
#iens-container .scrollbar { position: relative; float: right; width: 25px; }
#iens-container .track { background-color: #8fad15; height: 100%; width:1px; position: relative; left:4px; margin:0 auto; }
#iens-container .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:-6px; }
#iens-container .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#iens-container .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }






@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .restaurantBookingBlock select {
        font-family:Sans-Serif;
    }
}




@import url(https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Alegreya+Sans:400,300,500);

body {
	font-family: 'Alegreya Sans', sans-serif;
}

.reviewItem header strong {
    font-weight: normal;
    font-size: 20px;
    padding: 9px 0;
    display: inline-block;
}
.facebookReview header img {
border-radius:50px;
}

.post-text iframe {
width: 100%!important;
  height: 350px;
}

.reviewItem {
    border: none;
    background: white;
    color: #535353;
    border-radius: 3px;
}

.facebookReview .body {
    padding: 0;
    margin-top: 10px;
    font-size: 17px;
    line-height: 28px;
}

.page23564 .box
{
display:none;
}

.page23126 .spotlight:first-child {
display: none;
}

#feedbackHeader {
width: 645px;
}

.inner_sidebar{
	width: 100%;
}

.widget {
  margin: 3px 0 0;}
 

.sidebar .widget {
width: 100%;
  padding: 0px;}

.simpleBtn
{
cursor:pointer;
border:solid 2px #54585a;
padding:5px 30px;
font-size:1.0em;
color:white;
background-color:#54585a;
}

.simpleBtn:hover
{
color:white;
background-color:54585a;
}

.page0 .spotlight {
display: none;
}

#reserveren h1, #boekkamer h1 {font-family:'Open Sans';line-height: 27px;
font-size: 16px;
text-transform: uppercase;
padding-bottom: 6px;
letter-spacing:1px;}

#boekkamer h1 {color:#8fad15; }

#boekkamer
{
background-color:#fff;
  text-align:center;
  padding-top:10px;
}

#reserveren
{
  padding-top:10px;
}

#reserveren > a, #boekkamer > a {
color: white;
text-transform: uppercase;
}

#main ul, #main ol {
margin-bottom: 0px;
}

.menukaartNav li {
background: rgba(0,0,0,0.5);
padding: 3px 10px;

}

.menukaartNav li a{ color: #fff;}

.menukaartNav li a:hover {border-bottom: none;}

#currentMenu {
border-bottom: none;
background: rgba(0,0,0,0.7);
padding: 3px 11px;
color: #8fad15 ;
}


/* //// HOME NIEUWS CSS //// */

.homenews {
  width: 366px;
height: 190px;
  margin-top: 20px;
}

.homenews hr {border-top:5px solid black;border-bottom:none;border-left:none;border-right:none;padding: 7px;margin: 10px 20px 11px 20px;}

.homenews hr:last-child {
width: 180px;
top: 30px;
  float: right; }

.homenews p {margin-bottom: 15px;}

.newslink {
background: #fff;
padding: 3px 13px;
text-transform: uppercase;
  position: relative;
float: right;
}

.newslink:hover{background:#54585a;}
.newslink:hover a{color:#fff;}

.newstitle a {
    color: #54585a;
    background: rgba(255,255,255,.9);
}

.newstitle {
text-transform: uppercase;
font-size: 33px;
line-height: 49px;
}



/* //// END ////*/



.content {
height: 100%;
padding: 90px 0 66px 350px;
}

.menu-container  {margin:90px 0 66px 300px}

p {
line-height: 26px;
}

a {color:#8fad15;}

.main_menu .menu li strong:hover {
color: #8fad15;
background: white;
}

.selected a strong {
color: #8fad15;
background: white!important;
}

.page0 .reserveren-container {display:none;}

h3 {
text-transform: uppercase;
letter-spacing: 1px;
}

strong {
font-weight: bold;
}

.post-title {
padding: 0px;
margin-bottom: 7px;
}
.post-text {
background: white;
padding: 20px;
border-top: 5px solid black;
border-bottom: 5px solid black;
  line-height:26px;
}

#menukaartWrapper {
padding: 20px 0px 20px 40px;
background: white;
border-top: 5px solid black;
  border-bottom: 5px solid black;}

#social img {
-webkit-filter: brightness(1.5);
}
#social {background:transparent;}
#top-menu {border:none;display:none;}
#top-right {background:transparent;}



.logo {
	opacity: 0.8;margin-bottom: 20px;
}
.location {
  padding-bottom: 30px;
}

.page23083 .box {padding:0px;}


.page23083 h1.post-title {
display: none;
}




.page23083 .post-text {background:transparent;border:none;}

.main_menu .menu li a strong {
background: black;
padding:10px 10px;
}

.main_menu .menu li a span {display:none;}

.main_menu .menu li a strong {
display: block;
font-size: 13px;
font-weight: normal;
cursor: pointer;
}

.footer-info {bottom: 20px;width:100%;}
.sidebar .box, .footer-info {
  padding:0px;
  background-color: transparent!important;}

.box {background:transparent;}

.main_menu .menu a {
border-bottom-color: transparent;
padding: 0px;
margin: 4px 0;
}

.column {opacity:1;}

.box h1, .restaurantBookingBlock h2{
color: #54585a;
text-transform: uppercase;
font-weight: normal;
font-size: 36px;
letter-spacing: 2px;
      padding: 20px 30px;
  line-height: 1.3em;
}

.box h1{
	background: #fff;
}

#reserveren {background:#8fad15;margin-top:20px;}

#reserveren .box h1 {}

#reserveren h1 {
background:transparent;
color: #fff!important;
font-weight: normal;
}

table {margin-left: -2px;}

.right-container {margin-top: 30px;}

.spotlight {
border: 15px rgba(255,255,255,0.4) solid;background: rgba(255,255,255,0.8);}

.column {
  padding: 30px 0px; }

.column img {
  opacity: 0.8;}

#adres-info h3 {
font-size: 14px;
font-weight: normal;
}

div.hr {
  border-top: 2px solid #54585a; }

.menukaart-column td {float:left;}

.menukaart-column td+td {float:right;}

td.foodInfo {
min-width: 304px;
}

.menuHeadText p {
background: rgba(0,0,0,0.7);
color: white;
padding: 10px 20px 10px 20px;
}

.menuHeadText {
padding: 0px;
}
.menukaart-column table {
  border-bottom: 1px solid #c8c8c8;}

.hometekstmob {display:none;}


/*Version 2*/


a{
color: #cb2c30;
}

.intro {
    max-width: 800px;
  margin-top: 20%;
}

.intro span{
font-size: 2.3em;
    line-height: 54px;
    background: rgba(255,255,255,0.8);
    padding: 5px 17px;
}

.sidebar {
background: #fff !important;
    left: 0;
  width: 300px;
position: fixed !important;
    min-height: 100vh;
}

.main_menu .menu li a strong {
    background: rgba(0, 0, 0, 0) !important;
padding: 16px 33px !important;
    color: #54585a;
    border-bottom: dashed 1px #A99D9D;
}

.logo img{
    height: 160px;
}

.logo {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.sidebar .box, .footer-info{
color: #54585a;
}

.page23083 .content .box{
max-width: 100%;
}

.post-text{
    background: rgba(255,255,255,0.95);
  padding: 30px;
border-top: 3px solid #8fad15;
}

.restaurantBookingBlock .hr{
	border-top: 3px solid #8fad15;
}

.box h1, .restaurantBookingBlock h2{
    color: #000;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 36px;
    letter-spacing: 2px;
    padding: 20px 30px;
    line-height: 1.3em;
  margin: 0;
}

.content .box{
max-width: 55%;
}

#reserveren h1, #boekkamer h1, #reserveren{
padding: 5px;
}

#feedbackFilters li a:hover, #feedbackFilters li a.selectedFilter{
background: #8fad15;
border: solid 1px #8fad15;
}

#feedbackFilters li a{
color: #8fad15;
}

.sidebar{
padding: 20px 0 0 0;
}

p, li, span{
font-family: 'Alegreya Sans', sans-serif;
font-weight: 300;
}

.main_menu .menu li{
font-family: 'Amatic SC', cursive;
}

.footer-info{
width: 100%;
    border-top: 1px dashed #8fad15;
    padding: 20px 15px 10px 15px;
    letter-spacing: 2px;
background-color: #ffffff !important;
}

.main_menu .menu li{
text-align: center; 
}

.main_menu .menu li a strong{
font-size: 1.4em;
    letter-spacing: 3px;
padding: 12px 33px !important;
}

.post-text{
border-bottom: 0px solid #cb2c30;
}

.telefoon-info:before {
    content: "T ";
    font-weight: bold;
    font-size: 16px;
  color: #cb2c30;
}

.location {
    padding-bottom: 20px;
}

.column img {
    opacity: .9;
}

a{
font-family: 'Amatic SC', cursive;
font-size: 1.1em;
  transition: 0.3s all ease-in-out;
}

a:hover{
color:	#A52528;
}

#adres-info .location, #adres-info h3{
display: none;
}

div#adres-info {
    padding: 13px 0;
}

.email-info {
    font-size: 1.4em;
    letter-spacing: 3px;
    margin-bottom: 5px;
}

.main_menu .menu li ul a{
font-size: 1.4em !important;
}

#currentMenu, .menu-container div.hr{
display: none;
}

#menukaartWrapper {
    padding: 40px 0px 20px 40px;
}

#menukaartWrapper{
    border-top: 3px solid #8fad15;
border-bottom: 3px solid #8fad15;
  background: rgba(255,255,255,0.95);
}


#feedbackFilters {
    display: none;
}

.page27242 .post-text{
	background: rgba(255, 255, 255, 0) !important;
  	border: none !important;
}


.page27242 h1{
	display: none !important;
}

.page27242 .content .box {
    max-width: 100%;
}

.spotlight {
    border: 15px rgba(255,255,255,0.4) solid;
    background: rgba(255,255,255,0.95);
}

.spotlight{
	min-width: 455px !important;
}


.restaurantBookingBlock select{
    color: #8fad15;
}


.boxout input[type="submit"], .restaurantBookingBlock input[type="submit"], #formContainer input[type="button"], .succesMessageContainer input[type="button"], .newsBlock input[type="submit"]{
    background: #8fad15;
}

.restaurantBookingBlock select:disabled {
    color: rgba(143,173,21,0.6);
}


.restaurantBookingBlock{
	padding: 0;
}

.bookingPanel {
    padding: 10px;
}

a.simplebtn2 {
    color: #fff;
    background: #8FAD15;
    padding: 8px 30px;
    font-size: 1.5em;
    border-radius: 2px;
}

#language-selector {
    position: static;
    z-index: 100;
    right: 0;
    background: #fff;
}