@font-face {
	font-family:	"alegreya";
	src:			url("/fonts/alegreya.woff2") format("woff2");
}
@font-face {
	font-family:	"bellota";
	src:			url("/fonts/bellota.woff2") format("woff2");
}
@font-face {
	font-family:	"trebu";
	src:			url("/fonts/trebuc.woff") format("woff");
}
@font-face {
	font-family:	"verdana";
	src:			url("/fonts/verdana.woff") format("woff");
}
@font-face {
	font-family:	"nunito";
	src:			url("/fonts/nunito.woff2") format("woff2");
}
@font-face {
	font-family:	"freeserif";
	src:			url("/fonts/times.woff2") format("woff2");
}
@font-face {
	font-family:	"zilla";
	src:			url("/fonts/zilla.woff2") format("woff2");
}
@font-face {
	font-family:	"courierprime";
	src:			url("/fonts/courierprime.woff2") format("woff2");
}
@font-face {
	font-family:	"ubuntu";
	src:			url("/fonts/ubuntu.woff2") format("woff2");
}
@font-face {
	font-family:	"comic";
	src:			url("/fonts/comic.woff2") format("woff2");
}

body {
	margin		: 0;
	font-family	: sans-serif;
	font-size	: 0.8em;
}

div[data-role="page"] {
	/*
	background: none;
	*/
}

table {
	border-collapse: collapse;
}

td {
	padding: 2px;
}

