Binary file .DS_Store has changed

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/README.txt	Fri Jun 20 09:39:25 2014 +0200
@@ -0,0 +1,25 @@
+
+ABOUT STARK
+-----------
+
+The Stark theme is provided for demonstration purposes; it uses Drupal's default
+HTML markup and CSS styles. It can be used as a troubleshooting tool to
+determine whether module-related CSS and JavaScript are interfering with a more
+complex theme, and can be used by designers interested in studying Drupal's
+default markup without the interference of changes commonly made by more complex
+themes.
+
+To avoid obscuring CSS added to the page by Drupal or a contrib module, the
+Stark theme itself has no styling, except just enough CSS to arrange the page in
+a traditional "Header, sidebars, content, and footer" layout. See the layout.css
+file for more information.
+
+
+ABOUT DRUPAL THEMING
+--------------------
+
+To learn how to build your own custom theme and override Drupal's default code,
+see the Theming Guide: http://drupal.org/theme-guide
+
+See the sites/all/themes/README.txt for more information on where to place your
+custom themes to ensure easy maintenance and upgrades.

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/block.tpl.php	Fri Jun 20 09:39:25 2014 +0200
@@ -0,0 +1,56 @@
+<?php
+
+/**
+ * @file
+ * Default theme implementation to display a block.
+ *
+ * Available variables:
+ * - $block->subject: Block title.
+ * - $content: Block content.
+ * - $block->module: Module that generated the block.
+ * - $block->delta: An ID for the block, unique within each module.
+ * - $block->region: The block region embedding the current block.
+ * - $classes: String of classes that can be used to style contextually through
+ *   CSS. It can be manipulated through the variable $classes_array from
+ *   preprocess functions. The default values can be one or more of the
+ *   following:
+ *   - block: The current template type, i.e., "theming hook".
+ *   - block-[module]: The module generating the block. For example, the user
+ *     module is responsible for handling the default user navigation block. In
+ *     that case the class would be 'block-user'.
+ * - $title_prefix (array): An array containing additional output populated by
+ *   modules, intended to be displayed in front of the main title tag that
+ *   appears in the template.
+ * - $title_suffix (array): An array containing additional output populated by
+ *   modules, intended to be displayed after the main title tag that appears in
+ *   the template.
+ *
+ * Helper variables:
+ * - $classes_array: Array of html class attribute values. It is flattened
+ *   into a string within the variable $classes.
+ * - $block_zebra: Outputs 'odd' and 'even' dependent on each block region.
+ * - $zebra: Same output as $block_zebra but independent of any block region.
+ * - $block_id: Counter dependent on each block region.
+ * - $id: Same output as $block_id but independent of any block region.
+ * - $is_front: Flags true when presented in the front page.
+ * - $logged_in: Flags true when the current user is a logged-in member.
+ * - $is_admin: Flags true when the current user is an administrator.
+ * - $block_html_id: A valid HTML ID and guaranteed unique.
+ *
+ * @see template_preprocess()
+ * @see template_preprocess_block()
+ * @see template_process()
+ *
+ * @ingroup themeable
+ */
+?>
+<div id="<?php print $block_html_id; ?>" class="side-block <?php print $classes; ?>"<?php print $attributes; ?>>
+  <?php print render($title_prefix); ?>
+<?php if ($block->subject): ?>
+  <h2<?php print $title_attributes; ?>><?php print $block->subject ?></h2>
+<?php endif;?>
+  <?php print render($title_suffix); ?>
+  <div <?php print $content_attributes; ?>>
+    <?php print $content ?>
+  </div>
+</div>

Binary file color/base.png has changed

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/color/color.inc	Fri Jun 20 09:39:25 2014 +0200
@@ -0,0 +1,116 @@
+<?php
+
+//'#fdf8ef','#d45a00','#fdf8ef','#fdf8ef','#fffff' => t('Web Main (Default)'),
+
+// Put the logo path into JavaScript for the live preview.
+drupal_add_js(array('color' => array('logo' => theme_get_setting('logo', 'mpiwgDev'))), 'setting');
+
+$info = array(
+  // Available colors and color labels used in theme.
+  'fields' => array(
+      'headings' => t('Ueberschriften'),
+      'base' => t('Hintergrund'),
+    'top' => t('Hintergrud Content'),
+    'sidebarborders' => t('Trennstriche'),
+    'titleslogan' => t('Title and slogan'),
+    'text' => t('Text color'),
+      'link' => t('Link color'),
+      'searchbox' => t('Search box'),
+
+  ),
+  // Pre-defined color schemes.
+  'schemes' => array(
+    'default' => array(
+      'title' => t('MPIWG  (default)'),
+      'colors' => array(
+        'base' => '#ebecf3',
+        'top' => '#f8f8f9',
+        'sidebarborders' => '#9da0c2',
+        'titleslogan' => '#3c4286',
+        'text' => '#000000',
+        'link' => '#000b86',
+        'headings' => '#c10000',
+        'searchbox'=> '#ebecf3'
+      ),
+    ),
+    'institute_add' => array(
+      'title' => t('Additional institute sites'),
+        'colors' => array(
+        'base' => '#dce8e8',
+        'top' => '#f8f8f9',
+        'sidebarborders' => '#9da0c2',
+        'titleslogan' => '#3c4286',
+        'text' => '#000000',
+        'link' => '#3c4286',
+        'headings' => '#00b2a3',
+        'searchbox'=> '#ebecf3'
+      ),
+        ),
+      'institute_add3' => array(
+          'title' => t('Main site color scheme'),
+          'colors' => array(
+              'base' => '#fdf8ef',
+              'top' => '#f8f8f9',
+              'sidebarborders' => '#9da0c2',
+             'titleslogan' => '#3c4286',
+             'text' => '#000000',
+             'link' => '#3c4286',
+              'headings' => '#d45a000',
+             'searchbox'=> '#ebecf3'
+          ),
+      ),
+      'institute_add2' => array(
+          'title' => t('Additional institute sites II'),
+          'colors' => array(
+              'base' => '#f4f9e5',
+              'top' => '#f8f8f9',
+              'sidebarborders' => '#9da0c2',
+              'titleslogan' => '#3c4286',
+              'text' => '#000000',
+              'link' => '#3c4286',
+              'headings' => '#79a000',
+              'searchbox'=> '#ebecf3'
+          ),
+      ),
+      ),
+
+  // CSS files (excluding @import) to rewrite with new color scheme.
+  'css' => array(
+    'layout.css',
+  ),
+
+  // Files to copy.
+  'copy' => array(
+    'logo.png',
+  ),
+
+  // Gradient definitions.
+  'gradients' => array(
+    array(
+      // (x, y, width, height).
+      'dimension' => array(0, 0, 0, 0),
+      // Direction of gradient ('vertical' or 'horizontal').
+      'direction' => 'vertical',
+      // Keys of colors to use for the gradient.
+      'colors' => array('top', 'bottom'),
+    ),
+  ),
+
+  // Color areas to fill (x, y, width, height).
+  'fill' => array(),
+
+  // Coordinates of all the theme slices (x, y, width, height)
+  // with their filename as used in the stylesheet.
+  'slices' => array(),
+
+  // Reference color used for blending. Matches the base.png's colors.
+  'blend_target' => '#ffffff',
+
+  // Preview files.
+  'preview_css' => 'color/preview.css',
+  'preview_js' => 'color/preview.js',
+  'preview_html' => 'color/preview.html',
+
+  // Base file for image generation.
+  'base_image' => 'color/base.png',
+);

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/color/preview.css	Fri Jun 20 09:39:25 2014 +0200
@@ -0,0 +1,200 @@
+
+/* ---------- Color form ----------- */
+#color_scheme_form #palette .form-item {
+  width: 25em;
+}
+#color_scheme_form #palette .form-item label {
+  width: 15em;
+}
+
+/* ---------- Preview Styles ----------- */
+
+html.js #preview {
+  clear: both;
+  float: none !important;
+}
+#preview {
+  background-color: #fff;
+  font-family: Georgia, "Times New Roman", Times, serif;
+  font-size: 14px;
+  line-height: 1.5;
+  overflow: hidden;
+  word-wrap: break-word;
+  margin-bottom: 10px;
+}
+#preview-header {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  position: relative;
+}
+#preview-logo {
+  float: left;
+  padding: 15px 15px 15px 10px;
+}
+#preview-site-name {
+  color: #686868;
+  font-weight: normal;
+  font-size: 1.821em;
+  line-height: 1;
+  margin-bottom: 30px;
+  margin-left: 15px;
+  padding-top: 34px;
+}
+#preview-main-menu {
+  clear: both;
+  padding: 0 15px 3px;
+}
+#preview-main-menu-links a {
+  color: #d9d9d9;
+  padding: 0.6em 1em 0.4em;
+}
+#preview-main-menu-links {
+  font-size: 0.929em;
+  margin: 0;
+  padding: 0;
+}
+#preview-main-menu-links a {
+  color: #333;
+  background: #ccc;
+  background: rgba(255, 255, 255, 0.7);
+  text-shadow: 0 1px #eee;
+  -khtml-border-radius-topleft: 8px;
+  -moz-border-radius-topleft: 8px;
+  -webkit-border-top-left-radius: 8px;
+  border-top-left-radius: 8px;
+  -khtml-border-radius-topright: 8px;
+  -moz-border-radius-topright: 8px;
+  -webkit-border-top-right-radius: 8px;
+  border-top-right-radius: 8px;
+}
+#preview-main-menu-links a:hover,
+#preview-main-menu-links a:focus {
+  background: #fff;
+  background: rgba(255, 255, 255, 0.95);
+}
+#preview-main-menu-links a:active {
+  background: #b3b3b3;
+  background: rgba(255, 255, 255, 1);
+}
+#preview-main-menu-links li a.active {
+  border-bottom: none;
+}
+#preview-main-menu-links li {
+  display: inline;
+  list-style-type: none;
+  padding: 0.6em 0 0.4em;
+}
+#preview-sidebar,
+#preview-content {
+  display: inline;
+  float: left;
+  position: relative;
+}
+#preview-sidebar {
+  margin-left: 15px;
+  width: 210px;
+}
+#preview-content {
+  margin-left: 30px;
+  width: 26.5em;
+}
+#preview-sidebar .preview-block {
+  border: 1px solid;
+  margin: 20px 0;
+  padding: 15px 20px;
+}
+#preview-sidebar h2 {
+  border-bottom: 1px solid #d6d6d6;
+  font-size: 1.071em;
+  font-weight: normal;
+  line-height: 1.2;
+  margin: 0 0 0.5em;
+  padding-bottom: 5px;
+  text-shadow: 0 1px 0 #fff;
+}
+#preview .preview-block .preview-content {
+  margin-top: 1em;
+}
+#preview .preview-block-menu .preview-content,
+#preview .preview-block-menu .preview-content ul {
+  margin-top: 0;
+}
+#preview-main {
+  margin-bottom: 40px;
+  margin-top: 20px;
+}
+#preview-page-title {
+  font-size: 2em;
+  font-weight: normal;
+  line-height: 1;
+  margin: 1em 0 0.5em;
+}
+#preview-footer-wrapper {
+  color: #c0c0c0;
+  color: rgba(255, 255, 255, 0.65);
+  display: block !important;
+  font-size: 0.857em;
+  padding: 20px 20px 25px;
+}
+#preview-footer-wrapper a {
+  color: #fcfcfc;
+  color: rgba(255, 255, 255, 0.8);
+}
+#preview-footer-wrapper a:hover,
+#preview-footer-wrapper a:focus {
+  color: #fefefe;
+  color: rgba(255, 255, 255, 0.95);
+  text-decoration: underline;
+}
+#preview-footer-wrapper .preview-footer-column {
+  display: inline;
+  float: left;
+  padding: 0 10px;
+  position: relative;
+  width: 220px;
+}
+#preview-footer-wrapper .preview-block {
+  border: 1px solid #444;
+  border-color: rgba(255, 255, 255, 0.1);
+  margin: 20px 0;
+  padding: 10px;
+}
+#preview-footer-columns .preview-block-menu {
+  border: none;
+  margin: 0;
+  padding: 0;
+}
+#preview-footer-columns h2 {
+  border-bottom: 1px solid #555;
+  border-color: rgba(255, 255, 255, 0.15);
+  font-size: 1em;
+  margin-bottom: 0;
+  padding-bottom: 3px;
+  text-transform: uppercase;
+}
+#preview-footer-columns .preview-content {
+  margin-top: 0;
+}
+#preview-footer-columns .preview-content ul {
+  margin-left: 0;
+  padding-left: 0;
+}
+#preview-footer-columns .preview-content li {
+  list-style: none;
+  list-style-image: none;
+  margin: 0;
+  padding: 0;
+}
+#preview-footer-columns .preview-content li a {
+  border-bottom: 1px solid #555;
+  border-color: rgba(255, 255, 255, 0.15);
+  display: block;
+  line-height: 1.2;
+  padding: 0.8em 2px 0.8em 20px;
+  text-indent: -15px;
+}
+#preview-footer-columns .preview-content li a:hover,
+#preview-footer-columns .preview-content li a:focus {
+  background-color: #1f1f21;
+  background-color: rgba(255, 255, 255, 0.05);
+  text-decoration: none;
+}

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/color/preview.html	Fri Jun 20 09:39:25 2014 +0200
@@ -0,0 +1,65 @@
+<div id="preview">
+
+  <div id="preview-header">
+    <div id="preview-logo"><img src="../../../themes/bartik/logo.png" alt="Site Logo" /></div>
+    <div id="preview-site-name">Bartik</div>
+    <div id="preview-main-menu">
+      <ul id="preview-main-menu-links">
+        <li><a>Home</a></li>
+        <li><a>Te Quidne</a></li>
+        <li><a>Vel Torqueo Quae Erat</a></li>
+      </ul>
+    </div>
+  </div>
+
+  <div id="preview-main" class="clearfix">
+    <div id="preview-sidebar">
+      <div id="preview-block" class="preview-block">
+        <h2>Etiam est risus</h2>
+        <div class="preview-content">
+          Maecenas id porttitor Ut enim ad minim veniam, quis nostrudfelis.
+          Laboris nisi ut aliquip ex ea.
+        </div>
+      </div>
+    </div>
+    <div id="preview-content">
+      <h1 id="preview-page-title">Lorem ipsum dolor</h1>
+      <div id="preview-node">
+        <div class="preview-content">
+          Sit amet, <a>consectetur adipisicing elit</a>, sed do eiusmod tempor
+          incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+          nostrud <a>exercitation ullamco</a> laboris nisi ut aliquip ex ea
+          commodo consequat. Maecenas id porttitor Ut enim ad minim veniam, quis nostr udfelis.
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div id="preview-footer-wrapper">
+    <div id="preview-footer-columns" class="clearfix">
+      <div class="preview-footer-column">
+        <div class="preview-block">
+          <h2>Etiam est risus</h2>
+          <div class="content">
+            Maecenas id porttitor Ut enim ad minim veniam, quis nostrudfelis.
+            Laboris nisi ut aliquip ex ea.
+          </div>
+        </div>
+      </div>
+      <div class="preview-footer-column">
+        <div class="preview-block preview-block-menu">
+          <h2>Erisus dolor</h2>
+          <div class="preview-content">
+            <ul>
+              <li><a>Donec placerat</a></li>
+              <li><a>Nullam nibh dolor</a></li>
+              <li><a>Blandit sed</a></li>
+              <li><a>Fermentum id</a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</div>

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/color/preview.js	Fri Jun 20 09:39:25 2014 +0200
@@ -0,0 +1,39 @@
+
+(function ($) {
+  Drupal.color = {
+    logoChanged: false,
+    callback: function(context, settings, form, farb, height, width) {
+      // Change the logo to be the real one.
+      if (!this.logoChanged) {
+        $('#preview #preview-logo img').attr('src', Drupal.settings.color.logo);
+        this.logoChanged = true;
+      }
+      // Remove the logo if the setting is toggled off. 
+      if (Drupal.settings.color.logo == null) {
+        $('div').remove('#preview-logo');
+      }
+
+      // Solid background.
+      $('#preview', form).css('backgroundColor', $('#palette input[name="palette[bg]"]', form).val());
+
+      // Text preview.
+      $('#preview #preview-main h2, #preview .preview-content', form).css('color', $('#palette input[name="palette[text]"]', form).val());
+      $('#preview #preview-content a', form).css('color', $('#palette input[name="palette[link]"]', form).val());
+
+      // Sidebar block.
+      $('#preview #preview-sidebar #preview-block', form).css('background-color', $('#palette input[name="palette[sidebar]"]', form).val());
+      $('#preview #preview-sidebar #preview-block', form).css('border-color', $('#palette input[name="palette[sidebarborders]"]', form).val());
+
+      // Footer wrapper background.
+      $('#preview #preview-footer-wrapper', form).css('background-color', $('#palette input[name="palette[footer]"]', form).val());
+
+      // CSS3 Gradients.
+      var gradient_start = $('#palette input[name="palette[top]"]', form).val();
+      var gradient_end = $('#palette input[name="palette[bottom]"]', form).val();
+
+      $('#preview #preview-header', form).attr('style', "background-color: " + gradient_start + "; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(" + gradient_start + "), to(" + gradient_end + ")); background-image: -moz-linear-gradient(-90deg, " + gradient_start + ", " + gradient_end + ");");
+
+      $('#preview #preview-site-name', form).css('color', $('#palette input[name="palette[titleslogan]"]', form).val());
+    }
+  };
+})(jQuery);

