html
{
   height: 100%;

    -webkit-text-size-adjust: none !important;
}

body
{
  font-size: 100%;
  height: 100%;
  font-family: Thesis, calibri, sans-serif;
  margin: 0;
  padding: 0 0 0 0;
  overflow: auto;  

  -webkit-text-size-adjust: none;
    
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #051f4c;  
  background-attachment: fixed;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
}

img
{
	border: 0;
}


.holder {
  width: 90%;
  margin: 0 auto 0 auto;
  max-width: 920px;

}

h1 {
  float: left;
  clear: both;
  font-weight: normal;
  padding: 0px 0 8px 0;
  margin: 0;
  width: 100%;
  color: #c7deed;
  font-size: 1.25em;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.inv 
{
  position: absolute;
  left: -1000px;
  top: -1000px;
}

/* Name Land unter Flagge */





/* @end */

#ardTickerTableau tr 
{
	
}

#ardTickerTableau tr.ardTeamDeSel 
{
	font-size: 60%;
}



td.ardTBedien {

  margin: 0;
  padding: 0;

}

/* @group Tableau */

/* Feld fuer Begegnung */
#ardTickerTableau {
  margin: 0 0;
  padding: 0;
  float: left;
  width: 100%;

}


#ardTickerTableau .begHolder
{
	width: 100%;
	float: left;
	position: relative;
}

#ardTickerTableau table  {
  border-collapse: separate;
  border-spacing: 0 0;
  clear: both;
  width: 100%;
  margin: 0 0 0 0;
}

#ardTickerTableau table.ardTeamSel
{
	width: 80%;
	margin: 0 auto 2px auto;
	max-width: 720px;
}

#ardTickerTableau table.ardTeamDeSel
{
	width: 50%;
	margin: 0 auto 2px auto;
	max-width: 500px;
}


#ardTickerTableau th,
#ardTickerTableau td,
#ardTickerTableau tr 
{ /* text-align: center; */

  margin: 0;
  border-collapse: collapse;
  border-spacing: 0 0;
  vertical-align: middle;
  background: #fff;
  border: none;
}




.ardTdp {
  text-align: center;
  font-size: 2.5em;
  width: 4%;
  line-height: 70%;
  font-weight: bold;
  vertical-align: middle;
}

.ardTTeam1,.ardTTeam2 {
  width: 48%;
  font-size: 1.75em;
  text-transform: uppercase;
  letter-spacing: 1px;
}

td span.short
{
}

.teamHolder
{
	display: table;
	width: 100%;
}


.teamHolder span
{
	display: table-cell;
	vertical-align: middle;
	line-height: 100%;
}

td.ardTTeam1 .goals, 
td.ardTTeam2 .goals
	{ 
	font-size: 1.75em;
	margin: 0 0 0 0;
	background: #001a4b;
	width: 20%;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	 }

td.ardTTeam1 .goals.live, 
td.ardTTeam2 .goals.live {
    color: #ff6600;
}

td.ardTTeam1 .short, 
td.ardTTeam2 .short
{
   width: 36%;
   padding: 0 2% ;
   font-size: 1.4em;
   vertical-align: middle;
   text-align: left;
}


td.ardTTeam1 .flag, td.ardTTeam2 .flag
{
	width: 26%;
	padding: 8px 7%;
	background: #d5def0;
	text-align: center;
	vertical-align: middle;
}

td.ardTTeam2 span.short
{
		text-align: right;	
}

td.ardTTeam1 .goals
	{  

	}

td.ardTTeam2 .goals
	{  

	}




td.ardTTeam1 img, td.ardTTeam2 img
	{
	float: none;
	margin: 0 auto;
	width: 100%;
    }

.ardTTeam1 span,
.ardTTeam2 span 
	{
	text-align: center; 
	vertical-align: middle;
	}

/* Ende Tableau */



/* @end */

