﻿
/*************************
	=layout
*************************/
html,
body{
	height: 100%;
}

#wrapper{/* alter sticky footer
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -110px;

	*/
	margin: auto;
	width: 960px;
	position: relative;
	_height: 100%;
	min-height: 100%;
}

#header{
	height:100px;
	/* neuer header */
	height:75px;
}
#navBar{
	height: 40px;
	/* neuer header*/
	height:27px;
}

#statusBar{
	height:24px;
}



#main{
	float: left;
	width: 680px;
	margin-left: 200px;
	_display: inline;
	padding: 20px 20px 5px;
	padding: 30px 40px;
	width: 640px;


}



#sideBar{
	float: left;
	width: 180px;
	margin-left: -920px;
}


#content{
	overflow: hidden;
	padding: 20px;
	_zoom: 1;
	clear: both;
	padding-top:0;
	margin-top:47px;
	background-image:url(../imgs/back.gif);
	padding-bottom:0;
	/* alter sticky footer
	margin-bottom: 110px;*/
	/*padding-bottom: 110px;*/
	/*margin-bottom: 110px;*/
	margin-bottom: 130px; /*fr neuen footer*/
}




#footer{
	height: 110px;
	clear: both;
	width: 960px;
	/*margin: auto;*/
	margin: -110px auto 0;
	position: relative;

}

/*************************
	=base
*************************/
body{
	background-color: #181b20;
	
}

body,
select,
input,
textarea,
button{
	font-family: "trebuchet ms",arial,tahoma,verdana;
	color:#3a3e47;		
	font-size: 13px;
}



#wrapper{
	background: #3a3e47;
	border-bottom: 1px #3a3e47 solid;

}
#header{
	background: #014984 url(../imgs/header.gif);
	background-image: url(../imgs/headerBack.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	margin-bottom:27px;
	padding-top: 24px;
	background-color: #3A3E47;
}
#header h1{
	background: url(../imgs/logo.gif) no-repeat -2px 0;
	background: url(../imgs/headerLogo.gif) no-repeat;
}
.isReyJugon #header h1{
	background-image: url(../imgs/rjHeaderLogo.jpg);
}
#navBar{
	background: #c1c1c1 url(../imgs/navBar.gif);
}

#sideBar{
	background: #aaa;
}
#main{
	background: #faf9f5;
}
#footer{
	background: #181B20;
}

#footer p{
	height: 28px;
	line-height: 28px;
	margin-bottom: 0;
}

#footer .paymentIcons{
	text-align: center;
	/*padding-top:10px;*/
  /*	background: #3a3e47;
	padding: 10px 0 0 0;
	height:20px; */
	background:#33373f; 
	height:53px; 
	padding-top:0; 
	_padding-top:10px;
}

#footer .paymentIcons img{
	/*padding: 0 5px;*/
	padding:0;
}

#footer .links{
	/*background: #3a3e47; old*/
	text-align: center;
	font-size:11px;
	margin:0;
	line-height: 28px;
	/*new*/
	background:transparent;
	position:absolute; 
	left:50px; 
}

.isTv #footer .links{
	left:20px;
}
	
#footer .links li{
	list-style-type:none;
	display: inline;
}

#footer a:link, 
#footer a.link,
#footer a:visited,
#footer a.visited {
	text-decoration:none;
}

#footer a:hover, 
#footer a.link:hover {
	text-decoration:underline;
}
			
#footer .copyright{
	background: #014984 url(../imgs/footer.gif);
	color: #fff;
	text-align: right;
	padding-right: 5px;
}

#footer .copyright span {
	letter-spacing:-1px;
}

#footer .links a{
	padding: 0 5px;
	/*text-transform: uppercase;*/
	text-transform: none;
}

#footer .footerIcons{
	height: auto;
}
#over18{
	/*alter footer 
	position:absolute;
	left:20px;
	top:60px;*/
	/*neuer footer*/
	position:relative; 
	top: -27px; 
	_top:-26px;
        left:8px;
}
.isTv #over18{
	display: none;
}

#malta{
	position:absolute;
	top:64px;
	left:80px;
	display: none;
}
#eu{
	position:absolute;
	top:64px;
	left:50px;
	display: none;
}
#verisign{
	position:absolute;
	top:10px;
	left:15px;
}

/* alter footer 
#footer a{
	color: #fff;
}*/
/*neues footerdesign alle schriften gloich*/

#footer .copyright, 
#footer .links a, 
#footer a{color:#ececec; font-size:11px;}

#header h1{
	margin:0;
	height: 75px;
	border:0;
}
#header h1 a{
	display: block;
	width: 300px;
	height: 100px;
	height: 75px;
	width:240px;
}
#header h1 span{
	display: none;
}
#header h2{
display: none;
}

#topNav{
	margin: 0;
	position: absolute;
	right: 5px;
	top: 50px;
	
	left:250px;
	right:auto;
	top:56px;
}



#topNav li{
	float: left;
	list-style-type: none;
	margin-right: 10px;
	padding: 5px;
	font-size: 18px;
	display: inline;
}

#topNav a{
	color: #fff;
	text-decoration: none;
}

#topNav .active a{
	color:#FFEA60;
}



/*************************
	=skin
*************************/
/*************************************/

h1,
h2,
h3,
h4,
h5,
h6{
	/*clear:left;*/
	color: #014984;
	border-bottom: 1px solid;
}

h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active,
h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active, 
h4 a, h4 a:link, h4 a:visited, h4 a:hover, h4 a:active,
h5 a, h5 a:link, h5 a:visited, h5 a:hover, h5 a:active,
h6 a, h6 a:link, h6 a:visited, h6 a:hover, h6 a:active{
	/*color: #014984;*/
	text-decoration: none;
}

