@charset "utf-8";

/**TMP**/

img { border:0; }

label { cursor:pointer; }

* html img.pngfix { behavior:url('design/pngbehavior.htc'); }
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**TMP**/

body, body#de, body#en, body#fr {
	background:#000000 url('landing/bg.jpg') no-repeat center top;
	position:relative;
	text-align:center;
}

div#website {
	position:relative;
	width:1000px;
	margin:auto;
	text-align:center;
}

div#website img.logo-play.de {
	position:absolute;
	left:60px;
	top:13px;
	width:110px;
	height:65px;
}

div#website img.logo-play.en {
	position:absolute;
	left:60px;
	top:16px;
	width:106px;
	height:64px;
}

div#website img.logo-play.fr {
	position:absolute;
	left:36px;
	top:16px;
	width:140px;
	height:71px;
}

ul#lang {
	position:absolute;
	right:90px;
	top:5px;
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}

ul#lang li {
	margin:0 3px;
	padding:0;
	display:inline;
	float:left;
}

body.downloadnow iframe {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	margin:0;
	padding:0;
	border:none;
}

div#logo {
	position:absolute;
	left:120px;
	top:10px;
}
div#content {
	position:absolute;
	top:100px;
	left:0;
	width:946px;
	height:814px;
}

div#content.de { background:url('landing/content-bg_de.png') no-repeat 0 0; }
* html div#content.de { background-image:url('landing/content-bg_de.gif'); }

div#content.en { background:url('landing/content-bg_en.png') no-repeat 0 0; }
* html div#content.en { background-image:url('landing/content-bg_en.gif'); }

div#content.fr { background:url('landing/content-bg_fr.png') no-repeat 0 0; }
* html div#content.fr { background-image:url('landing/content-bg_fr.gif'); }

ul#button {
	position:absolute;
	left:56px;
	top:97px;
	width:532px;
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}

ul#button li {
	float:left;
	padding:0 3px 0 0;
}

ul#button li img { height:56px; }

ul#button li.register.de,
ul#button li img.register.de { width:187px; }
ul#button li.register.en,
ul#button li img.register.en { width:142px; }
ul#button li.register.fr,
ul#button li img.register.fr { width:200px; }

ul#button li.download.de,
ul#button li img.download.de { width:197px; }
ul#button li.download.en,
ul#button li img.download.en { width:170px; }
ul#button li.download.fr,
ul#button li img.download.fr { width:193px; }

ul#button li.play.de,
ul#button li img.play.de { width:133px; }
ul#button li.play.en,
ul#button li img.play.en { width:102px; }
ul#button li.play.fr,
ul#button li img.play.fr { width:120px; }

form#register {
	position:absolute;
	top:0;
	left:588px;
	width:323px;
	height:144px;
}

form#register,
form#register a,
form#register a:visited,
form#register a:active {
	font-size:12px;
	color:white;
}

form#register div.reg_row {
	position:absolute;
	left:10px;
	top:10px;
}

form#register div.reg_row2 {
	position:absolute;
	right:10px;
	top:10px;
}

form#register div.checkboxes {
	text-align:left;
	position:absolute;
	left:10px;
	bottom:10px;
}

form#register div.checkboxes  p { margin:0; }

form#register input.textfield{
	border:1px solid black;
	font-family:Arial,Helvetica,sans-serif;
	height:19px;
	width:144px;
}
form#register select {
	border:1px solid black;
	font-family:Arial,Helvetica,sans-serif;
	height:21px;
	width:144px;
}

form#register input#submit {
	position:absolute;
	cursor:pointer;
	top:80px;
	left:145px;
	color:transparent;
	border:none;
	width:184px;
	height:184px;
}

form#register input.submit.de { background:transparent url('landing/btn_register_de.png') no-repeat 0 0; }
* html form#register input.submit.de { background:transparent url('landing/btn_register_de.gif') no-repeat 0 0; }

form#register input.submit.en { background:transparent url('landing/btn_register_en.png') no-repeat 0 0; }
* html form#register input.submit.en { background:transparent url('landing/btn_register_en.gif') no-repeat 0 0; }

form#register input.submit.fr { background:transparent url('landing/btn_register_fr.png') no-repeat 0 0; }
* html form#register input.submit.fr { background:transparent url('landing/btn_register_fr.gif') no-repeat 0 0; }

div#videos {
	position:absolute;
	left:40px;
	top:224px;
	width:614px;
	height:313px;
}

div#videos img.scroller-left {
	cursor:pointer;
	top:90px;
	left:15px;
	position:absolute;
}

div#videos img.scroller-right {
	cursor:pointer;
	top:90px;
	right:15px;
	position:absolute;
}

div#videos div.video {
	position:absolute;
	left:68px;
	top:7px;
}

div#screenshots  {
	position:absolute;
	left:40px;
	top:635px;
	width:615px;
	height:145px;
}

div#screenshots img.scroller-left {
	cursor:pointer;
	left:15px;
	position:absolute;
	top:11px;
}
div#screenshots img.scroller-right {
	cursor:pointer;
	right:15px;
	position:absolute;
	top:11px;
}

div#screenshots div#gallery-display {
	position:absolute;
	left:50px;
	top:10px;
	overflow:hidden;
	margin:0;
	padding:0;
	height:137px;
	width:514px;
}

div#screenshots div#gallery-display ul#gallery-random { 
	position:absolute;
	list-style:none;
	top:0;
	left:0;
	width:2000px;
	height:137px;
	padding:0;
	margin:0;
}

div#screenshots div#gallery-display ul#gallery-random li {
	list-style:none;
	padding:15px 13px 0;
}

div#screenshots div#gallery-display * img {
	width:146px;
	height:110px;
}

div#btn_download {
	position:absolute;
	top:295px;
	left:650px;
	cursor:pointer;
}

div#download{
	width:169px;
	height:169px;
}

div.download.de { background:transparent url('landing/btn_download_de.png') no-repeat 0 0; }
* html div.download.de { background:transparent url('landing/btn_download_de.gif') no-repeat 0 0; }

div.download.en { background:transparent url('landing/btn_download_en.png') no-repeat 0 0; }
* html div.download.en { background:transparent url('landing/btn_download_en.gif') no-repeat 0 0; }

div.download.fr { background:transparent url('landing/btn_download_fr.png') no-repeat 0 0; }
* html div.download.fr { background:transparent url('landing/btn_download_fr.gif') no-repeat 0 0; }

div#btn_comm {
	position:absolute;
	top:710px;
	left:715px;
}

div#foot {
	position:absolute;
	left:0;
	top:940px;	
	text-align:center;
	width:1000px;
	color:white;
}

div#foot p,
div#foot p a {
	color:white;
	font-size:10px;
	font-family:Arial,Helvetica,sans-serif;
}