Index: main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/layout.py
===================================================================
--- main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/layout.py	(revision 7449)
+++ main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/layout.py	(revision 7450)
@@ -52,5 +52,4 @@
 default_primary_nav_template.__grok_name__ = 'default_primary_nav'
 
-
 class action(grok.action):
 
Index: main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/resources.py
===================================================================
--- main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/resources.py	(revision 7449)
+++ main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/resources.py	(revision 7450)
@@ -252,9 +252,13 @@
     waeup_sirp, 'bootstrap.min.css')
 
+dropdown = ResourceInclusion(
+    waeup_sirp, 'bootstrap-dropdown.js',
+    depends=[jquery])
+
 #: Register basic SIRP CSS (which is based on ``bootstrap.min.css`` and ``base``
 #: as a resource.
 waeup_base_css = ResourceInclusion(
     waeup_sirp, 'waeup-base.css',
-    depends=[bootstrap_min, base])
+    depends=[dropdown,bootstrap_min, base])
 
 #: The red SIRP theme registered as a resource.
Index: main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/static/bootstrap-dropdown.js
===================================================================
--- main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/static/bootstrap-dropdown.js	(revision 7450)
+++ main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/static/bootstrap-dropdown.js	(revision 7450)
@@ -0,0 +1,55 @@
+/* ============================================================
+ * bootstrap-dropdown.js v1.4.0
+ * http://twitter.github.com/bootstrap/javascript.html#dropdown
+ * ============================================================
+ * Copyright 2011 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============================================================ */
+
+
+!function( $ ){
+
+  "use strict"
+
+  /* DROPDOWN PLUGIN DEFINITION
+   * ========================== */
+
+  $.fn.dropdown = function ( selector ) {
+    return this.each(function () {
+      $(this).delegate(selector || d, 'click', function (e) {
+        var li = $(this).parent('li')
+          , isActive = li.hasClass('open')
+
+        clearMenus()
+        !isActive && li.toggleClass('open')
+        return false
+      })
+    })
+  }
+
+  /* APPLY TO STANDARD DROPDOWN ELEMENTS
+   * =================================== */
+
+  var d = 'a.menu, .dropdown-toggle'
+
+  function clearMenus() {
+    $(d).parent('li').removeClass('open')
+  }
+
+  $(function () {
+    $('html').bind("click", clearMenus)
+    $('body').dropdown( '[data-dropdown] a.menu, [data-dropdown] .dropdown-toggle' )
+  })
+
+}( window.jQuery || window.ender );
Index: main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/static/bootstrap.min.css
===================================================================
--- main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/static/bootstrap.min.css	(revision 7449)
+++ main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/static/bootstrap.min.css	(revision 7450)
@@ -1335,6 +1335,5 @@
   height: 0;
   display: inline-block;
-  content: "&darr;
-  ";
+  content: "&darr;";
   text-indent: -99999px;
   vertical-align: top;
Index: main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/static/mobile.css
===================================================================
--- main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/static/mobile.css	(revision 7449)
+++ main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/static/mobile.css	(revision 7450)
@@ -1,7 +1,22 @@
 .container {
-  width: 420px;
+  width: 480px;
 }
 
 body {
-  padding-top: 120px;
+  padding-top: 60px;
 }
+
+select {
+  width: 60px;
+}
+
+.dataTables_length {
+    float: left;
+    width: 40%;
+}
+
+.dataTables_filter {
+    float: right;
+    text-align: right;
+    width: 60%;
+}
Index: main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/static/waeup-base.css
===================================================================
--- main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/static/waeup-base.css	(revision 7449)
+++ main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/static/waeup-base.css	(revision 7450)
@@ -9,4 +9,27 @@
 body {
   padding-top: 60px;
+  background-color: #EEEEEE;
+}
+
+.content {
+    background-color: #FFFFFF;
+    margin-left: -20px;
+    margin-right: -20px;
+    padding-bottom: 20px;
+    padding-left: 20px;
+    padding-right: 20px;
+    padding-top: 20px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+}
+
+.well {
+    background-color: #FFFFFF;
+}
+
+.breadcrumb {
+    background-color: #FFFFFF;
+    background-image: None;
+    border: 0px;
 }
 
@@ -40,9 +63,17 @@
 }
 
