@charset "utf-8";
/* CSS Document */
 {
margin: 0;
padding: 0;
} 
td, button {font-family:arial;font-size:12px;color:#006400;line-height:18px}
th {font-family:arial;font-size:8pt;color:#242424;}
a{font-family:arial;font-size:8pt;color:#006400;text-decoration:underline;}
input,select,button,textarea {font-family:arial;font-size:8pt;color:#242424;}
.klein {font-family:arial;font-size:10px;color:#006400;line-height:14px}
.kleinweiss {font-family:arial;font-size:11px;color:#E5E5E5;background-color:#E5E5E5;}
.big {font-family:arial;font-size:12pt;color:#FÜFFFÜ;}

#hilfscontainer {margin:0 auto; 
	 max-width:100%;background-color:#98FB98;}

header {background-image:url("https://www.peter-klass.eu/tippspiel/user/pic/kleinfussball.jpg") ;
    background-size: 100% 100%;
	max-width:100%; height:100px;
margin-top: 0 ;}

header p {
    background-color: orange;
    text-align: left;
    padding-left: 10%;max-width: 30%; margin-top: 0;}

body
{
 background-color:#006400;
 background-image:url(./pic/sw_h.gif);
 background-repeat:repeat-y;
 padding:0px;
 margin:0px;
}

/*	footer  */
#fuss {display:grid;
		grid-template-columns: repeat(1, 1fr);}

#tbfo {grid-column: 1 / spam 3; 
          background-color:#008000;
          height:10px;}

#efoo1 {grid-column: 1 / 2;background-color:#FFFFFF;
	    padding-left:6%;padding-right:2%;
        }

#efoo2 {grid-column: 2 / 3;background-color:#FFFFFF;
	    padding-left:2%;padding-right:6%;
        text-align:right; }
/*	Ende footer  */

/*	Begrüßung  */
#default {display: grid;
		grid-template-columns: repeat(1, 1fr);}

#login {background-color:#98FB98;        
	      color: #000000; padding-left:5%;	
                          padding-right:5%}

#loga {background-color:#98FB98;        
	      color: #000000; padding-left:15%;	
                          padding-right:25%} 

#discl {background-color: #d4e6cb;
                          padding: 3% 6% 3% 6%;}

#reg { max-width:100%;    padding-left:3%;	
                          padding-right:0%}

#forgotpwd { background-color:#98FB98;              
                          padding-left:6%;	
                          padding-right:6%}
/*	Übersicht  */
#help {display: grid;
		grid-template-columns: repeat(1, 1fr);}      

#ueberti {background-color:#98FB98;        
	      color: #000000; padding-left:5%;	
                          padding-right:5%}

#topten {                 padding-left:10%;	
                          padding-right:5%}

.top {border: gray solid 1px;
      padding-left: 0px;
	  border-spacing: 0px;
	  background-color:#FFFFFF;
      width:80%;}
/*  Tippseite           */

#tippundbltabelle {background-color:#98FB98;        
	      color: #000000; padding-left:10%;	
                          padding-right:10%}





/*	Bundesligatabellen  */
#bltabelle {display: grid;
		grid-template-columns: repeat(1, 1fr);}

#tabelle {background-color:#98FB98;        
	      color: #000000; padding-left:3%;	
                          padding-right:3%
                          }

#tabelle1 {background-color:#98FB98;        
	      color: #000000; padding-left:3%;	
                          padding-right:3%
                          }

#tabelle2 {background-color:#98FB98;        
	      color: #000000; padding-left:3%;	
                          padding-right:3%
                          }

#tabelle3 {background-color:#98FB98;        
	      color: #000000; padding-left:3%;	
                          padding-right:3%
                          }

/*	Ende Bundesligatabellen  */

/*	Tabelle der Tipper  */

#tipper {display:grid;
       grid-template-columns: repeat(1, 1fr);      
       background-color:#98FB98;
       color: #000000;}

#uebertipper {grid-column: 1 / span 3;
               padding-left:3%;	
               padding-right:12%;color:#006400;}

#usertabelle { padding-right:3%;
               padding-left:3%;}

#seitenwahl { padding-right:6%;
               padding-left:88%;text-align: center;}

/*	Ende Tabelle der Tipper  */


/*	Statistik  */

#stat {display: grid;
		grid-template-columns: repeat(1, 1fr);
                          padding-left:0%;
                          padding-right:0%;} 
#stat h5 {color:#006400; margin-top: 0;}
#ueber {color:#006400;   padding-left:6%;	
                         padding-right:6%;} 

#spieltagssieger {background-color:#98FB98;        
	      color: #000000; padding-left: 10%;
                          padding-right:10%;}
#punktespiele {background-color:#98FB98;        
	      color: #000000; padding-left: 10%;
                          padding-right:10%;}
                        
/*	Ende Statistik  */

/*	4-Punktespiele  */

#auswertungpunktespiele {display:grid;
                         grid-template-columns: repeat(1, 1fr);      
                         background-color:#98FB98; color: #000000;}

#ueberauswertung {grid-column: 1 / span 3;
                  padding-left:12%;	
                  padding-right:0%;color:#006400;}

#punktespieletabelle { padding-right:0%;
                       padding-left:0%;border:0; cellpadding:4; border-spacing: 0px;}

/*	Ende 4-Punktespiele  */

/*	Office  */

#useroffice {display:grid;
                 grid-template-columns: repeat(1, 1fr);
                       
                 background-color:#98FB98;
                 color: #000000;}

#ueberoffice {grid-column: 1 / span 3;
               padding-left:6%;	
               padding-right:0%;color:#006400;} 

