body {
 overflow : auto;
 scrollbar-base-color :  #000000;
 scrollbar-track-color : #494949;
 scrollbar-arrow-color : #FFFFFF;
}

input,textarea,select {
 font-family: Verdana, Arial, Sans Serif;
 border: solid 1px #669999;
 font-size: 8pt;
 color: #000000;
 background-color: #FFFFFF;
 padding-left: 2px;
}

select { padding: 0px; }

textarea { overflow: auto; }

font , body , td , a { font-size : 8pt; text-decoration : none; font-family : Verdana; }

.td_grau_1 { background-color:#C0C0C0; border-bottom:solid 1px #909090; border-right:solid 1px #909090; border-top:solid 1px #E0E0E0; border-left:solid 1px #E0E0E0; }
.td_grau_2 { background-color:#E0E0E0; border-bottom:solid 1px #909090; border-right:solid 1px #909090; border-top:solid 1px #FFFFFF; border-left:solid 1px #FFFFFF; }
.td_grau_3 { background-color:#F0F0F0; border-bottom:solid 1px #909090; border-right:solid 1px #909090; border-top:solid 1px #FFFFFF; border-left:solid 1px #FFFFFF; }

.td_gruen { background-color:#64C77E; border-bottom:solid 1px #009933; border-right:solid 1px #009933; border-top:solid 1px #99CC99; border-left:solid 1px #CCFFCC; }
.td_gelb  { background-color:#FFE57F; border-bottom:solid 1px #CCCC66; border-right:solid 1px #CCCC66; border-top:solid 1px #FFFF99; border-left:solid 1px #FFFF99; }

.submit_delete { border-bottom:solid 1px #CC3333; border-right:solid 1px #CC3333; border-top:solid 1px #FF6666; border-left:solid 1px #FF6666;}

a:visited { color: #000000; text-decoration: none }
a:link    { color: #000000; text-decoration: none }
a:active  { color: #000000; text-decoration: none }
a:hover   { color: #FFFFFF; text-decoration: none }


/* runde Status DIVs */
.status_green, .status_red, .status_orange {
	display: inline-block;
	color: white;
	padding: 7px 14px;
	font-size: 11px;
	border: none;
	border-radius: 8px;
	letter-spacing: 1px;
}
.status_green {
	background-color: #4CAF50;
}
.status_red {
	background-color: #C95050;
}
.status_orange {
	background-color: #e68a00;
}

/* Ladevorgang (Kreis) */
.spinner {
	display: none;
	margin: 20px auto;
	border: 6px solid #f3f3f3;
	border-top: 6px solid #4CAF50;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 1s linear infinite;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/* --------------- */