Binary file color/preview.png has changed

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/eva-display-entity-view.tpl.php	Fri Jun 20 09:39:25 2014 +0200
@@ -0,0 +1,87 @@
+<?php
+/**
+ * @file eva-display-entity-view.tpl.php
+ * Entity content view template
+ *
+ * Variables available:
+ * - $classes_array: An array of classes determined in
+ *   template_preprocess_views_view(). Default classes are:
+ *     .view
+ *     .view-[css_name]
+ *     .view-id-[view_name]
+ *     .view-display-id-[display_name]
+ *     .view-dom-id-[dom_id]
+ * - $classes: A string version of $classes_array for use in the class attribute
+ * - $css_name: A css-safe version of the view name.
+ * - $css_class: The user-specified classes names, if any
+ * - $header: The view header
+ * - $footer: The view footer
+ * - $rows: The results of the view query, if any
+ * - $empty: The empty text to display if the view is empty
+ * - $pager: The pager next/prev links to display, if any
+ * - $exposed: Exposed widget form/info to display
+ * - $feed_icon: Feed icon to display, if any
+ * - $more: A link to view more, if any
+ *
+ * @ingroup views_templates
+ */
+?>
+<div class="<?php print $classes; ?>">
+  <?php print render($title_prefix); ?>
+  <?php if ($title): ?>
+    <h2 class="title"><?php print $title; ?></h2>
+  <?php endif; ?>
+  <?php print render($title_suffix); ?>
+
+  <?php if ($header): ?>
+    <div class="view-header">
+      <?php print $header; ?>
+    </div>
+  <?php endif; ?>
+ <?php if ($pager): ?>
+    <?php print $pager; ?>
+  <?php endif; ?>
+
+  <?php if ($attachment_before): ?>
+    <div class="attachment attachment-before">
+      <?php print $attachment_before; ?>
+    </div>
+  <?php endif; ?>
+
+  <?php if ($rows): ?>
+    <div class="view-content">
+      <?php print $rows; ?>
+    </div>
+  <?php elseif ($empty): ?>
+    <div class="view-empty">
+      <?php print $empty; ?>
+    </div>
+  <?php endif; ?>
+
+  <?php if ($pager): ?>
+    <?php print $pager; ?>
+  <?php endif; ?>
+
+  <?php if ($attachment_after): ?>
+    <div class="attachment attachment-after">
+      <?php print $attachment_after; ?>
+    </div>
+  <?php endif; ?>
+
+  <?php if ($more): ?>
+    <?php print $more; ?>
+  <?php endif; ?>
+
+  <?php if ($footer): ?>
+    <div class="view-footer">
+      <?php print $footer; ?>
+    </div>
+  <?php endif; ?>
+
+  <?php if ($feed_icon): ?>
+    <div class="feed-icon">
+      <?php print $feed_icon; ?>
+    </div>
+  <?php endif; ?>
+
+</div> <?php /* class view */ ?>

Binary file icons/blue/Download.png has changed

Binary file icons/blue/Email.png has changed

Binary file icons/blue/IconsSatellitenseiten.psd has changed

Binary file icons/blue/LinkExtern.png has changed

