@charset "UTF-8";
/*HTML*/
/*----------------------------------------------------------------------*/
html, body {
	padding: 0; margin: 0;
}
/*anchors and up-button styling*/
/*----------------------------------------------------------------------*/
.anchors {
	position: relative;
	top:-55px;
}
#boven {
	position:fixed;
	bottom:10px; right:10px;
	background: rgba(104,85,70,1.00);
	text-align:center;
	z-index:80;
	border-radius:25px;
}
#boven p {
	padding:0; margin:0;
}
#boven a {
	width:50px; height:50px;
	text-decoration:none;
	color:#FFF;
	display:inline-block;
	background-image:url(../images/up.png);
	background-repeat:no-repeat;
	background-position:5px 4px;
}
#boven a:hover {
	background-image:url(../images/up-over.png);
}
/*menu styling*/
/*----------------------------------------------------------------------*/
#menumobile {
		display: none;
	}
#menu {
	position: fixed;
	width: 100%;
	left: 50%;
	margin-left: -50%;
	background: #ffffff;
	z-index: 999;
	/*TXT*/
	text-align: center;
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	font-size: 14pt;
	border-top: 35px solid rgba(221,5,43,1.00);
	border-bottom: 35px solid rgba(227,219,214,1.00);
}
/*logo*/
/*-----------------*/
#menu .logo {
	float: left;
	padding: 20px 50px;
}
#menu .logo img {
	width: 200px; height: auto;
}
/*-----------------*/
#menu ul {
  margin: 0;
  padding:0;
  list-style: none;
}
#menu .nav a {
	display:block; 
	color: #000; 
	text-decoration: none;
	padding: 0.8em 1.2em;
	position: relative;
	transition: max-height 0.4s ease-out;
}
#menu .nav .contact {
	font-weight: 700;
	background: rgba(221,5,43,1.00);
	border-radius: 20px;
	color: #FFFFFF;
	margin-left: 50px;
}
#menu .nav {  
	/* makes it float horizontally */
	/*  display: inline-block; */
	padding-top: 45px;
}
#menu .nav li {
  position: relative;
}
#menu .nav > li { 
  float: left;
  margin-right: 0px; 
} 
#menu .nav li:hover > a { 
  color:rgba(221,5,43,1.00); 
}
#menu li a:hover,
#menu li a:active,
#menu li.active a {
	/*txt*/
	color:rgba(221,5,43,1.00);
}
#menu .nav .contact li:hover > a {
	color: #000000;
}
#menu .nav > li:last-child { 
  margin-right: 0;
} 
#menu .nav li li a { 
  margin-top: 0px;
}
#menu .nav li a:first-child:nth-last-child(2):before { 
  content: ""; 
  position: absolute; 
  height: 0; 
  width: 0; 
  border: 5px solid transparent; 
  top: 50% ;
  right:5px;  
 }
/* submenu positioning*/
#menu .nav ul {
  position: absolute;
  white-space: nowrap;
  z-index: 1;
  left: -99999em;
	/*TXT*/
	text-align: left;
}
#menu .nav > li:hover > ul {
  left: auto;
  margin-top: 0px;
  min-width: 100%;
}
#menu .nav > li li:hover > ul { 
  left: 100%;
  margin-left: 1px;
  top: -1px;
}
/* arrow hover styling */
#menu .nav > li > a:first-child:nth-last-child(2):before { 
  border-top-color: #aaa; 
}
#menu .nav > li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-bottom-color: orange; 
  margin-top:-5px
}
#menu .nav li li > a:first-child:nth-last-child(2):before {  
  border-left-color: #aaa; 
  margin-top: -5px
}
#menu .nav li li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-right-color: orange;
  right: 10px; 
}
/*content styling*/
/*----------------------------------------------------------------------*/
h1 {
	padding: 50px 80px;
	background: rgba(143,122,108,1.00);
	border-radius: 10px;
	position: absolute;
	margin: -220px 0 0 -80px;
	/*TXT*/
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-style:normal;
	font-variation-settings: "wdth" 100;
	font-size: 24pt;
	color: #FFFFFF
}
h2 {
	padding: 0;
	/*TXT*/
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-style:normal;
	font-variation-settings: "wdth" 100;
	font-size: 24pt;
}
h3 {
	padding: 0 20px;
	/*TXT*/
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style:italic;
	font-variation-settings: "wdth" 100;
	font-size: 18pt;
}
#content {
	width: 100%;
	left: 50%;
	background: #fff;
	padding: 180px 0 100px 0;
	/*TXT*/
	text-align: center;
	font-size: 16pt;
}
#content #foto {
	height: 60vh;
	overflow: hidden;
	border-bottom: 8px solid rgba(104,85,70,1.00);
	margin-bottom: 140px;
}
#content #foto p {
	margin: 0; padding: 0;
}
#content #foto img {
	width:100%; height:auto;
}
#content div {
	padding: 0; margin: 0;
	/*TXT*/
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-variation-settings: "wdth" 100;
}
#content a {
	color: rgba(104,85,70,1.00);
	font-style: italic;
}
#content .tekstblok .tekst {
	padding: 0 50px;
}
#content .tekstblok ul {
	margin-top: 0px;
	padding: 0;
}
#content .tekstblok li {
	padding: 10px 10px;
	margin: 0 30px;
}
#content .tekstblok {
	width: 1200px;
	display:inline-block;
	/*TXT*/
	text-align: left;
}
#content .zwever {
	position: absolute;
	margin: -26px 0 0 574px;
}
/*copyright*/
#copyright {
	background: rgba(227,219,214,1.00);
	/*TXT*/
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-variation-settings: "wdth" 100;
}
#copyright p {
	margin: 0; padding: 0;
}
#copyright .klein {
	padding: 10px 0px;
	font-size: 10pt;
	text-align: center;
}
#copyright a {
	color: #000000;
	text-decoration: none;
}
/*colors*/
/*----------------------------------------------------------------------*/
.wit {
	color: rgba(255,255,255,1.00);
}
.rood {
	color: rgba(221,5,43,1.00);
}
.donkerbruin {
	color: rgba(104,85,70,1.00);
}
.middenbruin {
	color: rgba(143,122,108,1.00);
}
.lichtbruin {
	color: rgba(227,219,214,1.00);
}
/*the end*/