html *
{
	font-family: Arial, tahoma, Verdana,Helvetica, sans-serif,"prompt";
	font-size: 14px;
}
BODY
{
}
table, img {
    padding: 1px; /* cellpadding */
    margin: 1px; /*for cellspacing */
    border-width:1px;	
    border-color:silver;	
    /*background-image: linear-gradient(red, yellow);*/
	-moz-box-shadow: 1px 1px 2px 1px #444;
	-webkit-box-shadow: 1px 1px 2px 1px #444;
	box-shadow: 1px 1px 2px 1px #444;
    border-spacing: 1px 1px;
    border-radius:1px;
}
TD
{
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 11px;
    background: #ffffff;
}
TD.lightgreen
{
    background: #ddffdd;
	COLOR: #004400;
}
TD.white
{
    background: #ffffff;
	COLOR: #000000;
}
TD.yellow
{
    background: #FFFFAA;
	COLOR: #004400;
}
TD.green
{
    background: #ccffcc;
	COLOR: #004400;
}
TD.red
{
    background: #ffcccc;
	COLOR: #004400;
}
TD.lightorange
{
    background: #ffeedd;
	COLOR: #884422;
}
TX
{
    background: #ffeedd;
	COLOR: #884422;
}
TD.lightblue
{
    background: #ccccff;
	COLOR: #0000ff;
}

.SEL
{
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 12px
}
.ISEL
{
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 16px;
    COLOR: #0000ff
}
.NSEL
{
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 16px;
    COLOR: #ff0000
}
INPUT.st
{
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 12px
}
INPUT.green
{
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    background: #ccffcc;
    COLOR: #008800;
    FONT-SIZE: 12px;
    min-width: 300px;
    min-height: 30px;
}
INPUT.red
{
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    background: #ffcccc;
    COLOR: #880000;
    min-width: 300px;
    FONT-SIZE: 12px;
    min-height: 30px;
}
SELECT.st
{
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 12px
}
TEXTAREA.st
{
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 12px
}
SPAN.h1
{
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 18px;
    FONT-WEIGHT: bold
}
SPAN.h2
{
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold
}
SPAN.h3
{
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 15px;
    FONT-WEIGHT: bold
}
SPAN.st
{
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 13px
}
SPAN.c1
{
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 10px
}
SPAN.h1RED
{
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 18px;
    FONT-WEIGHT: bold;
	color: red;
}
SPAN.h1GRN
{
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 18px;
    FONT-WEIGHT: bold;
	color: green;
}
.headlist
{
    min-width:70px;
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 10px
}
.headlist40
{
    min-width:30px;
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 10px;
   	-moz-box-shadow: 1px 1px 2px 1px #444;
	-webkit-box-shadow: 1px 1px 2px 1px #444;
	box-shadow: 0.5px 0.5px 1px 1px #444;
}
.headlistwide
{
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 10px;
    width: 180px;
}
.headlistR
{
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 10px;
    text-align: right;
    width: 40px;
}

