ul.tabbox-1{
	display: flex;
	margin: 0;
}
ul.tabbox-1>li {
	border-style: solid solid none solid;
	border-width: 1px;
	background-color: #dddddd;
	list-style: none;
	cursor: pointer;
	margin: 8px 0 0 0.5em;
	padding: 4px;
}
ul.tabbox-1>li.active {
	border-style: solid solid none solid;
	border-width: 1px;
	background-color: #aaaaaa;
	list-style: none;
}
div.tabbox-1-content>ul {
	margin: 0;
}
div.tabbox-1-content>ul>li {
	display: none;
	margin: 0;
	padding: 2em;
	border-style: solid;
	border-width: 2px;
	border-color: #444444;
}
div.tabbox-1-content>ul>li.active {
	display: block;
}

label.accordion-1, input.accordion-1[type="checkbox"]+label {
	display: block;
	margin: 0;
	padding: 4px 1em;
	border-style: none;
	background-color: #888888;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
}
input.accordion-1[type="checkbox"]{
	display: none;
}
div.accordion-1{
	margin: 0;
	padding: 4px;
	border-style: none solid solid solid;
	border-width: 2px;
	border-color: #444444;
	display: none;
}
input.accordion-1:checked + label + div.accordion-1{
	display: block;
}