h1{

}
h2{

}
h3{

}
h4{

}
h5{

}
h6{

}
p{

}
strong{

}
em{

}
a{
	/*color: #000;*/
	/*color: #5c0401;*/
}
a:link,
a.link{
	color: #5c0401;
	color: #de7e00;
	text-decoration: underline;
}
a:visited,
a.visited{
	color: #5c0401;
	color: #D17700	;
	text-decoration: underline;
}
a:hover,
a.hover{
	color: #840501;
	color: #EB8600;
	text-decoration: none;
}
a:active,
a.active{
	color: #5c0401;
	color: #EB8600;
	text-decoration: none;
}
a:focus,
a.focus{
	color: #840501;
	color: #EB8600;
	text-decoration: none;
}
fieldset{

}
legend{

}
form{

}
label{

}
.formField{
	background: #fff;
	border: 1px inset;
	padding: 2px;
}

.formField[class]{
	background:#fff url(../imgs/gloss_shade.gif) repeat-x;
	color: #555;
}
.formField:focus{
	background:#fff;
	color:#000;
}
input.ffInput{
	width:175px;
}
.ffTextarea{
	height: 100px;
	width: 300px;
}
.ffSelect{

}
.ffList{

}
.ffCheckbox{
	float: right;
}
.formButton{
	background: #fff url(../imgs/gloss_shade.gif);
	background: #efe457 url(../imgs/formButton.gif) left bottom repeat-x;
	border: 1px outset;
	padding: 2px 20px;
	cursor: pointer;

}
.formButton:active{
	border-style: inset;
}

a.formButton{
	color: #3A3E47 !important;
	text-decoration: none !important;
	padding: 3px 20px;
	
}




/*
.formButton:hover{
	background:#fdda54;
	background: #efe457;
}*/
.fbButton{

}
.fbReset{

}
.fbSubmit{

}

.fbCancel{
	background: #CDCDCD url(../imgs/fbCancel.gif) left bottom repeat-x;
	border: 1px outset;
	padding: 2px 20px;
	cursor: pointer;
	color:#3A3E47 !important;
	text-decoration:none !important;
}

.ieFakeSubmit{
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	width:0 !important;
	height:0 !important;
	display:block !important;
	overflow:hidden !important;
}

.formTable{
	border: 0;
	margin: 1px;
	_margin:0;
	border-top: 1px solid;
	width: 100%;
	border-color: #d3e4f2;
	background: #fffdf7/* url(form_back.jpg) repeat-x*/;
	

}


.formTable colgroup{
	background:transparent;
}



.formTable colgroup,
.formTable thead,
.formTable tbody,
.formTable tfoot{
	border: 0;
}

.formTable td,
.formTable th{
	border: 0;
	border-bottom: 1px solid;
	border-color: #d3e4f2;
}

th{
	text-align:auto;
}



.listTable{
	border: #91c4ed 1px solid;
	border-width: 1px 0 0;
	background: #FAF9F5;
	margin: 1px;
	_margin: 0;
	width:100%;
	border-color: #bacfe0;

}

.listTable colgroup,
.listTable thead,
.listTable tbody,
.listTable tfoot{
	border: 0;
}

.listTable td,
.listTable th{
	border:0;
	border-bottom: #faf9f5 1px solid;
	border-color: #bacfe0;
}





.light{
	background: #faf2d2;
	background: #faf9f5;
}

.dark{
	background: #f7edc6;
	background: #ebf1f7;
}



.highLight{
	color: #5c4a01;
	background: #fff3c0;
}


#tipContainer #tip, #tipContainer .tipItem{
	background-color: #fff7d4;	
	background-repeat:no-repeat;
	border: #ffe573 1px solid;
	padding: 0 9px 5px; /*wegen border, das der text gleich l?t*/
	color: #5e4d00;
	border-color:#ffe573;
	margin-bottom: 14px;
}

.tipItem{
	display:none;
}
#tipContainer .accountFunMoney{
	display: block;
}

#tip h2, .tipItem h2,
#tip h3, .tipItem h3{
	color: #856c00;
	color: inherit;
}
#tip .container, 
.tipItem .container{
	color: #5e4d00;
	color: inherit;
}

#tip a, 
.tipItem a{
	color: inherit;
}



#tip .next,
#formOk .next{
	text-align:right;
	margin-top:-10px;
	font-weight: bold;
}
.tipItem .next{
	text-align:right;
	font-weight: bold;
}

#formError,
#error{
	background: #ffedeb;
	border: #ffcec7 1px solid;
	padding: 0 9px; /*wegen border, das der text gleich l?t*/
}
#formError h2,
#formError h3,
#error h2,
#error h3{
	color: #a81600;
}

#formError .container,
#error .container{
	color: #380700;
}

#formOk{
	background: #f0ffe5;
	border: #c7f5a5 1px solid;
	padding: 0 9px; /*wegen border, das der text gleich l?t*/
}
#formOk h2,
#formOk h3{
	color: #3e8f00;
}
#formOk .container{
	color: #1c4000;
}


.inlineImg{
	float: left;
	margin-right: 10px;
	border: 1px #181b20 solid;
	padding: 2px;
	
}


.formError{
	background-color: #ffedeb;
}

.formError td,
.formError th{
	border-color: #ffcec7;
}

.formError .inputNames{
	color: #380700;
}
.formError .formField{
	background: #ffcec7;
}
.formError .formField[class]:focus{
	background:#ffedeb;
}
.formError .inputDescription{
	color: #a81600;
}




.formOk{
	background-color: #f0ffe5;
}

.formOk td,
.formOk th{
	border-color: #c7f5a5;
}

.formOk .inputNames{
	/*color:#1c4000;*/
}
.formOk .formField{
	/*background: #c7f5a5;*/
	background: #f0ffe5;
}
.formOk .formField[class]:focus{
	
}
.formOk .inputDescription{
	/*color: #ccc;*/
}



/**********************************************************************************************************************
                     !!  das ist fr die Kasterln in den Boxen  !!
**********************************************************************************************************************/

#error h3,
#error h2,
#formOk h3,
#formOk h2,
#tip h3, .tipItem h3,
#tip h2, .tipItem h2{	
	margin-top:12px;
	padding-left:35px;	
	line-height:25px;	
}

