/**
 * General html settings
 */
html, body {
	background:				url('../images/startpage/background.jpg') no-repeat #000000;
	background-position:	center top;
	font-family:			Verdana,arial,sans-serif;
	font-size:				13px;
	height:					100%;
}

* {
	margin:					0;
	padding:				0;
}

img {
	border:					0;
}

/**
 * Link
 */
a, a:link, a:hover, a:active, a:focus, a:visited {
	color:					#421d0c;
	text-decoration:		none;
	outline:				0 none;
}

a:hover {
	text-decoration:		underline;
}

/**
 * Layout
 */
div#bglayover {
	-moz-user-select:		none;
	position:				absolute;
	background:				url('../images/startpage/background-layover.png') no-repeat;
	width:					143px;
	height:					438px;
	z-index:				10;
	top:					100px;
	left:					-42px;
}

div#wrapper {
	position:				relative;
	width:					823px;
	margin:					0 auto;
	padding:				0;
}

a#logo {
	display:				block;
	width:					417px;
	height:					122px;
	margin:					0 0 0 193px;
	padding:				0 0 10px 0;
	cursor:					pointer;
}

div#content {
	position:				relative;
	width:					705px;
	margin:					0 auto;
	min-height:				450px;
	padding:				28px 0 28px 0;
}

div#inner {
	padding:				10px 30px 20px 35px;
}
div#innerLogin {
	width:					365px;
	padding:				10px 10px 20px 35px;
}

div#container, div#containerTop, div#containerBottom {
	width:					823px;
	height:					270px;
}

div#container {
	background:				url('../images/startpage/container-bg.jpg') repeat-y center top;
	height:					auto;
}

div#containerTop {
	position:				absolute;
	background:				url('../images/startpage/container-top.png') no-repeat;
	margin:					-15px 0 0 -3px;
}

div#containerBottom {
	background:				url('../images/startpage/container-bottom.png') no-repeat;
	margin:					-215px 0 0 -3px;
}

/**
 * Footer
 */
div#footer {
	text-shadow:			#000 0px 0px 2px;
	-moz-user-select:		none;
	position:				relative;
	color:					#D8D8D8 !important;
	width:					720px;
	margin:					0 auto;
	top:					-50px;
	cursor:					default;
}
div#footer a {
	color:					#FFFFFF !important;
}

div#footer div#copyright {
	float:					left;
}
div#footer div#imprint {
	float:					right
}
div.cb {
	clear:					both;
}

/**
 * Statistic
 */
div#statistic {
	position:				absolute;
	background:				url('../images/startpage/statistic-bgr.png') no-repeat;
	left:					610px;
	width:					152px;
	height:					47px;
	top:					70px;
	padding:				15px 22px 0 13px;
}
div#statistic div#worldCount, div#statistic div#playerCount {
	-moz-user-select:		none;
	background:				url('../images/icons/world.png') no-repeat;
	height:					19px;
	padding:				0 0 0 22px;
	line-height:			18px;
	overflow:				hidden;
	cursor:					default;
}
div#statistic div#playerCount {
	background:				url('../images/icons/player.png') no-repeat;
	line-height:			16px;
}

/**
 * INDEX PAGE
 */
div#playForFree {
	position:				absolute;
	background:				url('../images/startpage/lang/de/playForFree.png') no-repeat;
	width:					747px;
	height:					51px;
	left:					-19px;
	margin:					-10px 0 0 0;
	cursor:					pointer;
	z-index:				2;
}

div#container div#general, div#container div#additional {
	position:				relative;
	width:					708px;
	height:					240px;
	top:					-6px;
	right:					11px;
}

div#container div#additional {
	height:					auto;
	margin:					0 auto;
	top:					0;
	left:					0;
	padding:				28px 0 0 0;
}

/**
 * Top container left
 */
div#description {
	position:				absolute;
	background:				url('../images/startpage/description.png') no-repeat;
	width:					316px;
	height:					92px;
	top:					2px;
	left:					38px;
}

div#description div {
	-moz-user-select:		none;
	font-size:				15px;
	font-weight:			bold;
	height:					58px;
	padding:				7px 10px 12px 24px;
	overflow:				hidden;
	cursor:					default;
}

div#tour {
	position:				absolute;
	background:				url('../images/startpage/lang/de/tour.png') no-repeat;
	width:					272px;
	height:					137px;
	top:					100px;
	left:					63px;
	cursor:					pointer;
}

