body {
    	padding-bottom: 100px; /* This should be equal to the height of your header */
  	overflow-y: hidden;
  	overflow-x: hidden;
}

#dtm-container {
    position: relative;
}

#dtm-bottom {
    position: absolute;
    bottom: 0;
}

#scroll {
  width: 1800px;
  height: 200px;		
  overflow: scroll;	//  visible  hidden   scroll     auto      
}

#dtm-menu {
    position: absolute;
    left: 25px;
}

.dtm-bottom-menu {
  position: fixed;
  overflow: hidden;
  display:block;
  left: 0;
  right: 0;
  bottom: 25px;
  width: 100%;
}

.dtm-footer {
  position: fixed;
  overflow: hidden;
  display:block;
  position:sticky;
  height:28px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  width: 100%;
  margin-bottom: 0;
}

div.counter {
  	position: fixed;
  	bottom: 5px;
  	left: 25px;
  	width: 40px;
  	border: 0px solid #aaaaaa;
  	font-family: comic sans ms; 
  	font-size: 12px; 
  	font-weight: bold; 
  	color: #ffffff;
	}
div.footer {
  	position: fixed;
  	bottom: 5px;
  	left: 225px;
  	width: 40px;
  	border: 0px solid #eeeeee;
  	font-family: comic sans ms; 
  	font-size: 12px; 
  	font-weight: bold; 
  	color: #b0b0b0;
	}