@font-face {
  font-family: myFirstFont;
  src: url(SerpentineBoldOblique.ttf);
  font-weight: bold;
}

	/*******
  Core
*******/
body{
	background-color:#000000; /*#00FF00 */
	color:white;
	font-family: Calibri, Verdana, Arial;
	font-size: 1.5em;
	font-weight: bolder;
	padding: 0px;
	margin: 0px;
	width: 300px;
}


/************
  Head-tags
************/
h1, h2, h3{
	margin:0px;
}


/**********
  Content
**********/
#participants, #results, #medals, #teampoints, #combinedevents, #medalscombined, #roundparticipants, #roundresults, #roundmedals{
  font-size : 21px;
  width:350px;
  height:470px;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top:0px;
  background-color:#000000;
/*   background-color:#A3A3A3; */
/*   background-color:#00FF00; GREENSCREEN*/

}

/* Logo at the bottom of the page */
#logo{
  width:400px;
  height:210px;
  position: absolute;
  top:400px;
  left: 0;
  right: 0;
  margin: auto;
  background-image:url("../images/logo/logoacd1920x210.png");
}


/**********************
  Title (at any page)
**********************/
.title{
  font-family: myFirstFont; 
  background-color:gold;
  color:white;
  padding-top: 0px ;
  padding-right:10px;
  padding-left:100px;
  text-align:right;
  height:100px;
  background-image: url(../images/header_tvscreen_iframe.png);
  font-size: 0.8em;
}

.events_done{
  float:right;
}


/************
  Heattable
************/
table.heattable{
	font-size: 1.5em;
     width: 300px;
     border-spacing: 0px 0px;
     text-align: left;
     padding-left: 0px; 
  
}

/* Plaatsing van de titels boven de kolommen */
.heattable th{
 /* display:none; */


}

.heattable td{
     padding-top: 0px; 
     padding-bottom: 0px; 
     padding-left:0px; 
     text-align: left; 
  
}

/*Give a gradient for the table-rows*/
.heattable tr{
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0, #A3A3A3),
      color-stop(0.5, #717171),
      color-stop(0.5, #444444),
      color-stop(1, #6E6E6E)
      
  );
  background-image: -moz-linear-gradient(
      center top,
      #A3A3A3 0%,
      #717171 50%,
      #444444 50%,
      #6E6E6E 100%
      
  );
}

/* Give even and odd rows a different color */
/*.head{
	background-color: #005C9C;
}

.even{
	background-color: #CFE1EC;
	color:black;
}

.odd{
  background-color: #005C9C;
}*/


/***********************
  Columns to hide/show
***********************/
.place{
  display:table-cell;
}

.lane{
  display:table-cell;
}

.bib{
  display:table-cell;
}

.name{
  display:none;
}

.date{
  display:none;
}

.points{
  display:none;
}

.team{
  display:table-cell;
}

.club{
  display:none;
  
}

.pb{
  display:table-cell;
}

.result{
  display:table-cell;
}

.info{
  display:none;
}

.teampoints{
  display:table-cell;
}
	

#results td.lane, #results th.lane,
#medals td.lane, #medals th.lane,
#roundresults td.lane, #roundresults th.lane,
#roundmedals td.lane, #roundmedals th.lane{
  display:none;
}

#teampoints td.team{
  display:table-cell;
  padding-right:20px;
  padding-left:20px;
}

#teampoints td.total, #results td.points, #combinedevents td.total, #medalscombined td.total{
  text-align:right;
 padding-right:20px; 
}

td.lane, td.place{
  padding-left:2px;
}

td.total, td.points{
	padding-right:5px;
}


/********************
  Handle medal-rows
********************/
tr.gold td.place,tr.silver td.place,tr.bronze td.place{
	width:40px;
	padding-left:35px;
	background-size:30px 46px;
	background-repeat:no-repeat;
	background-position:left;
}

tr.gold td.place{
	background-image: url("../images/icons/medal-gold.png");
}

tr.silver td.place{
	background-image: url("../images/icons/medal-silver.png");
}

tr.bronze td.place{
	background-image: url("../images/icons/medal-bronze.png");
}