#zentriert 
{
  display: flex;
  align-items: center;
  justify-content: center;
} 

.white         {color: #ffffff;}
.grey          {color: #cccbc5;}
.black         {color: #000000;}
.yellow        {color: #f0f000;}
.citron        {color: #f0ffa0;}
.green         {color: #00a000;}
.red           {color: #F80454;}
.rosa          {color: #C25A67;}
.blue         {color: #0000F0;}
.cyan          {color: #45c4c4;}
.orange        {color: #FFAA00;}
.violet        {color: #FF00FF;}
.navy          {color: #222266;}

.dblue     {color: #000060;}
.dyellow       {color: #cfcf50;}
.dred          {color: #A80420;}

.lyellow  {color: #cfcf50;}
.lgreen        {color: #55FF55;}
.lred          {color: #FF4444;}
.lblue         {color: #88BBFF;}


.backmaroon     {background-color: #ca134b;}  
.backdarkgreen     {background-color: #00a000;}
.backred       {background-color: #BE0303;}
.backblack     {background-color: #000000;}
.backdarkgrey  {background-color: #333333;}
.backwhite     {background-color: #f0f0f0;}
.backcream     {background-color: #DEDED0;}
.backyellow    {background-color: #fbfc18;}
.backorange    {background-color: #ffcb95;}
.backcyan      {background-color: #2bced3;}
.backviolet    {background-color: #cd99fd;}
.backpink      {background-color: #ff95cd;}
.backnavy       {background-color: #222266;}


.f8             {font-size:  8px;}
.f9             {font-size:  9px;}
.f10           {font-size: 10px;}
.f11           {font-size: 11px;}
.f12           {font-size: 12px;}
.f13           {font-size: 13px;}
.f14           {font-size: 14px;}
.f15           {font-size: 15px;}
.f16           {font-size: 16px;}
.f18           {font-size: 18px;}
.f20           {font-size: 20px;}
.f22           {font-size: 22px;}
.f24           {font-size: 24px;}
.f28           {font-size: 28px;}
.f30           {font-size: 30px;}
.f32           {font-size: 32px;}
.f36           {font-size: 36px;}
.f40           {font-size: 40px;}

.pad2          {padding: 2px;}
.pad5          {padding: 5px;}
.pad10        {padding: 10px;}
.pad15        {padding: 15px;}
.pad20        {padding: 20px;}
.pad25        {padding: 25px;}
.pad50        {padding: 50px;}

.hpad5         {padding-left: 5px; padding-right: 5px;}
.hpad10      {padding-left: 10px; padding-right: 10px;}
.hpad15        {padding-left: 15px; padding-right: 15px;}
.hpad20      {padding-left: 20px; padding-right: 20px;}
.hpad40      {padding-left: 40px; padding-right: 40px;}
.hpad45      {padding-left: 45px; padding-right: 45px;}
.hpad55      {padding-left: 55px; padding-right: 55px;}
.hpad85      {padding-left: 85px; padding-right: 85px;}

.rpad10        {padding-right: 10px;}

.lpad110       {padding-left: 110px;}
.lpad40        {padding-left: 40px;}
.lpad10        {padding-left: 10px;}

.nobr          {white-space: nowrap;}

.noborder      {border: 0px;}

.left          {text-align: left;}
.center      {text-align: center;}
.right        {text-align: right;}

.top            {vertical-align: top;}
.middle      {vertical-align: middle;}
.bottom      {vertical-align: bottom;}

.bold          {font-weight: bold;}
.it              {font-style: italic;}
.u                {text-decoration: underline;}  
.normal          {font-weight: normal;}

.arial        {font-family: Arial;}
.times        {font-family: "Times New Roman";}
.comic         {font-family: "Comic Sans MS";}
.courier       {font-family: "Courier New";}

.blinking      {text-decoration: blink;}