/* Eventticker */
#ardTickerEvent p 
{
 
  margin: 0 0 0 0;
  padding: 0.5em 0 0.5em 0.25em;
  float: left;
}


/* Table Tableau */
.ardTTorsch1 {

  text-align: left;
  margin: 0;
  padding: 0.25em 0 0 0;
  line-height: 120%;
}

.ardTTorsch2 {

  text-align: left;
  margin: 0;
  padding: 0.25em 0 0 0;
  line-height: 120%;
}

/* Ende Tableau */
#ardTickerHead {
  float: left;
  width: 70%;
}

#ardTickerHead img 
{
 padding: 8px 0;
  display: block;
  width: 45%;
   width: 60%;

}

td img {
  border: 0;
  padding: 0;
  margin: 0;
  display: block;
  border: 0;
}

.tickerIcon { /* border: #000 1px solid; */
  margin: 0.2em 0.2em 0 1em;

  float: left;
}

.tickereventakt { /* border: #000 1px solid; */
  float: right;
  margin:  0 0 0;
}

a.navi {
  color: #fff;
  text-decoration: none;
  /* border-right: #fff solid 1px; */
  padding: 6px 14px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
}

a.navi:visited {
  color: #fff;
  text-decoration: none;
}

a.navi:hover,
a.navi:focus {
  background: #ff6600;

  color: #fff;
}

a.navi:active {
  color: #fff;

}

li.aktiv {
  background: #ff6600;
  display: block;
  color: #fff;
  padding: 6px 14px;
  list-style: none;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Der eigentliche Tickertext */

/* Der eigentliche Tickertext */
#ardTickerScroll, 
#ardTickerScroll2
{
  clear: both;
  margin: 0;
  padding: 0;
  height: auto;
  max-height: 50em;
  overflow: auto;
  float: left;
  width: 100%;
  box-shadow: 0 20px 12rem yellow;
  background: #fff;
  z-index: 0;
}

#ardTickerScroll
{ }

#ardTickerScroll2
{
	background: #fff;
}

#ardTickerNavi {
  width: 100%;
  display: block;
  float: left;
  clear: both;
  margin: 1em 0 1em 0; */
  padding: 0;
  z-index: 100;
  position: relative;
}

/* Fuer Event-Ticker */
#ardEventTickerNavi {
  width: 100%;
  display: block;
  float: left;
  clear: both;
  margin: 0;
  padding: 0;
}

#ardTickerNavi ul {
  float: left;
  display: block;
  margin: 0 0 0 0;
  padding: 0;
}

#ardTickerNavi li {
  display: block;
  float: left;
  list-style: none;

}

#ardTickerText {
  width: 100%;
  font-size: 1em;
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
}

#ardTickerText h2 
{
  text-align: left;
  clear: both;

  display: block;
  padding: 0.45em 0.45em 0.45em 1.35em;
  margin: 0;
  color: #fff;
  background: #ff6600;
}

#ardTickerText p {
  text-align: left;
  padding: 12px 5%;
  line-height: 130%;
  border-bottom: #a1b2d1 1px solid;
  float: left;
  margin: 0;
  background: #fff;
  font-size: 1em;
  color: #000;
  width: 90%;
}

img.ardTTEreignisImg
{
	height: 1.25em;
	vertical-align: text-top;
}


.ardTickerStat h2, .ardblitztabContainer h2, .ardContainerStenogramme h2, h2.steno
{
	margin: 0 0 0.5em 0;
	font-weight: normal;
	padding: 0;
	font-size: 1.75em;
	color: #516384;
}

h2.steno
{
	width: 95%;
	margin: 0.6em 2.5% 0 2.5%;
	float: left;
}


.left {
  float: left;
}

.right {
  float: right;
}

.ardTBedien {
  border: 0;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
}


.ardTBedien img, ardTBedien a
{
	border: 0;
}

.ardTTBeg {
  font-weight: bold;
  color: #0e3560;

  margin: 0;
  padding: 0 0 0 0;
  clear: both;
  line-height: 150%;
}

