html, body				{ width:100%; height:100%; margin:0px; overflow:hidden; color:#ffffff; background:#404040 url(../images/logo_sm.jpg) no-repeat center center; font-size:16px; -webkit-text-size-adjust:none; }
/* 315c89 */

a img					{ border:0px; }

form, fieldset				{ margin:0; padding:0; border:0 }

table					{ border-spacing: 0; border-collapse: collapse; }
table td, table th			{ padding:0; vertical-align:top; }

input[type='text'],
input[type='password']		{ font-size:16px; width:200px; border:1px solid #4d8fd6; }

label					{ cursor:pointer; }

h1						{ font-size:19px; font-weight:bold; text-align:center; margin:0; }

/* ------------------ Content ------------------- */

#contentDiv
{
	position:absolute;
	overflow:hidden;
	left:0; top:0;
	width:100%;
	height:100%;
	cursor:default;
}

#splashDiv, #levelOverviewDiv, #helpDiv, #aboutDiv, #gameDiv
{
	display:none;
	width:100%;
	height:100%;
}

#levelOverviewDiv, #helpDiv, #aboutDiv, #gameDiv
{
	background:#404040;
}

/* Für Level-Screenshots #gameDiv { background:#edd4ab; } */

#facebook {
	position:absolute;
	right:10px;
	top:10px;

	border:none;
	overflow:hidden;
	width:84px;
	height:100px;
}

/* ---------------- Start screen ---------------- */

#splashDiv
{
	display:block;
	background:#404040;
}

#splashLogo
{
	position:absolute;
	width:412px;
	height:412px;
	left:50%;
	top:50%;
	margin-top:-326px;
	margin-left:-206px;
	background:url(../images/logo.jpg) no-repeat 0 0;
	
}

#splashText
{
	position:absolute;
	width:800px;
	height:200px;
	left:50%;
	top:50%;
	margin-top:-40px;
	margin-left:-400px;
	background:url(../images/splash_text_en.gif) no-repeat center 0px;
	
}

#splashNewGameButton, #splashLoadGameButton
{
	position:absolute;
	width:120px;
	height:28px;
	left:50%;
	top:50%;
	margin-top:100px;
	background:url(../images/buttons_en.png) no-repeat;
}

#splashNewGameButton
{
	margin-left:-122px;
	background-position:0px 0px;
	cursor:pointer;
}

#splashLoadGameButton
{
	margin-left:5px;
	background-position:-120px -56px;
}

#splashFooter
{
	position:absolute;
	width:100%;
	height:32px;
	line-height:20px;
	bottom:0px;
	text-align:center;
}

#splashFooter, #splashFooter a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#707070;
	font-weight:bold;
	text-decoration:none;
}

.codeLetter
{
	position:absolute;
	width:15px;
	height:25px;
	left:50%;
	top:50%;
	margin-top:30px;
	background:url(../images/letters.gif) no-repeat -612px 0;
}

#splashCodeLetter0			{ margin-left:-67px; }
#splashCodeLetter1			{ margin-left:-37px; }
#splashCodeLetter2			{ margin-left:-7px; }
#splashCodeLetter3			{ margin-left:23px; }
#splashCodeLetter4			{ margin-left:53px; }

#splashCodeValidity
{
	position:absolute;
	width:18px;
	height:18px;
	left:50%;
	top:50%;
	margin-top:32px;
	margin-left:80px;
	background:url(../images/icons.png) no-repeat 18px 0;
}

#splashPyramidTitle
{
	position:absolute;
	width:766px;
	height:22px;
	left:50%;
	top:50%;
	margin-top:60px;
	margin-left:-383px;
	background:url(../images/stages_en.gif) no-repeat center 22px;
}

/* ---------------- About screen ---------------- */

/* -------------- Level selection --------------- */

#levelSelectorDiv
{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-383px;
	margin-top:-293px;
}

.levelSelector
{
	position:absolute;
	width:192px;
	height:138px;
	margin-left:-2px;
	margin-top:-2px;
	background:url(../images/level_selector.png) no-repeat 0 0;
	cursor:pointer;
}

.levelSelectorImage
{
	position:absolute;
	width:178px;
	height:101px;
	margin-left:4px;
	margin-top:4px;
	background-repeat:no-repeat;
	background-position:center center;
}