-table.display {
-    margin-top: 25px;
+.dataTables_filter {
+  margin-bottom: 20px;
 }
 
  /* SIRP stuff */
+
+.container {
+  width: 700px;
+}
+
+.actionbar {
+  margin-bottom: 20px;
+}
 
 .error {
Index: main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/templates/actionbutton.pt
===================================================================
--- main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/templates/actionbutton.pt	(revision 7449)
+++ main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/templates/actionbutton.pt	(revision 7450)
@@ -1,3 +1,3 @@
-<a class="btn" tal:condition="viewlet/target_url"
+<a class="btn actionbar" tal:condition="viewlet/target_url"
    tal:attributes="href viewlet/target_url">
   <img src="" alt="edit"
Index: main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/templates/certificatepage.pt
===================================================================
--- main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/templates/certificatepage.pt	(revision 7449)
+++ main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/templates/certificatepage.pt	(revision 7450)
@@ -31,5 +31,5 @@
 </thead>
 <tbody>
-  <tr tal:repeat="cc context/values">
+  <tr tal:repeat="cc context/values" class="gradeC">
      <td>
       <span tal:content="cc/level">
Index: main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/templates/removesubobjectspage.pt
===================================================================
--- main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/templates/removesubobjectspage.pt	(revision 7449)
+++ 	(revision )
@@ -1,32 +1,0 @@
-  <div tal:condition="python: not len(context.keys())">
-    There are no subobjects registered yet.
-  </div>
-  <form method="POST" tal:condition="python: len(context.keys())">
-    <div tal:condition="python: not len(context.keys())">
-    There are no faculties registered yet.
-    </div>
-    
-    <table>
-      <thead>
-        <tr>
-          <th>&nbsp;</th>
-          <th>Code</th>
-          <th>Title</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr tal:repeat="value context/values"
-    	tal:attributes="class python: repeat['value'].odd() and 'odd' or 'even'">
-    	  <td>
-    	  <input type="checkbox"
-    		 name="val_id"
-    		 tal:attributes="value value/__name__" />
-    	  </td>    	
-          <td> <a tal:attributes="href value/__name__"> <span tal:content="value/code">Name</span></a></td>
-          <td tal:content="value/title">Title</td>
-        </tr>
-      </tbody>
-    </table>
-    <input type="submit" name="REMOVE" value="Remove selected" onclick="return confirmPost('All sububjects will be removed too. Are you sure?')"/>
-    <input type="submit" name="CANCEL" value="Cancel" />
-  </form>
Index: main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/templates/staffsitelayout.pt
===================================================================
--- main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/templates/staffsitelayout.pt	(revision 7449)
+++ main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/templates/staffsitelayout.pt	(revision 7450)
@@ -71,8 +71,5 @@
           </div>
         </div>
-        <div class="span12" tal:condition="provider:actionbar">
-          <span tal:replace="structure provider:actionbar" />
-          <br /><br />
-        </div>
+        <span tal:replace="structure provider:actionbar" />
         <div tal:content="structure view/content"> THE CONTENT
         </div>
Index: main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/templates/studentsitelayout.pt
===================================================================
--- main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/templates/studentsitelayout.pt	(revision 7449)
+++ main/waeup.sirp/branches/henrik-bootstrap/src/waeup/sirp/browser/templates/studentsitelayout.pt	(revision 7450)
@@ -10,5 +10,6 @@
     <meta name="viewport" content="width=320, initial-scale=1, maximum-scale=1"/>
     <link rel="stylesheet" media="only screen and (max-device-width: 480px)"
-        tal:attributes="href python: view.url(layout.site, '@@/waeup.sirp.browser/mobile.css')" type="text/css" />
+        tal:attributes="href python: view.url(layout.site, '@@/waeup.sirp.browser/mobile.css')"
+        type="text/css" />
     <link rel="shortcut icon" tal:attributes="href static/favicon.ico" type="image/x-icon" />
     <link rel="alternate" type="application/rss+xml" title="RSS"
@@ -52,8 +53,5 @@
           </div>
         </div>
-        <div tal:condition="provider:actionbar">
-          <span tal:replace="structure provider:actionbar" />
-          <br /><br />
-        </div>
+        <span tal:replace="structure provider:actionbar" />
         <div tal:content="structure view/content"> THE CONTENT
         </div>
