@charset "UTF-8";

/* Allgemein - beginn */
body {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
	width: 1280px;
	font-size: 1em;
}

.kopf {
	grid-area: header;
	background: url("/jakarta.faces.resource/bilder/logo.png.xhtml?ln=design") repeat;
	border-radius: 5px;
	padding: 5px 5px 5px 5px;
	width: 100%;
	height: 82px;
}

.fuss {
	grid-area: footer;
	background: url("/jakarta.faces.resource/bilder/logo.png.xhtml?ln=design") repeat;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-right: 5px;
	text-align: right;
	color: white;
}

.fusszeile {
	color: white;
}


h1,
h1 a,
h1 a:active,
h1 a:hover,
h1 a:visited {
	color: white;
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
	position: absolute;
	margin-top: 4px;
	margin-left: 4px;
	font-size: 1.4em;
	white-space: nowrap;
	text-decoration: none;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.2em;
}

p {
	padding-right: 5px;
	text-align: justify;
}

a,
a:hover,
a:active,
a:visited {
	text-decoration: none;
	background-color: none;
	color: white;
}

klappmenue {
	/* Handymenue (Hamburger) nicht anzeigen */
	display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	text-align: center;
	-moz-appearance: textfield;
}

input[type=email],
.ui-selectoneradio label {
	width: 550px;
}

.icon {
	background-color: none;
}

.iconPosition {
	display: inline-block;
	margin-top: 2px;
	width: 99%;
	text-align: right;
}

i {
	color: white;
	padding-left: 6px;
}

.iconLink,
.iconLink:hover,
.iconLink:active {
	display: inline-block;
	color: white;
}

ul.menu {
	position: absolute;
	list-style-type: none;
	margin-top: 25px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0;
	overflow: hidden;
	background-color: none;
	width: 1280px;
}

li.menu,
li.menuSelected {
	float: left;
	text-transform: uppercase;
	text-decoration: none;
}

li.menu a.menu,
li.menuSelected a.menu {
	display: block;
	color: lightgray;
	text-align: center;
	padding: 5px 10px;
	text-decoration: none;
}

li.menuSelected a.menu {
	color: white;
	font-weight: bold;
}

li.menu a:hover {
	background-color: none;
	color: white;
}

/* Daten */
.daten,
.datenZahlen,
.datenZahlenGruen,
.datenZahlenRot,
.weitereEmails,
.datenBeobachten {
	font-weight: bold;
}

.datenZahlenGruen {
	color: darkgreen;
}

.datenZahlenRot {
	color: red;
}

.weitereEmails {
	display: inline-block;
	padding-bottom: 20px
}

.datenZahlen,
.spalteTabPunkteunkte,
.datenZahlenGruen,
.datenZahlenRot {
	display: inline-block;
	text-align: right;
	width: 50px;
}

.datenEinzelPunkte {
	width: 15px;
}

.daten {
	display: inline-block;
	font-weight: bold;
	margin-left: 5px;
	padding-bottom: 6px;
}

