diff --git a/resources/jade/bar.jade b/resources/jade/bar.jade
new file mode 100644
index 0000000..40bd05b
--- /dev/null
+++ b/resources/jade/bar.jade
@@ -0,0 +1,30 @@
+.bar(class= app.locals.time.duringSchool() ? 'duringschool' : '')
+  if headers.user
+    ul.left
+      li Hey, #{headers.user.first_name}
+      li | 
+      li 
+        a(href="/rooster/#{headers.user.id}") Jouw Rooster
+      li
+        a(href=headers.user.url, target="_blank") Andere roostersite
+      li |
+      li
+        a(href="/klassenlijst/#{headers.user.group}") Jouw Klassenlijst
+
+    ul.right
+      li 
+        a(href="/logout") Logout
+      li |
+      li
+        a(href="http://git.werkmanrooster.nl/werkmanrooster/rooster-io.git", target="_blank") Recente ontwikkelingen
+
+  else
+    ul
+      li 
+        a(href="/login") Login
+      li |
+      li
+        a(href="http://hoewerkt.werkmanrooster.nl", target="_blank") Hoe werkt Werkmanrooster?
+    ul.right
+      li
+        a(href="http://git.werkmanrooster.nl/werkmanrooster/rooster-io.git", target="_blank") Recente ontwikkelingen
diff --git a/resources/jade/header.jade b/resources/jade/header.jade
index 8a8fb34..a4e484e 100644
--- a/resources/jade/header.jade
+++ b/resources/jade/header.jade
@@ -14,37 +14,8 @@ html
     script(type="text/javascript").
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-46880644-1', 'werkmanrooster.nl');ga('send', 'pageview');ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';
   body(class=(app.locals.time.get() > 20.5 || app.locals.time.get() < 6.5) ? 'night' : '')
-    div.bar
-      if headers.user
-        ul.left
-          li Hey, #{headers.user.first_name}
-          li | 
-          li 
-            a(href="/rooster/#{headers.user.id}") Jouw Rooster
-          li
-            a(href=headers.user.url, target="_blank") Andere roostersite
-          li |
-          li
-            a(href="/klassenlijst/#{headers.user.group}") Jouw Klassenlijst
-
-        ul.right
-          li 
-            a(href="/logout") Logout
-          li |
-          li
-            a(href="http://git.werkmanrooster.nl/werkmanrooster/rooster-io.git", target="_blank") Recente ontwikkelingen
-
-      else
-        ul
-          li 
-            a(href="/login") Login
-          li |
-          li
-            a(href="http://hoewerkt.werkmanrooster.nl", target="_blank") Hoe werkt Werkmanrooster?
-        ul.right
-          li
-            a(href="http://git.werkmanrooster.nl/werkmanrooster/rooster-io.git", target="_blank") Recente ontwikkelingen
+    include bar
   
     h1#title(class=url == '/' ? 'big' : '') Werkmanrooster
       span V
-        span 5
+        span(class= app.locals.time.duringSchool() ? 'duringSchool' : '') 5.1
diff --git a/resources/less/style.less b/resources/less/style.less
index 60544a6..7ac7ec2 100644
--- a/resources/less/style.less
+++ b/resources/less/style.less
@@ -46,7 +46,14 @@
   .schedule ul > li a {
     color: #C1C1C1 !important;
   }
+}
 
+span.duringschool {
+  color: #C41824 !important;
+}
+
+div.duringschool {
+  background-color: #C41824 !important;
 }
 
 .big {
@@ -123,7 +130,7 @@ input.search {
 .bar {
   height: 20px;
   width: 100%;
-  background-color: #96aa48;
+  background-color: #0C5489;
   margin-bottom: 50px;
 
   ul {
@@ -168,18 +175,12 @@ h1#title {
     font-size: 3rem;
     letter-spacing: -2px;
     position: relative;
-    left: -12px;
-    top: -1px;
-    -webkit-transform: rotate(-7deg);
     display: inline-block;
 
      > span {
-       color: #96AA48;
+       color: #0C5489;
        position: relative;
-       left: -3px;
-       top: 1px;
        display: inline-block;
-       -webkit-transform: rotate(11deg);
     }
   }
 }
@@ -234,7 +235,7 @@ div.schedule {
         width: 25px;
         height: 25px;
         display: inline-block;
-        background-color: #96aa48;
+        background-color: #0C5489;
       }
 
       a {