/* =========================================================

   Stylesheet für die Bildschirmdarstellung der Website www.5-jahres-wertung.de

   Datei: bildschirm.css
   Erstell-Datum: 05.08.2016
   Letzte Überarbeitung 05.04.2019
   Autor: Ralf Biniasz
   Aufbau: 	1. Kontaktformulare
   Aufbau:	2.	Online Tabellen 
           		3. 
========================================================== */

@media screen {

  /* =======================================
  1. Allgemeine Styles
  ======================================= */
  body {
    background-color: #20354c; 
    color: white;  
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 75%; 
  } 
  
 /* =======================================
  2. Tabelle Styles
  ======================================= */

 /* Tabellenüberschrift */
 	th{						
    background-color: navy;
    color: silver;
    padding: 5px 5px 5 5px;
    border: 1px solid silver;
    vertical-align:middle;
    text-align: center;
  	}
 	td{						
    padding: 5px 5px 5 5px;
    border: 1px solid black;
    vertical-align:middle;
    text-align: center;
  	}
  	
	tbody tr:hover {
    	background: silver;
    	color:black;
	}

	tbody td:hover {
    	background: silver;
    	color:black;
	}

	thead tr:hover {
    	background: none;
    	color: none;
	}

 	table{						
    background-color: #EEECEC;			/* helles Grau */
    color: black;
    padding: 0px 0px 0px 0px;
    border: 1px;
    border-collapse: separate;
    border-spacing: 0px;

  }


 /* =======================================
  3. Absätze
  ======================================= */

  p.hinweis{
  	padding:5px;
  	margin:5px;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 100%; 
  }

 p.hinweis2{
  	padding:5px;
  	margin:5px;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 100%; 
    text-align: center;
  }
  
 p.hinweis3{
  	padding:5px;
  	margin:5px;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 200%; 
    text-align: left;
  }
  
 /* =======================================
  4. Linkdarstellung
  ======================================= */

 /* normaler link */
a:link {
    color: silver;
    text-decoration: none;
    border-bottom: .1em dotted silver;
}

/* visited link */
a:visited {
    color: silver;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: Yellow;
    text-decoration: none;
}

/* selected link */
a:active {
    color: blue;
    text-decoration: none;
} 


/*****************************************
 ***  Anker link Schwarze Schrift ***
******************************************/
a.ankerb:link {
    color: black;
    text-decoration: none;
    border-bottom: .1em dotted silver;
}

/* visited link */
a.ankerb:visited {
    color: black;
    text-decoration: underline;
}

/* mouse over link */
a.ankerb:hover {
    background-color: silver;
    color: black;
    text-decoration: none;
}

/* selected link */
a.ankerb:active {
    color: blue;
    text-decoration: underline;
} 


/*****************************************
 ***  Tabellen link Blaue Schrift ***
******************************************/
a.tab1:link {
    color: blue;
    text-decoration: none;
}

/* visited link */
a.tab1:visited {
    color: blue;
    text-decoration: underline;
}

/* mouse over link */
a.tab1:hover {
    background-color: silver;
    color: yellow;
    text-decoration: none;
}

/* selected link */
a.tab1:active {
    color: blue;
    text-decoration: underline;
} 



 /* =======================================
  5. eigene Classen
  ======================================= */


table.tabwerbung {
	border: 0px solid #20354c;
	padding: 0px 00px 0px 0px;
	margin: 10px 10px 10px 10px;
    border-collapse: separate;
    border-color: #20354c;
    background-color: #20354c;
    border-spacing: 20px;
    color:white;
}

 tr.tabwerbung {
	background-color: #20354c;
    color:white;
}

 td.tabwerbung {
	background-color: #20354c;
	text-align:center;
	vertical-align:top;
	color:white;
	border-color: #20354c;
}

 th.tabwerbung {
	background-color: #20354c;
	text-align:center;
	vertical-align:top;
	color:white;
	border-color: #20354c;
}

/* ******************************** */


table.grautabelle {
	border: 0px solid grey;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 10px 10px;
    border-collapse: separate;
    border-color: grey;
    background-color: grey;
    border-spacing: 2px;
}

 tr.grautabelle {
	background-color: grey;
	color:black;
}

 td.grautabelle {
	background-color: lightgrey;
	text-align:center;
	color:black;
	border-color: grey;
}

 th.grautabelle {
	background-color: grey;
	text-align:center;
	color:black;
	border-color: grey;
}
/* ******************************** */
 tr.grauuschrift {
	background-color: grey;
	border-color: black;
}

 td.grauuschrift {
	background-color: lightgrey;
	text-align:center;
	color:black;
	border-color: green;
}

/* ******************************** */




/* ******************************** */


table.GrDatentabelle {
	font-size: 0.9em;
    padding: 0px 0px 0px 0px;
    border: 1px;
    border-collapse: separate;
    border-spacing: 0px;
}

#Ueberschrift		{color:black;  background-color:white;   text-align:center; font-weight:bold;font-size:150%;}
#Kopfzeile  		{color:yellow; background-color:navy;    text-align:center; font-weight:bold;font-size:100%;}
#Tabellenzeile 	{color:black;  background-color:white;   text-align:center;}
#Spieltag1zeile {color:black;  background-color:white;   text-align:center;}
#Spieltag2zeile {color:black;  background-color:#F7F682; text-align:center;}
#Legende		{color:black;  background-color:white;   text-align:left; font-weight:bold;font-size:100%;}


} /* Ende @media – nicht löschen! */

/* ======================================
   E N D E  
====================================== */