.BCRed    { background-color: hsla(0, 100%, 40%, 1);   }
.BCorang  { background-color: hsla(36, 100%, 50%, 1.0);}
.BCBlack  { background-color: hsla(0, 100%, 3%, 1) ; }
.BCGreen  { background-color:  hsla(120, 46%, 36%, 1); }
.BCYallow { background-color: #FFFF00 ; }
.BCWhite  { background-color: #FFFFFF ; }
.BCGray   { background-color: #C0C0C0 ; }
.BCBlue   { background-color: #1B75EF ; }
.BCPurpl  { background-color: #800080 ; }
.BCWgray  { background-color: #DDDDDD ; }
.BCresasi { background-color: #A2B9C9 ; }
.BCWblue  { background-color: #E5EEFF ; }
.BCWgreen { background-color: #F5FFF5 ; }
.BCWorange{ background-color: #FFF7E5 ; }
.BCWpurpl { background-color: #E5E5FF ; }
.BCMblue  { background-color: #4095BF ; }
.BCWyall  { background-color: #FFFFCC ; }
.BCLblue  { background-color: #C2D6D6 ; }
.BCLgray  { background-color: #EDEDED ; }
.BCWred   { background-color: #FFB2B2 ; }



.BC000  { background-color: hsl(0,   20%, 50%) ; }
.BC015  { background-color: hsl(15,  20%, 50%) ; }
.BC030  { background-color: hsl(30,  20%, 50%) ; }
.BC045  { background-color: hsl(45,  20%, 50%) ; }
.BC060  { background-color: hsl(60,  20%, 50%) ; }
.BC075  { background-color: hsl(75,  20%, 50%) ; }
.BC090  { background-color: hsl(90,  20%, 50%) ; }
.BC105  { background-color: hsl(105, 20%, 50%) ; }
.BC120  { background-color: hsl(120, 20%, 50%) ; }
.BC135  { background-color: hsl(135, 20%, 50%) ; }
.BC150  { background-color: hsl(150, 20%, 50%) ; }
.BC165  { background-color: hsl(165, 20%, 50%) ; }
.BC180  { background-color: hsl(180, 20%, 50%) ; }
.BC195  { background-color: hsl(195, 20%, 50%) ; }
.BC210  { background-color: hsl(210, 20%, 50%) ; }
.BC225  { background-color: hsl(225, 20%, 50%) ; }
.BC240  { background-color: hsl(240, 20%, 50%) ; }
.BC255  { background-color: hsl(255, 20%, 50%) ; }
.BC270  { background-color: hsl(270, 20%, 50%) ; }
.BC285  { background-color: hsl(285, 20%, 50%) ; }
.BC300  { background-color: hsl(300, 20%, 50%) ; }
.BC315  { background-color: hsl(315, 20%, 50%) ; }
.BC330  { background-color: hsl(330, 20%, 50%) ; }
.BC345  { background-color: hsl(345, 20%, 50%) ; }






.BCA7     { background-color: #A7B3C8 ; }
.BCC1     { background-color: #C1B6AC ; }
.BCB5     { background-color: #B5C9E2 ; }
.BC31     { background-color: #314059 ; }
.BC1D     { background-color: #1D1D1F ; }
.BC34     { background-color: #342526 ; }
.BCB0     { background-color: #B09390 ; }
.BC8B     { background-color: #8B63DA ; }
.BC3C     { background-color: #3C21B7 ; }
.BC59     { background-color: #591DA9 ; }
.BC78     { background-color: #78A3EB ; }
.BC98     { background-color: #989CB8 ; }
.BCDE     { background-color: #DE9D3C ; }




.FCRed    { color: #CC0000 ; }
.FCorang  { color: hsla(36, 100%, 50%, 1.0); ; }
.FCBlack  { color: #000000 ; }
.FCGreen  { color: #006600 ; }
.FCYallow { color: #FFFF00 ; }
.FCWhite  { color: #FFFFFF ; }
.FCBlue   { color: #1B75EF ; }
.FCPurpl  { color: #800080 ; }
.FCGray   { color: #C0C0C0 ; }
.FCresase { color: #A2B9C9 ; }
.FCWblue  { color: #9EBEFF ; }
.FCWgreen { color: #E5FFE5 ; }
.FCWorange{ color: #FFE4AD ; }
.FCWpurpl { color: #E5E5FF ; }
.FCWyall  { color: #FFFFCC ; }
.FCWred   { color: #FFB2B2 ; }


 .quadrat {
  xwidth: 50px;
  xheight: 50px;
  -webkit-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Safari 4+ */
  -moz-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Fx 5+ */
  -o-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Opera 12+ */
  animation: NAME-YOUR-ANIMATION 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes NAME-YOUR-ANIMATION {
  0%, 49% {
    background-color: rgb(117, 209, 63);
    xborder: 3px solid #e50000;
  }
  50%, 100% {
    background-color: #e50000;
    xborder: 3px solid rgb(117, 209, 63);
  }
}

a.put:link,a.put:visited { color: #CC0000; font-weight: bold }
a.put:hover { color:  #000000; font-weight: bold }

.drop_shadow
{
    box-shadow: 7px 7px 15px -6px #000000;
}