.online {
    background-color: #56d768;
}
.absent {
    background-color: #ffce66;
}
.offline {
    background-color: #d95757;
}
.group {
    background-color: #88b2fa;
}
.nothing {
    background-color: #ffffff;
}
 
 .button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	background-image: url(images/tab_uebergang.gif);
	background-repeat: repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;  
	height: 25px;
	width: 100px;
}
.upload {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height: 25px;
	width: 400px;
}
.dropdown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	width: 300px;
}
.button_100px_breit_8pt_verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height: 25px;
	width: 100px;
}
.breite_300px {
	width: 300px;
}
input { 
	width:300px;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
select { 
	width:300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
}
textarea { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
}
.input_kurz {width:143px; }
.button_150px_breit_8pt_verdanaKopie {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height: 25px;
	width: 150px;
}
.checkbox_20px {
	width: 20px;
}
.verdana_8pt_fett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}
.verdana_10pixel_fett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.verdana_20pixel_fett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
.breite_150px {
	width: 150px;
}
.breite_64_pixel {
	width: 64px;
}
.breite_32_pixel {
	width: 34px;
}
.breite_jahr {
	width: 36px;
}
.verdana_10_pixel_normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
.breite_20_px {
	width: 20px;
}
.breite_200px {
	width: 200px;
}
.breite_400px {
	width: 400px;
}
.breite_100px{
	width: 100px;
}

  a.infobox1 { color:black; text-decoration:none; }
  a.infobox1:hover {  color:black; cursor:text   }
  a.infobox1 span.info { visibility:hidden; position:absolute;
    margin-top:1.5em; padding:1em; text-decoration:none; }
  a.infobox1:hover span.info, a.infobox1:focus span.info, a.infobox1:active span.info {
    visibility:visible; 
    border:1px solid black; color:black; background:#F7F8E0; z-index:1 }