.match, .teamrank {
	background: #def7fc;
	background: -moz-linear-gradient(#def7fc, #b2cad4);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#def7fc), color-stop(100%,#b2cad4));
	background: -webkit-linear-gradient(#def7fc, #b2cad4);
	background: -o-linear-gradient(#def7fc, #b2cad4);
	background: -khtml-linear-gradient(#def7fc, #b2cad4);
	background: -ms-linear-gradient(#def7fc, #b2cad4);
	background: linear-gradient(#def7fc, #b2cad4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#def7fc', endColorstr='#b2cad4', GradientType=0);
	color: #000000;
	text-shadow: 0 -1px 0 #ffffff;
	height: 40px;
}

.equal {
	background: #ffbbbb;
	background: -moz-linear-gradient(#ffbbbb, #ff9999);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbbbb), color-stop(100%,#ff9999));
	background: -webkit-linear-gradient(#ffbbbb, #ff9999);
	background: -o-linear-gradient(#ffbbbb, #ff9999);
	background: -khtml-linear-gradient(#ffbbbb, #ff9999);
	background: -ms-linear-gradient(#ffbbbb, #ff9999);
	background: linear-gradient(#ffbbbb, #ff9999);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbbbb', endColorstr='#ff9999', GradientType=0);
	color: #000000;
	text-shadow: none;
}

.phase, .headline {
/*	height: 40px;
	text-shadow: 0 -1px 0 #ffffff;
	font-weight: bold;
	text-align: center;
*/
}

#matches .date {
	background: #eee;
	background: -moz-linear-gradient(#fff, #eee);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee));
	background: -webkit-linear-gradient(#fff, #eee);
	background: -o-linear-gradient(#fff, #eee);
	background: -khtml-linear-gradient(#fff, #eee);
	background: -ms-linear-gradient(#fff, #eee);
	background: linear-gradient(#fff, #eee);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#eee', GradientType=0);
	color: #6facd5;
	text-shadow: 1px 1px 3px #999;
	font-weight: normal;
}

#matches .date th {
	font-weight: normal;
	font-size: 120%;
}

.active, .favourite {
	background: #6facd5;
	background: -moz-linear-gradient(#6facd5, #5393c5);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6facd5), color-stop(100%,#5393c5));
	background: -webkit-linear-gradient(#6facd5, #5393c5);
	background: -o-linear-gradient(#6facd5, #5393c5);
	background: -khtml-linear-gradient(#6facd5, #5393c5);
	background: -ms-linear-gradient(#6facd5, #5393c5);
	background: linear-gradient(#6facd5, #5393c5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6facd5', endColorstr='#5393c5', GradientType=0);
	color: #ffffff;
	text-shadow: 1px 1px 1px #000000;
}

#matches, #rankings, #finalrank {
	margin-bottom: 40px;
}

thead.headline tr.title {
	background: #eeeeee;
	background: -moz-linear-gradient(#eeeeee, #d0d0d0);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#d0d0d0));
	background: -webkit-linear-gradient(#eeeeee, #d0d0d0);
	background: -o-linear-gradient(#eeeeee, #d0d0d0);
	background: -khtml-linear-gradient(#eeeeee, #d0d0d0);
	background: -ms-linear-gradient(#eeeeee, #d0d0d0);
	background: linear-gradient(#eeeeee, #d0d0d0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d0d0d0', GradientType=0);
	color: #000000;
	text-shadow: 0 -1px 0 #ffffff;
}

thead.headline tr.columnhead {
	background: #cecece;
	background: -moz-linear-gradient(#cecece, #bababa);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cecece), color-stop(100%,#bababa));
	background: -webkit-linear-gradient(#cecece, #bababa);
	background: -o-linear-gradient(#cecece, #bababa);
	background: -khtml-linear-gradient(#cecece, #bababa);
	background: -ms-linear-gradient(#cecece, #bababa);
	background: linear-gradient(#cecece, #bababa);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cecece', endColorstr='#bababa', GradientType=0);
	color: #000000;
	text-shadow: none;
}

.prevresinfo{
	background-color: #bba;
	font-size: 80%;
	font-style: italic;
    text-align: center;
}

#mobilescreen #losrankings {
	padding-top: 2px !important;
}

#widescreen #losrankings {
	position: fixed;
	right: 10px;
	top: 40px;
	width: 500px; /*wird später im JS verändert*/
}

#attention {
	left: 60px;
	position: fixed;
	top: 100px;
	opacity: 0.5;
}

#attention img {
	left: 0px;
	position: relative;
	top: 3px;
	max-width: 100px;
}

#widescreen .teamrank {
	height: 40px;
}

#matches .headline {
	border-top: 1px solid #bbbbbb;
}

#matches .headline span {
	font-weight: normal;
	right: 1px;
	top: 0;
	text-shadow: none;
}

#matches .columnhead .ground {
	text-align: center;
}

#matches .columnhead .group {
	padding-left: 5px;
	text-align: center;
}

table.rankings {
	border: 1px solid #bbbbbb;
	width: 100%;
}

.result, .number, .time, .ground, .group, .tHome, .tAway {
	text-align: center;
	white-space: nowrap;
	padding-right: 10px;
}

.match .playoff, .match .number, .match .time, .match .ground, .match .group {
	font-size: 80%;
	color: #666666;
}

.match.active .playoff, .match.active .number, .match.active .time, .match.active .ground, .match.active .group {
	color: #ffffff;
	text-shadow: 1px 1px 1px #000000;
}

.match.favourite .playoff, .match.favourite .number, .match.favourite .time, .match.favourite .ground, .match.favourite .group {
	color: #ffffff;
	text-shadow: 1px 1px 1px #000000;
}

.nmf_groupleft .ground, .columnhead .ground {
	display: inline-block;
	text-align: left;
	width: auto;
}

.nmf_groupleft .group, .columnhead .group {
	display: inline-block;
	text-align: left;
	padding-right: 0;
	width: auto;
}

.tHome, .tAway {
	text-align: left;
	cursor: pointer}

.match .result {
	cursor: pointer}

.teamrank .weight, .teamrank .weightvirtual {
	cursor: pointer}

.match .time {
	text-align: right;
}

.invisible {
	visibility: hidden;
}

.nodisplay {
	display: none !important;
}

.columnhead th {
	/*background: #ffffff;*/
	font-size: 70%;
	font-weight: normal;
	text-shadow: none;
	text-align: left;
}

.columnhead th.result {
	text-align: right;
}

#rankings .played {
	text-align: right;
}

#rankings .scored {
	padding-right: 0;
	text-align: right;
	width: 20px;
}

#rankings .received {
	padding-left: 0;
	width: 15px;
}

#rankings .diff {
	text-align: right;
	width: 25px;
}

#rankings .points {
	padding-right: 10px;
	text-align: right;
}

.lfdnr, .rank {
	padding-left: 10px;
	text-align: right;
	width: 15px;
}

#rankings .weight, #rankings .weightvirtual {
  color: #999999;
  padding-right: 10px;
  text-align: right;
}

#rankings .played, #rankings .diff{
	padding-left: 10px;
}

#rankings .scored {
	padding-left: 15px;
}

#rankings .columnhead .scored, #rankings .columnhead .diff {
	text-align: left;
}

.tHome, .tAway, .teamName {
	padding-left: 10px;
	padding-top: 1px;
	white-space: nowrap;
}

.teamName {
	white-space: normal;
	line-height: 1.0em;
}

.tHome {
	float: left;
}

.tAway {
	float: right;
	text-align: right;
}

#mobilescreen div[class^="grouptable"] {
	margin-top: 20px;
	display: block;
}

#mobilescreen div .grouptableEven0 {
	margin-top: 0px;
}

#widescreen div[class^="grouptable"] {
	margin: 10px 0px 0px 10px;
	float: left;
}

.sepsize {
	display: none;
}

.playoff {
	font-size: 80%;
	font-style: italic;
	text-shadow: 0 -1px 1px #999999;
	color: #666666;
	padding-top: 3px;
}

#finalrank {
    font-size: 130%;
}

.finalrank {
	width: 100%;
}

.ranknumber {
	font-size: 75%;
	color: #666;
}

.bronze .ranknumber {
    color: #ddd;
}

.teamrank.gold{
	background: #d9a441;
}

.teamrank.silver{
	background: #c0c0c0;
}

.teamrank.bronze{
	background: #965a38;
	color: #fff;
	text-shadow: 0 -1px 0 #000;
}

#mobilescreen .nmf_table {
	width: auto;
	border-collapse: collapse;
}

#widescreen .nmf_table {
	border-collapse: collapse;
	max-width:550px;
}

.nmf_groupleft {
	float: left;
}

@media only screen and (max-width:600px) {
	.nmf_groupleft {
		float: none;
	}
}

.nmf_matchdesign {
	display: inline;
}

.nmf_ergtd {
	vertical-align: bottom;
}

.nmf_ergdiv {
	bottom: 8px;
	position: relative;
	text-align: right;
}
.verl {
	font-size: 50%;
	line-height: .5em;
	margin-bottom: -4px;
}
.topcenterimage {
	left: 50%;
	position: fixed;
	top: 0;
	z-index: 1001;
	opacity: 0.50;
	margin-left: -px;
}
.topcenterimage img {
	height: 44px;
}
#matchespanel {
	background: #444;
	opacity: 0.95;
}
#matchespanel legend {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
#matchespanel .ui-slider-switch {
	width: 12em;
}
#matchespanel .ui-slider-track .ui-btn-active {
	background-color: #e9e9e9;
	color: #f00;
	text-shadow: none;
}
#matchespanel #collapse_1 hr{
    height: 2px;
    border: none;
    margin-bottom: 1em;
    background-color: #fff;
}
.groupheader-down {
	background: #ffff33 !important;
}
.delay_match_width {
	width: 50% !important;
}
.hard_matchresult {
	font-size: 25px;
	height: 30px;
	text-align: center;
	width: 25% !important;
}
.hard_mresult_ext {
	font-size: 20px;
	height: 29px;
}
#useroptions {
	position:fixed;
	background-color: #FFFFFF;
}
#options_button {
	right: 0;
	position: fixed;
	bottom: 0px;
	z-index: 10;
}

#lidl {
	/*background-color: #FFFFFF;*/
	/*border: 1px solid #006600;*/
	bottom: -45px;
	height: 45px;
	/*min-width: 320px;*/
	padding: 0px;
	position: fixed;
	text-shadow: 0 1px 0 #000000;
	/*transition: bottom 1s linear 0s;*/
	width: 100%;
	-webkit-transition: bottom 1s linear;
	-moz-transition: bottom 1s linear;
	-o-transition: bottom 1s linear;
	transition: bottom 1s linear;
}

#innerlidl {
	/*background-color: #006600;*/
	height: 100%;
}

#lidl a {
  /*color: #ffffff;*/
  text-decoration: none;
}

