html {
	height:100%;
}
body {
/*	font-family:Georgia,serif;	*/
	font-family:Arial,sans-serif;
	background-color:#00152D;
	height:100%;	
	margin:0;
	cursor:default;
}
table.wrapper {
	margin:0 auto;
	width:780px;
	height:100%;
	border-collapse:collapse;
	background-color:white;
}
td,th {
	padding:0;
}

*[b] {
	font-weight:bold !important;
}

*[c] {
	text-align:center !important;
}

*[d] {
	background-color:#15375E !important;
	color:white !important;
}



iframe {
	display:none;
}

label {
	cursor:pointer;
	user-select:none;
}

h2,
h3 {
	text-align:center;
}



td.header {
	height:95px;
	padding:0 !important;
}
#header {
	height:73px;
	padding-top:22px;
	position:relative;
	border-top:22px #00152D solid;
}
#n8logo {
	top:0;
	width:95px;
	height:95px;
	position:absolute;
}
#hulogo {
	top:0;
	right:0;
	width:95px;
	height:95px;
	position:absolute;
}
#header h2 {
	margin:0 125px;
	height:73px;
	line-height:73px;
	background-color:#15375E;
	color:white;
	font-family:Arial,sans-serif;
	font-size:32.5px;
}



td.main {
	vertical-align:top;
}

#main table {
	display:none;
	border-collapse:separate;
	border-spacing:30px 0px;
	margin:0;
	width:100%;
	position:relative;
}
#main td {
	width:1%;
	padding:0;
	background-color:#4F81BC;
	color:white;
	vertical-align:middle;
	text-align:center;
}

#main tr.empty td {
	height:22px;
	visibility:hidden;
}

#main tr.intro-head td {
	background-color:#15375E;
	font-size:19px;
	font-weight:bold;
	padding:10px 10px;
}
#main tr.intro td {
	vertical-align:top;
	text-align:left;
	width:325px;
	max-width:325px;
	min-width:325px;
	padding:5px 10px;
}

#main tr.intro-head-2 td {
/*	font-size:19px;	*/
	font-weight:bold;
	padding:10px 10px;
}
#main tr.intro-gruppen td {
	padding:5px 10px;
	width:200px;
	max-width:200px;
	min-width:200px;
}

#main tr.wort td {
}
#main div.wort {
	background-color:#4F81BC;
	color:white;
	text-align:center;
	padding:15px 10px;
}
#main div.wortnr {
	font-size:19px;
	line-height:19px;
}
#main div.wortname {
	font-size:32.5px;
	font-weight:bold;
	line-height:32.5px;
	margin-top:10px;
}

#main tr.input {
	height:1px;
}
#main tr.input td {
	background-color:#eee;
	color:black;
	height:100%;
	width:220px;
	min-width:220px;
	max-width:220px;
	position:relative;
}
#main tr.input td.richtig {
	color:#0E513D;
}
#main tr.input td.falsch {
	color:#8A1C2F;
}
#main tr.input td > div {
	height:100%;
}
#main tr.input input[type='radio'] {
	display:none;
}
#main tr.input label:not(.check) {
	display:table;
	border-collapse:collapse;
	height:100%;
	width:100%;
}
#main tr.input label div.inner-label {
	display:table-cell;
	vertical-align:middle;
	padding:10px 25px;
}
#main tr.input label.check {
	position:absolute;
	padding-right:5px;
	bottom:0;
	right:0;
	font-size:250%;
	display:none;
}
#main tr.input td:hover label.check {
	color:#aaa;
	display:block;
}
#main tr.input input:checked ~ label.check {
	display:block;
	color:#15375E;
}
#main tr.input td.richtig label.check {
	display:block;
	color:#0E513D;
}
#main tr.input td.falsch label.check {
	display:block;
	color:#8A1C2F;
}

#main tr.schnitt {
	display:none;
	position:absolute;
	left:0;
	right:0;
	z-index:5;
}
#main tr.schnitt td {
	background-color:#ECE9D0;
	background-color:#eee;
	color:black;
	padding:5px 0;
	width:220px;
	max-width:220px;
	min-width:220px;
}

#main tr.schnitt-header {
	display:none;
	position:absolute;
	z-index:6;
	left:0;
	right:0;
	opacity:0;
	transition:opacity 400ms;
		-moz-transition:opacity 400ms;
		-webkit-transition:opacity 400ms;
		-o-transition:opacity 400ms;
		-ms-transition:opacity 400ms;
}
#main tr.schnitt-header.opaque {
	opacity:1;
}
#main tr.schnitt-header:hover {
	opacity:0;
}
#main tr.schnitt-header td {
	background-color:#ECE9D0;
	background-color:#eee;
	color:black;
	width:700px;
	max-width:700px;
	min-width:700px;
	padding:5px 10px;
}