.ardTTUhr {
  color: #516384;
  padding: 0 0 0 0;
/*  border-right: #fff 2px solid; */
}

a.weiss:link {
  color: #ffffff;
  text-decoration: none;
  padding: 0 1em 0 0;
}

a.weiss:visited {
  color: #ffffff;
  text-decoration: none;
}

a.weiss:hover {
  color: #ffffff;
  text-decoration: underline;
}

a.weiss:active {
  color: #ff6600;
}

/* Alles fuer die Statistik */
#ardTickerAufst {
  clear: both;
  background: #fff;
}

dl {
  margin: -0.5em 0 0 0;
  display: block;
  float: left;
  width: 100%;
  /*background: #000000; */
  border-bottom: #fff 10px solid;
}

dt {

  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 1em 0 2px 1%;
  color: #516384;
  display: block;
  float: left;
  width: 99%;
  border-bottom: #fff 1px solid;
}

dd {
  display: block;

  padding: 2px 0 2px 0;
  margin: 0 0 0 0;
  width: 100%;
}

span.rnummer {
  float: left;
  display: block;
  text-align: center;
  padding: 2px 4px;
  background: #fff;
  font-weight: bold;
  color: #516384;
  margin: -2px 6px 6px 6px;
/*   border-radius: 3px; */
  min-width: 1.25em; 
}

div.einzelspieler {
  border-bottom: #fff 1px solid;
  float: left;
  clear: both;
  width: 100%;
  line-height: 100%;
  padding: 8px 0 0 0;
}

/* @group Statistik */

.ardTickerAufstT1,.ardTickerAufstT2 {
  margin: 0 0 0 0;
  width: 50%;
  background: #dbe9f3;
}

#ardTickerAufstInfo {
  float: left;
  clear: both;
  border: #7096b7 1px solid;
  background: #fff;

  display: inline;
  padding: 4px;
  margin: 1em 0 0 1em;
}

.ardTickerStat {
  clear: both;
  background: #fff;
  margin: 1em 2.5%;
  width: 95%;
  float: left;
}

.ardTickerStat a:link,.ardTickerStat a:visited {
  margin: 0 0 0 0;
  display: block;
  width: 100%;
  float: left;
  color: #001a4b;
  padding: 3px 0 3px 0;
  text-decoration: none;
  background: url("../img/wm14/hover_backs.png") #b5d0e3 repeat-x 0 0;
}

.ardTickerStat a:hover,.ardTickerStat a:focus,.ardTickerStat a:active {
  background: url("../img/wm14/hover_backs.png") #46749d repeat-x 0 -50px;
  color: #fff;
  text-decoration: none;
}

.ardTickerStat p {
  margin: 0;
  padding: 0 0 0 0;
  background: #fff;
  text-align: center;
}

.ardTickerStat img
{
	float: left;
	width: 9%;
	padding: 8px;
}

.ardTickerStat h3 {
  font-size: 1.5em;
  padding: 5px 0 5px 0;
  /* text-align: center; */
  margin: 0;
  color: #001a4b;
  width: auto;
  font-weight: normal;
}

.ardTickerStat p img {
  margin: 0 0 4px 0;
  border: #516384 1px solid;
}

.ardTickerStat h4 {

  z-index: 0;
  padding: 1.25em 0 0.5em 0;
  margin: 0;
  text-align: center;
  color: #516384;
}

.ardTickerAufstT1,.ardTickerAufstT2,
.ardTickerStatT1,.ardTickerStatT2 {
  background: #dbe9f3;
  display: inline;
  margin: 0 0 0 0;
  width: 49.5%;
}

.ardTickerStatT1 table,.ardTickerStatT2 table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: #fff 1px solid;
}

.ardTickerStatT1 td,.ardTickerStatT2 td {

  padding: 0 8px 0 3px;
  border-bottom: #fff 1px solid;
  text-align: right;
  background: #a0c8e3;
}