#lidl img {
	float: left;
	height: 45px;
	margin: 0 5px 0 0;
}

.innerlidl span {
	height: 45px;
	vertical-align: middle;
	display: table-cell;
	line-height: 13px;
	font-size: 13px;
	padding-left: 3px;
}

.aldi {
    bottom: 0 !important;
}

.set-goal-btn {
	background: #444444;
	background: -moz-linear-gradient(#444444, #2d2d2d);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#2d2d2d));
	background: -webkit-linear-gradient(#444444, #2d2d2d);
	background: -o-linear-gradient(#444444, #2d2d2d);
	background: -khtml-linear-gradient(#444444, #2d2d2d);
	background: -ms-linear-gradient(#444444, #2d2d2d);
	background: linear-gradient(#444444, #2d2d2d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#2d2d2d', GradientType=0);
	color: #ffffff;
	text-shadow: 0 -1px 0 #000000;
	background-clip: padding-box;
	border: 1px solid #111111;
	border-radius: 0.4em;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	cursor: pointer;
	display: inline-block;
	font-weight: normal;
	margin: 0.1em 0;
	padding: 0.5em 2px;
	position: relative;
	text-align: center;
}

.tHome.set-goal-btn {
	margin: 0 4px 0 10px;
}

.tAway.set-goal-btn {
	margin: 0 10px 0 4px;
}

.set-erg-btn {
	background-color: #333333;
	background-clip: padding-box;
	border: 1px solid #111111;
	border-radius: 0.4em;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	cursor: pointer;
	display: inline-block;
	font-weight: normal;
	margin: 0 0 2px 0;
	padding: 0.5em 2px;
	position: relative;
	text-align: center;
	color: #fff;
    text-shadow: 0 0 0;
}

.sgb-erg {
	margin: 0 -6px 2px 0;
	width: 30px;
	bottom: 0;
}

.lastGoal {
	font-weight: bold;
	color: #fff !important;
	background-color: #f44;
	text-shadow: 0 1px 0px #000;
}

.lastGoalConfirmed {
	background-color: #0c0;
}

.live_result {
	color: #c33 !important;
	font-weight: bold}

#preloader {
	position: absolute;
	left: -1000px;
	top: -1000px;
}

#preloader img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50px;
}
.tbold {
	font-weight: bold;
}
.titalic {
	font-style: italic;
}
.tstrike {
	text-decoration: line-through;
}

.traditionelleTabelle {
	border:1px solid #000000;
	border-collapse: collapse;
}
.traditionelleTabelle td.noborder{
	border:none;
}
.traditionelleTabelle td{
	border:1px solid #000000;
}
.traditionelleTabelle td.topborder{
	border-top:1px solid #000000;
}

.traditionelleTabelle tr:nth-child(even) {
	/*background: #eeeeee;*/
}
.traditionelleTabelle tr:nth-child(odd) {
	background: #ffffff;
}
.traditionelleTabelle tr.head, .traditionelleTabelle td.head{
	background: #dddddd;
	font-weight: bold;
}
.traditionelleTabelle td.head{
	vertical-align: bottom;
}

.textDirUp {
	-webkit-transform: rotate(-90deg);	
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 30px;
	position: relative;
	bottom: 10px;
}
.uptext{
	height: 100px;
}
.pos-top{
	position: absolute;
}
.grpnote{
    font-size: 70%;
    margin-top: -4px;
    display: block;
}
#set_scroll label{
	width: auto;
}
div[data-role="content"] {
	padding-top: 3em;
}
#collapse_1 legend, #collapse_2 legend, #collapse_3 legend{
	color: #333;
}
#collapse_1 .ui-body-inherit,#collapse_2 .ui-body-inherit,#collapse_3 .ui-body-inherit{
	background-color: #999;
}
#delay_match, #numrandom{
	background-color: #fff;
}
#watermark img{
	width	: 100%;
	opacity	: 0.1;
	position: fixed;
}

