diff --git a/application/media/css/yaml/3.3.1/core/base.css b/application/media/css/yaml/3.3.1/core/base.css
new file mode 100644
index 00000000..d1cfdb81
--- /dev/null
+++ b/application/media/css/yaml/3.3.1/core/base.css
@@ -0,0 +1,250 @@
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/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       Copyright 2005-2011, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.3.1
+ * @revision        $Revision: 501 $
+ * @lastmodified    $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
+ */
+
+@media all
+{
+ /**
+  * @section browser reset
+  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
+  */
+
+  /* (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; } /* LTR */
+  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; }
+
+  body {
+    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
+    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
+    font-size:100.01%;
+
+    /* (en) Standard values for colors and text alignment */
+    /* (de) Vorgabe der Standardfarben und Textausrichtung */
+    background:#fff;
+    color:#000;
+    text-align:left; /* LTR */
+  }
+
+  /* (en) avoid visible outlines on DIV containers in Webkit browsers */
+  /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
+  div { outline:0 none; }
+
+  /* (en) HTML 5 - adjusting visual formatting model to block level */
+  /* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
+  article,aside,canvas,details,figcaption,figure,
+  footer,header,hgroup,menu,nav,section,summary { 
+  	display:block;
+  }
+  
+  /* (en) Clear borders for <fieldset> and <img> elements */
+  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
+  fieldset, img { border:0 solid; }
+
+  /* (en) new standard values for lists, blockquote and cite */
+  /* (de) Neue Standardwerte für Listen & Zitate */
+  ul, ol, dl { margin:0 0 1em 1em; } /* LTR */
+  li {
+    line-height:1.5em;
+    margin-left:0.8em; /* LTR */
+  }
+
+  dt { font-weight:bold; }
+  dd { margin:0 0 1em 0.8em; } /* LTR */
+
+  blockquote { margin:0 0 1em 0.8em; } /* LTR */
+
+  blockquote:before, blockquote:after,
+  q:before, q:after { content:""; }
+
+ /*------------------------------------------------------------------------------------------------------*/
+
+ /**
+  * @section clearing methods
+  * @see     http://yaml.de/en/documentation/basics/general.html
+  */
+
+  /* (en) clearfix method for clearing floats */
+  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
+  .clearfix:after {
+    clear:both;
+    content:".";
+    display:block;
+    font-size:0;
+    height:0;
+    visibility:hidden;
+  }
+
+  /* (en) essential for Safari browser !! */
+  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
+  .clearfix { display:block; }
+
+  /* (en) alternative solution to contain floats */
+  /* (de) Alternative Methode zum Einschließen von Float-Umgebungen */
+  .floatbox { display:table; width:100%; }
+
+  /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
+  /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
+  #ie_clearing { display:none; }
+
+ /*------------------------------------------------------------------------------------------------------*/
+
+ /**
+  * @section hidden elements | Versteckte Elemente
+  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
+  *
+  * (en) skip links and hidden content
+  * (de) Skip-Links und versteckte Inhalte
+  */
+
+  /* (en) classes for invisible elements in the base layout */
+  /* (de) Klassen für unsichtbare Elemente im Basislayout */
+  .skip, .hideme, .print {
+    position:absolute;
+    top:-32768px;
+    left:-32768px; /* LTR */
+  }
+
+  /* (en) make skip links visible when using tab navigation */
+  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
+  .skip:focus, .skip:active {
+    position:static;
+    top:0;
+    left:0;
+  }
+
+  /* skiplinks:technical setup */
+  #skiplinks { 
+    position:absolute;
+    top:0px; 
+    left:-32768px; 
+    z-index:1000; 
+    width:100%;
+    margin:0; 
+    padding:0; 
+    list-style-type:none;   
+  }
+  
+  #skiplinks .skip:focus,
+  #skiplinks .skip:active {
+    left:32768px; 
+    outline:0 none;
+    position:absolute; 
+    width:100%;
+  }  
+}
+
+@media screen, projection
+{
+
+ /**
+  * @section base layout | Basis Layout
+  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
+  *
+  * |-------------------------------|
+  * | #col1   | #col3     | #col2   |
+  * | 20%     | flexible  | 20%     |
+  * |-------------------------------|
+  */
+
+  #col1 { float:left; width:20%; }
+  #col2 { float:right; width:20%; }
+  #col3 { width:auto; margin:0 20%; }
+
+  /* (en) Preparation for absolute positioning within content columns */
+  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
+  #col1_content, #col2_content, #col3_content { position:relative; }
+
+ /*------------------------------------------------------------------------------------------------------*/
+
+ /**
+  * @section subtemplates
+  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
+  */
+  .subcolumns { display:table; width:100%; table-layout:fixed; }
+  .subcolumns_oldgecko { width: 100%; float:left; }
+
+  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; }
+  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; }
+
+  .c20l, .c20r { width:20%; }
+  .c40l, .c40r { width:40%; }
+  .c60l, .c60r { width:60%; }
+  .c80l, .c80r { width:80%; }
+  .c25l, .c25r { width:25%; }
+  .c33l, .c33r { width:33.333%; }
+  .c50l, .c50r { width:50%; }
+  .c66l, .c66r { width:66.666%; }
+  .c75l, .c75r { width:75%; }
+  .c38l, .c38r { width:38.2%; }
+  .c62l, .c62r { width:61.8%; }
+
+  .subc  { padding:0 0.5em; }
+  .subcl { padding:0 1em 0 0; }
+  .subcr { padding:0 0 0 1em; }
+
+  .equalize, .equalize .subcolumns { table-layout:fixed; }
+
+  .equalize > div {
+    display:table-cell;
+    float:none; 
+    margin:0; 
+    overflow:hidden;
+    vertical-align:top;
+  }
+}
+
+@media print
+{
+ /**
+  * (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
+  * (de) Float Clearing für Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
+  */
+
+  .subcolumns,
+  .subcolumns > div {
+    overflow:visible; 
+    display:table;
+  } 
+
+  /* (en) make .print class visible */
+  /* (de) .print-Klasse sichtbar schalten */
+  .print { 
+    position:static; 
+    left:0;
+  }
+
+  /* (en) generic class to hide elements for print */
+  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
+  .noprint { display:none !important; }
+}
diff --git a/application/media/css/yaml/3.3.1/core/iehacks.css b/application/media/css/yaml/3.3.1/core/iehacks.css
new file mode 100644
index 00000000..dc509ce6
--- /dev/null
+++ b/application/media/css/yaml/3.3.1/core/iehacks.css
@@ -0,0 +1,343 @@
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs
+ * (de) YAML Basis-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win
+ *
+ * Don't make any changes in this file!
+ * Your changes should be added to a separate patch-file.
+ *
+ * @copyright       Copyright 2005-2011, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.3.1
+ * @revision        $Revision: 501 $
+ * @lastmodified    $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
+ * @appdef yaml
+ */
+
+@media all
+{
+  /**
+   * (en) Debugging:When you see a green background, IE is getting this stylesheet
+   * (de) Fehlersuche:Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde
+   *
+   * @debug
+   * @app-yaml-default disabled
+   */
+
+  /* body { background:#0f0; background-image:none; }  */
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) No need to force scrollbars in older IE's - it even makes problems in IE6 when set
+   * (de) Scrollbar-Fix wird in alten IE's nicht benötigt, zudem verursacht der Fix Probleme im IE6
+   *
+   * @workaround
+   * @affected   IE6, IE7
+   * @css-for    IE6, IE7
+   * @valid      no
+   */
+
+  body { o\verflow:visible; }
+  
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements
+   * (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      no
+   */
+
+  * html iframe,
+  * html frame { overflow:auto; }
+  * html input,
+  * html frameset { overflow:hidden; }
+  * html textarea { overflow:scroll; overflow-x:hidden; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Stability fixes with 'position:relative'
+   * (de) Stabilitätsverbesserungen durch 'position:relative'
+   *
+   * Essential for correct scaling in IE7 (body). IE5 must get static positioned body instead.
+   * Helpful to fix several possible problems in older IE versions (#main).
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+
+  body, #main { position:relative; }
+  * html body { position:static; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Clearfix adjustents for containing floats in IE
+   * (de) Clearfix-Anpassung für diverse IE-Versionen
+   *
+   * @workaround
+   * @see        http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+
+  .clearfix { height:1%; }  /* hasLayout aktivieren */
+ 
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Special class for oversized content element
+   * (de) Spezielle Klasse für übergroße Inhaltselemente
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+   */
+
+  .slidebox {
+    position:relative;
+    margin-right:-1000px;
+    height:1%;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en):Bugfix for partially displayed column separators
+   * (de):Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+   */
+
+  * html #col1,
+  * html #col2,
+  * html #col3 { position:relative; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Preventing several css bugs by forcing "hasLayout"
+   * (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      no
+   */
+
+  body { height:1%; }
+  .page_margins, .page, #header, #nav, #main, #footer { zoom:1; }  /* IE6 & IE7    */
+  * html .page_margins, * html .page { height:1%; hei\ght:auto; }  /* IE 5.x & IE6 | IE6 only */
+  * html #header, * html #nav, * html #main, * html #footer { width:100%; wid\th:auto; }  /* IE 5.x & IE6 | IE6 only */
+
+  /* trigger hasLayout to force containing content */
+  .subc, .subcl, .subcr { height:1%; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * Disappearing List-Background Bug
+   * @see        http://www.positioniseverything.net/explorer/ie-listbug.html
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+   */
+
+  * html ul, * html ol, * html dl { position:relative; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * List-Numbering Bug
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+
+  body ol li { display:list-item; }
+
+  /**
+   * Form related bugfixes
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      no
+   */
+  fieldset, legend { position:relative; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear
+   *      Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the
+   *      longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed
+   *      in YAML.
+   *
+   * (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear
+   *      Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout
+   *      wenn gleichzeitig die linke Spalte die kürzeste und die rechte die längste ist. Im IE6 und IE7 lässt
+   *      sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen.
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      no
+   */
+
+  html #ie_clearing {
+    /* (en) Only a small help for debugging */
+    /* (de) Nur eine kleine Hilfe zur Fehlersuche */
+    position:static;
+
+    /* (en) Make container visible in IE */
+    /* (de) Container sichtbar machen im IE */
+    display:block;
+
+    /* (en) No fix possible in IE5.x, normal clearing used instead */
+    /* (de) Kein Fix im IE5.x möglich, daher normales Clearing */
+    \clear:both;
+
+    /* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/
+    /* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */
+    width:100%;
+    font-size:0px;
+    margin:-2px 0 -1em 1px;
+  }
+
+  * html #ie_clearing { margin:-2px 0 -1em 0; }
+  #col3_content { margin-bottom:-2px; }
+
+  /* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins */
+  /* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */
+  html { margin-right:1px; }
+  * html { margin-right:0; }
+
+  /* (en) Bugfix:Essential for IE7 */
+  /* (de) Bugfix:Notwendig im IE7 */
+  #col3 { position:relative; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * IE/Win Guillotine Bug
+   * @see        http://www.positioniseverything.net/explorer/guillotine.html
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+   */
+
+  * html body a, * html body a:hover { background-color:transparent; }
+
+}
+
+@media screen, projection
+{
+  /**
+   * (en) IE-Adjustments for content columns and subtemplates
+   * (de) IE-Anpassung für Spaltencontainer und Subtemplates
+   *
+   * Doubled Float-Margin Bug
+   * @see        http://positioniseverything.net/explorer/doubled-margin.html
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+  #col1,  #col2 { display:inline; }
+
+  .c20l, .c25l, .c33l, .c38l, .c40l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l,
+  .c20r, .c25r, .c33r, .c38r, .c40r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { display:inline; }
+
+  /* Fix for:"Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 */
+  * html .equalize, * html .equalize .subcolumns { overflow:visible; display:block; }
+  .equalize, .equalize .subcolumns { overflow:hidden; display:block; }
+
+  /* transform CSS tables back into floats */
+  .equalize .c20l,.equalize .c40l,.equalize .c60l,.equalize .c80l,
+  .equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c50l,
+  .equalize .c62l,.equalize .c66l,.equalize .c75l {
+    float:left; display:inline;
+    padding-bottom:32767px;
+    margin-bottom:-32767px;
+  }
+  .equalize .c20r,.equalize .c40r,.equalize .c60r,.equalize .c80r,
+  .equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c50r,
+  .equalize .c62r,.equalize .c66r,.equalize .c75r {
+    float:right; margin-left:-5px; display:inline;
+    padding-bottom:32767px;
+    margin-bottom:-32767px;
+  }
+
+  .no-ie-padding .c20l,.no-ie-padding .c40l,.no-ie-padding .c60l,.no-ie-padding .c80l,
+  .no-ie-padding .c20r,.no-ie-padding .c40r,.no-ie-padding .c60r,.no-ie-padding .c80r,
+  .no-ie-padding .c25l,.no-ie-padding .c33l,.no-ie-padding .c38l,.no-ie-padding .c50l,
+  .no-ie-padding .c62l,.no-ie-padding .c66l,.no-ie-padding .c75l,
+  .no-ie-padding .c25r,.no-ie-padding .c33r,.no-ie-padding .c38r,.no-ie-padding .c50r,
+  .no-ie-padding .c62r,.no-ie-padding .c66r,.no-ie-padding .c75r {
+    padding-bottom:0;
+    margin-bottom:0;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * Internet Explorer and the Expanding Box Problem
+   * @see http://www.positioniseverything.net/explorer/expandingboxbug.html
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+   */
+
+  * html #col1_content,
+  * html #col2_content,
+  * html #col3_content { word-wrap:break-word; }
+
+  /* avoid growing widths */
+  * html .subc,
+  * html .subcl,
+  * html .subcr { word-wrap:break-word; o\verflow:hidden; }
+}
+
+@media print
+{
+  /**
+   * (en) Avoid unneeded page breaks of #col3 content in print layout.
+   * (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte #col3.
+   *
+   * @bugfix
+   * @affected   IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+
+  .subc,
+  .subcl,
+  .subcr,
+  .col3 { height:1%; }
+}
diff --git a/application/media/css/yaml/3.3.1/print/print_100_draft.css b/application/media/css/yaml/3.3.1/print/print_100_draft.css
new file mode 100644
index 00000000..6043ff31
--- /dev/null
+++ b/application/media/css/yaml/3.3.1/print/print_100_draft.css
@@ -0,0 +1,74 @@
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) print stylesheet
+ * (de) Druck-Stylesheet
+ *
+ * @copyright       Copyright 2005-2011, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.3.1
+ * @revision        $Revision:392 $
+ * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
+ */
+
+@media print
+{
+ /**
+  * @section basic layout preparation
+  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
+  */
+
+  /* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers  */
+  /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */
+  body { font-size:10pt; }
+
+  /* (en) Hide unneeded container of the screenlayout in print layout */
+  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
+  #topnav, #nav, #search, nav, #info_box { display:none; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /* (en) Avoid page breaks right after headings */
+  /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
+  h1,h2,h3,h4,h5,h6 { page-break-after:avoid; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+ /**
+  * @section column selection
+  * (en) individually switch on/off any content column for printing
+  * (de) (De)aktivierung der Contentspalten für den Ausdruck
+  *
+  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
+  */
+
+  #col1, #col1_content { float:none; width:100%; margin:0; padding:0; border:0; }
+  #col2 { display:none; }
+  #col3 { display:none; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /* (en) optional output of acronyms and abbreviations*/
+  /* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */
+
+  /*
+    abbr[title]:after, 
+    acronym[title]:after { content:'(' attr(title) ')'; }
+  */
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /* (en) optional URL output of hyperlinks in print layout */
+  /* (de) optionale Ausgabe der URLs von Hyperlinks */
+  /*
+  a[href]:after {
+    content:" <URL:"attr(href)">";
+    color:#444;
+    background:inherit;
+    font-style:italic;
+  }
+  */
+}
diff --git a/application/media/css/yaml/3.3.1/screen/content.css b/application/media/css/yaml/3.3.1/screen/content.css
new file mode 100644
index 00000000..c4d06a10
--- /dev/null
+++ b/application/media/css/yaml/3.3.1/screen/content.css
@@ -0,0 +1,223 @@
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) Uniform design of standard content elements
+ * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
+ *
+ * @copyright       Copyright 2005-2011, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.3.1
+ * @revision        $Revision:392 $
+ * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
+ * @appdef yaml
+ */
+
+@media all
+{
+ /**
+  * Fonts
+  *
+  * (en) global settings of font-families and font-sizes
+  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
+  *
+  * @section content-global-settings
+  */
+
+  /* (en) reset font size for all elements to standard (16 Pixel) */
+  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
+  html * { font-size:100.01%; }
+
+ /**
+  * (en) reset monospaced elements to font size 16px in all browsers
+  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
+  *
+  * @see: http://webkit.org/blog/67/strange-medium/
+  */
+
+  textarea, pre, code, kbd, samp, var, tt {
+    font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
+  }
+
+  /* (en) base layout gets standard font size 12px */
+  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
+  body {
+    font-family:Arial, Helvetica, sans-serif;
+    font-size:75.00%;
+    color:#444;
+  }
+
+  /*--- Headings | Überschriften ------------------------------------------------------------------------*/
+
+  h1,h2,h3,h4,h5,h6 {
+    font-family:"Times New Roman", Times, serif;
+    font-weight:normal;
+    color:#222;
+    margin:0 0 0.25em 0;
+  }
+
+  h1 { font-size:250%; }                       /* 30px */
+  h2 { font-size:200%; }                       /* 24px */
+  h3 { font-size:150%; }                       /* 18px */
+  h4 { font-size:133.33%; }                    /* 16px */
+  h5 { font-size:116.67%; }                    /* 14px */
+  h6 { font-size:116.67%; }                    /* 14px */
+
+  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
+
+  ul, ol, dl { line-height:1.5em; margin:0 0 1em 1em; }
+  ul { list-style-type:disc; }
+  ul ul { list-style-type:circle; margin-bottom:0; }
+
+  ol { list-style-type:decimal; }
+  ol ol { list-style-type:lower-latin; margin-bottom:0; }
+
+  li { margin-left:0.8em; line-height:1.5em; }
+
+  dt { font-weight:bold; }
+  dd { margin:0 0 1em 0.8em; }
+
+  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
+
+  p { line-height:1.5em; margin:0 0 1em 0; }
+
+  blockquote, cite, q {
+    font-family:Georgia, "Times New Roman", Times, serif;
+    font-style:italic;
+  }
+  blockquote { margin:0 0 1em 1.6em; color:#666; }
+
+  strong,b { font-weight:bold; }
+  em,i { font-style:italic; }
+
+  big { font-size:116.667%; }
+  small { font-size:91.667%; }
+ 
+  pre { line-height:1.5em; margin:0 0 1em 0; }
+  pre, code, kbd, tt, samp, var { font-size:100%; }
+  pre, code { color:#800; }
+  kbd, samp, var, tt { color:#666; font-weight:bold; }
+  var, dfn { font-style:italic; }
+
+  acronym, abbr {
+    border-bottom:1px #aaa dotted;
+    font-variant:small-caps;
+    letter-spacing:.07em;
+    cursor:help;
+  }
+  
+  sub { vertical-align: sub; font-size: smaller; }
+  sup { vertical-align: super; font-size: smaller; }
+
+  hr {
+    color:#fff;
+    background:transparent;
+    margin:0 0 0.5em 0;
+    padding:0 0 0.5em 0;
+    border:0;
+    border-bottom:1px #eee solid;
+  }
+
+  /*--- Links ----------------------------------------------------------------------------------------- */
+
+  a { color:#4D87C7; background:transparent; text-decoration:none; }
+  a:visited  { color:#036; }
+
+  /* (en) maximum constrast for tab focus - change with great care */
+  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
+  a:focus { text-decoration:underline; color:#000; background: #fff; outline: 3px #f93 solid; }
+  a:hover,
+  a:active { color:#182E7A; text-decoration:underline; outline: 0 none; }
+
+  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */
+
+  p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
+  p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }
+
+  p.icaption_left img,
+  p.icaption_right img { padding:0; border:1px #888 solid; }
+
+  p.icaption_left strong,
+  p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }
+
+ /**
+  * ------------------------------------------------------------------------------------------------- #
+  *
+  * Generic Content Classes
+  *
+  * (en) standard classes for positioning and highlighting
+  * (de) Standardklassen zur Positionierung und Hervorhebung
+  *
+  * @section content-generic-classes
+  */
+
+  .highlight { color:#c30; }
+  .dimmed { color:#888; }
+
+  .info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }
+
+  .note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
+  .important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
+  .warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }
+
+  .float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
+  .float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
+  .center { display:block; text-align:center; margin:0.5em auto; }
+
+ /**
+  * ------------------------------------------------------------------------------------------------- #
+  *
+  * Tables | Tabellen
+  *
+  * (en) Generic classes for table-width and design definition
+  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
+  *
+  * @section content-tables
+  */
+
+  table { width:auto; border-collapse:collapse; margin-bottom:0.5em; border-top:2px #888 solid; border-bottom:2px #888 solid; }
+  table caption { font-variant:small-caps; }
+  table.full { width:100%; }
+  table.fixed { table-layout:fixed; }
+
+  th,td { padding:0.5em; }
+  thead th { color:#000; border-bottom:2px #800 solid; }
+  tbody th { background:#e0e0e0; color:#333; }
+  tbody th[scope="row"], tbody th.sub { background:#f0f0f0; }
+
+  tbody th { border-bottom:1px solid #fff; text-align:left; }
+  tbody td { border-bottom:1px solid #eee; }
+
+  tbody tr:hover th[scope="row"],
+  tbody tr:hover tbody th.sub { background:#f0e8e8; }
+  tbody tr:hover td { background:#fff8f8; }
+
+ /**
+  * ------------------------------------------------------------------------------------------------- #
+  *
+  * Miscellaneous | Sonstiges
+  *
+  * @section content-misc
+  */
+
+ /**
+  * (en) Emphasizing external Hyperlinks via CSS
+  * (de) Hervorhebung externer Hyperlinks mit CSS
+  *
+  * @section             content-external-links
+  * @app-yaml-default    disabled
+  */
+
+  /*
+  #main a[href^="http://www.my-domain.com"],
+  #main a[href^="https://www.my-domain.com"]
+  {
+    padding-left:12px;
+    background-image:url('your_image.gif');
+    background-repeat:no-repeat;
+    background-position:0 0.45em;
+  }
+  */
+}
diff --git a/application/media/css/yaml/images/arrow.gif b/application/media/css/yaml/images/arrow.gif
new file mode 100644
index 00000000..bb822010
Binary files /dev/null and b/application/media/css/yaml/images/arrow.gif differ
diff --git a/application/media/css/yaml/images/bg_body.gif b/application/media/css/yaml/images/bg_body.gif
new file mode 100644
index 00000000..0f256f82
Binary files /dev/null and b/application/media/css/yaml/images/bg_body.gif differ
diff --git a/application/media/css/yaml/images/bg_dotted.png b/application/media/css/yaml/images/bg_dotted.png
new file mode 100644
index 00000000..58ff6045
Binary files /dev/null and b/application/media/css/yaml/images/bg_dotted.png differ
diff --git a/application/media/css/yaml/images/bg_head.gif b/application/media/css/yaml/images/bg_head.gif
new file mode 100644
index 00000000..f216cab6
Binary files /dev/null and b/application/media/css/yaml/images/bg_head.gif differ
diff --git a/application/media/css/yaml/images/bg_logo.gif b/application/media/css/yaml/images/bg_logo.gif
new file mode 100644
index 00000000..da4053ec
Binary files /dev/null and b/application/media/css/yaml/images/bg_logo.gif differ
diff --git a/application/media/css/yaml/images/bg_main_bottom.gif b/application/media/css/yaml/images/bg_main_bottom.gif
new file mode 100644
index 00000000..2b391178
Binary files /dev/null and b/application/media/css/yaml/images/bg_main_bottom.gif differ
diff --git a/application/media/css/yaml/images/bg_main_top.gif b/application/media/css/yaml/images/bg_main_top.gif
new file mode 100644
index 00000000..7dfbd4c1
Binary files /dev/null and b/application/media/css/yaml/images/bg_main_top.gif differ
diff --git a/application/media/css/yaml/navigation/images/buttons/bg_hnav1.gif b/application/media/css/yaml/navigation/images/buttons/bg_hnav1.gif
new file mode 100644
index 00000000..ee6768d9
Binary files /dev/null and b/application/media/css/yaml/navigation/images/buttons/bg_hnav1.gif differ
diff --git a/application/media/css/yaml/navigation/images/buttons/bg_hnav1_hover.gif b/application/media/css/yaml/navigation/images/buttons/bg_hnav1_hover.gif
new file mode 100644
index 00000000..50c39bd1
Binary files /dev/null and b/application/media/css/yaml/navigation/images/buttons/bg_hnav1_hover.gif differ
diff --git a/application/media/css/yaml/navigation/images/buttons/bg_hnav2_hover.gif b/application/media/css/yaml/navigation/images/buttons/bg_hnav2_hover.gif
new file mode 100644
index 00000000..17fc62ef
Binary files /dev/null and b/application/media/css/yaml/navigation/images/buttons/bg_hnav2_hover.gif differ
diff --git a/application/media/css/yaml/navigation/nav_buttons.css b/application/media/css/yaml/navigation/nav_buttons.css
new file mode 100644
index 00000000..493308a5
--- /dev/null
+++ b/application/media/css/yaml/navigation/nav_buttons.css
@@ -0,0 +1,16 @@
+@media all {
+#nav_main{width:100%;float:left;background:#000 url(images/buttons/bg_hnav1.gif) repeat-x top left;line-height:0}
+#nav_main ul{float:left;display:inline;border-left:1px #000 solid;margin:0 0 0 20px;padding:0}
+#nav_main ul li{float:left;display:inline;font-size:1em;line-height:1em;list-style-type:none;border-right:1px #000 solid;margin:0;padding:0}
+#nav_main ul li a{display:block;width:auto;font-size:1em;font-weight:400;background:transparent;text-decoration:none;color:#ccc;margin:0;padding:10px 1em}
+#nav_main ul li a:focus,#nav_main ul li a:hover,#nav_main ul li a:active{color:#eee;text-decoration:none;background:transparent url(images/buttons/bg_hnav1_hover.gif) repeat-x top right}
+#nav_main ul li#current{background:transparent url(images/buttons/bg_hnav1_hover.gif) repeat-x top right}
+#nav_main ul li#current a,#nav_main ul li#current a:focus,#nav_main ul li#current a:hover,#nav_main ul li#current a:active{color:#fff;font-weight:700;background:transparent;text-decoration:none}
+#nav_main2{width:100%;float:left;background:#4e5155;border-top:1px #666 solid;line-height:0;font-size:90%;height:2.2em;overflow:hidden}
+#nav_main2 ul{float:left;display:inline;border-left:0 #aaa solid;border-right:0 #fff solid;border-bottom:red 1px solid;margin:0 0 0 21px;padding:0}
+#nav_main2 ul li{float:left;display:inline;font-size:1em;line-height:1em;list-style-type:none;border-left:0 #fff solid;border-right:0 #aaa solid;margin:0;padding:0}
+#nav_main2 ul li a{display:block;width:auto;font-size:1em;font-weight:400;background:transparent;text-decoration:none;color:#aaa;margin:0;padding:.6em .8em}
+#nav_main2 ul li a:focus,#nav_main2 ul li a:hover,#nav_main2 ul li a:active{color:#fff;text-decoration:none}
+#nav_main2 ul li#current2{background:#4e5155 url(images/buttons/bg_hnav2_hover.gif) no-repeat bottom center}
+#nav_main2 ul li#current2 a,#nav_main2 ul li#current2 a:focus,#nav_main2 ul li#current2 a:hover,#nav_main2 ul li#current2 a:active{color:#fff;font-weight:700;background:transparent;text-decoration:none}
+}
diff --git a/application/media/css/yaml/page.css b/application/media/css/yaml/page.css
new file mode 100644
index 00000000..802a3ba4
--- /dev/null
+++ b/application/media/css/yaml/page.css
@@ -0,0 +1,12 @@
+@import url(3.3.1/core/base.css);
+@import url(3.3.1/core/iehacks.css);
+
+/* screen layout */
+@import url(screen/basemod.css);
+@import url(screen/basemod_2col.css);
+@import url(navigation/nav_buttons.css);
+@import url(3.3.1/screen/content.css);
+@import url(screen/content.css);
+
+/* print layout */
+@import url(3.3.1/print/print_100_draft.css);
diff --git a/application/media/css/yaml/screen/basemod.css b/application/media/css/yaml/screen/basemod.css
new file mode 100644
index 00000000..b6d667a3
--- /dev/null
+++ b/application/media/css/yaml/screen/basemod.css
@@ -0,0 +1,38 @@
+@charset "UTF-8";
+@media screen, projection {
+body{background:#404347 url(../images/bg_dotted.png) repeat;text-align:center;padding:0;overflow-y:scroll}
+#page{background:#fff}
+#page_margins{width:95%;min-width:740px;max-width:90em;text-align:left;position:relative;margin:auto}
+#header,#nav,#main,#footer{clear:both}
+#nav { overflow:hidden; }
+#topnav{position:static;background:#000 url(../images/bg_head.gif) repeat-x bottom;color:#666;text-align:left;font-size:81.25%;border-bottom:1px #000 solid;overflow:hidden;padding:2px 20px}
+#topnav .langMenu{float:right}
+#topnav .langMenu a{float:left;margin-right:.5em}
+#topnav .langMenu img{float:left;border:1px solid #444;margin-right:.3em;margin-top:.1em}
+#topnav .langMenu img.arrow{border:0;margin-right:0;margin-top:2px}
+#topnav .langMenu a span.text{float:left;margin-right:.5em;color:#666}
+#topnav .langMenu a:hover span.text{float:left;margin-right:.5em;color:#FFF}
+#topnav .langMenu span.text{float:left;margin-right:.5em;color:#FFF}
+#topnav .langMenu span.text2{float:left;margin-right:.5em}
+#topnav .langMenu span.textOff{float:left;margin-right:.5em;color:#666}
+#header{height:60px;color:#fff;background:#000 url(../images/bg_logo.gif) repeat-x top;overflow:hidden}
+#header img{font-size:208%;margin:10px 0 0 20px}
+#nav_main2 .tx-macinasearchbox-pi1{float:right;margin:.2em 2em 2px 0}
+#nav_main2 .tx-macinasearchbox-pi1 input.suchBox{width:12em;padding:.1em}
+#shadow{height:10px;background:url(../images/bg_main_bottom.gif) repeat-x bottom;border-bottom:1px #888 solid}
+#footer{position:relative;color:#888;background:#000 url(../navigation/images/buttons/bg_hnav1.gif) repeat-x top;line-height:2em;padding:20px 20px 10px}
+#backlink{position:absolute;right:20px;bottom:10px;color:#666}
+#backlink img{position:relative;top:5px}
+#main{position:relative;border-top:1px #888 solid;background:#fff url(../images/bg_main_top.gif) repeat-x top}
+.first{overflow:hidden;width:auto;background:url(../images/bg_firstblock.gif) repeat-x bottom;border-bottom:2px #fff solid;height:1%;padding:0 20px 12px}
+.second{overflow:hidden;color:#f4f4f4;background:#404347 url(../images/bg_body.gif) repeat-x 0 -250px;height:1%;padding:0 20px}
+* html > body .first{float:left;overflow:visible}
+* html > body .second{float:left;overflow:visible}
+#col1{width:22.5%}
+#col1_content{margin-left:1em;margin-right:1em;background:inherit}
+#col2{width:280px}
+#col2_content{margin-left:1em;margin-right:1em}
+#col3{margin-left:22.5%;margin-right:280px;border-left:0 dotted #ddd;border-right:0 dotted #ddd}
+#col3_content{margin-left:1em;margin-right:1em}
+.skip:focus,a.skip:active{position:absolute;display:block;background:#fff;color:#333}
+}
diff --git a/application/media/css/yaml/screen/basemod_2col.css b/application/media/css/yaml/screen/basemod_2col.css
new file mode 100644
index 00000000..52b7637a
--- /dev/null
+++ b/application/media/css/yaml/screen/basemod_2col.css
@@ -0,0 +1,16 @@
+@media screen, projection
+{
+  /* #col1 is the tree menu */
+  #col1 { width: 25%; float:left; margin-top: 10px;}
+  #col1_content { padding: 10px 5px 5px 5px; }
+
+  /* #col2 is not used */
+  #col2 { display:none; }
+
+  /* #col3 is the main content */
+  #col3 { margin-left: 25%; margin-right: 0; margin-top: 10px; border-left: 1px #ddd solid;}
+  #col3_content { padding: 10px 5px 5px 5px; }
+  #info_box { padding: 5px 5px 5px 5px; margin-top: 0px }
+
+  #main {padding: 0em 0}
+}
diff --git a/application/media/css/yaml/screen/content.css b/application/media/css/yaml/screen/content.css
new file mode 100644
index 00000000..838dc374
--- /dev/null
+++ b/application/media/css/yaml/screen/content.css
@@ -0,0 +1,131 @@
+@media all {
+body{color:#333;font-size:81.25%;font-family:'Trebuchet MS', Verdana, Arial, Helvetica, Sans-Serif}
+h1,h2,h3,h4,h5,h6{font-family:Georgia, Times, Serif;font-weight:400}
+h1{font-size:1.6em;color:#FFF;letter-spacing:-.02em;position:absolute;height:55px;width:85%;margin:0 0 .25em 7em;padding:5px 0 0 20px}
+h2{font-size:1.8em;color:#111;padding-top:0.25em;letter-spacing:-.02em;margin:0 0 .25em}
+h3{font-size:1.5em;color:#222;padding-top:1.5em;border-bottom:1px #ddd solid;letter-spacing:0;margin:0 0 .25em}
+h4{font-size:1.4em;color:#889;padding-top:1em;font-weight:400;margin:0 0 .3em}
+h5{font-size:1.2em;color:#889;font-style:italic;margin:0 0 .3em}
+h6{font-size:1em;color:#889;padding-bottom:.3em;border-bottom:1px #ddd solid;margin:0 0 .3em}
+.first .c33r h2{border-left:10px #800 solid;margin-top:1.5em;background:#f4f4f4;padding:0 0 0 10px}
+.second a{color:#aaa;font-weight:700}
+.second h3{font-size:1.6em;color:#fff;padding-bottom:.3em;border-bottom:1px #800 solid}
+.second h6{border:0;margin:0}
+h1 span{position:absolute;background:url(/osb/media/img/logo-small.png) no-repeat;height:100%;width:100%;margin-left:-7em;margin-top:-0.4em;}
+p,ul,dd,dt{line-height:1.5em}
+p{line-height:1.5em;text-align:justify;margin:0 0 1em}
+th p{margin:0}
+table.bugs p{line-height:1.5em;text-align:center;margin:0}
+dt,li{text-align:justify}
+strong,b{font-weight:700}
+em,i{font-style:italic}
+pre,code{font-family:"Courier New", Courier, monospace}
+address{font-style:normal;line-height:1.5em;margin:0 0 1em}
+hr{color:#fff;background:transparent;border:0;border-bottom:1px #eee solid;margin:0 0 .5em;padding:0 0 .5em}
+acronym,abbr{letter-spacing:.07em;border-bottom:1px dashed #c00;cursor:help}
+.float_left{float:left;margin-right:1em;margin-bottom:.15em;border:0}
+.float_right{float:right;margin-left:1em;margin-bottom:.15em;border:0}
+.center{text-align:center;margin-left:auto;margin-right:auto}
+.framed{border:4px #222 solid;background:#fff;padding:4px}
+a,a em.file{color:#aa1124;text-decoration:none}
+a:hover{text-decoration:underline}
+a:focus{text-decoration:underline}
+#topnav a{color:#666;background:transparent;text-decoration:none}
+#topnav a:hover{color:#fff;text-decoration:underline;background-color:transparent}
+#topnav a:focus{color:#fff;text-decoration:underline;background-color:transparent}
+#footer a{color:#ccc}
+#main a.imagelink{padding-left:0;background:transparent}
+table{border-collapse:collapse;width:100%;margin-bottom:.5em}
+table.bugs{margin-bottom:1em;margin-top:.5em}
+table.bugs th{background:#444;color:#fff;text-align:center;border-bottom:1px #fff solid;border-right:1px #fff solid;padding:.5em}
+table.bugs td{background:#888;color:#fff;text-align:center;border-bottom:1px #fff solid;border-right:1px #fff solid;padding:.5em}
+table.description{margin-bottom:1em;margin-top:.5em}
+table.description th{background:#aaa;color:#fff;text-align:left;vertical-align:top;border-bottom:1px #fff solid;border-right:1px #fff solid;padding:.5em}
+table.description td{background:#f4f4f4;color:#444;text-align:left;vertical-align:top;border-bottom:1px #fff solid;border-right:1px #fff solid;padding:.5em}
+input[type=text],input[type=password],textarea,select{background:#fff url(../images/bg_main_top.gif) repeat-x top;border:1px #ccc solid;padding:.2em}
+input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{border:1px #448 solid;background:#eef;color:#333}
+input.suchbox{border:1px #666 solid;background:#333;color:#888;padding:3px}
+ul.icon{list-style-type:none;margin:0 0 1em;padding:0}
+ul.icon li{background:url(../../img/icons/symb_item.png) no-repeat left center;margin-left:0;padding-left:20px;text-align:left}
+ul.link{list-style-type:none;margin:0 0 1em;padding:0}
+ul.link li{background:url(../../img/icons/symb_link.png) no-repeat 0 .15em;margin-left:0;padding-left:20px;text-align:left}
+ul.info{list-style-type:none;margin:0 0 1em;padding:0}
+ul.info li{background:url(../../img/icons/symb_info.png) no-repeat 0 .15em;margin-left:0;padding-left:20px;text-align:left}
+.warnung{color:#353;background-color:#f4f8f4;border:1px #aca dotted;border-left:0;border-right:0;background-image:url(../../img/symbols/symb_warning.png);background-repeat:no-repeat;background-position:top left;margin:0 0 1em 1em;padding:.5em 1em .5em 48px}
+.wichtig{color:#353;background-color:#f4f8f4;border:1px #aca dotted;border-left:0;border-right:0;background-image:url(../../img/symbols/symb_attention.png);background-repeat:no-repeat;background-position:top left;margin:0 0 1em 1em;padding:.5em 1em .5em 48px}
+.hinweis{color:#353;background-color:#f4f8f4;border:1px #aca dotted;border-left:0;border-right:0;background-image:url(../../img/symbols/symb_hint.png);background-repeat:no-repeat;background-position:top left;margin:0 0 1em 1em;padding:.5em 1em .5em 48px}
+p.demo{color:#aa1124;background-color:#fff5f5;border:1px #fcc dotted;border-left:0;border-right:0;background-image:url(../../img/symbols/symb_file.png);background-repeat:no-repeat;background-position:top left;margin:0 0 1em 1em;padding:.7em 1em .7em 48px}
+p.demo span.file{color:#aa1124}
+p.navlink{background:#f4f5f6 url(../../img/symbols/symb_forward.png);background-repeat:no-repeat;background-position:top left;color:#56636f;border-top:2px #aab2ba solid;margin-bottom:.5em;padding:.7em 1em .7em 48px}
+p.navlink a{color:#56636f}
+p.navlink a:hover{font-weight:700;background:transparent}
+blockquote{color:#444;background:#f8f8f8;border:1px #ddd solid;border-left:8px #ddd solid;margin:0 0 1em 1em;padding:1em 1em 0}
+ul.linklist{list-style-type:none;margin:0 0 1em}
+ul.linklist li{margin:0 0 1em}
+ul.browsers{margin:0 0 .4em}
+ul.browsers li{list-style-type:none;background:#f8f8f8;color:#444;font-weight:400;text-align:left;border-bottom:1px #fff solid;border-right:1px #fff solid;margin:0;padding:.1em .1em .2em .5em}
+ul.browsers li img{vertical-align:bottom}
+ul.browsers li.title{font-weight:700;background:#eee;color:#444;padding:.2em .2em .2em .5em}
+em.mono,em.file,em.directory{font-family:"Courier New", Courier, monospace;font-style:normal}
+em.mono{color:#56636f;background:#f4f5f6;border:1px #aab2ba solid;padding:0 .3em}
+em.file{color:#008;background:transparent url(../../img/icons/file.gif) no-repeat left;padding:0 0 0 14px}
+em.directory{color:#008;background:transparent url(../../img/icons/dir.gif) no-repeat left;padding:0 0 0 15px}
+pre,code,p.code{font-family:"Courier New", Courier, monospace;text-align:left;display:block;line-height:1.3em;color:#56636f;background:#f4f5f6;border:1px #aab2ba dotted;border-left:0;border-right:0;margin:0 0 1em 1em;padding:.5em .5em .5em 1em}
+code.css,p.code{background-image:url(../../img/symbols/symb_css.png);background-repeat:no-repeat;background-position:top right}
+code.xhtml{background-image:url(../../img/symbols/symb_xhtml.png);background-repeat:no-repeat;background-position:top right}
+div.download{text-align:left;display:block;line-height:1.3em;color:#353;background-color:#f4f8f4;border:1px #aab2ba dotted;border-left:0;border-right:0;background-image:url(../../img/symbols/symb_download.png);background-repeat:no-repeat;background-position:left .8em;margin:0 0 1em 1em;padding:1em 1em 0 50px}
+div.download p,div.doc p{text-align:left}
+div.download a.file{color:#000;font-weight:700;text-decoration:underline}
+div.download a.file:hover{color:#aa1124;font-weight:700;text-decoration:none}
+div.doc{text-align:left;display:block;line-height:1.3em;color:#56636f;background-color:#f4f5f6;border:1px #aab2ba dotted;border-left:0;border-right:0;background-image:url(../../img/symbols/symb_doc.png);background-repeat:no-repeat;background-position:10px 1.3em;margin:0 0 1em 1em;padding:1em 1em 0 50px}
+div.doc a.file{color:#000;font-weight:700;text-decoration:underline}
+div.doc a.file:hover{color:red;font-weight:700;text-decoration:none}
+.tx-indexedsearch .tx-indexedsearch-searchbox{color:#353;background-color:#f4f8f4;border:1px #aca dotted;border-left:0;border-right:0;margin:0 0 2em;padding:.5em .5em .5em 1em}
+.tx-indexedsearch .tx-indexedsearch-searchbox table{width:auto}
+.tx-indexedsearch .tx-indexedsearch-searchbox td{padding:.3em}
+.tx-indexedsearch .tx-indexedsearch-searchbox p{margin-bottom:0}
+.tx-indexedsearch .tx-indexedsearch-whatis{font-size:1.5em;font-family:Georgia, Times, Serif;font-weight:400;color:#889}
+.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title{margin-bottom:.5em;font-size:1.4em;font-family:Georgia, Times, Serif;font-weight:400;color:#889;background:#fff}
+.tx-indexedsearch .tx-indexedsearch-res{text-align:left}
+.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info{color:#aaa;font-size:.9em}
+.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button{width:100px}
+.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword{width:150px}
+.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw{font-weight:700;font-style:italic}
+.tx-indexedsearch P.tx-indexedsearch-noresults{text-align:center;font-weight:700}
+.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P{font-weight:700}
+.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent{font-weight:400}
+.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P{font-style:italic}
+.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead{margin-top:20px;margin-bottom:5px}
+.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2{color:#069;margin-top:0;margin-bottom:0;background:transparent}
+.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE{background:#ccc}
+.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD{vertical-align:middle}
+.tx-indexedsearch .tx-indexedsearch-res .noResume{color:#666}
+.tx-indexedsearch-sw,.csc-sword,.tx-indexedsearch-redMarkup{font-family:monospace;font-style:normal;color:#fff;background:#484;padding:0 .3em}
+.tx-dropdownsitemap-pi1 A{font-weight:700}
+.tx-dropdownsitemap-pi1 li.open ol{display:block}
+.tx-dropdownsitemap-pi1 li.closed ol{display:none}
+.tx-dropdownsitemap-pi1 li.open ul{display:block}
+.tx-dropdownsitemap-pi1 li.closed ul{display:none}
+.tx-dropdownsitemap-pi1 div{padding:2px}
+.tx-dropdownsitemap-pi1 div.level_2{background:#fff}
+.tx-dropdownsitemap-pi1 div.level_2 a{font-weight:400}
+.tx-dropdownsitemap-pi1 div.level_3{background:#fff}
+.tx-dropdownsitemap-pi1 div.level_4{background:#fff}
+.tx-dropdownsitemap-pi1 div.level_5{background:#fff}
+.tx-dropdownsitemap-pi1 div.expAll{text-align:center;background-color:#f4f8f4;border:1px #aca dotted;margin-bottom:1em}
+.tx-dropdownsitemap-pi1 div.expAll a{color:#353}
+.tx-dropdownsitemap-pi1 img{margin-right:.5em}
+.tx-dropdownsitemap-pi1 a:hover{background:transparent}
+p.floatbox{overflow:hidden}
+p.smalltext{font-size:.9em}
+span.mono{font-family:"Courier New", Courier, monospace;font-style:normal;color:#56636f;background:#f4f5f6;border:1px #aab2ba dotted;padding:0 .3em}
+span.file{font-family:"Courier New", Courier, monospace;font-style:normal;color:#56636f;background:transparent url(../../img/icons/file.gif) no-repeat left;padding:0 0 0 14px}
+span.directory{font-family:"Courier New", Courier, monospace;font-style:normal;color:#56636f;background:transparent url(../../img/icons/dir.gif) no-repeat left;padding:0 0 0 15px}
+span.version{display:block;color:#666;font-weight:400;font-size:85%;padding:0 5px 0 20px}
+.csc-mailform-field{clear:left}
+fieldset.csc-mailform .csc-mailform-field label{width:11em;float:left}
+fieldset.csc-mailform .csc-mailform-field input,fieldset.csc-mailform .csc-mailform-field select,fieldset.csc-mailform .csc-mailform-field textarea{margin-bottom:.5em}
+fieldset.csc-mailform .csc-mailform-field textarea{font-size:1em}
+fieldset.csc-mailform label span{color:red}
+input#mailformformtype_mail{margin-left:11.1em}
+}
diff --git a/application/media/js/yaml/yaml-focusfix.js b/application/media/js/yaml/yaml-focusfix.js
new file mode 100644
index 00000000..f36cdae3
--- /dev/null
+++ b/application/media/js/yaml/yaml-focusfix.js
@@ -0,0 +1,72 @@
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) Workaround for IE8 und Webkit browsers to fix focus problems when using skiplinks
+ * (de) Workaround für IE8 und Webkit browser, um den Focus zu korrigieren, bei Verwendung von Skiplinks
+ *
+ * @note			inspired by Paul Ratcliffe's article 
+ *					http://www.communis.co.uk/blog/2009-06-02-skip-links-chrome-safari-and-added-wai-aria
+ *                  Many thanks to Mathias Schäfer (http://molily.de/) for his code improvements
+ *
+ * @copyright       Copyright 2005-2011, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.3.1
+ * @revision        $Revision: 501 $
+ * @lastmodified    $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
+ */
+ 
+(function () {
+	var YAML_focusFix = { 
+		skipClass : 'skip',
+		
+		init : function () {
+			var userAgent = navigator.userAgent.toLowerCase();
+			var	is_webkit = userAgent.indexOf('webkit') > -1;
+			var	is_ie = userAgent.indexOf('msie') > -1;
+			
+			if (is_webkit || is_ie) {
+				var body = document.body,
+					handler = YAML_focusFix.click;
+				if (body.addEventListener) {
+					body.addEventListener('click', handler, false);
+				} else if (body.attachEvent) {
+					body.attachEvent('onclick', handler);
+				}
+			}
+		},
+		
+		trim : function (str) {
+			return str.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
+		},
+		
+		click : function (e) {
+			e = e || window.event;
+			var target = e.target || e.srcElement;
+			var a = target.className.split(' ');
+			
+			for (var i=0; i < a.length; i++) {
+				var cls = YAML_focusFix.trim(a[i]);
+				if ( cls === YAML_focusFix.skipClass) {
+					YAML_focusFix.focus(target);
+					break;			
+				}
+			}
+		},
+		
+		focus : function (link) {		
+			if (link.href) {
+				var href = link.href,
+					id = href.substr(href.indexOf('#') + 1),
+					target = document.getElementById(id);
+				if (target) {
+					target.setAttribute("tabindex", "-1");
+					target.focus();
+				}				
+			}
+		}
+	};
+	YAML_focusFix.init();
+})();
\ No newline at end of file
diff --git a/application/views/lnapp/default.php b/application/views/lnapp/default.php
index 21578eae..f9b7e8a4 100644
--- a/application/views/lnapp/default.php
+++ b/application/views/lnapp/default.php
@@ -4,7 +4,7 @@
 	<head>
 		<title><?php echo $meta->title; ?></title>
 		<link rel="shortcut icon" href="<?php echo $meta->shortcut_icon ? $meta->shortcut_icon : '/favicon.ico' ?>" type="image/vnd.microsoft.icon" />
-		<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 		<meta http-equiv="Content-Language" content="<?php echo $meta->language; ?>" />
 		<meta name="keywords" content="<?php echo $meta->keywords; ?>" />
 		<meta name="description" content="<?php echo $meta->description; ?>" />
diff --git a/application/views/yaml/page.php b/application/views/yaml/page.php
new file mode 100644
index 00000000..00cb07e9
--- /dev/null
+++ b/application/views/yaml/page.php
@@ -0,0 +1,120 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!-- YAML Template Layout for lnApp -->
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="auto" lang="auto">
+	<head>
+		<title><?php echo $meta->title; ?></title>
+		<link rel="shortcut icon" href="<?php echo $meta->shortcut_icon ? $meta->shortcut_icon : '/favicon.ico' ?>" type="image/vnd.microsoft.icon" />
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+		<meta http-equiv="Content-Language" content="<?php echo $meta->language; ?>" />
+		<meta name="keywords" content="<?php echo $meta->keywords; ?>" />
+		<meta name="description" content="<?php echo $meta->description; ?>" />
+		<meta name="copyright" content="<?php echo $meta->copywrite; ?>" />
+		<!-- JavaScript Detection -->
+		<script type="text/javascript">document.documentElement.className += " js";</script>
+		<link href="<?php echo URL::site(); ?>media/css/yaml/page.css" rel="stylesheet" type="text/css"/>
+		<!--[if lte IE 7]>
+		<link href="<?php #echo URL::site(); ?>media/css/patches/none.css" rel="stylesheet" type="text/css" />
+		<![endif]-->
+
+		<?php echo $meta->styles; ?>
+		<?php echo $meta->scripts; ?>
+		<?php if (! $left) { ?>
+<style type="text/css">
+  #col3 { margin-left: 0; margin-right: 0; border-left: 0px;}
+  #col3_content{ padding-left: 0px; padding-right: 0px; }
+  #col1 { display: none;}
+</style>
+		<?php } ?>
+	</head>
+	<body>
+		<!-- skip link navigation -->
+		<ul id="skiplinks">
+			<li><a class="skip" href="#nav">Skip to navigation (Press Enter).</a></li>
+			<li><a class="skip" href="#col3">Skip to main content (Press Enter).</a></li>
+		</ul>
+		<div id="page_margins">
+			<div id="page">
+				<div id="topnav">
+					<div class="langMenu">
+						<!--
+						<?php #echo HTML::anchor('#',HTML::image(sprintf('media/img/country/%s.png',strtolower(Config::instance()->so->country->two_code)),array('alt'=>Config::instance()->so->country->display('name'),'class'=>'flag','title'=>Config::instance()->so->country->display('name'),'width'=>'18','height'=>'12')).'<span class="text">'.Config::instance()->so->country->display('name').'</span>'); ?>
+						<img class="arrow" src="<?php echo URL::site(); ?>media/css/yaml/images/arrow.gif" width="7" height="10" alt="" />
+						-->
+						<?php echo HTML::image(sprintf('media/img/country/%s.png',strtolower(Config::instance()->so->country->two_code)),array('alt'=>Config::instance()->so->country->display('name'),'class'=>'flag','title'=>Config::instance()->so->country->display('name'),'width'=>'18','height'=>'12')); ?>
+						<span class="text"><?php echo Config::instance()->so->country->display('name'); ?></span>
+						<!-- //@todo Enable contact form -->
+						<div style="display:none">
+							<span class="text2"> &#124; </span>
+							<?php echo HTML::anchor('contact','Contact Us'); ?>
+						</div>
+						<span class="text2"> &#124; </span>
+						<?php echo HTML::anchor('login','Login'); ?>
+					</div>
+					<span><?php echo Company::name(); ?></span>
+				</div>
+				<div id="header" role="banner">
+					<h1><span>&nbsp;</span>&nbsp;</h1>
+				</div>
+				<!-- begin: main navigation #nav -->
+				<div id="nav" role="navigation">
+					<div id="nav_main">
+						<ul>
+							<li id="current"><a href="../index.html">Home</a></li>
+							<li><a href="3col_gfxborder.html">Information</a></li>
+							<li><a href="3col_gfxborder.html">Products</a></li>
+						</ul>
+					</div>
+					<div id="nav_main2">
+						<?php echo $control; ?>
+						<ul>
+							<li><a href="en/community/cms-templates.html"><span>CMS Integration</span></a></li>
+							<li id="current2"><a href="en/community/login.html"><span>Login</span></a></li>
+						</ul>
+					</div>
+				</div>
+				<!-- end: main navigation -->
+				<!-- begin: main content area #main -->
+				<div id="main">
+					<!-- begin: #col1 - first float column -->
+					<div id="col1" role="complementary">
+						<div id="col1_content" class="clearfix">
+							<?php echo $left; ?>
+						</div>
+					</div>
+					<!-- end: #col1 -->
+					<!-- begin: #col2 second float column -->
+					<div id="col2" role="complementary">
+						<div id="col2_content" class="clearfix">
+							<?php echo $right; ?>
+						</div>
+					</div>
+					<!-- end: #col2 -->
+					<!-- begin: #col3 static column -->
+					<div id="col3" role="main">
+						<div id="col3_content" class="clearfix">
+							<div id="ajBODY">
+								<!-- begin: info box -->
+								<?php if ((string)$sysmsg) { ?>
+								<div id="info_box" class="info" style="display:block;">
+									<?php echo $sysmsg; ?>
+								</div>
+								<?php } ?>
+								<!-- end: info box -->
+								<?php echo $content; ?>
+								<div id="ie_clearing">&nbsp;</div>
+								<!-- End: IE Column Clearing -->
+							</div>
+					</div>
+					<!-- end: #col3 -->
+				</div>
+				<!-- end: #main -->
+				<!-- begin: #footer -->
+				<div id="shadow"></div>
+				<div id="footer" role="contentinfo"><?php echo $footer; ?></div>
+				<!-- end: #footer -->
+			</div>
+		</div>
+		<!-- full skiplink functionality in webkit browsers -->
+		<script src="/osb/media/js/yaml/yaml-focusfix.js" type="text/javascript"></script>
+	</body>
+</html>