@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

body {
	background-color: white;
	background-image: url("EvryPatroon300x700.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	min-width: 800px;
} 
  
.item {
	float: left;
    padding: 0px 0px 1vw;
	border-width: medium;
	overflow: hidden;
    font-size: 1.5vw;
    text-align: left;
	background-color: #dbe8e0;
	color: #404040;
}
.titlebar {
    background-color: #00A19A;
    font-size: 2vw;
	color: white;
    padding: 1.5vw;
}
.titlebarLicentieVerlopen {
    background-color: red;
    font-size: 2vw;
	color: white;
    padding: 1.5vw;
}
.titlebarLicentieBijnaVerlopen {
    background-color: orangered;
    font-size: 2vw;
	color: white;
    padding: 1.5vw;
}
.titlebarDemoVerlopen {
    background-color: DeepSkyBlue;
    font-size: 2vw;
	color: white;
    padding: 1.5vw;
}
.titlebarDemoBijnaVerlopen {
    background-color: DeepSkyBlue;
    font-size: 2vw;
	color: white;
    padding: 1.5vw;
}
.textblock {
    padding: 0.5vw 1.5vw 0px;
    margin: 0px 0px 0px;
}
  
.Info {
    margin: 2vw;
	width: 100%;
    margin: 1.5vw 0px 0px -1.5vw;
	border-radius: 1vw;
}
.InfoBlock {
	float: right;
	width: 30%;
    padding: 0px;
}
  
.Niets {
	float: left;
	width: 65%;
    margin: 1.5vw 1.5vw 0px;
	border-radius: 1vw;
}
  
.Bericht {
	float: left;
	width: 65%;
    margin: 1.5vw 1.5vw 0px;
	border-radius: 1vw;
}

.Cursus {
	float: left;
	width: 65%;
    margin: 1.5vw 1.5vw 0px;
	border-radius: 1vw;
}
  
.Bericht_midden {
	width: 65%;
    margin: 0px 1.5vw 0px;
	border-top: 0;
	border-bottom: 0;
	border-radius:  0px 0px 0px 0px;
}
  
.Bericht_begin {
	width: 65%;
	margin: 1.5vw 1.5vw 0px;
	border-bottom: 0;
	border-radius:  1vw 1vw 0px 0px;
}
  
.Bericht_eind {
	width: 65%;
    margin: 0px 1.5vw 0px;
	border-top: 0;
	border-radius:  0px 0px 1vw 1vw;
}
.MeerBerichten {
	width: 65%;
	float: left;
    padding: 0px 0px 1vw;
    margin: 1.5vw;
	border: 0px 0px 0px;
    font-size: 1.5vw;
	text-align: left;
	color: black;
	font-style: italic;
	text-decoration:none;
	text-align: right;
}
.Verbergen {
	Border-style: dashed;
	border-color: coral;
}
.NietVerbergen {
	Border-style: solid;
	border-color: #00A19A;
}
  
.Licentie_bijna_verlopen {
	float: left;
	width: 65%;
    margin: 1.5vw 1.5vw 0px;
	border-radius: 1vw;
	border-color: orangered;
}
  
.Licentie_verlopen {
	float: left;
	width: 65%;
    margin: 1.5vw 1.5vw 0px;
	border-radius: 1vw;
	border-color: red;
}
  
.Demo_bijna_verlopen {
	float: left;
	width: 65%;
    margin: 1.5vw 1.5vw 0px;
	border-radius: 1vw;
	border-color: DeepSkyBlue;
}
  
.Demo_verlopen {
	float: left;
	width: 65%;
    margin: 1.5vw 1.5vw 0px;
	border-radius: 1vw;
	border-color: DeepSkyBlue;
}