h1 {
	font-size: 30px;
	margin-top: 40px;
	margin-bottom: 20px;
}

h2 {
	font-size:18px;
	margin-top: 15px;
	margin-bottom: 10px;
}

h3 {
	font-size:15px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.toppart {
	width: 100%;
}
.topleft {
	width: 40%;
	float: left;
	height: 350px;
}
.topright {
	width: 60%;
	float: left;
	height: 350px;
	padding-left: 100px;
	opacity: 0.6;
}
.cartoon {
	width: 80%;
}

.completed {
    background-color: #eaeaea
}
.completed2 {
    background-color: #d0d0d0
}
.exam {
    background-color: #dff0d8
}
.alert {
    color: #ff0000;
}
td:first-child {
    position: relative;
}
.current-marker {
  position: absolute;
  color: black;
  width: 60px;
  left: -20px;
}

div.collapsible {
  display: none;
	margin-left: 10px;
}
a.collapsible{
	font-size:18px;
	margin-top: 15px;
	margin-bottom: 10px;
  color: black;
  text-decoration-line: none;
}
a.collapsible:hover {
  color: black;
  text-decoration-line: none;
}
a.collapsible:active {
  color: black;
  text-decoration-line: none;
}