@charset "utf-8";

/*
=================================================================
Allgemeine Tabellenformatierungen
=================================================================
*/
table.center {
	margin-left: auto;
	margin-right: auto;
}
table.width-100 {
	/* Andere Tabellenbreiten immer inline definieren */
	width: 100%;
}

/* Zeilen/Spalten unsichtbar machen */
#collapse { visibility: collapse; }
/*
=================================================================
Standard-Tabelle - Layout ohne Farben
=================================================================
=> Spalten- und Tabellenbreiten immer inline definieren!

padding 				=> Innenabstand des Textes innerhalb von Tabellenzellen
border-spacing 	=> Abstand zwischen den Rahmen
border-spacing	=> Erzeugt ein Gitter/Rahmen
border-collapse: collapse => Rahmen wird ignoriert!
margin					=> Außenabstand
background-color	=> Farbe zwischen den Feldern
-----------------------------------------------------
*/
table {
	margin-top: 1em;
	margin-bottom: 0.5em;
	border: none;
	border-collapse: collapse; /* collapse = Kein Gitter mit der Hintergrundfarbe */
}
table a:active {
	/* 
	Die Schriftart bei Mausklick mittels a:active zu ändern ist ganz schlecht und kann zum 
	Verrutschen von Textzeilen beim Mausklick führen. Das passiert z.B. dann wenn ein Link in 
	einer Spalte durch die Änderung von senkrechter Schrift in schräge Kursivschrift mehr Platz 
	braucht, wodurch sich die komplette Tabelle nach rechts verschiebt was zu Platzmange in nur 
	einer anderen Spalte in einer beliebigen Zeile führen kann. Das verschiebt dann die 
	kompletten anderen Zeilen auch nach unten, incl. dem Link dergerade angeklcikt werden sollte.
	*/
	/* font-style: italic; */
}
table.center {
	margin-left: auto;
	margin-right: auto;
}
th {
	text-align: left;
	border: none;
	padding: 0.3em;
	/*padding-right: 0.3em;*/
}
td {
	text-align: left;
	vertical-align: middle;
	padding: 0.3em;
	margin: 2px;
	empty-cells: show;
	/*border: none;*/
}
td.seitenlinie-blau {
	border-left: 1px dotted #0080fb;
	border-right: 1px dotted #0080fb;	

	/*border-left: 1px dotted #126fa5;*/
	/*border-right: 1px dotted #126fa5;*/
	/*border-left: 1px dotted #FFCC66;*/
	/*border-right: 1px dotted #FFCC66;*/
}
td.nobr {
  white-space: nowrap;
}
/*
=================================================================
Tabelle, helle Farben (Standard)
=================================================================
*/
table {
	color: #1E374A;
	background-color: #F5F5F5; /* => Farbe zwischen den Feldern */
}
th {
	color: #1E374A;
	background-color: #ffc855;
}
td {
	/*background-color: inherit;*/
	/* Linker/rechter Spaltenrand */
	
	/*
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	*/
}
table a {
	color: #28497a;
	text-decoration: none;
	background-color: inherit;
}
table a:hover {
	color: #3561a0;
}
/* --------------------------------------------------------------- */
/* Alternierende ZEILENfarben                                      */
/* --------------------------------------------------------------- */
.tr-alternate, tr:nth-child(even) {
	background-color: #ebebeb;
}
.tr-alternate, tr:nth-child(odd) {
	background-color: #DCDCDC;
}
/*
/* --------------------------------------------------------------- */
/* Alternierende SPALTENfarben                                     */
/* --------------------------------------------------------------- */
/*
.td-alternate td:nth-child(even) {
	background-color: #ebebeb;
}
.td-alternate td:nth-child(odd) {
	background-color: #DCDCDC;
}
*/
/*
-----------------------------------------------------
Links innerhalb der Tabelle
-----------------------------------------------------
*/
th a,
th a:link,
th a:visited,
th a:hover,
th a:active,
td a,
td a:link,
td a:visited,
td a:hover,
td a:active {
	color: #334572;
	/*font-style: italic;*/
}
/*
===================================================================
Tabelle, dunkel - Nur Farben
===================================================================
*/
.dark-table {
	color: #F8F8F8;
	/*=> Hintergrundfarbe der Tabelle */
	background-color: darkgrey;
	border: none;
}
.dark-table th {
	/* Oder nur #th-dark ? */
	color: #1E374A;
	background-color: #ffc855;
}
/*
.dark-table tr {
	background-color: #213C64;
}
*/
.dark-table td {
	/*background-color: inherit;*/
	/*
	border-left: 1px solid #2a4d80;
	border-right: 1px solid #2a4d80;
	*/
}
/*
-----------------------------------------------------
Alternierende Hintergrundfarben
-----------------------------------------------------
*/
.dark-table tr:nth-child(even) {
	background: #213C64;
}
.dark-table tr:nth-child(odd) {
	background: #28497A;
}
.dark-table .col1, .dark-table .col-1, .dark-table .col_1 {
	color: #F5F5F5;
	background-color: #213C64;
}
.dark-table .col2, .dark-table .col-2, .dark-table .col_2 {
	color: #F5F5F5;
	background-color: #28497A;
}

tbody.dark-table tr:hover { background-color: #3d6caf !important;}
/*
-----------------------------------------------------
Links innerhalb der Tabelle
-----------------------------------------------------
*/
.dark-table td a,
.dark-table a:link,
.dark-table a:hover,
.dark-table a:active,
.dark-table a:visited {
	color: #FFEEAA;
	background-color: inherit;
}

.dark-table th a,
.dark-table th a:link,
.dark-table th a:hover,
.dark-table th a:active,
.dark-table th a:visited {
	color: #b22222;
	background-color: inherit;
}