.datenCenter,
.datenCenterRot {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

.datenCenterRot {
	color: red;
}

.datenBeobachten {
	display: inline-block;
	width: 200px;
	margin-bottom: 8px;
}

.weitereEmails {
	display: inline-block;
	padding-bottom: 20px;
	font-weight: bold;
}

/* Labels */
label,
.label,
.labelbreit,
.labelbreitDetails,
.labelFragen,
.labelSpalte,
.labelOutputSpalte {
	display: inline-block;
	width: 210px;
	padding-top: 15px;
}

.labelSpalte {
	width: 135px;
}

.labelOutputSpalte {
	width: 180px;
}

.labelbreit {
	width: 250px;
}

.labelbreitDetails {
	width: 320px;
}

.labelFragen {
	width: 520px;
}

.ui-outputlabel.auswahlLabel,
.auswahlLabel {
	display: inline-block;
	width: 200px;
	vertical-align: top;
	margin-top: -8px;
	margin-bottom: 8px;
}

.datenNebenLabel {
	margin-left: 10px;
	font-weight: bold;
}

.radioButton {
	display: inline-block;
}

/* Links */
.ui-commandlink.zuzahlen,
.ui-commandlink.zuzahlen:visited,
.ui-commandlink.zuzahlen:hover,
.ui-commandlink.zuzahlen:active {
	display: block;
	font-weight: bold;
	color: red;
	padding-left: 5px;
}

a.statistiken {
	background: url("/jakarta.faces.resource/bilder/logo.png.xhtml?ln=design") repeat;
	border-radius: 5px;
	margin-left: 75px;
	display: block;
	text-align: center;
}

a.passwortvergessen,
a.passwortvergessen:active,
a.passwortvergessen:hover,
a.passwortvergessen:active,
a.passwortvergessen:visited {
	display: block;
	width: 85%;
	text-align: right;
	padding-right: 20px;
	color: black !important;
}

a.ergebnisdienst,
a.ergebnisdienst:active,
a.ergebnisdienst:hover,
a.ergebnisdienst:active,
a.ergebnisdienst:visited {
	display: block;
	width: 85%;
	text-align: right;
	padding-right: 20px;
	color: black !important;
}

a#maillink,
a#maillink:active,
a#maillink:hover,
a#maillink:active,
a#maillink:visited {
	display: inlinhe-block;
	color: black !important;
}


spieltagkopf,
saisonkopf {
	margin-left: 40px;
}

spieltagkopf,
teilnehmerkopf,
extrakopf,
veranstaltungkopf,
saisonkopf {
	display: inline-block;
	padding-bottom: 30px;
}


body .ui-inputfield {
	border: none;
	border-radius: 0px;
	background: none;
	padding-top: 5px;
	padding-left: 5px;
	box-shadow: 0px 2px 0px 0px #0171bb;
}

body .ui-inputfield.ui-state-focus:not(.ui-state-error) {
	border-radius: 5px;
	box-shadow: 2px 2px #0171bb;
}

body .ui-selectonemenu {
	border: none;
	background: none;
	padding-top: 2px;
	padding-left: 5px;
	box-shadow: none;
	height: 26px;
}

body .ui-selectonemenu>.ui-inputfield {
	box-shadow: none;
}

body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) {
	padding-bottom: 5px;
	border-radius: 5px;
	box-shadow: 2px 2px #0171bb;
}


.ui-datatable table,
body .ui-datatable .ui-datatable-data>tr {
	border: hidden;
}

.anregung {
	display: block;
	margin-left: 35px;
	width: 700px;
	font-style: italic;
}

.anregungvon {
	margin-left: 35px;
}


spieltagkopf .ui-selectonemenu .ui-selectonemenu-label {
	border: none;
	text-align: right;
	width: 130px;
	padding-top: 0px;
}

.auswahlspieltagePanel .ui-corner-all .ui-selectonemenu-list-item,
.ui-selectonemenu-item {
	text-align: right;
	width: 110px;
}

teilnehmerkopf .ui-selectonemenu .ui-selectonemenu-label {
	border: none;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 0px;
	text-align: left;
	width: 250px;
}

.auswahlteilnehmerPanel.ui-corner-all .ui-selectonemenu-list-item,
.ui-selectonemenu-item {
	padding-left: -10px;
	text-align: left;
	width: 230px;
}

extrakopf .ui-selectonemenu .ui-selectonemenu-label {
	border: none;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 0px;
	text-align: left;
	width: 250px;
}

.auswahlextraPanel.ui-corner-all .ui-selectonemenu-list-item,
.ui-selectonemenu-item {
	padding-left: -10px;
	text-align: left;
	width: 230px;
}

saisonkopf .ui-selectonemenu .ui-selectonemenu-label {
	border: none;
	text-align: right;
	width: 125px;
	padding-top: 0px;
}

