@charset "utf-8";
/* Allgemeine Formatierungen */
*				
	{ 	
	border:0; 
	margin:0; 
	padding:0; 
	outline-style:none; 
	font-family:Verdana,Arial,Helvetica;
	}

body			
	{ 	
	color:#fff; 
	font-size:8pt; 
	text-align:center; 
	font-family:Verdana,Arial,Helvetica; 
	font-decoration:none;
	}

table			
	{ 	
	font-size:8pt; 
	font-family:Verdana,Arial,Helvetica; 
	text-decoration:None; 
	border-width:0px; 
	border-spacing:0px; 
	} 

tr				
	{ 	
	font-size:8pt; 
	font-family:Verdana,Arial,Helvetica;
	text-decoration:none; 
	border-width:0px; 
	border-spacing:0px; 
	} 

td
	{ 	
	font-size:8pt; 
	font-family:Verdana,Arial,Helvetica; 
	text-decoration:none; 
	border-width:0px; 
	border-spacing:0px; 
	} 

img
	{ 	
	border-width:0px; 
	}

form
	{ 	
	padding:0px;
	margin:0px; 
	}

p
	{	
	margin:0px; 
	padding-top:9px; 
	padding-bottom:9px; 
	}

ul
	{	
	margin:10px 20px; 
	}

li
	{
	margin-bottom:5px;
	}


/* Link-Formatierung */
a
	{
	text-decoration:none; 
	color:#000; 
	}

	a:hover
		{
		text-decoration:none; 
		color:#3f0; 
		}

a.afuss
	{ 	
	text-decoration:none;
	color:#333; 
	}
	
	a.afuss:hover
		{
		text-decoration:underline;
		}

.white
	{
	color:#fff; 
	}

	a.white:hover
		{ 	
		color:#fff; 
		}


.fuss
	{ 	
	margin:0px auto;
	width:894px;
	text-align:center; 
	position:absolute; 
	bottom:-9px;
	left:0;
	color:#333;
	font-size:10px;
	}


/* verschiedene Formatierungen fuer Texte */
.ltext
	{
	font-weight:normal; 
	font-size:8pt; 
	text-align:left; 
	}

.rtext
	{
	font-weight:normal; 
	font-size:8pt; 
	text-align:right; 
	}

.ctext
	{
	font-weight:normal;
	font-size:8pt; 
	text-align:center; 
	}

.stext
	{ 	
	font-weight:normal; 
	font-size:7pt; 
	text-align:left; 
	}

.xstext
	{ 	
	font-weight:normal; 
	font-size:6.5pt; 
	text-align:left; 
	}

.etext
	{
	font-weight:normal; 
	font-size:8pt; 
	text-align:left; 
	font-weight:bold; 
	}

.alert
	{
	font-weight:normal; 
	font-size:8pt; 
	text-align:left; 
	color:#daa520; 
	}


/* verschiedene Formatierungen fuer Ueberschriften */
.atitle
	{ 	
	font-size:10pt; 
	font-weight:bold; 
	margin:0px; 
	padding-top:0px; 
	padding-bottom:8px; 
	color:#daa520; 
	}

.title
	{
	font-size:10pt; 
	font-weight:bold; 
	margin:0px; 
	padding-top:0px;
	padding-bottom:8px; 
	}


/* anmeldung form */

/*one*/
.one input, 
.one select 
	{	
	display:block; 
	float:left; 
	width:100px; 
	padding-left:3px; 
	border:1px solid #666; 
	}

	* html  .one input /*IE*/
		{	
		margin-left:11px; 
		height:18px; 
		display:inline; 
		}

.one label
	{
	width:80px;
	float:left;
	display:inline;
	text-align:right; 
	padding:2px 10px 0 0; 
	color:#000;
	}
				
.one br 		
	{
	clear:left;
	}

.one input#send
	{
	float:none; 
	width:auto; 
	display:inline; 
	}

.one form 		
	{
	background:transparent;
	border:none;
	margin:0;
	padding:5px;
	}
	
	
/*one2*/
.one2 input 
	{	
	display:block; 
	float:left; 
	width:95px; 
	padding-left:3px; 
	height:14px; 
	margin-top:2px;
	font-size:11px;
	line-height:16px;
	}

	* html  .one2 input /*IE*/
		{	
		margin-left:0; 
		height:15px;
		line-height:15px; 
		display:inline; 
		}

