/************************ layout *************************/

a{
	zoom:1;
}
 

html{
	background: #000 none fixed no-repeat center top;
	/*background-image: url(../imgs/back_teaser.jpg);*/
	background-position: center top;
	min-width: 940px;
}
body,
select,
input,
button{
	color: #fff;
	font-family: "trebuchet ms", helvetica, arial, sans-serif;
}

#wrapper{
	margin-top: 140px;
	position: relative;
	/*margin-top: 165px;*/
	z-index: 5;
	padding-top: 86px;
	background: url(../imgs/bar.png) repeat-x center top;
	_background: url(../imgs/bar.gif) repeat-x center 9px;
}
.games #wrapper{
	margin-top: 400px;
	
}
#contentWrapper{
	width:940px;
	margin: auto;
	position:relative;

}


#headerWrapper{
	height: 162px;
	left:0;
	top: -140px;
	width: 100%;
	/*overflow: hidden;*/
	position: absolute;
	background: url(../imgs/top.png) repeat-x center top;
	background-image: url(../imgs/top.jpg);
	z-index:10;
}
.games #headerWrapper{
	top: -400px;
}
.fixed #headerWrapper{
	top:-400px;
	top:0;
	position: fixed;
	_position: absolute;
	_top: expression(parseInt(document.documentElement.scrollTop)-parseInt(document.getElementById('wrapper').currentStyle.marginTop)+'px');
}

#header{
	width: 940px;
	margin: auto;
	position:relative;
	z-index: 12;
}

#header h1{
	margin: 0 auto;
	height:153px;
	background: url(../imgs/logo.jpg) no-repeat center top;
	width: 940px;

}
#header h1 a{
	display: block;
	height: 153px;
	width: 350px;
	margin: auto;
	color: #fff;
}
#headerWrapper h2{ 
	margin: 0;
	height: 9px;
	position: absolute;
	left:0;
	bottom:0;
	width: 100%;
	background: url(../imgs/topShadow.png);
	_background: transparent;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xsl_gamebase/_1100ad/imgs/topShadow.png', sizingMethod='scale');
/*	_width:  expression(parseInt(document.documentElement.clientWidth)+'px');
*/
z-index:11;
_zoom:1;

}
#header h1 span,
#header h2,
#headerWrapper h2 span{
	display: none;
}


#container,
#footer{
	width: 939px;
	margin-left: auto;
	margin-right: auto;
}



#container{
	/*background: url(../imgs/contentBack_small.jpg) repeat-y center bottom;*/
	margin-bottom: 256px;
	padding-bottom: 1px;
}
#main{
	min-height: 185px;
	position:relative;
	padding: 20px 20px 15px;
	margin-bottom: -256px;
	padding-bottom: 50px;
	overflow: hidden;
	width: 900px;
	/*
	background: url(../imgs/contentEnd.png) no-repeat center bottom;
	_height: 185px;
	_background-image: url(../imgs/contentEnd.gif);
	*/
	_position: relative;/*braucht der ie6 wegen höhe und hintergrundbild*/
	_zoom:1;
}

/* angepasst wegen ladezeit 
#container{
	margin-bottom:0;
	background: transparent;
}
#main{
	margin-bottom: 0;
	background: url(../imgs/contentBack_small.jpg) bottom center repeat-y;
	
}*/

#footer {
	margin-bottom: 25px;
	position:relative;
	top: -35px;
	overflow: hidden;
}
	#footer p {
		float: right;
		display: inline;
		margin: 0 25px 0 0;
		padding: 4px;
		background-color: rgba(0,0,0,0.8);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);/*ie*/
		/*text-align: right;*/
	}
		#footer p a {
			margin-left: 10px;
		}

/************* small ****************************/
body.small {
	padding: 0;
	margin: 0;
}
.small #wrapper{
	margin: 10px;
	padding: 10px;
	background: url(../imgs/contentBack_small.jpg) top center;

}

.small #main{
	padding: 0;
	width: auto;
	position: static;
	background: transparent;
}



/**************** nav ********************/

