@charset "utf-8";
/* CSS Document */
/* Style the buttons that are used to open and close the accordion panel */
div.accordion {
	background-color: white;
	/*color: inherit;*/
	color: #A4A4A4;
	cursor: pointer;
	/*padding: 18px;*/
	width: 100%;
	border: none;
	text-align: inherit;
	outline: none;
	font-size: inherit;
	/*font-size: 130%;*/
	/*font-size: calc(12px + 0.2vw);*/
	transition: 0.6s;
	overflow: hidden;
}
div.accordion:hover{
	color: #1C1C1C;
}
/*
@media all and (max-width: 959px) and (min-width: 400px) {
	button.accordion {
		font-size: 100%;/*fall back
		font-size: 1.2vw;
	}
}
@media all and (max-width: 399px) and (min-width: 50px) {
	button.accordion {
		font-size: 100%;/*fall back
		font-size: 2vw;
	}
}
*/
div.accordion:active, div.accordion:hover {
    background-color: transparant;
}

div.accordion:after {
    content: '\002B';
	/*content: 'projects';*/
	color: #A4A4A4;
	/*float:left;*/
    /*font-weight: bold;*/
    /*float: right;*/
    /*margin-left: 0px;*/
}

div.accordion.active:after {
	content: "\2212";
	/*content: 'projects';*/
	color:#1C1C1C;
}

div.panel {
    padding: 0 0px;
    background-color: white;
    max-height: 0;
    /*overflow: hidden;*/
	overflow: auto;
    transition: max-height 0.5s ease-out;
}
/*toegevoegd*/
.panel.show {
 	opacity: 1;
 	max-height: 1000px;
	transition: max-height 1.0s ease-in;
}
.panel.hide {
  opacity: 0;
  height: 0;
}
/*einde toegevoegd*/
div.but_group{
	width:100%;
	margin-right:0%;
	float:left;
}
.vert-btn-group button {
	background-color: transparent;
	border: none;
	color: black;
	padding: 0px 0px;
	text-align: left;
	text-decoration: none;
	display: inline-block;
	/*font-weight: bold;*/
	cursor: pointer;
}
/*
@media all and (max-width: 959px) and (min-width: 400px) {
	.vert-btn-group button {
		font-size: 100%;fall back
		font-size: 1.2vw;
	}
}
@media all and (max-width: 399px) and (min-width: 50px) {
	.vert-btn-group button {
		font-size: 100%;fall back
		font-size: 2vw;
	}
}
*/