diff --git a/css/ol.css b/css/ol.css
index 48afa0a953..b5c2bd97fb 100644
--- a/css/ol.css
+++ b/css/ol.css
@@ -13,6 +13,48 @@
   border: 2px solid red;
 }
 
+.ol-zoom {
+  position: absolute;
+  top: 8px;
+  left: 8px;
+  background: rgba(255,255,255,0.4);
+  border-radius: 4px;
+  padding: 2px;
+}
+.ol-zoom a {
+  display: block;
+  margin: 1px;
+  padding: 0;
+  color: white;
+  font-size: 18px;
+  font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
+  font-weight: bold;
+  text-decoration: none;
+  text-align: center;
+  height: 22px;
+  width:22px;
+  line-height: 19px;
+  background: #130085; /* fallback for IE - IE6 requires background shorthand*/
+  background: rgba(0, 60, 136, 0.5);
+  filter: alpha(opacity=80);
+}
+.ol-zoom a:hover {
+  background: #130085; /* fallback for IE */
+  background: rgba(0, 60, 136, 0.7);
+  filter: alpha(opacity=100);
+}
+@media only screen and (max-width: 600px) {
+  .ol-zoom a:hover {
+    background: rgba(0, 60, 136, 0.5);
+  }
+}
+.ol-zoom-in {
+  border-radius: 4px 4px 0 0;
+}
+.ol-zoom-out {
+  border-radius: 0 0 4px 4px;
+}
+
 .ol-renderer-webgl-canvas { width:100%; height:100%; }
 
 .olTile {