body,html{
	margin: 0px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	max-width:800px;
	max-height:1280px;
}
body {
	background-color:#FFF;
	max-width:800px;
	max-height:1280px;
	max-width:800px;
	max-height:1280px;
	}
/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/* Pages Properties   */

#headerlogo{
	width:22%;
	margin-left:40%;
	margin-bottom:6%;
	margin-top:2%;
	vertical-align:middle;	
}
#headerbg{
	background-color:#FFF;
	width:100%;
}

#page {
	vertical-align:middle;
}

#footerbg{
	background-color:#FFF;
	width:100%;
	margin-top:12%;
}

#footer {	
	margin: 0 auto;
	text-align:center;
}
#logo{
	width:50%;
	}
/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/*  Page Splashscreen   */
#splashBox{
	margin: 0 auto;
}

#centerSplash{
	margin-left: auto;
	margin-right: auto;
}

#splashImage {
	margin-left: auto;
	margin-right: auto;
    display: table;
    vertical-align: middle;
	max-width:800px;
	max-height:1280px;
}  



/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/*  Advertice Splashscreen   */
#aCenter{
	margin: 0 auto;
}
#aSplash{
	margin-left: auto;
	margin-right: auto;
}

#aImage {
	margin-left: auto;
	margin-right: auto;
	max-width:100%;
    display: table;
    vertical-align: middle;
}  
#aTimerCenter{
	max-width:100%;
	width:85%;
	min-width:100%;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	font-weight:bold;
	margin-top: 20px;
	margin-bottom: 5px;
}

/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/*  Page Menü   */

.btn_menu{
	border-radius: 10px;
	border:1px solid #5691BE;
	width:85%;
	height:auto;	
	font-size:auto;
	margin: 0 auto;
	margin-bottom: 20px;
	padding-top:3%;
	padding-bottom:3%;
	background-color:#FFF;
	text-align:center;
	-moz-border-radius: 10px;
	overflow:hidden;
	-webkit-border-radius: 10px;
}

/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/*  Page Game   */

#gamescreen{
	background-color:#ACC91F;	
	
	padding:5%;	
}

#score_and_joker_box{
margin-left:auto;
margin-right:auto;
}

#scorebox{
	width:30%;
}
#scorecenter{
	width:50%;
	min-height:70px;
	height:70px;
    display: table-cell;
    vertical-align: middle;
}
#jokercenter{
	min-height:70px;
	height:70px;
    display: table-cell;
    vertical-align: middle;
}
#jokerbox{
	width:70%;
	float:right;
	/*background-color:#F0F;*/
}

#jokerposition{
	float:right;
}

#scoreposition{
	/*
	margin-right:5%;    
	float: right;
	*/
}

.joker{
	float:right;
	min-height:47px;
	height:47x;
	
}

#score{
	color:#FFF;
	min-height:47x;
	height:47x;
	font-size:auto;
	font-weight:bold;
	text-align:left;
	margin: 0 auto;
	padding:5%;
}

/******************************************************************************************/
/*  Question   */
#questionBox{	
	margin: 0 auto;
}
#questioncenter{
	min-height:60px;
	height:60px;
	max-height:60px;
	
	margin: 0 auto;
	background-color:#FFF;
	
	border-radius: 10px;
	border:1px solid #666;
	color:#000;
	padding-left:5%;
	-moz-border-radius: 10px;
	overflow:hidden;
	-webkit-border-radius: 10px;
	}

/******************************************************************************************/
/*  Answeres   */
.answerContainer {	
	margin: 0 auto;
	margin-top:1%;
	
}

.answercenter{
	min-height:80px;
	height:80px;	
	max-height:80px;
}

.answerP{
	margin-left: auto;
	margin-right: auto;
	color:#000;
	width:100%;
	display: table;
	vertical-align: middle;
}


/******************************************************************************************/
/*  Answer blocks   */
.answerBlock_left {	
	width:45%;
	min-width:45%;
	max-width:45%;
	min-height:90px;
	height:90px;	
	max-height:90px;
	padding-right:2%;
	padding-left:2%;
	background-color:#FFF;
	border-radius: 10px;
	border:1px solid #666;
	-moz-border-radius: 10px;
	overflow:hidden;
	-webkit-border-radius: 10px;
}
.answerBlock_right {	
	width:45%;
	min-width:45%;
	max-width:45%;
	min-height:90px;
	height:90px;	
	max-height:90px;
	padding-right:2%;
	padding-left:2%;
	float: right;
	background-color:#FFF;
	border-radius: 10px;
	border:1px solid #666;
	-moz-border-radius: 10px;
	overflow:hidden;
	-webkit-border-radius: 10px;
}
 #answerA{
	text-align:center;
 }
  #answerB{
	text-align:center;
 }
  #answerC{
	text-align:center;
 }
  #answerD{
	text-align:center;
 }

/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/*  Page Highscore   */

#highscore_header{
	font-size:16px;
	width:100%;
	text-align:center;
	margin-right: 150px;
	color:#000;
}

#highscore_list{

	margin-left: auto;
	margin-right: auto;
	
	width:95%;
	height:auto;	
	
	margin-bottom:2%;
	
	border-radius: 10px;
	border:1px solid #666;
	-moz-border-radius: 10px;
	overflow:hidden;
	-webkit-border-radius: 10px;
	background-color:#ACC91F; 
}