#nav {
	position: absolute;
	width: 893px;
	height:77px;
	background: url(../imgs/nav.jpg) no-repeat;
	top: -77px;
	left: 25px;
}
	#nav ul {
		margin: 0;
		margin-top: 28px;
		overflow: hidden;
	}
		#nav li {
			list-style-type: none;
			display: inline;
		}
			#nav a {
				float: left;
				margin: 0 0 0 58px;
				text-decoration: none;
				color: #fff;
				text-transform: uppercase;
				font-weight: bold;
				font-size: 20px;
				text-shadow: 0px 0px 10px #000;
			}
				#nav a span {
					display: block;
					_display: inline;
					cursor: pointer;
					_zoom: 1;
				}

#nav li.active a,
#nav a:hover,
#nav a:focus{
	color: #fff;
	text-decoration: underline;
}

/************** contBox ********************/
.contBox {
	margin: 0 5px 10px;
	background-color: rgba(0,0,0,.8);/*safari,firefox*/
	overflow: hidden;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);/*ie*/
	zoom: 1;
}

#topLine,
.contBox h2,
.contBox h3,
.contBox h4,
.contBox h5,
.contBox h6{
	background: url(../imgs/contBar.jpg) repeat-x left top;
	padding: 27px 15px 0;
	color: #fff;
	/*text-transform: uppercase;*/
	font-size: 123%;
	font-size: 16px;
	margin: 0 0 1em;
}

#topLine span,
.contBox h2 span,
.contBox h3 span,
.contBox h4 span,
.contBox h5 span,
.contBox h6 span{
	padding: 5px 0 0;
	padding: 0 !ie;
}

.contBox h2 a,
.contBox h3 a,
.contBox h4 a,
.contBox h5 a,
.contBox h6 a{
	display: block;
}

#footer a,
.contBox a,
#status a/*,
.contBox h2 a,
.contBox h3 a,
.contBox h4 a,
.contBox h5 a,
.contBox h6 a*/{
	color: #fff;
	text-decoration: none;
}

#footer a,
.contBox a,
#staus a/*,
.contBox h2 a span,
.contBox h3 a span,
.contBox h4 a span,
.contBox h5 a span,
.contBox h6 a span*/{
	background: url(../imgs/contLine.jpg) no-repeat left bottom;
}

#footer a:hover,
.contBox a:hover,
#status a:hover/*,
.contBox h2 a:hover span,
.contBox h3 a:hover span,
.contBox h4 a:hover span,
.contBox h5 a:hover span,
.contBox h6 a:hover span*/{
/*	background-image: none;*/
	background-position: -227px 0;
}



.contBox .container{
	background: url(../imgs/contBar.jpg) repeat-x left bottom;
	padding: 0 15px 15px;
	margin: 0;
	/*macht probleme beim teaser*/
/*	overflow:hidden;*/
	/*zoom:1;*/
}
.ranking .contBox .container{
	padding: 0;
}

/********************** listTable, listTable *********************/

.listTable,
.formTable{
	border: #333 solid;
	border-width: 1px 0 0;
	width: 100%;
	color: #fff;
	font-weight: bold;
	/*background: #C19363;*/
}

/*
.listTable td,
.listTable th,
.formTable td,
.formTable th{
	border: 1px #D3AB75 solid;
	border-width: 0 0 1px;
}

.listTable .light,
.formTable .light{
	background: #E9C89B;
}
.listTable .dark,
.formTable .dark{
	background: #DAB481;
}
*/

/*
.listTable a,
.listTable a:hover,
.formTable a,
formTable a:hover {
	color:#000;
}

#status .formTable label {
	color:#fff;
}*/







/***************** form ************************/
.inputNames{
	text-align: right;
	width: 150px;
}
	#gender .inputNames {
		text-align: left;
	}
.ffCheckbox,
.ffRadio{
	float: right;
	clear: right;
}

.ffInput{
	width: 150px;
	height: 20px;
	padding: 4px 4px 0;
	border: 1px solid #a4b600;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	background: #000 url(../imgs/ffInputDefault.gif) repeat-x left top;
}
textarea{
	background: #fff url(../imgs/ffInputDefault.gif) repeat-x left top;

}
textarea,
select {
	width: 150px;
	color: #444;
	border: 0;
	padding: 0 10px;
}
select {
	width: 170px;
	padding-right: 0;
}