.ardTickerStatT1 th,.ardTickerStatT2 th {

  text-align: left;
  padding: 3px 8px 3px 6px;
  border-bottom: #fff 1px solid;
  background: #a0c8e3;
}



/* @end */

#ardTickerStatInfo {
  clear: both;
  border: #7fb0d1 1px solid;
  background: #fff;

  padding: 4px;
  width: 94%;
  margin: 1em auto 1.25em auto;
}

#ardTickerStatInfo table {
  width: 100%;
  margin: 0 0 0 0;
}

#ardTickerStatInfo table th {
  text-align: left;
}

#ardTickerStatInfo table td {
  text-align: right;
}

#toolbar {
  margin: 0;
  display: block;
  float: right;
  position: relative;
}

#toolbar .tbright
{
	float: right;
	max-width: 60px;
	right: 0;  
}


#toolbar .tbright img
{
	width: 70%;
	padding: 2px 15% 2px 15%;
	display: block;
	border: 0;
}



.tbright a:link,.tbright a:visited 
{
   background: #ff6600;
  float: right;
  padding: 0 0 0 0;
  margin: 0;
  color: #fff;
  text-decoration: none;
  border-bottom-left-radius: 6px;
 border-bottom-right-radius: 6px;
}


.tbright a:hover
{
	background: #ff9650;
} 


a.weisscol {
  text-decoration: none;
  color: #fff;
}

a.weisscol:hover {
  color: #fff;
  text-decoration: underline;
}

a.weisscol:visited {
  color: #fff;
}

/* Uebernahme aus dem Portraet */

/* Rueckennummer */
.number {
  margin: 4px;
  padding: 4px;
  background: #516384;
  color: #fff;
  float: right;
  font-weight: bold;

}

.left {
  float: left;
}

.right {
  float: right;
}

.picleft {
  padding: 0 0 0 0 !important;
  float: left;
}

.picright {
  padding: 0 0 0 0.4em !important;
  float: right;
}

.picblock {
  display: block;
  clear: both;
}

.wsUnipfoto {
  padding: 0;
}

.picsmall {
  width: 7.75em;
  float: left;
}

.pictall {
  width: 23.67em;
}

.wsUnipfoto img {
  border: #fff 2px solid;
  display: block;
}

.ardwmListe .wsUnipfoto p { /* background: #ff0066; */
  padding: 0.4em 4px 0 0.45em;
  line-height: 135%;
}

.wsUniptable {
  margin: 0 auto 0 auto;
  width: 360px;
  float: right;
}

.wsUniptable h3 {

  padding: 0.25em 0.25em 0.5em 0.25em;
  margin: 0;
  color: #516384;
}

.wsUnipListe {
  width: 96%;
  margin: 0.75em auto 0 auto;
  clear: both;
}

.wsUnipListe h4 {

  padding: 0.35em 0 0.25em 0.3em;
  margin: 0;
  clear: both;
  color: #516384;
}

.wsUnipListe caption {

  padding: 1em 0 0.25em 0.4em;
  margin: 0;
  letter-spacing: 1px;
  font-weight: bold;
  text-transform: uppercase;
  clear: both;
  color: #516384;
  text-align: left;
}

.wsUnipTextblock {
  width: 23.5em;
  margin: 0.45em 0 0.45em 0.4em;
  float: left;
  clear: both;
  display: inline;
}

.wsUnipTextblock p {

  line-height: 140%;
  padding: 0.35em 0 0.5em 0;
  margin: 0;
}

.wsUnipTextblock h3 {
  color: #516384;

  padding: 0.5em 0 0.5em 0;
  margin: 0;
}

.wsUniptable table {
  clear: both;
  /* background: #ffff66; */
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 1em 0;
}

.wsUniptable h3 {

  padding: 0.35em 0.25em 0.75em 0.25em;
  margin: 0;
  float: left;
  color: #516384;
}

