div.statistik{
	background-color: #ffffff;
	border-radius: 5pt;
	border: 1px solid #222222;
	padding: 10pt 5pt;
	width: 40%;
}

div.statistik h4{
	margin: 0;
}

div.form#fahrzeugauswahl {
    float: left;
    width: 25%;
    margin: 1% 4%;
}

div.form#fahrzeugauswahl img.kategorieBild{
	cursor: pointer;
	width: 100%;
}

div.geraet{
	font-weight: bold;
	padding: 10pt;
	font-size: 19pt;
	width: 80%;
	margin: 10pt auto;
	border: 2px solid #222222;
	background-color: #f1f1f1;
	border-radius: 3pt;
	overflow: hidden;
}

pre.wp-block-code h3{
	margin: 0;
}

div.geraet#correct, pre.wp-block-code#correct{
	border: 2px solid #34A853;
	box-shadow: 1pt 1pt 3pt #34A853 inset;
}

div.geraet#wrong, pre.wp-block-code#wrong{
	border: 2px solid #9C0F15;
	box-shadow: 1pt 1pt 3pt #9C0F15 inset;
}

div.verlastungsOrt{
	width: 80%;
	margin: 10pt auto;
	padding: 2%;
}

div.verlastungsOrt#correct{
  background: rgba(52, 168, 83, 0.2);
}

div.verlastungsOrt#wrong{
  background: rgba(156, 15, 21, 0.2);
}

div.verlastungsOrt div.verlastung{
	font-weight: bold;
	font-size: 15pt;
}

div.verlastungsOrt div.antwort{
	font-size: 13pt;
}

div.verlastungsOrt div.img{
	float: left;
	width: 45%;
	margin: 2% 2%;
}

div.verlastungsOrt#correct div.img img {
    border: 1px solid #34A853;
    box-shadow: 2px 3px 3px #34A853;
}

div.verlastungsOrt div.imgFull{
    float: left;
    width: 95%;
    margin: 2% 2%;
}

div.verlastungsOrt div.img img, div.verlastungsOrt div.imgFull img{
	width: 100%;
}


#Content input[type=date], #Content input[type=time], #Content input[type=number], #Content input[type=text], #Content form.saveForm select {
	width: 170px;
}

button {
	background-color: #F0F0F0;
	border-radius: 5px;
	width: 70%;
	padding: 5pt;
	margin: 5px;
	font-size: 15pt;
}

button#HOVER {
	background-color: #E5F1FB;
}

button.reset{
	background-color: #FFFFFF;
	width: 50%;
}

button.naechstes{
	padding: 10pt
}
div.menu{
	margin-top: 100px;
	margin-bottom: 10px;
}

div.overlayer{
	background-color: #ffffff;
	border-radius:10pt;
	border: 1px solid #9C0F15;
	box-shadow: 2pt 2pt 3pt #9C0F15;
	display: none;
	height: 94%;
	left: 3%;
	overflow: hidden;
	position: absolute;
	right: 3%;
	top: 3%;
	width: 94%;
}

div.overlayer div.closeOverlayer{
	background-color: #F0F0F0;
	border: 1px solid;
	box-shadow: 1pt 1pt 2pt;
	cursor: pointer;
	padding: 2pt 4pt;
	position: absolute;
	right: 7pt;
	top: 7pt;
	z-index: 100;
}

div.overlayer div.overlayerContent{
	height: 98%;
	margin: 1%;
	/* width: 98%; */
}

div.overlayer div.overlayerContent img{
	display: block;
	max-height: 95%;
	margin: auto;
}

div#error{
    border: 2px solid red;
    color: red;
    font-weight: bold;
    margin: 3px 3px 10px;
    padding: 5px;
    width: 200px;
}

div.clear{
	clear: both;
}