#canvas {
	display: inline-block;
	width: 98vw;
	max-width: 1440px;
}

#header {
	margin: 0;
	padding: 1em 2em 0 2em;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: baseline;
    background: #005538;
}

#content {
	background-color: #ffffff;
	padding: 1em;
}

body {
	margin: 0;
	padding: 0;
	background-image: url('/.__tpl/img/bg.jpg');
	background-size: cover;
	background-color: #000;
    color: #000;
	font-size: 1rem;
	text-align: center;
}

h1 {
	font-family: "GrueneType",sans-serif;
	color: #fff;
	font-size: 4em;
	margin: 0;
    padding: 0;
    line-height: 1;
}

a.btn {
	font-size: 45%;
    display: inline-block;
    line-height: 1;
    padding: 0.325em 0.25em 0.175em 0.25em;
    border-radius: 0.125em;
    margin-left: 0.5em;
	color: inherit;
    background: currentColor;
	border: 2px solid currentColor;
	transition: 0.1s all ease-in-out;
	vertical-align: baseline;
    transform: translateY(-0.48em);
	i {
		color: #008939;
	}
	&:hover {
		background-color: #008939;
		i {
			color: inherit;
		}
	}
}

table {
	width: 100%;
}

table * {
	margin: 0px;
	padding: 0px;
	font-family: "Courier New", "Courier", monospace;
}

th,td {
	padding: 0 0.5em;
	text-align: left;
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

pre {
	font-size: 1.0em;
}

hr {
	background-color: #ccc; /* Farbe für Opera und Firefox */
	color: #999; /* Farbe für Internet Explorer (IE) */
	border: 0px;
	height: 1px;
	margin: 12px 0px 2px 0px;
}

#content img {
	position: relative;
	top: 12px;
	border: 0px solid #000;
}

.text_attention {
	color: #c00;
	font-weight: bold;
}

.text_shade {
	color: #999;
}

.credit {
	color: #999;
	font-size: small;
}