From 3d1c43687cf4579ab3aea3deba4c03c60760f38b Mon Sep 17 00:00:00 2001
From: Deon George <deon@leenooks.net>
Date: Fri, 13 Jan 2012 21:12:25 +1100
Subject: [PATCH] Added YAML template

---
 .../media/css/yaml/3.3.1/core/base.css        | 250 +++++++++++++
 .../media/css/yaml/3.3.1/core/iehacks.css     | 343 ++++++++++++++++++
 .../css/yaml/3.3.1/print/print_100_draft.css  |  74 ++++
 .../media/css/yaml/3.3.1/screen/content.css   | 223 ++++++++++++
 application/media/css/yaml/images/arrow.gif   | Bin 0 -> 78 bytes
 application/media/css/yaml/images/bg_body.gif | Bin 0 -> 7227 bytes
 .../media/css/yaml/images/bg_dotted.png       | Bin 0 -> 127 bytes
 application/media/css/yaml/images/bg_head.gif | Bin 0 -> 206 bytes
 application/media/css/yaml/images/bg_logo.gif | Bin 0 -> 1378 bytes
 .../media/css/yaml/images/bg_main_bottom.gif  | Bin 0 -> 238 bytes
 .../media/css/yaml/images/bg_main_top.gif     | Bin 0 -> 165 bytes
 .../navigation/images/buttons/bg_hnav1.gif    | Bin 0 -> 282 bytes
 .../images/buttons/bg_hnav1_hover.gif         | Bin 0 -> 612 bytes
 .../images/buttons/bg_hnav2_hover.gif         | Bin 0 -> 138 bytes
 .../media/css/yaml/navigation/nav_buttons.css |  16 +
 application/media/css/yaml/page.css           |  12 +
 application/media/css/yaml/screen/basemod.css |  38 ++
 .../media/css/yaml/screen/basemod_2col.css    |  16 +
 application/media/css/yaml/screen/content.css | 131 +++++++
 application/media/js/yaml/yaml-focusfix.js    |  72 ++++
 application/views/lnapp/default.php           |   2 +-
 application/views/yaml/page.php               | 120 ++++++
 22 files changed, 1296 insertions(+), 1 deletion(-)
 create mode 100644 application/media/css/yaml/3.3.1/core/base.css
 create mode 100644 application/media/css/yaml/3.3.1/core/iehacks.css
 create mode 100644 application/media/css/yaml/3.3.1/print/print_100_draft.css
 create mode 100644 application/media/css/yaml/3.3.1/screen/content.css
 create mode 100644 application/media/css/yaml/images/arrow.gif
 create mode 100644 application/media/css/yaml/images/bg_body.gif
 create mode 100644 application/media/css/yaml/images/bg_dotted.png
 create mode 100644 application/media/css/yaml/images/bg_head.gif
 create mode 100644 application/media/css/yaml/images/bg_logo.gif
 create mode 100644 application/media/css/yaml/images/bg_main_bottom.gif
 create mode 100644 application/media/css/yaml/images/bg_main_top.gif
 create mode 100644 application/media/css/yaml/navigation/images/buttons/bg_hnav1.gif
 create mode 100644 application/media/css/yaml/navigation/images/buttons/bg_hnav1_hover.gif
 create mode 100644 application/media/css/yaml/navigation/images/buttons/bg_hnav2_hover.gif
 create mode 100644 application/media/css/yaml/navigation/nav_buttons.css
 create mode 100644 application/media/css/yaml/page.css
 create mode 100644 application/media/css/yaml/screen/basemod.css
 create mode 100644 application/media/css/yaml/screen/basemod_2col.css
 create mode 100644 application/media/css/yaml/screen/content.css
 create mode 100644 application/media/js/yaml/yaml-focusfix.js
 create mode 100644 application/views/yaml/page.php

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 0000000000000000000000000000000000000000..bb822010ec90762d5f81ea0c2ebbc91dd4bd9883
GIT binary patch
literal 78
zcmZ?wbhEHbWM|-FnE0RJKM)uj0|^EO2F3r}jxPRAu2!BwhI$4}_ueun{$ycfU|?d<
c0m?FfbTBaSPU+WNc<{x%P9rDFP%Q>)026W-@c;k-

literal 0
HcmV?d00001

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 0000000000000000000000000000000000000000..0f256f82599132eb12384c360b187ce849194e3d
GIT binary patch
literal 7227
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
MVq0`ZN6Yfx0asGIBme*a

literal 0
HcmV?d00001

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 0000000000000000000000000000000000000000..58ff6045e236800a53649ba81d76443cc56d72da
GIT binary patch
literal 127
zcmeAS@N?(olHy`uVBq!ia0vp^EFjFm3?%32=lK9B$r9IylHmNblJdl&R0hYC{G?O`
z&)mfH)S%SFl*+=BsWw1GYymzYuK)l4KX>Y=$cx1DKoNdV7srr_TS*Bi2N)O_*%%nq
W8JPY^zG(zXF?hQAxvX<aXaWG>03+Q1

literal 0
HcmV?d00001

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 0000000000000000000000000000000000000000..f216cab681f91350f8fc4bfa91659a51a803bcc0
GIT binary patch
literal 206
zcmZ?wbhEHb6k!l%IKsdnB_$~Z!;(NC1;Ri=O-;?fz(817SV2L7nVFfFmseX`n}dUc
zfkdGAlLf3p2SkGGWMK7HQ0Ys_oR_g`UC!%$1v=-olJ8f{v#)voe}7wnhmM%&i6uol
wc^EjD7#A=wNN_YZJyhV}VQ6lx@X?zt_+m@d-m)F{KUCN_uD|{My8weV0QW;G!2kdN

literal 0
HcmV?d00001

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 0000000000000000000000000000000000000000..da4053ecb251f3decb0acd2ded3e9cec2849203a
GIT binary patch
literal 1378
zcmV-o1)cgwNk%w1VLSjl0M!5h85tQJ9UT-D6%r8<3=9l8IXN{oH6|t|JUl!gARszA
zIzB!=Ha0dgGBQ9wKq)CHE-o%fNl7RuC`Lv`Ei5b~BqT5}Fe4))LqkJ2H#jmfF+M##
zF)}hSF)}PGD-RG55D*YOK0Oc*5GyP!I5;;fD=a-dJu)#eD=aG_At69OKQS^fKR-V{
zK0PuqF*i6kD=RA@At60JJ~ucwH#avwKtMr3K|(=6KR`b|Jw6T&4lFDyGcz+HA|VS4
z3keAcA^8LV00000EC2ui06YLZ000L6K!<SXh!}}OV+1KwGK)v1Q)*;cuga@7tF>~w
z-)*(a%9>1@&}PC8wKf}5%fz1K&U17<Bs2BTb!lg4A$4bQCLwfeX9$i6b&ryfl8%&>
zmy>LjmYa?Wju@f{pri^4q8Om3tf{Q42(G5BqNk>zqpJl4Hod#QyS+BRzc)9-#Js-A
z!pX|Wzb`B*4kXssBtkeDGZ{43H7YFD-sD0mB;GGH86+$YEHCLK>@zAg4(;vM3;hiL
z02%aK5D?(Ng8vR8R9KK<Kt~25N;L3jqQr_8DMHMM(PGDmq<DxN$%7TiktR=;Jf(7_
zf|e;yp3>k#Lx&SCT>QG(p=Zzk7X?UY;Gm&_h7%2b*<8V4#R?6-I5arHv_Vp!9XOmI
zD)pCzuV8721xr>e4YFa!qP1XlEnBr{+d`N-S0dfJcJJ1WsCTb{z7X>2%}b#$g@`;1
zE0(C(FyqFDBSMaBVDe)MFi`BU+F%3<7#>D=D8U(qX%8@Vpx`{BL<tzLJ+Ou`Vh3s%
zoIis`;bF7Y)}|jk04uz>aN@>~e@(930`uX^nIkt&_jz^Z*OO<bKG%Bp<U0x<7*GB{
zcnamo8%{rdJ^S<Q&5LJmI=*Qb_UqHvpZ<P+{PaCg!GHu-P+Wlo9*CfU!Y#<4fD0;!
zpl}ydXyFACWO$*48A`DKVTB!jh@plbhFD^TF{G#>c`CNZVv8xh2&0THjt66mHYT8>
zj^kCZ<BtUXxZ{8a2&rQQ2l!}YkV_(|V*m*R5P*eIMhWGV6;^p=0v2vrWe-_e`DK<;
zYT4zLQpS)%4^p-%WeO>}*=CAt${7HhG1wVEiYe%+qMbYH87QDn5^ANKgCbgJn*cBh
zz@v~l3hASgPFiWCQcj9#0F7Fjsiuv7s_CVais~t+ppx1tsFbqWs;j878f&VqJ}LkJ
z0^E8lq`KnjE3duoYHP5Q=IX1ky7oG3uFL|<tg*{J>#VfVHd`&UxIP=Kw%clZEVti!
zo2<Cma%=9n=%%ax?zscBI{>rp#tUz}?aoWDz4GQtZ@v1u3&Okow)-!@0tlRM!SVi!
zue%HLi*UOl3_Jh`AVf^D#2|b?vBmyse6a}bTAXpl{#JZ3#wLHDgS$G2AVSM8v)uB`
zAh!#%4l}d-GR!p(;PT5qhYU2%7vpR+(G(wT^vFsh4MNj86y3DPP`gaP)mRhobJkdI
z&9&B6f9*BbV`u&H*8~`iw%T8_&9&QE!;Ll01o&Y0-B{o4L*094y*J)h|E+i4dfQF7
z;dLJlINyaUzIfq?Gd_6WkUI|f<(Ox#`R0ZH;Q0@Ce=d6HqI*ty>8Fowcj>0Dj=Jlw
z`@lNru&XYAJL{=`o;&Tg$3FY+y#HRi?!yO<d-2Bmethq?FE2dv#6#b@^vO4W{PWm5
zuf6iGXV1O$-$yUJ_u!W={`Tfqe}4GWlfVA^@VAeC{OZ?lKk)b?zkB}F^Y6a=>ARo)
k2H3yi`EPyz4B-9<_&)&_uz(FbAo~OuK?WjFfI$ENI~{*-#Q*>R

literal 0
HcmV?d00001

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 0000000000000000000000000000000000000000..2b391178561fb0f78375721a55a88e170c04e69e
GIT binary patch
literal 238
zcmZ?wbhEHb6k!lyIKsg2`}glZfBw9A^XA{be=lFY{PpYCr%#{m-o5+m*|YE8zrTO~
z{_*3-U%q^K@ZiD!|Nj|C2Ra}vAiEeiiWy`%WIQ%3IM~b~tQB)&!@|Su0-Ss^JT@+J
z?Pg%g;F(aEe5_xJF-6B=(~^^u)rD8YoZOV^&1R5%YL4aQhO@IRil2oX*u4Dwe0x?7
wS+6Y_flMBgwPJUPG+tgFu-GluVe6`^tHY%;?w;D3eVsYsaF?vLnF50~04a7}mH+?%

literal 0
HcmV?d00001

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 0000000000000000000000000000000000000000..7dfbd4c1f86cb1eabaec3d46b013187997cce277
GIT binary patch
literal 165
zcmV;W09yY?Nk%w1VH5xq0J8u9{QUg={r&Or@&5k)?(XjU`}_6v_2uQ|?Ck9M`T6tn
z^XlsA_xJbb=jZ?b{{R30A^8LV00000EC2ui02BZe000D1@W@GPZ8+<_m;YcGB4lZv
zC!wxv+X`?j&$D9Rc%B=4@BcrBa7Zi`6Ud};xhy!J&}cLO00gL5>lM2N48Gv7SnMd9
T&*-#z&2GEj@VI<_jsO5V>nT`a

literal 0
HcmV?d00001

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 0000000000000000000000000000000000000000..ee6768d95b134258782afbd9f5d139a0cfff76ee
GIT binary patch
literal 282
zcmZ?wbhEHb6k$+jIKsfd&(F`z&CS8VAtWTk#>U3Z&Mqh@$j8UW!^0yZBO@UpAuB5@
zDJjXx$*HWYEG#T6ARxfY%ge>ZB`z+msHi9{EiEc4Dlae3%F4=s4JiI(0SoJZNRXWj
ztkV}L_oYMzWvp8F`suy`8GUc3`xUjfy`TO+kTAhfMXT$CO5vd#tNH%jC0=X8<ZrAg
z+il9TFJVKufmsFbge_HP)0poS9B}++cjozrj=J;jzcX_%HZ--gG&VO1b#?dj_VP}c
zIBD`^rfJhyS*OpKHG3ut3+sY~OO`HLz$&q7^_sQo)^FIjY4et?+qUo6xoh{Hz5Dhb
NIC$vrk!^|$)&R`)ShoNG

literal 0
HcmV?d00001

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 0000000000000000000000000000000000000000..50c39bd17bc5f278dff785be04c0a5b7c636dca1
GIT binary patch
literal 612
zcmZ?wbhEHbRAo?SxXQpFFE6j7qhoJxFDWU>&CSim#wH{rq_3}UXlTgK&(FcZVQOkB
zD=Vv}rlz5xp{}m3s;Vj@Bg4+lZf0i2$H!-2V4$a`CnzY$!^0yXA;HPXsjRFlEG%qm
zYbziiU}a^crKQEo%ge>ZB`z+msHkXRVIeIoEh;K%Y;4TR%E~}7Q2faPHbVzQg8an5
z_TQngz(Yr>-@`HeWRBJR3mMOy*G8?svF2OwtE&AEHdMq!>8PcZ+}dL|Up>oocdgsa
z_doX3op)FKCtBas+$7rA+}_gGDaPK{-zU~Pfqhc{<S7#;FwU7fZ~lUXix?G_E?d50
z<*L;R{Cw-y^KatYvVQC4ZR<8{+OdUSK!EqqLEZyL4;?;n{NRDJXO8nqU%Gtd>b2`P
zq*ZR;xqI*agNG^%Po6$|{^I2;20@;8Jc4iEe|-P-%jXYoKYddB`|m#kGnY(8Qp3S!
z4#6}Jiv-2P?aXc-b38UKI@&GaKIg`Xjf;=>D>%=4;IL`Q$;leQtDYo0IK;|qkbJ7f
za`Un?Gfa3ZZk*h_{CwklhvupU6BewvxY$KlCA3OpW$-e^MP75gwywImT9HHGz=El(
zudR<gnD_Tp=$Z(@jLWNHPj6crEhzQq)LifF>+bHBQqj0^x_mv$-dfQ=Pq{5N+~3D4
z<n3{0N8#h6tP1XBXCjKaPR}sTzISHl=I7@ZICsnW?%MM5@`~Wqac6gJeSOZ6fx#L8
DjUwRQ

literal 0
HcmV?d00001

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 0000000000000000000000000000000000000000..17fc62ef538b3322dc2784712a09224a67f5d2e5
GIT binary patch
literal 138
zcmZ?wbhEHbRA7*0*v!CCQ`eZ8lRtgt>}}h3{{H=Y^3>@|m#^HpYtR4x|NR0(88Cq2
zPZqG44u}Mq!N6i}aME-2UW?afcmGe&=u63*m$7PH&g*>zI_FDr?^m!(xWE5@Kw*P`
X2ZO+gB}FH5lsFn2i@kiglo+f5j><9_

literal 0
HcmV?d00001

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>