/* Mick 2026 */

.blokvooraccordion {
	
	position:relative;
	background-color: none;
	transition: 0.4s;
	width: 100%;
	min-height: 33px;
	height: auto;
	border-bottom: solid 12px #336666;
	}

#indexaangepast {
	border-bottom: solid 3px #336666;
	}

#indexmetruimte {
	border-bottom: solid 3px #336666;
	margin-bottom: 3px;
	}

#innov {
	border-bottom: solid 12px #874b52;}

#innovtussen {
	border-bottom: solid 3px #b07c83;}

#innovtussentwee {
	border-bottom: solid 3px #b07c83;}
	
#innovtussendrie {
	border-bottom: solid 3px #b07c83;}	
				
#verd {
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: solid 3px #003333;
	}
	
#verdtwee {
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: solid 3px #003333;
	}
	
#verddrie {
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: solid 3px #003333;
	}

.accordion {
	background-color: #336666;
	color: #ffffff;
	cursor: pointer;
	font-size:28px;
	font-family:"Quantico", helvetica, sans-serif;
	display: flex;
  	justify-content: center;
  	align-items: center;
  	transition: 0.4s;
  	width:55%;
	height:33px;
	border: none;
	border-top-right-radius: 8px;
 	border-top-left-radius: 8px;
	}

.accordion:before {
	content: '\25B6 \00A0\00A0'; 
	font-size:14px;
}



.accordion.active:before {
	content: '\25BC \00A0\00A0'; 
	font-size:14px;
}

#innovatie {
	background-color: #b07c83;
	}

#innovatietwee {
	background-color: #b07c83;
	}
	
#innovatiedrie {
	background-color: #b07c83;
	}

#verdieping {
	background-color: #003333;
	margin-left: 45%;
	}
	
#verdiepingtwee {
	background-color: #003333;
	margin-left: 45%;
	}

#verdiepingdrie {
	background-color: #003333;
	margin-left: 45%;
	}
	
.active, .accordion:hover {
 	background-color: #003333; 
 	color: #669999;
}

.active#innovatie, #innovatie:hover {
 	background-color: #003333; 
 	color: #874b52;
}

.active#innovatietwee, #innovatietwee:hover {
 	background-color: #003333; 
 	color: #874b52;
}

.active#innovatiedrie, #innovatiedrie:hover {
 	background-color: #003333; 
 	color: #874b52;
}

.active#verdieping, #verdieping:hover {
 	background-color: #003333; 
 	color: #996633;
}

.active#verdiepingtwee, #verdiepingtwee:hover {
 	background-color: #003333; 
 	color: #996633;
}

.active#verdiepingdrie, #verdiepingdrie:hover {
 	background-color: #003333; 
 	color: #996633;
}

.blokvooraccordion:hover {
	border-bottom: solid 12px #003333;
	}

.panel {
  	padding-top: 20px;
  	padding-left: 55px;
  	padding-top: 20px;
  	padding-right: 20px;
  	display: none;
  	background-color: #003333;
  	color:#fff;
	border-top-right-radius: 8px;
  	overflow: hidden;
}

#verdiepingspanel {
	border-top-right-radius: 0px;
	border-top-left-radius: 8px;
	}

#verdiepingspaneltwee {
	border-top-right-radius: 0px;
	border-top-left-radius: 8px;
	}
	
#verdiepingspaneldrie {
	border-top-right-radius: 0px;
	border-top-left-radius: 8px;
	}


.trekharmonicatekst {
	position:relative;
	display: inline-block;
	background-color: none;
	width: 80%;
	min-height: 120px;
	margin-bottom: 0px;
}

#innovatietekst {
	color: #b07c83;
}

#innovatietekstdrie {
	color: #b07c83;
}

.kleurtekst {
	color: #b07c83;
}

.verdiepingsamenvatting {
	color: #996633;
}