a:hover { color: #000000; font-weight: bold; font-size: 10pt;  text-decoration: underline }
a:active { }
a              { color: #761a18; font-weight: bold; font-size: 10pt; font-family: Arial, "Times New Roman", Georgia, Times, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
body    { color: black; font-style: normal; font-weight: normal; font-size: 10pt; font-family: Arial, "Times New Roman", Tahoma, Helvetica, Geneva, Swiss, SunSans-Regular }
p   { color: black; font-style: normal; font-weight: normal; font-size: 10pt; font-family: Arial, "Times New Roman", Tahoma, Helvetica, Geneva, Swiss, SunSans-Regular }
td { color: black; font-style: normal; font-weight: normal; font-size: 10pt; font-family: Arial, "Times New Roman", Tahoma, Helvetica, Geneva, Swiss, SunSans-Regular }

@font-face {
  font-family: "Pristina-Regular";
  src: url("../etc/fonts/PRISTINA.eot"); /* IE9 Compat Modes */
  src: url("../etc/fonts/PRISTINA.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../etc/fonts/PRISTINA.otf") format("opentype"), /* Open Type Font */
    url("../etc/fonts/PRISTINA.svg") format("svg"), /* Legacy iOS */
    url("../etc/fonts/PRISTINA.woff") format("woff"), /* Modern Browsers */
    url("../etc/fonts/PRISTINA.woff2") format("woff2"); /* Modern Browsers */
}

#bg-video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
    z-index: -1; /* Platziert das Video hinter allen anderen Elementen */
    object-fit: cover; /* Sorgt dafür, dass das Video den Bildschirm ausfüllt */
}

/* ------------------------------------------------------------------------------- */
/* css for scrollable Table                                                        */
/* ------------------------------------------------------------------------------- */
.table-scroll {
  position: relative;
  width:100%;
  max-height:150px;
  z-index: 1;
  margin: auto;
  overflow-x: scroll;
  overflow-y: scroll;
  background-color: rgb(68, 68, 68); display: block; text-align: left;
}
.table-scroll table {
  width: 100%;
  min-width: 1280px;
  //margin: auto;
  border-collapse: separate;
  border-spacing: 0;
}
.table-wrap {
  position: relative;
}
.table-scroll th,
.table-scroll td {
  padding: 2px 2px;
  border: 1px solid #444444;
  background: #fff;
  //vertical-align: top;
  font-family: Arial, "Times New Roman", Tahoma, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 8pt;
}
.table-scroll thead th {
  background: #ffffff;
  color: #000000;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
/* safari and ios need the tfoot itself to be position:sticky also */
.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: #ffffff;
  color: #000000;
  z-index:4;
}

/* erste Zelle links oben*/
th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  background: #444444;
}
thead th:first-child,
tfoot th:first-child {
  z-index: 6;
}

/* ------------------------------------------------------------------------------- */
/* css for newsAreaLeft                                                        */
/* ------------------------------------------------------------------------------- */
#NewsAreaLeft {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 900px;
	width: 500px;
	z-index: 3;
	background-color: #ffffff;
	color: #000000;
	overflow-y: hidden;
	overflow-x: hidden;
	border-collapse: separate;
	border-radius: 0px 10px 0px 0px;
	border: 0px;
	box-shadow: 10px 10px 3px #444444;
}

#ContentNews{
	width: 100%;
	height: 760px;
	overflow-y: auto;
}
#ContentNews table{
	border-spacing: 0px;
}
#ContentNews thead{
	color: #ffffff;
	background-color: #000000;
}
#ContentNews thead th:first-child {
  	color: #ffffff;
	background-color: #000000;
}
#ContentNews table thead th {
	padding: 5px;
}
#ContentNews table tbody td {
	padding: 15px;
}
#ContentNews img{
	max-width: 300px;
	height: auto;
}

/* ------------------------------------------------------------------------------- */
#Content a:link {
	text-decoration: underline;
}

	.filesarea {
		border: 1px solid black;
		padding: 10px;
		max-height: 6.5em;
		overflow-x: sroll;
		overflow-y: scroll;
	}

#DebugArea{
	position: fixed;
	bottom: 33px;
	right: 0px;
	height: 100px;
	width: 200px;
	z-index: 3;
	background-color: #ffffff;
	color: #000000;
	overflow-y: scroll;
	overflow-x: scroll;
	border-collapse: separate;
	border-radius: 0px 10px 0px 0px;
	border: 0px;
	box-shadow: 10px 10px 3px #444444;
	
}


.ToDoList {
	margin: 0;
	padding: 0;
	background-color: #ff0000;
	border: 0px solid;
	border-radius: 5px;
	width: auto;
	border-color: #080808;
	background: -moz-linear-gradient(top, #ff0000 0%, #444444 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0000), color-stop(100%, #444444));
	background: -webkit-linear-gradient(top, #ff0000 0%, #444444 100%);
	background: -o-linear-gradient(top, #ff0000 0%, #444444 100%);
	background: -ms-linear-gradient(top, #ff0000 0%, #444444 100%);
	background: linear-gradient(top, #ff0000 0%, #444444 100%);
}

#ToDoArea {
	position: fixed;
  	top: 5px;
  	right: 5px;
	width: 15%;
	height: 100%;
	overflow-y: auto;
	z-index: 2;
}
#ToDoAreaViewOnOff {
	position: fixed;
  	top: 5px;
  	right: 10px;
	width: 15%;
	height: 100%;
	z-index: 2;
}

#SpecialArea {
	position: fixed;
  	bottom: 0px;
  	left: 0px;
	width: 100%;
	//max-height: 33%;
	//overflow: hidden;
	z-index: 4;
}
#SpecialAreaViewOnOff {
	position: fixed;
  	bottom: 33px;
  	left: 0px;
	width: 100%;
	//height: 30%;
	z-index: 4;
}
#SpecialAreaDataTable {
	//position: absolute;
	max-height: 33%;
	width: 100%;
	overflow-y: scroll;
	overflow-x: scroll;
}