#error,
#formOk,
#tipContainer #tip,
#tipContainer .tipItem{
	background-repeat:no-repeat;
	background-position:8px 7px;	
}			



#error {
	background-image:url(../imgs/infoBadge_error.gif);

}


#formOk {
	background-image:url(../imgs/infoBadge_ok.gif);
}	


#tipContainer #tip, #tipContainer .tipItem{
	background-image:url(../imgs/infoBadge_tip.gif);
}		






.inputNames{
/*	color: #555;*/
	text-align: right;
	width: 150px;
}

.inputElements{

}
.inputDescription{
	color: #777;
}

.contBox{
	padding: 0 10px;
	margin: 10px;
	
	padding:0;
	margin: 10px 0;
	
}






.headerSlideshow img
{
	border: 0;
	margin: 0;
}

.headerSlideshow .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('/js/jdgallery/loading-bar-black.gif');
	top:0;
	position: absolute;
	/*z-index:1;*/
}

.headerSlideshow .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('/js/jdgallery/loading-bar-black.gif');
}








#heading{
	height: 200px;
	position: relative;
	overflow:hidden;
	border: 1px #014984 solid;
	background-color: #014984;
	width:640px;
}


#shade{
	background-color:#014984;
	background-color:#000;

	opacity: .5;
	filter:Alpha(opacity=50);
	
	position: absolute;
	left:0;
	bottom:0;
	width: 100%;
	height: 40px;/**/
	z-index:2;
}
.slideInfoZone{
	position: absolute;
	left:0;
	bottom:0;
	width:100%;
	height:38px;
	z-index:3;
	display: none;

}

.slideInfoZone h2{
	color: #ffea60;
	border:0;
	padding-left:10px;

}
.slideInfoZone p{
	color: #fff;
	padding-left:10px;
	margin:0;
}
.slideInfoZone p a{
	color: #ffea60;
	font-weight: bold;
}


#vignette{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
		background: url(../imgs/alpha.png);
	_background: transparent;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xsl_gamebase/_stargames/imgs/alpha.png', sizingMethod='scale');
}

#heading h2{
	border:0;

}

#heading h2 a{
width:100%;
height:100%;
height:40px;
bottom:0;
display: block;
	position: absolute;

	z-index:3;
}


#heading h2 span{
	
	
	position: absolute;
	left:10px;
	bottom:0;
	font-size: 30px;
	
	line-height: 40px;
	color: #ffea60;
	cursor: pointer;
	
	
}

#heading h2,
#topLine h2{
	margin:0;
}
#heading h3,
#heading p{
	display: none;
}
/*.slideInfoZone h2,*/
#heading .slideInfoZone p{
	display: block;
}




/* vernderte breite fr den content */
#main{
	padding: 40px 50px;
	width: 620px;
}
#heading,
#topLine{
	margin: -1px -11px -1px;
	margin-bottom: 20px;
}




.welcome_after_register #heading,
.welcome_after_money_register #heading,
.trans_receive #heading,
.deposit #heading{
	border:0;
	height:227px;
	width:842px;
	overflow:visible;
	margin-top: -39px;
	margin-left: -25px;
	padding-top: 38px;
	padding-left: 14px;
}
.welcome_after_register #heading .container img,
.welcome_after_money_register #heading .container img,
.trans_receive #heading .container img,
.deposit #heading .container img{ 
	margin-top:-38px;
	margin-left:-14px;
}
.welcome_after_register #shade,
.welcome_after_money_register #shade,
.trans_receive #shade,
.deposit #shade{
	width: 840px;
	left:	15px;

}





/* games_details */



#SuperTrumpf{
	margin-left: 415px;
	_margin-left: 412px;
}


#SuperTrumpf .gameLogo{
	float: none;

}
#SuperTrumpf .container{
	margin-top: 5px;
}
#SuperTrumpf{
	background: transparent url(../imgs/quartett.jpg) no-repeat;
	position: relative;
	width:205px;
	height:295px;
	width: 160px;
	height: 253px;
	padding: 22px 22px 20px 23px
}

#SuperTrumpf h3{
	background-position: right center;
	background-repeat: no-repeat;
	border:0;
	margin:0;
	height: 20px;
	line-height:20px;
}

#SuperTrumpf dl{
	margin:0;
	margin-top:5px;
}
#SuperTrumpf dt{
	font-weight: bold;
	float: left;
	
}
#SuperTrumpf dd{
	margin:0;
	text-align: right;
}
#SuperTrumpf .play{
	text-align: center;
	position: absolute;
	width: 160px;
	bottom:0;
	
}

#topGame{
	margin-left:420px;
	_zoom:1;
	_margin-left:417px;
}




#topGame .listTable{
	width: 198px;
	overflow:hidden;
}
#topGame,
#topGame h4{
	margin-top:0;
}

#gameDesc,
#gameRestock{

float:left;
width:400px;
margin-top:0;
_margin-right:-3px;
}
#gameDesc h4,
#gameRestock h4{
	margin-top:0;
}

#tournaments{
clear: both;
}


h4{
	font-size: 108%;
	margin: 1em 0;
}




#startGame{
	margin:0;
	z-index: 3;
	position: absolute;
	right:85px;
	top:338px;

	
}
#startGame .play{
	list-style-type: none;
}
#startGame .play a{
	width:190px;
	height:62px;

	display: block;
}
#startGame .play span{
	display: none;
}



#gamesDetailsHelpArticles .active,
#subLinks .active
{
	font-weight: bold;
}


#lastGames{
	margin-bottom: 14px;
}





/******************subnav***********************/
#subNav,
.subNav{

border-bottom: 1px #c6c6c6 solid;
margin: 20px -10px 20px;
padding: 0 10px
}
#subNav ul,
.subNav ul{
	margin:0;
	height: 23px;
}
#subNav li,
.subNav li{
	list-style-type: none;
	background: url(../imgs/subNav_btn.gif) no-repeat left top;
	float: left;
	margin-right: 5px;
	height: 23px;
	overflow: hidden;
	
}
#subNav a,
.subNav a{
	
	background: url(../imgs/subNav_btn_right.gif) no-repeat right top;
	color: black;
	float:left;
	/*font-weight: bold;*/
	height: 23px;
	line-height:25px;
	padding: 0 10px;
	text-decoration: none;
}

