html{
	-webkit-text-size-adjust:150%;
}

html, div#Border, div.center, div#Body, div#Content {
    padding: 0;
	margin: 0;
}

html{
	width: 100%;
}

h1, h2, h3 {
	color: #e41609;	
}

div#Body {
	width: auto;
	font-size: 14pt !important;
	font-family: arial;
}

div.center {
	width: auto;
}

#Content {
    background-color: #ffffff;
    padding: 0;
	width: 100% !important;
	height: 100% !important;
}

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

div.statistik h4{
	margin: 0;
}

div.kursrow{
	float: left;
	width: 100%;
}

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

div.form#kursauswahl img.kategorieBild{
	cursor: pointer;
	width: 100%;
	border-radius: 5%;
	box-shadow: 5pt 5pt 5pt #222222;
}

div.form#kursauswahl img.kategorieBild:HOVER{
	box-shadow: none;
}

div.frage{
	font-weight: bold;
	padding: 10pt;
	font-size: 21pt;
}

div.antwortbogen div.antwort{
	background-color: #F0F0F0;
	border: 2px solid #222222;
	border-radius: 5px;
	width: 70%;
	padding: 5pt;
	margin: 15px auto;
	font-size: 15pt;
	overflow: hidden;
}

div.antwortbogen div.antwort.right{
	border: 2px solid #34A853;
	box-shadow: 1pt 1pt 3pt #34A853 inset;
	font-weight: bold;
}

div.antwortbogen div.antwort.wrong{
	border: 2px solid #9C0F15;
	box-shadow: 1pt 1pt 3pt #9C0F15 inset;
	font-weight: bold;
}

div.antwortbogen div.antwort.korrekt{
	background-color: #34A8531C;
}

#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;
	cursor: pointer;
	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;
}