body {
/*
	background-color: #fff;
	background-image:url(bilder/chemiebg2.jpg);
*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	margin:0;
}
p  { font-size: 11pt; text-align:left; }
p.error { font-size: 10pt; text-align:center; font-weight:bold; color:#f00; }


h1 {
	font-size: 18px;
	font-weight:bold;
}
h1 a{
	text-decoration:none;
	/*color:#fc0 !important;*/
}
h2 { font-size: 16px; }
h3 { font-size: 14px; font-weight:bold; }

a:link { color:#d30; }
a:visited { color:#c30; }
a:hover { color:#fff; background-color:#f60; }
a:active { color:#f63; }

ul#primary-links {
	margin: 0px;
	padding-left:0;
}

ul#primary-links li {
	display: inline-block;
	list-style: none;
	margin:2px;
}
ul#primary-links li a {
	padding:4px;
	border-radius:3px;
	display:inline-block;
	text-decoration:none;
	background-color:#eee;
	border:1px solid #ddd;
}
ul#primary-links li a:hover {
	background-color:#f70;
	color:#fff;
}
ul#primary-links li a.active {
	background-color:#f60;
	color:#fff;
	text-decoration:none;
	border-color:#f50;
}

img{
	border:none;
}
input:required:invalid {
	border:1px solid #c00;
	background-color:#fdd;
}

input[type=submit],button[type=submit] {
	color: #fff;
	background-color: #693;
	border-width:0;
	border-color: #6a3;
	border-style: solid;
	border-radius:0.25rem;
	text-align:center;
	padding:.375rem .75rem;
	cursor:pointer;
	margin-left:0.25em;
}
button.delete[type=submit]{
	background-color:#c30;
	padding:0.2rem;
}

th button.delete[type=submit],
td button.delete[type=submit]{
	font-size:24px;
	line-height:1em;
	padding:0 6px 4px 6px;
}

button.delete[type=submit]:hover{
	background-color:#f60;
}
input[type=submit]:hover, button[type=submit]:hover {
	background-color: #7b3;
	border-color: #6a3;
}
label[title] {
	text-decoration-color: #999;
	text-decoration-line: underline;
	text-decoration-style: dashed;
}

.alert span.dfv_errors{
	color:#000;
	display:block;
}

.alert {
	padding: 0.75rem 0.75rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
	position:relative;
}
span.alert {display:inline-block;}

input.alertclose{
	display:none;
}
input.alertclose:checked + .alert{
	display:none;
}
.alert label.close{
	position:absolute;
	right:0;
	top:0;
	padding:.75rem 1.25rem;
	font-size:1.5em;
	font-weight:bold;
	opacity:0.5;
	text-decoration:none;
	cursor:pointer;
}
.alert.alert-info {
	color:#048;
	background-color:#cdf;
	border-color:#bce;
}

.alert.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.alert.alert-danger {
	color: #722;
	background-color: #fdd;
	border-color: #fcc;
}

.alert.alert-success {
	color: #060;
	background-color: #9f6;
	border-color: #6c0;
}

.period label {cursor:pointer;}