#subNav .active,
.subNav .active{
	background-image: url(../imgs/subNav_btn_active.gif);
	position: relative;
	top: 1px;
}
#subNav .active a,
.subNav .active a{
	background-image: url(../imgs/subNav_btn_active_right.gif);
	font-weight: bold;
}

#subNav li:hover,
.subNav li:hover{
	background-image: url(../imgs/subNav_btn_active.gif);
}
#subNav li:hover a,
.subNav li:hover a{
	background-image: url(../imgs/subNav_btn_active_right.gif);
}

/*****************sidebar*************************/

#sideBar{
margin-bottom:-1px;
background: url(../imgs/sideBar_back.gif) repeat-y;
}

#sideBar h3{
background: url(../imgs/sideBar_top.gif);
height: 40px;
margin:0;
border:0;
line-height: 40px;
color: #fff;
padding-left: 15px;
margin-right: 15px;
}

#sideBar ul{
margin:0;

}

#sideBar li{

list-style-type: none;
border-color:#aaa;


}

#sideBar li a{
height: 29px;
line-height:29px;
display: block;
background: #8e8f91;
border: #aaa solid;
border-width: 1px 0;
margin-top: -1px;
padding-left: 15px;
color: #fff;
	text-decoration: none;
	border:0;
}

#sideBar li a:hover{
	text-decoration: underline;
}






#sideBar li li,
#accountBar li{
border-style:solid;
border-width:1px 0;

border-color:#8e8f91;
margin: -1px 5px 0 5px;
}
#sideBar li li a,
#sideBar .active li a{
background:#aaa;
margin-top:0;
border: 0;
position: static;
}

#sideBar li li a{
	color:#3a3e47;
}

#sideBar li .active,
#accountBar .active{
	margin-left:0;
	margin-right:0;
	background: transparent;
	background:  url(../imgs/sideBar_nav_active.gif);
	font-weight: bold;
}
#accountBar li a{
	background-color: transparent;
	color: #3a3e47;
}



#sideBar li .active a,
#accountBar .active a{
		background:  url(../imgs/sideBar_nav_active.gif);
	margin-right: -15px;
	
	padding-left: 20px;
	padding-left:15px;
}

#gamesCatTabs{
	font-size: 10px;
	height: 40px;
	margin-bottom:30px;
	background: url(../imgs/sideBar_topNav.gif) no-repeat;
}

#sideBar .gamesCatHeader{
	position: absolute;
	left:20px;
	top: 187px;
	
	width: 165px;
background: #111213 url(../imgs/sideBar_cat_active.gif);	
	text-decoration: none;
	font-weight: bold;
	display:none;
}

#sideBar .gamesCatHeader:hover{
	text-decoration: none;
}


#gamesCatTabs a{
	float:left;
	width: 36px;
	height: 40px;

}
#gamesCatTabs span{
	display: none;
}


#gamesBar li{
	background-image: none;
}

#gamesBar .cat0 a{
	background-image: url(../imgs/iconGameCat0_gray_s.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}

#gamesBar .cat1 a{
	background-image: url(../imgs/iconGameCat1_gray_s.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}
#gamesBar .cat2 a{
	background-image: url(../imgs/iconGameCat2_gray_s.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}
#gamesBar .cat3 a{
	background-image: url(../imgs/iconGameCat3_gray_s.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}
#gamesBar .cat4 a{
	background-image: url(../imgs/iconGameCat4_gray_s.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}

#gamesBar .tourn a{
	background-image: url(../imgs/iconTourn_gray_s.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	
}

#sideBar ul ul a{
	padding-left: 23px;
}


/***************** tooltip********************/

.formTip-tip{
	border: 1px #999 solid;
	background: #e9e9e9;
	padding: 5px;
	z-index:1;	
	width: 200px;	
}
.formTip-title{
	color: #424242;	
	font-weight: bold;
}
.formTip-text{
	color: #424242;
	/*display:none;*/
}


.gameIcon-tip{
	border: 1px #999 solid;
	background: #e9e9e9;
	padding: 5px;
	z-index:1;		
}
.gameIcon-title{
	color: #424242;	
	font-weight: bold;	
}
.gameIcon-text{
	color: #424242;	
}





.sideBarTips-tip{
	border: 1px #999 solid;
	background: #e9e9e9;
	padding: 5px;
	z-index:1;	
}
.sideBarTips-title{
	color: #424242;
	display: none;
}
.sideBarTips-text{
	color:#424242;

}

.tip-text {
	display: none !important
	/*mootools 1.2 link-einblendung*/
}


#sideBar{
	width: 195px;
	padding-bottom: 6px;
}
#sideBar ul ul,
#accountBar{
	padding-right: 15px;
}


/**************** status / qLogin **************/

#qLogin .formField{
	width: 120px;
	border: 1px #374757 solid;
	margin: 10px 2px 0 0;
	padding: 0 0 0 2px;
	height: 18px;
	
	height:16px;
	font-size:11px;
	margin-top: 3px;
	
	
	
}
#qLogin .formButton{
	margin: 10px 10px 0 0;
	padding: 0 10px;
	height: 20px;
	background: #d7d7d7 url(../imgs/statusBar_formButton.gif) repeat-x;
	border-color: #979797;
	
		height:16px;
	font-size:11px;
	margin-top:2px;
	
	
}

#qLogin .statusBarSubmit{
	background: transparent url(../imgs/statusBar_formButton.jpg) no-repeat;
	display: block;
	width: 55px;
	height: 18px;
	padding-right: 2px;
	padding-bottom: 3px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 18px;
	position: absolute;
	top:3px;
	right:2px;
}