/**
 * Login
 */
div#login {
	position:				absolute;
	left:					408px;
	width:					303px;
	height:					238px;
	top:					22px;
	z-index:				1;
}

form#loginForm {
	background:				url('../images/startpage/login/login-form-background.png') no-repeat;
	width:					305px;
	height:					181px;
}

form#loginForm div#cookieLogged {
	padding:				15px 10px 10px 20px
}
div#cookieLogged div#howdy {
	font-size:				15px;
	font-weight:			bold;
}

div#worldsPopup {
	position:				fixed;
	width:					500px;
	height:					430px;
	margin:					0 0 0 -250px;
	top:					150px;
	z-index:				999;
	left:					50%;
}
div#worldsPopup div#worldsWrapper {
	background:				url('../images/startpage/world/world-background.png') no-repeat;
	width:					430px;
	height:					345px;
	padding:				40px 40px 40px 35px;
	text-align:				center;
}

div#worldsWrapper div#closeWorlds {
	position:				absolute;
	width:					30px;
	height:					30px;
	top:					63px;
	right:					5px;
	cursor:					pointer;
}

div#worldsWrapper div#selectWorldText {
	text-align:				left;
	font-weight:			bold;
	margin:					0 0 10px 0;
}

div#worldsWrapper div#allWorlds {
	width:					400px;
	height:					320px;
	overflow:				auto;
}

div.throbber {
	-moz-user-select:		none;
	position:				relative;
	text-align:				center;
	font-size:				16px;
	font-weight:			bold;
	display:				none;
}
div.throbber img { margin: 0 10px 0 0; }

div#worldsPopup div.throbber {
	top:					85px;
}
form#loginForm div#loginThrobber {
	top:					50px;
	opacity:				0;
}

div#worldsPopup a.worldButton, div#worldsPopup a.worldButtonInactive {
	-moz-user-select:		none;
	position:				relative;
	background:				url('../images/startpage/world/world-button.png') no-repeat;
	width:					152px;
	color:					#000000;
	height:					40px;
	display:				inline-block;
	line-height:			33px;
	padding:				0 0 0 38px;
	margin:					0 5px 0 0;
	cursor:					pointer;
	font-weight:			bold;
	text-align:				left;
	font-size:				13px;
	float:					left;
}

div#worldsPopup a.worldButton:hover, div#worldsPopup a.worldButtonInactive:hover {
	background:				url('../images/startpage/world/world-button-hover.png') no-repeat;
	text-decoration:		none;
}
div#worldsPopup a.worldButtonInactive {
	background:				url('../images/startpage/world/world-button-inactive.png') no-repeat;
}

div#allWorlds div#moreWorlds {
	float:					left;
}
div#allWorlds h2 {
	font-size:				12px;
	display:				block;
	margin:					15px 0;
	border-bottom:			1px solid #000;
	padding:				12px 0 0 0;
	text-align:				left;
	cursor:					pointer;
	clear:					both;
}
div#moreWorlds {
	display:				none;
}

#loginButton {
	-moz-user-select:		none;
	position:				absolute;
	width:					247px;
	height:					65px;
	cursor:					pointer;
	top:					132px;
	right:					1px;
	z-index:				2;
}

div#subLogin {
	background:				url('../images/startpage/login/login-sub.png') no-repeat;
	width:					179px;
	height:					62px;
	margin:					7px 0 0 120px;
	padding:				3px;
}

div#subLogin div {
	-moz-user-select:		none;
	position:				absolute;
	font-size:				12px;
	padding:				9px 10px 2px 22px;
	height:					30px;
	overflow:				hidden;
}

input.loginUsername, input.loginOpenId, input.loginPassword, input.inputLayout {
	border:					0;
	background:				url('../images/startpage/login/login-input.jpg') no-repeat top;
	width:					209px;
	height:					21px;
	font-weight:			bold;
	padding:				4px;
}
input.inputLayout { background:	url('../images/startpage/input.png') no-repeat top; }
input.loginPassword { background-position: bottom; }

form#loginForm div#inputUsername, form#loginForm div#inputPassword, form#loginForm div#inputCookie,
form#loginForm div#inputOpenId {
	position:				absolute;
	left:					29px;
}

