table.ob  {margin-top:40px; }
 td.tabl { margin-top:100px; vertical-align:top; color:black; font-size:20px; }
 td.tabr { margin-top:100px; vertical-align:top; color:black;}
 td.list { margin-top:100px; vertical-align:top; color:white;}
 td.pbs   { margin-top:10px; text-align:center;  font-size:16px;  color:darkblue; }
 td.tbr   { text-align:right;  font-size:16px;  color:darkblue; }
 td.tdr   { text-align:center; font-size:16px;  color:darkblue; }

 p.pb    { margin-top:20px; text-align:center;  font-size:30px; font-weight:bold; color:darkblue; }
 p.pbs   { margin-top:10px; text-align:justify;  font-size:16px;  color:darkblue; }
 p.ab1   { margin-top:80px; }
 p.ab2   { margin-left:10px; margin-top:5px; font-size:16px;  color:darkblue;}
 p.sel   { word-spacing:15px; line-height:24px; font-size:24px; }
 p.pr    { margin-top:30px; line-height:20px; font-size:16px; color:white;}
 p.pc    { text-align:center; color:yellow; }
 p.plauf { text-align:center; font-size:16px; background-color:blue; font-weight:bold; color:white; }

 div.sma  { margin-left:30px; font-size:12px; }
 div.datr { text-align:right; font-size:18px;  color:darkblue;}
 div.dat  { margin-left:10px; font-size:18px; color:darkblue;}
 div.fin  { margin-left:10px;  font-size:18px;}
 div.cen  { text-align:center; margin-top:30px;}
 
 span.ab  { color:#838c9c;}
 marquee  { margin-left:30%; }
 
 #clockContainer {
    position:absolute;
    top:0px;
    left:0px;
    background:url(clocksmallo.jpg) no-repeat;
    background-size:50%;
}

#hour,
#minute,
#second  {
    position:absolute;
    background:black;
    border-radius:2px;
    transform-origin:top;
    top:92px;
    left:85px;
}

#hour {
    position:absolute;
    width:3px;
    height:34px;
    opacity:0.8;
}

#minute {
    position:absolute;
    width:3px;
    height:44px;
    opacity:0.8;
}

#second {
    position:absolute;
    background:red;
    width:2px;
    height:53px;
    opacity:0.8;
}