body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: #333333;
	color: #FFCC00;
}

h1, h2, h3, h4 { 
	margin-top: 5px; 
	margin-bottom: 5px; 
}

p { 
	margin-top: 1px; 
	margin-bottom: 2px; 
}

*.menuactive    {
	text-align: center;
	background-color: #000000;
	font-weight: bold;
	vertical-align: middle;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

*.menuinactive    {
	text-align: center;
	background-color: #666666;
	vertical-align: middle;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

*.menuinactive2    {
	text-align: center;
	background-color: #664B4B;
	vertical-align: middle;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

*.menuinactive_sub    {
	text-align: center;
	background-color: #666666;
	vertical-align: middle;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

thead {
	background-color: #333;
	position: sticky;
	top: 0;
}

td    {
	font-size: 10pt;
	color: #CCCCCC;
	font-style: normal;
	font-weight: normal;
	white-space: nowrap;
	vertical-align: top;
}

tr.small td, tr.small th {
	font-size: 8pt;
}

th {
	font-weight: bold;
	color: #FFCC00;
	vertical-align: top;
	text-align: left;
}

table tr.mo:hover td {
	background: #666666;
}

table tr.mo:hover th {
	background: #666666;
}

input[type=text], input[type=checkbox], input[type=password], input[type=radio]    {
	color: #000000;
	background-color: #CCCCCC;
	border: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	margin: 0px;
}

button, input[type=button], input[type=submit], input[type=image]    {
	color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	margin: 0px;
	background-image:url(../img/clearpixel.png);
	background-position:center;
	background-repeat:no-repeat;
	background-color: #CCCCCC;
}

select    {
	color: #000000;
	background-color: #CCCCCC;
	border: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	margin: 0px;
}

option    {
	color: #000000;
	background-color: #cccccc;
	border: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	margin: 0px;
}

textarea    {
	color: #000000;
	background-color: #CCCCCC;
	border: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	margin: 0px;
}

input[type=submit].hp_button	{
	background-color: #000000;
	font-weight: bold;
	font-style:  italic;
	border: 0;
}

a, a:link, a:visited   {
	font-style: italic;
	font-weight: bold;
	color: #FFCC00;
	text-decoration: none;
}

a:hover, a:active   {
	text-decoration: underline;
}

img { border: 0; }

.checkbox:hover { filter: brightness(1.5); }

.cl1 { padding-right: 5px; }

.cl11 { padding-right: 10px; }

.cl20 { padding-right: 20px; }

.cl2 { background-color: #FFCC00; }

.reduction { padding-right: 5px; background-color: #775577; }

.fett { font-weight: bold; }

.button_aktiv { background-color: #fff;}

.ww { white-space:normal; }

*.menubuttonactive, input[type=submit].menubuttonactive    {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFCC00;
	font-size: 10pt;
	text-align: center;
	background-color: #1C1C1C;
	font-weight: bold;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	border: 0;
}

*.menubuttoninactive, input[type=submit].menubuttoninactive    {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFCC00;
	font-size: 10pt;
	text-align: center;
	background-color: #666666;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	border: 0;
}

.frage {
	font-size: 12pt;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.buttonzeile {
	text-align: center;
}

.button {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	padding: 5px;
}

.darkopt {
	background-color: #AAAAAA;
	font-style: italic;
	font-weight: bold;
}

.lightopt {
	background-color: #FF0;
}

.tooltip td, .tooltip th {
	font-size: 8pt;
	color: #000000;
}

.ewald td, .ewald th {
	color: #FFFFFF;
}

.ewald {
	font-size: 10pt;
	width: 1200px; 
	padding: 3px; 
	margin: 10px; 
	background-color: #333333;
	color: #FFFFFF;
}

.newsitem td, .newsitem th {
	color: #000000;
}

.newsitem a {
	font-style: italic;
	font-weight: bold;
	color: #000099;
	text-decoration: none;
}

.newsitem a:hover {
	text-decoration: underline;
}

.akt_tagesbereit {
/* Klasse zur Unterscheidung der bereits gesetzten Einträge
   KEINE speziellen Formatierungsangaben sondern
   nur Hilfskonstrukt für JavaScript function switch_weekvis
 */
}

#time { /* Formatierung Uhr (oben rechts) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	background-color: #333333;
	color: #FFCC00;
	text-align:left;
	padding:0px;
	border-spacing:0px;
	letter-spacing:0px;
}

.cPHEX { /* Helper Colorpicker */
	position:absolute;
	left:0px;
	top:60px;
}

.black td, .black th {
	color: #000000;
}

/* Spalten, die erst einmal ausgeblendet sind und via SijaxSpalteEinblenden gezeigt werden */
.aufg_delete, .aufg_erst, .pro_fb, .nachr_delete, .azk_drucker, .pro_abt, .pers_daten, .post_delete, .postressort_delete, .kto_delete, .kto_erase, .journal_delete {
	display:none;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    66% {
        opacity: 1;
    }
    76% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes progressbar {
  0%   {background: linear-gradient(to right, red  1%, green 10%);}
  3.3%   {background: linear-gradient(to right, red  4%, green 14%);}
  6.6%  {background: linear-gradient(to right, red 7%, green 17%);}
  10%  {background: linear-gradient(to right, red 10%, green 20%);}
  13.3%   {background: linear-gradient(to right, red  14%, green 24%);}
  16.6%  {background: linear-gradient(to right, red 17%, green 27%);}
  20%  {background: linear-gradient(to right, red 20%, green 30%);}
  23.3%   {background: linear-gradient(to right, red  24%, green 34%);}
  26.6%  {background: linear-gradient(to right, red 27%, green 37%);}
  30%  {background: linear-gradient(to right, red 30%, green 40%);}
  33.3%   {background: linear-gradient(to right, red  34%, green 44%);}
  36.6%  {background: linear-gradient(to right, red 37%, green 47%);}
  40%  {background: linear-gradient(to right, red 40%, green 50%);}
  43.3%   {background: linear-gradient(to right, red  44%, green 54%);}
  46.6%  {background: linear-gradient(to right, red 47%, green 57%);}
  50%  {background: linear-gradient(to right, red 50%, green 60%);}
  53.3%   {background: linear-gradient(to right, red  54%, green 64%);}
  56.6%  {background: linear-gradient(to right, red 57%, green 67%);}
  60%  {background: linear-gradient(to right, red 60%, green 70%);}
  63.3%   {background: linear-gradient(to right, red  64%, green 74%);}
  66.6%  {background: linear-gradient(to right, red 67%, green 77%);}
  70%  {background: linear-gradient(to right, red 70%, green 80%);}
  73.3%   {background: linear-gradient(to right, red  74%, green 84%);}
  76.6%  {background: linear-gradient(to right, red 77%, green 87%);}
  80%  {background: linear-gradient(to right, red 80%, green 90%);}
  83.3%   {background: linear-gradient(to right, red  84%, green 94%);}
  86.6%  {background: linear-gradient(to right, red 87%, green 97%);}
  90%  {background: linear-gradient(to right, red 90%, green 99%);}
  93.3%   {background: linear-gradient(to right, red  93%, green 100%);}
  96.6%  {background: linear-gradient(to right, red 96%, green 100%);}
  100% {background: red;}
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#ui-datepicker-div {
	border: 1px solid #FFCC00;
	background-color:black;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 0;
	width: 1.8em;
	height: 1.8em;
	cursor:pointer;
	background-repeat:no-repeat;
	color:transparent;
	overflow: hidden;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
	background-image: url(../img/zurueck.png);
	background-position:left;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
	background-image: url(../img/vor.png);
	background-position:right;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
	margin: 0 1px;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
	background-color:#333333;
}
.ui-datepicker th {
	text-align: right;
	font-weight: bold;
	color: lightgrey;
	background-color: #222222;
	border: 2px solid #000;
	padding-right: .5em;
}
.ui-datepicker td {
	border: 2px solid #000;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em .5em .2em .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}
a.ui-priority-secondary {
	color: lightgrey;
}
th.ui-datepicker-week-end {
	background-color: #440000;
}
td.ui-datepicker-week-end {
	background-color: #660000;
}
.ui-helper-hidden-accessible {
	display:none;
}
.ui-autocomplete {
	background-color:#CCCCCC;
	color:black;
	min-width:150px;
	width: max-content;
	list-style: none;
	padding:0;
	border: 1px solid black;
	z-index:256;
}
.ui-autocomplete li {
	padding:1px;
	cursor:pointer;
}
.ui-autocomplete li:hover {
	background-color:#EEEEEE;
}
.dialog {
	padding: 2px;
}
.ui-dialog {
	border: 1px solid #FFCC00;
	background-color: #555555;
}
.ui-dialog .ui-dialog-titlebar {
	padding: 2px;
	background-color: black;
	position: relative;
	cursor: default;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: 0;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
	color:transparent;
	background-image: url(../image.php?11,11,0,0,0,11000000011,11100000111,01110001110,00111011100,00011111000,00001110000,00011111000,00111011100,01110001110,11100000111,11000000011);
}