.formError .ffInput{
	border: 1px solid #4d0b0d;
	background: #000 url(../imgs/ffInputError.gif) repeat-x left top;
}
.formOk .ffInput{
	border: 1px solid #26b600;
	background: #000 url(../imgs/ffInputOk.gif) repeat-x left top;
}


/*für den ie6, der macht die hintergrundbilder falsch*/
/*
.wrapInput{
	background: transparent url(../imgs/ffInput.gif) no-repeat left top;
	display: block;
	width: 170px;
}
.wrapInput .ffInput{
	background: transparent;
}
*/


.ffInput.focus,
.ffInput:focus{
}
.inputDescription{
}
	#newsletterDescription {
		color: #fff;
	}

.signonHelpers{
	margin-left: 170px;
}
.formButton{
	background: url(../imgs/buttonSmall.gif) no-repeat;
	width:117px;
	height: 23px;
	border: 0;
	cursor: pointer;
	line-height: 23px;
	white-space: nowrap;
}
.opera .formButton{
	padding-top: 5px;
}

/*

inputElements


formButton fbSubmit

formField ffInput ffSelect ffTextarea*/

/*
@media print{
	.ffInput,
	.wrapInput .ffInput{
		border: 1px #ccc inset;
		background: #fff;
	}
}
*/
/***************** error... *****************/
#error,
#tip,
#formError,
#formOk{
	padding:0 9px;
	filter: none;
	position:relative;
	z-index:1;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	/*
	border-width:1px;
	border-style: solid;
	*/
}


#error h2,
#error h3,
#tip h2,
#tip h3,
#formError h2,
#formError h3,
#formOk h2,
#formOk h3{
	background-image: none;
	border-bottom: 1px solid;
	line-height:25px;
	margin-top:12px;
	padding:3px 0 5px 35px;
}

#error span,
#tip span,
#formError span,
#formOk span{
	padding: 0;
}

#error .container,
#tip .container,
#formError .container,
#formOk .container{
	padding: 0;
	background-image: none;
}


#error a,
#tip a,
#formError a,
#formOk a{
	text-decoration: underline;
	background: transparent;
}
#error a:hover,
#tip a:hover,
#formError a:hover,
#formOk a:hover{
	text-decoration: none;
}


#error .next,
#tip .next,
#formError .next,
#formOk .next{
	text-align:right;
	font-weight: bold;
	margin-top: -10px;
}

/***************/

#formError,
#error{
	background: rgba(0, 0, 0, 0.8) url(../imgs/infoBadge_error.gif) no-repeat 8px 7px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);/*ie*/
	border: 0;
}
 
#formError h3,
#error h3{
	color:#A81600;
}

#formError .container,
#error .container,
#formError a,
#error a{
	color: #fff;
}

/***************/

#tip{
	background: #fff7d4 url(../imgs/infoBadge_tip.gif) no-repeat 8px 7px;	
	border-color:#ffe573;
}
#tip h2,
#tip h3{
	color: #856c00;
}
#tip .container,
#tip a{
	color: #5e4d00;
}
/****************/

#formOk{
	background: rgba(0, 0, 0, 0.8) url(../imgs/infoBadge_ok.gif) no-repeat 8px 7px;	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);/*ie*/
}
#formOk h2,
#formOk h3{
	color: #3e8f00;
}
#formOk .container,
#formOk a{
	color: #fff;
}





/***************** mediabox *********************/
#media{
	background: url(../imgs/media.gif);
	width: 319px;
	height: 269px;
	padding: 46px 16px 16px;
	filter: none;
}
#media .container{
	background: #000;
	padding:0;
	width: 100%;
	height: 100%;
}


/******************* status *************************/
#status{
	background: url(../imgs/status.jpg);
	width:268px;
	height:98px;
	z-index:15;
	position: absolute;
}
	#headerWrapper #status{
		right:0;
		top:55px;
	}
	/*
	#contentWrapper #status{
		left: 50%;
		margin-left: 200px;
		top: -431px;
	}
	*/

/*
.fixed #contentWrapper #status{
	top:55px;
	position: fixed;
	_position: absolute;
	_top: expression(55+parseInt(document.documentElement.scrollTop)-parseInt(document.getElementById('wrapper').currentStyle.marginTop)-parseInt(document.getElementById('wrapper').currentStyle.paddingTop)+'px');

}
.fixed #headerWrapper #status{

}
*/

