diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/layout/navigation.xml b/ccm-sci-bundle/web/themes/mandalay-yaml/layout/navigation.xml
index 49b470064..30edcc3e1 100755
--- a/ccm-sci-bundle/web/themes/mandalay-yaml/layout/navigation.xml
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/layout/navigation.xml
@@ -28,6 +28,8 @@
+
layout/page/header/title
-
0
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/lib/html5shiv.js b/ccm-sci-bundle/web/themes/mandalay-yaml/lib/html5shiv.js
new file mode 100644
index 000000000..448cebd79
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/lib/html5shiv.js
@@ -0,0 +1,8 @@
+/*
+ HTML5 Shiv v3.7.0 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+*/
+(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
+a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/[\w\-]+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x";
+c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<!--[if lt IE 9]>
+<script src="{$theme-prefix}/lib/html5shiv.js"/>
+<![endif]-->
+
+
+
+
+
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/accessible-tabs/jquery.tabs.js b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/accessible-tabs/jquery.tabs.js
new file mode 100644
index 000000000..487ebdda8
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/accessible-tabs/jquery.tabs.js
@@ -0,0 +1,266 @@
+/**
+ * Accessible Tabs - jQuery plugin for accessible, unobtrusive tabs
+ * Build to seemlessly work with the CCS-Framework YAML (yaml.de) not depending on YAML though
+ * @requires jQuery - tested with 1.9.1, 1.7 and 1.4.2 but might as well work with older versions
+ *
+ * english article: http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php
+ * german article: http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-Wie-man-Tabs-WIRKLICH-zugaenglich-macht.php
+ *
+ * code: http://github.com/ginader/Accessible-Tabs
+ * please report issues at: http://github.com/ginader/Accessible-Tabs/issues
+ *
+ * Copyright (c) 2007 Dirk Ginader (ginader.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ */
+
+(function($) {
+ var debugMode = true;
+ $.fn.extend({
+ // We assume there could be multiple sets of tabs on a page, so,
+ // the unique id for each invididual tab's heading is identified with params q and r (e.g., id="accessibletabscontent0-2")
+ getUniqueId: function(p, q, r){
+ if (r===undefined) {r='';} else {r='-'+r;}
+ return p + q + r;
+ },
+ accessibleTabs: function(config) {
+ var defaults = {
+ wrapperClass: 'content', // Classname to apply to the div that is wrapped around the original Markup
+ currentClass: 'current', // Classname to apply to the LI of the selected Tab
+ tabhead: 'h4', // Tag or valid Query Selector of the Elements to Transform the Tabs-Navigation from (originals are removed)
+ tabheadClass: 'tabhead', // Classname to apply to the target heading element for each tab div
+ tabbody: '.tabbody', // Tag or valid Query Selector of the Elements to be treated as the Tab Body
+ fx:'show', // can be "fadeIn", "slideDown", "show"
+ fxspeed: 'normal', // speed (String|Number): "slow", "normal", or "fast") or the number of milliseconds to run the animation
+ currentInfoText: 'current tab: ', // text to indicate for screenreaders which tab is the current one
+ currentInfoPosition: 'prepend', // Definition where to insert the Info Text. Can be either "prepend" or "append"
+ currentInfoClass: 'current-info', // Class to apply to the span wrapping the CurrentInfoText
+ tabsListClass:'tabs-list', // Class to apply to the generated list of tabs above the content
+ syncheights:false, // syncs the heights of the tab contents when the SyncHeight plugin is available http://blog.ginader.de/dev/jquery/syncheight/index.php
+ syncHeightMethodName:'syncHeight', // set the Method name of the plugin you want to use to sync the tab contents. Defaults to the SyncHeight plugin: http://github.com/ginader/syncHeight
+ cssClassAvailable:false, // Enable individual css classes for tabs. Gets the appropriate class name of a tabhead element and apply it to the tab list element. Boolean value
+ saveState:false, // save the selected tab into a cookie so it stays selected after a reload. This requires that the wrapping div needs to have an ID (so we know which tab we're saving)
+ autoAnchor:false, // will move over any existing id of a headline in tabs markup so it can be linked to it
+ pagination:false, // adds buttons to each tab to switch to the next/previous tab
+ position:'top', // can be 'top' or 'bottom'. Defines where the tabs list is inserted.
+ wrapInnerNavLinks: '', // inner wrap for a-tags in tab navigation. See http://api.jquery.com/wrapInner/ for further informations
+ firstNavItemClass: 'first', // Classname of the first list item in the tab navigation
+ lastNavItemClass: 'last', // Classname of the last list item in the tab navigation
+ clearfixClass: 'clearfix' // Name of the Class that is used to clear/contain floats
+ };
+ var keyCodes = {
+ 37 : -1, //LEFT
+ 38 : -1, //UP
+ 39 : +1, //RIGHT
+ 40 : +1 //DOWN
+ };
+ var positions = {
+ top : 'prepend',
+ bottom : 'append'
+ };
+ this.options = $.extend(defaults, config);
+
+ var tabsCount = 0;
+ if($("body").data('accessibleTabsCount') !== undefined){
+ tabsCount = $("body").data('accessibleTabsCount');
+ }
+ $("body").data('accessibleTabsCount',this.size()+tabsCount);
+
+ var o = this;
+ return this.each(function(t) {
+ var el = $(this);
+ var list = '';
+ var tabCount = 0;
+ var ids = [];
+
+ $(el).wrapInner('
');
+
+ $(el).find(o.options.tabhead).each(function(i){
+ var id = '';
+ var elId = $(this).attr('id');
+ if(elId){
+ // Skip this item if it already exists.
+ if(elId.indexOf('accessibletabscontent') === 0) {
+ return;
+ }
+ id =' id="'+elId+'"';
+ }
+ var tabId = o.getUniqueId('accessibletabscontent', tabsCount+t, i);//get a unique id to assign to this tab's heading
+ var navItemId = o.getUniqueId('accessibletabsnavigation', tabsCount+t, i);//get a unique id for this navigation item
+ ids.push(tabId);
+ if(o.options.cssClassAvailable === true) {
+ var cssClass = '';
+ if($(this).attr('class')) {
+ cssClass = $(this).attr('class');
+ cssClass = ' class="'+cssClass+'"';
+ }
+ list += ''+$(this).html()+' '+$(this).html()+' '+o.options.currentInfoText+' ')
+ .parents("ul."+o.options.tabsListClass).children('li:last').addClass(o.options.lastNavItemClass);
+
+ if (o.options.wrapInnerNavLinks) {
+ $(el).find('ul.'+o.options.tabsListClass+'>li>a').wrapInner(o.options.wrapInnerNavLinks);
+ }
+
+ $(el).find('ul.'+o.options.tabsListClass+'>li>a').each(function(i){
+ $(this).click(function(event){
+ event.preventDefault();
+ el.trigger("showTab.accessibleTabs", [$(event.target)]);
+ if(o.options.saveState && $.cookie){
+ $.cookie('accessibletab_'+el.attr('id')+'_active',i);
+ }
+ $(el).find('ul.'+o.options.tabsListClass+'>li.'+o.options.currentClass).removeClass(o.options.currentClass)
+ .find("span."+o.options.currentInfoClass).remove();
+ $(this).blur();
+ $(el).find(o.options.tabbody+':visible').hide();
+ $(el).find(o.options.tabbody).eq(i)[o.options.fx](o.options.fxspeed);
+ $(this)[o.options.currentInfoPosition](''+o.options.currentInfoText+' ')
+ .parent().addClass(o.options.currentClass);
+ //now, only after writing the currentInfoText span to the tab list link, set focus to the tab's heading
+
+ $($(this).attr("href")).focus().keyup(function(event){
+ if(keyCodes[event.keyCode]){
+ o.showAccessibleTab(i+keyCodes[event.keyCode]);
+ $(this).unbind( "keyup" );
+ }
+ });
+
+ // $(el).find('.accessibletabsanchor').keyup(function(event){
+ // if(keyCodes[event.keyCode]){
+ // o.showAccessibleTab(i+keyCodes[event.keyCode]);
+ // }
+ // });
+ });
+
+ $(this).focus(function(){
+ $(document).keyup(function(event){
+ if(keyCodes[event.keyCode]){
+ o.showAccessibleTab(i+keyCodes[event.keyCode]);
+ }
+ });
+ });
+ $(this).blur(function(){
+ $(document).unbind( "keyup" );
+ });
+
+ });
+
+ if(o.options.saveState && $.cookie){
+ var savedState = $.cookie('accessibletab_'+el.attr('id')+'_active');
+ debug($.cookie('accessibletab_'+el.attr('id')+'_active'));
+ if(savedState !== null){
+ o.showAccessibleTab(savedState,el.attr('id'));
+ }
+ }
+
+ if(o.options.autoAnchor && window.location.hash){
+ var anchorTab = $('.'+o.options.tabsListClass).find(window.location.hash);
+ if(anchorTab.size()){
+ anchorTab.click();
+ }
+ }
+
+ if(o.options.pagination){
+ var m = '';
+ var tabs = $(el).find('.tabbody');
+ var tabcount = tabs.size();
+ tabs.each(function(idx){
+ $(this).append(m);
+ var next = idx+1;
+ if(next>=tabcount){next = 0;}
+ var previous = idx-1;
+ if(previous<0){previous = tabcount-1;}
+ var p = $(this).find('.pagination');
+ var previousEl = p.find('.previous');
+ previousEl.find('span').text($('#'+ids[previous]).text());
+ previousEl.find('a').attr('href','#'+ids[previous])
+ .click(function(event){
+ event.preventDefault();
+ $(el).find('.tabs-list a').eq(previous).click();
+ });
+ var nextEl = p.find('.next');
+ nextEl.find('span').text($('#'+ids[next]).text());
+ nextEl.find('a').attr('href','#'+ids[next])
+ .click(function(event){
+ event.preventDefault();
+ $(el).find('.tabs-list a').eq(next).click();
+ });
+ });
+ }
+ });
+ },
+ showAccessibleTab: function(index,id){
+ debug('showAccessibleTab');
+ var o = this;
+ if(id) {
+ var el = $('#'+id);
+ var links = el.find('ul.'+o.options.tabsListClass+'>li>a');
+ el.trigger("showTab.accessibleTabs", [links.eq(index)]);
+ links.eq(index).click();
+ } else {
+ return this.each(function() {
+ var el = $(this);
+ el.trigger("showTab.accessibleTabs");
+ var links = el.find('ul.'+o.options.tabsListClass+'>li>a');
+ el.trigger("showTab.accessibleTabs", [links.eq(index)]);
+ links.eq(index).click();
+ });
+ }
+ },
+ showAccessibleTabSelector: function(selector){
+ debug('showAccessibleTabSelector');
+ var el = $(selector);
+ if(el){
+ if(el.get(0).nodeName.toLowerCase() === 'a'){
+ el.click();
+ }else{
+ debug('the selector of a showAccessibleTabSelector() call needs to point to a tabs headline!');
+ }
+ }
+ }
+ });
+ // private Methods
+ function debug(msg,info){
+ if(debugMode && window.console && window.console.log){
+ if(info){
+ window.console.log(info+': ',msg);
+ }else{
+ window.console.log(msg);
+ }
+ }
+ }
+})(jQuery);
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/accessible-tabs/tabs.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/accessible-tabs/tabs.css
new file mode 100644
index 000000000..555a6bd70
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/accessible-tabs/tabs.css
@@ -0,0 +1,136 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ * (en) Styles for Accessible-Tabs plugin for jQuery
+ * (de) Gestaltung des Acessible-Tabs Plugins für jQuery
+ *
+ * @copyright © 2005-2013, Dirk Jesse
+ * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ * YAML-CDL (http://www.yaml.de/license.html)
+ * @link http://www.yaml.de
+ * @package yaml
+ * @version 4.1.2
+ */
+@media screen, projection {
+ .jquery_tabs {
+ margin: 0 0 1.5em 0;
+ }
+ .jquery_tabs ul.tabs-list {
+ font-size: 1em;
+ display: table;
+ table-layout: fixed;
+ list-style-type: none;
+ margin: 0;
+ position: relative;
+ z-index: 1;
+ }
+ .jquery_tabs ul.tabs-list li {
+ margin: 0 4px 0 0;
+ border: 0 none;
+ display: inline;
+ float: left;
+ padding: 0;
+ }
+ .jquery_tabs ul.tabs-list li a {
+ font-size: 1em;
+ line-height: 1.5;
+ padding: 0.75em;
+ background: transparent;
+ display: block;
+ float: left;
+ font-weight: normal;
+ margin: 0;
+ }
+ .jquery_tabs ul.tabs-list li a:focus, .jquery_tabs ul.tabs-list li a:hover, .jquery_tabs ul.tabs-list li a:active {
+ background: #eee;
+ border-radius: 0.2em 0.2em 0 0;
+ color: #000;
+ font-weight: normal;
+ outline: 0 none;
+ text-decoration: none;
+ }
+ .jquery_tabs ul.tabs-list li.current a,
+ .jquery_tabs ul.tabs-list li.current a:focus,
+ .jquery_tabs ul.tabs-list li.current a:hover,
+ .jquery_tabs ul.tabs-list li.current a:active {
+ background: #fff;
+ border: 1px #ccc solid;
+ border-radius: 0.2em 0.2em 0 0;
+ color: #000;
+ border-bottom: 0 none;
+ font-weight: bold;
+ text-decoration: none;
+ }
+ .jquery_tabs .content {
+ border-top: 1px #ccc solid;
+ clear: both;
+ padding: 0;
+ position: relative;
+ top: -1px;
+ margin-bottom: -1px;
+ }
+
+ /* hiding texts visually */
+ .jquery_tabs .tabhead {
+ position: absolute;
+ left: -32768px;
+ }
+
+ .jquery_tabs .current-info,
+ .jquery_tabs .accessibletabsanchor {
+ left: -999em;
+ position: absolute;
+ }
+
+ /** Avoid margin collapsing to enable correct sync of all tabs
+ *
+ * @workaround
+ * @affected all browsers
+ * @css-for all browsers
+ * @valid yes
+ */
+ .jquery_tabs .tab-content {
+ border-bottom: 1px transparent solid;
+ border-top: 1px transparent solid;
+ padding-top: 1.5em;
+ *overflow: hidden;
+ }
+
+ /** Containing floats adjustment and stability fixes for Internet Explorer
+ *
+ * @workaround
+ * @affected IE 5.x/Win, IE6, IE7
+ * @css-for IE 5.x/Win, IE6, IE7
+ * @valid no
+ */
+ * html .jquery_tabs {
+ zoom: 1;
+ width: auto;
+ position: relative;
+ }
+ * html .jquery_tabs .tab-content {
+ border-bottom: 1px #fff solid;
+ border-top: 1px #fff solid;
+ }
+ * html .jquery_tabs .content {
+ z-index: -1;
+ }
+
+ * + html .jquery_tabs {
+ zoom: 1;
+ width: auto;
+ }
+
+ .jquery_tabs * {
+ zoom: 1;
+ }
+}
+/* Make tabs printable */
+@media print {
+ .jquery_tabs .tabs-list {
+ display: none !important;
+ }
+ .jquery_tabs .tabbody,
+ .jquery_tabs .tabhead {
+ display: block !important;
+ }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/external_link.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/external_link.png
new file mode 100644
index 000000000..47938b8d6
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/external_link.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/hcalendar.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/hcalendar.png
new file mode 100644
index 000000000..19d0952a0
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/hcalendar.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/hcard.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/hcard.png
new file mode 100644
index 000000000..c6bd3fd3c
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/hcard.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-geo.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-geo.png
new file mode 100644
index 000000000..333e22f11
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-geo.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hatom.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hatom.png
new file mode 100644
index 000000000..52de9106b
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hatom.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-haudio.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-haudio.png
new file mode 100644
index 000000000..06efa2613
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-haudio.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcalendar-add.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcalendar-add.png
new file mode 100644
index 000000000..011eecb24
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcalendar-add.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcalendar-download.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcalendar-download.png
new file mode 100644
index 000000000..64a67be41
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcalendar-download.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcalendar.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcalendar.png
new file mode 100644
index 000000000..958ee39cd
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcalendar.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcard-add.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcard-add.png
new file mode 100644
index 000000000..193dbb63f
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcard-add.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcard-download.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcard-download.png
new file mode 100644
index 000000000..9de371ca1
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcard-download.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcard.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcard.png
new file mode 100644
index 000000000..0e398f48b
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hcard.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hresume.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hresume.png
new file mode 100644
index 000000000..90f94a6de
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-hresume.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-rel-tag.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-rel-tag.png
new file mode 100644
index 000000000..8ccf0e9bb
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-rel-tag.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-xfn.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-xfn.png
new file mode 100644
index 000000000..c89205897
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/icon-xfn.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-child.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-child.png
new file mode 100644
index 000000000..fe6110c39
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-child.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-colleague-met.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-colleague-met.png
new file mode 100644
index 000000000..6fe1a8b03
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-colleague-met.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-colleague.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-colleague.png
new file mode 100644
index 000000000..ea638d9a0
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-colleague.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-friend-met.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-friend-met.png
new file mode 100644
index 000000000..d041d6391
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-friend-met.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-friend.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-friend.png
new file mode 100644
index 000000000..8d0c0f396
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-friend.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-me.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-me.png
new file mode 100644
index 000000000..dfe380f89
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-me.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-parent.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-parent.png
new file mode 100644
index 000000000..5a7e29819
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-parent.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-small.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-small.png
new file mode 100644
index 000000000..8eed881a1
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-small.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-spouse.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-spouse.png
new file mode 100644
index 000000000..dc4996ad3
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-spouse.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-sweetheart-met.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-sweetheart-met.png
new file mode 100644
index 000000000..70797ef27
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-sweetheart-met.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-sweetheart.png b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-sweetheart.png
new file mode 100644
index 000000000..e774a6ecb
Binary files /dev/null and b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/icons/xfn/xfn-sweetheart.png differ
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/microformats.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/microformats.css
new file mode 100644
index 000000000..a35ae263a
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/microformats/microformats.css
@@ -0,0 +1,167 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) YAML-Addon:Microformats Support
+ * (de) YAML-Addon:Unterstützung für Microformate
+ *
+ * @note Many thanks to Michael Jendryschik (http://jendryschik.de/) for contribution
+ *
+ * @copyright © 2005-2013, Dirk Jesse
+ * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ * YAML-CDL (http://www.yaml.de/license.html)
+ * @link http://www.yaml.de
+ * @package yaml
+ * @version 4.1.2
+ */
+@media all {
+ /* hCards + hCalendars */
+ .vcard,
+ .vevent {
+ line-height: 1.5em;
+ border: 2px solid #e0e7b8 !important;
+ padding: 30px 5px 5px 5px !important;
+ border-radius: 8px;
+ -moz-border-radius: 8px;
+ -webkit-border-radius: 8px;
+ margin: 0 0 1.5em 0 !important;
+ /* small IE-Fix for background images */
+ zoom: 1;
+ }
+
+ span.vcard,
+ span.vevent {
+ padding: 2px 1px 2px 70px !important;
+ margin: 0 2px 0 !important;
+ }
+
+ .vcard {
+ background-color: #f8f8ec;
+ background-repeat: no-repeat;
+ background-position: 5px 5px;
+ background-image: url(icons/hcard.png) !important;
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAQCAMAAACSjoczAAAAsVBMVEVcjAFmmQb4+Ozd5sGnw2q5z4fv8t56piLU4bJwoBSwyXmMsj+VuE3C1ZWDrDDm7M/L26SOuziu4xpqnQeLtzao3RWVzQGNxQSm2xJ0qwyr4BeevlxjlQS47CJ1rQ2JtjWRyQKTvz1wpQrB8zFuowmf1Q14rwyFvAeLwwW88CWz5x206B+JwAZ9tAqbzRRrlhmazwij2BCBuAmZxjqi1Bh8rCP///9fjwKWzAWs3SGdzxWFTyrgAAABPElEQVR4XpXQ1W7EMBCG0cyYHaZlZipz3//B6tlkt03Vi+ZTbqzoyL/s4bXlfn88vmKbat3pODw+ZoOPtpow6fEhG/R6LXWapjibzXB5yMpy/dxOF5MJ6S4us/Jhff95AbFm/9MFdrtOE36/rQDzASBsgjhpUqad7vcrjSVVAWkihlI2te83NdiznuJut+vgjyzEBCRXRiCCUCZECwB6aAyn/wYsrfOKxWKKp9N2+3jj2tTXREhxkwhIEFQSgIyjSEuhBWi0IDRjMNSkX7DGm01T0z1RQBO1M7Sccd+dFL8uX61WiE/UfD7HKgHsT63Bug/NT52n+CtpjNBJXC+vdaC0O1mHOISaoQmYV+R5fnfpyuOhAaUlN0rgRTMF0gceWXpNEBganzQAjEZvLtKt8oqzddrzvPYai++wbV80NCCamQ5vZwAAAABJRU5ErkJggg==") !important;
+ }
+ .vcard a {
+ padding-left: 11px;
+ background: url(icons/external_link.png) top left no-repeat;
+ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANAQMAAACn5x0BAAAABlBMVEX///9jlQQUCBxBAAAAAXRSTlMAQObYZgAAACBJREFUCB0FwaEJAAAIALA1/xYEs6/axQ0QLEUzJMkB8FxYBJy/sjNiAAAAAElFTkSuQmCC") top left no-repeat;
+ color: #679A06;
+ }
+ .vcard .adr {
+ display: block;
+ margin: 0.5em 0;
+ }
+ .vcard .email {
+ font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
+ }
+
+ .vevent {
+ background: #f8f8ec url(icons/hcalendar.png) 5px 5px no-repeat !important;
+ background: #f8f8ec url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAQCAMAAABjhdy+AAAAtFBMVEVcjAH4+OxmmQa5z4ewyXnU4bJwoBSMsj/d5sGVzQFqnQeLtzbm7M/v8t6Ouziu4xp6piKo3RWNxQSLwwXC1ZXL26S06B9jlQR0qwyJtjWr4BeDrDCJwAanw2q47CKVuE11rQ3B8zGevlyRyQKj2BBwpQp4rwyFvAeazwi88CVuowmz5x2m2xKf1Q1rlhmi1Bh9tAqBuAn///+Zxjqe1AyWzAVfjwJ8rCOTvz2s3SGdzxWbzRS/OR+KAAABFklEQVR4Xo3P1W4EMQyG0fwODcMyM0OZ+/7vVc80u6tWq3Y+KXc+siNwbrrdtloP+DdHfJ/FqJX23qsSvyCjfdo7HKqQJEkwn88x3ad5frytQMLJpCA1TNN8cdx8lCDSXPwHCVGrMckXT5vnz5Io4vQ10IyYdDrfBHkRHMH1NOmSdFGv1324ziSmIcBPGiOhqWEyD0RkRbhcdjEYrNf3d9zqRKy1GGdoUtQ0niatyeqsD0nSK8grnFitzkQpxfPerI+xsZYUKyhyh+12O+CRe+Pw4y9GmQbvYq5/kSDBJUe01hGGhmI0SGoJRzxSkQiDILg5dSGc4oEZAJlRP3YEQ1IFIaJ2+4VjUiERloCJEKIiQXgJlfoCe5IaqIOvDWoAAAAASUVORK5CYII=") 5px 5px no-repeat !important;
+ }
+
+ .vevent a {
+ padding-left: 11px;
+ background: url(icons/external_link.png) top left no-repeat;
+ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANAQMAAACn5x0BAAAABlBMVEX///9jlQQUCBxBAAAAAXRSTlMAQObYZgAAACBJREFUCB0FwaEJAAAIALA1/xYEs6/axQ0QLEUzJMkB8FxYBJy/sjNiAAAAAElFTkSuQmCC") top left no-repeat;
+ color: #679A06;
+ }
+ .vevent p {
+ margin: 0;
+ }
+ .vevent .description {
+ display: block;
+ margin-top: 1em;
+ }
+ .vevent .location {
+ display: block;
+ color: #679A06;
+ }
+ .vevent .summary {
+ display: block;
+ color: #679A06;
+ font-weight: bold;
+ }
+
+ /* XFN relationship */
+ a.xfnRelationship {
+ padding-right: 26px;
+ background-image: url(xfn/xfn-small.png);
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAMAAADzLXfBAAAAq1BMVEXGxsb///+Zzg6NxAqVzA32+u6JxAqKwxfK6zya0xCh1xKFwQrt9tyk2ROX0Q+Fvgi75SvU6aya0h6z4SOl2hSQxgqDvwmq0xWd0hCYyQ6MwwmRzQ1/uwi32XvJ4puizxKu1RiRxwyg1xONyQuUyCrD4oye1RGLwgfF6TeIwQiEvQe/5jHc7b3O7EGSyguu1mq22hrE5H6122vD5zSIvxu833zi7syUyxuo3RZV5oaGAAAAAXRSTlMAQObYZgAAAN1JREFUeF51kNVuxWAMg+sfi8wMh/mM9/5PtrS7mzTLiZUvuYphuDr/K+0u+DtJwsvb0TRvN9M0j5cwTGihbS/1PC9Nqa+xlmPktj371mxZlu/7e3Jp7e2Fz3aMKJZRA6CBjF/gzzPxsmRfEjux6VWzgcQHNmVJnDF2f0jN1PXxqrCTHThj+cqnDluhADjougiKMboX4q4lIu70rSLeSjhC0P2UbdG/y2vbn6YAnfpEME3EeXY4B+RTUHMKHpwPPMsNzVfV5KV+h9qhP2RVNRTFOD4XjWMxDJV2//vbD/KGFzMfCBH8AAAAAElFTkSuQmCC");
+ background-repeat: no-repeat;
+ background-position: right;
+ }
+ a.xfnRelationship[rel~="colleague"], a.xfnRelationship[rel~="co-worker"] {
+ padding-right: 21px;
+ background-image: url(icons/xfn/xfn-colleague.png);
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAAYFBMVEXGxsa+z+woYcAmYL++z+u9zuvZ4/TO2/H///++zuvd5/WgueLy9fvR3fJVg87u8/mRr9/G1e7q8Pk0asP7/P5diM9CdMfC0u1chs+0yOmdt+Ln7fh5nNlQfsxPfstdiNANDsYBAAAAAXRSTlMAQObYZgAAAI5JREFUeF5tUNcKw0AMszxuZe90//9f9o7QkkL1IiHkSeQMagoDEA3mspPCD5IjFL4IszU6Fg3SQi9m3jvzRSvFQguzLB38kcKRkm/KjsK7iPRJ06lXvco6bsN8siruefDoPlZdrdKGVvbKN7c5GFmYmPk5PFhkmnULmlNccGUWlhAt4N9B5FAQAVWDwtEbDGwHzDGQ3uIAAAAASUVORK5CYII=");
+ }
+ a.xfnRelationship[rel~="met"] {
+ padding-right: 32px;
+ background-image: url(icons/icon-xfn.png);
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAMAAACQGyXoAAAAwFBMVEXGxsb///+Fvgj2+u6JxAqh1xKKwxeRxwyNxAq32XvJ4puNyQuIwQiVzA2Dvwnt9tzD4oyZzg6SyguMwwmRzQ2a0xCFwQqizxKX0Q+u1RjU6ayg1xOq0xWe1RG122uu1mqQxgqd0hCl0U2YyQ6a0h6LwgfO7EF/uwiUyCqz4SPK6zyl2hSq01a75Svc7b2k2ROEvQe/5jGYzDnD5zSc0CzE5H6833zF6TeIvxun3BOUyxvi7syo1z222hq924uo3RbH6VQeAAAAAXRSTlMAQObYZgAAAT1JREFUeF59keVunDEQRX2NHzLDMjMHiu//Vp1ttpUiJTnSjD33eH6ZsXCrg4/Q45Ckjn+vVrvd6fK8Xq/n8zn158tpt1vlOmTb6vUz4jHT6nDYHIjNho7H5dEKFqiDaqu8bfM8r4hej0qN8p5Sd9sqNUVTTUWTgbhlENP8hqptW7I9eh3hHOHqYt/v/3CBKHtCRjlnwWg0ir+JPSLfhSOz2IXA8gku5bQbE8kAQscS+0H/KhEJx4ZFcfBmjQ0sfQliW8C20UCSpV3f9xMtGjRWAWchXbKLUKCgnHaTJJEOXn7hvIAjkySAXQyAe07WmOESDn8Re7KeMRy25N/BjTFkreFwduQplcd5at0HK+XHGeUB09aD9F5/2785LdjWm/0nnb3DG7NQe8PJpCy7rq5/vlHXXVeWE0+HX//+Hw2+L1y/3yDiAAAAAElFTkSuQmCC");
+ }
+ a.xfnRelationship[rel~="colleague"][rel~="met"], a.xfnRelationship[rel~="co-worker"][rel~="met"] {
+ padding-right: 26px;
+ background-image: url(icons/xfn/xfn-colleague-met.png);
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAMAAADzLXfBAAAAYFBMVEXGxsa+z+woYcAmX7+9zuv///++zuve5/XF1O6huuP7/P7Z4/RCdMfq8PjS3vLN2/E0asOxxudQfszZ5PVWg86Qr95bhs/v8/rn7fjy9ftdiNDe6PV5nNitxOe6zeqdtuISlCqmAAAAAXRSTlMAQObYZgAAAJ9JREFUeF5tkIcOwzAIRH0HHtm7e/z/XxYnalOpRboDPSMb41ylsAhqCoDCDNG56ep/I0aHnO8kHy2azwGc5nQR4eEYui8eVk4ax86Dw9b/zQfx2PiN5BIRDbZ+oH/zcy11k1JpnBl73d4tuDB1esy1mNb+c1Fz9rMciq49lfucPSljGs37EmmfxwD5pIjQA+/+avq/B1cBCFCFafV1by9mVwgBHNGRhAAAAABJRU5ErkJggg==");
+ }
+ a.xfnRelationship[rel~="friend"] {
+ padding-right: 21px;
+ background-image: url(icons/xfn/xfn-friend.png);
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAAYFBMVEXGxsYoYcC+z+wmX7++z+u9zuv////Z4/Spv+a+zuupwOZCdMfE0+7e5/X6+/3y9fszaMKfuOKtw+bo7/leidDU3/Jbhs94nNi5y+qOrNy/0OzZ5PWuxOe0yOnj6/fd5vUgjr18AAAAAXRSTlMAQObYZgAAAItJREFUeF5lzwcKwzAMBVBN7+zuef9bVmoaaKnA/vD4FhggUhYVUb8sriZd+JkugnjemPHUysNNIHvskPmwlIsTgayERulN+UOMuJGCehytdd6n/RcNFesy33snWR9OyNikLBsNU0X2/RO1rg8EGkYHZJuxL7O1KKDDekJK1orPvw9BVNFMpKpkIRFeAVEHR3zEFfkAAAAASUVORK5CYII=");
+ }
+ a.xfnRelationship[rel~="friend"][rel~="met"] {
+ padding-right: 26px;
+ background-image: url(icons/xfn/xfn-friend-met.png);
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAMAAADzLXfBAAAAYFBMVEXGxsa+z+soYcC+z+y+zusnX7+9zuupv+b////e5/Vch8/o7vn6+/2huuPE1O7U3/KpwOZCdMe/0Os0acKuxOfy9fuxxuff5/aVsd+0yOm6zOqtw+ayx+jZ4/R5nNi/z+u6Bqx7AAAAAXRSTlMAQObYZgAAAKRJREFUeF5t0AdOBTEMBNCMW9rW3xtw/1vikGVBAkdRrBfJGjmENwPMwH4BhnfMV+ec/la+BjQ4KdFjWur+wYGbFyUtdfn45bI5lRqxu21OX37oeCF3a/5OSrc5zo5zetE+57zSWp/3wV0v5IDuo5JOh1hbr30+p/O4kruWUaY8/OQ8kiN56XFYTt0RkJq040+K8Tvn/3vIviCBgMUMBhFhCFsOn7mzCfRhKm+OAAAAAElFTkSuQmCC");
+ }
+ a.xfnRelationship[rel~="sweetheart"] {
+ padding-right: 21px;
+ background-image: url(icons/xfn/xfn-sweetheart.png);
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAAYFBMVEXGxsYoYcD4Qq6+z+vZ4/Q/ccb4UbX///++zuu9zuv/8/rd5vUlXb5bhs/6e8b5cMLy9fv90OuhuuN4m9i2yOlSfcn8t+H8oNaJqNqzmNPD0e3w3/KtxOb0hMv7n9X9xObCRbgHAAAAAXRSTlMAQObYZgAAAHlJREFUeF51j1cKA0EMQ12mby3p9f63jDxLSEJY2UbwkD9E5FQzNuEyzIE08UeNIzW/MfOul6cxXVEH1E0ybKBEaSO1AJ2O8vhCo2d/DaGsKJvNSF0Gmd6pcfYMtfvzvT+UmJEyUFnLRUJ95I+iCFL/hWptK55wNo5etO8G3lYCx4oAAAAASUVORK5CYII=");
+ }
+ a.xfnRelationship[rel~="sweetheart"][rel~="met"] {
+ padding-right: 26px;
+ background-image: url(icons/xfn/xfn-sweetheart-met.png);
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAOCAMAAADzLXfBAAAAYFBMVEXGxsYoYMDg5vX4Qq6+z+z///+9zutCdMfY4vT/8vpahc7y9fuhuuP4TrMlXb76ccL90Ov6esWxxuf9xOb5Wbc0asT8uOKyx+i2yel4nNj8odeJqNqzmNOtw+b7n9X3gMlS9TiMAAAAAXRSTlMAQObYZgAAAINJREFUeF6N0McKAzEMRVE9FZepJb3//19GTGK8GAI54M1F2EZEKTjV9ehHYM9sW8wUzD0AnGfZWaGk5hoAzSTjHz1s+4IyfwFwu8rTY7ITrPQ2InK/z96xoN7fAdBRJnMo77ZdhBua+2s+ZlsF7wd8DcjS13+iMpEy/2sPlLQqu2N6A+dbBzWluY7VAAAAAElFTkSuQmCC");
+ }
+ a.xfnRelationship[rel~="child"] {
+ padding-right: 21px;
+ background-image: url(icons/xfn/xfn-child.png);
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANCAMAAACTkM4rAAAAvVBMVEXM2e/B0Oz///++zuvA0OzAz+u+zuvA0Oy/z+vz9vsoYcChwv/q7/n////p7vi+zuszasbn7viVseCkxP/+//87b8bz9vzs8fltlNTt9P/r8Pnm7/+ZtOGateFrk9QsZMGnxv/7/P/8/f46bsXa5PS60v/6/P9xltUuZcLQ3PHT4v+yzf/w9PuLqd0zacM3bMRymN2CqO6xzf/8/f9Fdsh6o+uox//N3/+txOfE2f81a8bG1e5ejNu20P/w9v9zpagkAAAACXRSTlP45gAUm+oS6Z4bD6DtAAAAlUlEQVQIW2WPVQ7DQAwFHY692XCZmZnx/seqk0ZJpc6Pn0Z6sg2qqStejqKbKmgGuIhYxxQXDA1siKWstDvVskyIWVgOhyYRhamSjgUe8gxZTWq3Bkf0vurBqvUS3V6h+gOi4UiIcaGCKdFsLhZ5cblac3Gz3e0PqbKc4EgZp/Ml2WjDtZRw933/GUVvFtn1+HP9/48fzYIO5ZD33dQAAAAASUVORK5CYII=");
+ }
+ a.xfnRelationship[rel~="parent"] {
+ padding-right: 21px;
+ background-image: url(icons/xfn/xfn-parent.png);
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAA3lBMVEXA0OzJ1u7Az+u+zuu+zuu/z+v///+/z+vI1u7A0OwoYcChwv////++zuvw9Prx9Puyzf/9/v7n7ffm7Pf+/v/9/v+iw//S4f3l7fyryf/7/f/f5/a30P/Y5v9nj9Pu8vspYsCPse3P4P+7zevb6P9didTc6f9Rf8x1m9n2+f+OrN6tw+qlxf/+//+VseCTte/U4//k6/d7ntgrY8E4bchql+MvZsKnxv/F2f/Z4/Q3bMQwaMSVuPnV5P+tw+ZdiNBch89Mfc9Jes9Ies9Hes5Hec5Gec6StPCQtPbQ4P5zH8oEAAAACnRSTlPk+OYREJgAmfjnFvieJgAAAK9JREFUeF5lz9WOw0AMhlGHOok9kKTMzMzLjO//QutuqipSvyvrXPmHjOuBugSemwHHtmJtuFKxaXRs2Q4IP5KnegUqV6SMfAFBliHfrdaIqM5nNgClmRrYajN1mLQCZaTMHRD7TAMmk5AcIo6ICuMUTRCnRLN5ihaISyJa5RPScr3ZIu72P0THm5xW/MTtHf53/0BEj/yE8J+eX17f3j8+v77DMPz1xXlQ0nnQ9ew/oEsSiPZewisAAAAASUVORK5CYII=");
+ }
+ a.xfnRelationship[rel~="spouse"] {
+ padding-right: 21px;
+ background-image: url(icons/xfn/xfn-spouse.png);
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAABaFBMVEW+zuu+zuvAz+z///+/z+vA0Oy/z+vI1u7J1u7A0OzA0Oz///++zuvw9Prx9Pv9/v6usTfw8O+7vjv9/f3n7ffm7PfT089+f1nR1EGRkYjGxsL29vXc3Nr+/v6oqKKfojOUly/Y2NXc3NlrazHAwzySlC93eEttbzJ7fDjIyz5MTSSAgTrGyT7z8/Nub0e6vTvx8fDz8/KVl0LM0ECChChqazySkoJ8fyaRky5TVC+QkzF3eDONjy2doDJ3eDuLi36KjC3v7+6HiTZ9fyvr7vTs7/WWmTF0dTjq6uimqTRzdEKDhUWTlS/o6OaEhTqChCvo6vGCg0KlqDWysqyChDh6eyitsDdvcDK2trC3ujlyc0HHx8KqrTeBgj55eViHiS9paUijpTNcXUV9fVirrjaYmjHHx8O9vbeChDZ2eCp+f012dyxgYiS/wjy4uzp3eDK4uLP5+fjKysbExz1zc07u8fjJycX4+PfL29bJAAAAC3RSTlMPEeQAl+SZ+Pjo54Y2LlAAAADTSURBVHhebY/TjgVBAAX7Enu6B5e2bWNp27aN39+ZyWZf7p7HSiqpQzREq6N/02kloFIbrYz7HbMa1SqiN/BAzi4CRXsJ4A16YrIhHI8JzVYkKHTzIdiGCGXe42jSkWik0o5M9tbLKKHcXWHYgnKlWoOl/v7BSeiz3fFB7PUPR0bhGxufkNDk1DQwMzs3v7AILC2vyOLq2jqwsbm1Dezs7ski2z8IHLlOAqdnrvOLyytG5YjrG7PTfP/w6Hx6fpEilNTXN7/b43H7v76V1MFD/9z+AVw1IjFL8DyHAAAAAElFTkSuQmCC");
+ }
+ a.xfnRelationship[rel~="me"] {
+ padding-right: 21px;
+ background-image: url(icons/xfn/xfn-me.png);
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAMAAAAVBLyFAAAAWlBMVEXGxsYoYcC+z+u+z+y9zusnYL/Z4/S+zusoYMBdiM/y9fteidDd5/QnYMDe5/VCdcihuuPy9Ps1a8SUsN+8zetdidDJ1u7Z5PV4m9hCdMeuxOc0asStw+b///+reoflAAAAAXRSTlMAQObYZgAAAH1JREFUeF5dj1cOBDEIQ7Ehbfpsr/e/5qYoH7Mg2eLJICHiSVU1Ja2Iz2T6Hmq5i1bwAnBpTIXVE4DUUUuNEW78QwCuDQWx6o8InBuihOrDiud+XNwA3DoKObKtmB3m9Bl66uQAF13Wd0d5KF2knvfL8aGpPKlUUoMZSaOXHyGOEL2qtmFaAAAAAElFTkSuQmCC");
+ }
+
+ /* rel-tag */
+ a[rel~="tag"] {
+ padding-right: 32px;
+ background: url(icons/icon-rel-tag.png);
+ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAMAAACQGyXoAAAAwFBMVEXGxsb///8zcMkhXsDx9PpCf9A5dcsnYL8tZcEzasQoYcAlYsJljtJFgtOluuF1ltM9e85KiNUtbMgudMseVbgpZMFHhNNLidYoaMW3yehPjddqlNYvacVXlNtpjM7e5/UhWrxqo+FFecxbgsp+sufR2+90quM3ftCBotonZsTj6/c0es6Kqt1Pgc9Wk9vT3fHJ2PE3Zr9Xi9SrweaIo9iUs+KVrNvG1O6Fotc6gtJTkNrBzukbW7+HuOhOjNh+ntfOA5d8AAAAAXRSTlMAQObYZgAAATtJREFUeF51kdXOHDEMheMgDDLDMtPP3L7/W9Wzq6q92S+J5eOjJJZMyK4xyuK67r9gZtwBTSO66XS1Wi0Wi58bmKGeenogjehOpw65xX/i1AmXmPrzLpqoui5ygXjRr1zkRX3TqOo6I7aIvAuMPHovcBFR4T1WHHgTRYUlNs9Fs3mDzSGUZw4zTxz57rB5Cr08z4jCR0P6BG0YHqGCIJQVzKSUIdbRDRHqoyt/g+QVNbwyM9c9Yhn/lYjxQcv2jc/PXGuodABwoFKiS5HWB0sNjMztcniwKTy3lGJXMZL5MNn20E8e4FX1sAwCeM/i2BJVIg66js/1li0HpuZfAMs+K0t0HURNJswZD7uFNE3ZWCaG3UeThn3fg7k4Qca2ZRwnyX6/Xn8g6/0+SeLSYXocsGuuc1e3qP6f/h96Fy3YfuOuuQAAAABJRU5ErkJggg==");
+ background-repeat: no-repeat;
+ background-position: right;
+ }
+
+ /* geo */
+ abbr[class~="geo"] {
+ padding-right: 32px;
+ background: url(icons/icon-geo.png) no-repeat right;
+ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAASCAMAAACQGyXoAAABF1BMVEWSxzD///+n1DSfzTKr1zWZyjGx3Det2zau2zbw9+Kk0jSgzjK62Tev1DXG5juXyTC31zbT60rW7FCh0DO32Gey1l6ayjGcyzGy3TebyjGs2TbQ5o/n9MSUyTCmzzPO5o+z3Ty/4zr6/PPD42X1+ubw+Nux2EHM6EGu1kHU6JnJ5z7r9c+v10XI44XO6kW43kbj8rmr1Tew2TvL5X2v3DfB3Tiz3zjR55mVxjCr1Tiu2TjY6qPh77nJ433C4Gy+3WvG5W3G4n2l1jXM5Ia23kOx3Dq04Dir1UC02U/S6I+t2Dey2Em12kqo1DigzjOm0zXk8cO32lW83WSt1jri8Lmp1DbB33T0+eao1zWl0zSizjS02kKx3Dmg7209AAABHUlEQVR4Xn3R1W4DQQwFUHtgmcPMzGVmZub//456U6VKpaRHGkvXV34aQD0qYRYZ0xF0yU5KJcdpN/q+7wdBQLPfaDtO6U3qED1YmYfFQGqKklRIcholWuYANEWbI2xVTVOPO1gbqMXscJitqMUaVgdqiNp0Or2EWKni1xF2srW9n1BUab8GIIRYxAshnhY+UYzDhhB4LgjdMsYOy2yU2anXkVxtI21eNwVNGLcZZOtb2Krj4/OIArXlFiN0axjGJRbeH7DQxLNu97qJhdt9vDcIAETIC2L5rneKZDWyS7MXCVFrmpzc8CkfnJimSW2C88RMnAPISUiFbzwmOZWDqBv/lYr/4cZAly7P523b8yxr+YdleZ5t512p///73zK9KpM38kTwAAAAAElFTkSuQmCC") no-repeat right;
+ border: none;
+ cursor: default;
+ }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/core/base-rtl.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/core/base-rtl.css
new file mode 100644
index 000000000..bbde2cbb3
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/core/base-rtl.css
@@ -0,0 +1,167 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ * (en) YAML core RTL stylesheet
+ * (de) YAML Basis-RTL-Stylesheet
+ *
+ * Don't make any changes in this file!
+ * Your changes should be placed in any css-file in your own stylesheet folder.
+ *
+ * @note: Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright © 2005-2013, Dirk Jesse
+ * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ * YAML-CDL (http://www.yaml.de/license.html)
+ * @link http://www.yaml.de
+ * @package yaml
+ * @version 4.1.2
+ */
+@media all {
+ /**
+ * @section browser normalisation
+ * Changing direction of text flow, paddings & margins ...
+ */
+ option {
+ padding: 0 0.4em 0 0;
+ }
+
+ body {
+ text-align: right;
+ direction: rtl;
+ }
+
+ ul,
+ ol,
+ dl {
+ margin: 0 1em 1em 0;
+ }
+
+ li {
+ margin-left: 0;
+ margin-right: 0.8em;
+ }
+
+ dd {
+ margin: 0 0.8em 1em 0;
+ }
+
+ blockquote,
+ cite {
+ margin: 0 0.8em 1em 0;
+ }
+
+ /* set text flow */
+ .ym-form {
+ direction: rtl;
+ }
+ .ym-form * {
+ text-align: right;
+ }
+ .ym-form input,
+ .ym-form textarea {
+ display: inline-block;
+ }
+ .ym-form select {
+ display: inline-block;
+ }
+ .ym-form .ym-fbox-check input,
+ .ym-form input[type="radio"],
+ .ym-form input[type="checkbox"] {
+ margin-left: 0.5ex;
+ margin-right: 0;
+ }
+ .ym-form .ym-inline {
+ margin-left: 0;
+ }
+
+ .ym-fbox-wrap input[type="radio"],
+ .ym-fbox-wrap input[type="checkbox"] {
+ margin-left: 0.5ex;
+ margin-right: 0;
+ }
+
+ /*------------------------------------------------------------------------------------------------------*/
+ /**
+ * (en) rtl adjustments for forms module
+ * (de) RTL-Anpassungen für das Formular Modul
+ *
+ */
+ .ym-columnar input,
+ .ym-columnar textarea,
+ .ym-columnar select {
+ float: right;
+ margin-right: 0;
+ margin-left: -3px;
+ }
+ .ym-columnar label,
+ .ym-columnar .ym-label {
+ display: inline;
+ float: right;
+ }
+ .ym-columnar input + label {
+ margin-right: 0.5ex;
+ }
+ .ym-columnar .ym-fbox-check input,
+ .ym-columnar .ym-message {
+ margin-left: 0;
+ margin-right: 30%;
+ }
+ .ym-columnar .ym-fbox-wrap {
+ margin-left: 0;
+ margin-right: 30%;
+ margin-left: -3px;
+ }
+ .ym-columnar .ym-fbox-wrap .ym-message {
+ margin-right: 0%;
+ }
+ .ym-columnar .ym-fbox-wrap label {
+ margin-right: 0;
+ }
+ .ym-columnar .ym-fbox-wrap input {
+ margin-right: 0;
+ }
+ .ym-columnar .ym-fbox-wrap input[type="radio"],
+ .ym-columnar .ym-fbox-wrap input[type="checkbox"] {
+ margin-left: 0.5ex;
+ margin-right: 0;
+ }
+ .ym-columnar .ym-fbox-button input {
+ float: none;
+ margin-left: 1em;
+ margin-right: 0;
+ }
+
+ /*------------------------------------------------------------------------------------------------------*/
+ /**
+ * (en) skip links cause large horizontal scrollbars in RTL mode in several browsers
+ * (de) skip links erzeugen große horziontale Scrollbalken in verschiedenen Browserin im RTL-Modus
+ *
+ * @workaround
+ * @affected Firefox, Safari, IE 5.x - IE7
+ * @css-for all
+ * @valid yes
+ */
+ .ym-skiplinks {
+ left: 32768px !important;
+ }
+ .ym-skiplinks .ym-skip:focus, .ym-skiplinks .ym-skip:active {
+ left: -32768px !important;
+ }
+
+ .ym-skip,
+ .ym-hideme,
+ .ym-print {
+ left: 32768px !important;
+ }
+
+ /*------------------------------------------------------------------------------------------------------*/
+ /**
+ * @section miscellaneous
+ *
+ * (en) CSS-class for ltr-content (left to right) within a rtl website
+ * (de) Eine CSS-Klasse für ltr-Inhalte (left to right) innerhalb einer rtl-Seite
+ */
+ .ym-text-ltr {
+ direction: ltr;
+ text-align: left;
+ }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/core/base-rtl.min.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/core/base-rtl.min.css
new file mode 100644
index 000000000..99d854223
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/core/base-rtl.min.css
@@ -0,0 +1,3 @@
+/*! yamlcss v4.1.2 (2013-07-28) */
+
+@media all{option{padding:0 .4em 0 0}body{text-align:right;direction:rtl}ul,ol,dl{margin:0 1em 1em 0}li{margin-left:0;margin-right:.8em}dd{margin:0 .8em 1em 0}blockquote,cite{margin:0 .8em 1em 0}.ym-form{direction:rtl}.ym-form *{text-align:right}.ym-form input,.ym-form textarea{display:inline-block}.ym-form select{display:inline-block}.ym-form .ym-fbox-check input,.ym-form input[type=radio],.ym-form input[type=checkbox]{margin-left:.5ex;margin-right:0}.ym-form .ym-inline{margin-left:0}.ym-fbox-wrap input[type=radio],.ym-fbox-wrap input[type=checkbox]{margin-left:.5ex;margin-right:0}.ym-columnar input,.ym-columnar textarea,.ym-columnar select{float:right;margin-right:0;margin-left:-3px}.ym-columnar label,.ym-columnar .ym-label{display:inline;float:right}.ym-columnar input+label{margin-right:.5ex}.ym-columnar .ym-fbox-check input,.ym-columnar .ym-message{margin-left:0;margin-right:30%}.ym-columnar .ym-fbox-wrap{margin-left:0;margin-right:30%;margin-left:-3px}.ym-columnar .ym-fbox-wrap .ym-message{margin-right:0}.ym-columnar .ym-fbox-wrap label{margin-right:0}.ym-columnar .ym-fbox-wrap input{margin-right:0}.ym-columnar .ym-fbox-wrap input[type=radio],.ym-columnar .ym-fbox-wrap input[type=checkbox]{margin-left:.5ex;margin-right:0}.ym-columnar .ym-fbox-button input{float:none;margin-left:1em;margin-right:0}.ym-skiplinks{left:32768px!important}.ym-skiplinks .ym-skip:focus,.ym-skiplinks .ym-skip:active{left:-32768px!important}.ym-skip,.ym-hideme,.ym-print{left:32768px!important}.ym-text-ltr{direction:ltr;text-align:left}}
\ No newline at end of file
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/forms/gray-theme-rtl.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/forms/gray-theme-rtl.css
new file mode 100644
index 000000000..e2368d5e9
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/forms/gray-theme-rtl.css
@@ -0,0 +1,44 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) RTL support for forms (gray-theme)
+ * (de) RTL Unterstützung für das Gray-Theme des Formularbaukastens
+ *
+ * @copyright © 2005-2013, Dirk Jesse
+ * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ * YAML-CDL (http://www.yaml.de/license.html)
+ * @link http://www.yaml.de
+ * @package yaml
+ * @version 4.1.2
+ */
+@media screen {
+ .ym-form select {
+ padding: 3px 1px 3px 2px;
+ }
+
+ /* adjust buttons */
+ .ym-button,
+ .ym-form button,
+ .ym-form input[type="button"],
+ .ym-form input[type="reset"],
+ .ym-form input[type="submit"] {
+ margin: 0 0 0 0.75em;
+ }
+
+ .ym-form button:before,
+ .ym-button:before {
+ float: right;
+ margin: 0 -1em 0 1em;
+ border-radius: 0;
+ border-top-right-radius: 0.15em;
+ border-bottom-right-radius: 0.15em;
+ -webkit-box-shadow: -1px 0 0 rgba(0, 0, 0, 0.5), -2px 0 0 rgba(255, 255, 255, 0.5);
+ box-shadow: -1px 0 0 rgba(0, 0, 0, 0.5), -2px 0 0 rgba(255, 255, 255, 0.5);
+ }
+
+ /* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
+ * html .ym-button,
+ * html .ym-form button {
+ margin: 1.5em 0 0 0.75em;
+ }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/navigation/hlist-rtl.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/navigation/hlist-rtl.css
new file mode 100644
index 000000000..8f75afebf
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/navigation/hlist-rtl.css
@@ -0,0 +1,48 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) RTL Horizontal list navigation "hlist"
+ * (de) RTL Horizontale Navigationsliste "hlist"
+ *
+ * @note: Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright © 2005-2013, Dirk Jesse
+ * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ * YAML-CDL (http://www.yaml.de/license.html)
+ * @link http://www.yaml.de
+ * @package yaml
+ * @version 4.1.2
+ */
+@media all {
+ /**
+ * (en) Workaround disappearing list elements on hover
+ * (de) Workaround verhindert das Verschwinden der Listenelemente beim Hovern
+ *
+ * @workaround
+ * @affected IE 5.x/Win, IE6, IE7
+ * @css-for IE 5.x/Win, IE6, IE7
+ * @valid yes
+ */
+ .ym-hlist * {
+ direction: ltr !important;
+ }
+ .ym-hlist a,
+ .ym-hlist strong {
+ direction: rtl !important;
+ }
+ .ym-hlist ul {
+ position: relative;
+ float: right;
+ margin-left: 0;
+ }
+ .ym-hlist ul li {
+ float: right;
+ text-align: right !important;
+ }
+
+ /* change back direction to RTL for child elements */
+ .ym-searchform {
+ direction: rtl !important;
+ float: left;
+ }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/navigation/vlist-rtl.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/navigation/vlist-rtl.css
new file mode 100644
index 000000000..5eb8e00b1
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/navigation/vlist-rtl.css
@@ -0,0 +1,54 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Vertical RTL list navigation "vlist"
+ * (de) Vertikale RTL-Navigationsliste "vlist"
+ *
+ * @note: Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright © 2005-2013, Dirk Jesse
+ * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ * YAML-CDL (http://www.yaml.de/license.html)
+ * @link http://www.yaml.de
+ * @package yaml
+ * @version 4.1.2
+ */
+@media all {
+ /* menu title */
+ .ym-vtitle {
+ padding-left: 0px;
+ padding-right: 10%;
+ }
+
+ /* 4 navigation levels defined */
+ .ym-vlist {
+ text-align: right;
+ }
+ .ym-vlist li {
+ float: right;
+ }
+ .ym-vlist li a,
+ .ym-vlist li strong,
+ .ym-vlist li span {
+ padding-left: 0px;
+ padding-right: 10%;
+ }
+ .ym-vlist li ul li a,
+ .ym-vlist li ul li strong,
+ .ym-vlist li ul li span {
+ padding-left: 0px;
+ padding-right: 20%;
+ }
+ .ym-vlist li ul li ul li a,
+ .ym-vlist li ul li ul li strong,
+ .ym-vlist li ul li ul li span {
+ padding-left: 0px;
+ padding-right: 30%;
+ }
+ .ym-vlist li ul li ul li ul li a,
+ .ym-vlist li ul li ul li ul li strong,
+ .ym-vlist li ul li ul li ul li span {
+ padding-left: 0px;
+ padding-right: 40%;
+ }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/screen/typography-rtl.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/screen/typography-rtl.css
new file mode 100644
index 000000000..4163af932
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/rtl-support/screen/typography-rtl.css
@@ -0,0 +1,38 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Uniform design of standard content elements
+ * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
+ *
+ * @copyright © 2005-2013, Dirk Jesse
+ * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ * YAML-CDL (http://www.yaml.de/license.html)
+ * @link http://www.yaml.de
+ * @package yaml
+ * @version 4.1.2
+ */
+@media all {
+ /* --- Lists | Listen -------------------------------------------------------------------------------- */
+ ul,
+ ol,
+ dl {
+ margin-left: 0;
+ margin-right: 1em;
+ }
+
+ li {
+ margin-left: 0;
+ margin-right: 0.8em;
+ }
+
+ dd {
+ margin-left: 0;
+ margin-right: 0.8em;
+ }
+
+ /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
+ blockquote {
+ margin-left: 0;
+ margin-right: 1.5em;
+ }
+}
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/syncheight/jquery.syncheight.js b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/syncheight/jquery.syncheight.js
new file mode 100644
index 000000000..711bdbd09
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/add-ons/syncheight/jquery.syncheight.js
@@ -0,0 +1,112 @@
+/**
+ * syncHeight - jQuery plugin to automagically Sync the heights of columns
+ * Made to seemlessly work with the CCS-Framework YAML (yaml.de)
+ * @requires jQuery v1.0.3 or newer
+ *
+ * http://blog.ginader.de/dev/syncheight/
+ *
+ * Copyright (c) 2007-2013
+ * Dirk Ginader (ginader.de)
+ * Dirk Jesse (yaml.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ * Version: 1.5
+ *
+ * Changelog
+ * * v1.5 fixes issue with box-sizing: border-box
+ * * v1.4: new Method unSyncHeight() that removes previously added syncs i.e. for responsive layouts
+ * * v1.3: compatibility fix for jQuery 1.9.x (removed $.browser)
+ *
+ * Usage sync:
+ $(window).load(function(){
+ $('p').syncHeight();
+ });
+ * Usage unsync:
+ $(window).resize(function(){
+ if($(window).width() < 500){
+ $('p').unSyncHeight();
+ }
+ });
+ */
+
+(function($) {
+ var getHeightProperty = function() {
+ var browser_id = 0;
+ var property = [
+ // To avoid content overflow in synchronised boxes on font scaling, we
+ // use 'min-height' property for modern browsers ...
+ ['min-height','0px'],
+ // and 'height' property for Internet Explorer.
+ ['height','1%']
+ ];
+
+ var bMatch = /(msie) ([\w.]+)/.exec(navigator.userAgent.toLowerCase()) || [],
+ browser = bMatch[1] || "",
+ browserVersion = bMatch[2] || "0";
+
+ // check for IE6 ...
+ if(browser === 'msie' && browserVersion < 7){
+ browser_id = 1;
+ }
+
+ return {
+ 'name': property[browser_id][0],
+ 'autoheightVal': property[browser_id][1]
+ };
+ };
+
+ $.getSyncedHeight = function(selector) {
+ var max = 0;
+ var heightProperty = getHeightProperty();
+ // get maximum element height ...
+ $(selector).each(function() {
+ // fallback to auto height before height check ...
+ $(this).css(heightProperty.name, heightProperty.autoheightVal);
+ var val = parseInt($(this).css('height'),10);
+ if(val > max){
+ max = val;
+ }
+ });
+ return max;
+ };
+
+ $.fn.syncHeight = function(config) {
+ var defaults = {
+ updateOnResize: false, // re-sync element heights after a browser resize event (useful in flexible layouts)
+ height: false
+ };
+
+ var options = $.extend(defaults, config);
+ var e = this;
+ var max = 0;
+ var heightPropertyName = getHeightProperty().name;
+
+ if(typeof(options.height) === "number") {
+ max = options.height;
+ } else {
+ max = $.getSyncedHeight(this);
+ }
+
+ // set synchronized element height ...
+ $(this).each(function() {
+ $(this).css(heightPropertyName, max+'px');
+ });
+
+ // optional sync refresh on resize event ...
+ if (options.updateOnResize === true) {
+ $(window).resize(function(){
+ $(e).syncHeight();
+ });
+ }
+ return this;
+ };
+
+ $.fn.unSyncHeight = function() {
+ var heightPropertyName = getHeightProperty().name;
+ $(this).each(function() {
+ $(this).css(heightPropertyName, '');
+ });
+ };
+})(jQuery);
diff --git a/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/base.css b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/base.css
new file mode 100644
index 000000000..c6b8e432e
--- /dev/null
+++ b/ccm-sci-bundle/web/themes/mandalay-yaml/yaml/core/base.css
@@ -0,0 +1,705 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) YAML core stylesheet
+ * (de) YAML Basis-Stylesheet
+ *
+ * Don't make any changes in this file!
+ * Your changes should be placed in any css-file in your own stylesheet folder.
+ *
+ * @copyright © 2005-2013, Dirk Jesse
+ * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ * YAML-CDL (http://www.yaml.de/license.html)
+ * @link http://www.yaml.de
+ * @package yaml
+ * @version 4.1.2
+ */
+@media all {
+ /**
+ * @section Normalisation Module
+ */
+ /* (en) Global reset of paddings and margins for all HTML elements */
+ /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
+ * {
+ margin: 0;
+ padding: 0;
+ }
+
+ /* (en) Correction: margin/padding reset caused too small select boxes. */
+ /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
+ option {
+ padding-left: 0.4em;
+ }
+
+ select {
+ padding: 1px;
+ }
+
+ /*
+ * (en) Global fix of the Italics bugs in IE 5.x and IE 6
+ * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
+ *
+ * @bugfix
+ * @affected IE 5.x/Win, IE6
+ * @css-for IE 5.x/Win, IE6
+ * @valid yes
+ */
+ * html body * {
+ overflow: visible;
+ }
+
+ /*
+ * (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser
+ * Standard values for colors and text alignment
+ *
+ * (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen
+ * Vorgabe der Standardfarben und Textausrichtung
+ */
+ body {
+ font-size: 100%;
+ background: #fff;
+ color: #000;
+ text-align: left;
+ }
+
+ /* (en) avoid visible outlines on DIV and h[x] elements in Webkit browsers */
+ /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
+ div:target,
+ h1:target,
+ h2:target,
+ h3:target,
+ h4:target,
+ h5:target,
+ h6:target {
+ outline: 0 none;
+ }
+
+ /* (en) HTML5 - adjusting visual formatting model to block level */
+ /* (de) HTML5 - Elements werden als Blockelemente definiert */
+ article,
+ aside,
+ details,
+ figcaption,
+ figure,
+ footer,
+ header,
+ main,
+ nav,
+ section,
+ summary {
+ display: block;
+ }
+
+ /* (en) HTML5 - default media element styles */
+ /* (de) HTML5 - Standard Eigenschaften für Media-Elemente */
+ audio,
+ canvas,
+ video {
+ display: inline-block;
+ }
+
+ /* (en) HTML5 - don't show element if there aren't controls */
+ /* (de) HTML5 - ohne Kontrollelemente sollten nicht angezeigt werden */
+ audio:not([controls]) {
+ display: none;
+ }
+
+ /* (en) HTML5 - add missing styling in IE & old FF for hidden attribute */
+ /* (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten */
+ [hidden] {
+ display: none;
+ }
+
+ /* (en) Prevent iOS text size adjust after orientation change, without disabling user zoom. */
+ /* (de) Verdindert die automatische Textanpassung bei Orientierungswechsel, ohne Zoom zu blockieren */
+ html {
+ -ms-text-size-adjust: 100%;
+ -webkit-text-size-adjust: 100%;
+ }
+
+ /* (en) set correct box-modell in IE8/9 plus remove padding */
+ /* (de) Setze das richtige Box-Modell im IE8/9 und entferne unnötiges Padding */
+ input[type="checkbox"],
+ input[type="radio"] {
+ box-sizing: border-box;
+ padding: 0;
+ }
+
+ /* (en) force consistant appearance of input[type="search"] elements in all browser */
+ /* (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen */
+ input[type="search"] {
+ -webkit-appearance: textfield;
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ }
+
+ input[type="search"]::-webkit-search-cancel-button,
+ input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+ }
+
+ /* (en) Correct overflow displayed oddly in IE 9 */
+ /* (de) Korrigiert fehlerhafte overflow Voreinstellung des IE 9 */
+ svg:not(:root) {
+ overflow: hidden;
+ }
+
+ /* (en) Address margin not present in IE 8/9 and Safari 5 */
+ /* (en) Ergänzt fehlenden Margin in IE 8/9 und Safari 5 */
+ figure {
+ margin: 0;
+ }
+
+ /* (en) Clear borders for and und