body
{
    width: 100%;
	/*  background-image: url(http://www.hummel.net/images/background-image-default.jpg);   */
        background-image: url(../img/bg_img_small.jpg);
	background-size: 100%;
	background-color: rgba(204,255,204, 0.5);
	font-family:Helvetica, Arial, sans-serif;
	font-size: 85%;
	background-attachment: fixed;
}


hr {
	display: none;
}

table {
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right:1px;
}

.header {
	background: #ffffff;
}


.loginTab
{   border-collapse: collapse;  }

td.text_label
{   text-align: right;  }

td.input_field
{   text-align: left;  }

td.login_btn
{   
    border-bottom: 1px solid #000;  
    text-align: center;
    height: 150%;
}


.headTab
{
    display: table;
    border: none;
    border-collapse: collapse;
    text-align: center;
    font-size: larger;
    width: 70%; 
}


.headTabUsrNam
{
    text-align: left;
    width: 30%;
}

.headTabCtrLnk
{
    text-align: center;
    width: 30%;
}

.headTabLogoutLnk
{
    text-align: right;
    width: 30%;    
}

.headTabSULnk, .activeCheck
{
    text-align: center;
}

.centerDiv
{
    width:  100%;
    
    min-height: 98%;
    margin: auto;
}

.newUserForm
{
    margin: 0 auto;  
}

.verifyNewUserTab
{
    border: 1px solid #040;
    border-collapse: collapse; 
    background-color: violet;
}

.jokerTippTab
{
    border: 1px solid #040;
    border-collapse: collapse; 
}

.jokerTippTH
{
    text-align: center;
    font-size: larger;
	background: #ffffff;
}

.jokerTippHead
{
    text-align: center;
    font-size: larger;
}