form#loginForm div#inputUsername, form#loginForm div#inputOpenId {
	position:				absolute;
	top:					10px;
}

#loginForm div#inputPassword {
	top:					60px;
}

#loginForm div#inputCookie {
	top:					112px;
}

#loginForm span {
	-moz-user-select:		none;
	cursor:					default;
}

#loginForm div#openIdLogin, div#subLogin div#openIdOptions {
	display:				none;
}

a.checkbox {
	background:				url('../images/startpage/checkbox.png') no-repeat;
	display:				inline-block;
	width:					16px;
	height:					17px;
	border:					0;
	cursor:					pointer !important;
}
a.checkbox:focus {
	outline:				1px dotted #000 !important;
}
a.checked {
	background:				url('../images/startpage/checkbox-active.png') no-repeat;
}

/**
 * Additional navigation
 */
div#links {
	padding:				25px 10px 20px 18px;
	font-weight:			bold;
	text-align:				center;
	font-size:				12px;
}

/**
 * News
 */
div.news {
	position:				relative;
	margin:					0 0 20px 0;
	min-height:				68px;
	width:					400px;
	left:					20px;
}

div.news div.title, div.news div.message {
	margin:				0 0 0 80px;
}

div.news div.title {

	padding:				0 0 2px 0;
	border-bottom:			1px solid #000000;
}

div.news div.image {
	float:					left;
	background:				url('../images/startpage/news.png') no-repeat;
	width:					80px;
	height:					68px;
}

div.title div.subject {
	font-weight:			bold;
}

div.title div.date {
	font-size:				11px;
}

div.news a, div#registCheckbox label a {
	font-weight:			bold;
}

/**
 * Tour
 */
div#popup {}
div#blackout {
	position:				fixed;
	background:				#000000;
	height:					100%;
	width:					100%;
	top:					0;
	left:					0;
	opacity:				0.7;
	z-index:				900;
}

div#popup div#tourPopup, div#tourPopup div#tourWrapper {
	width:					719px;
	height:					461px;
}

div#popup div#tourPopup {
	position:				fixed;
	margin:					0 0 0 -360px;
	top:					150px;
	left:					50%;
	z-index:				999;
}

div#tourPopup div#tourWrapper {
	background:				url('../images/startpage/tour/tour-background.png') no-repeat;
}

div#tourPopup div#closeTour {
	position:				absolute;
	width:					30px;
	height:					30px;
	top:					67px;
	right:					12px;
	cursor:					pointer;
}

div#tourPopup div#tourDescription {
	-moz-user-select:		none;
	position:				absolute;
	width:					593px;
	height:					43px;
	text-align:				center;
	font-size:				15px;
	font-weight:			bold;
	color:					#FFFFFF;
	left:					58px;
	bottom:					78px;
	padding:				8px 8px 12px 8px;
	z-index:				12;
	overflow:				hidden;
	cursor:					default;
}

div#tourPopup div#tourImage {
	-moz-user-select:		none;
	position:				absolute;
	width:					605px;
	height:					300px;
	left:					50px;
	top:					35px;
	z-index:				11;
	text-align:				center;
}

div#tourPopup div#tourNext, div#tourPopup div#tourPrev {
	position:				absolute;
	width:					120px;
	height:					60px;
	z-index:				12;
	cursor:					pointer;
	bottom:					30px;
}

div#tourPopup div#tourNext {
	right:					8px;
}

div#tourPopup div#tourPrev {
	left:					8px;
}

/**
 * Registration
 */
 div#popup div#registrationPopup, div#registrationPopup div#registrationWrapper {
	width:					686px;
	height:					462px;
}

div#popup div#registrationPopup {
	position:				fixed;
	margin:					0 0 0 -343px;
	top:					150px;
	left:					50%;
	z-index:				999;
}

div#registrationPopup div#registrationWrapper {
	background:				url('../images/startpage/registration/registration-bgr.png') no-repeat;
}

div#registrationPopup div#closeRegistration {
	position:				absolute;
	width:					30px;
	height:					30px;
	top:					74px;
	right:					5px;
	cursor:					pointer;
}

div#registrationPopup div#registForm, div#registrationPopup div#awards {
	position:				absolute;
}

div#registrationPopup div#registForm {
	width:					255px;
	height:					350px;
	top:					40px;
	left:					48px;
}

div#registrationLeft div {
	padding:				2px 0 0 0;
}

