div:focus,
div:active,
a:focus,
a:active,
a:hover {
	outline: 0;
}

html{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: black;
}

.lesson-table{
	empty-cells: hide;
	border-collapse: collapse;
	border: 0;
}

.th-title{
	border: solid thin black;
	height: 20px;
	line-height: 20px;
	text-align: left;
	text-indent: 5px;
	font-size: 10pt;
	vertical-align: middle;
	background-color: white;
}

.td-question, .td-answer{
	border: solid thin black;
	padding: 10px;
	width: 1000px;
	vertical-align: top;
	text-align: left;
	font-size: 18pt;
	background-color: white;
}

.div-answer{
	display: none;
}

.td-buttons{
	border: solid thin black;
	width: 50px;
	padding: 0;
	vertical-align: top;
	background-color: white;
}

.div-button{
	display: inline-block;
	margin: 0;
}

.btn1{
	width: 50px;
	height: 50px;
}

.box1{
	background-color: rgb(235, 113, 113);
}
.box2{
	background-color: rgb(236, 226, 131);
}
.box3{
	background-color: rgb(143, 240, 131);
}
#div-pool{
	position: absolute;
	width: 1050px;
	left: 50px;
	top: 100px;
	border: solid 25px lightgray;
	z-index: 50;
	background-color: lightgray;
	display: none;
}
.btn2, .btn5{
	width: 280px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	font-size: 10pt;
	margin-bottom: 5px;
	text-indent: 2px;
}

.lessons-overview, .modus-overview, .view-overview{
	position: absolute;
	top: 50px;
	padding: 10px;
	background-color: lightgray;
	z-index: 100;
	display: none;
	padding-top: 50px;
}

.lessons-overview{
	left: 351px;
}

.modus-overview{
	left: 654px;
}

.btn3{
	width: 100px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	font-size: 10pt;
	background-color: lightgray;
	border: solid thin black;
	float: right;
}

.btn4{
	width: 200px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	font-size: 14pt;
	background-color: lightgray;
	border: solid thin black;
}

.btn5{
	height: auto;
	background-color: white;
}

.button-lessons, .button-modus, .button-view{
	position: absolute;
	top: 50px;
	width: 302px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
	background-color: lightgray;
}

.button-lessons{
	left: 351px;
}

.button-modus{
	left: 654px;
}

.button-view{
	left: 957px;
	width: 193px;
}

.div-button:hover, .button-lessons:hover, .button-modus:hover, .button-view:hover{
	cursor: pointer;
}

.btn3:hover, .btn4:hover, .btn5:hover, .button-lessons:hover, .button-modus:hover, .button-view:hover{
	background-color: gray;
}

.icon-show{
	background-image: url("icons/show.png");
	background-position: 10px 10px;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-color: white;
}

.active{
	border: solid thin black;
	color: black;
	background-color: white;
}

.not-active{
	border: solid thin grey;
	color: grey;
	background-color: lightgrey;
}

.login-div{
	width: 200px;
	border: solid thin black;
	color: black;
	background-color: white;	
	height: 30px;
	line-height: 30px;
	font-size: 11pt;
	margin-bottom: 5px;
	text-indent: 5px;
}

.div-card{
	width: 1050px;
	position: absolute;
	left: 50px;
	top: 100px;
	background-color: lightgray;
	text-align: center;
	padding: 25px;
}

.count-box1, .count-box2, .count-box3{
	position: absolute;
	top: 50px;
	height: 50px;
	width: 100px;
	line-height: 50px;
	vertical-align: center;
	text-align: center;
}

.count-box1{
	left: 50px;
	background-color: rgb(235, 113, 113);
}
.count-box2{
	left: 150px;
	background-color: rgb(236, 226, 131);
}
.count-box3{
	left: 250px;
	background-color: rgb(143, 240, 131);
}

.div-bg{
	width: 100%;
	height: 100%;
}