.auswahlsaisonPanel .ui-corner-all .ui-selectonemenu-list-item,
.ui-selectonemenu-item {
	width: 100px;
}

veranstaltungkopf .ui-selectonemenu .ui-selectonemenu-label {
	border: none;
	font-weight: bold;
	text-align: left;
	width: 200px;
	padding-top: 0px;
}

.auswahlveranstaltungPanel.ui-corner-all .ui-selectonemenu-list-item,
.ui-selectonemenu-item {
	text-align: left;
	width: 215px;
}

umfragungkopf .ui-selectonemenu .ui-selectonemenu-label {
	border: none;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 0px;
	text-align: left;
	width: 250px;
}

.auswahlteilnehmerPanel.ui-corner-all .ui-selectonemenu-list-item,
.ui-selectonemenu-item {
	padding-left: -10px;
	text-align: left;
	width: 230px;
}

body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
	color: #0171bb;
}

.spieltagdatum {
	display: inline-block;
	position: absolute;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 40px;
	text-align: right;
	width: 155px;
}

/* Spalte - beginn */
.spalteContainer {
	background: none;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	border-radius: 5px;
	box-shadow: -2px 2px #0171bb;
}

.statistiken {
	display: inline-block;
	height: 20px;
	margin-left: 80px;
	width: 180px;
}

/* Tipptabelle in der Spalte */
.spalteTippPlatz {
	display: inline-block;
	text-align: right;
	width: 30px;
}

.spalteTippImage {
	display: inline-block;
	margin-left: 4px;
	width: 12px;
}

.spalteTippName,
.spalteTippNameFett,
.spalteTippNameFettKursiv {
	display: inline-block;
	padding-top: 6px;
	padding-left: 8px;
	width: 160px;
}

.spalteTippHeute,
.spalteTippHeuteGruen,
.spalteTippHeuteRot,
.spalteTippHeuteLiveGruen,
.spalteTippHeuteLiveRot {
	display: inline-block;
	text-align: right;
	width: 35px;
}

.spalteTippGesamt {
	display: inline-block;
	text-align: right;
	width: 50px;
}

.spalteTippExtra {
	display: inline-block;
	width: 10px;
}

.spalteTippHeuteRot,
.spalteTippHeuteLiveRot {
	color: red;
}

.spalteTippHeuteGruen,
.spalteTippHeuteLiveGruen {
	color: green;
}

.spalteTippNameFett,
.spalteTippNameFettKursiv {
	font-weight: bold;
}

.spalteTippNameFettKursiv {
	Font-style: italic;
}

/* Tipptabelle in der Spalte - Ende */


/* Tabelle in der Spalte */
.spalteTabPlatz {
	display: inline-block;
	text-align: right;
	width: 30px;
}

.spalteTabVerein {
	display: inline-block;
	padding-top: 6px;
	padding-left: 4px;
	width: 130px;
}

.spalteTabSpieltage,
.spalteTabGewonnen,
.spalteTabUnentschieden,
.spalteTabVerloren {
	display: inline-block;
	text-align: right;
	width: 25px;
}

.spalteTabToreMax {
	display: inline-block;
	text-align: right;
	width: 50px;
}

.spalteTabToreMin {
	display: inline-block;
	margin-left: 2px;
	width: 35px;
}

.spalteTabPunkte {
	display: inline-block;
	text-align: right;
	width: 22px;
}

/* Tabelle in der Spalte - Ende */

/* Spalte - ende - */

schalter,
schalterSpalte {
	display: inline-block;
	margin-top: 15px;
	width: 85%;
}

schalter {
	text-align: center;
}

schalterSpalte {
	margin-left: 130px;
}

body .ui-button {
	background: url("/jakarta.faces.resource/bilder/schalter.png.xhtml?ln=design") repeat;
	color: white;
	margin-left: 20px;
}

body .ui-panelgrid .ui-panelgrid-cell {
	border: none;
}


