/* Allgemeine Element-Anweisungen */

body {
	color:   #333333;
	font-family: Arial,sans-serif;
	font-size: 100.01%;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
 /* text-align: center; */
}
a:link, a:visited, a:hover {
	color: #000000; /* #006699; */
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/*  Kopf  */
#kopf {
 	margin: 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}
#kopf h2 {
  text-align: left;
  color: #003366; 
  font-size: 100%; 
  padding: 0px 0px 10px 10px;
}
#kopf img{
/* padding: 4px 4px 4px 0px; */
	vertical-align: middle;
}


h2, h3 {
	font-family: Arial, sans-serif;
	margin: 0px;
	padding: 0px;
/*	color: #000000; */
}

h2 {
   font-size: 100%;
} 

h3{
     font-size: 100%;
    color: #334d55;
}

ul{
 list-style-type: none;
}

#titel {
  font-size: 70%;
  border: 1px solid #cccccc;
  text-align:left;
  width: 100%;
  padding: 5px 5px 5px 5px;
  margin: 5px 0px;
}
#titel h2 {
  font-size: 120%;
  color: #003366; /* #006666; */
  font-weight:bold;
}
#titel .farbe {
  color: #3333CC; 
  font-size: 80%;
}
#ausgabe {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}

/************* #globalNav styles **************/

#globalNav{
   color: #000000; /* #cccccc; */
   padding: 0px 0px 5px 10px; 
   white-space: nowrap;
   text-align: left;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */


#globalNav a {
	font-size: 60%;
	padding: 0px 4px 0px 0px; 
}

#navBar {
  float: left;
  width: 15%;
  margin: 0 10px 0 0;
  padding: 0px;
  background-color: #F7F7F7; /* #eeeeee; */
  border-right: 1px solid #ccc;
}
/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {
   display: block;
}
#navBar ul {
   list-style: none; margin: 0; padding: 0;
 }

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
   border-bottom: 1px solid #EEE;
 }

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin:  0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc; 
	font-size: 70%;
	text-align: left;
}
#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc; 
	width: 90%;
	
}

#sectionLinks a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
	text-decoration: none;
}
#sectionLinks h3 {
     color: #003366; 
     background-color: #FFFFFF; /*#F2F2FF; */
     padding-left: 10px;
	 font-weight: bold;
  	 font-family: Verdana, Arial, Helvetica, sans-serif;/* Arial, Helvetica, sans-serif; */
}

/* Inhalt */

#inhalt{
  float:left;
  width: 69.9%;
  margin-left: 0;
  padding: 0;
}
#inhalt .title {
  text-align: left;
  color: #006666; 
  font-size: 90%;
  margin-left:60px;
  width: 500px;
  padding: 0px 0px 0px 0px;
 
}

#inhalt .title hr{
	margin-left:-30px; 
    width: 300px;
}

#inhalt .text{
	clear: both;
	padding: 0px;
	font-size: 12px;
	text-align: left;
}

#inhalt .text p{
	padding: 0px;
}
 
/* WM Counter */
.wmCount {
    width: 145px; 
    height: 81px; 
    background: url(../Images/wmcountdown.gif) no-repeat;
    padding-top: 45px; 
    padding-left: 10px; 
    font-size: 12px; 
    font-weight: 700;
}
#dayref1289632, #hourref1289632, #minref1289632, #secref1289632{
   float: left;  
   width: 22px;
}
#dayref1289632 {
   width: 33px;
}
#dayref1289632, #hourref1289632, #minref1289632{
   padding-right: 10px;
}
#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 70%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin: 0px;
	text-align: left;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}
#form {
  background-color: #EEEEEE;
  font-size: 12px;
  border: 1px solid #333333;
  width: 500px;
}
#form .spalteLinks {
  float: left;
  padding: 5px 0px 0px 5px;
  width: 210px;
  text-align: left;
  line-height:10px;
}
#form .spalteRechts {
  float: left;
  padding: 5px 5px 0px 0px;
  width: 180px;
  line-height:10px;
}
#form .wichtig {
  font-weight: bold;
}
#formZusatz {
/*  background-color: #F2F2F2; */
  font-size: 12px;
  width:77%;
  padding: 5px;
}
#formZusatzSmal{
  font-size: 12px;
  width:59%;
  text-align: left;
}
#form {
  background-color: #EEEEEE;
  font-size: 12px;
  border: 1px solid #333333;
  width: 500px;
}
#form .spalteLinks {
  float: left;
  padding: 5px 0px 0px 5px;
  width: 210px;
  text-align: left;
  line-height:10px;
}
#form .spalteRechts {
  float: left;
  padding: 5px 5px 0px 0px;
  width: 180px;
  line-height:10px;
}
#kommentar {
  background-color:#FFFFF2;
  font-size: 12px;
  border: 1px solid #333333;
  padding: 5px;
  width: 100%;
}
#kommentar .text{
  font-size: 12px;
}

#kommentar .spalteLinks {
  float: left;
  padding: 5px 0px 0px 5px;
  width: 100px;
  font-size: 12px;
  font-weight:bold;
  text-align: left;
  line-height:10px;
}
#kommentar .spalteRechts {
  float: left;
  padding: 5px 5px 0px 0px;
  width: 200px;
  line-height:10px;
}


