.blokkok {
  margin: 20px 0px 0px 20px;
  max-width: 880px;
  float: left;
  clear: both;
  overflow: hidden;
}

#ref-head {
	width: 800px;
  float: left;
  padding-right: 20px;
}

#ref-logo {
  float: left;
  width: 240px;
  padding: 20px 10px 0px 10px;
}

img.ref-logo-img {
  display: block;
  margin: 0 auto;
  width: 240px;
}

#ref-adat {
  float: left;
  width: 520px;
  padding-right: 20px;
}

#ref-merk {
  float: left;
  width: 800px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.hess0 {
	display: none;
}


.img {
  border: 0px;
}

a {
  text-decoration: none;
}



/* ======================
   # ref-head táblázat #
   ====================== */

table {
  border-collapse: collapse;
  font-family: Tahoma, Geneva, sans-serif;
  text-align: center;
}

td.csik {
	width: 880px;
  padding: 3px;
  background-color: #00A69C;
}

td.ref-td-left {
  height: 60px;
  text-align: left;
  padding: 6px 20px;
}
td.ref-td-right {
  height: 60px;
  text-align: right;
  padding: 6px 20px;
}
td.ref-td-center {
  height: 60px;
  text-align: center;
  padding: 6px 20px;
}



/* =====================
   # ref-adat táblázat #
   ===================== */

table.tbadat {
	margin: 20px;
  width: 520px;
  border-collapse: collapse;
  font-family: Tahoma, Geneva, sans-serif;
}

table tbody td {
  color: #636363;
}

table tbody tr {
  background-color: #f9fafb;
}

table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}


table tbody td.cimkeb {
	width: 180px;
  padding: 10px 2px 10px 20px;
  text-align: left;
  font-weight: 600;	/* 400 = normal, max = 900 */
  border-top: 1px solid #dddfe1;
  border-left: 1px solid #dddfe1;
  border-right: 1px solid #dddfe1;
}

table tbody td.cimkebu {
	width: 180px;
  padding: 10px 2px 10px 20px;
  text-align: left;
  font-weight: 600;	/* 400 = normal, max = 900 */
  border-top: 1px solid #dddfe1;
  border-left: 1px solid #dddfe1;
  border-right: 1px solid #dddfe1;
  border-bottom: 1px solid #dddfe1;
}

table tbody td.cimkej {
	width: 340px;
  padding: 10px 2px 10px 10px;
  text-align: left;
  border-top: 1px solid #dddfe1;
  border-left: 1px solid #dddfe1;
  border-right: 1px solid #dddfe1;
}

table tbody td.cimkeju {
	width: 340px;
  padding: 10px 2px 10px 10px;
  text-align: left;
  border-top: 1px solid #dddfe1;
  border-left: 1px solid #dddfe1;
  border-right: 1px solid #dddfe1;
  border-bottom: 1px solid #dddfe1;
}



/* =============================
   # Aktuális idény mérkőzései #
   ============================= */

table thead td.player-csik {
  padding: 3px;
  background-color: #00A69C;
  border: 1px solid #00A69C;
}

table thead td.player-fej {
  padding: 6px;
  background-color: #394555;
  color: #ffffff;
  font-weight: normal;
  font-size: 20px;
  border: 1px solid #394555;
}


table.merk-tb-nb1 {
  border-collapse: collapse;
  font-family: Tahoma, Geneva, sans-serif;
  width: 800px;
}

tr.merk-tr:nth-child(odd) {
  background-color: #E5E8ED;
}

th.merk-th, th.merk-th-ellen, th.merk-th-perc {
  text-align: center;
  font-weight: normal;
  padding: 10px 2px;
}


tr.merk-tr-foot {
	background-color: #B2B2B2;
}

th.merk-th-foot {
  text-align: center;
  font-weight: bold;
  padding: 10px 2px;
}

td.merk-td-left {
  text-align: left;
  padding: 10px 2px;
}

td.merk-td-right {
  text-align: right;
  padding: 10px 2px;
}

td.merk-td-center {
  text-align: center;
  padding: 10px 2px;
}








/* ======================
   #    media screen    #
   ====================== */


