html {
	background-color: #000000;
	height: 100%;
	font-family: Lucida Console, Verdana;
	font-size: 11px;
	color: #fefefe;
}

body {
	background-color: #000000;
	height: 100%;
}

div#content {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: url(../images/bg.jpg) no-repeat;
	width: 850px;
	height: 800px;
}

img#logo {
	left: 213px;
	top: 9px;
}

img {
	position: absolute;
}

div.bg_taf {
	background-image: url(../images/bg_taf.jpg);
}

div.bg_lottery {
	background-image: url(../images/bg_lottery.jpg);
}

div.bg_prizes {
	background-image: url(../images/bg_prizes.jpg);
}

/* taf button */
div#tafButton {
	position: absolute;
	width: 192px;
	height: 192px;
	left: 25px;
	top: 151px;
}

div.tafInactive {
	background: url(../images/taf_inactive.png) no-repeat;
}

div.tafActive {
	background: url(../images/taf_active.png) no-repeat;
}

ul {
	position: absolute;
	float: left;
}

ul li {
	list-style: none;
	float: left;
}

ul#menu {
	left: 550px;
	top: 680px;
	width: 400px;
	z-index: 10;
}

ul#menu li {
	margin-right: 10px;
}

a,
a:VISITED {
	font-size: 11px;
	color: #fffefe;
	text-decoration: underline;
}

ul#menu li,
ul#menu li a,
ul#menu li a:VISITED {
	font-size: 11px;
	color: #fffefe;
	text-decoration: none;
}

ul#menu li a:HOVER {
	text-decoration: underline;
}

div#footer {
	position: absolute;
	height: 120px;
	width: 710px;
	left: 70px;
	top: 710px;
}

ul#links {
	left: 60px;
	width: 710px;
}

ul#links li {
	display: block;
	height: 50px;
	width: 175px;
}

p#legals {
	position: absolute;
	font-family: Arial;
	font-size: 11px;
	color: #888888;
	text-align: center;
	top: 60px;
	left: 60px;
	width: 590px;
}

/* button mouseover */
div.buttonMouseover {
	position: absolute;
	height: 20px;
	background-repeat: no-repeat;
	display: none;
}

div#lotteryTextMouseover {
	background-image: url(../images/lottery_mouseover.png);
}

div#prizesTextMouseover {
	background-image: url(../images/prizes_mouseover.png);
	width: 309px;
}

div#tafTextMouseover {
	background-image: url(../images/taf_mouseover.png);
} 

div#releasedateTextMouseover {
	background-image: url(../images/releasedate_mouseover.png);
} 

/* pages */
div.page {
	display: none;
	width: 800px;
	height: 650px;
	background-repeat: no-repeat;
	background-position: 182px 117px;
}

/* start */
div#pageStart {
	display: block;
}

div#pageStart img {
	cursor: pointer;
}

div#tafTrigger  {
	position: absolute;
	left: 10px;
	top: 165px;
	width: 230px;
	height: 100px;
	cursor: pointer;
}
img#tafText {
	left: 0;
	top: 0;
}

img#lotteryText {
	left: 205px;
	top: 325px;
}
img#prizesText {
	left: 205px;
	top: 390px;
}

img#releasedateText {
	left: 665px;
	top: 240px;
}
img#packshot {
	left: 620px;
	top: 290px;
}

/* prizes */
img.buttonHome {
	cursor: pointer;
	left:520px;
	top:220px;
}

img#prizes  {
left:220px;
top:270px;
}
img#jacke {
left:505px;
top:235px;
}
img#wpackshot {
left:430px;
top:360px;
}

/* lottery */
img#lotteryStep2 {
	cursor: pointer;
	left:520px;
	top:500px;
}

div.gmCheckbox {
	width: 31px;
	height: 31px;
	cursor: pointer;
	background: url("../images/unchecked.png");
	float: left;;
	margin-bottom: 12px;
}

input.checkbox {
	display: none;
}
	
div.checked {
	background-image: url("../images/checked.png");
}

label {
	float: left;
	cursor: pointer;
	margin-bottom: 12px;
	background-repeat: no-repeat;
}

form {
	float: left;
	position: absolute;
}

form#answerForm {
	top: 405px;
	left: 245px;
	width: 290px;
}

form label {
	display: block;
	height: 31px;
	width: 100px;
	background-position: 10px;
}

label#label1 {
	background-image: url("../images/label1.png");
}

label#label2 {
	background-image: url("../images/label2.png");
}

label#label3 {
	background-image: url("../images/label3.png");
}

label#label4 {
	background-image: url("../images/label4.png");
}

/* Lottery Step 2 */
form#addressForm {
	top: 375px;
	left: 245px;
	width: 350px;
}

form.textForm input.textInput {
	background: url("../images/input_bg.png") no-repeat;
	width: 212px;
	height: 26px;
	border: none 0;
	margin-bottom: 19px;
	color: #fefefe;
	font-size: 11px;
	padding: 4px 5px 0 5px;
	line-height: 26px;
}

label#labelLotteryFirstname {
	background-image: url("../images/label_firstname.png");
}

label#labelLotteryLastname {
	background-image: url("../images/label_lastname.png");
}

label#labelLotteryEmail {
	background-image: url("../images/label_email.png");
}

img.pageHeadline  {
	left:205px;
	top:315px;
}

img#submitLotteryStep2  {
	cursor: pointer;
	left:450px;
	top:590px;
}

div.errors {
	position: absolute;
	left: 220px;
	top: 595px;
	float: left;
}

div.errors img {
	position: relative;
	float: left;
	clear: both;
	margin-bottom: 5px;
}

label#rulesAcceptedLabel {
	background: none;
	margin:0px 0 12px 10px;
	width: 280px;
}

div#pageLotteryStep2 div.gmCheckbox {
	margin-left: 10px;
}

/* Lottery Step 2 */
p.pageText {
	position: absolute;
	left: 280px;
	top: 380px;
	width: 300px;
}

img.pageHomeButton {
	cursor: pointer;
	left: 440px;
	top: 540px;
}

/* TAF Formular */
form#tafForm {
	top: 375px;
	left: 230px;
	width: 440px;
}

form#tafForm label {
	width: 195px;
}

img#submitTaf {
	cursor: pointer;
	top: 570px;
	left: 470px;
}

label#labelTafYourname {
	background-image: url("../images/your_name.png");
}

label#labelTafYouremail {
	background-image: url("../images/your_email.png");
}

label#labelTafFriendname {
	background-image: url("../images/friend_name.png");
}

label#labelTafFriendemail {
	background-image: url("../images/friend_email.png");
}

div#pageTaf div.errors {
	left: 240px;
	top: 600px;
}

/* Gewinnspielregeln */
div#pageRules img.pageHeadline {
	left:218px;
	top:265px;
}

div#pageRules p.pageText {
	left:225px;
	top:325px;
	width:460px;
}