div#wxKalenderTotaal
{
	float: left;
	width: 100%;
}
div#wxKalenderTotaal h1
{
	font-size: 28px;	
	padding: 10px 0 0 0;
}
div#wxKalenderTotaal ul#wxKalenderTotaal_Container
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    list-style-type: none;
    padding: 5px 0 20px 0;
    width: 100%;
}
div#wxKalenderTotaal ul#wxKalenderTotaal_Container > li
{
	background-color: #ED8465;
	color: white;
	padding: 1em 1em 1.3em 1em;
	transition: all .3s;
}
div#wxKalenderTotaal ul#wxKalenderTotaal_Container > li:hover
{
	transform: scale(1.05);
	cursor: pointer;
}
div#wxKalenderTotaal ul#wxKalenderTotaal_Container > li, div#wxKalenderTotaal ul#wxKalenderTotaal_Container > li a:link, div#wxKalenderTotaal ul#wxKalenderTotaal_Container > li a:visited, div#wxKalenderTotaal > li h2
{
	color: white !important;
}
div#wxKalenderTotaal ul#wxKalenderTotaal_Container > li a:hover
{
	text-decoration: none;
	color: white !important;
}
div#wxKalenderTotaal h2
{
	padding: 0 0 15px 0;
	line-height: 27px;
	font-size: 24px;
	color: white !important;
}
div#wxKalenderTotaal h3
{
	color: #1F407A !important;
	padding: 0 0 5px 0;
	font-size: 1.8em;
}
div#wxKalenderTotaal h4
{
	color: #1F407A !important;
	font-family: "NeutraText", Arial, Helvetica, sans-serif !important;
	padding: 0 0 15px 0;
	font-size: 1.2em;
	font-weight: normal;
}
div#wxKalenderTotaal p
{
	padding: 0px;
	margin: 0;
	/* max-height: 7.5em;
	padding-bottom: .8em;
	overflow: hidden; */
}

/* thema's */
div#wxKalenderTotaal.temp > li h2
{
	padding-top: 8px;
	color: white;
}
div#wxKalenderTotaal ul#wxKalenderTotaal_Container > li
{
	background-image: url(/_catalogs/masterpage/designfiles/images/icon-vb.svg);
	background-repeat: no-repeat;
	background-position: top 18px right 15px;
	background-size: 20px;
}
div#wxKalenderTotaal ul#wxKalenderTotaal_Container > li.politiek
{
	background-color: #1F407A;
	background-image: url(/_catalogs/masterpage/designfiles/images/icon-politiek.svg);
	background-repeat: no-repeat;
	background-position: top 15px right 15px;
	background-size: 27px;
}
div#wxKalenderTotaal ul#wxKalenderTotaal_Container > li.politiek h3, 
div#wxKalenderTotaal ul#wxKalenderTotaal_Container > li.politiek h4
{
	color: white !important;
}
div#wxKalenderTotaal ul#wxKalenderTotaal_Container > li.extern
{
	background-color: #D65157;
	background-image: url(/_catalogs/masterpage/designfiles/images/icon-extern.svg);
	background-repeat: no-repeat;
	background-position: top 13px right 11px;
	background-size: 22px;
}
div#wxKalenderTotaal ul#wxKalenderTotaal_Container > li.extern h3, 
div#wxKalenderTotaal ul#wxKalenderTotaal_Container > li.extern h4
{
	color: white !important;
}
div#wxKalenderTotaal ul#wxKalenderTotaal_Container > li.opleiding
{
	background-color: #D2DAE2;
	background-image: url(/_catalogs/masterpage/designfiles/images/icon-opleiding.svg);
	background-repeat: no-repeat;
	background-position: top 15px right 15px;
	background-size: 24px;
}
div#wxKalenderTotaal ul#wxKalenderTotaal_Container > li.opleiding, 
div#wxKalenderTotaal ul#wxKalenderTotaal_Container > li.opleiding a:link, 
div#wxKalenderTotaal ul#wxKalenderTotaal_Container > li.opleiding a:visited, 
div#wxKalenderTotaal > li.opleiding h2
{
	color: #1F407A !important;
}
div#wxKalenderTotaal li.opleiding h3, div#wxKalenderTotaal li.opleiding h4
{
	color: #1F407A !important;
}
div#wxKalenderTotaal li.opleiding h2
{
	color: #1F407A !important;
}


@media screen and (min-width: 769px) and (max-width: 1024px)
{

}

@media screen and (max-width: 768px)
{
	div#wxKalenderTotaal
	{
		border-top: none;
	}
	div#wxKalenderTotaal ul#wxKalenderTotaal_Container
	{
		grid-template-columns: 1fr;
		gap: 1em;
		padding: 0;
	}
}