/*** Variablen *********************************/
:root{
	--hintergrundfarbe: #4169e1;

	--schriftfarbe: #ffffff;
	--schriftgroesse: 10pt;

	--zeilenabstand: 7px;

	--inputbreite: 100px;
	--inputhoehe: 25px;
	--input: #104e8b;
	--input_over: #003d7a;
}

/*** Allgemeine Definitionen *******************/
*{
	margin: 0;
	padding: 0;
}

html, body{
	width: 100%;
	height: 100%;
}

body{
	background-color: var(--hintergrundfarbe);
}

img{
	border: 0;
}


/*** Tabelle ***********************************/
table{
	width: 100%;
	height: 100%;
	border: 0;
}

td{
	font-family: Arial;
	font-size: var(--schriftgroesse);
	color: var(--schriftfarbe);

	text-align: center;
	vertical-align: center;
}

/*** Eingabefelder *****************************/
input[type=password]{
	width: var(--inputbreite);
	height: var(--inputhoehe);
	border: 0;

	color: var(--input);

	margin-top: var(--zeilenabstand);

	padding-left: 10px;
	padding-right: 10px;
}

input[type=password]:focus{
	box-shadow: 0 0 5px var(--input);
}

input[type=submit]{
	width: var(--inputbreite);

	color: var(--schriftfarbe);
	background-color: var(--input);
	border: 0;

	margin-top: var(--zeilenabstand);

	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active{
	background-color: var(--input_over);
}