#status .formTable,
#status .formTable .light,
#status .formTable .dark,
#status .formTable td{
	background: transparent;
	border: 0;
	margin:0;
	width: auto;
}
#status .container{
	margin: 0;
}

#status .formTable td{
	padding: 1px;
}
#status .ffInput{
	width: 80px;
	padding: 0 4px;
	margin: 0 8px 0 0;
	border: 1px solid #b11217;
	background: none;
}

/*
#status .wrapInput{
	width: 91px;
	background-image: url(../imgs/ffInputStatus.gif);
}
#status .wrapInput .ffInput{
	background: transparent;
}
*/

#status a, #status p{
	font-size: 11px;
}

/****************** languages ********************/

#languages {
	position:absolute;
	top:95px;
	left:50px;
	overflow:hidden;
	height:20px;
	cursor:pointer;
}

#languages p {
	width: 150px;
	background: url(../imgs/langbacktop.gif) no-repeat;
	margin: 0;
	line-height: 20px;
	width: 138px;
	height: 20px;
	position: relative;
	padding-left: 10px;
	z-index: 2;
}

#languages ul {
	margin:-1px 0px 0;
	background:url(../imgs/langback.gif) bottom left no-repeat;
	padding:5px 0;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	width:138px;
}
	
#languages li {
	display: block;
	margin: 0;
	list-style-type: none;
	padding: 0 0 0 10px;
	line-height: 20px;
}
	
#languages span {
	padding-left:3px;
	}
	
#languages a{
	color: #fff;
	text-decoration: none;
}

/*
#languages{
	display: none;
}

#header #languages{
	background: url(../imgs/langBack.gif) left bottom no-repeat;
	width: 138px;
	position:absolute;
	display: block;
	z-index: 12;
	top: 95px;
	left: 50px;
	cursor: pointer;
	height: 20px;
	overflow: hidden;
	_zoom:1;
	
}

#languages ul{
	margin:0;
	position:absolute;
	left:0;
	bottom:5px;
	z-index: 12;
}

#languages p{
	background: url(../imgs/langBackTop.gif) left top no-repeat;
	position:relative;
	z-index:13;
	
}

#languages p,
#languages li{
	margin:0;
	display: block;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
}


#languages a{
	color: #fff;
	text-decoration: none;
}


#languages img{
	margin-right: 5px;
	vertical-align: -2px;
}

#languages{
	display: none;
}

#header #languages{
	background: url(../imgs/langBack.gif) left bottom no-repeat;
	width: 138px;
	position:absolute;
	display: block;
	z-index: 11;
	top: 100px;
	height: 20px;
	left: 25px;
	overflow: hidden;
}

#header #languages:hover{
	height: 100px;
}

#languages ul{
	margin: 0;
	position:absolute;
	left:0;
	bottom:0;
}

#languages p{

}

#languages li,
#languages p{
	list-style-type: none;
	display: block;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
	margin: 0;
}
#languages a{
	color: #fff;
	text-decoration: none;
}

*/

/********************** teaser ***********************/

#teaser {
	position: absolute;
	left: 25px;
	top: -310px;
	width: 440px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	zoom: 1;
	padding: 10px;
}
	#teaser h2 {
		color: #fff;
		text-transform: inherit;
		font-size: 200%;
		font-size: 26px;
		margin: 0;
		_margin: 16px 0 0;
		padding: 0;
		background: transparent;
	}
	#teaser .container {
		background: transparent;
		padding: 0;
		font-size: 15px;
	}
#teaser button, button.btn_cont, 
#partnerAgb button {
	width:206px;
	height:42px;
	border:0;
	background: url(../imgs/buttonBig.gif);
	font-size: 150%;
	font-size: 23px;
	color:#fff;
	/*text-transform:uppercase;*/
	font-weight: bold;
	cursor: pointer;
	line-height: 43px;

}
button.btn_cont {
	float: right;
	margin-bottom: 10px;
}
#teaser button .span{
	background: url(../imgs/pointerRight.gif) no-repeat left center;
	padding-left: 17px;

}
.opera #teaser button{
	padding-top: 10px;
}


