#PromoDiv{ margin:0; padding:0 5px; }
#PromoDiv .PromoCityName{ margin:0 0 15px 0; padding:0; font-size:18px; font-weight:bold; }
#PromoDiv .PromoFirma{ margin:0 0 5px 0; padding:0; font-size:14px; }
#PromoDiv .PromoArtikal{ margin:0 0 10px 10px; padding:0; font-size:12px; font-weight:bold; text-align:left; }
#PromoDiv .PromoLokacija{ margin:0 0 20px 0; padding:0; }
#PromoDiv .PromoEmpty{ margin:0; padding:0; }

.monthTable{
   margin: 5px 0px 15px 15px;
   *margin-right:15px;
}
.monthTable thead td{
   padding: 2px 5px 5px 10px;
   background:#FFF;
   color: #636363;
   font-size:12px;
   font-weight: bold;
   letter-spacing: 3px;
   text-transform:lowercase;
}
.monthTableData{
   margin: 0px 0px 0px 0px;
   border-bottom: 1px solid #00AC4E;
}
.monthTableData thead td{
   padding: 3px 3px 3px 3px;
   color: #636363;
   font-size:11px;
   font-weight: bold;
   letter-spacing: 0px;
   text-align: center;
   background: #EFF0E4;
   border-bottom: 1px solid #FFFFFF;
}
.monthTableData tbody td{
   padding: 3px 3px 3px 3px;
   background:#FFF;
   color: #636363;
   font-weight: normal;
   text-align: center;
   border-top: 1px solid #00AC4E;
}
.monthTableData tbody td.active{
   color: #FFFFFF;
   font-weight: bold;
   background: #ED1B24;
}
.monthTableData tbody td.sold{
   color: #F6F6F6;
   font-weight: bold;
   background: #D4D0C8;
}
.monthTableData .DatumNr{
   cursor:pointer;
}