diff --git a/src/media/css/styles.css b/src/media/css/styles.css
index da865fd..ed912ce 100644
--- a/src/media/css/styles.css
+++ b/src/media/css/styles.css
@@ -170,6 +170,10 @@ text-decoration: none;
 color: #496998;
 }
 
+nav .menu a.active {
+text-decoration: underline;
+}
+
 nav .menu a:hover {
 text-decoration: underline;
 }
diff --git a/src/media/js/navi.js b/src/media/js/navi.js
new file mode 100644
index 0000000..524db2a
--- /dev/null
+++ b/src/media/js/navi.js
@@ -0,0 +1,3 @@
+$(document).ready(function() {
+    $('nav .menu a[href="' + location.pathname + '"]').addClass('active');
+});
diff --git a/src/templates/master.html b/src/templates/master.html
index 0c45e3a..5a66559 100644
--- a/src/templates/master.html
+++ b/src/templates/master.html
@@ -140,6 +140,8 @@ <h3>Ota yhteyttä</h3>
         </div>
         <!-- #wrapper -->
 
+        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
+        <script type="text/javascript" src="/media/js/navi.js"></script>
 
 		<script type="text/javascript">