body {
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
	width: 974px;
	margin: 0px auto;
	background-attachment: fixed;
	background-image: url(../image/hintergrund.jpg);
}

a {
	color: #CC3300;
	cursor: pointer;
	font-weight: bold;
}

a:link {
	font-style: normal;
	text-decoration: none
}

a:visited {
	font-style: normal;
	text-decoration: none
}

a:focus {
	font-style: normal;
	color: #FC0;
}

a:hover {
	font-style: normal;
	color: #FC0;
}

th {
	vertical-align: top;
}

#abteilungcontainer {
	top: 199px;
	z-index: 1;
	position: absolute;
	height: 85px;
	width: 974px;
	color: #00F;
	font-weight: bold;
	font-size: 3em;
	text-align: center;
	margin-left: auto;
}

@keyframes abteilungturnen
{
0%   {transform: translate(245px) scale(0.0);}
100% {transform: translate(0px) scale(1.0);}
}

@-moz-keyframes abteilungturnen /* Firefox */
{
0%   {-moz-transform: translate(245px) scale(0.0);}
100% {-moz-transform: translate(0px) scale(1.0);}
}

@-webkit-keyframes abteilungturnen /* Safari and Chrome */
{
0%   {-webkit-transform: translate(245px) scale(0.0);}
100% {-webkit-transform: translate(0px) scale(1.0);}
}

@-ms-keyframes abteilungturnen /* IE */
{
0%   {-ms-transform: translate(245px) scale(0.0);}
100% {-ms-transform: translate(0px) scale(1.0);}
}

@-o-keyframes abteilungturnen /* Opera */
{
0%   {-o-transform: translate(245px) scale(0.0);}
100% {-o-transform: translate(0px) scale(1.0);}
}


#abteilungturnen {
	top: 0px;
	z-index: 2;
	position: absolute;
	left: 175px;
	animation:abteilungturnen 3s linear;
	/* Firefox: */
	-moz-animation:abteilungturnen 3s linear;
	/* Safari and Chrome: */
	-webkit-animation:abteilungturnen 3s linear;
	/* IE: */
	-ms-animation:abteilungturnen 3s linear;
	/* Opera */
	-o-animation:abteilungturnen 3s linear;
}

@keyframes abteilungbogen
{
0%   {transform: scale(0.0);}
100% {transform: scale(1.0);}
}

@-moz-keyframes abteilungbogen /* Firefox */
{
0%   {-moz-transform: scale(0.0);}
100% {-moz-transform: scale(1.0);}
}

@-webkit-keyframes abteilungbogen /* Safari and Chrome */
{
0%   {-webkit-transform: scale(0.0);}
100% {-webkit-transform: scale(1.0);}
}

@-ms-keyframes abteilungbogen /* IE */
{
0%   {-ms-transform: scale(0.0);}
100% {-ms-transform: scale(1.0);}
}

@-o-keyframes abteilungbogen /* IE */
{
0%   {-o-transform: scale(0.0);}
100% {-o-transform: scale(1.0);}
}

#abteilungbogen {
	top: 0px;
	z-index: 3;
	position: absolute;
	left: 365px;
	animation:abteilungbogen 3s linear;
	/* Firefox: */
	-moz-animation:abteilungbogen 3s linear;
	/* Safari and Chrome: */
	-webkit-animation:abteilungbogen 3s linear;
	/* IE: */
	-ms-animation:abteilungbogen 3s linear;
	/* Opera: */
	-o-animation:abteilungbogen 3s linear;
}

@keyframes abteilungtt
{
0%   {transform: translate(-280px) scale(0.0);}
100% {transform: translate(0px) scale(1.0);}
}

@-moz-keyframes abteilungtt /* Firefox */
{
0%   {-moz-transform: translate(-280px) scale(0.0);}
100% {-moz-transform: translate(0px) scale(1.0);}
}

@-webkit-keyframes abteilungtt /* Safari and Chrome */
{
0%   {-webkit-transform: translate(-280px) scale(0.0);}
100% {-webkit-transform: translate(0px) scale(1.0);}
}

