html, body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  overflow:hidden;
}
#hintergrund {
  position:absolute;
  width:100%;
  height:100%;
  z-index:1;
}
#scrollbereich {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  overflow:auto;
  z-index:2;
} 
#content {
 position:relative;	
 top:0;
 left:0;
 z-index:2;
}
h1 {
font-family: calibri;
font-size: 1.6875em;
text-align: center;
}
table {
	border-collapse: collapse;margin-left:auto;margin-right:auto;font:1em calibri
}

td {
	height: 1.75em;
	padding: 0.5em;
}

td {
	text-align: center;
	font-weight: normal;
}
a:focus {
  outline: none;
}
img {max-width: 100%;display:block;
margin:0 auto;
height: auto;
}

.button {
   border: 1px solid #000000;
   background: -webkit-gradient(linear, left top, left bottom, from(#ccffcc), to(#7C9B7C));
   background: -webkit-linear-gradient(top, #ccffcc, #7C9B7C);
   background: -moz-linear-gradient(top, #ccffcc, #7C9B7C);
   background: -ms-linear-gradient(top, #ccffcc, #7C9B7C);
   background: -o-linear-gradient(top, #ccffcc, #7C9B7C);
   background: linear-gradient(to bottom, #ccffcc, #7c9b7c);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccffcc', endColorstr='#7C9B7C', GradientType=0)";
   display:inline-block;
   margin: 0;
   line-height:1.875em;
   width:9.875em;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   color: #000000;
   font-size: 1em;
   font-family: Calibri;
   font-weight:bold;
   text-align:center;
   text-decoration: none;}
.button:hover {
   background: -webkit-gradient(linear, left top, left bottom, from(#7C9B7C), to(#ccffcc));
   background: -webkit-linear-gradient(top, #7C9B7C, #ccffcc);
   background: -moz-linear-gradient(top, #7C9B7C, #ccffcc);
   background: -ms-linear-gradient(top, #7C9B7C, #ccffcc);
   background: -o-linear-gradient(top, #7C9B7C, #ccffcc);
   background: linear-gradient(to bottom, #7C9B7C, #ccffcc);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7C9B7C', endColorstr='#ccffcc', GradientType=0)";}
}

@media screen and (max-width: 42em) {
	table, tbody, tr {
		display: block;
	}

	td {
		display: inline-block;
		min-width: 30%;
		height: auto;
		padding: .2em 1.75em;
	}
}
@media screen and (max-width: 33em) {
	td {
		display: block;
	}
	tr {
		padding: .5em .5em 1em;
	}
}