Binary file icons/blue/LinkIntern.png has changed

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/layout.css	Fri Jun 20 09:39:25 2014 +0200
@@ -0,0 +1,1616 @@
+
+/**
+ * @file
+ * Stark layout method
+ *
+ * To avoid obscuring CSS added to the page by Drupal or a contrib module, the
+ * Stark theme itself has no styling, except just enough CSS to arrange the page
+ * in a traditional "Header, sidebars, content, and footer" layout.
+ *
+ * This layout method works reasonably well, but shouldn't be used on a
+ * production site because it can break. For example, if an over-large image
+ * (one that is wider than 20% of the viewport) is in the left sidebar, the
+ * image will overlap with the #content to the right. The exception to this
+ * is IE6 which will just hide the navigation block completely in these
+ * instances due to a positioning bug.
+ */
+
+
+
+
+/* MPIWG addtional syles for drupal */
+
+/* 
+ * return to mpiwg
+ */
+ 
+ .subnav .subnav li.leaf {
+	padding-left: 10px;
+}
+div.subnav li.sn_off a.active {
+	color: #ffffff;
+	background-color:  #c10000;
+}
+div.subnav .sn_on div.active-trail{
+	color: #ffffff;
+	background-color:  #c10000;
+}
+ 
+/* suchseite */
+div.form-item-exact{
+	display: block;
+}
+
+ 
+ /* entspricht .line*/
+ 
+li.node-readmore a {
+	background: url("./icons/blue/LinkIntern.png") center left no-repeat;
+    padding-left: 10px;
+}
+.pane-title{
+	border-bottom: 3px solid #9DA0C2;
+	margin-bottom: 5px;
+	padding-bottom: 5px;
+}
+
+
+
+
+td.key{
+	color :rgb(59, 65, 134);
+
+	}
+	
+ div.main{
+ width: 75%;
+ }
+ 
+ div.title h1,
+ div.title h2
+ {
+ color: #3c4286;
+ }
+
+.mpiwg_internal_view{
+ background-color: red;
+ }
+ .webSearch_hl {
+   font-weight: bold;
+ }
+ 
+
+
+#mpiwg_link a {
+	background-color: #ebecf3;
+	color: #3b4186;
+	padding: 3px 10px 3px 10px;
+	font-style: italic;
+
+}
+
+#header div.title img.logo_left {
+    width: 180px;
+    height: 100%;
+    vertical-align: top;
+    padding: 0px 5px 20px 0px;
+}
+
+div.logo_left {
+float: left;
+}
+
+#header div.title {
+ width: 750px;
+ 
+   
+}
+
+div.subnav .sn_off {
+    padding-left: 3px;
+    background-color: #f8f8f9;
+    font-weight: normal;
+}
+
+div.subnav li.sn_off a{
+    padding-left: 0px;
+    color: #c10000;
+    font-weight: normal;
+}
+
+ul li.leaf{
+	list-style-image: none;
+}
+
+ul li.expanded{
+    list-style-image: none;
+}
+
+ul li.collapsed{
+    list-style-image: none;
+}
+
+ul.menu li{
+	margin-left : 0px;
+}
+
+ul.inline li {
+    display: inline;
+    padding: 0;
+}
+
+/* MPIWG website style sheet 
+ * 
+ * (c) 2013 MPIWG Berlin
+ * Author: Robert Casties
+ */
+body {
+    margin: 0;
+    font-family: Verdana, Arial, sans-serif;
+    background-color: #ebecf3;
+    font-size: 12px;
+}
+
+/* 
+ * global styles
+ */
+img {
+    border: none;
+}
+
+a {
+    color: #000b86;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+/*  link-classes (with icons)  */
+a.internal,
+a.more {
+    background: url(../images/internal.png) center left no-repeat;
+    padding-left: 10px;
+}
+
+a.download {
+    background: url(../images/download.png) center left no-repeat;
+    padding-left: 15px;
+}
+
+a.external {
+    background: url(../images/external.png) center left no-repeat;
+    padding-left: 15px;
+}
+
+a.down {
+    background: url(../images/down.png) center left no-repeat;
+    padding-left: 15px;
+}
+
+a.jumptop {
+    background: url(../images/jump_top.png) center left no-repeat;
+    padding-left: 15px;
+}
+
+a.email {
+    background: url(../images/email.png) center left no-repeat;
+    padding-left: 23px;
+}
+
+/* old blue mail link */
+a.maillink {
+    color: #000b86 !important;
+}
+
+h1 {
+    color: #c10000;
+    font-size: 20px;
+    font-weight: normal;
+    margin: 0.5em 0;
+}
+
+h1:first-child {
+    /* does this work correctly? */
+    margin-top: 0;
+}
+
+h2 {
+    color: #c10000;
+    font-size: 16px;
+    font-weight: normal;
+    margin: 0.5em 0;
+}
+
+h3 {
+    color: #c10000;
+    font-size: 14px;
+    font-weight: normal;
+    margin: 0;
+}
+
+h3 + h3 {
+    /* h3 directly after h3 has a margin */
+    margin-top: 0.5em; 
+}
+
+h1 a {
+    /* a header with a link looks like a header */
+    color: inherit;
+    font-weight: inherit;
+    text-decoration: none;
+}
+
+p {
+    margin: 0.5em 0;
+    line-height: 1.5;
+}
+
+ul.plain {
+    list-style-type: none;
+    padding-left: 0.5em;
+}
+ul.plain > li {
+    margin-top: 0.5em;
+}
+
+ul.inline {
+    display: inline;
+    padding: 0;
+    margin: 0;
+}
+
+ul.inline li {
+    display: inline;
+}
+
+/*
+ * table-like rows and columns
+ */
+
+div.rows {
+    display: table;
+}
+
+div.row {
+    display: table-row;
+}
+
+div.row>div.col {
+    display: table-cell;
+    vertical-align: top;
+}
+
+div.row>div.col:first-child {
+    /* first block has no left margin */
+    padding-left: 0 !important;
+}
+
+/* 
+ * page wrapper and header
+ */
+#wrapper {
+    width: 900px;
+    margin: 0 auto;
+    padding: 10px 40px 10px 20px;
+    background-color: #f8f8f9;
+    box-shadow: 0 0 5px 3px #f8f8f9;
+}
+
+#header {
+    display: block;
+    position: relative;
+    height: 95px;
+    margin: 0 0 10px 0;
+}
+
+#header div.title {
+    position: absolute;
+    left: 0;
+    top: 25px;
+}
+
+#header div.title img {
+    width: 661px;
+    height: 40px;
+}
+
+#header div.logo {
+    position: absolute;
+    right: 0;
+}
+
+#header div.logo img {
+  
+    height: 88px;
+}
+
+/* 
+ * Main Navigation
+ */
+#mainnav {
+    display: block;
+    position: relative;
+    font-family: Verdana, Arial, sans-serif;
+    font-size: 12px;
+    border-top: 8px solid #9da0c2;
+    padding-top: 5px;
+    margin-bottom: 15px;
+    /* make iPhone-Safari not botch text size */
+    -webkit-text-size-adjust: 100%;
+}
+
+#mainnav ul {
+    padding: 0;
+    margin: 0;
+}
+
+#mainnav li.sec {
+    display: inline;
+    border-top: 8px solid #9da0c2;
+    margin: 0 35px 0 0;
+    padding-top: 5px;
+}
+
+#mainnav li.sec:hover {
+    border-top: 8px solid #c10000;
+}
+
+#mainnav a {
+    color: #696968;
+    outline: none;
+}
+
+#mainnav a:hover {
+    color: #000000;
+    text-decoration: none;
+}
+
+#mainnav li.sec.on {
+    border-top: 8px solid #c10000;
+}
+
+#mainnav li.sec.on a {
+    color: #3c4286;
+    outline: none;
+    font-weight: bold;
+}
+
+#mainnav li.sec.lang {
+    position: absolute;
+    right: 0;
+    top: -8px;
+    margin-right: 0;
+}
+
+/* 
+ * breadcrumbs 
+ */
+#breadcrumbs {
+    font-size: 11px;
+    color: #6a4d3c;
+    margin-bottom: 5px;
+}
+
+#breadcrumbs a {
+    color: #6a4d3c;
+}
+
+#breadcrumbs .selected {
+    font-weight: bold;
+}
+
+/* 
+ * main section wrapper
+ */
+#mainrow {
+    display: table-row;
+}
+
+/*
+ * subnavigation
+ */
+div.leftbox {
+    display: table-cell;
+    vertical-align: top;
+    width: 170px;
+    border-top: 3px solid #9da0c2;
+}
+
+div.subnav {
+    font-size: 11px;
+}
+
+div.subnav ul {
+    margin: 0;
+    padding: 0;
+}
+
+div.subnav li {
+    list-style-type: none;
+    border-bottom: 1px solid #9da0c2;
+    padding: 3px 6px 6px 3px;
+}
+
+/*div.subnav .sn_on {
+    padding-left: 6px;
+    background-color: #c10000;
+}*/
+
+div.subnav .sn_on a {
+    color: #f8f8f9;
+    font-weight: bold;
+}
+
+div.subnav h2.subnavhead {
+    background-color: white;
+    color: #c10000;
+    border-bottom: 1px solid #9da0c2;
+    font-size: 11px;
+    font-weight: bold;
+    margin: 0;
+    padding: 5px 3px;
+}
+
+div.subnav li.dept {
+    padding-left: 18px;
+    list-style-position: inside;
+    list-style-image: url(../images/internal.png);
+    text-indent: -14px;
+}
+
+div.subnav li.dept .type {
+    font-style: italic;
+    color: #6a4d3c;
+}
+
+div.subnav li.dept.sn_on .type {
+    color: #f9f4e1;
+}
+
+div.subnavbox {
+    /* navigation below e.g. research projects */
+    font-size: 11px;
+    margin-top: 30px;
+}
+
+div.subnavbox h2 {
+    font-size: 11px;
+    color: #b69f7b;
+    padding-bottom: 3px;
+    border-bottom: 1px solid #9da0c2;
+    margin-top: 20px;
+}
+
+/*
+ *  main section 
+ */
+div.main {
+    display: table-cell;
+    vertical-align: top;
+    background-color: white;
+    border-top: 3px solid #9da0c2;
+    padding: 20px;
+}
+
+div.main div.row>div.col {
+    /* col default padding */
+    padding-left: 20px;
+}
+
+div.main div.center {
+    /* make sure center does not collapse */
+    min-width: 460px;
+}
+
+
+/* 
+ * frontpage
+ */
+div.main.home {
+    background-color: transparent;
+    border-top: 0;
+    padding: 0;
+}
+
+div.main.home b {
+    /* bold is blue */
+    color: #3b4186;
+}
+
+div.main.home div.row.triple>div.col {
+    /* frontpage col width */
+    width: 286px;
+    padding-left: 21px;
+}
+
+div.box h2,
+h2.line {
+    /* more-links in title are right */
+    position: relative;
+}
+
+div.box h2 a:link,
+h2.line a.more:link {
+    /* more-links in title are right */
+    position: absolute;
+    right: 0;
+    top: 3px;
+    /* more-links in title are small */
+    font-size: 12px;
+}
+
+/*
+ * front page feature teaser
+ */
+div.main.home div.teaser {
+    background-color: #f4e0c7;
+}
+
+div.main.home div.teaser div.box {
+    /* teaser box needs no margins */
+    margin: 0;
+}
+
+div.teaser_image {
+    position: relative;
+    width: 593px;
+    height: 351px;
+}
+
+div.teaser_image div.caption {
+    /* caption inside image */
+    position: absolute;
+    bottom: 0;
+    padding: 3px;
+    text-align: right;
+    color: white;
+    font-size: 10px;
+    opacity: 0.8;
+    background-color: gray;
+    /* background-color: rgba(80,80,80,0.6); */
+}
+
+div.teaser_text {
+    padding-right: 21px;
+}
+/* feature number */
+div.teaser_text div.feature_number {
+    position: absolute;
+    right: 14px;
+    top: 5px;
+    font-family: Georgia, Times, serif;
+    font-size: 26px;
+    color: #887163;
+}
+/* feature title */
+div.teaser_text h1 {
+    font-size: 16px;
+    font-weight: normal;
+    margin-top: 0;
+}
+/* current research topic */
+div.teaser_text h3 {
+    color: #887163;
+    margin-bottom: 3px;
+    margin-top: 15px;
+}
+/* feature date */
+div.teaser_text div.date {
+    color: #3b4186;
+    padding-top: 20px;
+    margin-bottom: 20px;
+}
+
+/* teaser slider */
+div.teaser div.box div.slider {
+    top: 150px;
+    width: 18px;
+    height: 24px;
+    padding-top: 11px;
+}
+
+div.teaser div.box div.slider.prev {
+    background-image: url(../images/slider_prev_bg.png);
+}
+
+div.teaser div.box div.slider.next {
+    background-image: url(../images/slider_next_bg.png);
+}
+
+/* 
+ * toolboxes 
+ */
+div.tool.box {
+    font-family: Georgia, Times, serif;
+    font-style: italic;
+    font-size: 16px;
+    color: #887163;
+    background-color: #efeeec;
+    padding: 20px;
+    box-shadow: 0 0 1px 1px #e0e0e0;
+}
+
+div.tool.box a {
+    color: #3b4186;
+}
+
+div.tool.box div.searchbox {
+    /* only to make it shrink-wrap */
+    display: table-cell;
+}
+
+div.tool.box div.searchbox input.text {
+    height: 20px;
+    width: 370px;
+    background-color: #9fa0a7;
+    color: white;
+    font-size: 14px;
+    font-style: italic;
+    border: 0;
+    padding: 3px;
+}
+
+div.tool.box div.searchbox input.submit {
+    /* submit uses border-box. don't ask */
+    height: 26px;
+    width: 26px;
+    border: 0;
+    padding: 2px 3px 4px 3px;
+    /* TODO: this should be an image */
+    background-color: #ee7f2d;
+    color: white;
+    font-size: 14px;
+}
+
+div.tool.box div.searchbox div.extended {
+    font-family: Verdana, Arial, sans-serif;
+    font-size: 12px;
+    text-align: right;
+    padding: 5px 30px 5px 3px;
+}
+
+div.tool.box h3 {
+    font-family: Georgia, Times, serif;
+    font-style: italic;
+    font-size: 16px;
+    color: #887163;
+    margin: 0.5em 0;
+}
+
+div.tool.box h3:first-child {
+    /* top header has no margin */
+    margin-top: 0;
+}
+
+div.tool.box ul {
+    margin: 0;
+    padding: 0;
+}
+
+div.tool.box div.options {
+    margin-top: 10px;
+}
+
+div.tool.box div.options li {
+    list-style-type: none;
+    margin: 0.5em 0;
+}
+
+div.tool.box div.atoz {
+    color: #887163;
+    font-family: Verdana, Arial, sans-serif;
+    font-size: 14px;
+    font-style: normal;
+    margin-top: 10px;
+}
+
+div.tool.box input.checkbox,
+div.tool.box input.radio {
+    /* checkbox uses border-box. don't ask */
+    width: 20px;
+    height: 20px;
+    margin: 0;
+    /* TODO: this should be an image */
+    background-color: white;
+}
+
+/* project page toolbox with thumbs */
+div.tool.box div.box.thumbs {
+    width: 420px;
+}
+
+div.box.thumbs div.thumb {
+    display: inline;
+}
+div.box.thumbs div.thumb img {
+    width: 55px;
+    height: 34px;
+}
+
+
+/* 
+ * service box on frontpage 
+ */
+div.box h2.service {
+    /* title has no line */
+    border: 0;
+}
+
+div.tool.box.service {
+    margin-top: 0;
+    padding: 0;
+}
+
+div.tool.box.service div.row > div.col {
+    padding: 0;
+}
+div.tool.box.service div.search {
+    width: 200px;
+    height: 20px;
+    padding: 26px 0 26px 16px;
+    border-bottom: 1px solid #9fa0a7;
+}
+div.tool.box.service div.search.both {
+    height: 44px;
+    padding: 14px 0 14px 16px;
+}
+div.tool.box.service div.searchicon {
+    width: 38px;
+    height: 40px;
+    text-align: center;
+    padding: 16px;
+    border-bottom: 1px solid #9fa0a7;
+}
+div.tool.box.service div.icon {
+    width: 71px;
+    height: 70px;
+    text-align: center;
+    line-height: 2.5;
+    padding: 1px 0;
+    border-left: 1px solid #9fa0a7;
+}
+div.tool.box.service div.icon a {
+    color: black;
+    font-size: 12px;
+    font-family: Verdana, Arial, sans-serif;
+    font-style: normal;
+}
+div.tool.box.service div.icon.first {
+    border-left: 0;
+    width: 70px;
+}
+div.tool.box.service div.searchbox {
+    display: block;
+}
+div.tool.box.service div.searchbox input.text {
+    width: 170px;
+    height: 17px;
+    font-size: 12px;
+    padding: 1px 3px;
+}
+div.tool.box.service div.searchbox input.submit {
+    height: 19px;
+    width: 19px;
+    padding: 0;
+    margin: 0;
+    vertical-align: bottom;
+}
+div.tool.box.service select.quickfinder {
+    width: 200px;
+    height: 19px;
+    font-size: 12px;
+    background-color: white;
+    margin-bottom: 5px;
+    border: 0;
+}
+
+/*
+ * other boxes
+ */
+div.box {
+    margin: 20px 0;
+    position: relative;
+}
+
+div.box h2,
+h2.line {
+    /* h2 is title with line */
+    padding-bottom: 5px;
+    border-bottom: 3px solid #9da0c2;
+    margin-bottom: 5px;
+}
+
+div.box.line,
+div.line {
+    border-bottom: 1px solid #9da0c2;
+}
+
+div.box h3 {
+    /* h3 is subtitle/type */
+    font-size: 12px;
+    color: #6a4d3c;
+}
+
+div.box h3 + h2 {
+    /* directly over h2 */
+    margin-top: 0;
+}
+
+/*
+ * small box with thumbnail
+ */
+div.mini {
+    padding: 10px 0;
+    /* line-height: 1; */
+}
+
+div.row.quintuple div.mini {
+    max-width: 122px;
+    font-size: 11px;
+}
+
+div.mini div.thumb {
+    background-color: #f8f8f8;
+    text-align: center;
+    margin-top: 0.5em;
+}
+div.mini div.thumb:first-child {
+    margin-top: 0;
+}
+div.row.quintuple div.mini div.thumb img {
+    width: 120px;
+    height: 75px;
+}
+
+div.row.triple div.mini {
+    width: 140px;
+}
+
+div.row.triple div.mini div.thumb img {
+    width: 140px;
+    height: 87px;
+}
+
+div.row.triple div.mini.source div.thumb img {
+    /* thumb size for sources given by digilib */
+    width: auto;
+    height: auto;
+}
+
+div.row.double div.mini div.thumb img {
+    height: 180px;
+}
+
+div.mini div.type {
+    color: #9f917a;
+    margin-top: 0.5em;
+}
+
+div.mini div.title {
+    margin-top: 0.5em;
+}
+
+div.mini div.author {
+    color: #3b4186;
+    margin-top: 0.5em;
+}
+
+div.mini div.link {
+    margin-top: 0.5em;
+}
+
+div.mini h2 {
+    /* e.g. title for mini-books */
+    font-size: 14px;
+}
+
+div.mini.website div.description {
+    /* initially hidden */
+    display: none;
+}
+
+div.box.foldable div.fold {
+    /* initially hidden */
+    display: none;
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    /* TODO: this should be an image */
+    background-color: #ee7f2d;
+    color: white;
+    font-size: 14px;
+}
+
+/* 
+ * slider buttons 
+ */
+div.box div.slider {
+    position: absolute;
+    top: 110px;
+    width: 16px;
+    height: 18px;
+}
+
+div.box div.slider.prev {
+    left: 0;
+}
+
+div.box div.slider.next {
+    right: 0;
+    text-align: right;
+}
+
+/* 
+ * paragraph with line
+ */
+div.item {
+    padding-top: 5px;
+    padding-bottom: 5px;
+    border-bottom: 1px solid #9da0c2;
+    line-height: 1.5;
+}
+
+/*
+ * pubman references
+ */
+.reference .Italic {
+    font-style: italic;
+}
+
+
+/*
+ * table with items (articles)
+ */
+table.items {
+    /* no space between cells */
+    border-collapse: collapse;
+}
+
+table.items td {
+    vertical-align: top;
+    text-align: left;
+    line-height: 1.5;
+    padding: 1em 1em 0.5em 0;
+}
+table.items td:last-child {
+    padding-right: 0;
+}
+table.items.shorter td {
+    padding: 0.5em 0.5em 0.5em 0;
+}
+
+table.items th {
+    font-family: Georgia, Times, serif;
+    font-size: 16px;
+    font-weight: normal;
+    font-style: italic;
+    color: #887163;
+    text-align: left;
+    border-bottom: 3px solid #9da0c2;
+}
+
+table.items h2 {
+    border-bottom: 3px solid #9da0c2;
+    margin-bottom: 0;
+}
+table.items h2 a {
+    color: inherit;
+    font-weight: inherit;
+    text-decoration: none;    
+}
+
+table.items img.thumb {
+    width: 55px;
+    height: 34px;
+}
+
+table.items td.line,
+table.items tr.line td {
+    border-bottom: 1px solid #9da0c2;
+}
+
+table.items td.topline,
+table.items tr.topline td {
+    border-top: 1px solid #9da0c2;
+}
+
+table.items tr.last_item td {
+    /* last_item has no padding-top */
+    padding: 0 0 0.5em 0;
+}
+
+table.items h3.fold_head {
+    font-size: 12px;
+    background-color: #f6f2eb;
+    padding: 3px;
+}
+
+table.items h3.fold_head img {
+    margin: 0 5px 0 3px;
+}
+
+table.items div.fold_body {
+    /* e.g. preprint abstracts */
+    padding: 0.5em 0 0 20px;
+}
+
+ul.items {
+    list-style-type: none;
+    padding: 0;
+}
+
+ul.items li {
+    padding: 0 0 0.5em 20px;    
+    border-bottom: 3px solid #9da0c2;
+    margin-bottom: 0.5em;
+}
+
+ul.items .fold_head {
+    text-indent: -20px;
+}
+ul.items .fold_head img.fold_open,
+ul.items .fold_head img.fold_closed {
+    padding-right: 5px;
+}
+
+ul.items .type {
+    /* font-size: 11px; */
+    color: #696968;
+}
+
+ul.items h2 {
+    font-size: 12px;
+}
+
+ul.items td.key {
+    color: #3b4186;
+}
+
+.foldable img.fold_closed {
+    /* fold is initially open */
+    display: none;
+}
+
+
+/*
+ * hierarchical list (of projects)
+ */
+div.hierlist h2 {
+    text-indent: -20px;
+    padding-left: 20px;
+    padding-bottom: 5px;
+    border-bottom: 3px solid #9da0c2;
+    margin-bottom: 0;
+}
+
+div.hierlist h2 img {
+    padding: 0 3px 3px 3px; 
+}
+
+div.hierlist h2 a {
+    color: inherit;
+    font-weight: inherit;
+    text-decoration: none;
+}
+
+div.hierlist ul {
+    list-style-type: none;
+    padding: 0 0 10px 0;
+    margin: 0;
+    border-bottom: 1px solid #9da0c2;
+}
+
+div.hierlist li {
+    padding: 5px 0 5px 16px;
+    text-indent: -13px;
+}
+
+div.hierlist li a {
+    /* icon is more distant from text */
+    padding-left: 13px;
+}
+
+div.hierlist li.indent {
+    padding-bottom: 10px;
+    border-bottom: 1px solid #9da0c2;
+    margin-bottom: 5px;
+}
+
+div.hierlist li.level_1 {
+    font-size: 14px;
+}
+
+div.hierlist li.level_2 {
+    font-weight: bold;
+    margin-left: 20px;
+}
+
+div.hierlist li.level_3 {
+    margin-left: 40px;
+}
+
+div.hierlist li.level_4 {
+    margin-left: 60px;
+}
+
+div.hierlist li.level_5 {
+    margin-left: 80px;
+}
+
+
+/*
+ * figures (in project descriptions and features)
+ */
+div.figure,
+div.image_small {
+    float: left;
+    width: 230px;
+    padding: 0.5em 1em 0 0;
+}
+div.image_small.right {
+    float: right;
+    padding: 0.5em 0 0 1em;
+}
+div.figure div.image img,
+div.image_small img {
+    width: 230px;
+}
+div.figure div.figcaption,
+div.banner_large div.caption,
+div.image_small div.caption {
+    font-size: 10px;
+    line-height: 1.5;
+    color: #9f917a;
+    margin-top: 0.5em;
+}
+div.banner_large img {
+    width: 460px;
+}
+
+/*
+ * project description and feature
+ */
+h3.authors {
+    margin-top: 0.5em;
+}
+
+p.maintext_authors {
+    font-size: 14px;
+    color: #3b4186;
+}
+
+div.description {
+    margin-top: 0.5em;
+    line-height: 1.5;
+}
+
+h2.type {
+    color: #9f917a;
+}
+
+/*
+ * feature story archive
+ */
+ul.items.features li {
+    padding: 0 0 0.5em 0;
+    border-bottom: 1px solid #9da0c2;
+}
+ul.items.features .thumb {
+    float:left;
+    padding: 8px 10px 0 0;
+}
+ul.items.features .thumb img {
+    width: 55px;
+    height: 34px;
+}
+ul.items.features .feature_number {
+    font-family: Georgia, Times, serif;
+    font-size: 24px;
+    color: #696968;
+}
+ul.items.features .date {
+    font-size: 11px;
+    color: #696968;
+}
+ul.items.features h1 {
+    font-size: 12px;
+    font-weight: bold;
+    margin: 0;
+}
+
+/* 
+ * sidebar 
+ */
+div.sidebar {
+    display: table-cell;
+    width: 220px;
+    border-top: 3px solid #9da0c2;
+    background-color: white;
+    padding: 20px 10px 20px 0;
+}
+
+div.sideblock h2 {
+    position: relative;
+    font-size: 12px;
+    margin-top: 20px;
+    padding-bottom: 5px;
+    border-bottom: 3px solid #9da0c2;
+    margin-bottom: 0;
+}
+
+div.sideblock:first-child h2 {
+    margin-top: 0;
+}
+
+div.sideblock h3 {
+    font-size: 12px;
+    margin-top: 5px;
+    padding-bottom: 5px;
+    border-bottom: 1px solid #9da0c2;
+}
+
+/* like sidebar without line */
+div.sidebox {
+    width: 220px;
+    padding: 0 0 20px 0;
+}
+
+/*
+ * project sidebars
+ */
+div.sideblock h2 .proj_state {
+    position: absolute;
+    right: 0;
+}
+
+div.sideblock .project {
+    background: url(../images/internal.png) no-repeat scroll 6px 11px #F5DAAF;
+    border-bottom: 1px solid #F3BE7C;
+    padding: 6px 6px 6px 20px;
+}
+div.sideblock .project.inactive {
+    background: url(../images/internal.png) no-repeat scroll 6px 11px #f6e6cc;
+}
+div.sideblock .project.parent {
+    background: url(../images/up.png) no-repeat scroll 6px 11px #F9F4E1;
+    border-bottom: 1px solid #9da0c2;
+    color: #666666;
+}
+div.sideblock .project a {
+    color: #333;
+}
+
+/*
+ * special sideblocks
+ */
+div.sideblock .item.link, 
+div.sideblock .item.internal {
+    background: url(../images/internal.png) 0 11px no-repeat;
+    padding-left: 10px;
+}
+
+div.sideblock .item.external {
+    background: url(../images/external.png) 0 11px no-repeat;
+    padding-left: 13px;
+}
+
+div.sideblock .item.download {
+    background: url(../images/download.png) 0 8px no-repeat;
+    padding-left: 15px;
+}
+
+div.sideblock .item.thumb img {
+    width: 55px;
+    height: 34px;
+}
+div.sideblock .item.thumb .text {
+    padding-left: 0.5em;
+}
+
+/*
+ * footer
+ */
+#footer {
+    position: relative;
+    height: 50px;
+    border-top: 1px solid #9da0c2;
+    padding-top: 8px;
+    margin-top: 29px;
+}
+
+#footer div.text {
+    display: inline-block;
+    color: #c10000;
+    font-size: 11px;
+}
+
+#footer div.logo {
+    display: inline-block;
+    position: absolute;
+    right: 0;
+}
+
+#footer div.logo img {
+    width: 204px;
+    height: 41px;
+}
+/* extension */
+
+#header div.title {
+ width: 750px;
+ top: 15px;
+   
+}
+
+/*#header div.logo img {
+    width: 100%;
+    height: 100px;
+    
+}*/
+
+a.email {
+    background: url("./icons/blue/Email.png") center left no-repeat;
+    padding-left: 23px;
+}
+
+
+
+
+/* events */
+
+.field-name-field-event-subtitle {
+	 color: rgb(193,0,0);
+	 font-size : 18px;
+}
+
+.node-enterprise-event div {
+padding-top :4pt
+}
+	
+/* syles for events */
+
+.node-enterprise-event div.field-name-field-date{
+    font-size: 14px;
+}
+
+/* footer */
+
+div#wrapper div#footer div.region div#block-menu-menu-bottom-menu.side-block h2.title{
+	display: none;
+}
+
+div#wrapper div#footer div.region div#block-menu-menu-bottom-menu.side-block div div.subnav ul.menu li.leaf div.level{
+	display: inline;   
+}
+
+div#wrapper div#footer div.region div#block-menu-menu-bottom-menu.side-block div div.subnav ul.menu li.leaf{
+	display: inline;  
+	border-bottom: 0px; 
+}
+
+div.main div#center div.clearfix div.region div#block-system-main.side-block  div.content  div.inside div.panel-pane div.pane-content h2{
+	border-bottom: 0px;
+}
+
+div.title p{
+	font-size: 16px;
+	color: #3c4286;
+	line-height: 1;
+}
+
+
+
+/* field groups */
+
+.align-left-right {
+	display: table;
+	 width:400px;
+}
+.align-left-right div.field{
+    display: table-row;
+   
+   
+}
+
+
+.align-left-right div.field-label {
+	text-align: left;
+	display: table-cell;
+	float:None;
+	padding-bottom: 1em;
+	
+}
+
+.align-left-right div.field-items {
+    text-align: right;
+    display: table-cell;
+    float: None;
+     padding-bottom: 1em;
+}
+
+.align-left-right div.field-item {
+    text-align: right;
+    display: inline;
+}
+
+
+
+
+
+
+div.node-teaser h2{
+	 font-size: 16px;
+}
+
+div.node h2{
+     font-size: 16px;
+}
+
+div.larger-text {
+	 font-size: 16px; 
+}
+
+
+
+div.centered {
+	text-align: center;
+}
+
+div.form-item-items-per-page label{
+	display: inline;
+}
+
+/* views */
+
+table.views-table tr th{
+    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
+    border-bottom-style: none;
+    height:40px;
+}
+
+table.views-table tr.odd {
+    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.0);
+    border-bottom-style: none;
+}
+
+
+table.views-table tr td {
+   padding-left: 10px;
+   padding-bottom: 10px;
+   padding-top: 10px;
+   
+}
+table.views-table tr td.active {
+    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.13);
+    border-bottom-style: none;
+}
+
+table.views-view-grid td{
+    vertical-align : top;
+    padding-right: 20px;
+    padding-bottom: 30px;
+    
+}
+
+
+table.views-view-grid td div.clearfix {
+    padding-top: 30px;
+}
+div.views-exposed-form div.views-exposed-widgets div.views-exposed-widget input#edit-submit-taxonomy-term.form-submit
+{
+    margin-top: 0pt;
+}
+
+div.views-exposed-widgets{
+	display: table;
+}
+
+div.views-exposed-widget div.views-exposed-form{
+    display: table-row;
+    float: None;
+}
+
+
+div.views-exposed-form {
+	background-color: #EFEEEC;
+    box-shadow: 0 0 1px 1px #E0E0E0;
+   
+	color: #696968;
+    font-family: Georgia,Times,serif;
+    font-size: 16px;
+    font-style: italic;
+}
+
+ div.views-exposed-form div.views-exposed-widget{
+  display: table-row;
+  float: None;
+ }
+
+div.views-exposed-widget label{
+	display:table-cell;
+	text-align: left;
+	font-weight: normal;
+	padding: 10px 10px 10px 10px;
+	
+}
+div.views-exposed-widget select{
+    display:table-cell;
+   
+}
+
+div.views-exposed-widget views-submit-button{
+	display: table-cell;
+}
+div.views-operator{
+	display: table-cell;
+	text-align: left;
+	padding: 10px 10px 10px 10px;
+}
+
+div.views-widget{
+    display: table-cell;
+    text-align: left;
+}
+
+
+/* blog */
+.node-blog .links li {
+background: none repeat scroll 0 0 #D3D1D1;
+    border-radius: 4px;
+    color: #383838;
+    font-weight: normal;
+    padding: 4px 5px;
+    text-shadow: 1px 1px #FFFFFF;
+}
+
+/* node reference */
+
+div.nodereference-top{
+	padding-top: 10px;
+	padding-bottom: 10px;
+}
+div.nodereference-top a{
+	background: url("./icons/blue/LinkIntern.png") no-repeat scroll 0 0 #D3D1D1;
+    padding-left: 10px;
+    border-radius: 4px;
+    color: #383838;
+    font-weight: normal;
+   
+    text-shadow: 1px 1px #FFFFFF;
+   
+	
+}
+
+ul.action-links  {
+	list-style-type: none;
+	padding-left: 0px;
+	
+}
+ul.action-links a{
+    background: url("./icons/blue/LinkIntern.png") no-repeat scroll 0 0 #D3D1D1;
+    padding-left: 10px;
+    border-radius: 4px;
+    color: #383838;
+    font-weight: normal;
+   
+    text-shadow: 1px 1px #FFFFFF;
+   
+    
+}
+
+/* probleme mit clicks bei panels auf links */
+
+a.ctools-dropdown-image-link{
+	z-index: 100;
+	position: relative;
+}
+
+
+
+/* ISMI additions need to go in separate css */
+.group-relations{
+	padding-left: 30pt;
+}
+

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/layout_orig.css	Fri Jun 20 09:39:25 2014 +0200
@@ -0,0 +1,1312 @@
+
+/**
+ * @file
+ * Stark layout method
+ *
+ * To avoid obscuring CSS added to the page by Drupal or a contrib module, the
+ * Stark theme itself has no styling, except just enough CSS to arrange the page
+ * in a traditional "Header, sidebars, content, and footer" layout.
+ *
+ * This layout method works reasonably well, but shouldn't be used on a
+ * production site because it can break. For example, if an over-large image
+ * (one that is wider than 20% of the viewport) is in the left sidebar, the
+ * image will overlap with the #content to the right. The exception to this
+ * is IE6 which will just hide the navigation block completely in these
+ * instances due to a positioning bug.
+ */
+
+
+/* MPIWG addtional syles for drupal */
+
+/* 
+ * return to mpiwg
+ */
+ 
+ 
+
+td.key{
+	color :rgb(59, 65, 134);
+
+	}
+	
+ div.main{
+ width: 75%;
+ }
+
+.mpiwg_internal_view{
+ background-color: red;
+ }
+ .webSearch_hl {
+   font-weight: bold;
+ }
+ 
+
+
+#mpiwg_link a {
+	background-color: #ebecf3;
+	color: #3b4186;
+	padding: 3px 10px 3px 10px;
+	font-style: italic;
+
+}
+
+#header div.title img.logo_left {
+    width: 180px;
+    height: 100%;
+    vertical-align: top;
+    padding: 0px 5px 20px 0px;
+}
+
+div.logo_left {
+float: left;
+}
+
+#header div.title {
+ width: 750px;
+ 
+   
+}
+
+div.subnav .sn_off {
+    padding-left: 0px;
+    background-color: #fcf2df;
+    font-weight: normal;
+}
+
+div.subnav li.sn_off a{
+    padding-left: 0px;
+    color: #d45a00;
+    font-weight: normal;
+}
+
+ul li.leaf{
+	list-style-image: none;
+}
+
+ul li.expanded{
+    list-style-image: none;
+}
+
+ul li.collapsed{
+    list-style-image: none;
+}
+
+ul.menu li{
+	margin-left : 0px;
+}
+
+ul.inline li {
+    display: inline;
+    padding: 0;
+}
+
+/* MPIWG website style sheet 
+ * 
+ * (c) 2013 MPIWG Berlin
+ * Author: Robert Casties
+ */
+body {
+    margin: 0;
+    font-family: Verdana, Arial, sans-serif;
+    background-color: #fdf8ef;
+    font-size: 12px;
+}
+
+/* 
+ * global styles
+ */
+img {
+    border: none;
+}
+
+a {
+    color: #d45a00;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+/*  link-classes (with icons)  */
+a.internal,
+a.more {
+    background: url(../images/internal.png) center left no-repeat;
+    padding-left: 10px;
+}
+
+a.download {
+    background: url(../images/download.png) center left no-repeat;
+    padding-left: 15px;
+}
+
+a.external {
+    background: url(../images/external.png) center left no-repeat;
+    padding-left: 15px;
+}
+
+a.down {
+    background: url(../images/down.png) center left no-repeat;
+    padding-left: 15px;
+}
+
+a.jumptop {
+    background: url(../images/jump_top.png) center left no-repeat;
+    padding-left: 15px;
+}
+
+a.email {
+    background: url(../images/email.png) center left no-repeat;
+    padding-left: 23px;
+}
+
+/* old blue mail link */
+a.maillink {
+    color: #3b4186 !important;
+}
+
+h1 {
+    color: #3b4186;
+    font-size: 20px;
+    font-weight: normal;
+    margin: 0.5em 0;
+}
+
+h1:first-child {
+    /* does this work correctly? */
+    margin-top: 0;
+}
+
+h2 {
+    color: #3b4186;
+    font-size: 16px;
+    font-weight: normal;
+    margin: 0.5em 0;
+}
+
+h3 {
+    color: #3b4186;
+    font-size: 14px;
+    font-weight: normal;
+    margin: 0;
+}
+
+h3 + h3 {
+    /* h3 directly after h3 has a margin */
+    margin-top: 0.5em; 
+}
+
+h1 a {
+    /* a header with a link looks like a header */
+    color: inherit;
+    font-weight: inherit;
+    text-decoration: none;
+}
+
+p {
+    margin: 0.5em 0;
+    line-height: 1.5;
+}
+
+ul.plain {
+    list-style-type: none;
+    padding-left: 0.5em;
+}
+ul.plain > li {
+    margin-top: 0.5em;
+}
+
+ul.inline {
+    display: inline;
+    padding: 0;
+    margin: 0;
+}
+
+ul.inline li {
+    display: inline;
+}
+
+/*
+ * table-like rows and columns
+ */
+
+div.rows {
+    display: table;
+}
+
+div.row {
+    display: table-row;
+}
+
+div.row>div.col {
+    display: table-cell;
+    vertical-align: top;
+}
+
+div.row>div.col:first-child {
+    /* first block has no left margin */
+    padding-left: 0 !important;
+}
+
+/* 
+ * page wrapper and header
+ */
+#wrapper {
+    width: 900px;
+    margin: 0 auto;
+    padding: 10px 40px 10px 20px;
+    background-color: #fcf2df;
+    box-shadow: 0 0 5px 3px #d0d0d0;
+}
+
+#header {
+    display: block;
+    position: relative;
+    height: 95px;
+    margin: 0 0 10px 0;
+}
+
+#header div.title {
+    position: absolute;
+    left: 0;
+    top: 25px;
+}
+
+#header div.title img {
+    width: 661px;
+    height: 40px;
+}
+
+#header div.logo {
+    position: absolute;
+    right: 0;
+}
+
+#header div.logo img {
+    width: 87px;
+    height: 88px;
+}
+
+/* 
+ * Main Navigation
+ */
+#mainnav {
+    display: block;
+    position: relative;
+    font-family: Verdana, Arial, sans-serif;
+    font-size: 12px;
+    border-top: 8px solid #fab775;
+    padding-top: 5px;
+    margin-bottom: 15px;
+    /* make iPhone-Safari not botch text size */
+    -webkit-text-size-adjust: 100%;
+}
+
+#mainnav ul {
+    padding: 0;
+    margin: 0;
+}
+
+#mainnav li.sec {
+    display: inline;
+    border-top: 8px solid #fab775;
+    margin: 0 35px 0 0;
+    padding-top: 5px;
+}
+
+#mainnav li.sec:hover {
+    border-top: 8px solid #d45a00;
+}
+
+#mainnav a {
+    color: #696968;
+    outline: none;
+}
+
+#mainnav a:hover {
+    color: #000000;
+    text-decoration: none;
+}
+
+#mainnav li.sec.on {
+    border-top: 8px solid #d45a00;
+}
+
+#mainnav li.sec.on a {
+    color: #d45a00;
+    outline: none;
+    font-weight: bold;
+}
+
+#mainnav li.sec.lang {
+    position: absolute;
+    right: 0;
+    top: -8px;
+    margin-right: 0;
+}
+
+/* 
+ * breadcrumbs 
+ */
+#breadcrumbs {
+    font-size: 11px;
+    color: #6a4d3c;
+    margin-bottom: 5px;
+}
+
+#breadcrumbs a {
+    color: #6a4d3c;
+}
+
+#breadcrumbs .selected {
+    font-weight: bold;
+}
+
+/* 
+ * main section wrapper
+ */
+#mainrow {
+    display: table-row;
+}
+
+/*
+ * subnavigation
+ */
+div.leftbox {
+    display: table-cell;
+    vertical-align: top;
+    width: 170px;
+    border-top: 3px solid #dccbae;
+}
+
+div.subnav {
+    font-size: 11px;
+}
+
+div.subnav ul {
+    margin: 0;
+    padding: 0;
+}
+
+div.subnav li {
+    list-style-type: none;
+    border-bottom: 1px solid #dccbae;
+    padding: 3px 6px 6px 3px;
+}
+
+div.subnav .sn_on {
+    padding-left: 6px;
+    background-color: #d45a00;
+}
+
+div.subnav .sn_on a {
+    color: #fcf2df;
+    font-weight: bold;
+}
+
+div.subnav h2.subnavhead {
+    background-color: white;
+    color: #d45a00;
+    border-bottom: 1px solid #dccbae;
+    font-size: 11px;
+    font-weight: bold;
+    margin: 0;
+    padding: 5px 3px;
+}
+
+div.subnav li.dept {
+    padding-left: 18px;
+    list-style-position: inside;
+    list-style-image: url(../images/internal.png);
+    text-indent: -14px;
+}
+
+div.subnav li.dept .type {
+    font-style: italic;
+    color: #6a4d3c;
+}
+
+div.subnav li.dept.sn_on .type {
+    color: #f9f4e1;
+}
+
+div.subnavbox {
+    /* navigation below e.g. research projects */
+    font-size: 11px;
+    margin-top: 30px;
+}
+
+div.subnavbox h2 {
+    font-size: 11px;
+    color: #b69f7b;
+    padding-bottom: 3px;
+    border-bottom: 1px solid #dccbae;
+    margin-top: 20px;
+}
+
+/*
+ *  main section 
+ */
+div.main {
+    display: table-cell;
+    vertical-align: top;
+    background-color: white;
+    border-top: 3px solid #dccbae;
+    padding: 20px;
+}
+
+div.main div.row>div.col {
+    /* col default padding */
+    padding-left: 20px;
+}
+
+div.main div.center {
+    /* make sure center does not collapse */
+    min-width: 460px;
+}
+
+
+/* 
+ * frontpage
+ */
+div.main.home {
+    background-color: transparent;
+    border-top: 0;
+    padding: 0;
+}
+
+div.main.home b {
+    /* bold is blue */
+    color: #3b4186;
+}
+
+div.main.home div.row.triple>div.col {
+    /* frontpage col width */
+    width: 286px;
+    padding-left: 21px;
+}
+
+div.box h2,
+h2.line {
+    /* more-links in title are right */
+    position: relative;
+}
+
+div.box h2 a:link,
+h2.line a.more:link {
+    /* more-links in title are right */
+    position: absolute;
+    right: 0;
+    top: 3px;
+    /* more-links in title are small */
+    font-size: 12px;
+}
+
+/*
+ * front page feature teaser
+ */
+div.main.home div.teaser {
+    background-color: #f4e0c7;
+}
+
+div.main.home div.teaser div.box {
+    /* teaser box needs no margins */
+    margin: 0;
+}
+
+div.teaser_image {
+    position: relative;
+    width: 593px;
+    height: 351px;
+}
+
+div.teaser_image div.caption {
+    /* caption inside image */
+    position: absolute;
+    bottom: 0;
+    padding: 3px;
+    text-align: right;
+    color: white;
+    font-size: 10px;
+    opacity: 0.8;
+    background-color: gray;
+    /* background-color: rgba(80,80,80,0.6); */
+}
+
+div.teaser_text {
+    padding-right: 21px;
+}
+/* feature number */
+div.teaser_text div.feature_number {
+    position: absolute;
+    right: 14px;
+    top: 5px;
+    font-family: Georgia, Times, serif;
+    font-size: 26px;
+    color: #887163;
+}
+/* feature title */
+div.teaser_text h1 {
+    font-size: 16px;
+    font-weight: normal;
+    margin-top: 0;
+}
+/* current research topic */
+div.teaser_text h3 {
+    color: #887163;
+    margin-bottom: 3px;
+    margin-top: 15px;
+}
+/* feature date */
+div.teaser_text div.date {
+    color: #3b4186;
+    padding-top: 20px;
+    margin-bottom: 20px;
+}
+
+/* teaser slider */
+div.teaser div.box div.slider {
+    top: 150px;
+    width: 18px;
+    height: 24px;
+    padding-top: 11px;
+}
+
+div.teaser div.box div.slider.prev {
+    background-image: url(../images/slider_prev_bg.png);
+}
+
+div.teaser div.box div.slider.next {
+    background-image: url(../images/slider_next_bg.png);
+}
+
+/* 
+ * toolboxes 
+ */
+div.tool.box {
+    font-family: Georgia, Times, serif;
+    font-style: italic;
+    font-size: 16px;
+    color: #887163;
+    background-color: #efeeec;
+    padding: 20px;
+    box-shadow: 0 0 1px 1px #e0e0e0;
+}
+
+div.tool.box a {
+    color: #3b4186;
+}
+
+div.tool.box div.searchbox {
+    /* only to make it shrink-wrap */
+    display: table-cell;
+}
+
+div.tool.box div.searchbox input.text {
+    height: 20px;
+    width: 370px;
+    background-color: #9fa0a7;
+    color: white;
+    font-size: 14px;
+    font-style: italic;
+    border: 0;
+    padding: 3px;
+}
+
+div.tool.box div.searchbox input.submit {
+    /* submit uses border-box. don't ask */
+    height: 26px;
+    width: 26px;
+    border: 0;
+    padding: 2px 3px 4px 3px;
+    /* TODO: this should be an image */
+    background-color: #ee7f2d;
+    color: white;
+    font-size: 14px;
+}
+
+div.tool.box div.searchbox div.extended {
+    font-family: Verdana, Arial, sans-serif;
+    font-size: 12px;
+    text-align: right;
+    padding: 5px 30px 5px 3px;
+}
+
+div.tool.box h3 {
+    font-family: Georgia, Times, serif;
+    font-style: italic;
+    font-size: 16px;
+    color: #887163;
+    margin: 0.5em 0;
+}
+
+div.tool.box h3:first-child {
+    /* top header has no margin */
+    margin-top: 0;
+}
+
+div.tool.box ul {
+    margin: 0;
+    padding: 0;
+}
+
+div.tool.box div.options {
+    margin-top: 10px;
+}
+
+div.tool.box div.options li {
+    list-style-type: none;
+    margin: 0.5em 0;
+}
+
+div.tool.box div.atoz {
+    color: #887163;
+    font-family: Verdana, Arial, sans-serif;
+    font-size: 14px;
+    font-style: normal;
+    margin-top: 10px;
+}
+
+div.tool.box input.checkbox,
+div.tool.box input.radio {
+    /* checkbox uses border-box. don't ask */
+    width: 20px;
+    height: 20px;
+    margin: 0;
+    /* TODO: this should be an image */
+    background-color: white;
+}
+
+/* project page toolbox with thumbs */
+div.tool.box div.box.thumbs {
+    width: 420px;
+}
+
+div.box.thumbs div.thumb {
+    display: inline;
+}
+div.box.thumbs div.thumb img {
+    width: 55px;
+    height: 34px;
+}
+
+
+/* 
+ * service box on frontpage 
+ */
+div.box h2.service {
+    /* title has no line */
+    border: 0;
+}
+
+div.tool.box.service {
+    margin-top: 0;
+    padding: 0;
+}
+
+div.tool.box.service div.row > div.col {
+    padding: 0;
+}
+div.tool.box.service div.search {
+    width: 200px;
+    height: 20px;
+    padding: 26px 0 26px 16px;
+    border-bottom: 1px solid #9fa0a7;
+}
+div.tool.box.service div.search.both {
+    height: 44px;
+    padding: 14px 0 14px 16px;
+}
+div.tool.box.service div.searchicon {
+    width: 38px;
+    height: 40px;
+    text-align: center;
+    padding: 16px;
+    border-bottom: 1px solid #9fa0a7;
+}
+div.tool.box.service div.icon {
+    width: 71px;
+    height: 70px;
+    text-align: center;
+    line-height: 2.5;
+    padding: 1px 0;
+    border-left: 1px solid #9fa0a7;
+}
+div.tool.box.service div.icon a {
+    color: black;
+    font-size: 12px;
+    font-family: Verdana, Arial, sans-serif;
+    font-style: normal;
+}
+div.tool.box.service div.icon.first {
+    border-left: 0;
+    width: 70px;
+}
+div.tool.box.service div.searchbox {
+    display: block;
+}
+div.tool.box.service div.searchbox input.text {
+    width: 170px;
+    height: 17px;
+    font-size: 12px;
+    padding: 1px 3px;
+}
+div.tool.box.service div.searchbox input.submit {
+    height: 19px;
+    width: 19px;
+    padding: 0;
+    margin: 0;
+    vertical-align: bottom;
+}
+div.tool.box.service select.quickfinder {
+    width: 200px;
+    height: 19px;
+    font-size: 12px;
+    background-color: white;
+    margin-bottom: 5px;
+    border: 0;
+}
+
+/*
+ * other boxes
+ */
+div.box {
+    margin: 20px 0;
+    position: relative;
+}
+
+div.box h2,
+h2.line {
+    /* h2 is title with line */
+    padding-bottom: 5px;
+    border-bottom: 3px solid #dccbae;
+    margin-bottom: 5px;
+}
+
+div.box.line,
+div.line {
+    border-bottom: 1px solid #dccbae;
+}
+
+div.box h3 {
+    /* h3 is subtitle/type */
+    font-size: 12px;
+    color: #6a4d3c;
+}
+
+div.box h3 + h2 {
+    /* directly over h2 */
+    margin-top: 0;
+}
+
+/*
+ * small box with thumbnail
+ */
+div.mini {
+    padding: 10px 0;
+    /* line-height: 1; */
+}
+
+div.row.quintuple div.mini {
+    max-width: 122px;
+    font-size: 11px;
+}
+
+div.mini div.thumb {
+    background-color: #f8f8f8;
+    text-align: center;
+    margin-top: 0.5em;
+}
+div.mini div.thumb:first-child {
+    margin-top: 0;
+}
+div.row.quintuple div.mini div.thumb img {
+    width: 120px;
+    height: 75px;
+}
+
+div.row.triple div.mini {
+    width: 140px;
+}
+
+div.row.triple div.mini div.thumb img {
+    width: 140px;
+    height: 87px;
+}
+
+div.row.triple div.mini.source div.thumb img {
+    /* thumb size for sources given by digilib */
+    width: auto;
+    height: auto;
+}
+
+div.row.double div.mini div.thumb img {
+    height: 180px;
+}
+
+div.mini div.type {
+    color: #9f917a;
+    margin-top: 0.5em;
+}
+
+div.mini div.title {
+    margin-top: 0.5em;
+}
+
+div.mini div.author {
+    color: #3b4186;
+    margin-top: 0.5em;
+}
+
+div.mini div.link {
+    margin-top: 0.5em;
+}
+
+div.mini h2 {
+    /* e.g. title for mini-books */
+    font-size: 14px;
+}
+
+div.mini.website div.description {
+    /* initially hidden */
+    display: none;
+}
+
+div.box.foldable div.fold {
+    /* initially hidden */
+    display: none;
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    /* TODO: this should be an image */
+    background-color: #ee7f2d;
+    color: white;
+    font-size: 14px;
+}
+
+/* 
+ * slider buttons 
+ */
+div.box div.slider {
+    position: absolute;
+    top: 110px;
+    width: 16px;
+    height: 18px;
+}
+
+div.box div.slider.prev {
+    left: 0;
+}
+
+div.box div.slider.next {
+    right: 0;
+    text-align: right;
+}
+
+/* 
+ * paragraph with line
+ */
+div.item {
+    padding-top: 5px;
+    padding-bottom: 5px;
+    border-bottom: 1px solid #dccbae;
+    line-height: 1.5;
+}
+
+/*
+ * pubman references
+ */
+.reference .Italic {
+    font-style: italic;
+}
+
+
+/*
+ * table with items (articles)
+ */
+table.items {
+    /* no space between cells */
+    border-collapse: collapse;
+}
+
+table.items td {
+    vertical-align: top;
+    text-align: left;
+    line-height: 1.5;
+    padding: 1em 1em 0.5em 0;
+}
+table.items td:last-child {
+    padding-right: 0;
+}
+table.items.shorter td {
+    padding: 0.5em 0.5em 0.5em 0;
+}
+
+table.items th {
+    font-family: Georgia, Times, serif;
+    font-size: 16px;
+    font-weight: normal;
+    font-style: italic;
+    color: #887163;
+    text-align: left;
+    border-bottom: 3px solid #dccbae;
+}
+
+table.items h2 {
+    border-bottom: 3px solid #dccbae;
+    margin-bottom: 0;
+}
+table.items h2 a {
+    color: inherit;
+    font-weight: inherit;
+    text-decoration: none;    
+}
+
+table.items img.thumb {
+    width: 55px;
+    height: 34px;
+}
+
+table.items td.line,
+table.items tr.line td {
+    border-bottom: 1px solid #dccbae;
+}
+
+table.items td.topline,
+table.items tr.topline td {
+    border-top: 1px solid #dccbae;
+}
+
+table.items tr.last_item td {
+    /* last_item has no padding-top */
+    padding: 0 0 0.5em 0;
+}
+
+table.items h3.fold_head {
+    font-size: 12px;
+    background-color: #f6f2eb;
+    padding: 3px;
+}
+
+table.items h3.fold_head img {
+    margin: 0 5px 0 3px;
+}
+
+table.items div.fold_body {
+    /* e.g. preprint abstracts */
+    padding: 0.5em 0 0 20px;
+}
+
+ul.items {
+    list-style-type: none;
+    padding: 0;
+}
+
+ul.items li {
+    padding: 0 0 0.5em 20px;    
+    border-bottom: 3px solid #dccbae;
+    margin-bottom: 0.5em;
+}
+
+ul.items .fold_head {
+    text-indent: -20px;
+}
+ul.items .fold_head img.fold_open,
+ul.items .fold_head img.fold_closed {
+    padding-right: 5px;
+}
+
+ul.items .type {
+    /* font-size: 11px; */
+    color: #696968;
+}
+
+ul.items h2 {
+    font-size: 12px;
+}
+
+ul.items td.key {
+    color: #3b4186;
+}
+
+.foldable img.fold_closed {
+    /* fold is initially open */
+    display: none;
+}
+
+
+/*
+ * hierarchical list (of projects)
+ */
+div.hierlist h2 {
+    text-indent: -20px;
+    padding-left: 20px;
+    padding-bottom: 5px;
+    border-bottom: 3px solid #dccbae;
+    margin-bottom: 0;
+}
+
+div.hierlist h2 img {
+    padding: 0 3px 3px 3px; 
+}
+
+div.hierlist h2 a {
+    color: inherit;
+    font-weight: inherit;
+    text-decoration: none;
+}
+
+div.hierlist ul {
+    list-style-type: none;
+    padding: 0 0 10px 0;
+    margin: 0;
+    border-bottom: 1px solid #dccbae;
+}
+
+div.hierlist li {
+    padding: 5px 0 5px 16px;
+    text-indent: -13px;
+}
+
+div.hierlist li a {
+    /* icon is more distant from text */
+    padding-left: 13px;
+}
+
+div.hierlist li.indent {
+    padding-bottom: 10px;
+    border-bottom: 1px solid #dccbae;
+    margin-bottom: 5px;
+}
+
+div.hierlist li.level_1 {
+    font-size: 14px;
+}
+
+div.hierlist li.level_2 {
+    font-weight: bold;
+    margin-left: 20px;
+}
+
+div.hierlist li.level_3 {
+    margin-left: 40px;
+}
+
+div.hierlist li.level_4 {
+    margin-left: 60px;
+}
+
+div.hierlist li.level_5 {
+    margin-left: 80px;
+}
+
+
+/*
+ * figures (in project descriptions and features)
+ */
+div.figure,
+div.image_small {
+    float: left;
+    width: 230px;
+    padding: 0.5em 1em 0 0;
+}
+div.image_small.right {
+    float: right;
+    padding: 0.5em 0 0 1em;
+}
+div.figure div.image img,
+div.image_small img {
+    width: 230px;
+}
+div.figure div.figcaption,
+div.banner_large div.caption,
+div.image_small div.caption {
+    font-size: 10px;
+    line-height: 1.5;
+    color: #9f917a;
+    margin-top: 0.5em;
+}
+div.banner_large img {
+    width: 460px;
+}
+
+/*
+ * project description and feature
+ */
+h3.authors {
+    margin-top: 0.5em;
+}
+
+p.maintext_authors {
+    font-size: 14px;
+    color: #3b4186;
+}
+
+div.description {
+    margin-top: 0.5em;
+    line-height: 1.5;
+}
+
+h2.type {
+    color: #9f917a;
+}
+
+/*
+ * feature story archive
+ */
+ul.items.features li {
+    padding: 0 0 0.5em 0;
+    border-bottom: 1px solid #dccbae;
+}
+ul.items.features .thumb {
+    float:left;
+    padding: 8px 10px 0 0;
+}
+ul.items.features .thumb img {
+    width: 55px;
+    height: 34px;
+}
+ul.items.features .feature_number {
+    font-family: Georgia, Times, serif;
+    font-size: 24px;
+    color: #696968;
+}
+ul.items.features .date {
+    font-size: 11px;
+    color: #696968;
+}
+ul.items.features h1 {
+    font-size: 12px;
+    font-weight: bold;
+    margin: 0;
+}
+
+/* 
+ * sidebar 
+ */
+div.sidebar {
+    display: table-cell;
+    width: 220px;
+    border-top: 3px solid #dccbae;
+    background-color: white;
+    padding: 20px 10px 20px 0;
+}
+
+div.sideblock h2 {
+    position: relative;
+    font-size: 12px;
+    margin-top: 20px;
+    padding-bottom: 5px;
+    border-bottom: 3px solid #dccbae;
+    margin-bottom: 0;
+}
+
+div.sideblock:first-child h2 {
+    margin-top: 0;
+}
+
+div.sideblock h3 {
+    font-size: 12px;
+    margin-top: 5px;
+    padding-bottom: 5px;
+    border-bottom: 1px solid #dccbae;
+}
+
+/* like sidebar without line */
+div.sidebox {
+    width: 220px;
+    padding: 0 0 20px 0;
+}
+
+/*
+ * project sidebars
+ */
+div.sideblock h2 .proj_state {
+    position: absolute;
+    right: 0;
+}
+
+div.sideblock .project {
+    background: url(../images/internal.png) no-repeat scroll 6px 11px #F5DAAF;
+    border-bottom: 1px solid #F3BE7C;
+    padding: 6px 6px 6px 20px;
+}
+div.sideblock .project.inactive {
+    background: url(../images/internal.png) no-repeat scroll 6px 11px #f6e6cc;
+}
+div.sideblock .project.parent {
+    background: url(../images/up.png) no-repeat scroll 6px 11px #F9F4E1;
+    border-bottom: 1px solid #DCCBAE;
+    color: #666666;
+}
+div.sideblock .project a {
+    color: #333;
+}
+
+/*
+ * special sideblocks
+ */
+div.sideblock .item.link, 
+div.sideblock .item.internal {
+    background: url(../images/internal.png) 0 11px no-repeat;
+    padding-left: 10px;
+}
+
+div.sideblock .item.external {
+    background: url(../images/external.png) 0 11px no-repeat;
+    padding-left: 13px;
+}
+
+div.sideblock .item.download {
+    background: url(../images/download.png) 0 8px no-repeat;
+    padding-left: 15px;
+}
+
+div.sideblock .item.thumb img {
+    width: 55px;
+    height: 34px;
+}
+div.sideblock .item.thumb .text {
+    padding-left: 0.5em;
+}
+
+/*
+ * footer
+ */
+#footer {
+    position: relative;
+    height: 50px;
+    border-top: 1px solid #dccbae;
+    padding-top: 8px;
+    margin-top: 29px;
+}
+
+#footer div.text {
+    display: inline-block;
+    color: #d45a00;
+    font-size: 11px;
+}
+
+#footer div.logo {
+    display: inline-block;
+    position: absolute;
+    right: 0;
+}
+
+#footer div.logo img {
+    width: 204px;
+    height: 41px;
+}
+/* extension */
+
+#header div.title {
+ width: 750px;
+ top: 15px;
+   
+}
+
+#header div.logo img {
+    width: 100%;
+    height: 100px;
+    
+}