/* Menue Tippeingabe */

spieltagWrapper {
	display: grid;
	grid-template-columns: 42em 6em;
	grid-template-areas: "spieltag punktestand";
}

spieltagtermin {
	display: block;
	background: url("/jakarta.faces.resource/bilder/schalter.png.xhtml?ln=design") repeat;
	margin-left: 28px;
	margin-bottom: 10px;
	color: #fff;
	border-radius: 5px;
}

links {
	display: inline-block;
	padding-left: 10px;
	width: 35%;
}

rechts {
	display: inline-block;
	padding-right: 10px;
	text-align: right;
	width: 64%;
}

paarungWrapper {
	display: block;
}

paarungen {
	display: inline-block;
	margin-left: 15px;
	height: 40px;
}

paarung {
	display: inline-block;
}

mannschaftHeim {
	display: inline-block;
	text-align: right;
	white-space: nowrap;
	width: 216px;
}

mannschaftGast {
	display: inline-block;
	white-space: nowrap;
	margin-left: 3px;
	width: 216px;
}

tippErgebnis {
	display: inline-block;
	margin-left: 12px;
}

gegen {
	display: inline-block;
	margin-left: 12px;
}

ergebnis {
	font-weight: lighter;
	margin-left: 12px;
}

punkte {
	display: inline-block;
	font-weight: bold;
	text-align: right;
	padding-left: 8px;
	width: 25px;
}

punktestand {
	display: block;
	background: url("/jakarta.faces.resource/bilder/logo.png.xhtml?ln=design") repeat;
	text-align: right;
	color: white;
	margin-left: 20px;
	align-self: flex-end;
	border-radius: 5px;
	padding-bottom: 10px;
}

.datenTippHeim,
.datenTippGast {
	display: inline-block;
	font-weight: bold;
	width: 36px;
}

.datenTippHeim {
	padding-right: 3px;
	text-align: right;
}

.datenTippGast {
	padding-left: 3px;
	text-align: left;
}

span.datenPunktestand {
	margin-right: 4px;
}


.tippEingabe,
.tippEingabeGespeichert {
	display: inline-block;
	height: 24px;
	width: 36px;
	font-weight: bold;
}

.tippEingabeGespeichert.ui-inputfield {
	box-shadow: 2px 2px 2px 2px darkgreen;
}

body .ui-datalist .ui-datalist-content {
	border: none;
}

body .ui-datalist-item {
	list-style: none;
	background-color: white;
	padding-bottom: 30px;
}

body .ui-datagrid .ui-datagrid-content,
body .ui-panelgrid .ui-panelgrid-content {
	border: none;
}

.datenPunkte,
.datenPunkteGruen,
.datenPunkteRot,
.datenPunkteLiveRot,
.datenPunkteLiveGruen {
	padding-right: 8px;
}

.livespiel {
	color: red;
}

/* Menue Tabelle */

.UeberschriftHeim {
	margin-left: 485px;
	display: inline-block;
}

.UeberschriftGast {
	margin-left: 13px;
	display: inline-block;
}

.UeberschriftPlatz {
	width: 60px;
	display: inline-block;
}

.UeberschriftVerein {
	margin-left: 21px;
	padding-bottom: 10px;
	width: 175px;
	display: inline-block;
}

.UeberschriftSpieltage {
	margin-left: 7px;
	width: 20px;
	text-align: right;
	display: inline-block;
}

.UeberschriftGewonnen {
	width: 20px;
	text-align: right;
	display: inline-block;
}

.UeberschriftUnentschieden,
.UeberschriftVerloren {
	width: 25px;
	text-align: right;
	display: inline-block;
}

.UeberschriftTore,
.UeberschriftToreHeimGast {
	margin-left: 4px;
	display: inline-block;
}

.UeberschriftPunkte {
	margin-left: 28px;
	width: 35px;
	display: inline-block;
}

