body 
{
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: 'Indie Flower', cursive;Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #000000;
	background-image:url(../images/background.png);
	background-repeat:repeat-x;
}

#container
{
  width: 1024px;
  height: 768px;
  text-align: center-bottom;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#menu
{
width:1024px;
height:200px
}

div#playbutton {
position: absolute;
top:35px;
left:420px;
width:160px;
height:200px;
z-index: 100;
}


#swing {
-webkit-animation-name: swinganim;
-webkit-animation-duration: 8s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes swinganim {
0%{ -webkit-transform: rotate(0deg) }
25%{ -webkit-transform: rotate(15deg) }
50%{ -webkit-transform: rotate(0deg) }
75%{ -webkit-transform: rotate(-15deg) }
100%{-webkit-transform: rotate(0deg) }
}

div#home
{
position: absolute;
left:363px;
top:24px;
width:298px;
height:102px;
text-align: center;
background-color: transparent;
}

div#team
{
position: absolute;
left:181px;
top:31px;
width:107px;
height:56px;
text-align: center;
background-color: transparent;
}

div#gallery
{
position: absolute;
left:729px;
top:31px;
width:107px;
height:56px;
text-align: center;
background-color: transparent;
}

div#play
{
position: absolute;
left:457px;
top:186px;
width:107px;
height:56px;
text-align: center;
background-color: transparent;
z-index: 9999;
}

#content
{
width:1024px;
height:645px;
}

div#impressum2
{
position: absolute;
text-align:center;
}

div#game
{
position: absolute;
left:150px;
top:265px;
}

div#frame
{
left:525px;
top:365px;
width:1024px;
height:720px;
background-repeat:no-repeat;
}

div#teampic
{
left:525px;
top:365px;
}



#footer
{
width:1024px;
}

div#s4g
{
position: absolute;
left:310px;
top:830px;
}

div#fb
{
position: absolute;
left:630px;
top:850px;
}

div#impressum
{
position: absolute;
left:480px;
top:855px;
}
div#imp
{
position: center;
left:500px;
top:250px;
}










a,a:visited
{
color:#000000;
text-decoration:none;
font-weight:bold;
}

#menu ul {
	list-style: none;
	padding: 0px;
	margin-left:auto;
	width:900px;
}

#menu li {
	list-style: none;
	padding: 0px;	
	display: inline; 
	
}

#menu a,#menu a:visited {
	float: left;
	width: 107px;
	height: 56px;
	display: block;
	text-align: center;
	text-decoration: none;
	color:#ff0033;
	font-weight: bold;
	/*padding-top: 16px;*/
	font-size: 30px;
}

#menu a:hover{
	color:#ff6666;
}


{
  margin: 0 auto 0 auto;
 text-align:left;}



#mainpic h1
{
	position:absolute;
text-align:right;
font-size:30px;
color:#AB970C;
left:600px;
top:220px;
}


#mainpic h2
{
position:absolute;
text-align:right;
color:#776906;
left:600px;
top:252px;
}

#mainpic
{
background-image:url(../images/main.jpg);
background-repeat:no-repeat;
width:900px;
height:354px;	
}



.lighter
{
color:#F2D76A;
	
}

html, body {
text-align: center;
}
p {text-align: center-bottom;}