/*:::::::::::::::::::: GENERAL-SETTINGS ::::::::::::::::::::::::::::*/
body {
	font-family: 'Roboto', sans-serif;
	margin:0px;
	color:#4D4D4D;
	background-color:#DBDBDB;
	vertical-align:top;
	}
img#roadworks {
	display:none;
	height:300px;
	}
a {
	color:#4D4D4D;
	}
a:active, a:focus {
	outline:0;
	}
a:hover, button:hover {
	color:#DF2626;
	}
ul {
	list-style: none;
	padding:0px;
	margin:0px 0px 0px 10px;
	}
li:before {
	content: "• ";
	color: red;
	}
div.table {
	display:table;
	table-layout: fixed;
	}
div.row {
	display:table-row;
	}
span.cell {
	display:table-cell;
	vertical-align:top;
	}
/*:::::::::::::::::::: HEADER ::::::::::::::::::::::::::::*/
header {
	border-bottom:4px solid #676767;
	margin:0px 15px 30px 15px;
	}
header div.table {
	width:100%;
	}
header span.cell:last-child {
	text-align:right;
	}
header span.cell img {
	display:block;
	}
header nav {
	text-align:right;
	}
header nav a, header span.cell a {
	display:inline-block;
	color:#676767;
	text-transform:uppercase;
	padding:0px 13px;
	line-height:23px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	}
header span.cell a {
	padding-top:20px;
	}
header nav a:hover, header span.cell a:hover {
	background-color:#676767;
	color:white;
	}
header img#ultimateLogo {
	width:100px;
	}
header nav:nth-child(3) {
	border-top:1px dotted gray;
	}
/*:::::::::::::::::::: PAGE ::::::::::::::::::::::::::::*/
div#page {
	background-color:white;
	margin:0px auto;
	width:1000px;
	box-shadow:0px 0px 10px gray;
	}
/*:::::::::::::::::::: INPUT ::::::::::::::::::::::::::::*/
.button {
	background-color:#2E2E2E;
	border-color:#2E2E2E;
	color:white;
	cursor:pointer;
	padding: .375rem 2rem;
	border-radius: 2rem;
	/*transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
	letter-spacing: 2px;
	margin-bottom:16px;
	box-shadow: 3px 3px 6px gray;
	text-decoration:none;
	text-align:center; /*fuer mobile*/
	}
input[type="radio"] + label.button {
	border-radius:0;
	}
a.button {
	display:inline-block;
	}
.button:hover {
	background-color:lightgray;
	color:#2E2E2E;
	}
article label {
	display:inline-block;
	width:inherit;
	margin-bottom:16px;
	}
label.before {
	padding: .375rem .75rem;
	white-space: nowrap;
	border: 1px solid #4D4D4D;
	border-radius: .25rem 0 0 .25rem;
	background-color:#4D4D4D;
	color:white;
	}
input[type="text"], input[type="email"], input[type="password"] {
	border: 1px solid #4D4D4D;
	border-radius: .25rem;
	padding: .375rem .75rem;
	background-color: #fff;
	margin-bottom:16px;
	}
input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover {
	color: #495057;
	background-color: #fff;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
	}
input[type="radio"] + label.button {
	border:1px solid #4D4D4D;
	padding: .375rem 0.6rem;
	}
input[type="radio"]:disabled + label.button {
	text-decoration:line-through;
	background-color:gray;
	border-color:white;
	}
input[type="checkbox"], input[type="radio"] {
	display:none;
	}
input[type="checkbox"] + label {
	background-color:#404040;
	color:white;
	padding:5px 10px;
	border:1px solid #404040;
	cursor:pointer;
	}
input[type="checkbox"] + label::before {
	display:inline-block;
	padding:5px;
	content:"✖";
	color:red;
	}
input[type="checkbox"]:checked + label, input[type="radio"]:checked + label {
	background-color:white;
	color:black;
	box-shadow: 3px 3px 3px gray inset;
	}
input[type="checkbox"]:checked + label::before, input[type="radio"]:checked + label::before {
	content:"✔";
	color:green;
	}
/*:::::::::::::::::::: FOOTER ::::::::::::::::::::::::::::*/
footer {
	background-color:#2E2E2E;
	color:white;
	}
footer a {
	color:white;
	}
footer table {
	width:100%;
	}
footer td {
	vertical-align:top;
	}
article {
	padding:10px;
	}
article table {
	margin:0px auto 10px auto;
	border-spacing:0px;
	}
article table:not(.calendar):not(#tournamentSettings) tr:nth-child(even) td {
	background-color:lightgray;
	}
article table:not(.calendar):not(#tournamentSettings) tr:hover td {
	background-color:lightblue;
	}
article table thead {
	background-color:gray;
	color:white;
	border-bottom:2px solid black;
	}
article td {
	border-right:1px dotted darkgray;
	}
article caption {
	text-align:left;
	}
#dialogContainer {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(40,40,40, 0.9);
	z-index:9999;
	}
#dialog {
	position:fixed;
	min-width:400px;
	min-height:200px;
	top:calc(50% - 100px);
	left:calc(50% - 200px);
	background-color:lightgray;
	border:3px groove black;
	text-align:center;
	}
/*::::::::::::::::::::::::::::::::: MOBILE HTML :::::::::::::::::::::::::::*/
#mobileMenuButton, label[for="mobileMenuButton"] {
	display:none;
	}