.UeberschriftZwischenraum {
	margin-left: 14px;
	display: inline-block;
}

Tabellenanzeige {
	font-size: 85%;
}

.TabPlatz {
	padding-bottom: 8px;
	width: 23px;
	text-align: right;
	display: inline-block;
}

.TabPlatzLetz {
	font-size: 80%;
	width: 28px;
	text-align: center;
	display: inline-block;
}

.TabImage {
	margin-left: 8px;
	width: 12px;
	display: inline-block;
}

.TabVerein {
	margin-left: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 175px;
	display: inline-block;
}

.TabSpieltage,
.TabGewonnen,
.TabUnentschieden,
.TabVerloren,
.TabToreMax,
.TabPunkte {
	width: 25px;
	text-align: right;
	display: inline-block;
}

.TabPunkte {
	margin-left: 10px;
}

.TabToreMax {
	width: 38px;
}

.TabToreMin {
	display: inline-block;
	margin-left: 2px;
	width: 15px;
}

.zwischenraum {
	margin-left: 28px;
	display: inline-block;
}



/* Menue Tipptabelle */

.UeberschriftTippRekordeOben {
	display: inline-block;
	margin-left: 315px;
}

.UeberschriftTippPunkteOben {
	display: inline-block;
	margin-left: 45px;
}

.UeberschriftTippVergessenOben {
	display: inline-block;
	margin-left: 28px;
}

.UeberschriftTippTagesgewinnOben {
	display: inline-block;
	margin-left: 18px;
}

.UeberschriftTippHeute,
.UeberschriftTippInsgesamt {
	display: inline-block;
	margin-left: 20px;
}

.UeberschriftTippPlatz {
	margin-left: 35px;
	width: 60px;
	display: inline-block;
}

.UeberschriftTippName {
	margin-left: 22px;
	padding-bottom: 12px;
	width: 200px;
	display: inline-block;
}

.UeberschriftTippRekordMinus,
.UeberschriftTippRekordPlus {
	margin-left: 10px;
	width: 13px;
	display: inline-block;
}

.UeberschriftTippRekordPlus {
	margin-left: 38px;
}

.UeberschriftTippVergessen {
	margin-left: 50px;
	display: inline-block;
}

.UeberschriftTippSpieltaq {
	display: inline-block;
	margin-left: 30px;
}

.UeberschriftTippPunkteChronik {
	display: inline-block;
	margin-left: 37px;
}

.UeberschriftTippTagesgewinn {
	display: inline-block;
	margin-left: 15px;
}

.UeberschriftTippGewinne {
	display: inline-block;
	margin-left: 44px;
	width: 60px;
}

.UeberschriftTippGewinnplaetze {
	display: inline-block;
	margin-left: 16px;
}

.UeberschriftTippgewinn,
.UeberschriftTippGewinnplaetze,
.UeberschriftTippTagesgewinnChronik,
.UeberschriftTippGewinne,
.UeberschriftTippRekordMinus,
.UeberschriftTippRekordPlus,
.UeberschriftTippHeute,
.UeberschriftTippExtra,
.UeberschriftTippInsgesamt {
	text-align: center;
}

.UeberschriftTippName,
.UeberschriftTippVergessen,
.UeberschriftTippSchnitt.UeberschriftTippRekordeOben,
.UeberschriftTippVergessenOben,
.UeberschriftTippPunkteOben,
.UeberschriftTippTagesgewinnOben {
	text-align: left;
}

.TippPlatz {
	margin-left: 15px;
	width: 25px;
	text-align: right;
	display: inline-block;
}

.TippPlatzLetz {
	font-size: 80%;
	width: 25px;
	text-align: center;
	display: inline-block;
}

.TippImage {
	margin-left: 8px;
	width: 12px;
	display: inline-block;
}

.TippName,
.TippNameFett,
.TippNameFettKursiv {
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	margin-left: 26px;
	width: 200px;
}

