diff --git a/frontend/index.html b/frontend/index.html
index c04ab17..f8abc96 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -39,12 +39,15 @@
 <div id="content">
 	<div id="plot"></div>
 	<div id="controls">
-		<input type="image" src="images/control_rewind_blue.png" value="move_back" title="Move back" />
-		<input type="image" src="images/zoom_in.png" value="zoom_in" title="Zoom in" />
-		<input type="image" src="images/zoom.png" value="zoom_reset" title="Reset zoom" />
-		<input type="image" src="images/zoom_out.png" value="zoom_out" title="Zoom out" />
-		<input type="image" src="images/control_end_blue.png" value="move_last" title="Move to now" />
-		<input type="image" src="images/control_fastforward_blue.png" value="move_forward" title="Move forward" />
+		<input type="image" src="images/control_rewind_blue.png" value="move_back" title="move back" />
+		<input type="image" src="images/zoom_in.png" value="zoom_in" title="zoom in" />
+		<input type="image" src="images/zoom_out.png" value="zoom_out" title="zoom out" />
+		<button value="zoom_hour">Stunde</button>
+		<button value="zoom_day">Tag</button>
+		<button value="zoom_week">Woche</button>
+		<button value="zoom_month">Monat</button>
+		<input type="image" src="images/control_end_blue.png" value="move_last" title="move to present" />
+		<input type="image" src="images/control_fastforward_blue.png" value="move_forward" title="move forward" />
 	</div>
 	
 	<div id="accordion">
diff --git a/frontend/stylesheets/style.css b/frontend/stylesheets/style.css
index 2f79489..e90db9d 100644
--- a/frontend/stylesheets/style.css
+++ b/frontend/stylesheets/style.css
@@ -47,11 +47,10 @@ tbody tr td {
 #controls {
 	width: 100%;
 	text-align: center;
-	margin: 5px;
 }
 
-#move td {
-	border: 0;
+#controls button {
+	font-size: 1em;
 }
 
 #accordion {