a		{
	font-family: "Marcellus", "Courier", serif;	
	background-color: #edf;
	font-size: 100%;
}
article	{	
	font-family: "Marcellus", "Courier", serif;	
	font-size: 120%;
	color: beige;
}
audio	{
	float:right;
	width: 365px;
}

body	{
	background-image: url("15jan25_bg.jpg");
    background-repeat: repeat-y;
    background-position: center top;
    background-color: azure;
}
h1	{
	font-family: "Marcellus", "Courier", serif;	
	font-size: 240%;
	color:#22F;
	font-weight: normal;
	text-align:center;
}
h2	{
	font-family: "Marcellus", "Courier", serif;	
	font-size: 14pt;
	color: rgb(31, 16, 240);
    margin-top: 20pt;
}
header	{
	font-family: "Marcellus", "Courier", serif;	
	font-size: 240%;
	color: rgb(242, 242, 248);
	background-color: rgb(248, 61, 4);
	text-align: right;
}
hr{
	height: 40px;
	background-color: beige;
}
html	{
	height: 100%
}
img{
	float:left;
	width: 365px;
	margin-top: 3em;
	opacity: 1;	
}
input	{
	border: white;
	background-color: white;
	text-align: center;
	text-transform: uppercase;
	font-size: x-large;
	height: 30pt;
	width: 30pt;
}
input.farbe {
    background-color: #9f9f;
}
.leer 	{
    background-color: black;
}
p	{
	font-family: "Marcellus", "Courier", serif;	
	font-size: 14pt;
	font-weight: normal;
	background-color: rgb(205, 229, 233);
}
table	{
	background-color: rgba(242, 252, 113, 0.733);
	border-collapse: collapse;
	float: right;
}
td{
    border-left: 1px solid gray;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
}

@media only screen and (min-width: 768px)	{

header	{
	position: relative;
	margin: auto;
	width: 653pt;
}
section 	{
	width: 653pt;
	position: relative;
	margin: auto;
}img{
	float:right;
	width: 40%;
	margin-top: 3em;
}
}