body	{font-size:calc(15px + .3vw);}
.verlauf {background:linear-gradient(to right, #A0E100, black);height:60px;}
.MyButton {width:100%;font-size:95%;}
.ButLink {
  background: none!important;
  border: none;
  padding: 0!important;
  /*optional*/
  font-family: arial, sans-serif;
  /*input has OS specific font-family*/
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.ButLink:hover {
	text-decoration:underline;
	color:green;
}
.circ { 
   width: 25px;
   height: 25px; 
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px; 
   border-radius: 10px;
   float:right;
   margin-right:4px;
   margin-top:2px;
}
.circ2 { 
   width: 20px;
   height: 20px; 
   -moz-border-radius: 8px; 
   -webkit-border-radius: 8px; 
   border-radius: 8px;
   float:left;
   margin-right:14px;
   margin-top:2px;
}
.circrot { 
   background: #ff0000; 
}
.circgruen { 
   background: #00ff00; 
}
.circblau { 
   background: #0000ff; 
}
.circgelb { 
   background: #ffff00; 
}
.alert-yellow {background:#ffff00;}
.alert-hellgruen {background:#00c000;}
.alert-hellgelb {background:#ffff99;}
.alert-bls {background:#8888ff;}
.alert-violett {background:#ffccff;}
.alert-hellcyan {background:#ccffff;}
.alert-hbg{background:#88ff88;}

.myuebersicht {font-size:120%;}