.TippNameFett,
.TippNameFettKursiv {
	font-weight: bold;
}

.TippNameFettKursiv {
	Font-style: italic;
}

.TippRekordMinusAnzahl,
.TippRekordPlusAnzahl {
	display: inline-block;
	width: 15px;
	text-align: right;
}

.TippZwischen {
	display: inline-block;
	margin-left: 3px;
	width: 11px;
}

.TippZwischenraum {
	display: inline-block;
	margin-left: 8px;
}

.TippRekordMinusPunktzahl,
.TippRekordPlusPunktzahl {
	display: inline-block;
	width: 15px;
	text-align: left;
}

.TippSchnitt {
	display: inline-block;
	margin-left: 20px;
	width: 65px;
	text-align: right;
}

.TippVergessen {
	display: inline-block;
	margin-left: 4px;
	text-align: left;
	width: 30px;
}

.TippHeute,
.TippHeuteGruen,
.TippHeuteRot,
.TippHeuteLiveGruen,
.TippHeuteLiveRot {
	display: inline-block;
	text-align: right;
	margin-left: 30px;
	width: 20px;
}

.TippHeuteLiveGruen {
	color: green;
}

.TippHeuteLiveRot {
	color: red;
}

.TippHeuteGruen {
	color: green;
	font-weight: bold;
}

.TippHeuteRot {
	color: red;
	font-weight: bold;
}

.TippGesamt {
	display: inline-block;
	margin-Left: 34px;
	text-align: right;
	width: 50px;
}

.TippExtra {
	display: inline-block;
	margin-Left: 4px;
	width: 30px;
}

.TippTagesgewinn {
	display: inline-block;
	text-align: right;
	width: 50px;
}

.TippSaisongewinn,
.TippSaisongewinnAbschluss {
	display: inline-block;
	margin-Left: 28px;
	text-align: right;
	width: 70px;
}

.TippSaisongewinn {
	color: #999999;
}



/* Menue Chart */

.chartspunte {
	height: 500px;
}

.chartsplaetze {
	height: 1500px;
}



/* Menue Chroniktipptabelle */

.UeberschriftTippPunkteChronik {
	display: inline-block;
	margin-left: 37px;
}

.UeberschriftTippSchnittChronik {
	display: inline-block;
	margin-left: 52px;
}

.UeberschriftTippExtraChronik {
	display: inline-block;
	margin-left: 26px;
}

.UeberschriftTippInsgesamtChronik {
	display: inline-block;
	margin-left: 33px;
}

.UeberschriftTippSpieltaqChronik {
	display: inline-block;
	margin-left: 45px;
}

.UeberschriftTippTagesgewinnChronik {
	display: inline-block;
	margin-left: 30px;
}

.UeberschriftTippSaisongewinnChronik {
	display: inline-block;
	margin-left: 40px;
}

.TippSchnittChronik {
	display: inline-block;
	margin-left: 40px;
}

.TippExtraChronik {
	display: inline-block;
	margin-Left: 26px;
	text-align: right;
	width: 30px;
}

.TippGesamtChronik {
	display: inline-block;
	margin-Left: 50px;
	text-align: right;
	width: 50px;
}

.TippTagesgewinnChronik {
	display: inline-block;
	margin-Left: 58px;
	text-align: right;
	width: 50px;
}

.TippSaisongewinnChronik {
	display: inline-block;
	margin-Left: 28px;
	text-align: right;
	width: 70px;
}



/* Menue Meine Daten */

body .ui-datalist .ui-datalist-content {
	width: 580px;
}

body .ui-datalist-item {
	padding-bottom: 30px;
}

.datenGespeichert.ui-inputfield {
	box-shadow: 2px 2px 2px 2px darkgreen;
}

.meine_beohbachten {
	width: 240px;
}

einruecken {
	margin-left: 35px;
}

.weitereEmails {
	width: 200px;
}

.email {
	width: 350px;
}