/* CSS für SV Sachsenwerk - TT-Live Stats @ sv-sachsenwerk.de / tischtennis-sachsenwerk.de */

.link{text-decoration:none;color:#0000FF;font-weight: bold;}
.link:hover{background-color:#FFFFFF;}
.link:focus{background-color:#FFFFFF;}

.link_invers{text-decoration:none;color:#FFFFFF;font-weight: bold;background-color:#0000FF;}
.link_invers:hover{background-color:#FFFFFF;color:#0000FF;}
.link_invers:focus{background-color:#FFFFFF;color:#0000FF;}


a:link { color: #000000; text-decoration : none;}
a:visited { color: #000000; text-decoration : none; }
/*
a:hover { color: #70A996; text-decoration:underline;}
a:active { color: #70A996; text-decoration : underline;}
*/
a:hover { color: white; text-decoration:none;}
a:active { color: white; text-decoration : none;}

a.bold {font-weight: bold;}

object.pdf {width: 100%; height: 100%}

.popup {
	position: fixed;
	z-index: 1000;
    top: 50%;
    left: 50%;
	width: 50vw; 
	height: 95vh;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
	
}

@media (max-width: 800px) {
  .popup {
position: fixed;
	z-index: 1000;
    top: 50%;
    left: 50%;
	width: 100vw; 
	height: 50vh;
    -webkit-transform: translate(-50%, -52%);
    transform: translate(-50%, -52%); 
  }
}

.hide{
	float: right;
	height: 30px;
	}

button{
background-color:#626BCD;
  color: white;
  border: none;
  height: 25px;
  width:130px;
  border-radius:10px;
  cursor:pointer;
  box-shadow: 2px 2px 1px #808080;
   text-align: center;
            margin: 3px;
	font-family: "arial", "geneva", "helvetica";
    font-size: 16px;
	font-weight: bold;
}

.close-button {
background-color:#E6002E;
}


.mybackbutton{
background-color:#626BCD;
  color: white;
  border: none;
  height: 80px;
  width:200px;
  border-radius:10px;
  cursor:pointer;
  box-shadow: 5px 5px 3px #808080;
   text-align: center;
            margin: 3px;
			
		font-family: "arial", "geneva", "helvetica";
    font-size: 20pt;
	font-weight: bold;
}

.mybutton:hover {
background-color : green;
box-shadow: none;
opacity: 0.8;
transform: scale(0.975);
}

.mybackbutton:hover {
background-color : green;
box-shadow: none;
opacity: 0.8;
transform: scale(0.975);
}




img.custom
    {
  opacity: 0.5;
  display: block;
  margin: auto;
  height:25px;
    }
	
img.custom:hover,
img.custom:focus 
    {   opacity: 1.0;
        transition: .2s;
        transform: scale(1.25);
		cursor:pointer;
    }


/* Definition der Schrift der Tabelleüberschrift */
.CONTENTTEXTTOP { 
	font-family: "arial", "geneva", "helvetica";
    font-size: 20pt;
	font-weight: bold;
    color: #000000; 
	padding-left: 10px;
	padding-bottom: 5px;
/* 	  	border-right: 1px solid #626BCD; 
		border-left: 1px solid #626BCD; 
	border-top: 1px solid #626BCD;  */
	}
	

/* Definition der Schrift des Inhalts */
.CONTENTTEXT { 
	font-family: "arial", "geneva", "helvetica";
    font-size: 32pt;
    color: blue; 
	/*color: #000000; */
	}


tr.ContentTableRow
{
	/* has no effect ...*/
}

td.ContentTableInCell
{
	/*<td style="background-color:#E4E4E4; width:0px; border:1px solid #000000; padding:0px;">*/
	background-color:#E4E4E4;
	width:0px;
	border:1px solid #000000;
	padding:0px;
}

/* Definition der jeweils 1. +2-ten Tabellenzeile */
.ContentTableText1stLine {
    background-color: #FFFFFF;
}
/* Definition der jeweils 2. +2-ten Tabellenzeile */
.ContentTableText2ndLine {
	background-color: #F0F0F0;
}

/* Definition der jeweils aktuellenTabellenzeile - onmouseover */
.CONTENTTABLETEXTHighlight {
	/* background-color:#FFFF99; */
	background-color: #B0B5E4;
}		
	
	
table {
 width:90vw; 
 max-width:1280px; 
 text-align:left; 
 margin:0px; 
 padding:0px;
 border-spacing: 0;
 border-collapse: collapse;
 }

table.Spielplan {
 width:90vw;
 max-width:1280px; 
 text-align:left; 
 margin:0px; 
 padding:0px;
 }
 
 table.Vereinsteams {
 width:90vw;
 max-width:650px;
 text-align:left; 
 margin:0px; 
  padding:0px;
  }
  
  table.BilanzEinzel
  {
	  /*<table width="100%" style="margin:0px; padding:0px;" cellpadding="0" cellspacing="0">*/
	  /*border: 1px solid black;*/
	  align: center;

   }  	

#BilanzEinzel {
  visibility:visible;
  display:block;
}

#BilanzDoppel{
  visibility:visible;
    display:block;
}

.Pokal{
  /* visibility:hidden; */ /*hidden vertseckt nur, passt die Tabelle nicht an */
     display:table-row; 
}

.nicht_Pokal{
  /* visibility:hidden; */ /*hidden vertseckt nur, passt die Tabelle nicht an */
     display:table-row; 
}

  table.BilanzEinzelContent
  {
	/* <table border="0" class="ContentText" style="width:100%" cellpadding="1" cellspacing="0"> */
	border: 2px solid black;
	box-shadow: 5px 5px 3px #808080;

	font-family: "arial", "geneva", "helvetica";
    font-size: 16pt;
    color: #000000;
	
	/*	
	font-family: "arial", "geneva", "helvetica";
    font-size: 16pt;
    color: #000000;
	*/
  }
  
  table.BilanzDoppelContent
  {
	/* <table border="0" class="ContentText" style="width:100%" cellpadding="1" cellspacing="0"> */
	border: 2px solid black;
	box-shadow: 5px 5px 3px #808080;

	font-family: "arial", "geneva", "helvetica";
    font-size: 16pt;
    color: #000000;

  }

  table.SpielplanContent
  {
	/* <table border="0" class="ContentText" style="width:100%" cellpadding="1" cellspacing="0"> */
	border: 1px solid black;
	box-shadow: 5px 5px 3px #808080;

	font-family: "arial", "geneva", "helvetica";
    font-size: 16pt;
    color: #000000;
	
  }
  
   table.AktuelleTabelleContent
  {
	/* <table border="0" class="ContentText" style="width:100%" cellpadding="1" cellspacing="0"> */
	border: 2px solid black;
	box-shadow: 5px 5px 3px #808080;

	font-family: "arial", "geneva", "helvetica";
    font-size: 16pt;
    color: #000000;
	
  }

  table.SpielplanMatrixContent
  {
	/* <table border="0" class="ContentText" style="width:100%" cellpadding="1" cellspacing="0"> */
	border: 2px solid black;
	box-shadow: 5px 5px 3px #808080;

	font-family: "arial", "geneva", "helvetica";
    font-size: 16pt;
    color: #000000;
	
  }
  
 table.VereinsteamsContent
  {
	/* <table border="0" class="ContentText" style="width:100%" cellpadding="1" cellspacing="0"> */
	border: 2px solid black;
	box-shadow: 5px 5px 3px #808080;

	font-family: "arial", "geneva", "helvetica";
    font-size: 16pt;
    color: #000000;
	
  }

Body {
	/* background-color : #CAE3D9; */ /*grün*/
	background-color : #DEE7EF;
	font-family: "arial", "geneva", "helvetica";
    font-size: 16pt;
	
	/* Align Objects in Center */
/*   display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; */
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
/*   text-align: center; */
  min-height: 100vh;
  
  gap: 4px;

    background-image: url(https://tischtennis-sachsenwerk.de/bilder/papierhe.jpg);
    background-repeat:repeat-x;
	background: #DEE7EF url(https://tischtennis-sachsenwerk.de/bilder/papierhe.jpg) repeat;
/* html,
body {
   height: 100%;
   margin: 0;
}

body {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}

p {
    margin-bottom: 24px;
}
 */
	
}


/* 
backgroundcolor {
    background-color: #CAE3D9; grün
}
 */
/* .ui-widget-header */
/* Grün 
.table-header { border: 1px solid #4b6f49; background: #4b6f49 url(ui-bg_gloss-wave_55_4b6f49_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold;  }
*/
/* Blau 
.table-header { border: 1px solid #5c9ccc; background: #5c9ccc url(ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
*/

.table-header { border: 1px solid #7079D2; background: #626BCD url(table_header_wave.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }


.table-header a { color: #ffffff; }

.myverein {font-weight: bold;}

tr.myverein {background: #AED6FF}
tr.myverein:hover  {background-color: #B0B5E4;}

.Teamheader {font-weight: bold; font-size: 24pt; margin-top: 30px;margin-bottom: 20px;}

.Teamheader90div {
	height: inherit;
	background-color:#626BCD;
	/* border: 1px solid #7079D2;  */
	
	width: 48px; 
	
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: -1px;
	padding-left:12px;

	/* writing-mode: horizontal-tb | vertical-rl | vertical-lr | sideways-lr  | sideways-rl; */ 
	/* writing-mode:sideways-lr;*/ /* does not work in Safari...*/ 
	writing-mode: vertical-lr;
	rotate: 180deg;
	
	color: #ffffff; 
	font-weight: bold;
	font-size: 24pt; 
	text-align:center;

	border-top: 3px solid black; 
	border-right: 3px solid black; 
	/* border: 2px solid black;  */
	box-shadow: -5px -5px 3px #808080;
	z-index: -10;
}


.Teamheader90 {
	height: inherit;
	background-color:#626BCD;
	/* border: 1px solid #7079D2;  */
	
	width: 48px; 
	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-left:12px;

	/* writing-mode: horizontal-tb | vertical-rl | vertical-lr | sideways-lr  | sideways-rl; */ 
	/* writing-mode:sideways-lr;*/ /* does not work in Safari...*/ 
	writing-mode: vertical-lr;
	rotate: 180deg;
	
	color: #ffffff; 
	font-weight: bold;
	font-size: 24pt; 
	text-align:center;

	border-top: 3px solid 626BCD; 
	border-right: 3px solid 626BCD; 
	/* border: 2px solid black;  */
	/*box-shadow: -5px -5px 3px #808080;*/
	z-index: -10;
}

div.divspace{margin-top: 10px;margin-bottom: 5px;}

div.columns {
	
	display: flex;
  flex-direction: row;
  justify-content: center;
/*   align-items: center; */
 align-items: stretch;
      overflow: hidden;
  height: auto;
  max-width:95vw;
 /*  gap: 24px; */

}
div.rows {
  max-width:96vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
 /*  align-items: center; */
    align-items: stretch;
   overflow: hidden;
	 /*   height: auto;
	  position: auto; */
	gap: 0px;
	margin-top:10px;
  	border-right: 3px solid #626BCD; 
	border-top: 3px solid #626BCD; 
	
}

div.buttonrow {
  max-width:96vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
 /*  align-items: center; */
    align-items: stretch;
   overflow: hidden;
	 /*   height: auto;
	  position: auto; */
	gap: 0px;
	margin-top:0px;
  	border-right: 3px solid #626BCD; 
	border-top: 3px solid #626BCD; 
	border-bottom: 3px solid #626BCD;
	
}

.NavButtons {
	
	display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 24px;
	
	font-weight: bold; 
	font-size: 24pt; 
	margin-top: 30px;
		margin: 30px;
	margin-bottom: 24px ;

}