div#registForm span, div#registForm label, div#awards span, div#awards h1, div#awards div {
	-moz-user-select:		none;
	cursor:					default;
}

div#registrationPopup div#awards {
	width:					295px;
	height:					370px;
	top:					50px;
	left:					335px;
	overflow-y:				auto;
}

div#registrationPopup div#registrationButton {
	position:				absolute;
	background:				url('../images/startpage/lang/de/registrationButton.png') no-repeat;
	width:					245px;
	height:					73px;
	cursor:					pointer;
	left:					19px;
	top:					280px;
	z-index:				999;
}

div#registrationPopup a#switchRegistModus, div#registrationPopup div#voucherInput {
	position:				absolute;
	top:					320px;
	left:					0;
	width:					215px;
	font-weight:			bold;
	display:				block;
	text-align:				center;
}
div#registrationPopup div#voucherInput {
	top:					315px;
}

input#registUsername, input#registPassword, input#registRepeatPassword, input#registEmail, input#openid_identifier {
	border:					0;
	background:				url('../images/startpage/registration/registration-input.jpg') no-repeat top;
	width:					209px;
	height:					21px;
	font-weight:			bold;
	padding:				4px;
}
input#registPassword, input#openid_identifier { background-position: center -29px; }
input#registRepeatPassword { background-position: center -58px; }
input#registEmail { background-position: center -87px; }

div#registForm div#registCheckbox {
	padding:				5px 0 0 2px;
}

div#registCheckbox a#agbAccept {
	float:					left;
}
div#registCheckbox label {
	float:					left;
	padding:				0 0 0 5px;
}

/**
 * Registration awards
 */
div.award img.fl {
	float:					left;
}

div.award {
	padding:				0 0 15px 0;
}

div.award img {
	padding:				0 10px 0 0;
}

div.award h1 {
	color:					#000000;
	font-size:				12px;
	border:					none;
	font-weight:			bold;
}

div.award div.rating {
	font-size:				12px;
	font-weight:			bold;
}

div.award span {
	font-size:				10px;
}

/**
 * BUTTON - COPIED FROM CORE.CSS
 * @TODO: remove copy'n'paste or create a own button design for start page
 */
a.button_wrap {
	text-align: center;
	font-weight:bold;
	color: #fff;
	text-decoration:none;
	margin: 2px 2px 2px 2px;
	display: inline-block;
	vertical-align:	middle;
}

.button_wrap:visited, .button_wrap:link {
	color: #fff;	
}

a.button_wrap .button_left {
	float:left ;
	background-image: url('../images/button/left_normal.png');
	width: 9px ;
	height: 25px ;
}

a.button:hover .button_left {
	background-image: url('../images/button/left_hover.png');
}

a.button:active .button_left, a.button_grey .button_left {
	background-image: url('../images/button/left_grey.png');
}

a.button_wrap .button_middle {
	color: #FFF;
	float:left ;
	padding:0px 4px 0 4px ;
	height: 25px ;
	background-image: url('../images/button/middle_normal.png');
	line-height: 22px;
}

a.button:hover .button_middle {
	background-image: url('../images/button/middle_hover.png');
}

a.button:active .button_middle, a.button_grey .button_middle {
	background-image: url('../images/button/middle_grey.png');
}

a.button_wrap .button_right {
	background-image: url('../images/button/right_normal.png');
	width: 9px ;
	height: 25px ;
	float: left ;
}

a.button:hover .button_right {
	background-image: url('../images/button/right_hover.png');
}

a.button:active .button_right, a.button_grey .button_right {
	background-image: url('../images/button/right_grey.png');
}

/**
 * "button start" on the right bottom
 */
.startPageButton {
	position:				absolute; 
	margin-bottom:			40px; 
	bottom:					0; 
	right:					120px; 
}

/**
 * Logout page
 */
div#logoutAdvertising {
	position:				relative;
	width:					370px;
	height:					250px;
	margin:					15px 0 15px 0;
}
div#logoutStart {
	font-weight:			bold;
}

/**
 * Change password
 */
div#requestPasswordErrorBox {
	padding:				10px 0 0 0;
	font-weight:			bold;
}

/**
 * Misc
 */
div#confirm_error {
	float:					left;
	padding-left:			120px;
	font-size:				14px;
	color:					maroon;
	font-weight:			bold;
}