.wsUniptable h4 {

}

.normal {
  font-weight: normal;
}

.wsUniptable tr td,.wsUniptable tr th {
  border-bottom: #97acc2 1px solid !important;
}

.wsUniptable tr th {
  width: 35%;
}

.wsUniptable tr td {
  width: 65%;
}

.wsUniptable tr.last {
  border-bottom: #d5d6d7 1px solid !important;
}

.wsUniptable td,.wsUniptable th {
  font-weight: normal;
  text-align: left;

  padding: 4px 2px 4px 4px;
}

.wsUniptable .karten {
  margin: 0 0 0 0.25em;
  display: inline;
  vertical-align: bottom;
}

.wsUniptable .abs {
  margin-right: 1.0em;
}

.wsUniptable thead {
  text-align: left;
  display: none;
}

.wsUnipBild {
  margin: 0 0 4px 0;
  display: inline;
}

.wsUnipBild img {
  border-bottom: 2px solid #fff;
  border-top: 2px solid #fff;
  display: block;
}

.weisscol 
{
}

/* Der eigentliche PortraetContent */
.clearMe {
  clear: both;
}

.ardwmListe {
  margin: 0.45em 0 0.45em 0.4em;
  clear: both;
  padding: 0 0 0.25em 0;
  display: inline;
}

.ardwmListe tr {
  border-bottom: #fff 1px solid !important;
}

.ardwmListe tr.last {
  border-bottom: #d5d6d7 1px solid !important;
}

/* Spaltenbreite fuer WM-Bilanz */
th.wm1 {
  width: 80%;
}

.ruecklink {
  clear: both;

  padding: 0 0 0 4px;
  margin: 1em 0 0 0;
}

.ruecklink a,.ruecklink a:visited {
  color: #516384;
  text-decoration: none;
}

.ruecklink a:hover {
  color: #516384;
  text-decoration: underline;
}

.ruecklink img {
  float: left;
  margin: 4px 5px 0 0.35em;
  border: 0;
  vertical-align: middle;
}

.weissflaeche {
  background: #fff;
  float: left;
}

/* Stenogramme */
.ardContainerStenogramme 
{

  clear: both;
  background: #fff;
  margin: 1em 2.5%;
  width: 95%;
  float: left;
}

.ardStenoType {

  color: #516384;
  font-size: 1.35em;
  line-height: 135%;
}

.ardStenoData {

  line-height: 135%;
  /* border: #000000 1px solid; */
  padding: 0 0 1em 0;
  margin: 0 0 1em 0;
  border-bottom: 1px solid #a1b2d1;
}

.ardStenoData ul {
  list-style-type: none;
  margin: 0 1em 0 0;
  padding: 0 0 0 0;
  border: 0;
}

.ardStenoData li {
  padding: 1px 0 1px 0;
}

.ardContainerStenogramme .ardTTBeg {
  
  color: #0e3560;
  font-size: 1.5em;
    padding: 0;

  /* border: #000000 1px solid; */
}

.ardTTBegCon 
{
  margin: 0.25em 0 0.25em 0;

}

.ardContainerStenogramme .ardTTRes {
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  /* border: #000000 1px solid; */
}

/* Bildklasse fuer Karten, TorIcon etc. */
.ardContainerStenogramme img.event {
  margin: 2px 4px 0 0;
  float: left;
  width: auto;
  height: 1em;
}

.ardContainerStenogramme .stenocenter 
{
  width: 100%;
  margin: 0 auto 0 auto;
}

/* @group Gruppentabelle */

.ardPlRang {
  font-weight: bold;
  width: 5%;
  text-align: center;
}

.ardblitztabContainer 
{
  width: 95%;
  margin: 1em 2.5%;
  float: left;

}

.ardblitztabContainer table {
  width: 100%;
  margin: -1em 0 1em 0;
  padding: 0;
  border-collapse: collapse;
}