.anzTipp {
  color:#3333CC;
  font-weight: bold;
}
#top {
 font-weight:bold;
 font-size:12px;
 padding-bottom:5px;
 text-align: left;
}
#top a{
 margin: 0px 5px 5px 0px;
}

/** Tabellendefinition **/
table {
  border: 2px solid #99CEFF; 
  border-collapse: collapse;
  width:69%;
  background-color: #F2F2F2;

}
#ausgabe table {
  background-color: #FFF8DC;
}

#tabelle table {
   width:79%;
}
#tabelleWM table {
   float:left;
}

#tabelleSmall table {
   width:49%;
}
#tabelleSmall caption {
  font-size: 12px;
  text-align: left;
  font-weight: bold;
  padding: 0px 2px 0px 2px;
  width: 80%;
}
td, th {
 /* border: 1px solid #B0E0E6; */
  font-family: Arial, Helvetica, sans-serif;
  white-space:nowrap;
  vertical-align:top;
}

#tabelleSmall td {
vertical-align:top;
	font-size: 12px;
}
#tabelleSmall th {
  text-align: left;
  font-size: 12px;
}

#tabelleSmall .colored  {
  background-color: #B0E0E6; 
}

#tabellePunkte {
   width:39%;
   margin-left: 30px; 
}
#tabellePunkte .spaltePlatz {
   width: 15%;
   font-weight: bold;
}
.ergebnis caption {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  padding: 0px 2px 0px 2px;
}

.ergebnis td {
  font-size: 12px;
}

#tabelle .gruppe {
   margin-left: 0; 
}
.gruppe caption {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  padding: 0px 2px 0px 2px;
 /* width: 80%;*/

}
.gruppe td {
/*  text-align:center;  */
  font-size: 12px;
  padding: 1px 1px 1px 1px;
  
}
.gruppe tr {
  height: 10px;
}

.gruppe th {
   background-color: #B0E0E6; 
  font-size: 12px;
}
.th-left {
  text-align: left;
}
.td-left {
  text-align: left;
}
.spalteSpiel {
 width: 5%;
 text-align:center;

}
.spalteTermin {
  width: 24%;
}
.gruppe .spalteTeam {
  width: 32%;
  text-align: left;
}
.gruppe .spalteTeamkurz {
  width: 25%;
  text-align: left;
}

.spalteZw {
 width: 2%;
}
.spalteErg, .spaltePunkte {
 width: 2%;
 color:#3333CC;
 font-weight:bold;
 text-align:center;

}
.spalteGesamt {
 color:#3333CC;
 font-weight:bold;
}

.spalteTipp {
  width: 2%;
  color: #990000;
  font-weight:bold;
}
.spalteTop{
 background-color: #FFFFFF;
 font-weight:bold;
 text-align: left;

}
.gruppe .spalteLand {
 color: #003366;
 font-weight:bold;
 width: 32%;

}
.fettdunkelblau {
 color: #003366;
 font-weight:bold;
}

.gruppe .spalteWM, .gruppe .spalteLand {
  border-bottom: 1px solid #B0E0E6;
  text-align: left;
}

.gruppe .spalteFifa{
  border-bottom: 1px solid #B0E0E6;
  text-align:center;
 }

#login {
  background-color: #F2F2F2;
  font-size: 12px;
  border: 1px solid #ccc;
  width: 250px;
  padding: 5px 5px 0px 10px;
  margin: 10px 0px 0px 30px;
}
#login .spalteBz {
  float: left;
  padding: 0px 0px 5px 0px;
  width: 80px;
  text-align: left;
  line-height:20px;
}
#login .spalteFeld {
  float: left;
  padding: 0px 0px 5px 10px;
  width: 100px;
  line-height:20px;
}
#tabelleTeilnehmer {
   width: 100%;
   margin-left: 10px; 
}
.teilnehmer {
   font-size: 12px;
}
.teilnehmer th {
  text-align: left;
  font-weight: bold;
  background-color: #eee; 
}
.spalte5 {
  width: 5%;
  text-align: left;
}
.spalte5bold {
  width: 5%;
  text-align: right;
  font-weight: bold;
  background-color: #eee; 
}

.spalte10 {
  width: 10%;
  text-align: left;
}
.spalte15 {
  width: 15%;
  text-align: left;
}
.spalte15center {
  width: 15%;
  text-align: center;
}

.spalte20 {
  width: 20%;
  text-align: left;
}
.spalte25 {
  width: 25%;
  text-align: left;
}

.spalte30 {
  width: 30%;
  text-align: left;
}

.spalte40 {
  width: 40%;
  text-align: left;
}
.spalte45 {
  width: 45%;
  text-align: left;
}

.spalte50 {
  width: 50%;
  text-align: left;
}
.spalte70 {
  width: 70%;
  text-align: left;
}
.referee {
  font-size: 12px;
}
.referee td {
  text-align:center;
  font-size: 12px;
  padding: 1px 1px 1px 1px;
  
}
.referee tr {
  height: 10px;
}

.referee th {
   background-color: #B0E0E6; 
  font-size: 12px;
}