#TableRoundBorder {
	border-collapse: separate;
	border-radius: 10px 10px 10px 10px;
	border: 0px;
}

#TableRoundBorderBlack {
	border-collapse: separate;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid black;
}

.TableRoundBorderBlack {
	border-collapse: separate;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid black;
}

.TableRoundBorder {
	border-collapse: separate;
	border-radius: 10px 10px 10px 10px;
}

.TableBorderBlack {
	border-collapse: separate;
	border-radius: 0px 0px 0px 0px;
	border: 1px solid black;
}

#overlayConfirm {
	z-index: 10;
	width: 100%;
	height: 100%;
	background-image: url(grafik/bg-overlay.png);
	opacity: 1;
	position: fixed;
	top: 0px;
	left: 0px;
}
#overlayInput {
	z-index: 10;
	width: 100%;
	height: 100%;
	background-image: url(grafik/bg-overlay.png);
	opacity: 1;
	position: fixed;
	top: 0px;
	left: 0px;
}
#Progress {
	z-index: 100;
	width: 100%;
	height: 100%;
	background-image: url(grafik/bg-overlay.png);
	opacity: 1;
	position: fixed;
	top: 0px;
	left: 0px;
}
#overlayConfirm div {
	width: 100%;
	height: 100px;
	position: absolute;
	top: 15%;
	left: 0px;
}
#overlayInput div {
	width: 100%;
	height: 100px;
	position: absolute;
	top: 15%;
	left: 0px;
}
#overlayProgress {
	width: 100%;
	height: 100%;
	background-image: url(grafik/bg-overlay.png);
	opacity: 1;
	position: fixed;
	top: 0px;
	left: 0px;
}
#overlayProgress div {
	width: 100%;
	height: 100px;
	position: absolute;
	top: 30%;
	left: 0px;
}
.textarea {
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-radius: 4px;
	background-color: #ffffff;
	font-family: Arial;
	font-size: 13px;
	resize: none;
}

.textangebot tr td {
  font-family: "Pristina-Regular";
  font-size: 30px;
  font-weight: normal;
  font-style: normal;
  color: black;
  //text-shadow: 0px 5px 5px #333;
}

.captionBG tr td {
  font-family: "Pristina-Regular";
  font-size: 30px;
  font-weight: normal;
  font-style: normal;
  color: white;
  text-shadow: 0px 5px 5px #333;
  background-color: #761a18;
}

.captionBGnoColor tr td {
  font-family: "Pristina-Regular";
  font-size: 30px;
  font-weight: normal;
  font-style: normal;
  color: black;
  text-shadow: 0px 5px 5px #333;
}


.FontPristinaShadow {
  font-family: "Pristina-Regular";
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  color: black;
  text-shadow: 0px 5px 5px #333;
}

.Auswertung {
	background-color: #404040;
	border-collapse: separate;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid black;
}

.AuswertungMenu td {
	background-color: #404040;
  	font-weight: normal;
  	font-style: normal;
  	color: white;
}

.AuswertungResultHead {
	background-color: #404040;
	//border-collapse: separate;
	//border-radius: 10px 10px 10px 10px;
	border: 1px solid black;
}

.AuswertungResultHead td {
  	font-weight: bold;
  	font-style: normal;
  	color: white;
}

[tooltip] {
	position:relative;

}
[tooltip]:before {
	content:'';
	/* hides the tooltip when not hovered */
	display:none;
	content:'';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #1a1a1a;	
	position:absolute;
	top:30px;
	left:15px;
	z-index:12;
	font-size: 0px;
	line-height:0;
	width:0;
	height:0;
}
[tooltip]:after {
	display:none;
	content:attr(tooltip);
	position:absolute;
	top:35px;
	left:0px;
	padding:5px 8px;
	border-color: #080808;
	background: #000000;
	background: -moz-linear-gradient(top, #444444 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #000000));
	background: -webkit-linear-gradient(top, #444444 0%, #000000 100%);
	background: -o-linear-gradient(top, #444444 0%, #000000 100%);
	background: -ms-linear-gradient(top, #444444 0%, #000000 100%);
	background: linear-gradient(top, #444444 0%, #000000 100%);
	color:#ffffff;
	z-index:12;
	font-size: 13px;
	height:auto;
	line-height:18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space:pre-wrap;
	word-wrap:normal;
}
[tooltip]:hover:before,
[tooltip]:hover:after {
	display:block;
}

.bgschoppelcolor {
	background: #ff0000;
	background: -moz-linear-gradient(top, #ff0000 0%, #444444 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0000), color-stop(100%, #444444));
	background: -webkit-linear-gradient(top, #ff0000 0%, #444444 100%);
	background: -o-linear-gradient(top, #ff0000 0%, #444444 100%);
	background: -ms-linear-gradient(top, #ff0000 0%, #444444 100%);
	background: linear-gradient(top, #ff0000 0%, #444444 100%);
}



.backToTop{
	cursor: pointer;
	position:fixed;
	right:20px;
	bottom:60px;
	display:none;
	width:46px;
	height:46px;
	text-indent:-9999px;
	z-index:9;
	background:url(../etc/images/sprite.png) no-repeat -11px -474px;
	}
.backToTop:hover{
	background:url(../etc/images/sprite.png) no-repeat -57px -474px;
	}