/* body zwarte achtergrond, witte letters en regelafstand 28 px */
body {																		
	background: #000;	
	color: #fff;
	line-height: 28px;
}

/* logo zwarte achtergrond */
.container-header {
   	background: #000;
  	background-image: none;
}

 /* Menu font aanpassen; alleen de tekst */
.container-header .mod-menu {
  	text-transform: uppercase;
 	font-weight: bold;
 	font-size: 18px;
	color: #b99642;
}

/* menu opmaak voor hover effect */
.container-header .mod-menu a {
  border-radius: 6px;
  padding: 0px 10px;	/* ruimte voor en achter elk menu-item */
}

/* Hover effect menu */
.container-header .mod-menu a:hover {
  background-color: #eee;	/* witte achtergrond bij hover-effect */
}

/* Hyperlink kleur geven met hover effect */
a {
  color: #22aa4a;
}
a:hover {
  color: yellow;
}

/* HIER GEDEELTE: Streep onder active menu-item */

		/* WERKT HELAAS NIET */


/* lijn onder menu over de volle breedte en opmaak menu */	
.container-header .container-nav {
    border-bottom: 3px solid #855d19;
	padding: 0 0 5px 15px;	/* ruimte om menu-items opmaken */
	margin-top: -20px;		/* marge aan de bovenkant verkleinen */
}

/* Hamburgermenu opmaken */ 
.container-header .navbar-toggler {
 	color: #b99642;
 	border: 4px solid #b99642;
}

/* FOOTER OPMAKEN */

/* Footer opmaken */
.card-body {
    padding: 0rem;
    background-color: #000;
  	color: #fff;
}

/* Rand rondom footer verwijderen */
.card {
    border: none;
}

/* lijn boven in footer zichtbaar maken */
hr {
	opacity: unset;
  	border-bottom: 3px solid #855d19;
}

/* NODIG BIJ PHOCA GALLERY */

/* marge content onderkant verkleinen; phoco gallery onderschrift verdwijnt */
/* OPM.: Extra enter (Shift-enter) bij tekst op de pagina */
.container-component > * + *, .container-component > :first-child, .container-sidebar-left > * + *, .container-sidebar-left > :first-child, .container-sidebar-right > * + *, .container-sidebar-right > :first-child {
    margin-bottom: -2.8em;
}