Index: main/waeup.kofa/branches/uli-diazo-themed/layout/theme.html
===================================================================
--- main/waeup.kofa/branches/uli-diazo-themed/layout/theme.html	(revision 11029)
+++ main/waeup.kofa/branches/uli-diazo-themed/layout/theme.html	(revision 11030)
@@ -19,10 +19,11 @@
     <link href="static/css/base.css" rel="stylesheet">
 
+    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    <!--[if lt IE 9]>
+      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+    <![endif]-->
+
     <script src="static/js/kofa-recaptcha_white.js"></script>
-
-    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
-    <!--[if lt IE 9]>
-      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
 
     <!-- icons -->
@@ -87,5 +88,5 @@
 
       <div class="row">
-        <div class="col-md-12 container kofa-breadcrumbs-box">
+        <div class="col-md-12 container kofa-breadcrumbs-box-long">
           <div class="well">
             <ol class="breadcrumb kofa-breadcrumbs">
@@ -97,15 +98,60 @@
               <li>
                 <a href="#">
-                  Subtopic
-                </a>
-              </li>
-              <span class="wfstatus">
-                Student Id: K12345678
-                  &nbsp;&nbsp;
-                  State: clearance requested
-              </span> <!-- /wfstatus -->
+                  Subtopic 1
+                </a>
+              </li>
+              <li>
+                <a href="#">
+                  Subtopic 2
+                </a>
+              </li>
+              <li>
+                <a href="#">
+                  Subtopic 3
+                </a>
+              </li>
             </ol><!-- /kofa-breadcrumbs -->
           </div> <!-- /well -->
-        </div> <!-- /kofa-breadcrumbs-box -->
+        </div> <!-- /kofa-breadcrumbs-box-short -->
+      </div>
+
+      <div class="row">
+        <div class="col-md-8 container kofa-breadcrumbs-box-short">
+          <div class="well">
+            <ol class="breadcrumb kofa-breadcrumbs">
+              <li>
+                <a href="#">
+                  Home
+                </a>
+              </li>
+              <li>
+                <a href="#">
+                  Subtopic 1
+                </a>
+              </li>
+              <li>
+                <a href="#">
+                  Subtopic 2
+                </a>
+              </li>
+              <li>
+                <a href="#">
+                  Subtopic 3
+                </a>
+              </li>
+            </ol><!-- /kofa-breadcrumbs -->
+          </div> <!-- /well -->
+        </div> <!-- /kofa-breadcrumbs-box-short -->
+
+        <div class="col-md-4 container kofa-student-status-box">
+          <div class="well">
+            <div class="wfstatus">
+                K1000000
+                |
+                quite long student status
+            </div> <!-- /wfstatus -->
+          </div> <!-- /well -->
+        </div> <!-- /kofa-student-status-box -->
+
       </div> <!-- /row -->
 
@@ -225,33 +271,4 @@
 
       <div class="row">
-        <div class="col-md-12 container kofa-student-breadcrumbs-box">
-          <div class="well">
-            <ol class="breadcrumb kofa-student-breadcrumbs">
-              <li>
-                <a href="#">
-                  Home
-                </a>
-              </li>
-              <li>
-                <a href="#">
-                  Students
-                </a>
-              </li>
-              <li>
-                <a href="#">
-                  Demo Student
-                </a>
-              </li>
-              <span class="wfstatus">
-                  K1000000
-                  |
-                  school fee paid
-              </span>
-            </ol>
-          </div>
-        </div>
-      </div>
-
-      <div class="row">
         <div class="col-md-12 content kofa-content-wide">
           <div class="well kofa-content">