.HauptDok
{
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 12px;
    TEXT-DECORATION: none
}
.vertical {
    FONT-FAMILY:  Arial, tahoma, Verdana,Helvetica, sans-serif;
    FONT-SIZE: 12px;
    white-space:nowrap;
    display:block;
    width:20px;
    height:20px;	
	/* Safari, Chrome */
	-webkit-transform: rotate(90deg);

	/* Firefox */
	-moz-transform: rotate(90deg);

	/* IE */
	-ms-transform: rotate(90deg);

	/* Opera */
	-o-transform: rotate(90deg);

	/* Older versions of IE */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

	/* CSS3 standard as defined here: http://www.w3.org/TR/css3-transforms/ */
	transform: rotate(90deg);

}
	table.x{
	    border-spacing: 1px;
		background-color: grey;
		border-radius:         4px 4px 4px 4px;
		-webkit-box-shadow: #aaaaaa 4px 4px 6px;
		-moz-box-shadow:    #aaaaaa 4px 4px 6px;
		box-shadow:         #aaaaaa 4px 4px 6px;
    }
    td{font-size: 14px; padding: 5px; border-radius:         1px 1px 1px 1px;}
	td.count{
		background-color: #dddddd;
		color: blue;
		font-weight: bold;
		text-align:center;
    }
	td.counttp{background-color: #ddffdd;color: blue;text-align:right;}
	td.counttc{background-color: #ffdddd;color: blue;text-align:right;}
	td.countto{background-color: #ffffaa;color: blue;text-align:right;}
	td.countR{
		background-color: #dddddd;
		color: blue;
		text-shadow: 0.2px 0.2px 0.3px blue;
		font-weight: bold;
		text-align:right;
    }
	td.feldL{
		background-color: #ffffff;
		color: blue;
		text-align:left;
    }
	td.feldRed{
		background-color: #ffdddd;
		color: #660000;
		text-align:right;
	}
	td.feldBlu{
		background-color: #ddddff;
		color: #000066;
		text-align:right;
	}
	td.feldGrn{
		background-color: #ddffdd;
		color: #005500;
		text-align:right;
	}
	td.feldYel{
		background-color: #ffff88;
		color: #442200;
		text-align:right;
	}
	td.feldR{
		background-color: #ffffff;
		color: #0000ff;
		text-align:right;
    }
	td.feldRv{
		background-color: #ffaaff;
		color: #0000ff;
		text-align:right;
    }
	td.feldRb{
		background-color: #aaaaff;
		color: #0000ff;
		text-align:right;
    }
	td.feldRS{
		background-color: #ffffaa;
		color: #ff0000;
		text-align:right;
		font-weight: bold;
    }
	td.feldLS{
		background-color: #ffffaa;
		color: #ff0000;
		text-align:left;
		font-weight: bold;
    }
	td.feldS{
		background-color: #ffffaa;
		color: #ff0000;
		text-align:right;
		font-weight: bold;
    }
	td.feldRP{
		background-color: #aaffff;
		color: #0000ff;
		text-align:right;
		font-weight: bold;
    }
	td.feldLP{
		background-color: #aaffff;
		color: #0000ff;
		text-align:left;
		font-weight: bold;
    }
	td.feldP{
		background-color: #aaffff;
		color: #0000ff;
		text-align:right;
		font-weight: bold;
    }
	td.datumBeg{
		background-color: #eeccff;
		color: #440044;
		text-align:center;
    }
	td.datumEnd{
		background-color: #aaffff;
		color: #004444;
		text-align:center;
    }
	tr.odd {		background-color: #ddddff;}
	tr.even{		background-color: #ffffdd;}
	td.odd {		background-color: #ddffdd;}
	td.even{		background-color: #ffffaa;}
	td.count{
		background-color: #dddddd;
		color: blue;
		text-shadow: 0.2px 0.2px 0.3px blue;
		font-weight: bold;
		text-align:center;
    }
	td.feldL{
		background-color: #ffffff;
		color: blue;
		text-align:left;
    }
	td.feldRed{
		background-color: #ffdddd;
		color: #660000;
		text-align:right;
	}
	td.feldGrn{
		background-color: #ddffdd;
		color: #005500;
		text-align:right;
	}
	td.feldYel{
		background-color: #ffff88;
		color: #442200;
		text-align:right;
	}
	td.feldR{
		background-color: #ffffff;
		color: #0000ff;
		text-align:right;
    }
	td.datumBeg{
		background-color: #eeccff;
		color: #440044;
		text-align:center;
    }
	td.datumEnd{
		background-color: #aaffff;
		color: #004444;
		text-align:center;
    }
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.greOK{background:  radial-gradient(white,#aaffaa);color: #00aa00;text-align:justify;FONT-SIZE: 12px;padding: 5px 2px 5px 2px;border-radius: 5px;	-moz-box-shadow: 1px 1px 2px 1px #444;-webkit-box-shadow: 1px 1px 2px 1px #444;box-shadow: 2px 2px 4px 2px #222;}
.redALARM{background:  radial-gradient(white,#ffaaaa);color: #ff0000;text-align:justify;FONT-SIZE: 12px;padding: 5px 2px 5px 2px;border-radius: 5px;	-moz-box-shadow: 1px 1px 2px 1px #444;-webkit-box-shadow: 1px 1px 2px 1px #444;box-shadow: 2px 2px 4px 2px #222;animation: blinker 2s linear infinite;}
.yel{background:  radial-gradient(white,#ffff88);color: #ff0000;text-align:justify;FONT-SIZE: 12px;padding: 5px 2px 5px 2px;border-radius: 5px;	-moz-box-shadow: 1px 1px 2px 1px #444;-webkit-box-shadow: 1px 1px 2px 1px #444;box-shadow: 2px 2px 4px 2px #222;}
.yelcx{background: linear-gradient(#cccc00,#ffffff,#ffff00);color: #ff0000;text-align:justify;FONT-SIZE: 26px;padding: 15px 10px 15px 10px;}
.yelc{background: radial-gradient(white,#ffff88);color: #aa4400;text-align:center; FONT-SIZE: 14px;padding: 15px 10px 15px 10px;border-radius: 5px;	-moz-box-shadow: 1px 1px 2px 1px #444;-webkit-box-shadow: 1px 1px 2px 1px #444;box-shadow: 2px 2px 4px 2px #222;}
.red{background:  radial-gradient(white,#ffcccc);color: #ff0000;text-align:justify;FONT-SIZE: 14px;padding: 15px 10px 15px 10px;border-radius: 5px;	-moz-box-shadow: 1px 1px 2px 1px #444;-webkit-box-shadow: 1px 1px 2px 1px #444;box-shadow: 2px 2px 4px 2px #222;}
.blu{background:  radial-gradient(white,#ccccff);color: #0000ff;text-align:justify;FONT-SIZE: 14px;padding: 15px 10px 15px 10px;border-radius: 5px;	-moz-box-shadow: 1px 1px 2px 1px #444;-webkit-box-shadow: 1px 1px 2px 1px #444;box-shadow: 2px 2px 4px 2px #222;}
.blus{background: radial-gradient(white,#ccccff);color: #0000ff;text-align:justify;FONT-SIZE: 18px;padding: 15px 10px 15px 10px;border-radius: 5px;	-moz-box-shadow: 1px 1px 2px 1px #444;-webkit-box-shadow: 1px 1px 2px 1px #444;box-shadow: 2px 2px 4px 2px #222;width: max-content;}
.bluc{background: radial-gradient(white,#8888ff);color: #0000ff;text-align:center; FONT-SIZE: 14px;padding: 15px 10px 15px 10px;border-radius: 5px;	-moz-box-shadow: 1px 1px 2px 1px #444;-webkit-box-shadow: 1px 1px 2px 1px #444;box-shadow: 2px 2px 4px 2px #222;}
.gre{background:  radial-gradient(white,#ccffcc);color: #00aa00;text-align:justify;FONT-SIZE: 14px;padding: 15px 10px 15px 10px;border-radius: 5px;	-moz-box-shadow: 1px 1px 2px 1px #444;-webkit-box-shadow: 1px 1px 2px 1px #444;box-shadow: 2px 2px 4px 2px #222;}
.gres{background: radial-gradient(white,#ccffcc);color: #009900;text-align:justify;FONT-SIZE: 14px;padding: 15px 10px 15px 10px;border-radius: 5px;	-moz-box-shadow: 1px 1px 2px 1px #444;-webkit-box-shadow: 1px 1px 2px 1px #444;box-shadow: 2px 2px 4px 2px #222;}
.grec{background: radial-gradient(white,#ccffcc);color: #00aa00;text-align:center; FONT-SIZE: 14px;padding: 15px 10px 15px 10px;border-radius: 5px;	-moz-box-shadow: 1px 1px 2px 1px #444;-webkit-box-shadow: 1px 1px 2px 1px #444;box-shadow: 2px 2px 4px 2px #222;}
.red{background:  radial-gradient(white,#ffcccc);color: #ff0000;text-align:justify;FONT-SIZE: 14px;padding: 15px 10px 15px 10px;border-radius: 5px;	-moz-box-shadow: 1px 1px 2px 1px #444;-webkit-box-shadow: 1px 1px 2px 1px #444;box-shadow: 2px 2px 4px 2px #222;}
.redc{background: radial-gradient(white,#ffcccc);color: #ff0000;text-align:center; FONT-SIZE: 14px;padding: 15px 10px 15px 10px;border-radius: 5px;	-moz-box-shadow: 1px 1px 2px 1px #444;-webkit-box-shadow: 1px 1px 2px 1px #444;box-shadow: 2px 2px 4px 2px #222;}
.wht{background:  radial-gradient(white,#ffffff);color: #000000;text-align:justify;FONT-SIZE: 14px;padding: 15px 10px 15px 10px;border-radius: 5px;	-moz-box-shadow: 1px 1px 2px 1px #444;-webkit-box-shadow: 1px 1px 2px 1px #444;box-shadow: 2px 2px 4px 2px #222;}
.whto{background: radial-gradient(white,#ffffff);color: #000000;text-align:center; FONT-SIZE: 14px;padding: 2px 2px 2px 2px;}
.whtc{background: radial-gradient(white,#ffffff);color: #000000;text-align:center; FONT-SIZE: 14px;padding: 15px 10px 15px 10px;border-radius: 5px;	-moz-box-shadow: 1px 1px 2px 1px #444;-webkit-box-shadow: 1px 1px 2px 1px #444;box-shadow: 2px 2px 4px 2px #222;}
.bro{background:  radial-gradient(white,#ffeedd);color: #442200;text-align:justify;FONT-SIZE: 14px;padding: 15px 10px 15px 10px;border-radius: 5px;	-moz-box-shadow: 1px 1px 2px 1px #444;-webkit-box-shadow: 1px 1px 2px 1px #444;box-shadow: 2px 2px 4px 2px #222;}
.blac{ width:100%; height:100% ; background: radial-gradient(#ffffff,#00ffff);color: #0000ff;text-align:center; FONT-SIZE: 14px;padding: 15px 10px 15px 10px;border-radius: 5px;	-moz-box-shadow: 1px 1px 2px 1px #444;-webkit-box-shadow: 1px 1px 2px 1px #444;box-shadow: 2px 2px 4px 2px #222;}
.blakc{ width:100%; height:100% ; background: radial-gradient(#ffffff,#bbbbbb);color: #0000ff;text-align:center; FONT-SIZE: 14px;padding: 15px 10px 15px 10px;border-radius: 5px;	-moz-box-shadow: 1px 1px 2px 1px #444;-webkit-box-shadow: 1px 1px 2px 1px #444;box-shadow: 2px 2px 4px 2px #222;}


@keyframes colorChange {
  from { /* radial-gradient(farthest-corner at top right, ..) */
    background-position:left top;
    background-size:200% 100%;
  
  }
  49.9% {
    background-position:left top;  
  }
  50% { /* radial-gradient(farthest-corner at top center, ..) */
    background-size:100% 100%;
  }
  50.1% {
    background-position:right top; 
  }
  to { /* radial-gradient(farthest-corner at top left, ..) */
    background-position:right top;
    background-size:200% 100%;
  }
 }

.shine{
	height: 25px;
	/* 
	height: 10vh;
	width: 60vw;
	max-width: 400px;
	max-height: 200px;
	*/
	margin-right: auto;
	margin-left: auto;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	animation: colorChange 5s infinite alternate linear;

	FONT-FAMILY:  Dosis, Arial, tahoma, Verdana,Helvetica, sans-serif;
	font-weight: bold;
	FONT-SIZE: 14px;
	/* offset-x | offset-y | blur-radius | color */
	text-shadow: 2px 2px 4px black;  

	-moz-box-shadow: 1px 1px 2px 1px #444;
	-webkit-box-shadow: 1px 1px 2px 1px #444;
	box-shadow: 3px 3px 6px 3px #444;
}
.grad2{background-image: radial-gradient(red, yellow);}
.grad1{background-image: conic-gradient(cyan, yellow, cyan, yellow, cyan);}
.centered {
  position: fixed; /* or absolute */
  top: 50%;
  left: 50%;
}
.w700{width:95%;max-width:700px;}
.w500{width:90%;max-width:500px;}
.w400{width:90%;max-width:400px;}
.w300{width:90%;max-width:300px;}
.logintable{cellspacing:1; cellpadding:1;  border:0;  }
.divgreensh {
	color: #ddddff;FONT-SIZE: 24px;box-shadow: 3px 3px 6px 3px #444;border-radius: 5px;width: max-content;margin:20px;
	background: radial-gradient(farthest-corner at top, #FFFFFF 0%, #b3ffb3 12%, #33ff33 24.5%, #008000 62.5%, #00b300 100%); 
}
.div-green {
	color: #ddddff;
  background: radial-gradient(farthest-corner at top, #FFFFFF 0%, #b3ffb3 12%, #33ff33 24.5%, #008000 62.5%, #00b300 100%);
}
.div-red {
	color: #ffffdd;
  background: radial-gradient(farthest-corner at top, #FFFFFF 0%, #ffb3b3 18%, #ff3333 34.5%, #800000 62.5%, #b30000 100%);
}
.div-blue {
	color: #ddffdd;
  background: radial-gradient(farthest-corner at top, #FFFFFF 0%, #b3b3ff 18%, #3333ff 34.5%, #000080 62.5%, #0000b3 100%);
}
.div-brown {
	color: white;
  background: radial-gradient(farthest-corner at top, #FFFFFF 0%, #ffddb3 18%, #ffdd33 34.5%, #b06000 62.5%, #b39300 100%);
}
.div-black {
	color: white;
  background: radial-gradient(farthest-corner at top, #FFFFFF 0%, #b3b3b3 18%, #333333 34.5%, #808080 62.5%, #b3b3b3 100%);
}
.div-orange {
	color: yellow;
  background: radial-gradient(farthest-corner at top, #FFFFFF 0%, #ffaa00 18%, #ff8800 34.5%, #eeaa22 62.5%, #ffaa00 100%);
}
table.normal{border:0; width:100%;border-spacing:1px; padding:1px; background-color:gray; }
table.list1{border:0; width:100%;border-spacing:1px; padding:1px; background-color:gray; }
td.listhead{background-color: #dddddd;}
table.list1 tr:hover td {background-color: #CCFFFF;}	
.ibu{max-width:30px;border-radius: 5px;	-moz-box-shadow: 1px 1px 2px 1px #444;-webkit-box-shadow: 1px 1px 2px 1px #444;box-shadow: 2px 2px 4px 2px #222;}