@-ms-keyframes abteilungtt /* IE */
{
0%   {-ms-transform: translate(-280px) scale(0.0);}
100% {-ms-transform: translate(0px) scale(1.0);}
}

@-o-keyframes abteilungtt /* Opera */
{
0%   {-o-transform: translate(-280px) scale(0.0);}
100% {-o-transform: translate(0px) scale(1.0);}
}

#abteilungtt {
	top: 0px;
	z-index: 4;
	position: absolute;
	left: 640px;
	animation:abteilungtt 3s linear;
	/* Firefox: */
	-moz-animation:abteilungtt 3s linear;
	/* Safari and Chrome: */
	-webkit-animation:abteilungtt 3s linear;
	/* IE: */
	-ms-animation:abteilungtt 3s linear;
	/* Opera */
	-o-animation:abteilungtt 3s linear;
}

#logocontainer {
	top: 319px;
	z-index: 5;
	position: absolute;
	height: 142px;
	width: 974px;
	margin-left: auto;
}

@keyframes hauptlogo-eins
{
0%   {transform: translate(424px) scale(0.0) rotate(0deg);}
50%	 {transform: translate(424px) scale(0.5) rotate(0deg);}
100% {transform: translate(0px) scale(1.0) rotate(-360deg);}
}

@-moz-keyframes hauptlogo-eins /* Firefox */
{
0%   {-moz-transform: translate(424px) scale(0.0) rotate(0deg);}
50%	 {-moz-transform: translate(424px) scale(0.5) rotate(0deg);}
100% {-moz-transform: translate(0px) scale(1.0) rotate(-360deg);}
}

@-webkit-keyframes hauptlogo-eins /* Safari and Chrome */
{
0%   {-webkit-transform: translate(424px) scale(0.0) rotate(0deg);}
50%	 {-webkit-transform: translate(424px) scale(0.5) rotate(0deg);}
100% {-webkit-transform: translate(0px) scale(1.0) rotate(-360deg);}
}

@-ms-keyframes hauptlogo-eins /* IE */
{
0%   {-ms-transform: translate(424px) scale(0.0) rotate(0deg);}
50%	 {-ms-transform: translate(424px) scale(0.5) rotate(0deg);}
100% {-ms-transform: translate(0px) scale(1.0) rotate(-360deg);}
}

@-o-keyframes hauptlogo-eins /* Opera */
{
0%   {-o-transform: translate(424px) scale(0.0) rotate(0deg);}
50%	 {-o-transform: translate(424px) scale(0.5) rotate(0deg);}
100% {-o-transform: translate(0px) scale(1.0) rotate(-360deg);}
}

#hauptlogo-eins {
	top: 0px;
	z-index: 8;
	position: absolute;
	height: 142px;
	width: 140px;
	left: 0px;
	background-image: url(../image/hauptvereinzeichen.gif);
	border-radius: 10px;
	animation:hauptlogo-eins 3s linear;
	/* Firefox: */
	-moz-animation:hauptlogo-eins 3s linear;
	/* Safari and Chrome: */
	-webkit-animation:hauptlogo-eins 3s linear;
	/* IE: */
	-ms-animation:hauptlogo-eins 3s linear;
	/* Opera: */
	-o-animation:hauptlogo-eins 3s linear;
}

@keyframes turnerlogo
{
0%   {transform: translate(230px) scale(0.0);}
50%  {transform: translate(230px) scale(0.5);}
100% {transform: translate(0px) scale(1.0);}
}

@-moz-keyframes turnerlogo /* Firefox */
{
0%   {-moz-transform: translate(230px) scale(0.0);}
50%  {-moz-transform: translate(230px) scale(0.5);}
100% {-moz-transform: translate(0px) scale(1.0);}
}

@-webkit-keyframes turnerlogo /* Safari and Chrome */
{
0%   {-webkit-transform: translate(230px) scale(0.0);}
50%  {-webkit-transform: translate(230px) scale(0.5);}
100% {-webkit-transform: translate(0px) scale(1.0);}
}