.levelSelectorState
{
	position:absolute;
	width:18px;
	height:18px;
	margin-left:158px;
	margin-top:109px;
     background:url(../images/icons.png) no-repeat 0 0;
}

.levelSelectorText
{
	font-family:Tahoma;
	line-height:18px;
	color:#940008;
	font-size:12px;
	margin-top:107px;
	padding:0 10px;
}

#levelSelectorPyramidTitle
{
	position:absolute;
	top:566px;
	width:766px;
	height:22px;
	background:url(../images/stages_en.gif) no-repeat center 0px;
}



#levelSelectorCodeLetters		{ position:absolute; left:760px; top:535px; width:95px; }
#levelSelectorDiv .codeLetter		{ position:absolute; left:0px; top:0px; width:25px; }
#levelSelectorCodeLetter0		{ margin-left:0px; }
#levelSelectorCodeLetter1		{ margin-left:20px; }
#levelSelectorCodeLetter2		{ margin-left:40px; }
#levelSelectorCodeLetter3		{ margin-left:60px; }
#levelSelectorCodeLetter4		{ margin-left:80px; }

#levelSelectorCodeTitle
{
	position:absolute;
	width:30px;
	height:25px;
	left:0px;
	top:0px;
	margin-top:30px;
	background:url(../images/levelcode.gif) no-repeat 0 0;
}

#levelSelectorPrevPyramid, #levelSelectorNextPyramid
{
	position:absolute;
	width:38px;
	height:38px;
	top:255px;
	left:0px;
	background:url(../images/navi_buttons.png) no-repeat;
	background-position:0px 0px;
	cursor:pointer;
}

#levelSelectorNextPyramid
{
	left:728px;
	background-position:-38px 0px;
}

/* ------------ In game - Status bar ------------ */

#statusBarDiv
{
	position:absolute;
	bottom:0px;
	width:100%;
	height:48px;
	opacity:0.7;
	filter:Alpha(opacity=70);
	display:none;
}

#statusBarDiv div
{
	margin:8px;
}

#statusBarDiv table
{
	width:100%;
	border-spacing:0px;
}

#statusBarDiv td
{
	padding:8px;
	background:#060c12;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;

}

/* ------------- In game - Hint box ------------- */

#hintDiv
{
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	background-repeat:no-repeat;
	background-position:0px 0px;
	z-index:100000;
}

/* ------------------ In game ------------------- */

.elemFloor
{
	position:absolute;
	width:68px;
	height:62px;
	background:url('../images/elem_floors.png') no-repeat 0px 0px;
}

.elemBoxGreen, .elemBoxRed, .elemBoxPurple, .elemBoxCyan, .elemBoxYellow
{
	position:absolute;
	width:265px;
	height:250px;
}

.elemBoxShadow
{
	position:absolute;
	width:315px;
	height:268px;
}

.elemBoxGreen	{ background:url('../images/elem_box_green.png') no-repeat 0px 0px; }
.elemBoxRed	{ background:url('../images/elem_box_red.png') no-repeat 0px 0px; }
.elemBoxPurple	{ background:url('../images/elem_box_purple.png') no-repeat 0px 0px; }
.elemBoxCyan	{ background:url('../images/elem_box_cyan.png') no-repeat 0px 0px; }
.elemBoxYellow	{ background:url('../images/elem_box_yellow.png') no-repeat 0px 0px; }

.elemBoxShadow
{
	background:url('../images/elem_box_shadow.png') no-repeat 0px 0px;
}

/* --------- SoundManager2 Debug Dialog --------- */

#soundmanager-debug
{
	/* SM2 debug container (optional, use or customize this as you like - makes in-browser debug output more useable) */
	position:fixed;
	right:1em;
	bottom:1em;
	width:50em;
	height:18em;
	overflow:auto;
	background:#ffffff;
	color:#222222;
	margin:1em;
	padding:1em;
	border:1px solid #999999;
	font-family:monaco,"lucida console",verdana,tahoma,"sans serif";
	font-size:x-small;
	line-height:1.5em;
	opacity:0.9;
	filter:alpha(opacity=90);
}