#office {
               padding-left:6%;	
               padding-right:0%;color:#006400;} 


/*	Ende Office  */

/*	Ergebnisse  */

#ergtabelle {display: grid;
		grid-template-columns: repeat(1, 1fr);}

#ergstatistik {background-color:#98FB98;        
	      color: #000000; padding-left:10%;
                          padding-right:10%;}

#ergstatistik1 {background-color:#98FB98;        
	      color: #000000; padding-left:10%;
                          padding-right:10%}

.erg {
	border: gray solid 1px;
    padding: 0px;
	border-spacing: 0px;
	background-color:#FFFFFF;
    width:100%;	}

/*	Ruhmeshalle  */
#hall {display:grid;
       grid-template-columns: repeat(1, 1fr);      
       background-color:#98FB98;
       color: #000000;}

#ueberschrift {
               padding-left:6%;	
               padding-right:6%;color:#006400;}

#zeit1 { padding-right:6%;
               padding-left:6%;}
          

#zeit2 {padding-left:6%;
               padding-right:6%;}

#zeit3 { padding-right:6%;
               padding-left:6%;}
          

#zeit4 {padding-left:6%;
               padding-right:6%;}

#zeit5 { padding-right:6%;
               padding-left:6%;}
          

#zeit6 {padding-left:6%;
               padding-right:6%;}

#zeit7 { padding-right:6%;
               padding-left:6%;}
          

#zeit8 {padding-left:6%;
               padding-right:6%;}

#zeit9 { padding-right:6%;
               padding-left:6%;}          

#zeit10 {padding-left:6%;
               padding-right:6%;}

#zeit11 {padding-left:6%;
               padding-right:6%;}

#zeit12 {padding-left:6%;
               padding-right:6%;}

#zeit13 {padding-left:6%;
               padding-right:6%;}

#zeit14 {padding-left:6%;
               padding-right:6%;}

#zeit15 {padding-left:6%;
               padding-right:6%;}

#zeit16 {padding-left:6%;
               padding-right:6%;}

#zeit17 {padding-left:6%;
               padding-right:6%;}

#zeit18 {padding-left:6%;
               padding-right:6%;}

#zeit19 {padding-left:6%;
               padding-right:6%;}

#tendenz {display: grid;
		  grid-template-columns: repeat(1, 1fr);
                          padding-left:6%;
                          padding-right:6%} 

/*	Kreuztabelle */ 

#kreuz {display:grid;
       grid-template-columns: repeat(1, 1fr);      
       background-color:#98FB98;
       color: #000000;}

#uebertitel {
               padding-left:10%;	
               padding-right:10%;color:#006400;}

#kreuztabelle { padding-right:0%;
               padding-left:0%;}



/*	Ende Kreuztabelle */ 

/*	footer  */
#fuss {display:grid;
		grid-template-columns: repeat(1, 1fr);}

#tbfo {grid-column: 1 / spam 3; 
          background-color:#008000;
          height:10px;}

#efoo1 {grid-column: 1 / 2;background-color:#FFFFFF;
	    padding-left:6%;padding-right:2%;
        }

#efoo2 {grid-column: 2 / 3;background-color:#FFFFFF;
	    padding-left:2%;padding-right:6%;
        text-align:right; }
/*	Ende footer  */
article3 {display: grid;
		grid-template-columns: repeat(1, 1fr);}

section {background-color:#98FB98;        
	      color: #000000;	
          padding:2; }

section1 {background-color:#98FB98;        
	      color: #000000; 	
          padding:2%; }



article2 {display: grid;
		grid-template-columns: repeat(1, 1fr);}



section2 {background-color:#98FB98;        
	      color: #000000;
          	
          }


p {font-family:arial;font-size:12px;color:#006400;line-height:18px;margin-top: 0}

ul {font-family:arial;font-size:12px;color:#006400;line-height:18px}

a {text-decoration:none;}

.footer1
{
	 background-color:#008000;

}

.footer2
{
	 background-color:#FFFFFF;
     
     
}

body
{
 background-color:#006400;
 background-image:url(./pic/sw_h.gif);
 background-repeat:repeat-y;
 padding:0px;
 margin:0px;
}

.menuout
{
	font-family:arial;
	font-size:11px;
	color:#FFFFFF;
	background-color:gray; 
}

.head
{
	font-family:arial;
	font-size:11px;
	color:#FFFFFF;
	background-color:#008000;
}

.title
{
	color:white;
	border:1px solid white;
	background-color:#8A9A81;
}

.tablestyle
{
	border: gray solid 1px;
	padding: 0px;
	border-spacing: 0px;
}

.firstline
{
	background-color:whitesmoke;
}

.secondline
{
	background-color:gainsboro;
}

.error
{
	 color:white;
	 border:1px solid white;
	 background-color:#db1e1e;
}

/*
	spezielle styles für das menü
*/
.menufirstline
{
	background-color:whitesmoke;
}

.menusecondline
{
	background-color:DCDCDC;
}

.ttable
{
	background-color:#98FB98;
}
/*
	mini BL Table
*/
.minitable
{
	border: gray solid 1px;
	padding: 0px;
	border-spacing: 0px;
	background-color:#FFFFFF;
}

   
.halle
{
	border: white solid 1px;
    padding: 0px;
	border-spacing: 0px;
	background-color:#FFFFFF;
    width:80%;}

/*
	hier sind die styles für die statistiken
*/
.stathead
{
	border-bottom:2px solid gray;
}

.statdata
{
	background-color:#FFFFFF;
}

/*
	style für die toptenliste
*/
.topten
{
	background-color:#ffffff;
}