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; 
}

*.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;
}

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

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-weight: lighter;
	font-size: 9pt;
	margin: 0px;
}

button, input[type=button], input[type=submit], input[type=image]    {
	color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: lighter;
	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-weight: lighter;
	font-size: 9pt;
	margin: 0px;
}

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

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

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

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

a:hover   {
	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; }

.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 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;
}

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

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