ul.forum {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* antworten*/
ul.forumre {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.forum li{
	line-height: 15px;
	padding-top: 0px;
	background-repeat: no-repeat;
	background-image: url(http://tennis.chemieradebeul.de/templates/chemieradebeul/images/arrow.png);
}

ul.forum li {
	padding-left: 10px;
	background-position: 0px 3px;

}

ul.forum ul li{
	padding-left: 20px;
	background-position: 10px 3px;

}

ul.forum ul ul li{
	padding-left: 30px;
	background-position: 20px 3px;
}

ul.forum ul ul ul li{
	padding-left: 40px;
	background-position: 30px 3px;
}

ul.forumre li{
	background-image: url(http://tennis.chemieradebeul.de/templates/chemieradebeul/images/leaf.png);
}

table.nav {
	background-color:#090;
	border-width:1px;
	/*width:130;
	 border-color:#FF6600; */
	/*border-color:#009900;*/
	text-align:center; 
	font-weight:bold;
	font-size: 11pt;
	margin: 2px;
}

table.nav th {
	background-color:#090;
	/* background-image:url(bilder/bgg.png); */
	color:#FFF;
	font-size: 12pt; 
}
table.nav td { padding: 2px; background-color:#FFF;}
table.nav a { display:block;text-decoration:none; }

table.info {
	vertical-align:top;
	/* background-color:#fff; */
	background-color:#eee;
	border-width:1px;
	/* border-color:#fff; */
	border-color:#ccc;
	margin-left:auto;
	margin-right:auto;
        border-collapse:collapse;
}
table.info tr { 
	/* background-color:#eee; */
}
table tr.even { background-color:#eee;}
table tr.odd  { background-color:#fff;}

table.info th { 
	border:1px solid #ccc;
	background-color:#ddd;
}
table.info td{
	border:1px solid #ccc;
	/*background-color:#fff;*/
	padding:2px;
}
table.info td a{
	color: #c00;
	text-decoration:none;
}
table.info td a:hover{
	color:#c00;
	background-color:#fff;
	text-decoration:underline;
}



/* teamcalendar */
#teams table.sortlist tr td:first-child {text-align:center;}

table.combine {
	vertical-align:top;
	background-color:#fff;
	border-collapse: collapse;
	border-spacing: 0 0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size: 0.8em;
}
table.combine th { 
	background-color:#ddd;
	border: none; 
}
/*table.combine td { border: none; }*/
table.combine tr {
	background-color:#eee;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

table.combine tr:hover { 
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

table.combine col {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

table.combine col:hover { 
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

a.button.delete{
	background-color:#f00;
	color:#fff;
	padding:4px;
	border-radius:3px;
	display:inline-block;
	text-decoration:none;
	border: 1px solid #c00;
}

a.tmevent, a.tmemail {
	display:block;
	color:#900;
	text-decoration:none;
}
a.tmevent:hover, a.tmemail:hover {
	color:#900;
	text-decoration:underline;
}
a.tmeventcanceled{font-weight:normal;color:#666;}
a.tmeventpostponed{font-weight:normal;color:#633;}

a.tmplayer {
	display:block;
	text-align:left;
	max-width:180px; /* zu lange Namen umbrechen */
	overflow:hidden;
	text-overflow:ellipsis;
	text-decoration:none;
}
a.tmplayer:hover {
	text-decoration:underline;
}

th.eventcanceled, span.eventcanceled {
	text-decoration:line-through;
	color:#666;
}
th.eventpostponed, span.eventpostponed {
	text-decoration:line-through;
	color:#666;
}
th.tmeventold a {
	color:#999;
}
td.tmeventold {
	filter:saturate(20%);
	color:#999;
}

/* Team Status: Mannschaft abgemeldet/zurueckgezogen */
.teamstatus3{
	text-decoration:line-through;
	color:#666;
	filter:grayscale(0.8);
	opacity:0.3;
}

/* Team Status: Saison beendet */
.teamstatus4{
	filter:grayscale(0.8);
	opacity:0.3;
	display:none;
}
tbody.teams.extended tr.teamstatus4{
	display:table-row;
}

/* TeamEvent Status: abgesagt */
.testatus3{
	text-decoration:line-through;
	color:#666;
	filter:grayscale(0.5);
	opacity:0.5;
}
/* verschoben */
.testatus4 {
	text-decoration:line-through;
	color:#666;
	filter:grayscale(0.5);
	opacity:0.5;
}

.tem1 {background-color: #eee;} /* TeamEvent Member Status 1 unknown */
.tem2 {background-color: #6f0;} /* TeamEvent Member Status 2 yes */
.tem3 {background-color: #f96;} /* TeamEvent Member Status 3 no */
.tem4 {background-color: #ff3;} /* TeamEvent Member Status 4 maybe */
.tem5 {background-color: #cf9;} /* TeamEvent Member Status 5 partly */

td.impossible{
        background-color:#fff;
}
td.member{
	text-align:left;
	white-space: nowrap;
}
td.boss{
        background-color:#ff0;
	white-space: nowrap;
	white-space: nowrap;
}

.loc_h, .loc_a {
	display:inline-block;
	padding:0 2px;
	background-color:#fff;
	border-radius: 2px;
}
.loc_h { color:#090;}
.loc_a { color:#c00;}


/* end teamcalendar */

form.compact{
	background-color:#EEEEEE;
	padding:10px;
	border:1px solid #666;
}

table.form {
	background-color:#EEEEEE;
	border-width:1px;
	border-color:#ffffff;
	margin-left:auto;
	margin-right:auto;
}

select.form {
	background-color: #FF6600; 
	font-weight: bold;
	font-size: 10pt; 
	color: #ffffff;
}

input.form {
	background-color: #FF6600; 
	font-weight: bold; 
	font-size: 10pt; 
	color: #ffffff;
}

div.debug {font-size:10px;margin-top:3px;padding:0.1em 0.5em;background-color:#fed;vertical-align:top;}
div.debug:hover {background-color:#edc;}
div.debug .sql {background-color:#ffc;font-size:8px;white-space:pre-line;display:inline-block;vertical-align:top;}

/* for js calendar popups */
table.cpBorder{
/*	background-image: url(http://tennis.chemieradebeul.de/templates/chemieradebeul/images/ffffffcc.png);*/
	background-color: #fff;
}

cpDayColumnHeader{
	background-color: #999;
}
td.cpMonthNavigation{
	background-color: #666;
	color:#fff;
}
td.cpOtherMonthDate{
	background-image: url(http://tennis.chemieradebeul.de/templates/chemieradebeul/images/99999966.png);
	text-decoration:none;
}
td.cpCurrentDate{
	background-color: #f30;
}
a.cpCurrentDate{
	color:#fff;
	text-decoration:none;
}
a.cpMonthNavigation{
	display:block;
}
a.cpMonthNavigation:link{
	background-color: #fff;
	color:#c00;
	text-decoration:none;
	font-weight:bold;
}

a.cpCurrentMonthDate:link, a.cpOtherMonthDate:link{
	color:#c00;
	display:block;
	text-decoration:none;
}

ul#saisons {
	margin-top:2em;
	margin-left:0;
	margin-right:0;
	text-align:center;
}

ul#saisons li{
	list-style: none;
	display: inline;
}

div.column{
	/*float:left;*/
	background-color:#eee;
	border-right:#f00 solid 1px;
	/*min-height:100px;*/
	border-bottom:#f00 solid 1px;	
}
div.column dl{
	padding:0;
	margin:0;
}
div.column dt{
	background-color:#f60;
	color:#fff;
	padding-left:1em;
	padding-right:1em;
	font-weight:bold;
	margin-top:0;
	padding-top:0;
}

div.column dd{
	margin-left:0;
	padding-left:1em;
	padding-right:1em;
}

/*admin pages*/
div.overview{
	/*background-color:#ddd;*/
	/*width:200px;*/
	display: flex;
	flex-flow: wrap;
}
.overview .column{
	margin-top:1em;
}

/* user overview page*/
body.overview div#main,
body.myconf div#main {
	display:flex;
	flex-wrap:wrap;
	background-color:#eee;
	padding:1em 0 1em 1em;
	margin:0;
}
body.overview div#main {
	align-items:flex-start;
}


body.overview div#main >div,
body.myconf div#main >div {
	background-color:#fff;
	margin:0 1em 1em 0;
	box-shadow: 0 2px 12px rgba(0,0,0,0.1);
	padding:0.5em;
	flex-grow:1;
}
body.overview div#main button.delete {
	word-break:keep-all;
	overflow-wrap:break-word;
	hyphens:none;
}
@media only screen and (max-width: 480px){
	body.overview div#main {
		padding:1em 0 1em 0;
		display:block;
	}
	body.overview div#main >div {
		margin:1em 0 1em 0;
		padding:0.5em 0;
	}
	body.overview div.match {
		margin:1em auto;
		padding:2px 0;
		display:table;
	}
	body.overview div.matchvs div.attendees{
		margin:0.2em 0.1em;
	}
	body.overview .attendees label {
		padding-left:10px;
	}
	body.overview .attendees label.withimg {
		padding-left:2px;
	}
}

/* Mannschaftsliste im Mannschaftsplaner*/
td.ismember{
	background-color:#fff;
}

td.notmember{
	background-color:#ccc;
}

.teammatrix.isnotateam td.ismember,
.teammatrix.isnotateam td.notmember {
	/* nicht sichtbar machen weil irrelevant bei diesen Pseudoteams */
	color:rgba(0,0,0,0);
}

.teammatrix.isnotateam td.ismember:hover,
.teammatrix.isnotateam td.notmember:hover {
	color:rgba(0,0,0,0.5);
}


/* Punktspielergebnisse eines Spielers, Teamkalender */
table.info td.win{
	background-color:#6e3;
	text-align:center;
}

table.info td.winz{
	background-color:#6e3;
	text-align:center;
	border-right:solid 5px #690;
}

table.info td.lost, table.info td.lose{
	background-color:#f63;
	text-align:center;
}

table.info td.lostz, table.info td.losez{
	background-color:#f96;
	text-align:center;
	border-right:solid 5px #960;
}

/* z.B. Arbeitsstunden, players, .. */
table.sortlist{
	border-collapse:collapse;
	margin:auto;
}
table.sortlist th {
	background-color:#ddd;
	border-top:1px solid #999;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
table.sortlist td {
	border:1px solid #ccc;
	padding:1px;
	vertical-align:top;
	margin:0;
	hyphens:auto;
	word-break:break-word;
	overflow-wrap:break-word;
}
table.sortlist tbody tr:nth-child(2n+1){background-color:rgba(220,220,220,0.3);}
table.sortlist th a{
	text-decoration:underline;
	color: #c00;
}
table.sortlist td a{
	color: #c00;
	padding-left:4px;
	padding-right:4px;
	display:block;
}

table.sortlist td a img{
	/*border: solid 1px #c30;*/
	border:none;
}
table.sortlist tbody tr:hover td{ background-color:rgba(255,238,153,0.5); }

body.resources,
body.tournament{
	margin:0;
	padding:0;
}

body.org div#main,
body.orgperiodmembertypes div#main{
	background-color:#eee;
	padding:0.5em;
}
body.org div#main >div,
body.orgperiodmembertypes div#main >div{
	display:flex;
	gap:1em;
	flex-wrap:wrap;
	align-items:flex-start;
}
body.org div#main >div >div,
body.orgperiodmembertypes div#main >div >div{
	box-shadow: 0 2px 12px rgba(0,0,0,0.1);
	padding: 1em;
	background-color: #fff;
}
body.orgperiod form#addmember select{
	margin-bottom:0.5em;
}