.hpstan{
	border-collapse	: collapse;
}
.hpstan tr:first-child td {
    background-color	: #ddd;
}
.hpstan td{
	border	: 1px solid #999;
	padding	: 1px 8px;
}
.teamlogopic {
	max-height: 25px;
	max-width: 25px;
	padding: 0 3px 0 0;
}
.alllogos {
	display: inline-block;
	text-align: center;
	border: 1px solid #ccc;
    background-color: #f0f8ff;
}
#allteamlogos_div img.logooverview {
	max-height: 200px;
	max-width: 200px;
	margin: 1em;
}
.teamlogoright {
	padding: 0 0 0 3px;
}
.teamlogopic40 {
	max-height: 40px;
	max-width: 40px;
	padding: 0 3px 0 0;
}
.teamlogodiv {
	display: flex;
    align-items: center;
	height: 25px;
}
.finalrank .teamlogodiv {
	height: auto;
}
.finalrank .teamlogopic40 {
	padding: 3px 3px 3px 0;
}
.ui-header .ui-btn, .ui-footer .ui-btn {
	font-size: 11px;
}
.ui-header .ui-btn-left, .ui-header .ui-btn-right {
	font-size: 11px;
}
.hrLine{
	border-top: 1px dashed #f00;
}
#resultRandom,#progress{
	font-size: 14px;
}