/* =screenshots */
#screenshots {
	position: absolute;
	top: -310px;
	left: 500px;
	width: 380px;
	height: 168px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	zoom: 1;
	padding: 10px;
}
	#screenshots .container {
		background: transparent;
		padding: 0;
	}
	#screenshots ol {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#screenshots li {
			float: left;
			display: inline;
			margin: 0 10px 10px 0;
		}
		#screenshots li.last {
			margin-right: 0;
		}
			#screenshots li a {
				border: 1px solid #333;
				float: left;
			}
			#screenshots li a:hover {
				border-color: #fff;
			}

/********************** ship *************************/
#teaserImg{
	left: 50%;
	margin-left:-270px;/*
	width:750px;
	height:192px;*/
	width:0;
	height:0;
	position: fixed;/*
	top: 195px;*/
	top:260px;
	_position: absolute;
	_top: expression(parseInt(document.documentElement.scrollTop)+260+'px');
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xsl_gamebase/_1100ad/imgs/teaser.png', sizingMethod='scale');
}
/*MUSS 2X HIER STEHEN
#teaserImg.morphTeaser,
.morphTeaser{
	width: 750px;
	height: 192px;
	top:195px;
	_top: expression(parseInt(document.documentElement.scrollTop)+195+'px');
}
*/

/*
.morphShip{
	width: 750px;
	height: 192px;
	top:195px;
	_top: expression(parseInt(document.documentElement.scrollTop)+195+'px');
}*/









/****************** testlayout **********************************/
#test1{
	float:left;
	width: 300px;
	display: inline;
	_margin-right: -3px;

}
#test2{
	margin-left: 315px;
	_margin-left: 312px;
	_zoom: 1;
}
#test3,
#error{
	clear: left;
}

#test3{
	width: 529px;
	display: inline;
	float: left;
	width: 530px;
	_margin-right: -3px;
}
#media {
	margin-top: -13px;
	margin-left: 544px;
	z-index: 1;
	_margin-left: 541px;
	_zoom: 1;
}






/***********************/

/**************** gametwist balken *************/
#wrapper{
	margin-top: 165px;
}
.games #wrapper{
	margin-top: 425px;
}
#gtBar{
	position:fixed;
	left:0;
	top:0;
	width: 100%;
	overflow: hidden;
	background: url(../imgs/gtBarDark.gif);
	z-index: 100;
	height: 25px;
	line-height: 25px;
	font-size: 11px;
	_position:absolute;
	_top: expression(parseInt(document.documentElement.scrollTop)-parseInt(document.getElementById('wrapper').currentStyle.marginTop)+'px');
	
}

#gtBar .logo{
	margin: 0;
	padding-left: 5px;
	padding-right: 10px;
	background: url(../imgs/gtBarLight.gif);
	margin-right: 5px;
	float: left;
	
	}	
#gtBar .logo span{
	display: none;
}
#gtBar .logo a{
	background: url(../imgs/gtBarLogo.gif);
	display: block;
	width:105px;
	height:25px;
	color: #fff;

}
#gtBar .info{
	margin: 0;
	float: right;
	padding-right: 5px;
	display: inline;
	padding-left: 10px;
	background: url(../imgs/gtBarLight.gif);
	margin-left: 5px;
}
#gtBarTicker{
	background: url(../imgs/gtBarDark.gif);
}




/*************************************************/


/************************** login,register,passrecover ********************/

#passRecover,
#register,
#login,
#settingsPassword,
#settingsPersonal,
#news,
#story,
.story .level,
#rankingExt,
.continue {
	float:left;
	width:530px;
	display: inline;
	_margin-right: -3px;
}


/***************************** content ********************************************/
.story .level{
	/*width: 440px;*/
	width:530px;
	_margin-right: 5px;
}

.continue{
	width: 470px;
	_margin-right: 5px;
	position: relative
}

.continue .container {
	overflow: hidden;
	_zoom: 1
}

.story .level .container{
	overflow: hidden;
	_zoom:1;
}


