/* CSS Document */
@import url('http://fonts.googleapis.com/css?family=Josefin+Slab:400,600');
@charset "utf-8";

/* GLOBAL */
*			{	box-sizing: border-box; margin:0; padding:0; }
html,
body		{	height: 100%; width: 100%; }
body,
td,
th			{	font-size: 16px; }
th			{	font-size: 16px; }
body		{	padding: 24px 48px; background-color: #FFFFFF; font-family: 'Josefin Slab', serif; font-size: 15px; color: #000000; }

/* FONT */
a:link,
a:visited,
a:active	{	color: #000066; text-decoration: none; }
a:hover		{	color: #97bf0d; text-decoration: none; }
strong		{	font-weight: 600; }

/* FORMAT */

#document	{	min-height: 100%; width:  100%; 
				display: flex; flex-direction: column; justify-content: center; }

.combTitFrm	{	margin: 8px 0; }

.Titel		{	font-size: 72px; text-align: center; text-shadow: 2px 2px 3px #CCC; }
.FrageBox	{	text-align: center;	padding-bottom: 72px;
				display: flex; flex-direction: row; justify-content: center; align-items: center; }
.FrageInput		{	border: 1px solid #CCC; background-color: #FFF; font-family: Arial; font-size: 24px; padding: 6px; width: 520px; box-shadow: inset 0px 0px 4px #CCC; }
.FrageMumpz		{	border: 1px solid #CCC; background-color: #FFF; font-family: Arial; font-size: 24px; padding: 6px; width: 260px; box-shadow: inset 0px 0px 4px #CCC; }
.FrageSubmit	{	border: 1px solid #CCC; background-color: #EEE; font-family: 'Josefin Slab'; font-size: 21px; width: 100px; height: 42px; box-shadow: inset 0px 0px 4px #CCC;}


.Ergebnis	{	text-align: center; }
.ergTitel		{	margin-top: 24px; font-size: 48px; text-shadow: 2px 2px 3px #CCC; }
.ergText		{	font-size: 24px; }
.redText		{	padding: 8px 0; color: #CC0000; }
.frgDat			{	color: #999999; font-size: 18px; }
	
/* SCANNER.PHP */
.wait		{	font-family: 'Josefin Slab'; text-align: center; padding: 2px 0; }