@-ms-keyframes turnerlogo /* IE */
{
0%   {-ms-transform: translate(230px) scale(0.0);}
50%  {-ms-transform: translate(230px) scale(0.5);}
100% {-ms-transform: translate(0px) scale(1.0);}
}

@-o-keyframes turnerlogo /* Opera */
{
0%   {-o-transform: translate(230px) scale(0.0);}
50%  {-o-transform: translate(230px) scale(0.5);}
100% {-o-transform: translate(0px) scale(1.0);}
}

#turnerlogo {
	top: 0px;
	z-index: 7;
	position: absolute;
	height: 140px;
	width: 140px;
	left: 194px;
	background-image: url(../image/turnzeichen.jpg);
	border-radius: 10px;
	animation:turnerlogo 3s linear;
	/* Firefox: */
	-moz-animation:turnerlogo 3s linear;
	/* Safari and Chrome: */
	-webkit-animation:turnerlogo 3s linear;
	/* IE: */
	-ms-animation:turnerlogo 3s linear;
	/* Opera */
	-o-animation:turnerlogo 3s linear;
}

@keyframes bogenlogo
{
0%   {transform: scale(0.0);}
/*50%  {transform: scale(0.25);}*/
100% {transform: scale(1.0);}
}

@-moz-keyframes bogenlogo /* Firefox */
{
0%   {-moz-transform: scale(0.0);}
/*50%  {-moz-transform: scale(0.25);}*/
100% {-moz-transform: scale(1.0);}
}

@-webkit-keyframes bogenlogo /* Safari and Chrome */
{
0%   {-webkit-transform: scale(0.0);}
/*50%  {-webkit-transform: scale(0.25);}*/
100% {-webkit-transform: scale(1.0);}
}

@-ms-keyframes bogenlogo /* IE */
{
0%   {-ms-transform: scale(0.0);}
/*50%  {-ms-transform: scale(0.25);}*/
100% {-ms-transform: scale(1.0);}
}

@-o-keyframes bogenlogo /* IE */
{
0%   {-o-transform: scale(0.0);}
/*50%  {-o-transform: scale(0.25);}*/
100% {-o-transform: scale(1.0);}
}

#bogenlogo {
	top: 0px;
	z-index: 6;
	position: absolute;
	height: 140px;
	width: 140px;
	left: 424px;
	background-image: url(../image/bogenschiessen.jpg);
	border-radius: 10px;
	animation:bogenlogo 3s linear;
	/* Firefox: */
	-moz-animation:bogenlogo 3s linear;
	/* Safari and Chrome: */
	-webkit-animation:bogenlogo 3s linear;
	/* IE: */
	-ms-animation:bogenlogo 3s linear;
	/* Opera */
	-o-animation:bogenlogo 3s linear;
}

@keyframes ttlogo
{
0%   {transform: translate(-220px) scale(0.0);}
50%  {transform: translate(-220px) scale(0.25);}
100% {transform: translate(0px) scale(1.0);}
}

@-moz-keyframes ttlogo /* Firefox */
{
0%   {-moz-transform: translate(-220px) scale(0.0);}
50%  {-moz-transform: translate(-220px) scale(0.25);}
100% {-moz-transform: translate(0px) scale(1.0);}
}

@-webkit-keyframes ttlogo /* Safari and Chrome */
{
0%   {-webkit-transform: translate(-220px) scale(0.0);}
50%  {-webkit-transform: translate(-220px) scale(0.25);}
100% {-webkit-transform: translate(0px) scale(1.0);}
}

@-ms-keyframes ttlogo /* IE */
{
0%   {-ms-transform: translate(-220px) scale(0.0);}
50%  {-ms-transform: translate(-220px) scale(0.25);}
100% {-ms-transform: translate(0px) scale(1.0);}
}

@-o-keyframes ttlogo /* Opera */
{
0%   {-o-transform: translate(-220px) scale(0.0);}
50%  {-o-transform: translate(-220px) scale(0.25);}
100% {-o-transform: translate(0px) scale(1.0);}
}