.one2 label
	{
	width:74px;
	float:left;
	display:inline;
	text-align:right; 
	padding:3px 2px 0 0; 
	margin-right:4px;
	color:#000;
	font-size:9px;
	margin-left:30px;
	}
	
.tinyspace
	{	
	letter-spacing:-.1em;
	}
				
.one2 br 		
	{
	clear:left;
	}

						
/*three*/						
.three input,
.three select 			
	{
	display:block; 
	float:left; 
	width:155px; 
	margin-top:5px; 
	padding-left:3px; 
	border:1px solid #666; 
	}

.three select
	{ 	
	width:51px; 
	margin-right:3px; 
	}

	* html .three select /*IE*/ 	
		{ 	
		margin-left:11px; 
		margin-right:-6px; 
		width:50px; 
		}
	
	* html .three input /*IE*/ 	
		{ 	
		margin-left:11px; 
		height:18px; 
		}

select#welt,
select.fSupp,
select.shinstance
	{	
	width:160px;
	margin-bottom:5px;
	}

	* html select#welt,
	* html select.fSupp,
	* html select.shinstance
		{
		width:auto;
		}

	*+html select#welt,
	*+html select.fSupp,
	*+html select.shinstance
		{
		width:auto;
		}

.TDleft
	{
	width:120px;
	text-align:left;
	padding:0 .4em .3em 0;
	float:left;
	}

.TDright
	{
	width:auto;
	max-width:250px;
	text-align:left;
	padding:0 15px .3em 0;
	float:left;
	}
	
.SCRmessage
	{
	float:left;
	width:297px;
	height:auto;
	max-height:145px;
	padding:0 10px .3em 0;
	overflow:auto;
	text-align:left
	}

	* html .SCRmessage
		{
		width:287px;
		height:145px;
		}
	
.three label
	{
	width:130px; margin-top:5px;
	float:left;
	text-align:right; 
	padding:2px 10px 0 0;
	}
						
.three br
	{
	clear:left; 
	}
	
/*four*/						
.four .mainlabel
	{ 	
	width:100px; 
	wid\th:120px;
	margin:10px 0 0 10px; 
	float:left; 
	height:auto; 
	text-align:right; 
	}

.four input
	{	
	display:block; 
	float:left; 
	height:14px; 
	display:inline; 
	margin-left:10px; 
	marg\in-left:0px; 
	}

	* html  .four input /*IE6*/
		{	
		height:13px; 
		display:inline; 
		}
	
	*+html  .four input /*IE7*/	
		{
		height:12px; 
		display:inline; 
		}

.four label
	{
	width:230px;
	float:left; 
	display:inline;
	text-align:left; 
	line-height:14px;
	padding:0 0 5px 10px; 
	overflow:hidden;
	}
							
	* html  .four label /*IE6*/	
		{
		line-height:12px; 
		}
	
	*+html  .four label /*IE7*/	
		{	
		line-height:12px; 
		}

.four br
	{	
	clear:left; 
	}
	
	
