* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  word-wrap: break-word;
  }




 
body, seiten_container, menu_container, inhalt_container, mittellinie, inhalt, titelbild, menu {
width: 100%;
font-family: Verdana;
color: #ffffff;

 }

body {	background-color: #999999;
		

 }*/
 
 .seiten_container { 
 font-family: Verdana;
 width: 80%;
		padding: 0px;
		background-color: #ffffff;
		border-width: 0px;
		border-style: solid;
		border-color: #000000;
		color: #ffffff; }


 .text_rank { 
color: #ffffff;
  padding: 2px; 
 font-family: Verdana;
 font-size:1.0em;
  }


.h1 {

  color: #ffffff;
  padding: 0px; 
 font-family: Verdana;
 font-size: 1.1em;
 }
.h2 {

  color: #ff0000;
  padding: 0px; 
 font-family: Verdana;
 font-size: 0.9em;
 }									

.titelbild { height:180px;
background-repeat: no-repeat;
       background-color:#2f7282;
		margin: auto;
		padding: 0;
		background-image: url(designs/bandy5.jpg);
		border-width: 1px;
		border-bottom-style: solid;
		border-color: #000000; 
	 }
						
#administrationbild { height: 180px;
		margin: 0;
		padding: 0;
		background-image: url(designs/maintitle.png);
		border-width: 0px;
		border-bottom-style: solid;
		border-color: #000000; }
															
.menu {	padding: 2px;

width:100%;
background-image: linear-gradient(45deg, #81200d 5%, #ce522e 40%, #ecd680 80%);

font-family: Verdana;
color: #ffffff;
}
						
.menu a { color: #ffffff;
          text-decoration: none;
		  
          transition: 0.5s;
          display: inline-block;
}
.menu a:visited {  
       color: #ffffff;
       text-decoration: none; }
.menu a:hover {
        color: #ffffff;
        font-family: Verdana;
        font-size: 1.0em; }
 
					
						
	
.menu table { border: 5;
		padding-left: 2px; 
		 font-family: Verdana;
 font-size: 0.5em;
 color: #ffffff; }	
						
.menu ul { list-style-type: none ;
		padding: 0 0 0 25px;
		margin: 0; }

.menu li a { 
           line-height: 40%;
           padding: 10px 2px;
}

#menu li {	margin: 0;
		    padding: 0 0 50px 0; }


	
.inhalt_container { padding: 20px;
                    background-color: #9ea0a4;
                    font-family: Verdana;
                     font-size: 0.9em; 
					 color: #000000;
				   }	


	
.mittellinie {padding: 20px;
 font-size: 0.9em;
background-color: #9ea0a4;//mobil oben inhalt
color: #ffffff;
 font-family: Verdana;

 } 
 
 
 
  
  
 .top {padding: 20px;

background-color: #9ea0a4;
 font-family: Verdana;
 color: #ffffff;
 } 
 
 
 .willkommen { 
  
 padding: 0px;
 font-family: Verdana;
 font-size: 0.8em;
 color:#c33d18;
 float:left;
 width:40%;


 }
 .sponline { 
   width:50%;
  padding:0px;
background-color: #9ea0a4;
 font-family: Verdana;
 font-size: 0.9em;
 float:left;




 }
  .logout {
  color: #666666;
  padding: 0px; 
 font-family: Verdana;
 font-size: 1.6em;
 float: right;
 width:50%;
 margin:-27px 2px;
 

 }

  .uhrzeit {
   padding: 2px;  
 font-family: Verdana;
 font-size: 1.2em;
 float:left;
 width:50%;
 display:table-cell;
 }
  
  .text_inhalt {
color: #ffffff;
  padding: 20px; 
 font-family: Verdana;
 font-size: 0.9em;
 

 

 }

  .tipptext {
  color: #666666;
  padding: 0px; 
 font-family: Verdana;
 font-size: 1.2em;
 }
 
 .lcodes {
  color: #666666;
  padding: 0px; 
 font-family: Verdana;
 font-size: 0.5em;
 }


 .tipptext1 { 
  background-color: #52b65e;
 padding: 0px;
 font-family: Verdana;
 font-size: 0.9em;
 color:#9e0312;
 float:left;
 width:80%;
display:table-cell;

 }


  .tipptext_count {
  background-color: #9ea0a4;
  color: #ffffff;
  padding: 5px; 
 font-family: Verdana;
 font-size: 1.8em;
  
 }
 
   .tipptext_count_oben {
   background-color: #9ea0a4;
  color: #ffffff;
  padding: 0px; 
 font-family: Verdana;
 font-size: 0.9em; 
 
 }
 
 
 

.mittellinie a { margin-left: 0px;
 font-family: Verdana;
 font-size: 0.6em; 
		margin-right: 0px;
		margin-bottom: 0px;
		text-align: left;
		border-style: double;
		border-width: 0px;
		padding: 0px;
		text-decoration: none;
		border-color: white }
		
.mittellinie a:link { color: #000000; }
.mittellinie a:visited { color: #000000; }
.mittellinie a:hover { color: #000000}
.mittellinie a:active { color: #ff0000; }

.inhalt {padding: 20px;
background-color: #9ea0a4;
font-size: 1.2em;
font-family: ABeeZee;
 }
		
.inhalt a:link { color: #583ff3;
		font-size: 1.2em;
		text-decoration: none; }
.inhalt a:visited { color: #000000;
		font-size: 1.2em;
		text-decoration: none; }
.inhalt a:hover { color: #583ff3;
		font-size: 1.2em;
		text-decoration: underline; }
.inhalt a:active { color: #583ff3;
		font-size: 1.2em;
		text-decoration: none; }
		
		
		.button {
  background-color: #ff0000;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;}
		
		
		

 .inhalt h1 { 

color: #ffffff;
  font-weight: normal;
  padding: px;  
 font-family: verdana;
 font-size:1.1em;
 float:left;
   }


table, th, td {
color: #ff0000;
 
  padding: 1px;  
 font-family: verdana;
 font-size:0.9em;

  border: 0px solid #ffffff;
}


						
.inhalt h2 {font-family: Verdana;
font-size: 0.9em;
  font-weight: normal;
  margin-bottom: 3em;
  text-align: left;
  color: #000000;
  padding:  15px;
    }	

.inhalt table { border: 0; 
font-size:0.8em;
line-height: 20px; }
						
.inhalt td.tableHeader { font-size: 0.7em; 
		font-weight: bold;
		border: 0px solid #ffffff;
		   text-align: center; 
		}
						
.inhalt td.tableHeaderLine { height: 1px;
		background-color: #666666;
}

.inhalt ul { list-style-type: none;
		padding: 0 0 0 25px;
		margin: 20;
		margin-left: 15px; }

.inhalt li {  
  padding:0px;

 font-family: Verdana;
 font-size: 0.7em;
 float:left; }

.inhalt li span { 
  padding:0px;
background-color: aquamarine;
 font-family: Verdana;
 font-size: 0.7em;
  }

.inhalt a { 
        
		text-decoration: none;
		padding:0px;
		background-color:  ;
		font-family: ABeeZee;
		font-size: 0.7em;
		 }

.fusszeile {
  background-color: #9ea0a4;
  color: #ffffff;
  font-family: Verdana;
margin: auto;
  text-align: right;
  font-size: 0.9em;
  padding: 2px;
}
		
.fusszeile a { text-decoration: none; }						
.fusszeile a:link { color: #000000; }
.fusszeile a:visited { color: #000000; }
.fusszeile a:hover { color: #8C88C9; }
.fusszeile a:active { color: #8C88C9; }



/* css für PC */
@media only screen 
and (min-device-width :992px) 
  { 
 .seiten_container {
width: 60%;
margin: auto;
 font-family: Verdana;

		padding: 0px;
		background-color: #ffffff;
		border-width: 0px;
		border-style: solid;
		border-color: #000000; }
	
.inhalt_container { padding: 0px;
                    background-color: #9ea0a4;
                    font-family: Verdana;
                     font-size: 0.7em; 
					 color: #ffffff;
				   }	


.h1 {

  color: #ffffff;
  padding: 0px; 
 font-family: Verdana;
 font-size: 1.2em;
 }

.h2 {

  color: #000000;
  padding: 0px; 
 font-family: Verdana;
 font-size: 0.9em;
 }


	

	
		 .text_rank { 
color: #ffffff;
  padding: 5px; 
 font-family: Verdana;
 font-size: 30px;
  }
	
		
.titelbild { height: 180px;
background-repeat: no-repeat;
        width:100%;
		margin: 0;
		padding: 0;
		background-image: url(designs/titelbild09.jpg);
		border-width: 0px;
		border-bottom-style: solid;
		border-color: #000000; }		
		.inhalt {padding: 25px;
background-color: #9ea0a4;
font-size: 1.1em;
 }
		
	
	
			.inhalt_login {padding: 25px;
background-color: #9ea0a4;//PC Inhalt
font-size: 1.5em;
color: #000000;
padding: 25px;
 }
	
		
			
table, th, td {
color: #000000;
 
  padding: 2px;  
 font-family: Verdana;
 font-size: 0.9em;

  border: 0px solid #ffffff;}
  
 .fusszeile {
  background-color: #9ea0a4;
  color: #ffffff;
  font-family: Verdana;
margin: auto;

  text-align: right;
  font-size: 0.9em;
  padding: 2px;
}



  .uhrzeit {
   padding: 2px;  
 font-family: Verdana;
 font-size: 1.2em;
 float:left;
 width:50%;
 display:table-cell;
 }

 .willkommen { 
  
 padding: 0px;
 font-family: Verdana;
 font-size: 1.2em;
 color:#c33d18;
 float:left;
 width:40%;
display:table-cell;

 }
 
 
 
 
   .logout {
  color:red;
  padding: 0px; 
 font-family: Verdana;
 font-size: 1.2em;
 float:right;
 width:50%;
 margin:-20px 2px;

 }
 


.inhalt a { 
        
		text-decoration: none;
		padding:0px;
		background-color: ;
		font-family: ABeeZee;
		font-size: 0.9em;
		 }



 .inhalt h1 { 

color: #ffffff;
  font-weight: normal;
  padding: px;  
 font-family: verdana;
 font-size: 0.9em;
 float:left;
   }


.mittellinie {padding: 20px;
 font-size: 0.9em; 
background-color: #9ea0a4;// pc oben_inhalt
 font-family: Verdana;
 } 
 


.mittellinie a { margin-left: 0px;
 font-family: Verdana;
 font-size: 0.9em; 
		margin-right: 0px;
		margin-bottom: 0px;
		text-align: left;
		border-style: double;
		border-width: 0px;
		padding: 0px;
		text-decoration: none;
		border-color: white }



  
}






-right: 0px;
		margin-bottom: 0px;
		text-align: left;
		border-style: double;
		border-width: 0px;
		padding: 0px;
		text-decoration: none;
		border-color: white }



  
}



 .lcodes {
  color: #666666;
  padding: 0px; 
 font-family: Verdana;
 font-size: 0,5px;
 }








 
/* css für Tablett */
@media only screen 
and (max-device-width :480px) 
  { 
 
 
  .seiten_container {
width: 100%;
margin: auto;
 font-family: Verdana;
font-size:1.0em; 
		padding: 0px;
		background-color: #ffffff;
		border-width: 0px;
		border-style: solid;
		border-color: #000000; }
 
  .lcodes {
  color: #666666;
  padding: 0px; 
 font-family: Verdana;
 font-size: 0.5em;
 }
 
 
.inhalt {padding: 0px;
background-color: #9ea0a4;
font-family: Verdana;
		font-size: 1.0em;

 }
 
.titelbild { height: 180px;
background-repeat: no-repeat;
        width:100%;
		margin: 0;
		padding: 0;
		background-image: url(designs/titelbild09.jpg);
		border-width: 0px;
		border-bottom-style: solid;
		border-color: #000000; }		
		.inhalt {padding: 25px;
background-color: #c3bdbd;
font-size: 1.0em;
 }
	


 }
 
 
 
 .inhalt a { 
        
		text-decoration: none;
		padding:0px;
		background-color: ;
		font-family: ABeeZee;
		font-size: 1.3em;
		line-height: 40px;
		 }
 
		
.inhalt a:link { color: #c33d18;
		font-size: 1.3em;
		text-decoration: none; }
.inhalt a:visited { color: #c33d18;
		font-size: 1.3em;
		text-decoration: none; }
.inhalt a:hover { color: #c33d18;
		font-size: 1.3em;
		text-decoration: underline; }
.inhalt a:active { color: #00ffff;
		font-size: 1.3em;
		text-decoration: none; }


  .tipptext {
  color: #ffffff;
  padding: 0px; 
 font-family: Verdana;
 font-size: 0.6em;
 float:left;

 

 }




	 .text_rank { 
color: #ffffff;
  padding: 2px; 
 font-family: Verdana;
 font-size: 0.9em;
  }


table, th, td {
color: #000000;
padding: 1px;  
font-family: Verdana;
font-size: 1.0em;
border: 0px solid #ffffff;
  
}

  
}

/* css für Smartphone */
@media only screen and (min-width:300px) and (max-width:300px) {
 .titelbild { height: 180px;
background-repeat: no-repeat;
        width:100%;
		margin: 0;
		padding: 0;
		background-image: url(designs/bandy5.jpg);
		border-width: 0px;
		border-bottom-style: solid;
		border-color: #000000; }		
		.inhalt {padding: 25px;
background-color: #c3bdbd;
font-size: 1.1em;
 }
}

/*#trendplus img { border-style: solid none none none;
		border-color: #ff0000;
		border-width: 3px;
		width: 5px; }	
						
#trendminus img { border-style: solid none none none;
		border-color: #FF0000;
		border-width: 3px;
		width: 5px; }	
						
#trendneutral img {	border-style: solid none none none;
		border-color: #000000;
		border-width: 3px;
		width: 5px; }  /*