@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:9pt;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Ü;}

body
{
 background-color:#006400;
 
 margin:0 auto;
}
/*	header  */
header {background-image:url(https://www.peter-klass.eu/tippspiel/user/pic/fussball.jpg);
    
	max-width:100%; height:100px;}
header p {
    background-color: orange;
    text-align: left;
    padding-left: 10%;max-width: 30%;margin-top: 0;}
/*	Ende header */



#hilfscontainer {margin:0 auto; border: 2px solid gray;
	 max-width:800px;background-color:#98FB98;}

/*	Begrüßung  */

#default {display: grid;
		grid-template-columns: repeat(2, 1fr);
        grid-template-columns: 78% 22%;}

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

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

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

#reg {padding-left:25%;	
                          padding-right:10%}

#forgotpwd {}

/*	Ende Begrüßung  */

/*	Übersicht  */

#help {display: grid;
		grid-template-columns: repeat(2, 1fr);
        grid-template-columns: 72% 28%;}

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

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

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

/*  Tippseite           */

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



/*	Bundesligatabellen  */
#bltabelle {display: grid;
		grid-template-columns: repeat(2, 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:6%;	
               padding-right:9%;color:#006400;}

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

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

/*	Ende Tabelle der Tipper  */

/*	Statistik  */

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

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

#spieltagssieger {background-color:#98FB98;        
	      color: #000000; padding-right:6%;}

#punktespiele {background-color:#98FB98;        
	      color: #000000; padding-left:6%;}

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

/*	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:6%;	
                  padding-right:6%;color:#006400;}

#punktespieletabelle { padding-right:6%;
                       padding-left:6%;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:10%;color:#006400;} 


/*	Ende Office  */

#tippen {display: grid;
		grid-template-columns: repeat(2, 1fr);
        grid-template-columns: 65% 35%;} 
      
#tip {background-color:#98FB98;        
	      color: #000000;padding-left:4%;}

/*	Ergebnisse  */

#ergtabelle {display: grid;
		grid-template-columns: repeat(2, 1fr);background-color:#98FB98;
                          padding-left:10%;
                          padding-right:10%}

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

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

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

/*	hallfame */

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

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

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

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

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

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

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

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

#zeit7 {padding-left:6%;
               padding-right: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%;}

/*	Ende hallfame */  

/*	Kreuztabelle */ 

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

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

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



/*	Ende Kreuztabelle */ 

/*	Tendenzen */  

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

#quote {background-color:#98FB98;        
	      color: #000000; padding-left:0%;
                          padding-right:0%}

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



/*	Ende Tendenzen */ 
       
/*	footer  */
#fuss {display:grid;
		grid-template-columns: repeat(2, 1fr); 
         }
#tbfo {grid-column: 1 / spam 3; 
          background-color:#008000;
          height:10px;}

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

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


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

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


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;font-size:9pt;}









.menuout
{
	font-family:arial;
	font-size:11px;
	color:#FFFFFF;
	background-color:gray; text-align:center; 
    padding-left: 1px;  
   }


.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 für hallfame,
*/
.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:100%;	}



/*
	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;
}