#qLogin{
	float: right;
	padding-right:60px;
	display: inline;
	position:relative;
	height:45px;
	height:24px;
	overflow:hidden;
	background: #3A3E47;
	/*background: red;*/
	
	right:0;
	top:0;
	position: absolute;
	
	
}

#qLogin table{
	margin:0;
	line-height: 25px;
	margin-left: 3px;
}



#qLogin td{
	border:0;
	padding:0;
	padding: 0 2px;
}



#statusBar{	
	margin:0;
	line-height: 38px;
	margin-right: 10px;
	/*overflow:hidden;*/

}

#supportLinks,
#accountLinks{
	margin:0;
}

#statusBar .signonHelpers,
#accountLinks{
	margin:0 10px 0 0;
}
#statusBar .signonHelpers{
	margin-right: 320px;
	display: inline;
}



#accountLinks,
#statusBar .signonHelpers{
	float: right;
}

#supportLinks li,
#accountLinks li,
#statusBar .signonHelpers li{
	list-style-type: none;
	float: left;
	display: inline;
	margin-left: 10px;
}

#supportLinks a{
	color: #000;
}
#statusBar .signonHelpers a,
#accountLinks a,
#statusBar
{
	color: #fff;
}


.status0{
/*fun*/
	color: #fff !important;
}
.status1{
/*bronze*/	
color:#cfa761 !important;
}
.statu2{
	/*silber*/
	color:#d4d4d4 !important;
}
.status3{
	/*gold*/
	color:#f5df66 !important;
}
.status4{
/*platin*/	
color:#fff6c6 !important;
}
.status5{
	/*diamant*/
	color:#cde8fd !important;
}

#accountLinks .bonusInfo{
	color:#aaa;
}






/************ neuer header ***************/
#statusBar{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	font-size:11px;
	line-height:24px;
	height:24px;
	z-index:3;
	background:#3A3E47;
}

#navBar{
	position:absolute;
	left:0;
	top:99px;
	width:100%;
	font-size:11px;
	line-height:27px;
}



/********** games ************/


.games #topSite{
margin-left:420px;
_margin-left:417px;
_zoom:1;
}
.games #topSite,
.games #topSite h4,
.games #tournaments,
.games #tournaments h4{
	margin-top:0;
}
.games #tournaments{
margin-left:420px;
clear: none;
_margin-left:417px;
_zoom:1;
}


.games .feature{

float:left;
width:400px;
margin-top:0;

clear:left;
height: 150px;
overflow: hidden;

_margin-right:-3px;
}
.games .feature h3{
	margin-top:0;
}

#game1{
	float:none;
	width: auto;
	clear: none;
}
#game1 .startGame{
		left: 235px;
}

#game1 .gameLogo,
.warning_guest .gameLogo{
		width: 400px;
		height:120px;
}
#game1 .gameDesc,
#game1 .gameIcons{
	margin-left: 415px;
}

#game1 .gameIcons{
		left:0;
}
#game1 .gameLogo .shade,
.warning_guest .gameLogo .shade{
	background-image: url(../imgs/alpha_med.png);
		_background: transparent;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xsl_gamebase/_stargames/imgs/alpha_med.png', sizingMethod='scale');	
		
		width:398px;
}


.gameLogo .gameStatus{
	position: absolute;
	left:0;
	top:0;
	width:66px;
	height:66px;
	z-index:1;
}


#allGames{
	clear: both;
}

.games #topSite .container,
.games #tournaments .container{
	width: 200px;
	overflow: hidden;
}



/*************** games *****************/

.gameLogo{/*
	float:left;*/
	margin:0;
	position: relative;
		height:96px;
		width:168px;
		width:160px;
		height:120px;
		overflow: hidden
		}

.gameLogo *{
	cursor: pointer;	

}		
		
		
		
.gameLogo img{
		display: block;
		
		
		
}




.gameLogo .shade{
		position: absolute;
		left:0;
		top:0;
		width:100%;
		height:100px;
		background: url(../imgs/alpha_small.png);
		_background: transparent;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/xsl_gamebase/_stargames/imgs/alpha_small.png', sizingMethod='scale');
		
		width: 158px;
		height: 98px;
		border: 1px solid #014984;

}
.gameDesc,
.gameIcons{
	margin-left: 175px;
}
.gameIcons img{
	margin-right: 5px;
}
.gameIcons{
	position: absolute;
	top: 85px;
	left: 10px;
	text-align: right;
	margin-bottom:0;
}



.feature .gameLogo{
	float:left;
}
.feature .container{

	overflow: hidden;
	position: relative;
	zoom:1;

	
	
}
.startGame .play{
	list-style-type: none;

}
.startGame{
	margin:0;
	position: absolute;
	left:22px;	
top: 80px;
}
.regTopGame .startGame{
	left: 33px;
	top: 126px;
}



.startGame .play a{

	display: block;
	width:150px;
	height:37px;
}
.startGame .play span{
		display: none;
}


#allGames li{
	height: 25px;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	list-style-type: none;
}
#allGames ul{
	margin: 0;
}
#allGames .container a{

	padding-left: 25px;
}


#allGames li{
	background-position: left center;
	background-repeat: no-repeat;
}



.cat1{
	background-image: url(../imgs/iconGameCat1_blue.gif);
}
.cat2{
	background-image: url(../imgs/iconGameCat2_blue.gif);
}
.cat3{
	background-image: url(../imgs/iconGameCat3_blue.gif);
}
.cat4{
	background-image: url(../imgs/iconGameCat4_blue.gif);
}



/***************** min design *********************/

.min #header h1 a,
.room #header h1 a,
.min #topNav,
.room #topNav,
.min #statusBar,
.room #statusBar,
.min #footer .links,
.room #footer .links,
.min #sideBar,
.room #sideBar,
.min #navBar,
.room #navBar,
.min #languages,
.room #languages,
.min #footer .paymentIcons,
.room #footer .paymentIcons /*,
.min #tip,
.room #tip*/{
	display: none;
}

.min #header,
.room #header{
	padding:0;
	margin:0;
}



