enterpage

<html>
	<head>
		<title> Just Roleplay </title>
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type"></meta>
		<link href="style.css" type="text/css" rel="stylesheet"></link>
		<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Russo+One"></link>
	</head>
	<body>
		<div id="index">
			<div id="header">
			</div>
			<div id="main">
				<a title="Forum" href="http://just-roleplay.eu">
					<div id="button1" class="hitte"></div>
				</a>
				<a title="Teamspeak" href="http://Kommt noch!">
					<div id="button2" class="hitte"></div>
				</a>
				<a title="Gameserver" href="http://Kommt noch!">
					<div id="button3" class="hitte"></div>
				</a>
			</div>
		</div>
	</body>
</html>

body, html {
	background: url('./images/header2.jpg') center top no-repeat, url('./images/background.jpg') center top repeat;
	padding: 0;
	margin: 0;
}
a {
	text-decoration: none;
	color: #ffffff;
}
a:hover {
	color: #cccccc;
}
#main a:hover div {
	-moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#main a div {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#index{
	width: 100%;
	margin: auto;
}
#header{
	width: 1160px;
	height: 170px;
	background: url('./images/logo.png') center bottom no-repeat;
	margin: auto;
}
#main {
	width: 965px;
	margin: auto;
}
#main #button1 {
	width: 965px;
	height: 186px;
	background: url('./images/forum.png') center bottom no-repeat;
	margin: auto;
}
#main #button2 {
	width: 965px;
	height: 136px;
	background: url('./images/teamspeak.png') center bottom no-repeat;
	margin: auto;
}
#main #button3 {
	width: 965px;
	height: 136px;
	background: url('./images/gameserver.png') center bottom no-repeat;
	margin: auto;
}
.hitte {
	margin-top: 50px !important;
}