#main tr.schnitt-dummie {
	visibility:hidden;
}
#main tr.schnitt-dummie div {
	display:none;
	padding:5px 10px;
}
#main tr.schnitt-dummie + tr.empty td {
	height:0px;
}

#main tr.kommentar {
	opacity:0;
	transition:opacity 400ms;
		-moz-transition:opacity 400ms;
		-webkit-transition:opacity 400ms;
		-o-transition:opacity 400ms;
		-ms-transition:opacity 400ms;
}
#main tr.kommentar.opaque {
	opacity:1;
}
#main tr.kommentar td {
}
#main tr.kommentar.richtig td {
	font-size:32.5px;
	font-weight:bold;
	background-color:#0E513D;
}
#main tr.kommentar.falsch td {
	font-size:25px;
	background-color:#8A1C2F;
}
#main tr.kommentar div {
	height:65px;
	line-height:65px;
	display:none;
}
#main tr.kommentar + tr.empty td {
	height:0px;
}

#main tr.expl {
	opacity:0;
	transition:opacity 400ms;
		-moz-transition:opacity 400ms;
		-webkit-transition:opacity 400ms;
		-o-transition:opacity 400ms;
		-ms-transition:opacity 400ms;
}
#main tr.expl.opaque {
	opacity:1;
}
#main tr.expl td {
	background-color:#eee;
	color:black;
}
#main tr.expl div {
	padding:5px 10px;
	display:none;
}
#main tr.expl + tr.empty td {
	height:0px;
}

#main tr.button td {
	background-color:transparent;
}
button {
	margin:0;
	font-family:Arial,sans-serif;
	font-size:32.5px;
	line-height:65px;
	border:0;
	background-color:#15375E;
	color:white;
	display:block;
	text-align:center;
	height:65px;
	cursor:pointer;
	width:100%;
}
button:hover {
	background-color:#0258A1;
}
button[disabled] {
	background-color:#eee;
	color:#ccc;
	font-size:19px;
	cursor:default;
	transition:color 400ms;
		-webkit-transition:color 400ms;
		-moz-transition:color 400ms;
		-o-transition:color 400ms;
		-ms-transition:color 400ms;
}
button[disabled]:hover {
	color:#888;
}

#main tr.auswertung-head td {
	background-color:#15375E;
	font-size:19px;
	font-weight:bold;
	padding:10px 10px;
}

#main tr.balken {
}
#main tr.balken td {
	border-left:30px #4F81BC solid;
	border-right:30px #4F81BC solid;
	border-top:5px #4F81BC solid;
	border-bottom:5px #4F81BC solid;
}
#main tr.balken div.balken {
	position:relative;
	background-color:#eee;
/*	border-left:50px #4F81BC solid;
	border-right:50px #4F81BC solid;
*/	margin:5px 0;
}
#main tr.balken div.balken-gruen {
	position:absolute;
	overflow-x:hidden;
	background-color:#0E513D;
	width:0%;
	height:30px;
}
#main tr.balken div.zahl-weiss {
	line-height:30px;
}
#main tr.balken div.zahl-schwarz {
	height:30px;
	line-height:30px;
	color:black;
}
#main tr.balken #eigener-balken div.zahl-weiss,
#main tr.balken #fremder-balken div.zahl-weiss {
	width:660px;
}
#main tr.balken div.drei-balken {
}
#main tr.balken div.drei-balken div.balken-frame {
	display:inline-block;
	width:200px;
}
#main tr.balken div.drei-balken div.balken-frame:nth-child(2) {
	margin:0 30px;
	width:200px;
}
#main tr.balken div.drei-balken div.zahl-weiss {
	width:200px;
}

#main div.auswertungsworte {
	text-align:left;
	display:inline-block;
	margin-top:10px;
}
#main div.auswertungswort {
}
#main div.auswertungswort::before {
}
#main div.auswertungswort.richtig::before {
	content:'✔ ';
	color:#0E513D;
}
#main div.auswertungswort.falsch::before {
	content:'✘ ';
	color:#8A1C2F;
}
#main #problemwort {
	font-style:italic;
}



td.footer {
	padding:0 !important;
	height:1px;
}
#footer {
	color:#888;
	border-bottom:22px #00152D solid;
	text-align:center;
	padding-bottom:10px;
}
#footer div.footer-teil {
	width:50%;
	display:inline-block;
}