#highscore_entries{
	margin-left: auto;
	margin-right: auto;
	
	height:262px;		
	
	margin-bottom:5%;
	
	font-size:auto;
	color:#000;
	text-align:center;
}
#highscore_entry_box{
	margin-left: auto;
	margin-right: auto;
	
	height:auto;	
	
	font-size:auto;
	margin-left: auto;
	margin-right: auto;
	color:#000;
	text-align:center;

}
#highscore_entry_place{
	
	width:20%;
	float:left;
	/*
	background-color:#F00; 
	*/
}
#highscore_entry_name{
	width:60%;
	float:left;
	/*
	background-color:#0F0; 
	*/

}

#highscore_entry_score{
	width:20%;
	float:left;
	
	/*
	background-color:#0FF; 
	*/
}


#btn_highscore_to_main{
	width:95%;
	height:auto;	
	font-size:auto;
	margin: 0 auto;
	padding-top:3%;
	padding-bottom:3%;
	color:#000;
	text-align:center;
	
	border-radius: 10px;
	border:1px solid #666;
	-moz-border-radius: 10px;
	overflow:hidden;
	-webkit-border-radius: 10px;
	background-color:#F0F0F0; 
	
	margin-bottom:5%;
}

#highscore_scroll_pages{	
	height:1px;	
	width:100%;
	height:80px;
	
	color:#000;
	
	margin: 0 auto;
	margin-left:0%;
	margin-left:5%;
	
/*
	background-color:#F0F; 
*/
}

.highscore_scroll_button{
	float:left;
	font-size:auto;
	width:20%;
	
	margin-left:1%;
	margin-right:1%;
	
	border-radius: 10px;
	border:1px solid #666;
	-moz-border-radius: 10px;
	overflow:hidden;
	-webkit-border-radius: 10px;
	background-color:#FFF; 
}

/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/*  Page add_highscore AND added_highscore   */

.hs_head {
	color:#000;
	width:85%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	font-size:26px;
	margin-top:10%;
	
}

.hs_points {
	color:#000;
	width:85%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	font-size:36px;
	margin-top:0px;

}

#hs_saveText {
	height:auto;
	width:85%;
	text-align:center;
	min-height:30px;
	color:#000;
	font-size:22px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom:10px;
}

.hs_spalte { 
	color:#000;
	text-align:left; 
	
	width:85%;
	margin-top:1%;
	margin-right:auto;
	margin-left:auto;
	
	
} 
#hs_newsletter { 
	color:#000;
	text-align:left; 
	
	width:85%;
	margin-top:3%;
	margin-right:auto;
	margin-left:auto;
	
	font-size:16px;
	
} 

#hs_nickname {
	color:#000;
	width:35%;
	float:left;
	font-size:22px;
}

#i_nickname{
	width:62%;
	float:left;
}


#centerInput{
	margin-left: auto;
	margin-right: auto;
    margin-bottom:20px;
}

#hs_email {
	color:#000;
	width:35%;
	float:left;
	font-size:22px;
}

#i_email{
	width:62%;
	float:left;
}

/******************************************************************************************/
/*  Add Highscore specific*/

.btn_highscore_big{
	border-radius: 10px;
	border:1px solid #666;
	width:85%;
	height:auto;
	padding:5px;
	padding-top:10px;
	padding-bottom:10px;
	color:#000;
	text-align:center;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top:5%;
	-moz-border-radius: 10px;
	overflow:hidden;
	-webkit-border-radius: 10px;
}

.btn_highscore_small{
	border-radius: 10px;
	border:1px solid #666;
	width:85%;
	height:auto;
	padding:5px;
	color:#000;
	text-align:center;
	margin: 0 auto;
	margin-bottom: 10px;
	-moz-border-radius: 10px;
	overflow:hidden;
	-webkit-border-radius: 10px;
}

/******************************************************************************************/
/*  Added Highscore specific*/

#hs_rank {
	color:#000;
	text-align:center;
	font-size:26px;
	margin-top:20px;
}

#hs_best_rank {
	color:#000;
	text-align:center;
	font-size:26px;
	margin-top:20px;
	margin-bottom:30px;
}
/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/*  Page Bundesländer   */

.btn_bundesland{
	border:1px solid #666;
	width:288px;
	height:auto;
	padding:5px;
	color:#000;
	text-align:left;
	margin: 0 auto;
	overflow:hidden;
}


/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/*  Page Info   */

.btn_info{
	border-radius: 10px;
	border:2px solid #666;
	width:85%;
	height:auto;
	padding:5px;
	padding-top:10px;
	padding-bottom:10px;
	color:#000;
	text-align:center;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top:3%;
	margin-bottom:3%;
	-moz-border-radius: 10px;
	overflow:hidden;
	-webkit-border-radius: 10px;
}

#infoBox{
	margin: 0 auto;
}

#centerInfo{
	margin-left: auto;
	margin-right: auto;
}

#infoImage {
	margin-left: auto;
	margin-right: auto;
    display: table;
    vertical-align: middle;
	max-width:800px;
	max-height:1280px;
}  
/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/*  Set Page Visibility   */

#game {
	display:none;
}
#highscore {
	display:none;
}
#add_highscore {
	display:none;
}
#added_highscore {
	display:none;
}
#info {
	display:none;
}
#bundeslaender {
	display:none;
}
#menu {
	display:none;
}
#headerbox{
	display:none;
}
#footerbox{
	display:none;
}
#aBox{
	display: none;
}

#dexAlert{
	display: none;
}

/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/*  END OF FILE
/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/
/******************************************************************************************************************************************************************/