.min #main{
margin:0;
width: 820px;
zoom:1;
float:none;
}

.min #content{
	margin-top:20px;
}

.room #main{
margin:0;
width: auto;
float: none;
display: block;
text-align: center;
padding: 40px 0;

}


.min #playersOnline,
.room #playersOnline{
	top:51px;
}

.min #wrapper{
	margin-bottom: -72px;
}
.min #content{
	margin-bottom: 72px;
}
.min #footer{
	height: 52px;
	margin-top: 20px;
}

.min #footer .footerIcons{
	display: none;
	
}

/****************** min design fr popups angepasst + spielegrssen *********************/

.min #wrapper{
	min-height:0;
	margin:0;
	margin-bottom: -48px;
	/*scrollbar erzwingen*/
	border-bottom-width: 2px;
}
.min #content{
	margin-bottom: 48px;
}
.min #footer{
	margin:20px 0 0;
	
	height:28px;
}




/************* breiter content ******************/


.register #main,
.login #main,
.pass_recover #main,
.news #main,
/*.help #main,*/
.agb #main,
.imprint #main,
.about #main,
.about_details #main,
.deposit #main,
.welcome_after_register #main,
.optional_data #main,
.email_confirm #main,
.welcome_after_register #main,
.welcome_after_money_register #main,
.payment #main,
.infoclick #main,
.become_moneyplayer #main,
.games_close #main,
.welcome_after_firstpayment #main,
.welcome_after_confirmation #main,
.register_start #main,
.trans_receive #main, 
.info_mail #main{
margin:0;
width: 820px;
zoom:1;
float:none;
}

.register #sideBar,
.login #sideBar,
.pass_recover #sideBar,
.news #sideBar,
/*.help #sideBar,*/
.agb #sideBar,
.imprint #sideBar,
.about #sideBar,
.about_details #sideBar,
.deposit #sideBar,
.welcome_after_register #sideBar,
.optional_data #sideBar,
.email_confirm #sideBar,
.welcome_after_register #sideBar,
.welcome_after_money_register #sideBar,
.payment #sideBar,
.infoclick #sideBar,
.become_moneyplayer #sideBar,
.games_close #sideBar,
.welcome_after_firstpayment #sideBar,
.welcome_after_confirmation #sideBar,
.register_start #sideBar,
.trans_receive #sideBar,
.info_mail #sideBar{
	display: none;
}
/*
.register #tip,
.login #tip,
.pass_recover #tip,
.news #tip,
.help #tip,
.agb #tip,
.imprint #tip,
.about #tip,
.about_details #tip,
.deposit #tip,
.welcome_after_register #tip,
.optional_data #tip,
.email_confirm #tip,
.welcome_after_register #tip,
.welcome_after_money_register #tip,
.payment #tip,
.infoclick #tip,
.become_moneyplayer #tip,
.games_close #tip,
.welcome_after_firstpayment #tip,
.welcome_after_confirmation #tip,
.register_start #tip{
	display: none;
}

*/




/*********** home ****************/
.home #sideBar{
	display: none;
}

.home #content{
	padding: 0 10px;
	margin-top: 37px;
	background:transparent;
}
.home #main{
	background: transparent;
	float: none;
	width: auto;
	margin:0;
	padding: 0;
}


.home #main .contBox{
	padding: 10px;
	float:left;
	height: 230px;
	margin:0;
}
.home #main .contBox .container{
		height:200px;
		position: relative;
		background-position: left bottom;
		cursor: pointer;
}
.home #main .contBox .shade{
		background: #014984;
		opacity: .7;
		filter:Alpha(opacity=70);
		position: absolute;
		left:0;
		bottom:0;
		height:50px;
		width: 100%;
}

.home #main .contBox .info{
	display: none;
}

.home #main .contBox .hotSpot a{
	color:#ffea60 !important;
	font-weight: bold;
}


.homeBox.size3{
	width:685px;
	background: url(../imgs/homeBox3.gif);
}

.homeBox.size2{
	width: 450px;
	background: url(../imgs/homeBox2.gif);
}

.homeBox.size1/*,
.homeBox*/{
	width: 215px;
	background: url(../imgs/homeBox1.gif);
}

.boxHeading{
		background: #014984;
		font-size: 16px;
		border: 0;
		margin:0;
		padding-left: 10px;
		height: 30px;
		line-height: 30px;
}
.boxHeading a{
	display: block;
		color: #fff !important;
}
.home #main .contBox .hotSpot{
		position: absolute;
		left:0;
		bottom:0;
		width:100%;
		height: 50px;
		z-index:2;
		cursor:default;
		overflow: hidden;
}

.boxHSmall{
	margin:0;
	color: #ffea60;
	border:0;
	font-size: 14px;
	position: absolute;
	left:6px;
	top: 4px;
	white-space:nowrap;
	
	font-weight:normal;
}

.boxHBig{
	margin:0;
	color: #fff;
	border:0;
	font-size: 16px;
	position: absolute;
	left:6px;
	top: 24px;
	white-space:nowrap;
	
	font-weight:normal;
	font-size:18px;
	
}


.home #main .contBox .container .theText{
	position: absolute;
	top:4px;
	left:6px;
	z-index:1;
	color: #fff;
	display: none;
	right:6px;
	line-height:21px;
}

.homeBox .hotSpot *{
	/*background: red;*/
	line-height:21px;
}


/*ie6 => shim*/



#languages .shim{
	display: block;
	
	overflow:hidden;
	border:0;

position: absolute;
right:0;
top:0;
z-index:1;
height:100%;
width:100%;



}
#languages{
	position: absolute;
	left:10px;
	bottom: 30px;
	overflow:hidden;
	/*background: #0063ab url(../imgs/footer.gif) repeat-x scroll left -3px;*/
	
	z-index:2;
	height:0;
	/*sprachen oben*/
	bottom:auto;
	left:auto;
	top:0;
	right:0;
	width: 100px;
	
	
	/*neuer header*/
	top:105px;
	font-size:11px;
	
	line-height:11px;
	
	
	
	
}
#languages ul{
		margin:0;
		padding:0;
		
	/*background: #005a9f url(../imgs/footer.gif) repeat-x scroll 0 -7px;*/
	
	