.jokerTippBody
{
    text-align: center;
    background-color: #ffffff;
}


 tr .goldClass
{
   	 background: -webkit-linear-gradient( right, #ffffff, #FFFF00); 
 	 background: -o-linear-gradient(left, #ffffff, #FFFF00); 
 	 background: -moz-linear-gradient(left, #ffffff, #FFFF00); 
 	 background: linear-gradient(to left, #ffffff, #FFFF00); 
}

.silverClass
{
    background: -webkit-linear-gradient( right, #ffffff, silver); 
 	 background: -o-linear-gradient(left, #ffffff, silver); 
 	 background: -moz-linear-gradient(left, #ffffff, silver); 
 	 background: linear-gradient(to left, #ffffff, silver); 
}

.bronzeClass
{   
	 background: -webkit-linear-gradient( right, #ffffff, #CC9933); 
 	 background: -o-linear-gradient(left, #ffffff, #CC9933); 
 	 background: -moz-linear-gradient(left, #ffffff, #CC9933); 
 	 background: linear-gradient(to left, #ffffff, #CC9933); 
}

.roteLaterneClass
{
	 background: -webkit-linear-gradient( right, #ffffff, #FF3300); 
 	 background: -o-linear-gradient(left, #ffffff, #FF3300); 
 	 background: -moz-linear-gradient(left, #ffffff, #FF3300); 
 	 background: linear-gradient(to left, #ffffff, #FF3300); 
	color:	white;
}

.jokerTippFoot
{
   text-align: center;
   color: #CC0033;
   font-size: larger;
   background-color: #ffffff; 
   font-weight:bold;
}


table.group_A, table.group_B, table.group_C,
table.group_D, table.group_E, table.group_F,
table.group_G, table.group_H,
table.group_A_matches, table.group_B_matches, 
table.group_C_matches, table.group_D_matches, 
table.group_E_matches, table.group_F_matches,
table.group_G_matches, table.group_H_matches,
table.finMatchesTab_Achtelfinale,
table.finMatchesTab_Viertelfinale,
table.finMatchesTab_Halbfinale,
table.finMatchesTab_Kleines,
table.finMatchesTab_Finale,
table.spielerUebersichtTab,
table.intrusionDetection,
table.usrIdAndNamTab,
table.lastUserEdits
{
    border: 1px solid #040;
    border-collapse: collapse;
    text-align: center;
}

td.header
{   
    text-align: left;   
    font-size: larger;
}

table.group_A tfoot, table.group_B tfoot,
table.group_C tfoot, table.group_D tfoot,
table.group_E tfoot, table.group_F tfoot,
table.group_G tfoot, table.group_H tfoot,
table.spielerUebersichtTab tfoot
{
    font-size: smaller;
    font-style: italic;
}

table.group_A th,
table.group_A_matches th {

    background-color: #C8C8C8;
    color: #fff;
    border: 1px solid #fff;    
}

table.group_A tr,
table.group_A_matches tr {    
	background: -webkit-linear-gradient( left, #808080 , #C8C8C8); 
 	 background: -o-linear-gradient(right, #808080 , #C8C8C8); 
 	 background: -moz-linear-gradient(right, #808080 , #C8C8C8); 
 	 background: linear-gradient(to right, #808080 , #C8C8C8); 
	 color: white;
	}

td.group_A_ungerade,
td.group_A_matches_ungerade {   
	background-color: #C8C8C8;
	color: white;
  }

table.group_B th, 
table.group_B_matches th
{
    background-color: #4F81BD;
    color: #fff;
    border: 1px solid #fff;    
}
td.group_B_gerade,
td.group_B_matches_gerade
{   background-color: #B8CCE4;  }

td.group_B_ungerade,
td.group_B_matches_ungerade
{   background-color: #DBE5F1;  }

table.group_C th,
table.group_C_matches th
{
    background-color: #C0504D;
    color: #fff;
    border: 1px solid #fff;    
}

td.group_C_gerade,
td.group_C_matches_gerade
{   background-color: #E6B9B8;  }

td.group_C_ungerade,
td.group_C_matches_ungerade
{   background-color: #F2DDDC;  }

table.group_D th,
table.group_D_matches th
{
    background-color: #8064A2;
    color: #fff;
    border: 1px solid #fff;    
}
td.group_D_gerade,
td.group_D_matches_gerade
{   background-color: #CCC0DA;  }

td.group_D_ungerade,
td.group_D_matches_ungerade
{   background-color: #E5E0EC;  }

table.group_E th,
table.group_E_matches th
{
    background-color: #4BACC6;
    color: #fff;
    border: 1px solid #fff;    
}
td.group_E_gerade,
td.group_E_matches_gerade
{   background-color: #B6DDE8;  }

td.group_E_ungerade,
td.group_E_matches_ungerade
{   background-color: #DBEEF3;  }

table.group_F th,
table.group_F_matches th
{
    background-color: #F79646;
    color: #fff;
    border: 1px solid #fff;    
}
td.group_F_gerade,
td.group_F_matches_gerade
{   background-color: #D8D8D8;  }

td.group_F_ungerade,
td.group_F_matches_ungerade
{   background-color: #FFFFFF;  }

table.group_G th,
table.group_G_matches th
{
    background-color: #A0A0A0;
    color: #fff;
    border: 1px solid #fff;    
}
td.group_G_gerade,
td.group_G_matches_gerade
{   background-color: #31849B;  }

td.group_G_ungerade,
td.group_G_matches_ungerade
{   background-color: #4BACC6;  }

table.group_H th,
table.group_H_matches th
{
    background-color: #9BBB59;
    color: #fff;
    border: 1px solid #fff;    
}
td.group_H_gerade,
td.group_H_matches_gerade
{   background-color: #D7E4BC;  }

td.group_H_ungerade,
td.group_H_matches_ungerade
{   background-color: #EAF1DD;  }


table.finMatchesTab_Achtelfinale th
{
    border-top: 5px solid #fff;
    border-bottom: 5px solid #000;
    color: white;
    background-color: #F79646;
}

td.finMatchesTD_Achtelfinale_gerade
{   background-color: #ffffff; }

td.finMatchesTD_Achtelfinale_ungerade
{   background-color: #E7E7E7; }

table.finMatchesTab_Viertelfinale th
{
    border-top: 5px solid #fff;
    border-bottom: 5px solid #000;
    color: white;
    background-color: #4F81BD;
}

td.finMatchesTD_Viertelfinale_gerade
{   background-color: #ffffff; }

td.finMatchesTD_Viertelfinale_ungerade
{   background-color: #E7E7E7; }


table.finMatchesTab_Halbfinale th
{
    border-top: 5px solid #fff;
    border-bottom: 5px solid #000;
    color: white;
    background-color: #4BACC6;
}

td.finMatchesTD_Halbfinale_gerade
{   background-color: #ffffff; }

td.finMatchesTD_Halbfinale_ungerade
{   background-color: #E7E7E7; }

.finMatchesTab_Kleines th,
.Finale th
{
    border-top: 5px solid #fff;
    border-bottom: 5px solid #000;
    color: white;
    background-color: #8064A2;
}

.finMatchesTD_Kleines,
.Finale_gerade
{   background-color: #fff555; }

.finMatchesTD_Kleines,
.Finale_ungerade
{   
    background-color: #E7E7E7; 
    color: black;
}

table.finMatchesTab_Finale th
{
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    color: white;
    background-color: #000000;
}

td.finMatchesTD_Finale_gerade
{   background-color: #ffffff; }

td.finMatchesTD_Finale_ungerade
{   
    background-color: #993E3C; 
    color: white;
}



table.auswertungTab
{
    border: 1px solid #040;
    border-collapse: collapse;
    text-align: center;
	width: 600px;
}

.auswertungTab th.header
{   color:  black; 
	background: #ffffff;   }

.auswertungTab th.auswertungTH
{   color:  black; 
	padding: 15px;
	background: #ffffff;
}

.auswertungTab td.auswertungTD_gerade
{   background-color: #ffffff;
	 }

.auswertungTab td.auswertungTD_ungerade
{   
    background-color: #993E3C; 
    color: white;
}

table.lastUserEdits
{
    border: 1px solid #040;
    border-collapse: collapse;
    text-align: center;
	width: 600px;
}

th.lastUserEdits
{   color:  black; 
	background: #FCE4D6;   }

/*.lastUserEdits th.auswertungTH
{   color:  black; 
	padding: 15px;
	background: #ffffff;
}*/

td.lastUserEdits
{   background-color: #F8CBAD;	 }

table.todaysMatches
{
    border: 1px solid #040;
    border-collapse: collapse;
    text-align: center;
	width: 600px;
}

th.todaysMatches
{   color:  black; 
	background: #FCE4D6;   }

/*.todaysMatches th.auswertungTH
{   color:  black; 
	padding: 15px;
	background: #ffffff;
}*/

td.todaysMatches
{   background-color: #F8CBAD;	 }


a.button-styled-link {
	border : solid 1px #003333;
	font-weight:700;
	border-radius : 10px;
	moz-border-radius : 3px;
	font-size : 15px;
	color:#003333;
	padding : 2px 7px;
	background:#009933;
	text-decoration:none;
	-moz-box-shadow:    inset 0 0 3px #000000;
   	-webkit-box-shadow: inset 0 0 3px #000000;
   	box-shadow:         inset 0 0 3px #000000;
}

a.button-styled-link:hover {
	color:#003300;
	font-weight:700;
	text-decoration: none;
	border: solid 1px #003300;
	background: rgba(0,153,51, 0.6);
	}

a h3 {
	color:#000033;
	background: none;
	font-weight: 800;
	}
	
a h3:hover {
	color:#003366;
	text-decoration:blink;}
	
.spielerUebersichtTab tbody, tfoot {
 background: #ffffff;
}

p.bold_italic
{
  font-style:italic;
  font-weight:bold;
}

p.na
{
  color:	black;
}


@media only screen and (max-width: 320px) {

    img {
		width: 50%;
		float: left;
	
	}
}