html, body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size:1.25em;
	background-image:url(background.jpg);
}

div.body {
  height: 100%;
  display: table;
  width: 100%;
}

div.login {
	display: table-cell; 
	text-align: center;
	vertical-align: middle;
}


div.login a {
	color:rgb(51,51,51);
	text-decoration:none;
	font-weight:bold;
	font-family:'Roboto Condensed', sans serif;
}

div.login a {
	color:rgb(51,51,51);
	text-decoration:none;
	font-weight:normal;
	font-family:'Roboto Condensed', sans serif;
	font-size:0.66667em;
}

div.login a:hover {
	color:rgb(102,80,51);
}

div.loginerror {
	font-family:'Roboto Condensed', sans serif;
	color:rgb(153,0,0);
}

div.login input {
	border:1px solid rgb(51,51,51);
	font-family:'Roboto Condensed', sans serif;
	font-size:1em;
	padding:0.25em;
}

div.login input.email {
	border:0px solid rgb(51,51,51);
	font-family:'Roboto Condensed', sans serif;
	font-size:1em;
	padding:0.25em;
	background-color:rgba(255,255,255,0);
}

div.login input.submit {
	background-color:rgb(51,51,51);
	color:white;
}

div.contentbox {
	display: flex;
	align-items: center;
	justify-content:center;
	padding:0;
	margin:0;
}

div.content {
	width:50%;
	background-color:rgba(255,255,255,0.85);
	padding:1em;
	font-family:'Roboto Condensed', sans serif;
	text-align:justify;
	box-shadow: 0em 0em 1em 0.25em rgb(153,119,70);
}

div.uebersicht {
	width:50%;
	background-color:rgba(255,255,255,0.85);
	padding:1em;
	font-family:'Roboto Condensed', sans serif;
	text-align:justify;
	box-shadow: 0em 0em 1em 0.25em rgb(153,119,70);
}

html, body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size:1.25em;
}

h1 {
	width:100%;
	font-weight:normal;
	font-family:'Amatic SC',cursive;
	font-size:2.5em;
	text-align:Center;
	padding:0;
	margin:0;
	padding-bottom:0.5em;
	color:rgb(102,80,51);
}

h2 {
	width:100%;
	font-weight:normal;
	font-family:'Amatic SC',cursive;
	font-size:1.75em;
	padding:0;
	margin:0;
	padding-top:0.25em;
	color:rgb(102,80,51);
} 

div.logout {
	text-align:center;
	padding-top:1em;
}

div.logout a {
	color:rgb(29,56,84);
	padding-left:1em;
	padding-right:1em;
	box-shadow: 0em 0em 0.25em 0em rgb(102,80,51);
	text-decoration:none;
}


div.logout a:hover {
	box-shadow: 0em 0em 0.1em 0em rgb(102,80,51);
	background-color:rgba(102,80,51,0.25);
}

div.text {
	font-size:0.8em;
	padding-bottom:0.5em;
	color:rgb(68,68,68);
	padding-left:1em;
	padding-right:1em;
}

div.bilderbox {
	width:100%;
	display:table;
	text-align:left;
	padding-left:1em;
	padding-right:1em;
}

div.bild {
	float:left;
	border:1px solid rgb(204,204,204);
	display: table-cell;
	text-align:left;
	vertical-align:middle;
	padding:0.25em;
	margin:0.25em;
	background-color:white;
	box-shadow: 0em 0em 0.25em 0.1em rgb(153,153,153);
}

div.link {
	color:white;
}

div.link a {
	font-size:0.666667em;
	text-align:center;
	display:block;
	text-decoration:none;
	color:rgb(153,0,0);
}

div.clear {
	clear: both;
}

div.text a {
	color:rgb(29,56,84);
}


div.text a:hover {
	color:rgb(68,102,136);
}

div.text table {
	font-size:1em;
	display: table; 
	border-collapse:collapse; 
}


div.text table td{
	color:rgb(68,68,68);
	padding:0;
	padding-right:0.25em;
	margin:0;
}

div.karte {
	text-align:center;
}

tr.status-1 {
	border-left:0.5em solid rgba(204,0,0,0.5);
}

tr.status0 {
	border-left:0.5em solid rgba(204,204,204,0.5);
}

tr.status1 {
	border-left:0.5em solid rgba(0,204,0,0.5);
}

tr.status-1 td,
tr.status0 td,
tr.status1 td {
	margin-left:0.5em;
}


div.karte a {
	color:rgb(29,56,84);
}


div.karte a:hover {
	color:rgb(68,102,136);
}