Binary file logo.png has changed

Binary file logo_BW.png has changed

Binary file logo_old.png has changed

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/main_template.zpt	Fri Jun 20 09:39:25 2014 +0200
@@ -0,0 +1,108 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" metal:define-macro="page"
+  tal:define="root here/MPIWGrootURL|here/en/MPIWGrootURL; 
+                  crumbs template/getBreadcrumbs | nothing;
+                  section here/getSection | nothing;
+                  sections here/getSections | nothing;
+                  lang here/getLang | nothing;
+                  allsecs python:{'en':{
+                    'institute':'institute',
+                    'staff':'staff',
+                    'research':'research',
+                    'resources':'resources',
+                    'news':'news'},
+                  'de':{
+                    'institute':'institut',
+                    'staff':'mitarbeiter',
+                    'research':'forschung',
+                    'resources':'ressourcen',
+                    'news':'aktuelles'}};
+                  secmap python:allsecs[lang];
+                  subsection python:template.getSubSection(crumbs=crumbs);
+                  ">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title metal:define-slot="title">Max Planck Institute for the History of Science</title>
+<link rel="stylesheet" type="text/css" tal:attributes="href string:$root/mpiwg_css" />
+<link rel="shortcut icon" href="http://www.mpiwg-berlin.mpg.de/favicon.ico" />
+<tal:block metal:define-slot="head" />
+</head>
+<body>
+  <div tal:condition="exists:here/mpiwg_test" tal:replace="structure here/mpiwg_test" />
+  <div id="wrapper">
+    <div id="header">
+      <div class="title">
+        <a tal:attributes="href string:$root/index.html"><img tal:attributes="src string:$root/images/title.png"
+          alt="Max Planck Institute for the History of Science" /></a>
+      </div>
+      <div class="logo">
+        <a tal:attributes="href string:$root/index.html"><img tal:attributes="src string:$root/images/logo.png" alt="MPIWG Logo" /></a>
+      </div>
+    </div>
+
+    <div id="mainnav">
+      <ul>
+        <li tal:repeat="sec sections" tal:attributes="class python:test(sec.getId()==section,'sec on','sec')"><a
+          tal:attributes="href sec/absolute_url" tal:content="sec/title">Institute</a></li>
+        <li class="sec lang"><a class="internal" tal:attributes="href string:$root/../de">Deutsch</a></li>
+      </ul>
+    </div>
+
+    <div id="breadcrumbs" metal:define-slot="breadcrumbs">
+      <a tal:attributes="href root">Home</a> &gt;
+      <tal:block tal:repeat="crumb crumbs | nothing">
+        <tal:block tal:condition="not:repeat/crumb/end">
+          <a tal:attributes="href python:crumb[1]" tal:content="python:crumb[0]">News</a> &gt;
+            </tal:block>
+        <tal:block tal:condition="repeat/crumb/end">
+          <span class="selected"> <a tal:attributes="href python:crumb[1]" tal:content="python:crumb[0]">News</a>
+          </span>
+        </tal:block>
+      </tal:block>
+    </div>
+
+    <div id="mainrow" metal:define-slot="mainrow">
+      <div class="leftbox" metal:define-slot="leftbox">
+        <div class="subnav" metal:define-slot="subnav">
+          <ul tal:condition="crumbs">
+            <li tal:repeat="subnav python:here.subNav(here)"
+              tal:attributes="class python:test(subnav[0]==subsection,'sn_on','sn_off')"><a
+              tal:attributes="href python:subnav[1].absolute_url()" tal:content="python:subnav[1].title">Subnav</a></li>
+          </ul>
+        </div>
+        <div class="subnavbox" metal:define-slot="subnavbox"></div>
+      </div>
+      <!-- /leftbox -->
+      <div class="main content" metal:define-slot="main">
+
+        <div class="center" metal:define-slot="center"></div>
+        <!-- /center -->
+
+      </div>
+      <!-- /main -->
+
+      <metal:block metal:define-slot="sidebar" />
+      <!-- /sidebar -->
+
+    </div>
+    <!-- /maincontent -->
+
+    <div id="footer">
+      <div class="text">
+        <a tal:attributes="href string:$root/resources/intranet.html">Intranet</a> | <a href="https://webmail.mpiwg-berlin.mpg.de"
+          target="_blank">Webmail</a> | <a tal:attributes="href string:$root/institute/address.html">Contact</a> | <a
+          tal:attributes="href string:$root/impressum.html">Imprint</a> | <a
+          tal:attributes="href python:'http://www2.mpiwg-berlin.mpg.de/Library/libindex.html'" target="_blank">Library
+          (internal)</a> | <a tal:attributes="href string:$root/institute/sitemap.html">Sitemap</a>
+      </div>
+      <div class="logo">
+        <a href="http://www.mpg.de/"> <img tal:attributes="src string:$root/images/signet.png" alt="MPG" width="204" height="41" />
+        </a>
+      </div>
+    </div>
+    <!-- /footer -->
+  </div>
+  <!-- /wrapper -->
+</body>
+</html>

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/mpiwg.info	Fri Jun 20 09:39:25 2014 +0200
@@ -0,0 +1,12 @@
+name = MPIWG
+description = MPIWG  theme
+package = Core
+version = VERSION
+core = 7.x
+stylesheets[all][] = layout.css
+
+; Information added by drupal.org packaging script on 2013-02-20
+version = "7.20"
+project = "drupal"
+
+

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/node--fm_search_page.tpl.php	Fri Jun 20 09:39:25 2014 +0200
@@ -0,0 +1,39 @@
+<?php
+?>
+
+<h2>Search page</h2>
+
+<form method="get" action="../dbconnect/search">
+
+<div id="node-<?php print $node->nid; ?>" class="<?php print $classes; ?>"<?php print $attributes; ?>>
+  <?php print $user_picture; ?>
+  <?php print render($title_prefix); ?>
+  <?php if (!$page): ?>
+    <h2<?php print $title_attributes; ?>><a href="<?php print $node_url; ?>"><?php print $title; ?></a></h2>
+  <?php endif; ?>
+  <?php print render($title_suffix); ?>
+  <?php if ($display_submitted): ?>
+    <span class="submitted"><?php print $submitted ?></span>
+  <?php endif; ?>
+  <div class="content clearfix"<?php print $content_attributes; ?>>
+    <?php
+      // We hide the comments and links now so that we can render them later.
+      hide($content['comments']);
+      hide($content['links']);
+      print render($content);
+    ?>
+  </div>
+
+  <div class="clearfix">
+    <?php if (!empty($content['links'])): ?>
+      <div class="links"><?php print render($content['links']); ?></div>
+    <?php endif; ?>
+
+    <?php print render($content['comments']); ?>
+  </div>
+
+</div>
+
+
+<input type="submit"/>
+</form>

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/node.tpl.php	Fri Jun 20 09:39:25 2014 +0200
@@ -0,0 +1,43 @@
+<?php
+?>
+<div id="node-<?php print $node->nid; ?>" class="<?php print $classes; ?>"<?php print $attributes; ?>>
+  <?php print $user_picture; ?>
+  <?php print render($title_prefix); ?>
+  <?php if (!$page): ?>
+    <h2<?php print $title_attributes; ?>><a href="<?php print $node_url; ?>"><?php print $title; ?></a></h2>
+  <?php endif; ?>
+  <?php print render($title_suffix); ?>
+  <?php if ($display_submitted): ?>
+    <span class="submitted"><?php print $submitted ?></span>
+  <?php endif; ?>
+
+
+  <?php if($node->type != 'blog'):?>
+    <?php //want node references already at the beginning
+    if (!empty($content['links']['nodereference_url'])): ?>
+    <div class="clearfix nodereference-top">
+      <div class="links"><?php print render($content['links']['nodereference_url']); ?></div>
+    </div>
+   <?php endif; ?>
+<?php endif;?>
+
+  <div class="content clearfix"<?php print $content_attributes; ?>>
+    <?php
+      // We hide the comments and links now so that we can render them later.
+      hide($content['comments']);
+      hide($content['links']);
+      print render($content);
+    ?>
+  </div>
+
+  <div class="clearfix">
+    <?php if (!empty($content['links'])): ?>
+      <div class="links"><?php print render($content['links']); ?></div>
+    <?php endif; ?>
+
+    <?php print render($content['comments']); ?>
+  </div>
+
+
+
+</div>

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/page.tpl.php	Fri Jun 20 09:39:25 2014 +0200
@@ -0,0 +1,157 @@
+<?php print render($page['header']); ?>
+<div id="wrapper">
+	<div id="container" class="clearfix">
+		<div id="mpiwg_link">
+			<a href="http://www.mpiwg-berlin.mpg.de/en"><b>&#171;</b> Max Planck
+				Institute for the History of Science</a>
+		</div>
+
+		<div id="header">
+
+			<div class="title">
+			  <?php if ($logo!=''):?>
+              <div class="logo_left">
+              <?php if (user_access("view restricted content")):?>
+	            <div class="mpiwg_internal_view">INTERNAL VIEW</div>
+	            <?php endif;?>
+				<a href="<?php print theme_get_setting('mpiwg_logo_link') ?>"> <img  class="logo_left"
+					src="<?php print $logo ?>"
+					alt="<?php print $site_name_and_slogan ?>"
+					title="<?php print $site_name_and_slogan ?>" id="logo" />
+				</a>
+				</div>
+				<?php endif;?>
+
+
+
+			    <?php if (isset($node) && ( ($node->type == "enterprise_event") || ($node->type == "project_description") ) ):?>
+
+					<?php print render($title_prefix); ?>
+					<?php if(substr($title,0,1) != "_"): ?>
+					<h1 <?php print $tabs ? ' class="with-tabs"' : '' ?>>
+
+						<?php print $title ?>
+
+					</h1>
+                    <?php if (isset($node->field_subtitle['und'][0]['value'])): ?>
+					<?php print $node->field_subtitle['und'][0]['value'] ?>
+					<?php endif;?>
+					<?php endif; ?>
+
+				<?php else: ?>
+                <h1>
+					<a href="<?php print $front_page ?>"> <?php print $site_name ?>
+					</a>
+				</h1>
+				<h2>
+					<?php print $site_slogan ?>
+				</h2>
+				<?php endif;?>
+
+			</div>
+			<div class="logo">
+				<a href="<?php print theme_get_setting('mpiwg_logo_link') ?>"> <img
+					src="<?php print $MPIWGlogo ?>"
+					alt="<?php print $site_name_and_slogan ?>"
+					title="<?php print $site_name_and_slogan ?>" id="logo" />
+				</a>
+
+
+			</div>
+		</div>
+
+	</div>
+	<!-- /#header -->
+	<div id="mainnav">
+
+			<?php if ($primary_nav): print $primary_nav; endif; ?>
+
+			<!--<li tal:repeat="sec sections" tal:attributes="class python:test(sec.getId()==section,'sec on','sec')"><a
+          tal:attributes="href sec/absolute_url" tal:content="sec/title">Institute</a></li>-->
+			<!--<li class="sec lang"><a class="internal" tal:attributes="href string:$root/../de">Deutsch</a></li>-->
+
+	</div>
+	<!-- /#mainnav-->
+
+
+
+	<div id="mainrow">
+		<?php if ($page['sidebar_first']): ?>
+		<div id="leftbox" class="leftbox">
+			<?php print render($page['sidebar_first']); ?>
+		</div>
+		<?php endif; ?>
+
+		<div class="main">
+			<div id="center">
+
+
+				<!--<?php print $breadcrumb; ?>-->
+				<?php if ($page['highlighted']): ?>
+				<div id="highlighted">
+					<?php print render($page['highlighted']); ?>
+				</div>
+				<?php endif; ?>
+				<a id="main-content"></a>
+				<?php if ($tabs): ?>
+				<div id="tabs-wrapper" class="clearfix">
+					<?php endif; ?>
+
+
+					<?php if (isset($node) && ($node->type != "enterprise_event")  &&  ($node->type!="project_description")):?>
+
+					<?php print render($title_prefix); ?>
+					<?php if(substr($title,0,1) != "_"): ?>
+					<h1 <?php print $tabs ? ' class="with-tabs"' : '' ?>>
+
+						<?php print $title ?>
+
+					</h1>
+					<?php endif; ?>
+
+					<?php endif; ?>
+					<?php print render($title_suffix); ?>
+					<?php if ($tabs): ?>
+					<?php print render($tabs); ?>
+				</div>
+				<?php endif; ?>
+				<?php print render($tabs2); ?>
+				<?php print $messages; ?>
+				<?php print render($page['help']); ?>
+				<?php if ($action_links): ?>
+				<ul class="action-links">
+					<?php print render($action_links); ?>
+				</ul>
+				<?php endif; ?>
+				<div class="clearfix">
+					<?php print render($page['content']); ?>
+				</div>
+
+			</div>
+			<!--/#center -->
+
+		</div>
+		<!-- .main.content-->
+		<?php if ($page['sidebar_second']): ?>
+		<div id="sidebar" class="sidebar">
+			<!--  <div id="sideblock" class="sideblock">-->
+				<?php print render($page['sidebar_second']); ?>
+			<!--  </div>-->
+		</div>
+		<?php endif; ?>
+
+
+
+	</div>
+	<!-- #mainrow-->
+
+	<!-- footer-->
+	<div id="footer">
+		<?php print $feed_icons ?>
+		<?php print render($page['footer']); ?>
+	</div>
+	<!-- #footer-->
+</div>
+<!-- /#container -->
+</div>
+<!-- /#wrapper -->