#ttlogo {
	top: 0px;
	z-index: 9;
	position: absolute;
	height: 140px;
	width: 140px;
	left: 644px;
	background-image: url(../image/tischtennis.jpg);
	border-radius: 10px;
	animation: ttlogo 3s linear;
	/* Firefox: */
	-moz-animation: ttlogo 3s linear;
	/* Safari and Chrome: */
	-webkit-animation: ttlogo 3s linear;
	/* IE: */
	-ms-animation: ttlogo 3s linear;
	/* Opera */
	-o-animation: ttlogo 3s linear;
}

@keyframes hauptlogo-zwei
{
0%   {transform: translate(-410px) scale(0.0) rotate(0deg);}
50%	 {transform: translate(-410px) scale(0.5) rotate(0deg);}
100% {transform: translate(0px) scale(1.0) rotate(360deg);}
}

@-moz-keyframes hauptlogo-zwei /* Firefox */
{
0%   {-moz-transform: translate(-410px) scale(0.0) rotate(0deg);}
50%	 {-moz-transform: translate(-410px) scale(0.5) rotate(0deg);}
100% {-moz-transform: translate(0px) scale(1.0) rotate(360deg);}
}

@-webkit-keyframes hauptlogo-zwei /* Safari and Chrome */
{
0%   {-webkit-transform: translate(-410px) scale(0.0) rotate(0deg);}
50%	 {-webkit-transform: translate(-410px) scale(0.5) rotate(0deg);}
100% {-webkit-transform: translate(0px) scale(1.0) rotate(360deg);}
}

@-ms-keyframes hauptlogo-zwei /* IE */
{
0%   {-ms-transform: translate(-410px) scale(0.0) rotate(0deg);}
50%	 {-ms-transform: translate(-410px) scale(0.5) rotate(0deg);}
100% {-ms-transform: translate(0px) scale(1.0) rotate(360deg);}
}

@-o-keyframes hauptlogo-zwei /* IE */
{
0%   {-o-transform: translate(-410px) scale(0.0) rotate(0deg);}
50%	 {-o-transform: translate(-410px) scale(0.5) rotate(0deg);}
100% {-o-transform: translate(0px) scale(1.0) rotate(360deg);}
}

#hauptlogo-zwei {
	top: 0px;
	z-index: 10;
	position: absolute;
	height: 142px;
	width: 140px;
	left: 834px;
	background-image: url(../image/hauptvereinzeichen.gif);
	border-radius: 10px;
	animation: hauptlogo-zwei 3s linear;
	/* Firefox: */
	-moz-animation: hauptlogo-zwei 3s linear;
	/* Safari and Chrome: */
	-webkit-animation: hauptlogo-zwei 3s linear;
	/* IE: */
	-ms-animation: hauptlogo-zwei 3s linear;
	/* Opera */
	-o-animation: hauptlogo-zwei 3s linear;
}

#warnung {
	top: 150px;
	z-index: 502;
	position: absolute;
	height: auto;
	width: 550px;
	left: 10px;
	background-color: #FF6;
	border: thin solid #F00;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}

#pageHeader {
	position: fixed;
	top: 0px;
	width: 974px;
	z-index: 20;
	margin-left: auto;
	line-height: 0px;
	height: 120px;
	background-color: #FFF;
	padding-top: 5px;
	background-image: url(../image/hintergrund.jpg);
}

#counter {
	top: 720px;
	z-index: 19;
	position: absolute;
	height: 38px;
	width: 130px;
	margin-left: auto;
	font-size: 8pt;
	text-align: center;
}

#facebook {
	top: 500px;
	z-index: 502;
	position: fixed;
	height: 38px;
	width: 130px;
	margin-left: auto;
	font-size: 8pt;
	text-align: center;
}

img {
	border-style: none;
}

#turniercontainer {
	top: 500px;
	z-index: 19;
	position: absolute;
	height: auto;
	width: 974px;
	font-size: large;
	font-weight: bold;
	text-align: center;
	margin-left:auto;
}

#turnieranzeige {
	top: 0px;
	position: absolute;
	width: 580px;
	left: 198px;
}