/* 1. törés */
@media only screen and (max-width: 860px) {

	.blokkok {
	  max-width: 800px;
	}

/* fejléc, csík */
	#ref-head {
		width: 728px;
	}
	td.csik {
		width: 728px;
	}

/* playerlogo */
	#ref-logo {
		float: left;
		width: 218px;
		padding: 20px 10px 0px 10px;
	}
	img.ref-logo-img {
		display: block;
		width: 208px;
	}

	#ref-adat {
		float: left;
		width: 470px;
		padding-right: 20px;
	}


/* playeradatok */
	table.tbadat {
		margin: 20px;
		width: 470px;
	}

	table tbody td.cimkeb, td.cimkebu {
		width: 130px;
	}

	table tbody td.cimkej, td.cimkeju {
		width: 340px;
	}


/* aktuális idény */
	#ref-merk {
	  float: left;
	  width: 728px;
	}

	table.merk-tb-nb1 {
	  width: 728px;
	}

}


/* 2. törés */
@media only screen and (max-width: 790px) {

	.blokkok {
	  max-width: 640px;
	}

/* fejléc, csík */
	#ref-head {
		width: 582px;
	}
	td.csik {
		width: 582px;
	}


/* playerlogo */
	#ref-logo {
		float: left;
		width: 192px;
		padding: 20px 0px;
	}
	img.ref-logo-img {
		display: block;
		width: 184px;
	}

	#ref-adat {
		float: left;
		width: 380px;
		padding-right: 20px;
	}

/* playeradatok */
	table.tbadat {
		margin: 20px 10px 0px 10px;
		width: 380px;
	}

	table tbody td.cimkeb, table tbody td.cimkebu {
		width: 120px;
		padding: 8px 2px 8px 10px;
		font-weight: 400;
		font-size: 15;
	}

	table tbody td.cimkej, table tbody td.cimkeju {
		width: 260px;
		padding: 8px 2px 8px 10px;
		font-size: 15;
	}


/* aktuális idény */
	#ref-merk {
	  float: left;
	  width: 582px;
	}

	table.merk-tb-nb1 {
	  width: 582px;
	}

	td.merk-td-left,
	td.merk-td-right,
	td.merk-td-center {
		font-size: 15;
	}

	.hess {
		display: none;
	}

}


/* 3. törés */
@media only screen and (max-width: 640px) {

	.blokkok {
	  max-width: 360px;
	}

/* fejléc, csík */
	#ref-head {
		width: 286px;
	}
	td.csik {
		width: 286px;
	}
	td.ref-td-left,
	td.ref-td-right,
	td.ref-td-center {
		font-size: 26px;
		height: 50px;
		padding: 6px 6px 6px 10px;
	}


/* playerlogo */
	#ref-logo {
		float: left;
		width: 286px;
		padding: 20px 0px 0px 0px;
	}
	img.ref-logo-img {
		display: block;
		width: 240px;
	}

	#ref-adat {
		float: left;
		width: 286px;
		padding-right: 20px;
	}

/* playeradatok */
	table.tbadat {
		margin: 20px 10px 0px 0px;
		width: 286px;
	}

	table tbody td.cimkeb, table tbody td.cimkebu {
		display: none;
		width: 40px;
		padding: 8px 2px 8px 6px;
		font-weight: 400;
		font-size: 14;
	}

	table tbody td.cimkej, table tbody td.cimkeju {
		width: 286px;
		padding: 8px 2px 8px 6px;
		font-size: 18;
		text-align: center;
	}


/* aktuális idény */
	#ref-merk {
	  float: left;
	  width: 286px;
	}

	td.player-csik,
	td.player-fej {
		width: 286px;
	}

	table.merk-tb-nb1 {
	  width: 286px;
	}

	td.merk-td-left,
	td.merk-td-right,
	td.merk-td-center,
	th.merk-th,
	th.merk-th-foot {
		font-size: 14px;
	}
	th.merk-th-ellen {
		font-size: 14px;
		width: 90px;
	}
	th.merk-th-perc {
		font-size: 14px;
		width: 40px;
	}
	
	.hess2 {
		display: none;
	}
	.hess0 {
		display: table-cell;
	}


}