.story .level .screen, .continue .screen{
	zoom:0;
	margin: 0 10px 10px 0;
	float: left;
	background: transparent;
	cursor: pointer;
	/*padding-left: 1px;*/
	border: 1px #333 solid;
	background: #000;
}

.story .level .theScreenshot, .continue .screen .theScreenshot{
	float: left;
	opacity: 0.9;
	filter: Alpha(opacity=90);
}

.story .level .screen:hover{
	border-color: #444;
}
.story .level .screen:hover .theScreenshot, , .continue .screen:hover .theScreenshot{
	opacity: 1;
	filter: Alpha(opacity=100);
}



.story .level .reflected{
	display: block;
	float: none;




}



#confirmGtc iframe{
	height: 400px;
}

#confirmGtc .container{
	overflow:hidden;
	_zoom:1;
}

#confirmGtc .buttonWrapper{
	float:right;
	overflow:hidden;
	_zoom:1;
	padding-top: 10px;
}


#confirmGtc .buttonWrapper a.formButton {
	float:left;
	padding: 7px;
	margin: 5px;
	background: #444;
	border: 1px #555 outset;
	width: auto;
	height: auto;
	line-height: 20px;
}

#confirmGtc .buttonWrapper a.fbFatLong {
	background: #555;
	border-color: #666;
}
#confirmGtc .buttonWrapper a.formButton:hover {
	border: 1px #FFCD3A solid;
}



/*
.story .level .theScreenshot{
	display: block;
	width: 152px;
	padding-left: 1px;
}


.story .level .screen{
	zoom:0;	
	margin: 0 10px 10px 0;
	float:left;
	background: transparent;
}

.story .level img{
	border: 1px #333 solid !important;
	position:relative;
	left: -1px;
}





.story a{
	
}
*/






#birthday_day,
#birthday_month,
#birthday_year{
	width: auto;
}

#rankingList td {
	vertical-align: top;
}

.ranking_pos {
	 width: 30px;
}

.ranking_name {
	 width: 200px;
}

.ranking_highscore,#thHighscore {
	text-align: right;
}

.ranking_last {
	width: 300px;
}

#status p {
	position: relative;
	margin: 0;
	padding: 6px 6px 0 0;
	background: rgba(0, 0, 0, 0.4);
	text-align: right;
}

#status p a, #status p {
	line-height: 14px;
}

#status p a:hover {
	text-decoration: underline;
}

#status form {
	padding: 10px;
}

tr.active td, tr.active td *, #rankingExtList li.active a{
	font-weight: bold;
}

tr.active td {
	background-color: #444
}

#ranking table, .pageingTable {
	width: 100%
}

.pageingTable td, #ranking td {
	border: 0
}

.pageingTable .second, #pageingTableCount {
	text-align: center;
}

.pageingTable .deactivated {
	visibility: hidden;
}

.pageingTablePrev .pageingLinks {
	padding: 2px 2px 2px 0;
	margin-right: 5px;
}

.pageingTableNext .pageingLinks {
	padding: 2px 0 2px 2px;
	margin-left: 5px;
}

#rankingExtList {
	margin-left: 544px;
	_margin-left: 541px;
	width: 351px;
}

#send2 span {
	display: none;
}

#rankingExt #nick {
	position: relative;
	left: 29px;
	padding: 0 10px;
}

#send3 {
	position: relative;
	left: 0;
	top: 3px;
}

.opera #rankingExtList {
	margin-left: 0;
}

#qLogin label {
	color: #fff;
}

#qLogin label.overTxtDiv {
	padding: 0 0 0 2px;
	height: 16px;
	background: #000;
	width: 80px;
}

.scroller, .scroller a {
	color: #fff;
	font-weight: bold;
}

object {
	outline:none;/*ff 3 dotted OL um die swf verhindern*/
}

#basket {
	width:350px;
	float:right;
}

#basket td+td {
	text-align:right
}

#lastPlayed {
	float: right
}

#partnerAgb .iframeContainer{
	width:860px;
	margin:0 auto 15px;
}
.iframeContainer iframe{
	background-image: url(../imgs/background_light.jpg);
}
#partnerAgb .buttonWrapper{
	text-align:right;
}
#partnerAgb .buttonWrapper a{
	float:left;
}


#ranking iframe {
	width: 100%;
	border: 0;
	height: 900px;
}