/* Allgemeine Classes und IDs */

	
/* - - - - - - - - - - - - - - - - - - - - - - - - */

		div.onlineusers
			{
			position:absolute; 
			top:12px; 
			right:67px; 
			width:200px; 
			height:30px; 
			font-size:9px; 
			color:#bbb; 
			text-align:center;
			}
			
		div.bxlogin
			{
			position:absolute; 
			top:52px; 
			right:58px; 
			width:230px; 
			height:72px; 
			}

		div.btnform
			{
			position:absolute;  
			top:49px; 
			left:42px;
			width:80px; 
			height:auto; 
			text-align:center;
			font-size:9px;
			}

			div.btnform input
				{ 
				text-align:center;
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px; 
				height:auto; 
				line-height:12px;
				background-color:transparent;
				border:none;
				cursor:pointer;
				margin-top:-2px;
				width:auto;
				max-width:80px; 
				}
				
			div.btnform input:hover { color:#30fe00; }
			
		div.forgotten2
			{
			position:absolute; 
			bottom:-13px; 
			left:12px; 
			width:146px; 
			height:12px; 
			font-size:9.2px; 
			text-align:center;
			color:#222;
			}
			
		div.forgotten
			{
			position:absolute; 
			bottom:-12px; 
			left:12px; 
			width:146px; 
			height:12px; 
			font-size:9.2px; 
			text-align:center;
			}
			
			div.forgotten a 		{ color:#666; text-decoration:none; }
			div.forgotten a:hover	{ color:#30fe00; text-decoration:none; }
			
		div.forgotten3
			{
			position:absolute; 
			bottom:-12px; 
			left:70px;
			font-size:9.2px; 
			text-align:right;
			}
			
		div.forgotten4
			{
			position:absolute; 
			bottom:-12px; 
			left:70px; 
			width:146px; 
			height:12px; 
			font-size:9.2px; 
			text-align:right;
			color:#222;
			}

		div.multiplayer
			{
			position:absolute; 
			top:89px; 
			left:222px; 
			width:181px; 
			height:41px; 
			background-position:top;
			}
			
		div.freegame
			{
			position:absolute; 
			top:44px; 
			left:439px; 
			width:148px; 
			height:73px; 
			}

		div.freegame a#imgfree,
		div.freegame img
			{ 
			width:148px; 
			height:73px;
			display:block;
			}
			
		a#imgfree 			{ background-position:top; }
			a#imgfree:hover { background-position:left bottom; }
			
		div.sponsor
			{
			position:absolute; 
			top:129px; 
			left:301px; 
			width:auto; 
			height:auto; 
			}

		div.prize
			{
			position:absolute;  
			left:588px; 
			top:453px;
			width:241px; 
			height:135px; 
			}

		div.weihnacht
			{
			position:absolute; 
			top:19px; 
			left:90px; 
			width:auto; 
			height:auto; 
			}
		
		div.ostern
			{
			position:absolute; 
			top:11px; 
			left:243px; 
			width:auto; 
			height:auto; 
			}
			
		div.navmain
			{
			position:absolute; 
			top:153px; 
			left:96px; 
			width:170px; 
			height:100px; 
			}
		
		div.navmain a,
		div.navmain img
			{ 
			width:170px; 
			height:18px;
			}
		
		a#img1 				{ background-position:left 2px; }
			a#img1:hover 	{ background-position:left 38px; }
			a#img1.grey		{ background-position:left 20px; }
		
		a#img2 				{ background-position:left 2px; }
			a#img2:hover 	{ background-position:left 38px; }
			a#img2.grey		{ background-position:left 20px; }
		
		a#img3				{ background-position:left 2px; }
			a#img3:hover 	{ background-position:left 38px; }
			a#img3.grey		{ background-position:left 20px; }
		
		a#img4				{ background-position:left 2px; }
			a#img4:hover 	{ background-position:left 38px; }
			a#img4.grey		{ background-position:left 20px; }
		
		a#img5				{ background-position:left 2px; }
			a#img5:hover 	{ background-position:left 38px; }
			a#img5.grey		{ background-position:left 20px; }
			
		div.jsloaderror
			{
			position:absolute;
			right:-100px;
			top:0;
			width:auto;
			height:1px;
			visibility:hidden;/**/
			}
			
			div.jsloaderror img
				{
				width:1px;
				height:1px;
				}
		
		div.screen
			{
			position:absolute;
			top:368px;
			left:118px;
			width:276px;
			height:155px;
			display:none;
			color:#000;
			}
		
		div.screen img
			{
			width:276px;
			height:155px;
			}
		
			div.screen div.flag img
				{
				width:15px;
				height:10px;
				}
				
		div.flagunit
			{
			width:110px;
			}
		
		div.flag_left
			{
			width:110px;
			float:left;
			}
		
		div.flag_right
			{
			width:110px;
			float:right;
			}			
			
		div.screen a.play
			{
			position:absolute;
			top:54px;
			left:110px;
			width:62px;
			height:36px;
			}
		
		div.screen a.play img
			{
			width:62px;
			height:36px;
			}
		
		div.lang
			{
			position:absolute; 
			top:59px; 
			left:59px;
			width:150px; 
			height:16px;
			}
		
		div.lang a
			{ 
			width:150px; 
			height:16px;
			position:absolute;
			top:0; 
			left:0;
			display:block;
			background-position:left top;
			}
			
			div.lang a:hover 	{ background-position:left bottom; }
			
		div.lang img
			{ 
			width:150px; 
			height:16px;
			}
			
		div.btnscreen
			{
			position:absolute; 
			bottom:52px; 
			left:51px;
			width:326px; 
			height:14px;
			}
		
		div.btnscreen a
			{ 
			width:76px; 
			height:14px;
			position:absolute;
			top:0;
			left:0;
			display:block;
			}
		
		div.btnscreen img
			{ 
			width:76px; 
			height:14px;
			}
			
		a#btnscreen1 			{ background-position:top; }
			a#btnscreen1:hover 	{ background-position:left bottom; }

		a#btnscreen2 			{ background-position:top; left:80px; }
			a#btnscreen2:hover 	{ background-position:left bottom; }

		a#btnscreen3 			{ background-position:top; left:161px; }
			a#btnscreen3:hover 	{ background-position:left bottom; }

		a#btnscreen4 			{ background-position:top; left:242px; }
			a#btnscreen4:hover 	{ background-position:left bottom; }
			
		div.glass
			{
			position:absolute; 
			top:148px; 
			left:310px;
			width:489px; 
			height:432px;
			background-position:left top;
			}
			
		div.glassbox
			{
			position:absolute; 
			top:172px; 
			left:349px;
			width:435px; 
			height:395px;
			overflow:auto;
			padding-right:15px;
			text-align:justify;
			}
				div.glassbox a 			{ color:#3f0; }
				div.glassbox a:hover	{ text-decoration:underline; }
				div.glassbox label 		{ color:#fff; }
				div.glassbox p 			{ margin-right:10px; }
				div.glassbox h2			{ font-size:8pt; margin-bottom:8px; }
				div.glassbox img#imgmoney	
					{ 
					position:absolute; 
					right:46px; 
					bottom:17px; 
					width:203px;
					height:203px;
					}
		
		
		div.hgscreen		
			{ 
			position:absolute;
			top:265px;
			left:34px;
			width:393px;
			height:346px;
			background-position:left top;
			}
			
		div.infobox
			{ 
			position:absolute;
			font-size:10px;
			top:10px;
			right:0;
			width:248px;
			height:138px;
			overflow:auto;
			color:#3f0;
			padding-right:17px;
			text-align:justify;
			}
				div.infobox a 			{ color:#3f0; }
				div.infobox a:hover		{ text-decoration:underline; }

/* - - - - - - - - - - - - - - - - - - - - - - - - */

				
.content		
	{	
	margin:0px auto 0px auto;
	width:894px;
	height:627px;
	text-align:left; 
	position:relative; 
	}
				
div#haupt		
	{
	position:absolute;
	top:0px;
	left:0px;
	height:627px;
	width:894px;
	}
				
.clear 			
	{					
	clear:both;
	line-height:1px;
	font-size:1px;
	height:1px;
	width:1px;
	}
	
				
/* impressum - entwicker  - elofd */				
div.entw								
	{ 									
	width:auto;
	margin-bottom:20px;
	text-align:center;
	}
	
	div.entw table								
		{ 									
		width:180px;
		margin:0 auto;
		}
				
div.publ
	{ 									
	/*position:relative;*/
	width:auto;
	text-align:center;
	}
	
	div.publ table								
		{ 									
		width:180px;
		margin:0 auto;
		}
				
div.kont		
	{ 
	clear:both;
	/*position:relative;*/
	width:410px;
	padding-top:20px;
	margin-right:10px;
	}

.txtlft
	{	
	width:185px; 
	margin-right:5px; 
	color:#000; 
	text-align:right; 
	float:left;
	}

.txtrgt
	{	
	width:160px; 
	color:#fff; 
	text-align:left; 
	float:left; 
	}

.imput_tv
	{	
	float:left; 
	margin-top:30px; 
	margin-left:110px; 
	}

.label_tv
	{
	display:block; 
	margin:25px 0 15px 18px; 
	float:left; 
	width:300px;
	}
						
.content_doi		
	{	
	margin:0px auto 40px auto;
	width:804px;
	height:auto;
	min-height:600px;
	text-align:left; 
	position:relative; 
	display:block;
	border-bottom:1px solid #9e9790;
	}
	
.fuss_doi
	{
	left:-5px;
	}

.bpcode
	{
	width:600px;
	margin:40px 0 40px 100px;
	}
	
.verifyEmail_errorTitle
	{
	font-size:14px;
	font-weight:bold;
	display:block;
	margin:10px 0;
	}
	
.align_buttonVerifyEmail
	{
	text-align:center;
	padding:10px 0 0 0;
	}
	
.input_button
	{
	padding:0 10px;
	}
	
a.dispError
	{
	position:relative;
	display:block;
	height:18px;
	width:170px;
	margin:0;
	color:white;
	text-decoration:none;
	}
	
div.navError
	{
	position:absolute;
	top:0;
	left:3px;
	height:18px;
	width:167px;
	font:normal bold 15px/17px arial, sans-serif;
	color:white;
	text-decoration:none;
	letter-spacing:5px;
	cursor:pointer;
	}
	
a.dispError div.navError,
div.navError a
	{
	color:#e0e0e0;
	text-decoration:none;
	}
	
a.dispError:hover div.navError,
div.navError a:hover
	{
	color:#3f0;
	text-decoration:none;
	}
		
ul.ulfeatures li
	{
	line-height:13px;
	margin:0 10px 0 0;
	}
	
/* impressum - antispam*/

		
td#eminfo					{ background-position:left 3px; background-repeat:no-repeat; cursor:pointer; }
	td#eminfo:hover 		{ background-position:left -20px; }
	
#mailsupport				{ background-position:right 2px; background-repeat:no-repeat; cursor:pointer; }
	#mailsupport:hover 		{ background-position:right -21px; }
	
#mailbugs					{ background-position:right 2px; background-repeat:no-repeat; cursor:pointer; }
	#mailbugs:hover 		{ background-position:right -21px; }
	
.impressummail			/* container für javascript impressum */
	{
	height:1px;
	width:1px;
	line-height:1px;
	font-size:1px;
	}

/* public/Support */

.supContent 				{ width:300px; padding:0 0 10px 130px; }

.supText 					{ padding:10px 15px 5px 0; } /*support.tpl*/

div#ajloadSupport /*support.tpl*/
	{
	display:none; 
	position:absolute; 
	top:300px; 
	right:280px; 
	width:auto; 
	height:auto;
	z-index:902;
	}

.snext
	{
	position:absolute;
	top:350px;
	left:370px;
	}
	
.pflichtT 
	{
	position:absolute;
	top:350px;
	left:10px;
	}
	
#step2,
#step3,
#step4,
#step5 						{ display:none; }

.grp{margin-bottom:20px}

#navig { color:#777; }

.HMark { color:#fff; }

#SUPnavig 
	{
	height:30px;
	width:400px;
	border:1px solid green;
	
	}

.shinstance,
select.shinstance,
.divtid
	{ display:none; }

div#ajload
	{
	display:none; 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	z-index:902
	}

div#ajload_hg
	{
	display:none;
	position:fixed; 
	top:163px; 
	left:517px; 
	background-color:black; 
	opacity:.4; 				/* transparenz */
	filter:alpha(opacity=40); 	/* transparenzfr IE */
	width:473px; 
	height:400px; 
	z-index:901;
	}

div#ajSupportHG
	{	
	display:none;
	position:absolute; 
	top:0px; 
	left:0px; 
	background-color:black; 
	opacity:.4; 				/* transparenz */
	filter:alpha(opacity=40); 	/* transparenzfr IE */
	width:425px; 
	height:370px; 
	z-index:901;
	}
	
.serror
	{
	display:none;
	border:1px solid red;
	padding:5px;
	margin-right:15px;
	color:red;
	}
	
div.umfrageError
	{
	border:1px solid red;
	padding:5px;
	color:red;
	margin:10px 0;
	}

textarea.fSupp
	{ 
	margin-top:10px;
	padding:3px;
	width:340px; 
	height:110px;
	font-size:12px;
	}
	
#beschrText ul li /* support tpl step3*/
	{
	line-height:12px;
	color:#3f0;
	}
	
.errorBG, 
select.errorBG { background-color:#D6A7AB; }
	
.nextstep { cursor:pointer; }

span.signup_successTitle 	
	{ 
	font-size:12px; 
	font-weight:bold; 
	display:block; 
	width:auto; 
	height:14px; 
	margin-bottom:10px; 
	}
	
input.signup_intoTheGame 		
	{ 
	position:absolute; 
	top:350px; 
	right:20px;
	width:auto; 
	cursor:pointer; 
	}
	
table.support { width:425px;}
*+html table.support { width:415px;}
* html table.support { width:415px;}
table.support td { padding-bottom:5px}

*+html .label_problemType { width:100px;}
* html .label_problemType { width:100px;}
	
div.support_container td { vertical-align:top; min-width:100px; }
	
th.support_thTitle 
	{ 
	font-size:16px; 
	padding:15px 0; 
	}
	
.label_file { display:none; }
.input_supportAttachment { display:none; }
.input_attachmentButton { display:none; }
textarea.textarea_supportDesc { width: 280px; height:100px; padding:3px;}