/* site achtergrond */
body {
	background-color: #fafafa;
}

.container-banner {
	margin-bottom: 10px;
}

/* hoofdmenu */
.container-header {
	background-color: #000000;
	background-image: none;
}
.container-header .mod-menu {
	color: #f7ee47;
}
.container-header .nav-header {
	color: #f7ee47 !important;
}
.container-header .mod-menu>li.active>a:after,
.container-header .mod-menu>li.active>button:before,
.container-header .mod-menu>li>a:hover:after, 
.container-header .mod-menu>li>button:hover:before {
background: #f7ee47;
opacity: 1;
}

/* hamburger */
.container-header .navbar-toggler {
	color: #f7ee47;
	background-color: #000000;
}

/* achtergrond submenu heading */
.metismenu.mod-menu .heading {
	color: #f7ee47 !important;
}

/* achtergrond submenu */
.metismenu.mod-menu .mm-collapse {
	background: #000000;
}

/* kleuren submenu item */
.metismenu.mod-menu .mm-collapse .metismenu-item a {
	color: #f7ee47;
	background: #000000;
}

.tas82-panel-heading {
	word-wrap: break-word; 
	width: 100%; 
	border-radius: 7px; 
	padding-left: 20px; 
	padding-top: 5px; 
	padding-bottom: 7px; 
	font-family: verdana, geneva; 
	color: #ffffff; 
	background-color: #2f419b;
	font-size: 16pt;
}

.footer {
	color: #000000;
	background:  #fafafa;
}

/* knop homepage Waarom dat zie je hier... */
.button-container {
	position: relative;
	width: 100%;
}
.button-container img {
	width: 100%;
	height: auto;
}
.button-container .btn {
	background-color: #2f419b;
	position: absolute;
	top: 65%;
	right: 5%;
}

/* module background blauw*/
div.module-background-blue {
	background-color: #2f419b; 
}

/* module background grijs*/
div.module-background-gray {
	background-color: #fafafa;
}

/* extra ruimte bottom-a over de hele breedte */
.grid-child.container-bottom-a {
    grid-column: 1/-1;
    background-color: #2f419b;
    color: #ffffff;
}

/* extra ruimte bottom-b over de hele breedte */
.grid-child.container-bottom-b {
    grid-column: 1/-1;
    background-color: #2f419b;
    color: #ffffff;
}

/* class om een module te centreren */
.mod-center {
align-items: center;
}

.card { border: none; }