#twists {
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: 2;
}
	#twists table {
		border: 0;
	}
		#twists table td, #twists table th {
			padding: 0;
			font-weight: normal;
			font-size: 11px;
		}
		#twists table td {
			text-align: right;
		}

body.optional_data #topLine {
	display: none;
}
body.play #play {
	background: transparent;
	color: #000;
}
body.play #play .appletFrame {
	display: block;
	width: 300px;
	/*height: 220px;*/
	margin: 40px auto;
	padding:20px 20px 10px;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
body.play #play applet {
	display: block;
	width: 212px;
	margin: 30px auto 0;
}

body.play #gbVersionCheckLoader {
	height:22px;
	width:200px;
	margin: 20px auto 30px;
	background-image:url(../imgs/gb_loader.gif);
}

body.play #raceBtn,
body.play #getNewJava, 
body.play #raceDownload, 
body.play #startRace {
	display:none;
}
body.play  .appletFrame a {
	color: #000;
	background-image: none;
}
body.play .appletFrame h4 {
	padding: 0;
	margin: 0;
	color: #000;
	background-image: none;
}

/*  ACTIVE X  */
body.play #groupRaceIE #groupRace_AX_IE_install, 
body.play #groupRaceIE #raceStartHelpIE, 
body.play #groupRaceIE  #startRace  {
	display: none;
}
body.play #groupRaceIE #groupRaceBtn {
	display: block;
}
body.play #groupRaceIE #groupRaceBtn #ui {
	text-align: center;
}
body.play #groupRaceIE #groupRaceBtn #func {
	background: url(../imgs/start_btn.gif);
	width:208px;
	height:71px;
	border:0px none;
	color:#fff;
	font-size:20px;
	margin: 10px auto;
}
body.play #groupRaceIE #groupRaceBtn #text {
	display:block;
	width:200px;
	margin: 0 auto;
}

body.tournament #tournament table {
	border: 2px solid #666;
}
	body.tournament #tournament table th,
	body.tournament #tournament table td {
		background-color: #444;
	}
	body.tournament #tournament table tr:nth-child(odd) th,
	body.tournament #tournament table tr:nth-child(odd) td {
		background-color: #333;
	}

iframe.top5frame {
	display: block;
	width: 100%;
	height: 135px;
	margin: 0;
	padding: 0;
}

#groupRaceIE input{
	color:#000;
}

#agb ol li {
	margin: 1em;
}

#faq h3,
#faq h4 {
	background: none;
	background-color: #222;
	padding: 6px 10px;
}
#faq h3 {
	background-color: #333;
}



/* mediaboxAdvanced - black theme */

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(../imgs/mediaboxImages/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
	-webkit-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
}

#mbCenter.mbLoading {
	background: #fff url(../imgs/spinner.gif) no-repeat center;

/*	This style is applied only during animation.	*/
/*	For example, the following turns off shadows,	*/
/*	helping browser performance on slow systems.	*/
/*	To leave shadows on, just remove these lines:	*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;

/*	Begin styles for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10px;
}

#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

/*	End inline content styles	*/

#mbBottom {
	min-height: 20px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding: 0 10px 10px;
}

#mbTitle {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 69px;
	background: transparent url(../imgs/mediaboxImages/BlackPrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 41px;
	background: transparent url(../imgs/mediaboxImages/BlackNext.gif) no-repeat center;
}

#mbCloseLink {
	width: 46px;
	background: transparent url(../imgs/mediaboxImages/BlackClose.gif) no-repeat center;
}

/*	Styles for flash version alert	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}

.prices .pricesPrice {
	float:right;
	margin:5px 10px 0;
}





/*  ----------------------- new --------------------------   */
#header h1 {
	height:190px;
}
/*
#teaser {
	width:auto;
	top:-280px;
}
#teaser .container {
	width:440px;
	float:left;
	margin-right:100px;
}
*/
#teaser #teaserButton {
	margin-top: 5px;
}
#wrapper {
	margin-top:220px;
}

#headerWrapper {
	top:-193px;
}
.games #headerWrapper {
	top:-398px;
}

#teaser {
	top:-295px;
}
#screenshots {
	top:-297px;
}