body {   background-color: #000000;
   color: #00FF00;   padding: 0px 0 0;   margin: 0;
   font-weight:bold;text-align:center;font-family:Helvetica,Arial,sans-serif;}

#BxI { /*für info*/
   background-color: #9EF7b9;
   border: 2px solid #FF0000;
   padding: 0px;margin: 0px;   
   position: absolute; top:   0px; left:  0px;
   width: 780px; height: 60px;
   visibility:visible; //hidden;
   overflow:hidden;
 text-align:center;font-weight:bold;font-style:italic; color: #ff4848;font-size:24px;
 font-family:Helvetica,Arial,sans-serif;
}
#mapx {cursor:default;}

#BxU { 
   background-color: #000000; 
   border: 0px solid #ff0000; 
   padding: 0px;margin: 0px;   
   position: absolute; top: 50%; left:50%; 
   margin-left:-390px; 
   margin-top :-310px;
   width: 780px; height: 580px;
   visibility:hidden;
   overflow:hidden;
   xxz-index:1000;
   cursor:default;
}
#xxBx0{position:absolute;left: -1px;top:-1px;width: 784px; height: 584px;xborder: 2px solid   #ff0000;overflow:hidden; margin: 0px; z-index:2002; }
#Bx0{position:absolute;left: -0px;top:-0px;width: 784px; height: 584px;xborder: 2px solid   #ff0000;overflow:hidden; margin: 0px; z-index:2002; }
#Bx1{position:absolute;left: -0px;top:-0px;width: 784px; height: 584px;xborder: 2px solid   #ff0000;overflow:hidden; margin: 0px; z-index:2002; }
#Bx2{position:absolute;left: 0px;top:0px;width: 784px; height: 584px;xborder: 2px solid   #ff0000;overflow:hidden; margin: 0px; z-index:2002; }
#Bx3{position:absolute;left: 0px;top:0px;width: 784px; height: 584px;xborder: 2px solid   #ff0000;overflow:hidden; margin: 0px; z-index:2002; }
#Bx4{position:absolute;left: 0px;top:0px;width: 784px; height: 584px;xborder: 2px solid   #ff0000;overflow:hidden; margin: 0px; z-index:2002; }
#Bx5{position:absolute;left: 0px;top:0px;width: 784px; height: 584px;xborder: 2px solid   #ff0000;overflow:hidden; margin: 0px; z-index:2002; }
#Bx6{position:absolute;left: 0px;top:0px;width: 784px; height: 584px;xborder: 2px solid   #ff0000;overflow:hidden; margin: 0px; z-index:2002; }
#Bx7{position:absolute;left: 0px;top:0px;width: 784px; height: 584px;xborder: 2px solid   #ff0000;overflow:hidden; margin: 0px; z-index:2002; }
#Bx8{position:absolute;left: 0px;top:0px;width: 784px; height: 584px;xborder: 2px solid   #ff0000;overflow:hidden; margin: 0px; z-index:2002; }
#Bx9{position:absolute;left: 0px;top:0px;width: 784px; height: 584px;xborder: 2px solid   #ff0000;overflow:hidden; margin: 0px; z-index:2002; }
#Bx10{position:absolute;left: 0px;top:0px;width: 784px; height: 584px;xborder: 2px solid   #ff0000;overflow:hidden; margin: 0px; z-index:2002; }
#Bx11{position:absolute;left: 0px;top:0px;width: 784px; height: 584px;xborder: 2px solid   #ff0000;overflow:hidden; margin: 0px; z-index:2002; }
#Bx12{position:absolute;left: 0px;top:0px;width: 784px; height: 584px;xborder: 2px solid   #ff0000;overflow:hidden; margin: 0px; z-index:2002; }

/*folgende [Unter]Boxen werden im suraC00, ini0() visible geschaltet.*/
#BxC{visibility:hidden;position:absolute;left: 50%;top:50%;width: 22px; height: 64px;
  border: 1px solid  #FF0000; z-index:2002; 
  margin-left:400px;    margin-top :-310px; cursor:pointer; 
}
#BxCA{position:relative;width: 20px; height: 20px;
  border: 1px solid  #000000; background-color: #0080C0 ;color: #FF0000; }
#BxCR{position:relative;width: 20px; height: 20px;
  border: 1px solid  #000000; background-color: #FFFF00; ;color: #FF0000;  }
#BxCS{position:relative;width: 20px; height: 20px;
  border: 1px solid  #000000; background-color: #FF0000;  }
#BxCN{position:relative;width: 20px; height: 20px; /*Raten neu*/
  border: 1px solid  #000000; background-color: #FF0000; }
#BxCM{position:relative;width: 20px; height: 20px;
  border: 1px solid  #000000; background-color: #FFFF00; ;color: #FF0000;  }

/*folgende '?'Box erscheint in den RAs direkt unterhalb von #BxC.
  ..sie wird in suraC00.js, init0() positioniert. */
#BxCI{visibility:hidden;position:absolute;left: 50%;top:50%;width: 22px; height: 22px;
  border: 2px solid  #FF0000; z-index:2002;
  margin-left:400px;    margin-top :-310px; cursor:pointer; 
  background-color: #FFFF00; color: #FF0000;
}

/*ImpressumZeile in sura00, bottom.   ODER StatusText wenn BitFlag&1==1, alles in suraC00.js*/
#BxP { /*für Impressum u. StatusText*/
   background-color: transparent; 
   border-top: 1px solid #FFFF00;
   padding: 0px;margin: 0px;   
   position: absolute; bottom:   0px; left:  0px;
   width: 100%; height: 20px;
   visibility:hidden; z-index:4002; 
 text-align:center;; color: #ffffff;font-size:12px;
 font-family:Helvetica,Arial,sans-serif;
 font-weight:bold;
}
/*SchildBox...*/
#SBoxx{visibility:"hidden";position:absolute;left: 50%;top:50%;width: 10px; height: 10px;
  border: 0px solid  #FF0000; xxz-index:2002; 
  background-color: "transparent";
  margin-left:-100px; margin-top:-100px;
  clip:rect(0 401 33 0);
  z-index:12002;
}

/* Btxt auch weg */
#Btxyyyt{position:absolute;left: 342px;top:249px;width: 600px; height: 60px;border: 0px solid  #ff0000;overflow:hidden;
 margin-left:-300px; margin-top :-20px; z-index:30000;
 text-align:center;font-weight:bold;font-style:italic; color: #ff4848;font-size:34px;
 font-family:Comic Sans MS ;//Helvetica,Arial,sans-serif; //
 padding: 0 0 0 0px;" 
}