background: #145f9a url(../imgs/langBack.gif) repeat-x;
/*ie6 => shim*/
	position:relative;
	z-index:2;
	_zoom:1;

	padding-bottom: 5px;
	
	
	/*neuer header*/
	
	background:#dcdcdc url(../imgs/navBar.gif) repeat-x 0 -6px;
	
	
}
#languages li{
		list-style-type:none;
		
}
#languages li.active{
	background: url(../imgs/langArrow.gif) no-repeat 85px center;
}

#languages a{
		display: block;
		padding: 2px 5px;
		color: #fff;
		/*text-align:right;*/
/*neuer header*/
color: #000;
text-decoration: none;



}
#languages a:hover span{
	text-decoration: underline;
}

#languages img{
		margin-right: 5px;
		vertical-align:-1px;
}




/*********************
temp header
**********************/

/*
.games #heading{
	overflow:visible;
}
.games #heading img{
	position: absolute;
	left: -14px;
	top: -35px;
}

*/
.games #heading h2 span{
	cursor:default;
}



.agb #main li ol li,
.agb li ol li{
	list-style-type: lower-alpha;
}



/**********************
* small
**********************/

.small #wrapper{
	margin:auto;
	width:auto;
}
.small #content{
	margin:0;
	padding: 10px;
	background: transparent;
}

.small #main{
	width: auto;
	margin:0;
	float:none;
	padding: 20px 25px;
	display: block;

}
.warning_guest #loginForm{
	margin:0;
	padding:10px;
	width: 300px;
}

.warning_guest #signonHelpers,
.warning_systemcheck #warningBox{
	width: 400px;
	height: auto;
	min-height: 0;
	padding-left: 35px;
	padding-right: 35px
}

.warning_systemcheck #warningBox{
	min-height:120px;
	_height:20px;
	padding-left:140px;
	width:295px;
	background:url(../imgs/systemcheck.gif) no-repeat 10px 10px;
}
.warning_systemcheck .right{
	background: url(../imgs/peopleLinda1.jpg) no-repeat  right bottom;
	min-height:320px;
	_height:320px;
}

.warning_guest .gameLogo{
	margin-bottom: 10px;
}


.warning_guest #signonHelpers ul a{
	font-weight:bold;
}
.warning_guest #loginForm{
	/*margin-top:0;*/
	float:right;
	background: url(../imgs/peopleLinda1.jpg) center bottom no-repeat;
	padding-bottom: 330px;
}

.warning_guest #loginForm h3{
	margin-top:0;
}


.warning_guest #main{
	overflow:hidden;
	_zoom:1;
	padding-top: 50px;
}

.warning_disconnect #main{
		margin-left:0;
		width:820px;
}
.warning_disconnect #sideBar{
		display: none;
}


/**********************************************
infoBox
**********************************************/


.infoBox{

	margin-top: 0;
	background-color: #FFFBD5;
	border:1px #DFCD85 solid;

}

#regPlayForReal{
	background: #fffbd5 url(../imgs/playForReal_bg.jpg) no-repeat scroll right bottom;
	border-color: #dfcd85;
	float:left;
	width:570px;
}
#regPlayForReal ul{
	clear:none;
	margin-left:164px;
}
#regPlayForReal li{
	width:190px;
}
#regPlayForReal p{
	width:230px;
	margin-left:164px;
}
#regPlayForReal .next{
	right:210px;
	width:auto;
	margin-left:0;
}

.isTv #regPlayForReal{
	display: none;
}
.isTv #regPlayForFun{
	margin-left:0;
}

#regPlayForFun{
	margin-left:610px;
	width:180px;
}

#regPlayForFun .fbFun{
	float: none;
	display: block;
	margin:0 auto 5px;
}

.isTv #regPlayForFun .fbFun{
	margin:0 0 5px;
}

#regPlayForFun,
#regPlayLimitedFeatures,
#infoMailLimitedFeatures,
#signonHelpers,
.warning_systemcheck #warningBox{

	background-color: #f2f2f2;
	border-color: #d3d3d3;
	
}

.infoBox .next{
	position: absolute;
	right:0;
	bottom:-5px;
	font-weight: bold;
}

	
	
	
.fbFun,
.fbFun:hover{
/*	height:63px;
	width:141px;
	background: url(../imgs/regButtonFun.gif);*/
	height:64px;
	width:171px;
	background: url(../imgs/regButtonFun_big.gif);
	
}	
.fbFun span,
.fbReal span{
	display: none;
}

.fbReal,
.fbReal:hover{
	/*height: 63px;*/
	height:213px;
	/*width: 171px;*/
	width:152px;
	/*background: url(../imgs/regButtonReal.gif);*/
	background: url(../imgs/regButtonReal_big.gif);
	
}
	
.fbFun,
.fbReal{
	border:0;
	float:left;
	
	margin: 0 10px 5px 0;
}	

.infoBox ul{
	clear: left;
	margin-left:0;

	margin-left: 10px;
	line-height: 1.7em;
_zoom:1;
}	
.infoBox ul li{
	list-style-type: none;
	padding-left: 30px;
}	
	
	


.infoBox li{
	background: url(../imgs/listBulletChecked.gif) no-repeat left 4px;
}	
#regPlayForReal li{
	background-image:url(../imgs/listBulletChecked.gif);
}

#regPlayForFun li, 
#regPlayLimitedFeatures li{
	background-image: url(../imgs/listBulletCheckedGray.gif);
}	


.infoBox .container{
	padding-bottom: 16px;
	position: relative;
	_zoom:1;
	overflow:hidden;
}	
	

	

.infoBox{
	background-repeat: no-repeat;
	background-position: right bottom;
	width: auto;
	min-height:300px;
	_height:300px;
	width: 385px;
	padding:9px;
	
}

