{
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */

}

.body{
font-size: 12px;
line-height: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


h1 {
    font-size:24px;
    font-weight:normal;
    margin:0px;
    overflow:visible;
    padding:0px;
    text-align:center;
}

.event {
    border-radius:4px;
    -webkit-border-radius:4px;
    color:#FFFFFF;
    font-size:12px;
    margin:0px 30px;
    padding:2px 0px;
}

.event.listening {
    background-color:#333333;
    display:block;
}

.event.received {
    background-color:#4B946A;
    display:none;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
.blink {
    animation:fade 4000ms infinite;
    -webkit-animation:fade 4000ms infinite;
}

.ueberschrift_text
{
  font-weight:normal;
    font-size:17px;
	color: black;   	
	left:20px;
	top:0px;
	position:absolute;
	text-align:left;

	
}

.ueberschrift_logo img
{
	top:10px;
    height:100px;
	text-align:right;
	position:absolute;
	left:325px;
}
.ueberschrift
{
  padding-top:1px;
    height:20px;
	
}

.view
{
   padding:10px 20px 5px 20px;
   font-size: 12px;

font-family: Verdana, Arial, Helvetica, sans-serif;
    
}


.ui-link
{
   
   padding:3px;
    font-size:18px;
     color:red;
	font-style:bold;
}

.home_network_button
{
   
padding:3px;
font-size:18px;
color:red;
font-style:bold;
}



.weiterbutton{

	
	color:red;
	text-align:center;	
	

}

/* ************LOADING SCREEN********** */

.startscreen{
	 position:absolute;
    width:90%;
    bottom:30px;    
    text-align: center;
	
    font:bold 11px Arial, Helvetica, sans-serif;

 }
 .startscreen_loading{
	 position:absolute;
    width:90%;
    bottom:5px;    
    text-align: center;
	 
    font:bold 11px Arial, Helvetica, sans-serif;

 }

 


/* ************Startscreen konfiguration********** */

.splashdialog
{

   color:white;
    
}

.your-tweets
{

color:white;
min-height:100px;
padding:2px 10px 2px 10px;

}


.spiel_text_noinfo{
padding:2px 10px 2px 10px;
min-height:100px;
}


.splash
{	
    background: url(img/AB_SCHILD.png) no-repeat center center;  
	height:150px;	
	padding-top:2px;
}

.splash img {
	 animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite; 
}

.start_button{

	
	padding:10px 10px 0px 10px;
	text-align:center;	
	

}
.info_button{

	
	padding:3px 10px 0px 10px;
	text-align:center;	
	

}
.daten_back_button{

	

	text-align:center;	
	

}

.ui-header {
      width: 100%;
      max-width: 100%;
      height: auto;
}





/* ************Spiel konfiguration********** */
 .spielclass {


 
}

.spiel
{

   color:white;
 
  
}

.spiel_text{

 padding:0px 10px 10px 10px;
 
}

.news_text{

 padding:5px 10px 0px 10px;
 
}
hr {
 
 
    border: 0;
    height: 4px;
    background: #f00;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,hsla(0,0%,0%,0)), color-stop(50%,hsla(0,0%,0%,.75)), color-stop(100%,hsla(0,0%,0%,0)));
    background: -webkit-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:    -moz-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:     -ms-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:      -o-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:         linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
  
}

.spiel_text_info{
 min-height:100px;
 padding:0px 10px 0px 10px;
 
}

.danke_text{

height:150px;
 padding:0px 10px 0px 10px;
 font-size:14px;
}

.spiel_check{

text-align:center;
 
}
.checkboxspiel{

text-align:center;
 
}

.spiel_button{
	
	
	text-align:center;	


}




/* ************OFFLINE konfiguration********** */





.splash_offline {

	background: url(img/AB_SCHILD.png) no-repeat center center;  
	height:170px;	
	padding-top:5px;
  

}

 .offline_dialog {

 min-height:40px;
 padding:5px 10px 5px 10px;

}



.offline_button{
 
	margin:15px 0px 15px 0px;  
	
}




/* ************APP wird gesatartet********** */

#content { 
	width:100%; /* Full Width */
	height:5px;
	bottom:10px;
	position:absolute;
	margin:50px auto; 
	background:#000;
}

.expand { 
	width:100%;
	height:1px; 
	margin:2px 0; 
	background:#d81212; 
	position:absolute;
	box-shadow:0px 0px 10px 1px rgba(0,198,255,0.7);
        -moz-animation:fullexpand 20s ease-out;
	-webkit-animation:fullexpand 20s ease-out;
}

#content_global{ 
	
	bottom:80px;
	width:100%;
	text-align:center;
	position:absolute;
	
	


	

}


/* Full Width Animation Bar */
@-moz-keyframes fullexpand {
	0%  { width:0px;}
	100%{ width:100%;}	
}

@-webkit-keyframes fullexpand {
	0%  { width:0px;}
	100%{ width:100%;}	
}


.center
{

position:absolute !important;
top:50%;
left:50%

}

.container {

    position:relative;
	padding-top:15px;
    padding-left:0px;
	padding-bottom:3px;
    padding-right:46px;
}

.container .left-panel {
    width: 0px;
    position:absolute;
    left:0px;
    top:0px;
}

.container .right-panel {
    width: 50px;
	padding-top:35px;
    position:absolute;
    right:0px;
	text-align:right;
    top:0px;
}

.container .center-panel {
    background: url('mymiddleimage');
}





#home img{
	width:100%;
}

.thumbnail{
	padding:5px;
	height:150px;
}

#gallery img{
	height:100%;
}

.ui-dialog-contain {
width: 92.5%;
max-width: 1000px;
max-height: 1000px;
margin: 5% auto 5px auto;
padding: 0;
position: relative;
top: -15px;
}

.map {
width:100%;
height:100%;
}

.conten_map {
padding: 0px;
height: 500px;
}

.ui-btn-corner-all {
    -moz-border-radius:                 1em /*{global-radii-buttons}*/;
    -webkit-border-radius:              1em /*{global-radii-buttons}*/;
    border-radius:                      1px /*{global-radii-buttons}*/;
}



.ui-corner-all {
    -moz-border-radius:                 1em /*{global-radii-buttons}*/;
    -webkit-border-radius:              1em /*{global-radii-buttons}*/;
    border-radius:                      1px /*{global-radii-buttons}*/;
}

.ui-input-text
{
   height:30px;
}

.ui-body-d
{
   height:30px;
}