.ardblitztabContainer .ardErgPl td 
{
  padding: 8px 0;
  border-bottom: 1px solid #A1B2D1;

}

.ardblitztabContainer table caption 
{

  text-align: left;
  margin: 0 0 0 0;
  padding: 12px 0 0 0;
  background: none;
 	width: 100%;
 	
}

.ardblitztabContainer th tr 
{ }

.ardblitztabContainer th 
{
  text-align: center;
  margin: 0;
  padding: 3px 0 3px 0;
  font-weight: normal;
  background-color: #fff;
  color: #516384;
  margin: 0 0 0 0;
  font-size: 0.8em;
  border-bottom: 1px solid #A1B2D1;
}

.ardPlSpiel {
  text-align: center;
  width: 8%;
}

.ardPlTor {
  text-align: center;
  width: 14%;
}

.ardPlPunkt {
  text-align: center;
  width: 8%;
}



/* @end */

/* @group Gruppentabelle */


table.stat1 {
  width: 100%;
  margin: -1em 0 0 0;
  padding: 0;
  border-collapse: collapse;
}


table.stat1 td
{
	padding: 3px 1em 3px 0;
	border-bottom: 1px solid #a1b2d1;
	vertical-align: top;
}

table.stat1 th
{
	text-align: right;
	padding: 0 1em 0 0;
	border-bottom: 1px solid #a1b2d1;
}

table.stat1 td.statsDef {
  width: 70%;
  margin: 0 0 0 0;
  border-collapse: collapse;
}

table.stat1 td.stats_t1, 
table.stat1 td.stats_t2
{
	min-width: 30px;
	width: auto;
	background: #e9ebef;
	text-align: right;
}





/* @end */

.ardTickerStat h3.POL {
  background: url(../img/wm14/flags/team_flags.png) no-repeat -6px 0px;
}


/* @group Flaggen Blitztabelle */


.ardblitztabContainer td.ardPlMann {
  font-weight: bold;
  width: 65%;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: #E9EBEF;
}

.ardblitztabContainer td.ardPlMann img
{

	width: 32px;
	float: left;
	vertical-align: middle;
	margin: 0 8px 0 8px;
}



/* @end */

.ardFlagTable {
  margin: 0.1em 0.5em 0.1em 0;
  float: left;
  vertical-align: middle;
  clear: both;
}

/* Der Fuss */
#wsUnipFuss {
  clear: both;
  margin: 0 auto 1em auto;
  float: right;
}

#wsUnipFuss p {
  float: right;
  text-align: right;
  padding: 0.6em 0 0.75em 0;
  margin: 0;

}

#wsUnipFuss p.reload {
  float: right;
  text-align: right;
  width: 100%;
  position: relative;
}

#wsUnipFuss p a.close:link,#wsUnipFuss p a.close:visited {

  color: #acc8dd;
  text-decoration: none;
  padding: 0.25em 2em 0.5em 0;
}

#wsUnipFuss p a.close:active,#wsUnipFuss p a.close:focus,#wsUnipFuss p a.close:hover {

  color: #001a4b;
  text-decoration: underline;
  padding: 0.25em 2em 0.5em 0;
}

#wsUnipFuss p a.reload:link,#wsUnipFuss p a.reload:visited {
  color: #001a4b;
  text-decoration: none;

}

#wsUnipFuss p a.reload:active,#wsUnipFuss p a.reload:focus,#wsUnipFuss p a.reload:hover {
  color: #001a4b;
  text-decoration: underline;

}


@media only screen and (min--moz-device-pixel-ratio: 2), 
        only screen and (-o-min-device-pixel-ratio: 2/1), 
        only screen and (-webkit-min-device-pixel-ratio: 2), 
        only screen and (min-device-pixel-ratio: 2) 
{ 
	#ardTickerText p	
	{
	font-size: 120%;
    }

}