@charset "utf-8";
/* CSS Document */

/* Normale linkjes */
a:link {
	color: #a39161;
	text-decoration: underline;
}

a:visited {
	color: #a39161;
	text-decoration: underline;
}

a:hover {
	color: #a39161;
	text-decoration: none;
}

a:active {
	color: #a39161;
	text-decoration: none;
}

/* Breadcrumb linkjes */
a.breadcrumb:link {
	color: #a39161;
	text-decoration: none;
	font-weight: bold;
}

a.breadcrumb:visited {
	color: #a39161;
	text-decoration: none;
	font-weight: bold;
}

a.breadcrumb:hover {
	color: #a39161;
	text-decoration: none;
	font-weight: normal;
}


/* Footer linkjes */
a.footer:link {
	color: #a39161;
	text-decoration: none;
}

a.footer:visited {
	color: #a39161;
	text-decoration: none;
}

a.footer:hover {
	color: #cbb583;
	text-decoration: none;
}



/* Linkjes in Veelgestelde vragen*/
a.vragen:link {
	color: #010101;
	text-decoration: underline;
}

a.vragen:visited {
	color: #010101;
	text-decoration: underline;
}

a.vragen:hover {
	color: #010101;
	text-decoration: none;
}

a.vragen:active {
	color: #010101;
	text-decoration: none;
}


body{
    background-color: #010101;
    color: #a39161;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 14px;
	line-height: 1.625;
	margin: 0px;
}

.site-container{
 	padding-left: env(safe-area-inset-left);
 	padding-right: env(safe-area-inset-right);
}

.site-inner, .wrap {
    margin: 15px auto;
    max-width: 1140px;
}

.header-logo{
	max-width: 90%;
}

.logo-area {
	float: left;
	padding: 10px 0 20px 0;
	width: 420px;
}

.content{
	clear: both;
}

h1, h2{
	clear: both;
	font-weight: bold;
	margin-top: 20px;
}

h1{
	font-size: 18px;	
}

h2{
	font-size: 16px;	
}

li{
	margin-bottom: 10px;	
}

.klein{
	font-size: 12px;
}

.lijn{
	clear: both;
	color: #a39161;
	size: 1px;
}

.regel{
	clear: both;
	width: 100%;	
}

.links{
	float: left;
	width: 120px;
}

rechts{
	
}

.
.space{
       clear: both;
       height: 20px;
}

.button{
	width: 200px;
}

.menu_blok{
	float: left;
	padding: 10px 0;
	width: 33%;
}

.foot{
	clear: both;
	text-align: center;
	padding: 30px 0;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
	background-color: #313131;
    color: #a39161;
    font-size: 14px;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border-width: thin;
    outline: none;
    border-color: #a28f65;
    transition: 0.4s;
    border-color: #a39161;
    border: solid;
    border: thin;
    margin-bottom: 1px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  	background-color: #010101;
    color: #a39161;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
	padding: 0 18px;
    background-color: #a39161;
    display: none;
    overflow: hidden;
    color: #010101;
}

/*HIERONDER HET MENU VAN DE FOOTER*/
/* Style the buttons that are used to open and close the accordion panel */
.menu {
	background-color: #010101;
    color: #a39161;
    font-size: 14px;
    cursor: pointer;
    padding: 0px;
    width: 100%;
    text-align: left;
    border-width: thin;
    outline: none;
    border-color: #a28f65;
    transition: 0.4s;
    border-color: #a39161;
    border: solid;
    border: thin;
    margin-bottom: 1px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .menu:hover {
  	background-color: #010101;
    color: #a39161;
}

/* Style the accordion panel. Note: hidden by default */
.panel-menu {
	padding: 0 18px;
    background-color: #010101;
    display: none;
    overflow: hidden;
    color: #a39161;
}


@media
  only screen and (-webkit-min-device-pixel-ratio: 3),
  only screen and (   min--moz-device-pixel-ratio: 3),
  only screen and (     -o-min-device-pixel-ratio: 3/1),
  only screen and (        min-device-pixel-ratio: 3),
  only screen and (                min-resolution: 458dpi),
  only screen and (                min-resolution: 3dppx) { 

h1{
	font-size: 14px;
}

h2{
	font-size: 12px;	
}

.logo-area{
	text-align: center;
	width: 100%;
	padding-left: 0px;
}

body{
    font-size: 12px;
}

.menu_blok{
	width: 100%;
}

.klein{
	font-size: 8px;
}

.accordion {
	font-size: 12px;
}

.button{
	width: 150px;
}