.infoBox h2,
.infoBox h3{
	margin-top:0;
}



.infoBox.info{
	background-image: url(../imgs/infoBox_GirlMicrophone.jpg);

}
.infoBox.money,
.become_moneyplayer .infoBox{
	background-image: url(../imgs/infoBox_GuyMoney.jpg);	
}

.email_confirm .infoBox,
.become_moneyplayer #regPlayForReal.infoBox,
.warning_limited_features .infoBox,
#infoMailLimitedFeatures,
.isTv #regPlayForFun{
		width: auto;
		padding-right: 424px;
		float: none;
		display: block;
		_padding-right:409px;
}

.warning_limited_features #regPlayLimitedFeatures,
#infoMailLimitedFeatures,
.isTv #regPlayForFun{
	background-image: url(../imgs/infoBox_GirlGray.jpg);
	background-position: 500px bottom;
}
#regPlayLimitedFeatures ul{
	margin:0;
}
#regPlayLimitedFeatures li{
	background: none;
	float:left;
	margin:25px 0px 25px 50px;
}

#regPlayForReal,
#regPlayForFun, 
#regPlayLimitedFeatures{
	height: auto;
	min-height:0;
}
#infoMailLimitedFeatures{
	height:198px;
	min-height:198px;
}

#regTopGames{
	overflow:hidden;
	_zoom:1;
	clear: both;
}
.regTopGame{
	float:left;
	width:185px;
	margin: 0 10px;
	height: 165px;
	_display:inline;
	position: relative;
	overflow: hidden;
}	
.regTopGame .gameLogo{
	margin: 0 auto;
	float:none;
}
#regTopGames .more{
	text-align:right;
	clear:left;
	padding-top:20px;
	font-weight:bold;
	margin:0;
}


/********************************************************/

#playersOnline{
	position: absolute;
	right:10px;
	top:75px;
	font-size:11px;
	color: #fff;
}

#amountOfMoney{
	position: relative;
}
.isTv #currencyContainer{
	display:none;
}
#currencyContainer{
	position: absolute;
	left:0;
	top:20px;
	
	height:0;
overflow: hidden;
	
width: 250px;
}
#currency{
	border: 1px black solid;
	width: 228px;
	position: absolute;
	left:0;
	top:0;
background: #DEDEDE;
padding: 10px;
margin:0;
color: #000;
line-height: 16px;
}

#currencyContainer iframe{
	width: 100%;
	height: 100%;

	
}


#currency a{
	color:#000;
}
#currency .listTable{
	border:2px solid #cccccc;
	background:#fff;
	width:100%;

}
#currency .listTable td{
text-align: left;
}
#currency .listTable a{
	margin-left: 50px;
}

#printLink{
	position: absolute;
	right:30px;
	top:153px;
	font-size: 11px;
}
#printLink a{
	color: #000;

}
.print #printLink{
	top:30px;
}


.reflector{
	zoom:1;
}
/*************************************
 linda bei den formularen
*************************************/

.login #login,
#passRecover,
#register,
#moneyRegister{
	padding-right:300px;
	min-height:350px;
	_height:350px;
	background:url(../imgs/peopleLinda1.jpg) right top no-repeat;
}

#register,
#moneyRegister{
	background-position:right 170px;
	}
	
#securityQuestionTag{
	width:320px;
}
.trans_receive #register {
	background-position:right 0px;
	}
	
#content .signonHelpers{
		margin-left: 50px;
		line-height: 20px;
}



/***************** Linda-Box *******************/

#linda3 {
	background:transparent url(../imgs/peopleLinda3.jpg) no-repeat scroll right bottom;
	height:313px;
	position:absolute;
	right:35px;
	top:100px;
	width:262px;
}

.warning_ca_players #linda3,
.warning_us_players #linda3 {
	position:absolute;
	right:35px;
	top:30px;
	width:232px;
}
	
#usPlayers {
	padding-right:240px;
	height:275px;
	min-height:275px;
}



/******************** altes stargames logo im footer ************************/
.min #marke{
	display: none;
}
#marke{
	position:absolute;
	right:20px;
	bottom:57px;
	width:109px;
	height:50px;
	/*background:url(../imgs/stargames_marke.gif)*/
	background:url(../imgs/stargames_marke_new.gif);
}
#marke:hover{
	background-position: left bottom;
}
#footer .paymentIcons,
#footer .links{
	text-align:right;
	padding-right: 135px;
}

/*************************** social bookmarks ******************************/
#social {
	float:left;
	width:350px;
	margin:0 0 1em 0;
}

.help #social {
	margin:1em 0;
}
#social a {
	margin-right: 6px;
}

/*************************** neue welcome_after_register *******************/
.welcome_after_register h3 {
	margin:0 0 14px 0;
}
.welcome_after_register #main ul {
	text-align:right;
	margin:0;
}
.welcome_after_register ul li{
	list-style-type:none;
}
.welcome_after_register #voucher,
.welcome_after_register #playNow {
	margin:0;
	width:400px;
}
.welcome_after_register #playNow {

}
.welcome_after_register #voucher {
	margin-bottom:-64px;
	float:left;
	margin-left:420px;
	display:inline;	
}

.welcome_after_register #emailConfirmBox {
margin-bottom:1.5em;
}
.welcome_after_register #formOk {
	padding-bottom:14px;
	_padding-bottom:0;
	background-image:url(../imgs/infoBadge_tip.gif);
}

.confirmgtc #content {
	background-image:none;
	}
	
.confirmgtc #sideBar {
	display:none;
	}

.confirmgtc #main {
	margin-left:0;
	width:auto;
}
.confirmgtc.small {
	
}

.isNet #footer .paymentIcons {
	text-align:left;
	padding-left:20px;
}
.isNet #footer .paymentIcons a {
	margin-left: 10px;
}
#newsletterDescription{
	font-size:10px;
}

#jackpotSmall{
background:transparent;
	height:26px;
	position:absolute;
	right:0px;
	top:28px;
	width:210px;	
	z-index:2;
}
