/*Definition der Styles für fd_allgemein.php
	04.12.2020 Roland: CSS für fd_allgemein.php.
	10.08.2021 Roland: Erweiterung für den Ausdruck.

  Roland Segsa Stadt Detmold 04.12.2020
*/
/*Sytemelemente*/	
/*Style der Tabelle*/
:root { 
   font-family: "Open Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Calibri, Arial, Verdana, sans-serif;
   cursor: default;
--f100: #00782c; /* Toolbar --> gruen*/
}
#fidiv {
  margin:3px;
  border-width:1px;
  border-style:solid;
  border-color:silver;
}
#fidiv:hover {
  border: 1px solid #078aa3;
}
#fitable {
  font-family: "Open Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Calibri, Arial, Verdana, sans-serif;
  font-size: small;
  color: #444;
  border: 1px solid #bbb;
  border-collapse: collapse;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: white;
  border-width:0px;
}
.fitabler1 {
  background-color: white;
}
.fitabler2 {
  background-color: #E7E9EB;
}
/*Style für Spalte und Spalte Überschriftfeld*/
#fitable td, #fitable th {
  border: 0px solid #ddd;
  padding: 2px;
  vertical-align: top;
}
/*Style für den Hintergrund Farbwechsel der Zeilen*/ 
#fitable tr:nth-child(even){
/*  background-color: #f0f0f0; */
}
/*Style beim Überfahren der Tabelle
#fitable:hover {
  border: 1px solid #078aa3;
}*/
/*Style Spalte Überschrift*/
#fitable th {
  padding-left: 2px;
  padding-top: 2px;
  padding-bottom: 3px;
  text-align: left;
  background-color: #ddd;
  font-weight: bold;
}
a:link, a:visited {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: left;
  font-size:12px;
  font-style: normal;
  font-weight:normal;
  color: #337ab7;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}

/*Style Spalte Bezeichnung*/
.bez {
  padding-left: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: left;
  font-style: italic;
}
.bezbold {
  padding-left: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: left;
  font-size:small;
  font-style: italic;
  font-weight:bold;
}
/*Style Spalte Feldinhalt*/
.aus {
  padding-left: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: left;
}
.ausbold {
  padding-left: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: left;
  font-size:x-small;
  font-weight:bold;
  color: #595959;
}
/*ergänzede Styles Spalten Bezeichnung
  hier können weiter Syles definiert werden*/
.bez1 {
  padding-left: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: left;
  font-style: italic;
  font-weight:bold;
  color: black;
}
.bez2 {
  padding-left: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: left;
  font-style: italic;
  font-weight:bold;
  color: blue;
}
/*ergänzede Styles Spalten Feldinhalten
  hier können weiter Syles definiert werden*/
.aus1 {
  padding-left: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: left;
  color: red;
}
.aus2 {
  padding-left: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: left;
  color: green;
}
.uebeaktu {
  font-family: "Open Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Calibri, Arial, Verdana, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #444;
  border: 0px solid #bbb;
  border-collapse: collapse;
  width: 100%;
  text-align: right;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
  background-color: white;
  border-width:0px;
}    
.uehr {
  border: 2px solid uebeaktu;
  border-radius: 2px;
  margin-top:1px;
  margin-bottom:0px;
}    
.ersthr {
  border: 3px solid #ddd;
  border-radius: 2px;
  margin-top:1px;
  margin-bottom:10px;
}    
.ersttx {
  font-family: "Open Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Calibri, Arial, Verdana, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #444;
  border: 0px solid #bbb;
  border-collapse: collapse;
  width: 100%;
  text-align: right;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
  background-color: white;
  border-width:0px;
}

@media screen {
	.kopfzeile {
		display: none;
		background-color: var(--f100);
		box-shadow: 0px 2px 4px rgba(136, 136, 136, 0.5);
		height: 3em;
	}
	.logo_l {
		display: none;
		background-color: var(--f100);
		position: absolute;
		height: 3em;
		left:0px
	}
	.logo_r {
		display: none;
		background-color: var(--f100);
		height: 3em;
		position: absolute;
		right: 0px
	}
	.datum {
		display: none;
		margin-top:5px;
		cursor: default;
		color: #444;
		font-family: "Open Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Calibri, Arial, Verdana, sans-serif;
		font-size: 10px;
		text-align: right;
	}
	.metadaten {
		cursor: default;
		color: #444;
		font-family: "Open Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Calibri, Arial, Verdana, sans-serif;
		font-size: 8px;
		text-align: right;
	}
	.export {
		cursor: default;
		color: #444;
		font-family: "Open Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Calibri, Arial, Verdana, sans-serif;
		font-size: 9px;
		text-align: right;
        height: 20px;
	}
	.export_select {
		border: 1px solid #bbb;
		background-color: white;
		height: 2em;
	}
	.export_button {
		display: inline-flex;
		border: 1px solid #bbb;
		padding: 0.25em;
		align-items: center;
		justify-content: center;
		background-color: #e9e9e9;
		height: 2em;
	}
	.icon {
		display: inline-flex;
		text-align: right;
		width: 11px;
		height:11px;
	}
	.syslink:link{
		padding-left: 4px;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: left;
		font-size:x-small;
		font-style: italic;
		font-weight:bold;
		color: #595959;
	}
	.syslink:hover{
		color: black;
	}
	.syslink:visited{
		color: #595959;
	}
	.metalink:link{
		padding-left: 4px;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: left;
		font-size:x-small;
		font-weight:bold;
	}
	.metalink:hover{
	}
	.metalink:visited{
	}
}
@media print {
	.kopfzeile {
		background-color: var(--f100);
		box-shadow: 0px 2px 4px rgba(136, 136, 136, 0.5);
		height: 3em;
	}
	.logo_l {
		background-color: var(--f100);
		position: absolute;
		height: 3em;
		left:0px
	}
	.logo_r {
		background-color: var(--f100);
		height: 3em;
		position: absolute;
		right: 0px
	}
	.datum {
		margin-top:5px;
		cursor: default;
		color: #444;
		font-family: "Open Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Calibri, Arial, Verdana, sans-serif;
		font-size: 10px;
		text-align: right;
	}
	.metadaten {
		display: none;
		cursor: default;
		color: #444;
		font-family: "Open Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Calibri, Arial, Verdana, sans-serif;
		font-size: 10px;
		text-align: right;
	}
	.export {
		display: none;
		cursor: default;
		color: #444;
		font-family: "Open Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Calibri, Arial, Verdana, sans-serif;
		font-size: 14px;
		text-align: right;
	}
	.export_select {
		display: none;
		border: 1px solid #bbb;
		background-color: white;
		height: 2em;
	}
	.export_button {
		display: none;
		border: 1px solid #bbb;
		padding: 0.25em;
		align-items: center;
		justify-content: center;
		background-color: #e9e9e9;
		height: 2em;
	}
	.icon {
		display: none;
		text-align: right;
		width: 12px;
		height:12px;
	}
	.syslink:link{
		display: none;
		padding-left: 4px;
		padding-top: 0px;
		padding-bottom: 0px;
		text-align: left;
		font-size:x-small;
		font-style: italic;
		font-weight:bold;
		color: #595959;
	}
	.syslink:hover{
		display: none;
		color: black;
	}
	.syslink:visited{
		display: none;
		color: #595959;
	}
	.metalink:link{
		display: none;
	}
	.metalink:hover{
		display: none;
	}
	.metalink:visited{
		display: none;
	}

}