From 6ee1ed2be48a7f3d739aed838f17a30f485851d1 Mon Sep 17 00:00:00 2001
From: Patrick Seeger <pseeger@ccwn.org>
Date: Wed, 18 Apr 2012 19:06:41 +0200
Subject: yaml4 added

---
 css/astaf/ie_patch_layout.css                      |  47 ++
 css/astaf/layout.css                               |  95 ++++
 css/yaml4/.svn/all-wcprops                         |   5 +
 css/yaml4/.svn/entries                             |  53 ++
 css/yaml4/.svn/format                              |   1 +
 css/yaml4/add-ons/.svn/all-wcprops                 |   5 +
 css/yaml4/add-ons/.svn/entries                     |  47 ++
 css/yaml4/add-ons/.svn/format                      |   1 +
 css/yaml4/add-ons/accessible-tabs/.svn/all-wcprops |  17 +
 css/yaml4/add-ons/accessible-tabs/.svn/entries     | 103 ++++
 css/yaml4/add-ons/accessible-tabs/.svn/format      |   1 +
 .../.svn/text-base/jquery.tabs.js.svn-base         | 314 ++++++++++++
 .../.svn/text-base/tabs.css.svn-base               | 136 +++++
 css/yaml4/add-ons/accessible-tabs/jquery.tabs.js   | 314 ++++++++++++
 css/yaml4/add-ons/accessible-tabs/tabs.css         | 136 +++++
 css/yaml4/add-ons/microformats/.svn/all-wcprops    |  11 +
 css/yaml4/add-ons/microformats/.svn/entries        |  72 +++
 css/yaml4/add-ons/microformats/.svn/format         |   1 +
 .../.svn/text-base/microformats.css.svn-base       | 175 +++++++
 .../add-ons/microformats/icons/.svn/all-wcprops    |  95 ++++
 css/yaml4/add-ons/microformats/icons/.svn/entries  | 548 +++++++++++++++++++++
 css/yaml4/add-ons/microformats/icons/.svn/format   |   1 +
 .../.svn/prop-base/external_link.png.svn-base      |   5 +
 .../icons/.svn/prop-base/hcalendar.png.svn-base    |   5 +
 .../icons/.svn/prop-base/hcard.png.svn-base        |   5 +
 .../icons/.svn/prop-base/icon-geo.png.svn-base     |   5 +
 .../icons/.svn/prop-base/icon-hatom.png.svn-base   |   5 +
 .../icons/.svn/prop-base/icon-haudio.png.svn-base  |   5 +
 .../.svn/prop-base/icon-hcalendar-add.png.svn-base |   5 +
 .../prop-base/icon-hcalendar-download.png.svn-base |   5 +
 .../.svn/prop-base/icon-hcalendar.png.svn-base     |   5 +
 .../.svn/prop-base/icon-hcard-add.png.svn-base     |   5 +
 .../prop-base/icon-hcard-download.png.svn-base     |   5 +
 .../icons/.svn/prop-base/icon-hcard.png.svn-base   |   5 +
 .../icons/.svn/prop-base/icon-hresume.png.svn-base |   5 +
 .../icons/.svn/prop-base/icon-rel-tag.png.svn-base |   5 +
 .../icons/.svn/prop-base/icon-xfn.png.svn-base     |   5 +
 .../.svn/text-base/external_link.png.svn-base      | Bin 0 -> 232 bytes
 .../icons/.svn/text-base/hcalendar.png.svn-base    | Bin 0 -> 633 bytes
 .../icons/.svn/text-base/hcard.png.svn-base        | Bin 0 -> 673 bytes
 .../icons/.svn/text-base/icon-geo.png.svn-base     | Bin 0 -> 4707 bytes
 .../icons/.svn/text-base/icon-hatom.png.svn-base   | Bin 0 -> 713 bytes
 .../icons/.svn/text-base/icon-haudio.png.svn-base  | Bin 0 -> 1092 bytes
 .../.svn/text-base/icon-hcalendar-add.png.svn-base | Bin 0 -> 1106 bytes
 .../text-base/icon-hcalendar-download.png.svn-base | Bin 0 -> 1118 bytes
 .../.svn/text-base/icon-hcalendar.png.svn-base     | Bin 0 -> 707 bytes
 .../.svn/text-base/icon-hcard-add.png.svn-base     | Bin 0 -> 707 bytes
 .../text-base/icon-hcard-download.png.svn-base     | Bin 0 -> 721 bytes
 .../icons/.svn/text-base/icon-hcard.png.svn-base   | Bin 0 -> 1052 bytes
 .../icons/.svn/text-base/icon-hresume.png.svn-base | Bin 0 -> 724 bytes
 .../icons/.svn/text-base/icon-rel-tag.png.svn-base | Bin 0 -> 720 bytes
 .../icons/.svn/text-base/icon-xfn.png.svn-base     | Bin 0 -> 721 bytes
 .../add-ons/microformats/icons/external_link.png   | Bin 0 -> 232 bytes
 css/yaml4/add-ons/microformats/icons/hcalendar.png | Bin 0 -> 633 bytes
 css/yaml4/add-ons/microformats/icons/hcard.png     | Bin 0 -> 673 bytes
 css/yaml4/add-ons/microformats/icons/icon-geo.png  | Bin 0 -> 4707 bytes
 .../add-ons/microformats/icons/icon-hatom.png      | Bin 0 -> 713 bytes
 .../add-ons/microformats/icons/icon-haudio.png     | Bin 0 -> 1092 bytes
 .../microformats/icons/icon-hcalendar-add.png      | Bin 0 -> 1106 bytes
 .../microformats/icons/icon-hcalendar-download.png | Bin 0 -> 1118 bytes
 .../add-ons/microformats/icons/icon-hcalendar.png  | Bin 0 -> 707 bytes
 .../add-ons/microformats/icons/icon-hcard-add.png  | Bin 0 -> 707 bytes
 .../microformats/icons/icon-hcard-download.png     | Bin 0 -> 721 bytes
 .../add-ons/microformats/icons/icon-hcard.png      | Bin 0 -> 1052 bytes
 .../add-ons/microformats/icons/icon-hresume.png    | Bin 0 -> 724 bytes
 .../add-ons/microformats/icons/icon-rel-tag.png    | Bin 0 -> 720 bytes
 css/yaml4/add-ons/microformats/icons/icon-xfn.png  | Bin 0 -> 721 bytes
 .../microformats/icons/xfn/.svn/all-wcprops        |  71 +++
 .../add-ons/microformats/icons/xfn/.svn/entries    | 409 +++++++++++++++
 .../add-ons/microformats/icons/xfn/.svn/format     |   1 +
 .../xfn/.svn/prop-base/xfn-child.png.svn-base      |   5 +
 .../.svn/prop-base/xfn-colleague-met.png.svn-base  |   5 +
 .../xfn/.svn/prop-base/xfn-colleague.png.svn-base  |   5 +
 .../xfn/.svn/prop-base/xfn-friend-met.png.svn-base |   5 +
 .../xfn/.svn/prop-base/xfn-friend.png.svn-base     |   5 +
 .../icons/xfn/.svn/prop-base/xfn-me.png.svn-base   |   5 +
 .../xfn/.svn/prop-base/xfn-parent.png.svn-base     |   5 +
 .../xfn/.svn/prop-base/xfn-small.png.svn-base      |   5 +
 .../xfn/.svn/prop-base/xfn-spouse.png.svn-base     |   5 +
 .../.svn/prop-base/xfn-sweetheart-met.png.svn-base |   5 +
 .../xfn/.svn/prop-base/xfn-sweetheart.png.svn-base |   5 +
 .../xfn/.svn/text-base/xfn-child.png.svn-base      | Bin 0 -> 429 bytes
 .../.svn/text-base/xfn-colleague-met.png.svn-base  | Bin 0 -> 430 bytes
 .../xfn/.svn/text-base/xfn-colleague.png.svn-base  | Bin 0 -> 413 bytes
 .../xfn/.svn/text-base/xfn-friend-met.png.svn-base | Bin 0 -> 435 bytes
 .../xfn/.svn/text-base/xfn-friend.png.svn-base     | Bin 0 -> 413 bytes
 .../icons/xfn/.svn/text-base/xfn-me.png.svn-base   | Bin 0 -> 385 bytes
 .../xfn/.svn/text-base/xfn-parent.png.svn-base     | Bin 0 -> 488 bytes
 .../xfn/.svn/text-base/xfn-small.png.svn-base      | Bin 0 -> 474 bytes
 .../xfn/.svn/text-base/xfn-spouse.png.svn-base     | Bin 0 -> 664 bytes
 .../.svn/text-base/xfn-sweetheart-met.png.svn-base | Bin 0 -> 402 bytes
 .../xfn/.svn/text-base/xfn-sweetheart.png.svn-base | Bin 0 -> 390 bytes
 .../add-ons/microformats/icons/xfn/xfn-child.png   | Bin 0 -> 429 bytes
 .../microformats/icons/xfn/xfn-colleague-met.png   | Bin 0 -> 430 bytes
 .../microformats/icons/xfn/xfn-colleague.png       | Bin 0 -> 413 bytes
 .../microformats/icons/xfn/xfn-friend-met.png      | Bin 0 -> 435 bytes
 .../add-ons/microformats/icons/xfn/xfn-friend.png  | Bin 0 -> 413 bytes
 .../add-ons/microformats/icons/xfn/xfn-me.png      | Bin 0 -> 385 bytes
 .../add-ons/microformats/icons/xfn/xfn-parent.png  | Bin 0 -> 488 bytes
 .../add-ons/microformats/icons/xfn/xfn-small.png   | Bin 0 -> 474 bytes
 .../add-ons/microformats/icons/xfn/xfn-spouse.png  | Bin 0 -> 664 bytes
 .../microformats/icons/xfn/xfn-sweetheart-met.png  | Bin 0 -> 402 bytes
 .../microformats/icons/xfn/xfn-sweetheart.png      | Bin 0 -> 390 bytes
 css/yaml4/add-ons/microformats/microformats.css    | 175 +++++++
 css/yaml4/add-ons/rtl-support/.svn/all-wcprops     |   5 +
 css/yaml4/add-ons/rtl-support/.svn/entries         |  44 ++
 css/yaml4/add-ons/rtl-support/.svn/format          |   1 +
 .../add-ons/rtl-support/core/.svn/all-wcprops      |  17 +
 css/yaml4/add-ons/rtl-support/core/.svn/entries    | 103 ++++
 css/yaml4/add-ons/rtl-support/core/.svn/format     |   1 +
 .../core/.svn/text-base/base-rtl.css.svn-base      |  77 +++
 .../core/.svn/text-base/base-rtl.min.css.svn-base  |   1 +
 css/yaml4/add-ons/rtl-support/core/base-rtl.css    |  77 +++
 .../add-ons/rtl-support/core/base-rtl.min.css      |   1 +
 .../rtl-support/navigation/.svn/all-wcprops        |  17 +
 .../add-ons/rtl-support/navigation/.svn/entries    | 103 ++++
 .../add-ons/rtl-support/navigation/.svn/format     |   1 +
 .../.svn/text-base/hlist-rtl.css.svn-base          |  54 ++
 .../.svn/text-base/vlist-rtl.css.svn-base          |  61 +++
 .../add-ons/rtl-support/navigation/hlist-rtl.css   |  54 ++
 .../add-ons/rtl-support/navigation/vlist-rtl.css   |  61 +++
 .../add-ons/rtl-support/screen/.svn/all-wcprops    |  11 +
 css/yaml4/add-ons/rtl-support/screen/.svn/entries  |  69 +++
 css/yaml4/add-ons/rtl-support/screen/.svn/format   |   1 +
 .../.svn/text-base/typography-rtl.css.svn-base     |  44 ++
 .../add-ons/rtl-support/screen/typography-rtl.css  |  44 ++
 css/yaml4/add-ons/syncheight/.svn/all-wcprops      |  11 +
 css/yaml4/add-ons/syncheight/.svn/entries          |  69 +++
 css/yaml4/add-ons/syncheight/.svn/format           |   1 +
 .../.svn/text-base/jquery.syncheight.js.svn-base   |  88 ++++
 css/yaml4/add-ons/syncheight/jquery.syncheight.js  |  88 ++++
 css/yaml4/core/.svn/all-wcprops                    |  29 ++
 css/yaml4/core/.svn/entries                        | 174 +++++++
 css/yaml4/core/.svn/format                         |   1 +
 css/yaml4/core/.svn/text-base/base.css.svn-base    | 484 ++++++++++++++++++
 .../core/.svn/text-base/base.min.css.svn-base      |   1 +
 css/yaml4/core/.svn/text-base/iehacks.css.svn-base | 385 +++++++++++++++
 .../core/.svn/text-base/iehacks.min.css.svn-base   |   1 +
 css/yaml4/core/base.css                            | 484 ++++++++++++++++++
 css/yaml4/core/base.min.css                        |   1 +
 css/yaml4/core/iehacks.css                         | 385 +++++++++++++++
 css/yaml4/core/iehacks.min.css                     |   1 +
 css/yaml4/core/js/.svn/all-wcprops                 |  11 +
 css/yaml4/core/js/.svn/entries                     |  69 +++
 css/yaml4/core/js/.svn/format                      |   1 +
 .../js/.svn/text-base/yaml-focusfix.js.svn-base    |  72 +++
 css/yaml4/core/js/yaml-focusfix.js                 |  72 +++
 css/yaml4/forms/.svn/all-wcprops                   |  17 +
 css/yaml4/forms/.svn/entries                       | 103 ++++
 css/yaml4/forms/.svn/format                        |   1 +
 .../forms/.svn/text-base/blue-theme.css.svn-base   | 421 ++++++++++++++++
 .../forms/.svn/text-base/gray-theme.css.svn-base   | 421 ++++++++++++++++
 css/yaml4/forms/blue-theme.css                     | 421 ++++++++++++++++
 css/yaml4/forms/gray-theme.css                     | 421 ++++++++++++++++
 css/yaml4/navigation/.svn/all-wcprops              |  23 +
 css/yaml4/navigation/.svn/entries                  | 137 ++++++
 css/yaml4/navigation/.svn/format                   |   1 +
 .../.svn/text-base/hlist-blue.css.svn-base         | 134 +++++
 .../navigation/.svn/text-base/hlist.css.svn-base   | 134 +++++
 .../navigation/.svn/text-base/vlist.css.svn-base   | 125 +++++
 css/yaml4/navigation/hlist-blue.css                | 134 +++++
 css/yaml4/navigation/hlist.css                     | 134 +++++
 css/yaml4/navigation/vlist.css                     | 125 +++++
 css/yaml4/print/.svn/all-wcprops                   |  11 +
 css/yaml4/print/.svn/entries                       |  69 +++
 css/yaml4/print/.svn/format                        |   1 +
 css/yaml4/print/.svn/text-base/print.css.svn-base  |  69 +++
 css/yaml4/print/print.css                          |  69 +++
 css/yaml4/screen/.svn/all-wcprops                  |  23 +
 css/yaml4/screen/.svn/entries                      | 137 ++++++
 css/yaml4/screen/.svn/format                       |   1 +
 css/yaml4/screen/.svn/text-base/astaf.css.svn-base | 212 ++++++++
 .../.svn/text-base/typography-blue.css.svn-base    | 468 ++++++++++++++++++
 .../screen/.svn/text-base/typography.css.svn-base  | 468 ++++++++++++++++++
 css/yaml4/screen/astaf.css                         | 212 ++++++++
 css/yaml4/screen/typography-blue.css               | 468 ++++++++++++++++++
 css/yaml4/screen/typography.css                    | 468 ++++++++++++++++++
 protected/config/main.php                          |   5 +-
 themes/astaf/views/layouts/main.php                | 222 +++++++++
 179 files changed, 11892 insertions(+), 2 deletions(-)
 create mode 100644 css/astaf/ie_patch_layout.css
 create mode 100644 css/astaf/layout.css
 create mode 100644 css/yaml4/.svn/all-wcprops
 create mode 100644 css/yaml4/.svn/entries
 create mode 100644 css/yaml4/.svn/format
 create mode 100644 css/yaml4/add-ons/.svn/all-wcprops
 create mode 100644 css/yaml4/add-ons/.svn/entries
 create mode 100644 css/yaml4/add-ons/.svn/format
 create mode 100644 css/yaml4/add-ons/accessible-tabs/.svn/all-wcprops
 create mode 100644 css/yaml4/add-ons/accessible-tabs/.svn/entries
 create mode 100644 css/yaml4/add-ons/accessible-tabs/.svn/format
 create mode 100644 css/yaml4/add-ons/accessible-tabs/.svn/text-base/jquery.tabs.js.svn-base
 create mode 100644 css/yaml4/add-ons/accessible-tabs/.svn/text-base/tabs.css.svn-base
 create mode 100644 css/yaml4/add-ons/accessible-tabs/jquery.tabs.js
 create mode 100644 css/yaml4/add-ons/accessible-tabs/tabs.css
 create mode 100644 css/yaml4/add-ons/microformats/.svn/all-wcprops
 create mode 100644 css/yaml4/add-ons/microformats/.svn/entries
 create mode 100644 css/yaml4/add-ons/microformats/.svn/format
 create mode 100644 css/yaml4/add-ons/microformats/.svn/text-base/microformats.css.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/all-wcprops
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/entries
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/format
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/prop-base/external_link.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/prop-base/hcalendar.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/prop-base/hcard.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-geo.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hatom.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-haudio.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcalendar-add.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcalendar-download.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcalendar.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcard-add.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcard-download.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcard.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hresume.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-rel-tag.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-xfn.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/text-base/external_link.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/text-base/hcalendar.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/text-base/hcard.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-geo.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hatom.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-haudio.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcalendar-add.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcalendar-download.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcalendar.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcard-add.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcard-download.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcard.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hresume.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-rel-tag.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-xfn.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/external_link.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/hcalendar.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/hcard.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/icon-geo.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/icon-hatom.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/icon-haudio.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/icon-hcalendar-add.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/icon-hcalendar-download.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/icon-hcalendar.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/icon-hcard-add.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/icon-hcard-download.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/icon-hcard.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/icon-hresume.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/icon-rel-tag.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/icon-xfn.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/all-wcprops
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/entries
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/format
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-child.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-colleague-met.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-colleague.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-friend-met.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-friend.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-me.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-parent.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-small.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-spouse.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-sweetheart-met.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-sweetheart.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-child.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-colleague-met.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-colleague.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-friend-met.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-friend.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-me.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-parent.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-small.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-spouse.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-sweetheart-met.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-sweetheart.png.svn-base
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/xfn-child.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/xfn-colleague-met.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/xfn-colleague.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/xfn-friend-met.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/xfn-friend.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/xfn-me.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/xfn-parent.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/xfn-small.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/xfn-spouse.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/xfn-sweetheart-met.png
 create mode 100644 css/yaml4/add-ons/microformats/icons/xfn/xfn-sweetheart.png
 create mode 100644 css/yaml4/add-ons/microformats/microformats.css
 create mode 100644 css/yaml4/add-ons/rtl-support/.svn/all-wcprops
 create mode 100644 css/yaml4/add-ons/rtl-support/.svn/entries
 create mode 100644 css/yaml4/add-ons/rtl-support/.svn/format
 create mode 100644 css/yaml4/add-ons/rtl-support/core/.svn/all-wcprops
 create mode 100644 css/yaml4/add-ons/rtl-support/core/.svn/entries
 create mode 100644 css/yaml4/add-ons/rtl-support/core/.svn/format
 create mode 100644 css/yaml4/add-ons/rtl-support/core/.svn/text-base/base-rtl.css.svn-base
 create mode 100644 css/yaml4/add-ons/rtl-support/core/.svn/text-base/base-rtl.min.css.svn-base
 create mode 100644 css/yaml4/add-ons/rtl-support/core/base-rtl.css
 create mode 100644 css/yaml4/add-ons/rtl-support/core/base-rtl.min.css
 create mode 100644 css/yaml4/add-ons/rtl-support/navigation/.svn/all-wcprops
 create mode 100644 css/yaml4/add-ons/rtl-support/navigation/.svn/entries
 create mode 100644 css/yaml4/add-ons/rtl-support/navigation/.svn/format
 create mode 100644 css/yaml4/add-ons/rtl-support/navigation/.svn/text-base/hlist-rtl.css.svn-base
 create mode 100644 css/yaml4/add-ons/rtl-support/navigation/.svn/text-base/vlist-rtl.css.svn-base
 create mode 100644 css/yaml4/add-ons/rtl-support/navigation/hlist-rtl.css
 create mode 100644 css/yaml4/add-ons/rtl-support/navigation/vlist-rtl.css
 create mode 100644 css/yaml4/add-ons/rtl-support/screen/.svn/all-wcprops
 create mode 100644 css/yaml4/add-ons/rtl-support/screen/.svn/entries
 create mode 100644 css/yaml4/add-ons/rtl-support/screen/.svn/format
 create mode 100644 css/yaml4/add-ons/rtl-support/screen/.svn/text-base/typography-rtl.css.svn-base
 create mode 100644 css/yaml4/add-ons/rtl-support/screen/typography-rtl.css
 create mode 100644 css/yaml4/add-ons/syncheight/.svn/all-wcprops
 create mode 100644 css/yaml4/add-ons/syncheight/.svn/entries
 create mode 100644 css/yaml4/add-ons/syncheight/.svn/format
 create mode 100644 css/yaml4/add-ons/syncheight/.svn/text-base/jquery.syncheight.js.svn-base
 create mode 100644 css/yaml4/add-ons/syncheight/jquery.syncheight.js
 create mode 100644 css/yaml4/core/.svn/all-wcprops
 create mode 100644 css/yaml4/core/.svn/entries
 create mode 100644 css/yaml4/core/.svn/format
 create mode 100644 css/yaml4/core/.svn/text-base/base.css.svn-base
 create mode 100644 css/yaml4/core/.svn/text-base/base.min.css.svn-base
 create mode 100644 css/yaml4/core/.svn/text-base/iehacks.css.svn-base
 create mode 100644 css/yaml4/core/.svn/text-base/iehacks.min.css.svn-base
 create mode 100644 css/yaml4/core/base.css
 create mode 100644 css/yaml4/core/base.min.css
 create mode 100644 css/yaml4/core/iehacks.css
 create mode 100644 css/yaml4/core/iehacks.min.css
 create mode 100644 css/yaml4/core/js/.svn/all-wcprops
 create mode 100644 css/yaml4/core/js/.svn/entries
 create mode 100644 css/yaml4/core/js/.svn/format
 create mode 100644 css/yaml4/core/js/.svn/text-base/yaml-focusfix.js.svn-base
 create mode 100644 css/yaml4/core/js/yaml-focusfix.js
 create mode 100644 css/yaml4/forms/.svn/all-wcprops
 create mode 100644 css/yaml4/forms/.svn/entries
 create mode 100644 css/yaml4/forms/.svn/format
 create mode 100644 css/yaml4/forms/.svn/text-base/blue-theme.css.svn-base
 create mode 100644 css/yaml4/forms/.svn/text-base/gray-theme.css.svn-base
 create mode 100644 css/yaml4/forms/blue-theme.css
 create mode 100644 css/yaml4/forms/gray-theme.css
 create mode 100644 css/yaml4/navigation/.svn/all-wcprops
 create mode 100644 css/yaml4/navigation/.svn/entries
 create mode 100644 css/yaml4/navigation/.svn/format
 create mode 100644 css/yaml4/navigation/.svn/text-base/hlist-blue.css.svn-base
 create mode 100644 css/yaml4/navigation/.svn/text-base/hlist.css.svn-base
 create mode 100644 css/yaml4/navigation/.svn/text-base/vlist.css.svn-base
 create mode 100644 css/yaml4/navigation/hlist-blue.css
 create mode 100644 css/yaml4/navigation/hlist.css
 create mode 100644 css/yaml4/navigation/vlist.css
 create mode 100644 css/yaml4/print/.svn/all-wcprops
 create mode 100644 css/yaml4/print/.svn/entries
 create mode 100644 css/yaml4/print/.svn/format
 create mode 100644 css/yaml4/print/.svn/text-base/print.css.svn-base
 create mode 100644 css/yaml4/print/print.css
 create mode 100644 css/yaml4/screen/.svn/all-wcprops
 create mode 100644 css/yaml4/screen/.svn/entries
 create mode 100644 css/yaml4/screen/.svn/format
 create mode 100644 css/yaml4/screen/.svn/text-base/astaf.css.svn-base
 create mode 100644 css/yaml4/screen/.svn/text-base/typography-blue.css.svn-base
 create mode 100644 css/yaml4/screen/.svn/text-base/typography.css.svn-base
 create mode 100644 css/yaml4/screen/astaf.css
 create mode 100644 css/yaml4/screen/typography-blue.css
 create mode 100644 css/yaml4/screen/typography.css
 create mode 100644 themes/astaf/views/layouts/main.php

diff --git a/css/astaf/ie_patch_layout.css b/css/astaf/ie_patch_layout.css
new file mode 100644
index 0000000..54a6452
--- /dev/null
+++ b/css/astaf/ie_patch_layout.css
@@ -0,0 +1,47 @@
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
+ * (en) IE patch stylesheet 
+ * (de) IE-Anpassungs-Stylesheet
+ *
+ * @creator       YAML Builder V1.2.1 (http://builder.yaml.de)
+ * @file          patch_my_layout.css
+ * @-yaml-minver  3.3
+ */
+
+/* Layout independent adjustments | Layout-unabhängige Anpassungen  */
+@import url(../../../yaml/core/iehacks.css);
+
+/* Layout-dependent adjustments | Layout-abhängige Anpassungen */
+@media screen, projection
+{
+ /**
+  * Bugfix for IE 3-Pixel-Jog Bug
+  *
+  * @bugfix
+  * @affected   IE 5.x/Win, IE6
+  * @css-for    IE 5.x/Win, IE6
+  * @valid      yes
+  */
+
+  * html #col3 {height: 1%}
+  * html #col1 {margin-right: -3px}
+  * html #col2 {margin-left: -3px}
+  * html #col3 {margin-left: 24%; margin-right: 24% }
+
+ /**
+  * min-width/max-width workaround for IE
+  *
+  * @workaround
+  * @affected   IE 5.x/Win, IE6
+  * @css-for    IE 5.x/Win, IE6
+  * @valid      no
+  */
+
+  * html .page_margins {
+    /* Fallback if JavaScript is disabled */
+    width: auto;
+
+    /* JS-Expression for min-/max-width simulation */
+    width: expression((document.documentElement && document.documentElement.clientHeight) ? ((document.documentElement.clientWidth < 740) ? "740px" : ((document.documentElement.clientWidth > (90 * 16 * (parseInt(this.parentNode.currentStyle.fontSize) / 100))) ? "90em" : "auto" )) : ((document.body.clientWidth < 740) ? "740px" : ((document.body.clientWidth > (90 * 16 * (parseInt(this.parentNode.currentStyle.fontSize) / 100))) ? "90em" : "auto" )));
+  }
+}
diff --git a/css/astaf/layout.css b/css/astaf/layout.css
new file mode 100644
index 0000000..33b2088
--- /dev/null
+++ b/css/astaf/layout.css
@@ -0,0 +1,95 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * central stylesheet - layout example "flexible-grids"
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.0
+ * @lastmodified    $Date: 2012-01-22 12:01:24 +0100 (So, 22 Jan 2012) $
+ */
+
+/* Google Font API */
+@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:700);
+
+/* import core styles | Basis-Stylesheets einbinden */
+@import url(../yaml4/core/base.css);
+
+/* import screen layout | Screen-Layout einbinden */
+@import url(../yaml4/navigation/hlist-blue.css);
+@import url(../yaml4/forms/blue-theme.css);
+
+@import url(../yaml4/screen/typography-blue.css);
+@import url(../yaml4/screen/astaf.css);
+
+/* import print layout | Druck-Layout einbinden */
+@import url(../yaml4/print/print.css);
+
+ ul#navigation {
+    /*margin: 0; padding: 0;
+    text-align: center;*/
+  }
+
+  ul#navigation li {
+    list-style: none;
+    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
+    position: relative;
+    margin: 0.4em; padding: 0;
+    z-index:1000;
+  }
+  * html ul#navigation li {  /* Korrektur fuer den IE 5 und 6 */
+    margin-bottom: -0.4em;
+  }
+  *:first-child+html ul#navigation li {  /* Korrektur fuer den IE 7 */
+    margin-bottom: -0.1em;
+  }
+
+  ul#navigation li ul {
+    margin: 0; padding: 0;
+    position: absolute;
+    top: 1.6em; left: -0.4em;
+    display: none;  /* Unternavigation ausblenden */
+  }
+  * html ul#navigation li ul {  /* Korrektur fuer IE 5.x */
+    left: -1.5em;
+    lef\t: -0.4em;
+  }
+  *:first-child+html ul#navigation ul {  /* Workaround fuer den IE 7 */
+    background-color:silver; padding-bottom:0.4em;
+  }
+  ul#navigation li:hover ul {
+    display: block;  /* Unternavigation in modernen Browsern einblenden */
+  }
+  ul#navigation li ul li {
+    float: none;
+    display: block;
+    margin-bottom: 0.2em;
+  }
+
+  ul#navigation a, ul#navigation span {
+    display: block;
+    width: 6.4em;  /* Breite den in li enthaltenen Elementen zuweisen */
+    padding: 0.2em 1em;
+    text-decoration: none; font-weight: bold;
+    border: 1px solid black;
+    border-left-color: white; border-top-color: white;
+    color: maroon; background-color: #ccc;
+  }
+  * html ul#navigation a, * html ul#navigation span {
+    width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
+    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
+  }
+  ul#navigation a:hover, ul#navigation span, li a#aktuell {
+    border-color: white;
+    border-left-color: black; border-top-color: black;
+    color: white; background-color: gray;
+  }
+  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
+    color: maroon; background-color: silver;
+  }
+  ul#navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
+    background-color: maroon;
+  }
\ No newline at end of file
diff --git a/css/yaml4/.svn/all-wcprops b/css/yaml4/.svn/all-wcprops
new file mode 100644
index 0000000..3cdb138
--- /dev/null
+++ b/css/yaml4/.svn/all-wcprops
@@ -0,0 +1,5 @@
+K 25
+svn:wc:ra_dav:version-url
+V 66
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4
+END
diff --git a/css/yaml4/.svn/entries b/css/yaml4/.svn/entries
new file mode 100644
index 0000000..125d0cd
--- /dev/null
+++ b/css/yaml4/.svn/entries
@@ -0,0 +1,53 @@
+9
+
+dir
+206
+https://intern.ccwn.org/svn/Themis/ccwn-themis-static/trunk/WebContent/yaml4
+https://intern.ccwn.org/svn/Themis
+
+
+
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+svn:special svn:externals svn:needs-lock
+
+
+
+
+
+
+
+
+
+
+
+e7c95c98-50ad-428d-8ede-669ef7f8c951
+
+
+
+
+
+
+0
+
+navigation
+dir
+
+screen
+dir
+
+add-ons
+dir
+
+forms
+dir
+
+core
+dir
+
+print
+dir
+
diff --git a/css/yaml4/.svn/format b/css/yaml4/.svn/format
new file mode 100644
index 0000000..ec63514
--- /dev/null
+++ b/css/yaml4/.svn/format
@@ -0,0 +1 @@
+9
diff --git a/css/yaml4/add-ons/.svn/all-wcprops b/css/yaml4/add-ons/.svn/all-wcprops
new file mode 100644
index 0000000..b37d385
--- /dev/null
+++ b/css/yaml4/add-ons/.svn/all-wcprops
@@ -0,0 +1,5 @@
+K 25
+svn:wc:ra_dav:version-url
+V 74
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons
+END
diff --git a/css/yaml4/add-ons/.svn/entries b/css/yaml4/add-ons/.svn/entries
new file mode 100644
index 0000000..81b0fc8
--- /dev/null
+++ b/css/yaml4/add-ons/.svn/entries
@@ -0,0 +1,47 @@
+9
+
+dir
+206
+https://intern.ccwn.org/svn/Themis/ccwn-themis-static/trunk/WebContent/yaml4/add-ons
+https://intern.ccwn.org/svn/Themis
+
+
+
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+svn:special svn:externals svn:needs-lock
+
+
+
+
+
+
+
+
+
+
+
+e7c95c98-50ad-428d-8ede-669ef7f8c951
+
+
+
+
+
+
+0
+
+accessible-tabs
+dir
+
+microformats
+dir
+
+syncheight
+dir
+
+rtl-support
+dir
+
diff --git a/css/yaml4/add-ons/.svn/format b/css/yaml4/add-ons/.svn/format
new file mode 100644
index 0000000..ec63514
--- /dev/null
+++ b/css/yaml4/add-ons/.svn/format
@@ -0,0 +1 @@
+9
diff --git a/css/yaml4/add-ons/accessible-tabs/.svn/all-wcprops b/css/yaml4/add-ons/accessible-tabs/.svn/all-wcprops
new file mode 100644
index 0000000..f799dff
--- /dev/null
+++ b/css/yaml4/add-ons/accessible-tabs/.svn/all-wcprops
@@ -0,0 +1,17 @@
+K 25
+svn:wc:ra_dav:version-url
+V 90
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/accessible-tabs
+END
+tabs.css
+K 25
+svn:wc:ra_dav:version-url
+V 99
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/accessible-tabs/tabs.css
+END
+jquery.tabs.js
+K 25
+svn:wc:ra_dav:version-url
+V 105
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/accessible-tabs/jquery.tabs.js
+END
diff --git a/css/yaml4/add-ons/accessible-tabs/.svn/entries b/css/yaml4/add-ons/accessible-tabs/.svn/entries
new file mode 100644
index 0000000..896bb97
--- /dev/null
+++ b/css/yaml4/add-ons/accessible-tabs/.svn/entries
@@ -0,0 +1,103 @@
+9
+
+dir
+206
+https://intern.ccwn.org/svn/Themis/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/accessible-tabs
+https://intern.ccwn.org/svn/Themis
+
+
+
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+svn:special svn:externals svn:needs-lock
+
+
+
+
+
+
+
+
+
+
+
+e7c95c98-50ad-428d-8ede-669ef7f8c951
+
+
+
+
+
+
+0
+
+tabs.css
+file
+
+
+
+
+2012-01-29T22:53:54.000000Z
+e39979c8568a94645e8410871f7a747a
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+3028
+
+jquery.tabs.js
+file
+
+
+
+
+2012-01-07T10:52:00.000000Z
+ff357b48b6fff145d0f276ce265869e2
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+15059
+
diff --git a/css/yaml4/add-ons/accessible-tabs/.svn/format b/css/yaml4/add-ons/accessible-tabs/.svn/format
new file mode 100644
index 0000000..ec63514
--- /dev/null
+++ b/css/yaml4/add-ons/accessible-tabs/.svn/format
@@ -0,0 +1 @@
+9
diff --git a/css/yaml4/add-ons/accessible-tabs/.svn/text-base/jquery.tabs.js.svn-base b/css/yaml4/add-ons/accessible-tabs/.svn/text-base/jquery.tabs.js.svn-base
new file mode 100644
index 0000000..b028f06
--- /dev/null
+++ b/css/yaml4/add-ons/accessible-tabs/.svn/text-base/jquery.tabs.js.svn-base
@@ -0,0 +1,314 @@
+/**
+ * Accessible Tabs - jQuery plugin for accessible, unobtrusive tabs
+ * Build to seemlessly work with the CCS-Framework YAML (yaml.de) not depending on YAML though
+ * @requires jQuery - tested with 1.4.2 but might as well work with older versions
+ *
+ * english article: http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php
+ * german article: http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-Wie-man-Tabs-WIRKLICH-zugaenglich-macht.php
+ *
+ * code: http://github.com/ginader/Accessible-Tabs
+ * please report issues at: http://github.com/ginader/Accessible-Tabs/issues
+ *
+ * Copyright (c) 2007 Dirk Ginader (ginader.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ * Version: 1.9.2
+ *
+ * History:
+ * * 1.0 initial release
+ * * 1.1 added a lot of Accessibility enhancements
+ * * * rewrite to use "fn.extend" structure
+ * * * added check for existing ids on the content containers to use to proper anchors in the tabs
+ * * 1.1.1 changed the headline markup. thanks to Mike Davies for the hint.
+ * * 1.5 thanks to Dirk Jesse, Ansgar Hein, David Maciejewski and Mike West for commiting patches to this release
+ * * * new option syncheights that syncs the heights of the tab contents when the SyncHeight plugin
+ * *   is available http://blog.ginader.de/dev/jquery/syncheight/index.php
+ * * * fixed the hardcoded current class
+ * * * new option tabsListClass to be applied to the generated list of tabs above the content so lists
+ * *   inside the tabscontent can be styled differently
+ * * * added clearfix and tabcounter that adds a class in the schema "tabamount{number amount of tabs}"
+ * *   to the ul containg the tabs so one can style the tabs to fit 100% into the width
+ * * * new option "syncHeightMethodName" fixed issue: http://github.com/ginader/Accessible-Tabs/issues/2/find
+ * * * new Method showAccessibleTab({index number of the tab to show starting with 0})	fixed issue: http://github.com/ginader/Accessible-Tabs/issues/3/find
+ * * * added support for the Cursor Keys to come closer to the WAI ARIA Tab Panel Best Practices http://github.com/ginader/Accessible-Tabs/issues/1/find
+ * * 1.6
+ * * * new option "saveState" to allow tabs remember their selected state using cookies requires the cookie plugin: http://plugins.jquery.com/project/Cookie
+ * * * changed supported jquery version to 1.4.2 to make sure it's future compatible
+ * * * new option "autoAnchor" which allows to add ID's to headlines in the tabs markup that allow direct linking into a tab i.e.: file.html#headlineID
+ * * 1.7
+ * * * new option "pagination" that adds links to show the next/previous tab. This adds the following markup to each tab for you to style:
+ * * *  <ul class="pagination">
+ * * *    <li class="previous"><a href="#{the-id-of-the-previous-tab}"><span>{the headline of the previous tab}</span></a></li>
+ * * *    <li class="next"><a href="#{the-id-of-the-next-tab}"><span>{the headline of the previous tab}</span></a></li>
+ * * *  </ul>
+ * * 1.8
+ * * * new option "position" can be 'top' or 'bottom'. Defines where the tabs list is inserted.
+ * * 1.8.1
+ * * * Bugfix for broken pagination in ie6 and 7: Selector and object access modified by Daniel Köntös (www.MilkmanMedia.de). Thanks to Carolin Moll for the report.
+ * * 1.8.2
+ * * * Bugfix for issue described by Sunshine here: http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php#c916
+ * * 1.8.3
+ * * * Bugfix by Michael Schulze: Only change current class in tab navigation and not in all unordered lists inside the tabs.
+ * * 1.9
+ * * * new method showAccessibleTabSelector({valid jQuery selector of the tab to show}) that allows the opening of tabs \
+ * * * by jQuery Selector instead of the index in showAccessibleTab() fixing issue https://github.com/ginader/Accessible-Tabs/issues/15
+ * * 1.9.1 by Michael Schulze:
+ * * * firstNavItemClass and lastNavItemClass to define a custom classname on the first and last tab
+ * * * wrapInnerNavLinks: inner wrap for a-tags in tab navigation.
+ * * 1.9.2
+ * * * Bugfix by Dirk Jesse: fixing an issue that happened when passing multiple selectors to the init call instead of one
+ * * * Bugfix that fixes a reset of the tabs counter when accessibleTabs() was called more than once on a page
+ */
+
+
+(function($) {
+	var debugMode = true;
+	$.fn.extend({
+		// We assume there could be multiple sets of tabs on a page, so,
+		// the unique id for each invididual tab's heading is identified with params q and r (e.g., id="accessibletabscontent0-2")
+		getUniqueId: function(p, q, r){
+			if (r===undefined) {r='';} else {r='-'+r;}
+			return p + q + r;
+		},
+		accessibleTabs: function(config) {
+			var defaults = {
+				wrapperClass: 'content', // Classname to apply to the div that is wrapped around the original Markup
+				currentClass: 'current', // Classname to apply to the LI of the selected Tab
+				tabhead: 'h4', // Tag or valid Query Selector of the Elements to Transform the Tabs-Navigation from (originals are removed)
+				tabheadClass: 'tabhead', // Classname to apply to the target heading element for each tab div
+				tabbody: '.tabbody', // Tag or valid Query Selector of the Elements to be treated as the Tab Body
+				fx:'show', // can be "fadeIn", "slideDown", "show"
+				fxspeed: 'normal', // speed (String|Number): "slow", "normal", or "fast") or the number of milliseconds to run the animation
+				currentInfoText: 'current tab: ', // text to indicate for screenreaders which tab is the current one
+				currentInfoPosition: 'prepend', // Definition where to insert the Info Text. Can be either "prepend" or "append"
+				currentInfoClass: 'current-info', // Class to apply to the span wrapping the CurrentInfoText
+				tabsListClass:'tabs-list', // Class to apply to the generated list of tabs above the content
+				syncheights:false, // syncs the heights of the tab contents when the SyncHeight plugin is available http://blog.ginader.de/dev/jquery/syncheight/index.php
+				syncHeightMethodName:'syncHeight', // set the Method name of the plugin you want to use to sync the tab contents. Defaults to the SyncHeight plugin: http://github.com/ginader/syncHeight
+				cssClassAvailable:false, // Enable individual css classes for tabs. Gets the appropriate class name of a tabhead element and apply it to the tab list element. Boolean value
+				saveState:false, // save the selected tab into a cookie so it stays selected after a reload. This requires that the wrapping div needs to have an ID (so we know which tab we're saving)
+				autoAnchor:false, // will move over any existing id of a headline in tabs markup so it can be linked to it
+				pagination:false, // adds buttons to each tab to switch to the next/previous tab
+				position:'top', // can be 'top' or 'bottom'. Defines where the tabs list is inserted.
+				wrapInnerNavLinks: '', // inner wrap for a-tags in tab navigation. See http://api.jquery.com/wrapInner/ for further informations
+				firstNavItemClass: 'first', // Classname of the first list item in the tab navigation
+				lastNavItemClass: 'last' // Classname of the last list item in the tab navigation
+			};
+			var keyCodes = {
+				37 : -1, //LEFT
+				38 : -1, //UP
+				39 : +1, //RIGHT
+				40 : +1 //DOWN
+			};
+			var positions = {
+				top : 'prepend',
+				bottom : 'append'
+			};
+			this.options = $.extend(defaults, config);
+
+			var tabsCount = 0;
+			if($("body").data('accessibleTabsCount') !== undefined){
+				tabsCount = $("body").data('accessibleTabsCount');
+			}
+			$("body").data('accessibleTabsCount',this.size()+tabsCount);
+
+			var o = this;
+			return this.each(function(t) {
+				var el = $(this);
+				var list = '';
+				var tabCount = 0;
+				var ids = [];
+
+				$(el).wrapInner('<div class="'+o.options.wrapperClass+'"></div>');
+
+				$(el).find(o.options.tabhead).each(function(i){
+					var id = '';
+					elId = $(this).attr('id');
+					if(elId){
+						// Skip this item if it already exists.
+						if(elId.indexOf('accessibletabscontent') === 0) {
+							return;
+						}
+						id =' id="'+elId+'"';
+					}
+					var tabId = o.getUniqueId('accessibletabscontent', tabsCount+t, i);//get a unique id to assign to this tab's heading
+					var navItemId = o.getUniqueId('accessibletabsnavigation', tabsCount+t, i);//get a unique id for this navigation item
+					ids.push(tabId);
+					if(o.options.cssClassAvailable === true) {
+						var cssClass = '';
+						if($(this).attr('class')) {
+							cssClass = $(this).attr('class');
+							cssClass = ' class="'+cssClass+'"';
+							list += '<li id="'+navItemId+'"><a'+id+''+cssClass+' href="#'+tabId+'">'+$(this).html()+'</a></li>';
+						}
+					} else {
+						list += '<li id="'+navItemId+'"><a'+id+' href="#'+tabId+'">'+$(this).html()+'</a></li>';
+					}
+					$(this).attr({"id": tabId, "class": o.options.tabheadClass, "tabindex": "-1"});//assign the unique id and the tabheadClass class name to this tab's heading
+					tabCount++;
+				});
+
+				if (o.options.syncheights && $.fn[o.options.syncHeightMethodName]) {
+					$(el).find(o.options.tabbody)[o.options.syncHeightMethodName]();
+					$(window).resize(function(){
+						$(el).find(o.options.tabbody)[o.options.syncHeightMethodName]();
+					});
+				}
+
+				// Ensure that the call to setup tabs is re-runnable
+				var tabs_selector = '.' + o.options.tabsListClass;
+				if(!$(el).find(tabs_selector).length) {
+					$(el)[positions[o.options.position]]('<ul class="clearfix '+o.options.tabsListClass+' tabamount'+tabCount+'"></ul>');
+				}
+
+				$(el).find(tabs_selector).append(list);
+
+				// initial show first content block and hide the others
+				var content = $(el).find(o.options.tabbody);
+				if (content.length > 0) {
+					$(content).hide();
+					$(content[0]).show();
+				}
+				$(el).find("ul."+o.options.tabsListClass+">li:first").addClass(o.options.currentClass).addClass(o.options.firstNavItemClass)
+					.find('a')[o.options.currentInfoPosition]('<span class="'+o.options.currentInfoClass+'">'+o.options.currentInfoText+'</span>')
+					.parents("ul."+o.options.tabsListClass).children('li:last').addClass(o.options.lastNavItemClass);
+
+				if (o.options.wrapInnerNavLinks) {
+					$(el).find('ul.'+o.options.tabsListClass+'>li>a').wrapInner(o.options.wrapInnerNavLinks);
+				}
+
+				$(el).find('ul.'+o.options.tabsListClass+'>li>a').each(function(i){
+					$(this).click(function(event){
+						event.preventDefault();
+						el.trigger("showTab.accessibleTabs", [$(event.target)]);
+						if(o.options.saveState && $.cookie){
+							$.cookie('accessibletab_'+el.attr('id')+'_active',i);
+						}
+						$(el).find('ul.'+o.options.tabsListClass+'>li.'+o.options.currentClass).removeClass(o.options.currentClass)
+						.find("span."+o.options.currentInfoClass).remove();
+						$(this).blur();
+						$(el).find(o.options.tabbody+':visible').hide();
+						$(el).find(o.options.tabbody).eq(i)[o.options.fx](o.options.fxspeed);
+						$(this)[o.options.currentInfoPosition]('<span class="'+o.options.currentInfoClass+'">'+o.options.currentInfoText+'</span>')
+						.parent().addClass(o.options.currentClass);
+						//now, only after writing the currentInfoText span to the tab list link, set focus to the tab's heading
+						$($(this).attr("href")).focus().keyup(function(event){
+							if(keyCodes[event.keyCode]){
+								o.showAccessibleTab(i+keyCodes[event.keyCode]);
+								$(this).unbind( "keyup" );
+							}
+						});
+
+						// $(el).find('.accessibletabsanchor').keyup(function(event){
+						//	   if(keyCodes[event.keyCode]){
+						//		   o.showAccessibleTab(i+keyCodes[event.keyCode]);
+						//	   }
+						// });
+
+
+					});
+
+					$(this).focus(function(event){
+						$(document).keyup(function(event){
+							if(keyCodes[event.keyCode]){
+								o.showAccessibleTab(i+keyCodes[event.keyCode]);
+							}
+						});
+					});
+					$(this).blur(function(event){
+						$(document).unbind( "keyup" );
+					});
+
+				});
+
+				if(o.options.saveState && $.cookie){
+					var savedState = $.cookie('accessibletab_'+el.attr('id')+'_active');
+					debug($.cookie('accessibletab_'+el.attr('id')+'_active'));
+					if(savedState !== null){
+						o.showAccessibleTab(savedState,el.attr('id'));
+					}
+				}
+
+				if(o.options.autoAnchor && window.location.hash){
+					var anchorTab = $('.'+o.options.tabsListClass).find(window.location.hash);
+					if(anchorTab.size()){
+						anchorTab.click();
+					}
+				}
+
+				if(o.options.pagination){
+					var m = '<ul class="pagination">';
+					m +='	 <li class="previous"><a href="#{previousAnchor}"><span>{previousHeadline}</span></a></li>';
+					m +='	 <li class="next"><a href="#{nextAnchor}"><span>{nextHeadline}</span></a></li>';
+					m +='</ul>';
+					var tabs = $(el).find('.tabbody');
+					var tabcount = tabs.size();
+					tabs.each(function(idx){
+						$(this).append(m);
+						var next = idx+1;
+						if(next>=tabcount){next = 0;}
+						var previous = idx-1;
+						if(previous<0){previous = tabcount-1;}
+						var p = $(this).find('.pagination');
+						var previousEl = p.find('.previous');
+						previousEl.find('span').text($('#'+ids[previous]).text());
+						previousEl.find('a').attr('href','#'+ids[previous])
+						.click(function(event){
+							event.preventDefault();
+							$(el).find('.tabs-list a').eq(previous).click();
+						});
+						var nextEl = p.find('.next');
+						nextEl.find('span').text($('#'+ids[next]).text());
+						nextEl.find('a').attr('href','#'+ids[next])
+						.click(function(event){
+							event.preventDefault();
+							$(el).find('.tabs-list a').eq(next).click();
+						});
+					});
+				}
+			});
+		},
+		showAccessibleTab: function(index,id){
+			debug('showAccessibleTab');
+			var o = this;
+			if(id) {
+				var el = $('#'+id);
+				var links = el.find('ul.'+o.options.tabsListClass+'>li>a');
+				el.trigger("showTab.accessibleTabs", [links.eq(index)]);
+				links.eq(index).click();
+			} else {
+				return this.each(function() {
+					var el = $(this);
+					el.trigger("showTab.accessibleTabs");
+					var links = el.find('ul.'+o.options.tabsListClass+'>li>a');
+					el.trigger("showTab.accessibleTabs", [links.eq(index)]);
+					links.eq(index).click();
+				});
+			}
+		},
+		showAccessibleTabSelector: function(selector){
+			debug('showAccessibleTabSelector');
+			var o = this;
+			var el = $(selector);
+			if(el){
+				if(el.get(0).nodeName.toLowerCase() == 'a'){
+					el.click();
+				}else{
+					debug('the selector of a showAccessibleTabSelector() call needs to point to a tabs headline!');
+				}
+			}
+		}
+	});
+	// private Methods
+	function debug(msg,info){
+		if(debugMode && window.console && window.console.log){
+			if(info){
+				window.console.log(info+': ',msg);
+			}else{
+				window.console.log(msg);
+			}
+		}
+	}
+})(jQuery);
diff --git a/css/yaml4/add-ons/accessible-tabs/.svn/text-base/tabs.css.svn-base b/css/yaml4/add-ons/accessible-tabs/.svn/text-base/tabs.css.svn-base
new file mode 100644
index 0000000..6e88cf7
--- /dev/null
+++ b/css/yaml4/add-ons/accessible-tabs/.svn/text-base/tabs.css.svn-base
@@ -0,0 +1,136 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Styles for Accessible-Tabs plugin for jQuery
+ * (de) Gestaltung des Acessible-Tabs Plugins für jQuery
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 693 $
+ * @lastmodified    $Date: 2012-01-29 23:53:53 +0100 (So, 29 Jan 2012) $
+ */
+
+@media screen, projection {
+
+	.jquery_tabs {
+		margin:1.5em 0 0;
+	}
+
+	.jquery_tabs ul.tabs-list {
+		display:table;
+		font-size:1em;
+		line-height:1.5em;
+		list-style-type:none;
+		margin: 0;
+		position:relative;
+		z-index:1;
+	}
+
+	.jquery_tabs ul.tabs-list li a {
+		font-size:1em;
+		line-height: 1.5em;
+		padding:0.75em;
+	}
+
+	.jquery_tabs .tabhead {
+		position:absolute;
+		left:-32768px; /* LTR */
+	}
+
+	.jquery_tabs .content {
+		border-top:1px #ccc solid;
+		clear:both;
+		padding: 0;
+		position:relative;
+		top:-1px;
+		margin-bottom:-1px;
+	}
+
+	.jquery_tabs ul.tabs-list li {
+		border:0 none;
+		display:inline;
+		float:left;
+		margin:0 0.3em 0 0;
+		padding:0;
+	}
+
+	.jquery_tabs ul.tabs-list li a {
+		background: transparent;
+		color:#008;
+		display:block;
+		float:left;
+		font-weight:normal;
+		margin:0;
+	}
+
+	.jquery_tabs ul.tabs-list li a:focus,
+	.jquery_tabs ul.tabs-list li a:hover,
+	.jquery_tabs ul.tabs-list li a:active {
+		background:#eee;
+		border-radius: 0.2em 0.2em 0 0;
+		color:#000;
+		font-weight:normal;
+		outline: 0 none;
+		text-decoration:none;
+	}
+
+	.jquery_tabs ul.tabs-list li.current a,
+	.jquery_tabs ul.tabs-list li.current a:focus,
+	.jquery_tabs ul.tabs-list li.current a:hover,
+	.jquery_tabs ul.tabs-list li.current a:active {
+		background:#fff;
+		border:1px #ccc solid;
+		border-bottom:0 none;
+		border-radius: 0.2em 0.2em 0 0;
+		color:#000;
+		font-weight:bold;
+		text-decoration:none;
+	}
+
+	.jquery_tabs .current-info,
+	.jquery_tabs .accessibletabsanchor {
+		left:-999em;
+		position:absolute;
+	}
+
+	/**
+	* Avoid margin collapsing to enable correct sync of all tabs
+	*
+	* @workaround
+	* @affected all browsers
+	* @css-for all browsers
+	* @valid yes
+	*/
+
+	.jquery_tabs .tab-content {
+		border-bottom: 1px transparent solid;
+		border-top: 1px transparent solid;
+		*overflow:hidden;
+	}
+
+	/* IE < 7 don't support transparent borders */
+	* html .jquery_tabs .tab-content {
+		border-bottom: 1px #fff solid;
+		border-top: 1px #fff solid;
+	}
+
+	/**
+	* Containing floats adjustment and stability fixes for Internet Explorer
+	*
+	* @workaround
+	* @affected IE 5.x/Win, IE6, IE7
+	* @css-for IE 5.x/Win, IE6, IE7
+	* @valid no
+	*/
+
+	* html .jquery_tabs .content { z-index:-1; }
+
+	* html .jquery_tabs { zoom:1; width:auto; position:relative; }
+	*+html .jquery_tabs { zoom:1; width:auto; }
+
+	.jquery_tabs * { zoom:1; }
+}
\ No newline at end of file
diff --git a/css/yaml4/add-ons/accessible-tabs/jquery.tabs.js b/css/yaml4/add-ons/accessible-tabs/jquery.tabs.js
new file mode 100644
index 0000000..b028f06
--- /dev/null
+++ b/css/yaml4/add-ons/accessible-tabs/jquery.tabs.js
@@ -0,0 +1,314 @@
+/**
+ * Accessible Tabs - jQuery plugin for accessible, unobtrusive tabs
+ * Build to seemlessly work with the CCS-Framework YAML (yaml.de) not depending on YAML though
+ * @requires jQuery - tested with 1.4.2 but might as well work with older versions
+ *
+ * english article: http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php
+ * german article: http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-Wie-man-Tabs-WIRKLICH-zugaenglich-macht.php
+ *
+ * code: http://github.com/ginader/Accessible-Tabs
+ * please report issues at: http://github.com/ginader/Accessible-Tabs/issues
+ *
+ * Copyright (c) 2007 Dirk Ginader (ginader.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ * Version: 1.9.2
+ *
+ * History:
+ * * 1.0 initial release
+ * * 1.1 added a lot of Accessibility enhancements
+ * * * rewrite to use "fn.extend" structure
+ * * * added check for existing ids on the content containers to use to proper anchors in the tabs
+ * * 1.1.1 changed the headline markup. thanks to Mike Davies for the hint.
+ * * 1.5 thanks to Dirk Jesse, Ansgar Hein, David Maciejewski and Mike West for commiting patches to this release
+ * * * new option syncheights that syncs the heights of the tab contents when the SyncHeight plugin
+ * *   is available http://blog.ginader.de/dev/jquery/syncheight/index.php
+ * * * fixed the hardcoded current class
+ * * * new option tabsListClass to be applied to the generated list of tabs above the content so lists
+ * *   inside the tabscontent can be styled differently
+ * * * added clearfix and tabcounter that adds a class in the schema "tabamount{number amount of tabs}"
+ * *   to the ul containg the tabs so one can style the tabs to fit 100% into the width
+ * * * new option "syncHeightMethodName" fixed issue: http://github.com/ginader/Accessible-Tabs/issues/2/find
+ * * * new Method showAccessibleTab({index number of the tab to show starting with 0})	fixed issue: http://github.com/ginader/Accessible-Tabs/issues/3/find
+ * * * added support for the Cursor Keys to come closer to the WAI ARIA Tab Panel Best Practices http://github.com/ginader/Accessible-Tabs/issues/1/find
+ * * 1.6
+ * * * new option "saveState" to allow tabs remember their selected state using cookies requires the cookie plugin: http://plugins.jquery.com/project/Cookie
+ * * * changed supported jquery version to 1.4.2 to make sure it's future compatible
+ * * * new option "autoAnchor" which allows to add ID's to headlines in the tabs markup that allow direct linking into a tab i.e.: file.html#headlineID
+ * * 1.7
+ * * * new option "pagination" that adds links to show the next/previous tab. This adds the following markup to each tab for you to style:
+ * * *  <ul class="pagination">
+ * * *    <li class="previous"><a href="#{the-id-of-the-previous-tab}"><span>{the headline of the previous tab}</span></a></li>
+ * * *    <li class="next"><a href="#{the-id-of-the-next-tab}"><span>{the headline of the previous tab}</span></a></li>
+ * * *  </ul>
+ * * 1.8
+ * * * new option "position" can be 'top' or 'bottom'. Defines where the tabs list is inserted.
+ * * 1.8.1
+ * * * Bugfix for broken pagination in ie6 and 7: Selector and object access modified by Daniel Köntös (www.MilkmanMedia.de). Thanks to Carolin Moll for the report.
+ * * 1.8.2
+ * * * Bugfix for issue described by Sunshine here: http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php#c916
+ * * 1.8.3
+ * * * Bugfix by Michael Schulze: Only change current class in tab navigation and not in all unordered lists inside the tabs.
+ * * 1.9
+ * * * new method showAccessibleTabSelector({valid jQuery selector of the tab to show}) that allows the opening of tabs \
+ * * * by jQuery Selector instead of the index in showAccessibleTab() fixing issue https://github.com/ginader/Accessible-Tabs/issues/15
+ * * 1.9.1 by Michael Schulze:
+ * * * firstNavItemClass and lastNavItemClass to define a custom classname on the first and last tab
+ * * * wrapInnerNavLinks: inner wrap for a-tags in tab navigation.
+ * * 1.9.2
+ * * * Bugfix by Dirk Jesse: fixing an issue that happened when passing multiple selectors to the init call instead of one
+ * * * Bugfix that fixes a reset of the tabs counter when accessibleTabs() was called more than once on a page
+ */
+
+
+(function($) {
+	var debugMode = true;
+	$.fn.extend({
+		// We assume there could be multiple sets of tabs on a page, so,
+		// the unique id for each invididual tab's heading is identified with params q and r (e.g., id="accessibletabscontent0-2")
+		getUniqueId: function(p, q, r){
+			if (r===undefined) {r='';} else {r='-'+r;}
+			return p + q + r;
+		},
+		accessibleTabs: function(config) {
+			var defaults = {
+				wrapperClass: 'content', // Classname to apply to the div that is wrapped around the original Markup
+				currentClass: 'current', // Classname to apply to the LI of the selected Tab
+				tabhead: 'h4', // Tag or valid Query Selector of the Elements to Transform the Tabs-Navigation from (originals are removed)
+				tabheadClass: 'tabhead', // Classname to apply to the target heading element for each tab div
+				tabbody: '.tabbody', // Tag or valid Query Selector of the Elements to be treated as the Tab Body
+				fx:'show', // can be "fadeIn", "slideDown", "show"
+				fxspeed: 'normal', // speed (String|Number): "slow", "normal", or "fast") or the number of milliseconds to run the animation
+				currentInfoText: 'current tab: ', // text to indicate for screenreaders which tab is the current one
+				currentInfoPosition: 'prepend', // Definition where to insert the Info Text. Can be either "prepend" or "append"
+				currentInfoClass: 'current-info', // Class to apply to the span wrapping the CurrentInfoText
+				tabsListClass:'tabs-list', // Class to apply to the generated list of tabs above the content
+				syncheights:false, // syncs the heights of the tab contents when the SyncHeight plugin is available http://blog.ginader.de/dev/jquery/syncheight/index.php
+				syncHeightMethodName:'syncHeight', // set the Method name of the plugin you want to use to sync the tab contents. Defaults to the SyncHeight plugin: http://github.com/ginader/syncHeight
+				cssClassAvailable:false, // Enable individual css classes for tabs. Gets the appropriate class name of a tabhead element and apply it to the tab list element. Boolean value
+				saveState:false, // save the selected tab into a cookie so it stays selected after a reload. This requires that the wrapping div needs to have an ID (so we know which tab we're saving)
+				autoAnchor:false, // will move over any existing id of a headline in tabs markup so it can be linked to it
+				pagination:false, // adds buttons to each tab to switch to the next/previous tab
+				position:'top', // can be 'top' or 'bottom'. Defines where the tabs list is inserted.
+				wrapInnerNavLinks: '', // inner wrap for a-tags in tab navigation. See http://api.jquery.com/wrapInner/ for further informations
+				firstNavItemClass: 'first', // Classname of the first list item in the tab navigation
+				lastNavItemClass: 'last' // Classname of the last list item in the tab navigation
+			};
+			var keyCodes = {
+				37 : -1, //LEFT
+				38 : -1, //UP
+				39 : +1, //RIGHT
+				40 : +1 //DOWN
+			};
+			var positions = {
+				top : 'prepend',
+				bottom : 'append'
+			};
+			this.options = $.extend(defaults, config);
+
+			var tabsCount = 0;
+			if($("body").data('accessibleTabsCount') !== undefined){
+				tabsCount = $("body").data('accessibleTabsCount');
+			}
+			$("body").data('accessibleTabsCount',this.size()+tabsCount);
+
+			var o = this;
+			return this.each(function(t) {
+				var el = $(this);
+				var list = '';
+				var tabCount = 0;
+				var ids = [];
+
+				$(el).wrapInner('<div class="'+o.options.wrapperClass+'"></div>');
+
+				$(el).find(o.options.tabhead).each(function(i){
+					var id = '';
+					elId = $(this).attr('id');
+					if(elId){
+						// Skip this item if it already exists.
+						if(elId.indexOf('accessibletabscontent') === 0) {
+							return;
+						}
+						id =' id="'+elId+'"';
+					}
+					var tabId = o.getUniqueId('accessibletabscontent', tabsCount+t, i);//get a unique id to assign to this tab's heading
+					var navItemId = o.getUniqueId('accessibletabsnavigation', tabsCount+t, i);//get a unique id for this navigation item
+					ids.push(tabId);
+					if(o.options.cssClassAvailable === true) {
+						var cssClass = '';
+						if($(this).attr('class')) {
+							cssClass = $(this).attr('class');
+							cssClass = ' class="'+cssClass+'"';
+							list += '<li id="'+navItemId+'"><a'+id+''+cssClass+' href="#'+tabId+'">'+$(this).html()+'</a></li>';
+						}
+					} else {
+						list += '<li id="'+navItemId+'"><a'+id+' href="#'+tabId+'">'+$(this).html()+'</a></li>';
+					}
+					$(this).attr({"id": tabId, "class": o.options.tabheadClass, "tabindex": "-1"});//assign the unique id and the tabheadClass class name to this tab's heading
+					tabCount++;
+				});
+
+				if (o.options.syncheights && $.fn[o.options.syncHeightMethodName]) {
+					$(el).find(o.options.tabbody)[o.options.syncHeightMethodName]();
+					$(window).resize(function(){
+						$(el).find(o.options.tabbody)[o.options.syncHeightMethodName]();
+					});
+				}
+
+				// Ensure that the call to setup tabs is re-runnable
+				var tabs_selector = '.' + o.options.tabsListClass;
+				if(!$(el).find(tabs_selector).length) {
+					$(el)[positions[o.options.position]]('<ul class="clearfix '+o.options.tabsListClass+' tabamount'+tabCount+'"></ul>');
+				}
+
+				$(el).find(tabs_selector).append(list);
+
+				// initial show first content block and hide the others
+				var content = $(el).find(o.options.tabbody);
+				if (content.length > 0) {
+					$(content).hide();
+					$(content[0]).show();
+				}
+				$(el).find("ul."+o.options.tabsListClass+">li:first").addClass(o.options.currentClass).addClass(o.options.firstNavItemClass)
+					.find('a')[o.options.currentInfoPosition]('<span class="'+o.options.currentInfoClass+'">'+o.options.currentInfoText+'</span>')
+					.parents("ul."+o.options.tabsListClass).children('li:last').addClass(o.options.lastNavItemClass);
+
+				if (o.options.wrapInnerNavLinks) {
+					$(el).find('ul.'+o.options.tabsListClass+'>li>a').wrapInner(o.options.wrapInnerNavLinks);
+				}
+
+				$(el).find('ul.'+o.options.tabsListClass+'>li>a').each(function(i){
+					$(this).click(function(event){
+						event.preventDefault();
+						el.trigger("showTab.accessibleTabs", [$(event.target)]);
+						if(o.options.saveState && $.cookie){
+							$.cookie('accessibletab_'+el.attr('id')+'_active',i);
+						}
+						$(el).find('ul.'+o.options.tabsListClass+'>li.'+o.options.currentClass).removeClass(o.options.currentClass)
+						.find("span."+o.options.currentInfoClass).remove();
+						$(this).blur();
+						$(el).find(o.options.tabbody+':visible').hide();
+						$(el).find(o.options.tabbody).eq(i)[o.options.fx](o.options.fxspeed);
+						$(this)[o.options.currentInfoPosition]('<span class="'+o.options.currentInfoClass+'">'+o.options.currentInfoText+'</span>')
+						.parent().addClass(o.options.currentClass);
+						//now, only after writing the currentInfoText span to the tab list link, set focus to the tab's heading
+						$($(this).attr("href")).focus().keyup(function(event){
+							if(keyCodes[event.keyCode]){
+								o.showAccessibleTab(i+keyCodes[event.keyCode]);
+								$(this).unbind( "keyup" );
+							}
+						});
+
+						// $(el).find('.accessibletabsanchor').keyup(function(event){
+						//	   if(keyCodes[event.keyCode]){
+						//		   o.showAccessibleTab(i+keyCodes[event.keyCode]);
+						//	   }
+						// });
+
+
+					});
+
+					$(this).focus(function(event){
+						$(document).keyup(function(event){
+							if(keyCodes[event.keyCode]){
+								o.showAccessibleTab(i+keyCodes[event.keyCode]);
+							}
+						});
+					});
+					$(this).blur(function(event){
+						$(document).unbind( "keyup" );
+					});
+
+				});
+
+				if(o.options.saveState && $.cookie){
+					var savedState = $.cookie('accessibletab_'+el.attr('id')+'_active');
+					debug($.cookie('accessibletab_'+el.attr('id')+'_active'));
+					if(savedState !== null){
+						o.showAccessibleTab(savedState,el.attr('id'));
+					}
+				}
+
+				if(o.options.autoAnchor && window.location.hash){
+					var anchorTab = $('.'+o.options.tabsListClass).find(window.location.hash);
+					if(anchorTab.size()){
+						anchorTab.click();
+					}
+				}
+
+				if(o.options.pagination){
+					var m = '<ul class="pagination">';
+					m +='	 <li class="previous"><a href="#{previousAnchor}"><span>{previousHeadline}</span></a></li>';
+					m +='	 <li class="next"><a href="#{nextAnchor}"><span>{nextHeadline}</span></a></li>';
+					m +='</ul>';
+					var tabs = $(el).find('.tabbody');
+					var tabcount = tabs.size();
+					tabs.each(function(idx){
+						$(this).append(m);
+						var next = idx+1;
+						if(next>=tabcount){next = 0;}
+						var previous = idx-1;
+						if(previous<0){previous = tabcount-1;}
+						var p = $(this).find('.pagination');
+						var previousEl = p.find('.previous');
+						previousEl.find('span').text($('#'+ids[previous]).text());
+						previousEl.find('a').attr('href','#'+ids[previous])
+						.click(function(event){
+							event.preventDefault();
+							$(el).find('.tabs-list a').eq(previous).click();
+						});
+						var nextEl = p.find('.next');
+						nextEl.find('span').text($('#'+ids[next]).text());
+						nextEl.find('a').attr('href','#'+ids[next])
+						.click(function(event){
+							event.preventDefault();
+							$(el).find('.tabs-list a').eq(next).click();
+						});
+					});
+				}
+			});
+		},
+		showAccessibleTab: function(index,id){
+			debug('showAccessibleTab');
+			var o = this;
+			if(id) {
+				var el = $('#'+id);
+				var links = el.find('ul.'+o.options.tabsListClass+'>li>a');
+				el.trigger("showTab.accessibleTabs", [links.eq(index)]);
+				links.eq(index).click();
+			} else {
+				return this.each(function() {
+					var el = $(this);
+					el.trigger("showTab.accessibleTabs");
+					var links = el.find('ul.'+o.options.tabsListClass+'>li>a');
+					el.trigger("showTab.accessibleTabs", [links.eq(index)]);
+					links.eq(index).click();
+				});
+			}
+		},
+		showAccessibleTabSelector: function(selector){
+			debug('showAccessibleTabSelector');
+			var o = this;
+			var el = $(selector);
+			if(el){
+				if(el.get(0).nodeName.toLowerCase() == 'a'){
+					el.click();
+				}else{
+					debug('the selector of a showAccessibleTabSelector() call needs to point to a tabs headline!');
+				}
+			}
+		}
+	});
+	// private Methods
+	function debug(msg,info){
+		if(debugMode && window.console && window.console.log){
+			if(info){
+				window.console.log(info+': ',msg);
+			}else{
+				window.console.log(msg);
+			}
+		}
+	}
+})(jQuery);
diff --git a/css/yaml4/add-ons/accessible-tabs/tabs.css b/css/yaml4/add-ons/accessible-tabs/tabs.css
new file mode 100644
index 0000000..6e88cf7
--- /dev/null
+++ b/css/yaml4/add-ons/accessible-tabs/tabs.css
@@ -0,0 +1,136 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Styles for Accessible-Tabs plugin for jQuery
+ * (de) Gestaltung des Acessible-Tabs Plugins für jQuery
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 693 $
+ * @lastmodified    $Date: 2012-01-29 23:53:53 +0100 (So, 29 Jan 2012) $
+ */
+
+@media screen, projection {
+
+	.jquery_tabs {
+		margin:1.5em 0 0;
+	}
+
+	.jquery_tabs ul.tabs-list {
+		display:table;
+		font-size:1em;
+		line-height:1.5em;
+		list-style-type:none;
+		margin: 0;
+		position:relative;
+		z-index:1;
+	}
+
+	.jquery_tabs ul.tabs-list li a {
+		font-size:1em;
+		line-height: 1.5em;
+		padding:0.75em;
+	}
+
+	.jquery_tabs .tabhead {
+		position:absolute;
+		left:-32768px; /* LTR */
+	}
+
+	.jquery_tabs .content {
+		border-top:1px #ccc solid;
+		clear:both;
+		padding: 0;
+		position:relative;
+		top:-1px;
+		margin-bottom:-1px;
+	}
+
+	.jquery_tabs ul.tabs-list li {
+		border:0 none;
+		display:inline;
+		float:left;
+		margin:0 0.3em 0 0;
+		padding:0;
+	}
+
+	.jquery_tabs ul.tabs-list li a {
+		background: transparent;
+		color:#008;
+		display:block;
+		float:left;
+		font-weight:normal;
+		margin:0;
+	}
+
+	.jquery_tabs ul.tabs-list li a:focus,
+	.jquery_tabs ul.tabs-list li a:hover,
+	.jquery_tabs ul.tabs-list li a:active {
+		background:#eee;
+		border-radius: 0.2em 0.2em 0 0;
+		color:#000;
+		font-weight:normal;
+		outline: 0 none;
+		text-decoration:none;
+	}
+
+	.jquery_tabs ul.tabs-list li.current a,
+	.jquery_tabs ul.tabs-list li.current a:focus,
+	.jquery_tabs ul.tabs-list li.current a:hover,
+	.jquery_tabs ul.tabs-list li.current a:active {
+		background:#fff;
+		border:1px #ccc solid;
+		border-bottom:0 none;
+		border-radius: 0.2em 0.2em 0 0;
+		color:#000;
+		font-weight:bold;
+		text-decoration:none;
+	}
+
+	.jquery_tabs .current-info,
+	.jquery_tabs .accessibletabsanchor {
+		left:-999em;
+		position:absolute;
+	}
+
+	/**
+	* Avoid margin collapsing to enable correct sync of all tabs
+	*
+	* @workaround
+	* @affected all browsers
+	* @css-for all browsers
+	* @valid yes
+	*/
+
+	.jquery_tabs .tab-content {
+		border-bottom: 1px transparent solid;
+		border-top: 1px transparent solid;
+		*overflow:hidden;
+	}
+
+	/* IE < 7 don't support transparent borders */
+	* html .jquery_tabs .tab-content {
+		border-bottom: 1px #fff solid;
+		border-top: 1px #fff solid;
+	}
+
+	/**
+	* Containing floats adjustment and stability fixes for Internet Explorer
+	*
+	* @workaround
+	* @affected IE 5.x/Win, IE6, IE7
+	* @css-for IE 5.x/Win, IE6, IE7
+	* @valid no
+	*/
+
+	* html .jquery_tabs .content { z-index:-1; }
+
+	* html .jquery_tabs { zoom:1; width:auto; position:relative; }
+	*+html .jquery_tabs { zoom:1; width:auto; }
+
+	.jquery_tabs * { zoom:1; }
+}
\ No newline at end of file
diff --git a/css/yaml4/add-ons/microformats/.svn/all-wcprops b/css/yaml4/add-ons/microformats/.svn/all-wcprops
new file mode 100644
index 0000000..1367b5c
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/.svn/all-wcprops
@@ -0,0 +1,11 @@
+K 25
+svn:wc:ra_dav:version-url
+V 87
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats
+END
+microformats.css
+K 25
+svn:wc:ra_dav:version-url
+V 104
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/microformats.css
+END
diff --git a/css/yaml4/add-ons/microformats/.svn/entries b/css/yaml4/add-ons/microformats/.svn/entries
new file mode 100644
index 0000000..d99f727
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/.svn/entries
@@ -0,0 +1,72 @@
+9
+
+dir
+206
+https://intern.ccwn.org/svn/Themis/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats
+https://intern.ccwn.org/svn/Themis
+
+
+
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+svn:special svn:externals svn:needs-lock
+
+
+
+
+
+
+
+
+
+
+
+e7c95c98-50ad-428d-8ede-669ef7f8c951
+
+
+
+
+
+
+0
+
+icons
+dir
+
+microformats.css
+file
+
+
+
+
+2012-01-25T10:37:32.000000Z
+46cca8b3bd673a6f6b1fcd5389eaeb4c
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+3974
+
diff --git a/css/yaml4/add-ons/microformats/.svn/format b/css/yaml4/add-ons/microformats/.svn/format
new file mode 100644
index 0000000..ec63514
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/.svn/format
@@ -0,0 +1 @@
+9
diff --git a/css/yaml4/add-ons/microformats/.svn/text-base/microformats.css.svn-base b/css/yaml4/add-ons/microformats/.svn/text-base/microformats.css.svn-base
new file mode 100644
index 0000000..6258589
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/.svn/text-base/microformats.css.svn-base
@@ -0,0 +1,175 @@
+
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) YAML-Addon:Microformats Support
+ * (de) YAML-Addon:Unterstützung für Microformate
+ *
+ * @note            Many thanks to Michael Jendryschik (http://jendryschik.de/) for contribution
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 692 $
+ * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
+ */
+
+/* hCards + hCalendars */
+
+@media all {
+
+	.vcard,
+	.vevent {
+		line-height: 1.5em;
+		border:2px solid #e0e7b8 !important;
+		padding:30px 5px 5px 5px !important;
+		border-radius:8px;
+		-moz-border-radius:8px;
+		-webkit-border-radius:8px;
+		margin: 1.5em 0 0 0 !important;
+		/* small IE-Fix for background images */
+		zoom:1;
+	}
+
+	span.vcard,
+	span.vevent {
+		padding:2px 1px 2px 70px !important;
+		margin:0 2px 0 !important;
+	}
+
+	.vcard {
+		background:#f8f8ec url(icons/hcard.png) 5px 5px no-repeat !important;
+	}
+
+	.vcard a {
+		padding-left:11px;
+		background:url(icons/external_link.png) top left no-repeat;
+		color:#679A06;
+	}
+
+	.vcard .adr {
+		display:block;
+		margin:0.5em 0;
+	}
+
+	.vcard .email {
+		font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
+	}
+
+	.vevent {
+		background:#f8f8ec url(icons/hcalendar.png) 5px 5px no-repeat !important;
+	}
+
+	.vevent a {
+		padding-left:11px;
+		background:url(icons/external_link.png) top left no-repeat;
+		color:#679A06;
+	}
+
+	.vevent p {
+		margin: 0;
+	}
+
+	.vevent .description {
+		display:block;
+		margin-top:1em;
+	}
+
+	.vevent .location {
+		display:block;
+		color:#679A06;
+	}
+
+	.vevent .summary {
+		display:block;
+		color:#679A06;
+		font-weight:bold;
+	}
+
+	/* XFN relationship */
+
+	a.xfnRelationship {
+		padding-right:26px;
+		background-image:url(icons/xfn/xfn-small.png);
+		background-repeat: no-repeat;
+		background-position: right;
+	}
+
+	a.xfnRelationship[rel~="colleague"],
+	a.xfnRelationship[rel~="co-worker"] {
+		padding-right:21px;
+		background-image:url(icons/xfn/xfn-colleague.png);
+	}
+
+	a.xfnRelationship[rel~="met"] {
+		padding-right:32px;
+		background-image:url(icons/icon-xfn.png) no-repeat right;
+	}
+
+	a.xfnRelationship[rel~="colleague"][rel~="met"],
+	a.xfnRelationship[rel~="co-worker"][rel~="met"] {
+		padding-right:26px;
+		background-image:url(icons/xfn/xfn-colleague-met.png);
+	}
+
+	a.xfnRelationship[rel~="friend"] {
+		padding-right:21px;
+		background-image:url(icons/xfn/xfn-friend.png);
+	}
+
+	a.xfnRelationship[rel~="friend"][rel~="met"] {
+		padding-right:26px;
+		background-image:url(icons/xfn/xfn-friend-met.png);
+	}
+
+	a.xfnRelationship[rel~="sweetheart"] {
+		padding-right:21px;
+		background-image:url(icons/xfn/xfn-sweetheart.png);
+	}
+
+	a.xfnRelationship[rel~="sweetheart"][rel~="met"] {
+		padding-right:26px;
+		background-image:url(icons/xfn/xfn-sweetheart-met.png);
+	}
+
+	a.xfnRelationship[rel~="child"] {
+		padding-right:21px;
+		background-image:url(icons/xfn/xfn-child.png);
+	}
+
+	a.xfnRelationship[rel~="parent"] {
+		padding-right:21px;
+		background-image:url(icons/xfn/xfn-parent.png);
+	}
+
+	a.xfnRelationship[rel~="spouse"] {
+		padding-right:21px;
+		background-image:url(icons/xfn/xfn-spouse.png);
+	}
+
+	a.xfnRelationship[rel~="me"] {
+		padding-right:21px;
+		background-image:url(icons/xfn/xfn-me.png);
+	}
+
+	/* rel-tag */
+
+	a[rel~="tag"] {
+		padding-right:32px;
+		background-image:url(icons/icon-rel-tag.png);
+		background-repeat: no-repeat;
+		background-position: right;
+	}
+
+	/* geo */
+
+	abbr[class~="geo"] {
+		padding-right:32px;
+		background:url(icons/icon-geo.png) no-repeat right;
+		border:none;
+		cursor:default;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/all-wcprops b/css/yaml4/add-ons/microformats/icons/.svn/all-wcprops
new file mode 100644
index 0000000..badcdd5
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/.svn/all-wcprops
@@ -0,0 +1,95 @@
+K 25
+svn:wc:ra_dav:version-url
+V 93
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons
+END
+icon-hcard-add.png
+K 25
+svn:wc:ra_dav:version-url
+V 112
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/icon-hcard-add.png
+END
+icon-hcalendar-add.png
+K 25
+svn:wc:ra_dav:version-url
+V 116
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/icon-hcalendar-add.png
+END
+icon-hresume.png
+K 25
+svn:wc:ra_dav:version-url
+V 110
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/icon-hresume.png
+END
+icon-hatom.png
+K 25
+svn:wc:ra_dav:version-url
+V 108
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/icon-hatom.png
+END
+icon-haudio.png
+K 25
+svn:wc:ra_dav:version-url
+V 109
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/icon-haudio.png
+END
+external_link.png
+K 25
+svn:wc:ra_dav:version-url
+V 111
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/external_link.png
+END
+icon-geo.png
+K 25
+svn:wc:ra_dav:version-url
+V 106
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/icon-geo.png
+END
+icon-hcard.png
+K 25
+svn:wc:ra_dav:version-url
+V 108
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/icon-hcard.png
+END
+icon-hcalendar.png
+K 25
+svn:wc:ra_dav:version-url
+V 112
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/icon-hcalendar.png
+END
+icon-hcard-download.png
+K 25
+svn:wc:ra_dav:version-url
+V 117
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/icon-hcard-download.png
+END
+icon-hcalendar-download.png
+K 25
+svn:wc:ra_dav:version-url
+V 121
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/icon-hcalendar-download.png
+END
+icon-xfn.png
+K 25
+svn:wc:ra_dav:version-url
+V 106
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/icon-xfn.png
+END
+icon-rel-tag.png
+K 25
+svn:wc:ra_dav:version-url
+V 110
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/icon-rel-tag.png
+END
+hcard.png
+K 25
+svn:wc:ra_dav:version-url
+V 103
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/hcard.png
+END
+hcalendar.png
+K 25
+svn:wc:ra_dav:version-url
+V 107
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/hcalendar.png
+END
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/entries b/css/yaml4/add-ons/microformats/icons/.svn/entries
new file mode 100644
index 0000000..6a966e9
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/.svn/entries
@@ -0,0 +1,548 @@
+9
+
+dir
+206
+https://intern.ccwn.org/svn/Themis/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons
+https://intern.ccwn.org/svn/Themis
+
+
+
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+svn:special svn:externals svn:needs-lock
+
+
+
+
+
+
+
+
+
+
+
+e7c95c98-50ad-428d-8ede-669ef7f8c951
+
+
+
+
+
+
+0
+
+icon-hcard-add.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+c776d254691b718eaa25cdcaad0843df
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+707
+
+icon-hcalendar-add.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+2f6e82386ed9ecc3f98f70221d484299
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+1106
+
+icon-hatom.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+158fcb01076532fffeea979c45a48900
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+713
+
+icon-hresume.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+59472ceb7ca2a57bf415e824f9cdf5c2
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+724
+
+icon-haudio.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+98d4375db59afe6c204b2af64381e9b8
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+1092
+
+external_link.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+efd0836b5c3180a1640dff0fc8cdc8be
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+232
+
+icon-geo.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+e322c93d73de964a8b49f5370e643f0c
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+4707
+
+icon-hcalendar.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+975e74006b7b50cf93ff58dbf561c0e9
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+707
+
+icon-hcard.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+273fabe799f4500a71b94a3370dca2be
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+1052
+
+xfn
+dir
+
+icon-hcard-download.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+551af1c2986e8d15d4f93c452669fa07
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+721
+
+icon-hcalendar-download.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+0f7410d74fa7b39b76b802ad7f66ad89
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+1118
+
+hcard.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+e5a892e06b790e6ce10d71cbd597408c
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+673
+
+icon-rel-tag.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+d2a2b3b0dfc56c216fd93cad76ac76cf
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+720
+
+hcalendar.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+8efdce2dccaa14fa7a1b03256ec0f986
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+633
+
+icon-xfn.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+8b298131b8dc7ff489d462f3d40facd3
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+721
+
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/format b/css/yaml4/add-ons/microformats/icons/.svn/format
new file mode 100644
index 0000000..ec63514
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/.svn/format
@@ -0,0 +1 @@
+9
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/prop-base/external_link.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/external_link.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/external_link.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/prop-base/hcalendar.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/hcalendar.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/hcalendar.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/prop-base/hcard.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/hcard.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/hcard.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-geo.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-geo.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-geo.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hatom.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hatom.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hatom.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-haudio.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-haudio.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-haudio.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcalendar-add.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcalendar-add.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcalendar-add.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcalendar-download.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcalendar-download.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcalendar-download.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcalendar.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcalendar.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcalendar.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcard-add.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcard-add.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcard-add.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcard-download.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcard-download.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcard-download.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcard.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcard.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hcard.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hresume.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hresume.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-hresume.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-rel-tag.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-rel-tag.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-rel-tag.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-xfn.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-xfn.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/.svn/prop-base/icon-xfn.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/text-base/external_link.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/text-base/external_link.png.svn-base
new file mode 100644
index 0000000..f90658c
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/.svn/text-base/external_link.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/text-base/hcalendar.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/text-base/hcalendar.png.svn-base
new file mode 100644
index 0000000..5cf931a
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/.svn/text-base/hcalendar.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/text-base/hcard.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/text-base/hcard.png.svn-base
new file mode 100644
index 0000000..f102f51
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/.svn/text-base/hcard.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-geo.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-geo.png.svn-base
new file mode 100644
index 0000000..daf497c
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-geo.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hatom.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hatom.png.svn-base
new file mode 100644
index 0000000..d7662e7
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hatom.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-haudio.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-haudio.png.svn-base
new file mode 100644
index 0000000..d80b83a
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-haudio.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcalendar-add.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcalendar-add.png.svn-base
new file mode 100644
index 0000000..8068a86
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcalendar-add.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcalendar-download.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcalendar-download.png.svn-base
new file mode 100644
index 0000000..b3a6e31
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcalendar-download.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcalendar.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcalendar.png.svn-base
new file mode 100644
index 0000000..cbbf7ba
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcalendar.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcard-add.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcard-add.png.svn-base
new file mode 100644
index 0000000..07d0de7
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcard-add.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcard-download.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcard-download.png.svn-base
new file mode 100644
index 0000000..42888ae
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcard-download.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcard.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcard.png.svn-base
new file mode 100644
index 0000000..11a186c
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hcard.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hresume.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hresume.png.svn-base
new file mode 100644
index 0000000..78820de
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-hresume.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-rel-tag.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-rel-tag.png.svn-base
new file mode 100644
index 0000000..3d380d2
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-rel-tag.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-xfn.png.svn-base b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-xfn.png.svn-base
new file mode 100644
index 0000000..8c48029
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/.svn/text-base/icon-xfn.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/external_link.png b/css/yaml4/add-ons/microformats/icons/external_link.png
new file mode 100644
index 0000000..f90658c
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/external_link.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/hcalendar.png b/css/yaml4/add-ons/microformats/icons/hcalendar.png
new file mode 100644
index 0000000..5cf931a
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/hcalendar.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/hcard.png b/css/yaml4/add-ons/microformats/icons/hcard.png
new file mode 100644
index 0000000..f102f51
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/hcard.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/icon-geo.png b/css/yaml4/add-ons/microformats/icons/icon-geo.png
new file mode 100644
index 0000000..daf497c
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/icon-geo.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/icon-hatom.png b/css/yaml4/add-ons/microformats/icons/icon-hatom.png
new file mode 100644
index 0000000..d7662e7
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/icon-hatom.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/icon-haudio.png b/css/yaml4/add-ons/microformats/icons/icon-haudio.png
new file mode 100644
index 0000000..d80b83a
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/icon-haudio.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/icon-hcalendar-add.png b/css/yaml4/add-ons/microformats/icons/icon-hcalendar-add.png
new file mode 100644
index 0000000..8068a86
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/icon-hcalendar-add.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/icon-hcalendar-download.png b/css/yaml4/add-ons/microformats/icons/icon-hcalendar-download.png
new file mode 100644
index 0000000..b3a6e31
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/icon-hcalendar-download.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/icon-hcalendar.png b/css/yaml4/add-ons/microformats/icons/icon-hcalendar.png
new file mode 100644
index 0000000..cbbf7ba
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/icon-hcalendar.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/icon-hcard-add.png b/css/yaml4/add-ons/microformats/icons/icon-hcard-add.png
new file mode 100644
index 0000000..07d0de7
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/icon-hcard-add.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/icon-hcard-download.png b/css/yaml4/add-ons/microformats/icons/icon-hcard-download.png
new file mode 100644
index 0000000..42888ae
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/icon-hcard-download.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/icon-hcard.png b/css/yaml4/add-ons/microformats/icons/icon-hcard.png
new file mode 100644
index 0000000..11a186c
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/icon-hcard.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/icon-hresume.png b/css/yaml4/add-ons/microformats/icons/icon-hresume.png
new file mode 100644
index 0000000..78820de
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/icon-hresume.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/icon-rel-tag.png b/css/yaml4/add-ons/microformats/icons/icon-rel-tag.png
new file mode 100644
index 0000000..3d380d2
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/icon-rel-tag.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/icon-xfn.png b/css/yaml4/add-ons/microformats/icons/icon-xfn.png
new file mode 100644
index 0000000..8c48029
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/icon-xfn.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/all-wcprops b/css/yaml4/add-ons/microformats/icons/xfn/.svn/all-wcprops
new file mode 100644
index 0000000..f980bfe
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/xfn/.svn/all-wcprops
@@ -0,0 +1,71 @@
+K 25
+svn:wc:ra_dav:version-url
+V 97
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/xfn
+END
+xfn-child.png
+K 25
+svn:wc:ra_dav:version-url
+V 111
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/xfn/xfn-child.png
+END
+xfn-colleague-met.png
+K 25
+svn:wc:ra_dav:version-url
+V 119
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/xfn/xfn-colleague-met.png
+END
+xfn-friend.png
+K 25
+svn:wc:ra_dav:version-url
+V 112
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/xfn/xfn-friend.png
+END
+xfn-small.png
+K 25
+svn:wc:ra_dav:version-url
+V 111
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/xfn/xfn-small.png
+END
+xfn-parent.png
+K 25
+svn:wc:ra_dav:version-url
+V 112
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/xfn/xfn-parent.png
+END
+xfn-friend-met.png
+K 25
+svn:wc:ra_dav:version-url
+V 116
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/xfn/xfn-friend-met.png
+END
+xfn-sweetheart.png
+K 25
+svn:wc:ra_dav:version-url
+V 116
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/xfn/xfn-sweetheart.png
+END
+xfn-spouse.png
+K 25
+svn:wc:ra_dav:version-url
+V 112
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/xfn/xfn-spouse.png
+END
+xfn-sweetheart-met.png
+K 25
+svn:wc:ra_dav:version-url
+V 120
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/xfn/xfn-sweetheart-met.png
+END
+xfn-colleague.png
+K 25
+svn:wc:ra_dav:version-url
+V 115
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/xfn/xfn-colleague.png
+END
+xfn-me.png
+K 25
+svn:wc:ra_dav:version-url
+V 108
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/xfn/xfn-me.png
+END
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/entries b/css/yaml4/add-ons/microformats/icons/xfn/.svn/entries
new file mode 100644
index 0000000..dcf92f9
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/xfn/.svn/entries
@@ -0,0 +1,409 @@
+9
+
+dir
+206
+https://intern.ccwn.org/svn/Themis/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/microformats/icons/xfn
+https://intern.ccwn.org/svn/Themis
+
+
+
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+svn:special svn:externals svn:needs-lock
+
+
+
+
+
+
+
+
+
+
+
+e7c95c98-50ad-428d-8ede-669ef7f8c951
+
+
+
+
+
+
+0
+
+xfn-child.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+030ec50edf668bbf126def21323a2531
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+429
+
+xfn-colleague-met.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+b3c37c9714571d5d0e42fcae8329d987
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+430
+
+xfn-friend.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+4ed1950c43568f15757e221802e52b01
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+413
+
+xfn-small.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+4a152128052ff6961f50046af2822b0b
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+474
+
+xfn-parent.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+fdd8bf09d589e639fdb7654c1fda0447
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+488
+
+xfn-friend-met.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+56188e559022b2d69677c771c4e9e3f9
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+435
+
+xfn-sweetheart.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+7347484705887a1f64962462299e2fa5
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+390
+
+xfn-sweetheart-met.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+f69cccfa7663833216004ab729fb72d9
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+402
+
+xfn-spouse.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+414cd39bf78b7a27c041fdbe60f9b015
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+664
+
+xfn-colleague.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+3d24b7f6d228a350524f2a6537b320fe
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+413
+
+xfn-me.png
+file
+
+
+
+
+2011-12-10T13:30:10.000000Z
+a524cb846380b90e93ae62321c2be28c
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+has-props
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+385
+
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/format b/css/yaml4/add-ons/microformats/icons/xfn/.svn/format
new file mode 100644
index 0000000..ec63514
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/xfn/.svn/format
@@ -0,0 +1 @@
+9
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-child.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-child.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-child.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-colleague-met.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-colleague-met.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-colleague-met.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-colleague.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-colleague.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-colleague.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-friend-met.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-friend-met.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-friend-met.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-friend.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-friend.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-friend.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-me.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-me.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-me.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-parent.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-parent.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-parent.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-small.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-small.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-small.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-spouse.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-spouse.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-spouse.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-sweetheart-met.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-sweetheart-met.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-sweetheart-met.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-sweetheart.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-sweetheart.png.svn-base
new file mode 100644
index 0000000..5e9587e
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/icons/xfn/.svn/prop-base/xfn-sweetheart.png.svn-base
@@ -0,0 +1,5 @@
+K 13
+svn:mime-type
+V 24
+application/octet-stream
+END
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-child.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-child.png.svn-base
new file mode 100644
index 0000000..9995960
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-child.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-colleague-met.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-colleague-met.png.svn-base
new file mode 100644
index 0000000..c8ffa0f
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-colleague-met.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-colleague.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-colleague.png.svn-base
new file mode 100644
index 0000000..d79e525
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-colleague.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-friend-met.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-friend-met.png.svn-base
new file mode 100644
index 0000000..477f751
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-friend-met.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-friend.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-friend.png.svn-base
new file mode 100644
index 0000000..60563f6
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-friend.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-me.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-me.png.svn-base
new file mode 100644
index 0000000..5073022
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-me.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-parent.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-parent.png.svn-base
new file mode 100644
index 0000000..5a7e298
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-parent.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-small.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-small.png.svn-base
new file mode 100644
index 0000000..8eed881
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-small.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-spouse.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-spouse.png.svn-base
new file mode 100644
index 0000000..f44fee7
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-spouse.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-sweetheart-met.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-sweetheart-met.png.svn-base
new file mode 100644
index 0000000..6982fa4
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-sweetheart-met.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-sweetheart.png.svn-base b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-sweetheart.png.svn-base
new file mode 100644
index 0000000..04b7ec9
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/.svn/text-base/xfn-sweetheart.png.svn-base differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/xfn-child.png b/css/yaml4/add-ons/microformats/icons/xfn/xfn-child.png
new file mode 100644
index 0000000..9995960
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/xfn-child.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/xfn-colleague-met.png b/css/yaml4/add-ons/microformats/icons/xfn/xfn-colleague-met.png
new file mode 100644
index 0000000..c8ffa0f
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/xfn-colleague-met.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/xfn-colleague.png b/css/yaml4/add-ons/microformats/icons/xfn/xfn-colleague.png
new file mode 100644
index 0000000..d79e525
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/xfn-colleague.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/xfn-friend-met.png b/css/yaml4/add-ons/microformats/icons/xfn/xfn-friend-met.png
new file mode 100644
index 0000000..477f751
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/xfn-friend-met.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/xfn-friend.png b/css/yaml4/add-ons/microformats/icons/xfn/xfn-friend.png
new file mode 100644
index 0000000..60563f6
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/xfn-friend.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/xfn-me.png b/css/yaml4/add-ons/microformats/icons/xfn/xfn-me.png
new file mode 100644
index 0000000..5073022
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/xfn-me.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/xfn-parent.png b/css/yaml4/add-ons/microformats/icons/xfn/xfn-parent.png
new file mode 100644
index 0000000..5a7e298
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/xfn-parent.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/xfn-small.png b/css/yaml4/add-ons/microformats/icons/xfn/xfn-small.png
new file mode 100644
index 0000000..8eed881
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/xfn-small.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/xfn-spouse.png b/css/yaml4/add-ons/microformats/icons/xfn/xfn-spouse.png
new file mode 100644
index 0000000..f44fee7
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/xfn-spouse.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/xfn-sweetheart-met.png b/css/yaml4/add-ons/microformats/icons/xfn/xfn-sweetheart-met.png
new file mode 100644
index 0000000..6982fa4
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/xfn-sweetheart-met.png differ
diff --git a/css/yaml4/add-ons/microformats/icons/xfn/xfn-sweetheart.png b/css/yaml4/add-ons/microformats/icons/xfn/xfn-sweetheart.png
new file mode 100644
index 0000000..04b7ec9
Binary files /dev/null and b/css/yaml4/add-ons/microformats/icons/xfn/xfn-sweetheart.png differ
diff --git a/css/yaml4/add-ons/microformats/microformats.css b/css/yaml4/add-ons/microformats/microformats.css
new file mode 100644
index 0000000..6258589
--- /dev/null
+++ b/css/yaml4/add-ons/microformats/microformats.css
@@ -0,0 +1,175 @@
+
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) YAML-Addon:Microformats Support
+ * (de) YAML-Addon:Unterstützung für Microformate
+ *
+ * @note            Many thanks to Michael Jendryschik (http://jendryschik.de/) for contribution
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 692 $
+ * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
+ */
+
+/* hCards + hCalendars */
+
+@media all {
+
+	.vcard,
+	.vevent {
+		line-height: 1.5em;
+		border:2px solid #e0e7b8 !important;
+		padding:30px 5px 5px 5px !important;
+		border-radius:8px;
+		-moz-border-radius:8px;
+		-webkit-border-radius:8px;
+		margin: 1.5em 0 0 0 !important;
+		/* small IE-Fix for background images */
+		zoom:1;
+	}
+
+	span.vcard,
+	span.vevent {
+		padding:2px 1px 2px 70px !important;
+		margin:0 2px 0 !important;
+	}
+
+	.vcard {
+		background:#f8f8ec url(icons/hcard.png) 5px 5px no-repeat !important;
+	}
+
+	.vcard a {
+		padding-left:11px;
+		background:url(icons/external_link.png) top left no-repeat;
+		color:#679A06;
+	}
+
+	.vcard .adr {
+		display:block;
+		margin:0.5em 0;
+	}
+
+	.vcard .email {
+		font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
+	}
+
+	.vevent {
+		background:#f8f8ec url(icons/hcalendar.png) 5px 5px no-repeat !important;
+	}
+
+	.vevent a {
+		padding-left:11px;
+		background:url(icons/external_link.png) top left no-repeat;
+		color:#679A06;
+	}
+
+	.vevent p {
+		margin: 0;
+	}
+
+	.vevent .description {
+		display:block;
+		margin-top:1em;
+	}
+
+	.vevent .location {
+		display:block;
+		color:#679A06;
+	}
+
+	.vevent .summary {
+		display:block;
+		color:#679A06;
+		font-weight:bold;
+	}
+
+	/* XFN relationship */
+
+	a.xfnRelationship {
+		padding-right:26px;
+		background-image:url(icons/xfn/xfn-small.png);
+		background-repeat: no-repeat;
+		background-position: right;
+	}
+
+	a.xfnRelationship[rel~="colleague"],
+	a.xfnRelationship[rel~="co-worker"] {
+		padding-right:21px;
+		background-image:url(icons/xfn/xfn-colleague.png);
+	}
+
+	a.xfnRelationship[rel~="met"] {
+		padding-right:32px;
+		background-image:url(icons/icon-xfn.png) no-repeat right;
+	}
+
+	a.xfnRelationship[rel~="colleague"][rel~="met"],
+	a.xfnRelationship[rel~="co-worker"][rel~="met"] {
+		padding-right:26px;
+		background-image:url(icons/xfn/xfn-colleague-met.png);
+	}
+
+	a.xfnRelationship[rel~="friend"] {
+		padding-right:21px;
+		background-image:url(icons/xfn/xfn-friend.png);
+	}
+
+	a.xfnRelationship[rel~="friend"][rel~="met"] {
+		padding-right:26px;
+		background-image:url(icons/xfn/xfn-friend-met.png);
+	}
+
+	a.xfnRelationship[rel~="sweetheart"] {
+		padding-right:21px;
+		background-image:url(icons/xfn/xfn-sweetheart.png);
+	}
+
+	a.xfnRelationship[rel~="sweetheart"][rel~="met"] {
+		padding-right:26px;
+		background-image:url(icons/xfn/xfn-sweetheart-met.png);
+	}
+
+	a.xfnRelationship[rel~="child"] {
+		padding-right:21px;
+		background-image:url(icons/xfn/xfn-child.png);
+	}
+
+	a.xfnRelationship[rel~="parent"] {
+		padding-right:21px;
+		background-image:url(icons/xfn/xfn-parent.png);
+	}
+
+	a.xfnRelationship[rel~="spouse"] {
+		padding-right:21px;
+		background-image:url(icons/xfn/xfn-spouse.png);
+	}
+
+	a.xfnRelationship[rel~="me"] {
+		padding-right:21px;
+		background-image:url(icons/xfn/xfn-me.png);
+	}
+
+	/* rel-tag */
+
+	a[rel~="tag"] {
+		padding-right:32px;
+		background-image:url(icons/icon-rel-tag.png);
+		background-repeat: no-repeat;
+		background-position: right;
+	}
+
+	/* geo */
+
+	abbr[class~="geo"] {
+		padding-right:32px;
+		background:url(icons/icon-geo.png) no-repeat right;
+		border:none;
+		cursor:default;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/add-ons/rtl-support/.svn/all-wcprops b/css/yaml4/add-ons/rtl-support/.svn/all-wcprops
new file mode 100644
index 0000000..9ed4571
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/.svn/all-wcprops
@@ -0,0 +1,5 @@
+K 25
+svn:wc:ra_dav:version-url
+V 86
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/rtl-support
+END
diff --git a/css/yaml4/add-ons/rtl-support/.svn/entries b/css/yaml4/add-ons/rtl-support/.svn/entries
new file mode 100644
index 0000000..2ddbe0d
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/.svn/entries
@@ -0,0 +1,44 @@
+9
+
+dir
+206
+https://intern.ccwn.org/svn/Themis/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/rtl-support
+https://intern.ccwn.org/svn/Themis
+
+
+
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+svn:special svn:externals svn:needs-lock
+
+
+
+
+
+
+
+
+
+
+
+e7c95c98-50ad-428d-8ede-669ef7f8c951
+
+
+
+
+
+
+0
+
+navigation
+dir
+
+screen
+dir
+
+core
+dir
+
diff --git a/css/yaml4/add-ons/rtl-support/.svn/format b/css/yaml4/add-ons/rtl-support/.svn/format
new file mode 100644
index 0000000..ec63514
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/.svn/format
@@ -0,0 +1 @@
+9
diff --git a/css/yaml4/add-ons/rtl-support/core/.svn/all-wcprops b/css/yaml4/add-ons/rtl-support/core/.svn/all-wcprops
new file mode 100644
index 0000000..9bbfce4
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/core/.svn/all-wcprops
@@ -0,0 +1,17 @@
+K 25
+svn:wc:ra_dav:version-url
+V 91
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/rtl-support/core
+END
+base-rtl.css
+K 25
+svn:wc:ra_dav:version-url
+V 104
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/rtl-support/core/base-rtl.css
+END
+base-rtl.min.css
+K 25
+svn:wc:ra_dav:version-url
+V 108
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/rtl-support/core/base-rtl.min.css
+END
diff --git a/css/yaml4/add-ons/rtl-support/core/.svn/entries b/css/yaml4/add-ons/rtl-support/core/.svn/entries
new file mode 100644
index 0000000..e5d82ab
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/core/.svn/entries
@@ -0,0 +1,103 @@
+9
+
+dir
+206
+https://intern.ccwn.org/svn/Themis/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/rtl-support/core
+https://intern.ccwn.org/svn/Themis
+
+
+
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+svn:special svn:externals svn:needs-lock
+
+
+
+
+
+
+
+
+
+
+
+e7c95c98-50ad-428d-8ede-669ef7f8c951
+
+
+
+
+
+
+0
+
+base-rtl.css
+file
+
+
+
+
+2012-01-22T12:09:38.000000Z
+923baea66ac154b4684e23f9e534cba9
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+2169
+
+base-rtl.min.css
+file
+
+
+
+
+2012-01-22T12:29:16.000000Z
+4c146e5f17b4bb552328033eeddcab59
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+412
+
diff --git a/css/yaml4/add-ons/rtl-support/core/.svn/format b/css/yaml4/add-ons/rtl-support/core/.svn/format
new file mode 100644
index 0000000..ec63514
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/core/.svn/format
@@ -0,0 +1 @@
+9
diff --git a/css/yaml4/add-ons/rtl-support/core/.svn/text-base/base-rtl.css.svn-base b/css/yaml4/add-ons/rtl-support/core/.svn/text-base/base-rtl.css.svn-base
new file mode 100644
index 0000000..387dafe
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/core/.svn/text-base/base-rtl.css.svn-base
@@ -0,0 +1,77 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) YAML core RTL stylesheet
+ * (de) YAML Basis-RTL-Stylesheet
+ *
+ * Don't make any changes in this file!
+ * Your changes should be placed in any css-file in your own stylesheet folder.
+ *
+ * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 686 $
+ * @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+ */
+
+@media all {
+
+	/**
+	* @section browser normalisation
+	* Changing direction of text flow, paddings & margins ...
+	*/
+
+	option { padding: 0 0.4em 0 0; }
+
+	body {
+		text-align: right;
+		direction: rtl;
+	}
+
+	ul, ol, dl { margin: 0 1em 1em 0; }
+	li {
+		margin-left: 0;
+		margin-right: 0.8em;
+	}
+
+	dd { margin: 0 0.8em 1em 0; }
+	blockquote, cite { margin: 0 0.8em 1em 0; }
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (en) skip links cause large horizontal scrollbars in RTL mode in several browsers
+	* (de) skip links erzeugen große horziontale Scrollbalken in verschiedenen Browserin im RTL-Modus
+	*
+	* @workaround
+	* @affected   Firefox, Safari, IE 5.x - IE7
+	* @css-for    all
+	* @valid      yes
+	*/
+
+	.ym-skiplinks { left: 32768px !important; }
+	.ym-skiplinks .ym-skip:focus,
+	.ym-skiplinks .ym-skip:active{ left: -32768px !important; }
+
+	.ym-skip,
+	.ym-hideme,
+	.ym-print { left: 32768px !important; }
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* @section miscellaneous
+	*
+	* (en) CSS-class for ltr-content (left to right) within a rtl website
+	* (de) Eine CSS-Klasse für ltr-Inhalte (left to right) innerhalb einer rtl-Seite
+	*/
+
+	.ym-text-ltr {
+		direction: ltr;
+		text-align: left;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/add-ons/rtl-support/core/.svn/text-base/base-rtl.min.css.svn-base b/css/yaml4/add-ons/rtl-support/core/.svn/text-base/base-rtl.min.css.svn-base
new file mode 100644
index 0000000..d3df19a
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/core/.svn/text-base/base-rtl.min.css.svn-base
@@ -0,0 +1 @@
+@media all{option{padding:0 .4em 0 0}body{text-align:right;direction:rtl}ul,ol,dl{margin:0 1em 1em 0}li{margin-left:0;margin-right:.8em}dd{margin:0 .8em 1em 0}blockquote,cite{margin:0 .8em 1em 0}.ym-skiplinks{left:32768px!important}.ym-skiplinks .ym-skip:focus,.ym-skiplinks .ym-skip:active{left:-32768px!important}.ym-skip,.ym-hideme,.ym-print{left:32768px!important}.ym-text-ltr{direction:ltr;text-align:left}}
\ No newline at end of file
diff --git a/css/yaml4/add-ons/rtl-support/core/base-rtl.css b/css/yaml4/add-ons/rtl-support/core/base-rtl.css
new file mode 100644
index 0000000..387dafe
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/core/base-rtl.css
@@ -0,0 +1,77 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) YAML core RTL stylesheet
+ * (de) YAML Basis-RTL-Stylesheet
+ *
+ * Don't make any changes in this file!
+ * Your changes should be placed in any css-file in your own stylesheet folder.
+ *
+ * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 686 $
+ * @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+ */
+
+@media all {
+
+	/**
+	* @section browser normalisation
+	* Changing direction of text flow, paddings & margins ...
+	*/
+
+	option { padding: 0 0.4em 0 0; }
+
+	body {
+		text-align: right;
+		direction: rtl;
+	}
+
+	ul, ol, dl { margin: 0 1em 1em 0; }
+	li {
+		margin-left: 0;
+		margin-right: 0.8em;
+	}
+
+	dd { margin: 0 0.8em 1em 0; }
+	blockquote, cite { margin: 0 0.8em 1em 0; }
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (en) skip links cause large horizontal scrollbars in RTL mode in several browsers
+	* (de) skip links erzeugen große horziontale Scrollbalken in verschiedenen Browserin im RTL-Modus
+	*
+	* @workaround
+	* @affected   Firefox, Safari, IE 5.x - IE7
+	* @css-for    all
+	* @valid      yes
+	*/
+
+	.ym-skiplinks { left: 32768px !important; }
+	.ym-skiplinks .ym-skip:focus,
+	.ym-skiplinks .ym-skip:active{ left: -32768px !important; }
+
+	.ym-skip,
+	.ym-hideme,
+	.ym-print { left: 32768px !important; }
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* @section miscellaneous
+	*
+	* (en) CSS-class for ltr-content (left to right) within a rtl website
+	* (de) Eine CSS-Klasse für ltr-Inhalte (left to right) innerhalb einer rtl-Seite
+	*/
+
+	.ym-text-ltr {
+		direction: ltr;
+		text-align: left;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/add-ons/rtl-support/core/base-rtl.min.css b/css/yaml4/add-ons/rtl-support/core/base-rtl.min.css
new file mode 100644
index 0000000..d3df19a
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/core/base-rtl.min.css
@@ -0,0 +1 @@
+@media all{option{padding:0 .4em 0 0}body{text-align:right;direction:rtl}ul,ol,dl{margin:0 1em 1em 0}li{margin-left:0;margin-right:.8em}dd{margin:0 .8em 1em 0}blockquote,cite{margin:0 .8em 1em 0}.ym-skiplinks{left:32768px!important}.ym-skiplinks .ym-skip:focus,.ym-skiplinks .ym-skip:active{left:-32768px!important}.ym-skip,.ym-hideme,.ym-print{left:32768px!important}.ym-text-ltr{direction:ltr;text-align:left}}
\ No newline at end of file
diff --git a/css/yaml4/add-ons/rtl-support/navigation/.svn/all-wcprops b/css/yaml4/add-ons/rtl-support/navigation/.svn/all-wcprops
new file mode 100644
index 0000000..21d847f
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/navigation/.svn/all-wcprops
@@ -0,0 +1,17 @@
+K 25
+svn:wc:ra_dav:version-url
+V 97
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/rtl-support/navigation
+END
+vlist-rtl.css
+K 25
+svn:wc:ra_dav:version-url
+V 111
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/rtl-support/navigation/vlist-rtl.css
+END
+hlist-rtl.css
+K 25
+svn:wc:ra_dav:version-url
+V 111
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/rtl-support/navigation/hlist-rtl.css
+END
diff --git a/css/yaml4/add-ons/rtl-support/navigation/.svn/entries b/css/yaml4/add-ons/rtl-support/navigation/.svn/entries
new file mode 100644
index 0000000..48f78f6
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/navigation/.svn/entries
@@ -0,0 +1,103 @@
+9
+
+dir
+206
+https://intern.ccwn.org/svn/Themis/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/rtl-support/navigation
+https://intern.ccwn.org/svn/Themis
+
+
+
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+svn:special svn:externals svn:needs-lock
+
+
+
+
+
+
+
+
+
+
+
+e7c95c98-50ad-428d-8ede-669ef7f8c951
+
+
+
+
+
+
+0
+
+vlist-rtl.css
+file
+
+
+
+
+2012-01-22T12:09:38.000000Z
+466fe2521f4a154faeb69ad95a7b0f8b
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+1466
+
+hlist-rtl.css
+file
+
+
+
+
+2012-01-22T12:09:38.000000Z
+3a820713ae964bf4f08cf985e75ba00f
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+1451
+
diff --git a/css/yaml4/add-ons/rtl-support/navigation/.svn/format b/css/yaml4/add-ons/rtl-support/navigation/.svn/format
new file mode 100644
index 0000000..ec63514
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/navigation/.svn/format
@@ -0,0 +1 @@
+9
diff --git a/css/yaml4/add-ons/rtl-support/navigation/.svn/text-base/hlist-rtl.css.svn-base b/css/yaml4/add-ons/rtl-support/navigation/.svn/text-base/hlist-rtl.css.svn-base
new file mode 100644
index 0000000..53f3cdd
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/navigation/.svn/text-base/hlist-rtl.css.svn-base
@@ -0,0 +1,54 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) RTL Horizontal list navigation "hlist"
+ * (de) RTL Horizontale Navigationsliste "hlist"
+ *
+ * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 686 $
+ * @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+ */
+
+@media all
+{
+	/**
+	* (en) Workaround disappearing list elements on hover
+	* (de) Workaround verhindert das Verschwinden der Listenelemente beim Hovern
+	*
+	* @workaround
+	* @affected   IE 5.x/Win, IE6, IE7
+	* @css-for    IE 5.x/Win, IE6, IE7
+	* @valid      yes
+	*/
+
+	.ym-hlist * { direction:ltr !important; }
+	.ym-hlist a,
+	.ym-hlist strong { direction:rtl !important; }
+
+  	.ym-hlist ul {
+		position:relative;
+		float:right;
+		/* (en) Left margin of the first button  */
+		/* (de) Abstand des ersten Buttons vom linken Rand  */
+		margin-left: 0; /* Reset LTR */
+	}
+
+	.ym-hlist ul li {
+		float: right;
+		text-align:right !important;
+	}
+
+	.ym-searchform {
+		float:left;
+		display: inline;
+		line-height: 2em;
+		padding: 0.5em 1.5em;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/add-ons/rtl-support/navigation/.svn/text-base/vlist-rtl.css.svn-base b/css/yaml4/add-ons/rtl-support/navigation/.svn/text-base/vlist-rtl.css.svn-base
new file mode 100644
index 0000000..6cd6b45
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/navigation/.svn/text-base/vlist-rtl.css.svn-base
@@ -0,0 +1,61 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Vertical RTL list navigation "vlist"
+ * (de) Vertikale RTL-Navigationsliste "vlist"
+ *
+ * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 686 $
+ * @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+ */
+
+@media all {
+
+	/* menu title */
+	h6.ym-vlist {
+		padding-left: 0px;
+		padding-right: 10%;
+	}
+
+	.ym-vlist { text-align: right; }
+	.ym-vlist li { float:right; }
+
+	/* Level 1 */
+	.ym-vlist a,
+	.ym-vlist strong,
+	.ym-vlist span {
+		padding-left: 0px;
+		padding-right: 10%;
+	}
+
+	/* Level 2 */
+	.ym-vlist li ul li a,
+	.ym-vlist li ul li strong,
+	.ym-vlist li ul li span {
+		padding-left: 0px;
+		padding-right: 20%;
+	}
+
+	/* Level 3 */
+	.ym-vlist li ul li ul li a,
+	.ym-vlist li ul li ul li strong,
+	.ym-vlist li ul li ul li span {
+		padding-left: 0px;
+		padding-right: 30%;
+	}
+
+	/* Level 4 */
+	.ym-vlist li ul li ul li ul li a,
+	.ym-vlist li ul li ul li ul li strong,
+	.ym-vlist li ul li ul li ul li span {
+		padding-left: 0px;
+		padding-right: 40%;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/add-ons/rtl-support/navigation/hlist-rtl.css b/css/yaml4/add-ons/rtl-support/navigation/hlist-rtl.css
new file mode 100644
index 0000000..53f3cdd
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/navigation/hlist-rtl.css
@@ -0,0 +1,54 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) RTL Horizontal list navigation "hlist"
+ * (de) RTL Horizontale Navigationsliste "hlist"
+ *
+ * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 686 $
+ * @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+ */
+
+@media all
+{
+	/**
+	* (en) Workaround disappearing list elements on hover
+	* (de) Workaround verhindert das Verschwinden der Listenelemente beim Hovern
+	*
+	* @workaround
+	* @affected   IE 5.x/Win, IE6, IE7
+	* @css-for    IE 5.x/Win, IE6, IE7
+	* @valid      yes
+	*/
+
+	.ym-hlist * { direction:ltr !important; }
+	.ym-hlist a,
+	.ym-hlist strong { direction:rtl !important; }
+
+  	.ym-hlist ul {
+		position:relative;
+		float:right;
+		/* (en) Left margin of the first button  */
+		/* (de) Abstand des ersten Buttons vom linken Rand  */
+		margin-left: 0; /* Reset LTR */
+	}
+
+	.ym-hlist ul li {
+		float: right;
+		text-align:right !important;
+	}
+
+	.ym-searchform {
+		float:left;
+		display: inline;
+		line-height: 2em;
+		padding: 0.5em 1.5em;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/add-ons/rtl-support/navigation/vlist-rtl.css b/css/yaml4/add-ons/rtl-support/navigation/vlist-rtl.css
new file mode 100644
index 0000000..6cd6b45
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/navigation/vlist-rtl.css
@@ -0,0 +1,61 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Vertical RTL list navigation "vlist"
+ * (de) Vertikale RTL-Navigationsliste "vlist"
+ *
+ * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 686 $
+ * @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+ */
+
+@media all {
+
+	/* menu title */
+	h6.ym-vlist {
+		padding-left: 0px;
+		padding-right: 10%;
+	}
+
+	.ym-vlist { text-align: right; }
+	.ym-vlist li { float:right; }
+
+	/* Level 1 */
+	.ym-vlist a,
+	.ym-vlist strong,
+	.ym-vlist span {
+		padding-left: 0px;
+		padding-right: 10%;
+	}
+
+	/* Level 2 */
+	.ym-vlist li ul li a,
+	.ym-vlist li ul li strong,
+	.ym-vlist li ul li span {
+		padding-left: 0px;
+		padding-right: 20%;
+	}
+
+	/* Level 3 */
+	.ym-vlist li ul li ul li a,
+	.ym-vlist li ul li ul li strong,
+	.ym-vlist li ul li ul li span {
+		padding-left: 0px;
+		padding-right: 30%;
+	}
+
+	/* Level 4 */
+	.ym-vlist li ul li ul li ul li a,
+	.ym-vlist li ul li ul li ul li strong,
+	.ym-vlist li ul li ul li ul li span {
+		padding-left: 0px;
+		padding-right: 40%;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/add-ons/rtl-support/screen/.svn/all-wcprops b/css/yaml4/add-ons/rtl-support/screen/.svn/all-wcprops
new file mode 100644
index 0000000..b6f3fd9
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/screen/.svn/all-wcprops
@@ -0,0 +1,11 @@
+K 25
+svn:wc:ra_dav:version-url
+V 93
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/rtl-support/screen
+END
+typography-rtl.css
+K 25
+svn:wc:ra_dav:version-url
+V 112
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/rtl-support/screen/typography-rtl.css
+END
diff --git a/css/yaml4/add-ons/rtl-support/screen/.svn/entries b/css/yaml4/add-ons/rtl-support/screen/.svn/entries
new file mode 100644
index 0000000..637bbd6
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/screen/.svn/entries
@@ -0,0 +1,69 @@
+9
+
+dir
+206
+https://intern.ccwn.org/svn/Themis/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/rtl-support/screen
+https://intern.ccwn.org/svn/Themis
+
+
+
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+svn:special svn:externals svn:needs-lock
+
+
+
+
+
+
+
+
+
+
+
+e7c95c98-50ad-428d-8ede-669ef7f8c951
+
+
+
+
+
+
+0
+
+typography-rtl.css
+file
+
+
+
+
+2012-01-11T20:36:24.000000Z
+9a7a076f96554c3d3eaca02ff9fb6544
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+1090
+
diff --git a/css/yaml4/add-ons/rtl-support/screen/.svn/format b/css/yaml4/add-ons/rtl-support/screen/.svn/format
new file mode 100644
index 0000000..ec63514
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/screen/.svn/format
@@ -0,0 +1 @@
+9
diff --git a/css/yaml4/add-ons/rtl-support/screen/.svn/text-base/typography-rtl.css.svn-base b/css/yaml4/add-ons/rtl-support/screen/.svn/text-base/typography-rtl.css.svn-base
new file mode 100644
index 0000000..b76ae46
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/screen/.svn/text-base/typography-rtl.css.svn-base
@@ -0,0 +1,44 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Uniform design of standard content elements
+ * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.0
+ * @revision        $Revision: 657 $
+ * @lastmodified    $Date: 2012-01-11 21:36:23 +0100 (Mi, 11 Jan 2012) $
+ */
+
+@media all {
+
+	/* --- Lists | Listen  -------------------------------------------------------------------------------- */
+
+	ul,
+	ol,
+	dl {
+		margin-left: 0;
+		margin-right: 1em;
+	}
+
+	li {
+		margin-left: 0;
+		margin-right: 0.8em;
+	}
+
+	dd {
+		margin-left: 0;
+		margin-right: 0.8em;
+	}
+
+	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
+
+	blockquote {
+		margin-left: 0;
+		margin-right: 1.5em;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/add-ons/rtl-support/screen/typography-rtl.css b/css/yaml4/add-ons/rtl-support/screen/typography-rtl.css
new file mode 100644
index 0000000..b76ae46
--- /dev/null
+++ b/css/yaml4/add-ons/rtl-support/screen/typography-rtl.css
@@ -0,0 +1,44 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Uniform design of standard content elements
+ * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.0
+ * @revision        $Revision: 657 $
+ * @lastmodified    $Date: 2012-01-11 21:36:23 +0100 (Mi, 11 Jan 2012) $
+ */
+
+@media all {
+
+	/* --- Lists | Listen  -------------------------------------------------------------------------------- */
+
+	ul,
+	ol,
+	dl {
+		margin-left: 0;
+		margin-right: 1em;
+	}
+
+	li {
+		margin-left: 0;
+		margin-right: 0.8em;
+	}
+
+	dd {
+		margin-left: 0;
+		margin-right: 0.8em;
+	}
+
+	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
+
+	blockquote {
+		margin-left: 0;
+		margin-right: 1.5em;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/add-ons/syncheight/.svn/all-wcprops b/css/yaml4/add-ons/syncheight/.svn/all-wcprops
new file mode 100644
index 0000000..251a71b
--- /dev/null
+++ b/css/yaml4/add-ons/syncheight/.svn/all-wcprops
@@ -0,0 +1,11 @@
+K 25
+svn:wc:ra_dav:version-url
+V 85
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/syncheight
+END
+jquery.syncheight.js
+K 25
+svn:wc:ra_dav:version-url
+V 106
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/syncheight/jquery.syncheight.js
+END
diff --git a/css/yaml4/add-ons/syncheight/.svn/entries b/css/yaml4/add-ons/syncheight/.svn/entries
new file mode 100644
index 0000000..53e9ca5
--- /dev/null
+++ b/css/yaml4/add-ons/syncheight/.svn/entries
@@ -0,0 +1,69 @@
+9
+
+dir
+206
+https://intern.ccwn.org/svn/Themis/ccwn-themis-static/trunk/WebContent/yaml4/add-ons/syncheight
+https://intern.ccwn.org/svn/Themis
+
+
+
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+svn:special svn:externals svn:needs-lock
+
+
+
+
+
+
+
+
+
+
+
+e7c95c98-50ad-428d-8ede-669ef7f8c951
+
+
+
+
+
+
+0
+
+jquery.syncheight.js
+file
+
+
+
+
+2012-01-03T18:05:36.000000Z
+54a7f40a4def0c527bc34065d4dea578
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+2267
+
diff --git a/css/yaml4/add-ons/syncheight/.svn/format b/css/yaml4/add-ons/syncheight/.svn/format
new file mode 100644
index 0000000..ec63514
--- /dev/null
+++ b/css/yaml4/add-ons/syncheight/.svn/format
@@ -0,0 +1 @@
+9
diff --git a/css/yaml4/add-ons/syncheight/.svn/text-base/jquery.syncheight.js.svn-base b/css/yaml4/add-ons/syncheight/.svn/text-base/jquery.syncheight.js.svn-base
new file mode 100644
index 0000000..4dd818d
--- /dev/null
+++ b/css/yaml4/add-ons/syncheight/.svn/text-base/jquery.syncheight.js.svn-base
@@ -0,0 +1,88 @@
+/**
+ * syncHeight - jQuery plugin to automagically Snyc the heights of columns
+ * Made to seemlessly work with the CCS-Framework YAML (yaml.de)
+ * @requires jQuery v1.0.3
+ *
+ * http://blog.ginader.de/dev/syncheight/
+ *
+ * Copyright (c) 2007-2009
+ * Dirk Ginader (ginader.de)
+ * Dirk Jesse (yaml.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ * Version: 1.2
+ *
+ * Usage:
+	$(window).load(function(){
+		$('p').syncHeight();
+	});
+ */
+
+(function($) {
+	var getHeightProperty = function() {
+		var browser_id = 0;
+		var property = [
+			// To avoid content overflow in synchronised boxes on font scaling, we
+			// use 'min-height' property for modern browsers ...
+			['min-height','0px'],
+			// and 'height' property for Internet Explorer.
+			['height','1%']
+		];
+
+		// check for IE6 ...
+		if($.browser.msie && $.browser.version < 7){
+			browser_id = 1;
+		}
+
+		return { 'name': property[browser_id][0],
+				'autoheightVal': property[browser_id][1] };
+	};
+
+	$.getSyncedHeight = function(selector) {
+		var max = 0;
+		var heightProperty = getHeightProperty();
+		// get maximum element height ...
+		$(selector).each(function() {
+			// fallback to auto height before height check ...
+			$(this).css(heightProperty.name, heightProperty.autoheightVal);
+			var val = $(this).height();
+			if(val > max){
+				max = val;
+			}
+		});
+		return max;
+	};
+
+	$.fn.syncHeight = function(config) {
+		var defaults = {
+			updateOnResize: false,	// re-sync element heights after a browser resize event (useful in flexible layouts)
+			height: false
+		};
+		var options = $.extend(defaults, config);
+
+		var e = this;
+
+		var max = 0;
+		var heightPropertyName = getHeightProperty().name;
+
+		if(typeof(options.height) === "number") {
+			max = options.height;
+		} else {
+			max = $.getSyncedHeight(this);
+		}
+		// set synchronized element height ...
+		$(this).each(function() {
+			$(this).css(heightPropertyName, max+'px');
+		});
+
+		// optional sync refresh on resize event ...
+		if (options.updateOnResize === true) {
+			$(window).resize(function(){
+				$(e).syncHeight();
+			});
+		}
+		return this;
+	};
+})(jQuery);
\ No newline at end of file
diff --git a/css/yaml4/add-ons/syncheight/jquery.syncheight.js b/css/yaml4/add-ons/syncheight/jquery.syncheight.js
new file mode 100644
index 0000000..4dd818d
--- /dev/null
+++ b/css/yaml4/add-ons/syncheight/jquery.syncheight.js
@@ -0,0 +1,88 @@
+/**
+ * syncHeight - jQuery plugin to automagically Snyc the heights of columns
+ * Made to seemlessly work with the CCS-Framework YAML (yaml.de)
+ * @requires jQuery v1.0.3
+ *
+ * http://blog.ginader.de/dev/syncheight/
+ *
+ * Copyright (c) 2007-2009
+ * Dirk Ginader (ginader.de)
+ * Dirk Jesse (yaml.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ * Version: 1.2
+ *
+ * Usage:
+	$(window).load(function(){
+		$('p').syncHeight();
+	});
+ */
+
+(function($) {
+	var getHeightProperty = function() {
+		var browser_id = 0;
+		var property = [
+			// To avoid content overflow in synchronised boxes on font scaling, we
+			// use 'min-height' property for modern browsers ...
+			['min-height','0px'],
+			// and 'height' property for Internet Explorer.
+			['height','1%']
+		];
+
+		// check for IE6 ...
+		if($.browser.msie && $.browser.version < 7){
+			browser_id = 1;
+		}
+
+		return { 'name': property[browser_id][0],
+				'autoheightVal': property[browser_id][1] };
+	};
+
+	$.getSyncedHeight = function(selector) {
+		var max = 0;
+		var heightProperty = getHeightProperty();
+		// get maximum element height ...
+		$(selector).each(function() {
+			// fallback to auto height before height check ...
+			$(this).css(heightProperty.name, heightProperty.autoheightVal);
+			var val = $(this).height();
+			if(val > max){
+				max = val;
+			}
+		});
+		return max;
+	};
+
+	$.fn.syncHeight = function(config) {
+		var defaults = {
+			updateOnResize: false,	// re-sync element heights after a browser resize event (useful in flexible layouts)
+			height: false
+		};
+		var options = $.extend(defaults, config);
+
+		var e = this;
+
+		var max = 0;
+		var heightPropertyName = getHeightProperty().name;
+
+		if(typeof(options.height) === "number") {
+			max = options.height;
+		} else {
+			max = $.getSyncedHeight(this);
+		}
+		// set synchronized element height ...
+		$(this).each(function() {
+			$(this).css(heightPropertyName, max+'px');
+		});
+
+		// optional sync refresh on resize event ...
+		if (options.updateOnResize === true) {
+			$(window).resize(function(){
+				$(e).syncHeight();
+			});
+		}
+		return this;
+	};
+})(jQuery);
\ No newline at end of file
diff --git a/css/yaml4/core/.svn/all-wcprops b/css/yaml4/core/.svn/all-wcprops
new file mode 100644
index 0000000..6c53f9d
--- /dev/null
+++ b/css/yaml4/core/.svn/all-wcprops
@@ -0,0 +1,29 @@
+K 25
+svn:wc:ra_dav:version-url
+V 71
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/core
+END
+iehacks.min.css
+K 25
+svn:wc:ra_dav:version-url
+V 87
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/core/iehacks.min.css
+END
+base.css
+K 25
+svn:wc:ra_dav:version-url
+V 80
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/core/base.css
+END
+base.min.css
+K 25
+svn:wc:ra_dav:version-url
+V 84
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/core/base.min.css
+END
+iehacks.css
+K 25
+svn:wc:ra_dav:version-url
+V 83
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/core/iehacks.css
+END
diff --git a/css/yaml4/core/.svn/entries b/css/yaml4/core/.svn/entries
new file mode 100644
index 0000000..60ff87a
--- /dev/null
+++ b/css/yaml4/core/.svn/entries
@@ -0,0 +1,174 @@
+9
+
+dir
+206
+https://intern.ccwn.org/svn/Themis/ccwn-themis-static/trunk/WebContent/yaml4/core
+https://intern.ccwn.org/svn/Themis
+
+
+
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+svn:special svn:externals svn:needs-lock
+
+
+
+
+
+
+
+
+
+
+
+e7c95c98-50ad-428d-8ede-669ef7f8c951
+
+
+
+
+
+
+0
+
+iehacks.min.css
+file
+
+
+
+
+2012-01-22T12:29:16.000000Z
+a3032aa2df9a554e1a1a2bc56b0efcc3
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+1936
+
+base.css
+file
+
+
+
+
+2012-01-22T12:09:38.000000Z
+2c82aba0bc9593c5d334637cb8a50a7d
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+13114
+
+base.min.css
+file
+
+
+
+
+2012-01-22T12:29:16.000000Z
+f68f92da32555a02ac032dff3e7ad911
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+4614
+
+js
+dir
+
+iehacks.css
+file
+
+
+
+
+2012-01-22T12:09:38.000000Z
+c13d6922694462a83e13aabe24e6770f
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+11007
+
diff --git a/css/yaml4/core/.svn/format b/css/yaml4/core/.svn/format
new file mode 100644
index 0000000..ec63514
--- /dev/null
+++ b/css/yaml4/core/.svn/format
@@ -0,0 +1 @@
+9
diff --git a/css/yaml4/core/.svn/text-base/base.css.svn-base b/css/yaml4/core/.svn/text-base/base.css.svn-base
new file mode 100644
index 0000000..9f70d53
--- /dev/null
+++ b/css/yaml4/core/.svn/text-base/base.css.svn-base
@@ -0,0 +1,484 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) YAML core stylesheet
+ * (de) YAML Basis-Stylesheet
+ *
+ * Don't make any changes in this file!
+ * Your changes should be placed in any css-file in your own stylesheet folder.
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 686 $
+ * @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+ */
+
+@media all {
+
+	/**
+	* @section CSS-Normalisation Module
+	*/
+
+	/* (en) Global reset of paddings and margins for all HTML elements */
+	/* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
+	* { margin:0; padding:0; }
+
+	/* (en) Correction:margin/padding reset caused too small select boxes. */
+	/* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
+	option { padding-left:0.4em; } /* 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%;
+
+		/* (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:target { outline:0 none; }
+
+	/* (en) HTML 5 - adjusting visual formatting model to block level */
+	/* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
+	article,aside,details,figcaption,figure,
+	footer,header,hgroup,nav,section {
+		display:block;
+	}
+
+	/* (en) HTML5 - default media element styles */
+	/* (de) HTML5 - Standard Eigenschaften für Media-Elemente */
+	audio,
+	canvas,
+	video {
+		display: inline-block;
+	}
+
+	/* (en) HTML5 - don't show <audio> element if there aren't controls */
+	/* (de) HTML5 - <audio> ohne Kontrollelemente sollten nicht angezeigt werden */
+	audio:not([controls]) {
+		display: none;
+	}
+
+	/* (en) HTML5 - add missing styling in IE & old FF for hidden attribute  */
+	/* (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten */
+	[hidden] {
+		display: none;
+	}
+
+	/* (en) force consistant appearance of input[type="search"] elements in all browser  */
+	/* (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen  */
+	input[type="search"] {
+		-webkit-appearance: textfield;
+	}
+	input[type="search"]::-webkit-search-decoration {
+		-webkit-appearance: none;
+	}
+
+	/* (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, cite and tables */
+	/* (de) Neue Standardwerte für Listen, Zitate und Tabellen */
+	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 */
+	q { quotes: none; }
+
+	blockquote:before, blockquote:after,
+	q:before, q:after { content: ''; content:none }
+
+	table {
+		border-collapse: collapse;
+		border-spacing: 0;
+	}
+
+ 	/**
+	* @section Float Handling Module
+	*/
+
+	/* (en) clearfix method for clearing floats */
+	/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
+	.ym-clearfix:before {
+		content:"";
+		display:table;
+	}
+	.ym-clearfix:after {
+		clear:both;
+		content:".";
+		display:block;
+		font-size:0;
+		height:0;
+		visibility:hidden;
+	}
+
+	/* (en) alternative solutions to contain floats */
+	/* (de) Alternative Methoden zum Einschließen von Float-Umgebungen */
+	.ym-contain-dt { display:table; width: 100%; overflow: visible; }
+	.ym-contain-oh { overflow:hidden; width:100%; display:block; }
+	.ym-contain-fl { float:left; width:100%; }
+
+	/**
+	* @section Accessibility Module
+	*
+	* (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 */
+	.ym-skip,
+	.ym-hideme,
+	.ym-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 */
+	.ym-skip:focus,
+	.ym-skip:active {
+		position:static;
+		top:0;
+		left:0;
+	}
+
+	/* skiplinks:technical setup */
+	.ym-skiplinks {
+		position:absolute;
+		top:0px;
+		left:-32768px;
+		z-index:1000;
+		width:100%;
+		margin:0;
+		padding:0;
+		list-style-type:none;
+	}
+
+	.ym-skiplinks .ym-skip:focus,
+	.ym-skiplinks .ym-skip:active {
+		left:32768px;
+		outline:0 none;
+		position:absolute;
+		width:100%;
+	}
+}
+
+@media screen, projection {
+
+	/**
+	* @section Column Module
+	*
+	* default column config:
+	* |-------------------------------|
+	* | col1    | col3      | col2    |
+	* | 20%     | flexible  | 20%     |
+	* |-------------------------------|
+	*/
+
+	.ym-column { display:table; width:100%; }
+
+	.ym-col1 { float:left; width:20%; }
+	.ym-col2 { float:right; width:20%; }
+	.ym-col3 { width:auto; margin:0 20%; }
+
+	/* (en) Preparation for absolute positioning within content columns */
+	/* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
+	.ym-cbox
+	.ym-cbox-left,
+	.ym-cbox-right { position:relative; }
+
+	.ym-cbox { padding: 0 10px }
+	.ym-cbox-left { padding: 0 10px 0 0 }
+	.ym-cbox-right { padding: 0 0 0 10px }
+
+	/* (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 */
+	.ym-ie-clearing { display:none; }
+
+	/**
+	* @section Grid Module
+	*
+	*/
+
+	.ym-grid {
+		display:table;
+		width:100%;
+		table-layout:fixed;
+		list-style-type: none;
+		padding-left:0;
+		padding-right:0;
+		margin-left:0;
+		margin-right:0;
+	}
+
+	.ym-gl { float:left; margin: 0; }
+	.ym-gr { float:right; margin: 0 0 0 -5px; }
+
+	.ym-g20 { width:20%; }
+	.ym-g40 { width:40%; }
+	.ym-g60 { width:60%; }
+	.ym-g80 { width:80%; }
+	.ym-g25 { width:25%; }
+	.ym-g33 { width:33.333%; }
+	.ym-g50 { width:50%; }
+	.ym-g66 { width:66.666%; }
+	.ym-g75 { width:75%; }
+	.ym-g38 { width:38.2%; }
+	.ym-g62 { width:61.8%; }
+
+	.ym-gbox { padding: 0 10px }
+	.ym-gbox-left { padding: 0 10px 0 0 }
+	.ym-gbox-right { padding: 0 0 0 10px }
+
+	.ym-equalize { overflow:hidden; }
+
+	.ym-equalize > .ym-gl,
+	.ym-equalize > .ym-gr {
+		display:table-cell;
+		float:none;
+		margin:0;
+		vertical-align:top;
+	}
+
+	.ym-equalize > * > .ym-gbox,
+	.ym-equalize > * > .ym-gbox-left,
+	.ym-equalize > * > .ym-gbox-right {
+		padding-bottom: 10000px;
+		margin-bottom: -10000px
+	}
+}
+
+@media all {
+
+   /**
+	* @section Form Module
+	*
+	* Vertical-Forms - technical base (standard)
+	*
+	* |-------------------------------|
+	* | form                          |
+	* |-------------------------------|
+	* |   label                       |
+	* |   input / select / textarea   |
+	* |-------------------------------|
+	* | /form                         |
+	* |-------------------------------|
+	*
+	* (en) Styling of forms where both label and input/select/textarea are styled with display:block;
+	* (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
+	*/
+
+	.ym-form,
+	.ym-form fieldset { overflow:hidden; }
+
+	.ym-form div
+	.ym-form label,
+	.ym-form .ym-message {
+		position:relative;
+		display:block; /* important for Safari */
+	}
+
+	.ym-form .ym-fbox-check label {
+		display:inline;
+	}
+
+	.ym-form input,
+	.ym-form textarea { cursor:text; }
+
+	.ym-form input[type="checkbox"],
+	.ym-form input[type="radio"],
+	.ym-form select,
+	.ym-form label { cursor:pointer; }
+
+	/* small adjustments for Internet Explorer - all versions */
+	.ym-form textarea { overflow: auto; }
+
+	/* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
+	.ym-form input[type=hidden] { display:none !important; }
+
+	/* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
+	.ym-form .ym-fbox-text:before,
+	.ym-form .ym-fbox-select:before,
+	.ym-form .ym-fbox-check:before,
+	.ym-form .ym-fbox-button:before {
+		content:"";
+		display:table;
+	}
+
+	.ym-form .ym-fbox-text:after,
+	.ym-form .ym-fbox-select:after,
+	.ym-form .ym-fbox-check:after,
+	.ym-form .ym-fbox-button:after {
+		clear:both;
+		content:".";
+		display:block;
+		font-size:0;
+		height:0;
+		visibility:hidden;
+	}
+
+	/* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
+	.ym-form select,
+	.ym-form input,
+	.ym-form textarea {
+		display:block;
+		position:relative;
+		width:58.5%;
+	}
+
+	.ym-form .ym-fbox-check input {
+		display: inline;
+		width: auto;
+	}
+
+	/* Styling of buttons | Gestaltung von Buttons */
+	.ym-form .ym-fbox-button input {
+		display: inline;
+		overflow:visible;  /* Fixes IE7 auto-padding bug */
+		width:auto;
+	}
+
+	/* avoid jumping checkboxes & radiobuttons in IE8 */
+	.ym-form .ym-fbox-check input:focus,
+	.ym-form .ym-fbox-check input:hover,
+	.ym-form .ym-fbox-check input:active {
+		border:0 none;
+	}
+
+	/* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
+
+	.ym-full .ym-fbox-select select,
+	.ym-full .ym-fbox-text input,
+	.ym-full .ym-fbox-text textarea {
+		width:94.2%;
+		margin-right: -3px;
+	}
+
+   /**
+	* Columnar forms display - technical base (optional)
+	*
+	* |-------------------------------------------|
+	* | form                                      |
+	* |-------------------------------------------|
+	* |                                           |
+	* |   label   |   input / select / textarea   |
+	* |                                           |
+	* |-------------------------------------------|
+	* | /form                                     |
+	* |-------------------------------------------|
+	*
+	* (en) Styling of forms where label floats left of form-elements
+	* (de) Formulargestaltung, bei der die label-Elemente nach links fließen
+	*/
+
+	/* Columnar display | Spalten-Darstellung */
+	.ym-columnar .ym-fbox-text label,
+	.ym-columnar .ym-fbox-select label {
+		display:inline;
+		float:left;
+		width:30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
+	}
+	.ym-columnar .ym-fbox-check {
+		position:relative;
+	}
+
+	.ym-label { display:block; }
+	.ym-columnar .ym-fbox-check .ym-label {
+		position:absolute;
+		top:0;
+	}
+
+	/* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
+	.ym-columnar .ym-fbox-check input,
+	.ym-columnar .ym-error .ym-message {
+		margin-left:30%;
+	}
+
+	/* global and local columnar settings for button alignment */
+	.ym-columnar fieldset .ym-fbox-button,
+	fieldset.ym-columnar .ym-fbox-button {
+		padding-left:30%;
+	}
+
+	.ym-columnar .ym-fbox-select select,
+	.ym-columnar .ym-fbox-text input,
+	.ym-columnar .ym-fbox-text textarea {
+		float:left;
+		width:67.2%;
+		margin-right: -3px;
+	}
+
+	/**
+	* @section Form Construction Kit | Screen Adjustments
+	*
+	*/
+
+	.ym-fbox-select select { width:60%; }
+	.ym-full .ym-fbox-select select { width:94.8%; }
+	.ym-columnar .ym-fbox-select select { width:68.8%; }
+}
+
+@media print {
+
+	/**
+	* @section print adjustments for core modules
+	*
+	* (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
+	* (de) Float Clearing für die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
+	*
+	* @bugfix
+	* @since     3.0
+	* @affected  FF2.0, FF3.0, IE7
+	* @css-for   all browsers
+	* @valid     yes
+	*/
+
+	.ym-grid > .ym-gl,
+	.ym-grid > .ym-gr {
+		overflow:visible;
+		display:table;
+	}
+
+	/* (en) make .ym-print class visible */
+	/* (de) .ym-print-Klasse sichtbar schalten */
+	.ym-print {
+		position:static;
+		left:0;
+	}
+
+	/* (en) generic class to hide elements for print */
+	/* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
+	.ym-noprint {
+		display:none !important;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/core/.svn/text-base/base.min.css.svn-base b/css/yaml4/core/.svn/text-base/base.min.css.svn-base
new file mode 100644
index 0000000..cd17135
--- /dev/null
+++ b/css/yaml4/core/.svn/text-base/base.min.css.svn-base
@@ -0,0 +1 @@
+@media all{*{margin:0;padding:0}option{padding-left:.4em}select{padding:1px}* html body *{overflow:visible}body{font-size:100%;background:#fff;color:#000;text-align:left}div:target{outline:0 none}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}[hidden]{display:none}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset,img{border:0 solid}ul,ol,dl{margin:0 0 1em 1em}li{line-height:1.5em;margin-left:.8em}dt{font-weight:bold}dd{margin:0 0 1em .8em}blockquote{margin:0 0 1em .8em}q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.ym-clearfix:before{content:"";display:table}.ym-clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.ym-contain-dt{display:table;width:100%;overflow:visible}.ym-contain-oh{overflow:hidden;width:100%;display:block}.ym-contain-fl{float:left;width:100%}.ym-skip,.ym-hideme,.ym-print{position:absolute;top:-32768px;left:-32768px}.ym-skip:focus,.ym-skip:active{position:static;top:0;left:0}.ym-skiplinks{position:absolute;top:0;left:-32768px;z-index:1000;width:100%;margin:0;padding:0;list-style-type:none}.ym-skiplinks .ym-skip:focus,.ym-skiplinks .ym-skip:active{left:32768px;outline:0 none;position:absolute;width:100%}}@media screen,projection{.ym-column{display:table;width:100%}.ym-col1{float:left;width:20%}.ym-col2{float:right;width:20%}.ym-col3{width:auto;margin:0 20%}.ym-cbox .ym-cbox-left,.ym-cbox-right{position:relative}.ym-cbox{padding:0 10px}.ym-cbox-left{padding:0 10px 0 0}.ym-cbox-right{padding:0 0 0 10px}.ym-ie-clearing{display:none}.ym-grid{display:table;width:100%;table-layout:fixed;list-style-type:none;padding-left:0;padding-right:0;margin-left:0;margin-right:0}.ym-gl{float:left;margin:0}.ym-gr{float:right;margin:0 0 0 -5px}.ym-g20{width:20%}.ym-g40{width:40%}.ym-g60{width:60%}.ym-g80{width:80%}.ym-g25{width:25%}.ym-g33{width:33.333%}.ym-g50{width:50%}.ym-g66{width:66.666%}.ym-g75{width:75%}.ym-g38{width:38.2%}.ym-g62{width:61.8%}.ym-gbox{padding:0 10px}.ym-gbox-left{padding:0 10px 0 0}.ym-gbox-right{padding:0 0 0 10px}.ym-equalize{overflow:hidden}.ym-equalize>.ym-gl,.ym-equalize>.ym-gr{display:table-cell;float:none;margin:0;vertical-align:top}.ym-equalize>*>.ym-gbox,.ym-equalize>*>.ym-gbox-left,.ym-equalize>*>.ym-gbox-right{padding-bottom:10000px;margin-bottom:-10000px}}@media all{.ym-form,.ym-form fieldset{overflow:hidden}.ym-form div .ym-form label,.ym-form .ym-message{position:relative;display:block}.ym-form .ym-fbox-check label{display:inline}.ym-form input,.ym-form textarea{cursor:text}.ym-form input[type="checkbox"],.ym-form input[type="radio"],.ym-form select,.ym-form label{cursor:pointer}.ym-form textarea{overflow:auto}.ym-form input[type=hidden]{display:none!important}.ym-form .ym-fbox-text:before,.ym-form .ym-fbox-select:before,.ym-form .ym-fbox-check:before,.ym-form .ym-fbox-button:before{content:"";display:table}.ym-form .ym-fbox-text:after,.ym-form .ym-fbox-select:after,.ym-form .ym-fbox-check:after,.ym-form .ym-fbox-button:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.ym-form select,.ym-form input,.ym-form textarea{display:block;position:relative;width:58.5%}.ym-form .ym-fbox-check input{display:inline;width:auto}.ym-form .ym-fbox-button input{display:inline;overflow:visible;width:auto}.ym-form .ym-fbox-check input:focus,.ym-form .ym-fbox-check input:hover,.ym-form .ym-fbox-check input:active{border:0 none}.ym-full .ym-fbox-select select,.ym-full .ym-fbox-text input,.ym-full .ym-fbox-text textarea{width:94.2%;margin-right:-3px}.ym-columnar .ym-fbox-text label,.ym-columnar .ym-fbox-select label{display:inline;float:left;width:30%}.ym-columnar .ym-fbox-check{position:relative}.ym-label{display:block}.ym-columnar .ym-fbox-check .ym-label{position:absolute;top:0}.ym-columnar .ym-fbox-check input,.ym-columnar .ym-error .ym-message{margin-left:30%}.ym-columnar fieldset .ym-fbox-button,fieldset.ym-columnar .ym-fbox-button{padding-left:30%}.ym-columnar .ym-fbox-select select,.ym-columnar .ym-fbox-text input,.ym-columnar .ym-fbox-text textarea{float:left;width:67.2%;margin-right:-3px}.ym-fbox-select select{width:60%}.ym-full .ym-fbox-select select{width:94.8%}.ym-columnar .ym-fbox-select select{width:68.8%}}@media print{.ym-grid>.ym-gl,.ym-grid>.ym-gr{overflow:visible;display:table}.ym-print{position:static;left:0}.ym-noprint{display:none!important}}
\ No newline at end of file
diff --git a/css/yaml4/core/.svn/text-base/iehacks.css.svn-base b/css/yaml4/core/.svn/text-base/iehacks.css.svn-base
new file mode 100644
index 0000000..5c7eb5e
--- /dev/null
+++ b/css/yaml4/core/.svn/text-base/iehacks.css.svn-base
@@ -0,0 +1,385 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML 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!
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 686 $
+ * @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+ * @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; }	 */
+
+	/**
+	* Correct inline positioning for unknown HTML5 elements in IE 6 & 7
+	*
+	* @workaround
+	* @affected  IE6, IE7
+	* @css-for   IE6, IE7
+	* @valid     no
+	*/
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (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) HTML5 - default media element styles
+	* (de) HTML5 - Standard Eigenschaften für Media-Elemente
+	*/
+
+	article,aside,details,figcaption,figure,
+	footer,header,hgroup,nav,section {
+		zoom:1;
+	}
+
+	audio,
+	canvas,
+	video {
+		*display: inline;
+		*zoom: 1;
+	}
+
+	/**
+	* (en) enable bicubic interpolation of images on scaling
+	* (de) aktiviert bikubische Interpolation beim Skalieren von Bildern
+	*/
+	img {
+		-ms-interpolation-mode: bicubic;
+		zoom: 1;
+	}
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (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
+	*/
+
+	.ym-clearfix { zoom:1; }	/* hasLayout aktivieren */
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (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 .ym-col1,
+	* html .ym-col2,
+	* html .ym-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%; }
+	.ym-wrapper, .ym-wbox, #header, #nav, #main, #footer { zoom:1; }	/* IE6 & IE7	*/
+	* html .ym-wrapper, * html .ym-wbox { 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 */
+	.ym-gbox, .ym-gbox-left, .ym-gbox-right { 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; }
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* Browser-based image scaling (not)
+	*
+	* @workaround
+	* @affected  IE 5.x/Win, IE6
+	* @css-for   IE 5.x/Win, IE6
+	* @valid     yes
+	*/
+
+	* html .flexible {
+		zoom: 1;
+	}
+
+	/**
+	* Form related bugfixes
+	*
+	* @bugfix
+	* @affected  IE 5.x/Win, IE6, IE7
+	* @css-for   IE 5.x/Win, IE6, IE7
+	* @valid     no
+	*/
+
+	button, input { *overflow: visible; }
+	table button, table input { *overflow: auto; }
+
+	fieldset, legend { position:relative; }
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* Global adjustments/fixes for YAML's form construction kit
+	*
+	* @workaround
+	* @affected  IE 5.x/Win, IE6, IE7
+	* @css-for   IE 5.x/Win, IE6, IE7
+	* @valid     no
+	*/
+
+	.ym-form,
+	.ym-form div,
+	.ym-form div * { zoom:1; }
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (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 .ym-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%;
+		line-height: 0;
+		font-size:0px;
+		margin:-2px 0 -1em 1px;
+	}
+
+	* html .ym-ie-clearing { margin:-2px 0 -1em 0; }
+	.ym-cbox { 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 */
+	.ym-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
+	*/
+
+}
+
+@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
+	*/
+	.ym-col1, .ym-col2 { display:inline; }
+
+	/* Fix for:"Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 */
+	.ym-grid { overflow:hidden; display:block; }
+	* html .ym-grid { overflow:visible; }
+
+	.ym-gl,
+	.ym-gr { display: inline; }
+
+	/* transform CSS tables back into floats */
+	.ym-equalize .ym-gl {
+		float:left; display:inline;
+		padding-bottom:32767px;
+		margin-bottom:-32767px;
+	}
+
+	.ym-equalize .ym-gr {
+		float:right; margin-left:-5px; display:inline;
+		padding-bottom:32767px;
+		margin-bottom:-32767px;
+	}
+
+	.no-ie-padding .ym-gl,
+	.no-ie-padding .ym-gr {
+		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 .ym-cbox-left,
+	* html .ym-cbox-right,
+	* html .ym-cbox { word-wrap:break-word; }
+
+	/* avoid growing widths */
+	* html .ym-gbox,
+	* html .ym-gbox-left,
+	* html .ym-gbox-right { word-wrap:break-word; o\verflow:hidden; }
+}
+
+@media print {
+
+	/**
+	* (en) Avoid unneeded page breaks of .ym-col3 content in print layout and containing floats.
+	* (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte .ym-col3 und Einschluss von Floats.
+	*
+	* @bugfix
+	* @affected  IE7
+	* @css-for   IE 5.x/Win, IE6, IE7
+	* @valid     yes
+	*/
+
+	.ym-gbox,
+	.ym-gbox-left,
+	.ym-gbox-right,
+	.ym-col3 { height:1%; }
+}
\ No newline at end of file
diff --git a/css/yaml4/core/.svn/text-base/iehacks.min.css.svn-base b/css/yaml4/core/.svn/text-base/iehacks.min.css.svn-base
new file mode 100644
index 0000000..66b3d0b
--- /dev/null
+++ b/css/yaml4/core/.svn/text-base/iehacks.min.css.svn-base
@@ -0,0 +1 @@
+@media all{body{o\verflow:visible}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{zoom:1}audio,canvas,video{*display:inline;*zoom:1}img{-ms-interpolation-mode:bicubic;zoom:1}* html iframe,* html frame{overflow:auto}* html input,* html frameset{overflow:hidden}* html textarea{overflow:scroll;overflow-x:hidden}body,#main{position:relative}* html body{position:static}.ym-clearfix{zoom:1}* html .ym-col1,* html .ym-col2,* html .ym-col3{position:relative}body{height:1%}.ym-wrapper,.ym-wbox,#header,#nav,#main,#footer{zoom:1}* html .ym-wrapper,* html .ym-wbox{height:1%;hei\ght:auto}* html #header,* html #nav,* html #main,* html #footer{width:100%;wid\th:auto}.ym-gbox,.ym-gbox-left,.ym-gbox-right{height:1%}* html ul,* html ol,* html dl{position:relative}body ol li{display:list-item}* html .flexible{zoom:1}button,input{*overflow:visible}table button,table input{*overflow:auto}fieldset,legend{position:relative}.ym-form,.ym-form div,.ym-form div *{zoom:1}html .ym-ie-clearing{position:static;display:block;\clear:both;width:100%;line-height:0;font-size:0;margin:-2px 0 -1em 1px}* html .ym-ie-clearing{margin:-2px 0 -1em 0}.ym-cbox{margin-bottom:-2px}html{margin-right:1px}* html{margin-right:0}.ym-col3{position:relative}}@media screen,projection{.ym-col1,.ym-col2{display:inline}.ym-grid{overflow:hidden;display:block}* html .ym-grid{overflow:visible}.ym-gl,.ym-gr{display:inline}.ym-equalize .ym-gl{float:left;display:inline;padding-bottom:32767px;margin-bottom:-32767px}.ym-equalize .ym-gr{float:right;margin-left:-5px;display:inline;padding-bottom:32767px;margin-bottom:-32767px}.no-ie-padding .ym-gl,.no-ie-padding .ym-gr{padding-bottom:0;margin-bottom:0}* html .ym-cbox-left,* html .ym-cbox-right,* html .ym-cbox{word-wrap:break-word}* html .ym-gbox,* html .ym-gbox-left,* html .ym-gbox-right{word-wrap:break-word;o\verflow:hidden}}@media print{.ym-gbox,.ym-gbox-left,.ym-gbox-right,.ym-col3{height:1%}}
\ No newline at end of file
diff --git a/css/yaml4/core/base.css b/css/yaml4/core/base.css
new file mode 100644
index 0000000..9f70d53
--- /dev/null
+++ b/css/yaml4/core/base.css
@@ -0,0 +1,484 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) YAML core stylesheet
+ * (de) YAML Basis-Stylesheet
+ *
+ * Don't make any changes in this file!
+ * Your changes should be placed in any css-file in your own stylesheet folder.
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 686 $
+ * @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+ */
+
+@media all {
+
+	/**
+	* @section CSS-Normalisation Module
+	*/
+
+	/* (en) Global reset of paddings and margins for all HTML elements */
+	/* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
+	* { margin:0; padding:0; }
+
+	/* (en) Correction:margin/padding reset caused too small select boxes. */
+	/* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
+	option { padding-left:0.4em; } /* 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%;
+
+		/* (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:target { outline:0 none; }
+
+	/* (en) HTML 5 - adjusting visual formatting model to block level */
+	/* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
+	article,aside,details,figcaption,figure,
+	footer,header,hgroup,nav,section {
+		display:block;
+	}
+
+	/* (en) HTML5 - default media element styles */
+	/* (de) HTML5 - Standard Eigenschaften für Media-Elemente */
+	audio,
+	canvas,
+	video {
+		display: inline-block;
+	}
+
+	/* (en) HTML5 - don't show <audio> element if there aren't controls */
+	/* (de) HTML5 - <audio> ohne Kontrollelemente sollten nicht angezeigt werden */
+	audio:not([controls]) {
+		display: none;
+	}
+
+	/* (en) HTML5 - add missing styling in IE & old FF for hidden attribute  */
+	/* (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten */
+	[hidden] {
+		display: none;
+	}
+
+	/* (en) force consistant appearance of input[type="search"] elements in all browser  */
+	/* (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen  */
+	input[type="search"] {
+		-webkit-appearance: textfield;
+	}
+	input[type="search"]::-webkit-search-decoration {
+		-webkit-appearance: none;
+	}
+
+	/* (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, cite and tables */
+	/* (de) Neue Standardwerte für Listen, Zitate und Tabellen */
+	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 */
+	q { quotes: none; }
+
+	blockquote:before, blockquote:after,
+	q:before, q:after { content: ''; content:none }
+
+	table {
+		border-collapse: collapse;
+		border-spacing: 0;
+	}
+
+ 	/**
+	* @section Float Handling Module
+	*/
+
+	/* (en) clearfix method for clearing floats */
+	/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
+	.ym-clearfix:before {
+		content:"";
+		display:table;
+	}
+	.ym-clearfix:after {
+		clear:both;
+		content:".";
+		display:block;
+		font-size:0;
+		height:0;
+		visibility:hidden;
+	}
+
+	/* (en) alternative solutions to contain floats */
+	/* (de) Alternative Methoden zum Einschließen von Float-Umgebungen */
+	.ym-contain-dt { display:table; width: 100%; overflow: visible; }
+	.ym-contain-oh { overflow:hidden; width:100%; display:block; }
+	.ym-contain-fl { float:left; width:100%; }
+
+	/**
+	* @section Accessibility Module
+	*
+	* (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 */
+	.ym-skip,
+	.ym-hideme,
+	.ym-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 */
+	.ym-skip:focus,
+	.ym-skip:active {
+		position:static;
+		top:0;
+		left:0;
+	}
+
+	/* skiplinks:technical setup */
+	.ym-skiplinks {
+		position:absolute;
+		top:0px;
+		left:-32768px;
+		z-index:1000;
+		width:100%;
+		margin:0;
+		padding:0;
+		list-style-type:none;
+	}
+
+	.ym-skiplinks .ym-skip:focus,
+	.ym-skiplinks .ym-skip:active {
+		left:32768px;
+		outline:0 none;
+		position:absolute;
+		width:100%;
+	}
+}
+
+@media screen, projection {
+
+	/**
+	* @section Column Module
+	*
+	* default column config:
+	* |-------------------------------|
+	* | col1    | col3      | col2    |
+	* | 20%     | flexible  | 20%     |
+	* |-------------------------------|
+	*/
+
+	.ym-column { display:table; width:100%; }
+
+	.ym-col1 { float:left; width:20%; }
+	.ym-col2 { float:right; width:20%; }
+	.ym-col3 { width:auto; margin:0 20%; }
+
+	/* (en) Preparation for absolute positioning within content columns */
+	/* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
+	.ym-cbox
+	.ym-cbox-left,
+	.ym-cbox-right { position:relative; }
+
+	.ym-cbox { padding: 0 10px }
+	.ym-cbox-left { padding: 0 10px 0 0 }
+	.ym-cbox-right { padding: 0 0 0 10px }
+
+	/* (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 */
+	.ym-ie-clearing { display:none; }
+
+	/**
+	* @section Grid Module
+	*
+	*/
+
+	.ym-grid {
+		display:table;
+		width:100%;
+		table-layout:fixed;
+		list-style-type: none;
+		padding-left:0;
+		padding-right:0;
+		margin-left:0;
+		margin-right:0;
+	}
+
+	.ym-gl { float:left; margin: 0; }
+	.ym-gr { float:right; margin: 0 0 0 -5px; }
+
+	.ym-g20 { width:20%; }
+	.ym-g40 { width:40%; }
+	.ym-g60 { width:60%; }
+	.ym-g80 { width:80%; }
+	.ym-g25 { width:25%; }
+	.ym-g33 { width:33.333%; }
+	.ym-g50 { width:50%; }
+	.ym-g66 { width:66.666%; }
+	.ym-g75 { width:75%; }
+	.ym-g38 { width:38.2%; }
+	.ym-g62 { width:61.8%; }
+
+	.ym-gbox { padding: 0 10px }
+	.ym-gbox-left { padding: 0 10px 0 0 }
+	.ym-gbox-right { padding: 0 0 0 10px }
+
+	.ym-equalize { overflow:hidden; }
+
+	.ym-equalize > .ym-gl,
+	.ym-equalize > .ym-gr {
+		display:table-cell;
+		float:none;
+		margin:0;
+		vertical-align:top;
+	}
+
+	.ym-equalize > * > .ym-gbox,
+	.ym-equalize > * > .ym-gbox-left,
+	.ym-equalize > * > .ym-gbox-right {
+		padding-bottom: 10000px;
+		margin-bottom: -10000px
+	}
+}
+
+@media all {
+
+   /**
+	* @section Form Module
+	*
+	* Vertical-Forms - technical base (standard)
+	*
+	* |-------------------------------|
+	* | form                          |
+	* |-------------------------------|
+	* |   label                       |
+	* |   input / select / textarea   |
+	* |-------------------------------|
+	* | /form                         |
+	* |-------------------------------|
+	*
+	* (en) Styling of forms where both label and input/select/textarea are styled with display:block;
+	* (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
+	*/
+
+	.ym-form,
+	.ym-form fieldset { overflow:hidden; }
+
+	.ym-form div
+	.ym-form label,
+	.ym-form .ym-message {
+		position:relative;
+		display:block; /* important for Safari */
+	}
+
+	.ym-form .ym-fbox-check label {
+		display:inline;
+	}
+
+	.ym-form input,
+	.ym-form textarea { cursor:text; }
+
+	.ym-form input[type="checkbox"],
+	.ym-form input[type="radio"],
+	.ym-form select,
+	.ym-form label { cursor:pointer; }
+
+	/* small adjustments for Internet Explorer - all versions */
+	.ym-form textarea { overflow: auto; }
+
+	/* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
+	.ym-form input[type=hidden] { display:none !important; }
+
+	/* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
+	.ym-form .ym-fbox-text:before,
+	.ym-form .ym-fbox-select:before,
+	.ym-form .ym-fbox-check:before,
+	.ym-form .ym-fbox-button:before {
+		content:"";
+		display:table;
+	}
+
+	.ym-form .ym-fbox-text:after,
+	.ym-form .ym-fbox-select:after,
+	.ym-form .ym-fbox-check:after,
+	.ym-form .ym-fbox-button:after {
+		clear:both;
+		content:".";
+		display:block;
+		font-size:0;
+		height:0;
+		visibility:hidden;
+	}
+
+	/* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
+	.ym-form select,
+	.ym-form input,
+	.ym-form textarea {
+		display:block;
+		position:relative;
+		width:58.5%;
+	}
+
+	.ym-form .ym-fbox-check input {
+		display: inline;
+		width: auto;
+	}
+
+	/* Styling of buttons | Gestaltung von Buttons */
+	.ym-form .ym-fbox-button input {
+		display: inline;
+		overflow:visible;  /* Fixes IE7 auto-padding bug */
+		width:auto;
+	}
+
+	/* avoid jumping checkboxes & radiobuttons in IE8 */
+	.ym-form .ym-fbox-check input:focus,
+	.ym-form .ym-fbox-check input:hover,
+	.ym-form .ym-fbox-check input:active {
+		border:0 none;
+	}
+
+	/* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
+
+	.ym-full .ym-fbox-select select,
+	.ym-full .ym-fbox-text input,
+	.ym-full .ym-fbox-text textarea {
+		width:94.2%;
+		margin-right: -3px;
+	}
+
+   /**
+	* Columnar forms display - technical base (optional)
+	*
+	* |-------------------------------------------|
+	* | form                                      |
+	* |-------------------------------------------|
+	* |                                           |
+	* |   label   |   input / select / textarea   |
+	* |                                           |
+	* |-------------------------------------------|
+	* | /form                                     |
+	* |-------------------------------------------|
+	*
+	* (en) Styling of forms where label floats left of form-elements
+	* (de) Formulargestaltung, bei der die label-Elemente nach links fließen
+	*/
+
+	/* Columnar display | Spalten-Darstellung */
+	.ym-columnar .ym-fbox-text label,
+	.ym-columnar .ym-fbox-select label {
+		display:inline;
+		float:left;
+		width:30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
+	}
+	.ym-columnar .ym-fbox-check {
+		position:relative;
+	}
+
+	.ym-label { display:block; }
+	.ym-columnar .ym-fbox-check .ym-label {
+		position:absolute;
+		top:0;
+	}
+
+	/* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
+	.ym-columnar .ym-fbox-check input,
+	.ym-columnar .ym-error .ym-message {
+		margin-left:30%;
+	}
+
+	/* global and local columnar settings for button alignment */
+	.ym-columnar fieldset .ym-fbox-button,
+	fieldset.ym-columnar .ym-fbox-button {
+		padding-left:30%;
+	}
+
+	.ym-columnar .ym-fbox-select select,
+	.ym-columnar .ym-fbox-text input,
+	.ym-columnar .ym-fbox-text textarea {
+		float:left;
+		width:67.2%;
+		margin-right: -3px;
+	}
+
+	/**
+	* @section Form Construction Kit | Screen Adjustments
+	*
+	*/
+
+	.ym-fbox-select select { width:60%; }
+	.ym-full .ym-fbox-select select { width:94.8%; }
+	.ym-columnar .ym-fbox-select select { width:68.8%; }
+}
+
+@media print {
+
+	/**
+	* @section print adjustments for core modules
+	*
+	* (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
+	* (de) Float Clearing für die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
+	*
+	* @bugfix
+	* @since     3.0
+	* @affected  FF2.0, FF3.0, IE7
+	* @css-for   all browsers
+	* @valid     yes
+	*/
+
+	.ym-grid > .ym-gl,
+	.ym-grid > .ym-gr {
+		overflow:visible;
+		display:table;
+	}
+
+	/* (en) make .ym-print class visible */
+	/* (de) .ym-print-Klasse sichtbar schalten */
+	.ym-print {
+		position:static;
+		left:0;
+	}
+
+	/* (en) generic class to hide elements for print */
+	/* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
+	.ym-noprint {
+		display:none !important;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/core/base.min.css b/css/yaml4/core/base.min.css
new file mode 100644
index 0000000..cd17135
--- /dev/null
+++ b/css/yaml4/core/base.min.css
@@ -0,0 +1 @@
+@media all{*{margin:0;padding:0}option{padding-left:.4em}select{padding:1px}* html body *{overflow:visible}body{font-size:100%;background:#fff;color:#000;text-align:left}div:target{outline:0 none}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}[hidden]{display:none}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset,img{border:0 solid}ul,ol,dl{margin:0 0 1em 1em}li{line-height:1.5em;margin-left:.8em}dt{font-weight:bold}dd{margin:0 0 1em .8em}blockquote{margin:0 0 1em .8em}q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.ym-clearfix:before{content:"";display:table}.ym-clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.ym-contain-dt{display:table;width:100%;overflow:visible}.ym-contain-oh{overflow:hidden;width:100%;display:block}.ym-contain-fl{float:left;width:100%}.ym-skip,.ym-hideme,.ym-print{position:absolute;top:-32768px;left:-32768px}.ym-skip:focus,.ym-skip:active{position:static;top:0;left:0}.ym-skiplinks{position:absolute;top:0;left:-32768px;z-index:1000;width:100%;margin:0;padding:0;list-style-type:none}.ym-skiplinks .ym-skip:focus,.ym-skiplinks .ym-skip:active{left:32768px;outline:0 none;position:absolute;width:100%}}@media screen,projection{.ym-column{display:table;width:100%}.ym-col1{float:left;width:20%}.ym-col2{float:right;width:20%}.ym-col3{width:auto;margin:0 20%}.ym-cbox .ym-cbox-left,.ym-cbox-right{position:relative}.ym-cbox{padding:0 10px}.ym-cbox-left{padding:0 10px 0 0}.ym-cbox-right{padding:0 0 0 10px}.ym-ie-clearing{display:none}.ym-grid{display:table;width:100%;table-layout:fixed;list-style-type:none;padding-left:0;padding-right:0;margin-left:0;margin-right:0}.ym-gl{float:left;margin:0}.ym-gr{float:right;margin:0 0 0 -5px}.ym-g20{width:20%}.ym-g40{width:40%}.ym-g60{width:60%}.ym-g80{width:80%}.ym-g25{width:25%}.ym-g33{width:33.333%}.ym-g50{width:50%}.ym-g66{width:66.666%}.ym-g75{width:75%}.ym-g38{width:38.2%}.ym-g62{width:61.8%}.ym-gbox{padding:0 10px}.ym-gbox-left{padding:0 10px 0 0}.ym-gbox-right{padding:0 0 0 10px}.ym-equalize{overflow:hidden}.ym-equalize>.ym-gl,.ym-equalize>.ym-gr{display:table-cell;float:none;margin:0;vertical-align:top}.ym-equalize>*>.ym-gbox,.ym-equalize>*>.ym-gbox-left,.ym-equalize>*>.ym-gbox-right{padding-bottom:10000px;margin-bottom:-10000px}}@media all{.ym-form,.ym-form fieldset{overflow:hidden}.ym-form div .ym-form label,.ym-form .ym-message{position:relative;display:block}.ym-form .ym-fbox-check label{display:inline}.ym-form input,.ym-form textarea{cursor:text}.ym-form input[type="checkbox"],.ym-form input[type="radio"],.ym-form select,.ym-form label{cursor:pointer}.ym-form textarea{overflow:auto}.ym-form input[type=hidden]{display:none!important}.ym-form .ym-fbox-text:before,.ym-form .ym-fbox-select:before,.ym-form .ym-fbox-check:before,.ym-form .ym-fbox-button:before{content:"";display:table}.ym-form .ym-fbox-text:after,.ym-form .ym-fbox-select:after,.ym-form .ym-fbox-check:after,.ym-form .ym-fbox-button:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.ym-form select,.ym-form input,.ym-form textarea{display:block;position:relative;width:58.5%}.ym-form .ym-fbox-check input{display:inline;width:auto}.ym-form .ym-fbox-button input{display:inline;overflow:visible;width:auto}.ym-form .ym-fbox-check input:focus,.ym-form .ym-fbox-check input:hover,.ym-form .ym-fbox-check input:active{border:0 none}.ym-full .ym-fbox-select select,.ym-full .ym-fbox-text input,.ym-full .ym-fbox-text textarea{width:94.2%;margin-right:-3px}.ym-columnar .ym-fbox-text label,.ym-columnar .ym-fbox-select label{display:inline;float:left;width:30%}.ym-columnar .ym-fbox-check{position:relative}.ym-label{display:block}.ym-columnar .ym-fbox-check .ym-label{position:absolute;top:0}.ym-columnar .ym-fbox-check input,.ym-columnar .ym-error .ym-message{margin-left:30%}.ym-columnar fieldset .ym-fbox-button,fieldset.ym-columnar .ym-fbox-button{padding-left:30%}.ym-columnar .ym-fbox-select select,.ym-columnar .ym-fbox-text input,.ym-columnar .ym-fbox-text textarea{float:left;width:67.2%;margin-right:-3px}.ym-fbox-select select{width:60%}.ym-full .ym-fbox-select select{width:94.8%}.ym-columnar .ym-fbox-select select{width:68.8%}}@media print{.ym-grid>.ym-gl,.ym-grid>.ym-gr{overflow:visible;display:table}.ym-print{position:static;left:0}.ym-noprint{display:none!important}}
\ No newline at end of file
diff --git a/css/yaml4/core/iehacks.css b/css/yaml4/core/iehacks.css
new file mode 100644
index 0000000..5c7eb5e
--- /dev/null
+++ b/css/yaml4/core/iehacks.css
@@ -0,0 +1,385 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML 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!
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 686 $
+ * @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+ * @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; }	 */
+
+	/**
+	* Correct inline positioning for unknown HTML5 elements in IE 6 & 7
+	*
+	* @workaround
+	* @affected  IE6, IE7
+	* @css-for   IE6, IE7
+	* @valid     no
+	*/
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (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) HTML5 - default media element styles
+	* (de) HTML5 - Standard Eigenschaften für Media-Elemente
+	*/
+
+	article,aside,details,figcaption,figure,
+	footer,header,hgroup,nav,section {
+		zoom:1;
+	}
+
+	audio,
+	canvas,
+	video {
+		*display: inline;
+		*zoom: 1;
+	}
+
+	/**
+	* (en) enable bicubic interpolation of images on scaling
+	* (de) aktiviert bikubische Interpolation beim Skalieren von Bildern
+	*/
+	img {
+		-ms-interpolation-mode: bicubic;
+		zoom: 1;
+	}
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (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
+	*/
+
+	.ym-clearfix { zoom:1; }	/* hasLayout aktivieren */
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (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 .ym-col1,
+	* html .ym-col2,
+	* html .ym-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%; }
+	.ym-wrapper, .ym-wbox, #header, #nav, #main, #footer { zoom:1; }	/* IE6 & IE7	*/
+	* html .ym-wrapper, * html .ym-wbox { 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 */
+	.ym-gbox, .ym-gbox-left, .ym-gbox-right { 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; }
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* Browser-based image scaling (not)
+	*
+	* @workaround
+	* @affected  IE 5.x/Win, IE6
+	* @css-for   IE 5.x/Win, IE6
+	* @valid     yes
+	*/
+
+	* html .flexible {
+		zoom: 1;
+	}
+
+	/**
+	* Form related bugfixes
+	*
+	* @bugfix
+	* @affected  IE 5.x/Win, IE6, IE7
+	* @css-for   IE 5.x/Win, IE6, IE7
+	* @valid     no
+	*/
+
+	button, input { *overflow: visible; }
+	table button, table input { *overflow: auto; }
+
+	fieldset, legend { position:relative; }
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* Global adjustments/fixes for YAML's form construction kit
+	*
+	* @workaround
+	* @affected  IE 5.x/Win, IE6, IE7
+	* @css-for   IE 5.x/Win, IE6, IE7
+	* @valid     no
+	*/
+
+	.ym-form,
+	.ym-form div,
+	.ym-form div * { zoom:1; }
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (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 .ym-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%;
+		line-height: 0;
+		font-size:0px;
+		margin:-2px 0 -1em 1px;
+	}
+
+	* html .ym-ie-clearing { margin:-2px 0 -1em 0; }
+	.ym-cbox { 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 */
+	.ym-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
+	*/
+
+}
+
+@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
+	*/
+	.ym-col1, .ym-col2 { display:inline; }
+
+	/* Fix for:"Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 */
+	.ym-grid { overflow:hidden; display:block; }
+	* html .ym-grid { overflow:visible; }
+
+	.ym-gl,
+	.ym-gr { display: inline; }
+
+	/* transform CSS tables back into floats */
+	.ym-equalize .ym-gl {
+		float:left; display:inline;
+		padding-bottom:32767px;
+		margin-bottom:-32767px;
+	}
+
+	.ym-equalize .ym-gr {
+		float:right; margin-left:-5px; display:inline;
+		padding-bottom:32767px;
+		margin-bottom:-32767px;
+	}
+
+	.no-ie-padding .ym-gl,
+	.no-ie-padding .ym-gr {
+		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 .ym-cbox-left,
+	* html .ym-cbox-right,
+	* html .ym-cbox { word-wrap:break-word; }
+
+	/* avoid growing widths */
+	* html .ym-gbox,
+	* html .ym-gbox-left,
+	* html .ym-gbox-right { word-wrap:break-word; o\verflow:hidden; }
+}
+
+@media print {
+
+	/**
+	* (en) Avoid unneeded page breaks of .ym-col3 content in print layout and containing floats.
+	* (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte .ym-col3 und Einschluss von Floats.
+	*
+	* @bugfix
+	* @affected  IE7
+	* @css-for   IE 5.x/Win, IE6, IE7
+	* @valid     yes
+	*/
+
+	.ym-gbox,
+	.ym-gbox-left,
+	.ym-gbox-right,
+	.ym-col3 { height:1%; }
+}
\ No newline at end of file
diff --git a/css/yaml4/core/iehacks.min.css b/css/yaml4/core/iehacks.min.css
new file mode 100644
index 0000000..66b3d0b
--- /dev/null
+++ b/css/yaml4/core/iehacks.min.css
@@ -0,0 +1 @@
+@media all{body{o\verflow:visible}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{zoom:1}audio,canvas,video{*display:inline;*zoom:1}img{-ms-interpolation-mode:bicubic;zoom:1}* html iframe,* html frame{overflow:auto}* html input,* html frameset{overflow:hidden}* html textarea{overflow:scroll;overflow-x:hidden}body,#main{position:relative}* html body{position:static}.ym-clearfix{zoom:1}* html .ym-col1,* html .ym-col2,* html .ym-col3{position:relative}body{height:1%}.ym-wrapper,.ym-wbox,#header,#nav,#main,#footer{zoom:1}* html .ym-wrapper,* html .ym-wbox{height:1%;hei\ght:auto}* html #header,* html #nav,* html #main,* html #footer{width:100%;wid\th:auto}.ym-gbox,.ym-gbox-left,.ym-gbox-right{height:1%}* html ul,* html ol,* html dl{position:relative}body ol li{display:list-item}* html .flexible{zoom:1}button,input{*overflow:visible}table button,table input{*overflow:auto}fieldset,legend{position:relative}.ym-form,.ym-form div,.ym-form div *{zoom:1}html .ym-ie-clearing{position:static;display:block;\clear:both;width:100%;line-height:0;font-size:0;margin:-2px 0 -1em 1px}* html .ym-ie-clearing{margin:-2px 0 -1em 0}.ym-cbox{margin-bottom:-2px}html{margin-right:1px}* html{margin-right:0}.ym-col3{position:relative}}@media screen,projection{.ym-col1,.ym-col2{display:inline}.ym-grid{overflow:hidden;display:block}* html .ym-grid{overflow:visible}.ym-gl,.ym-gr{display:inline}.ym-equalize .ym-gl{float:left;display:inline;padding-bottom:32767px;margin-bottom:-32767px}.ym-equalize .ym-gr{float:right;margin-left:-5px;display:inline;padding-bottom:32767px;margin-bottom:-32767px}.no-ie-padding .ym-gl,.no-ie-padding .ym-gr{padding-bottom:0;margin-bottom:0}* html .ym-cbox-left,* html .ym-cbox-right,* html .ym-cbox{word-wrap:break-word}* html .ym-gbox,* html .ym-gbox-left,* html .ym-gbox-right{word-wrap:break-word;o\verflow:hidden}}@media print{.ym-gbox,.ym-gbox-left,.ym-gbox-right,.ym-col3{height:1%}}
\ No newline at end of file
diff --git a/css/yaml4/core/js/.svn/all-wcprops b/css/yaml4/core/js/.svn/all-wcprops
new file mode 100644
index 0000000..93e8468
--- /dev/null
+++ b/css/yaml4/core/js/.svn/all-wcprops
@@ -0,0 +1,11 @@
+K 25
+svn:wc:ra_dav:version-url
+V 74
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/core/js
+END
+yaml-focusfix.js
+K 25
+svn:wc:ra_dav:version-url
+V 91
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/core/js/yaml-focusfix.js
+END
diff --git a/css/yaml4/core/js/.svn/entries b/css/yaml4/core/js/.svn/entries
new file mode 100644
index 0000000..e3463dd
--- /dev/null
+++ b/css/yaml4/core/js/.svn/entries
@@ -0,0 +1,69 @@
+9
+
+dir
+206
+https://intern.ccwn.org/svn/Themis/ccwn-themis-static/trunk/WebContent/yaml4/core/js
+https://intern.ccwn.org/svn/Themis
+
+
+
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+svn:special svn:externals svn:needs-lock
+
+
+
+
+
+
+
+
+
+
+
+e7c95c98-50ad-428d-8ede-669ef7f8c951
+
+
+
+
+
+
+0
+
+yaml-focusfix.js
+file
+
+
+
+
+2012-01-05T22:56:56.000000Z
+b2d21a2d0ce20a9d29be966a3412b1cb
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+2193
+
diff --git a/css/yaml4/core/js/.svn/format b/css/yaml4/core/js/.svn/format
new file mode 100644
index 0000000..ec63514
--- /dev/null
+++ b/css/yaml4/core/js/.svn/format
@@ -0,0 +1 @@
+9
diff --git a/css/yaml4/core/js/.svn/text-base/yaml-focusfix.js.svn-base b/css/yaml4/core/js/.svn/text-base/yaml-focusfix.js.svn-base
new file mode 100644
index 0000000..b994970
--- /dev/null
+++ b/css/yaml4/core/js/.svn/text-base/yaml-focusfix.js.svn-base
@@ -0,0 +1,72 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML 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-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.0+
+ * @revision        $Revision: 617 $
+ * @lastmodified    $Date: 2012-01-05 23:56:54 +0100 (Do, 05 Jan 2012) $
+ */
+
+(function () {
+	var YAML_focusFix = {
+		skipClass : 'ym-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/css/yaml4/core/js/yaml-focusfix.js b/css/yaml4/core/js/yaml-focusfix.js
new file mode 100644
index 0000000..b994970
--- /dev/null
+++ b/css/yaml4/core/js/yaml-focusfix.js
@@ -0,0 +1,72 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML 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-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.0+
+ * @revision        $Revision: 617 $
+ * @lastmodified    $Date: 2012-01-05 23:56:54 +0100 (Do, 05 Jan 2012) $
+ */
+
+(function () {
+	var YAML_focusFix = {
+		skipClass : 'ym-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/css/yaml4/forms/.svn/all-wcprops b/css/yaml4/forms/.svn/all-wcprops
new file mode 100644
index 0000000..5569a8e
--- /dev/null
+++ b/css/yaml4/forms/.svn/all-wcprops
@@ -0,0 +1,17 @@
+K 25
+svn:wc:ra_dav:version-url
+V 72
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/forms
+END
+gray-theme.css
+K 25
+svn:wc:ra_dav:version-url
+V 87
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/forms/gray-theme.css
+END
+blue-theme.css
+K 25
+svn:wc:ra_dav:version-url
+V 87
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/forms/blue-theme.css
+END
diff --git a/css/yaml4/forms/.svn/entries b/css/yaml4/forms/.svn/entries
new file mode 100644
index 0000000..4561579
--- /dev/null
+++ b/css/yaml4/forms/.svn/entries
@@ -0,0 +1,103 @@
+9
+
+dir
+206
+https://intern.ccwn.org/svn/Themis/ccwn-themis-static/trunk/WebContent/yaml4/forms
+https://intern.ccwn.org/svn/Themis
+
+
+
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+svn:special svn:externals svn:needs-lock
+
+
+
+
+
+
+
+
+
+
+
+e7c95c98-50ad-428d-8ede-669ef7f8c951
+
+
+
+
+
+
+0
+
+gray-theme.css
+file
+
+
+
+
+2012-01-22T12:09:38.000000Z
+b7881b32b5e70edc6c16e19b019bd645
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+11615
+
+blue-theme.css
+file
+
+
+
+
+2012-03-01T08:13:51.738727Z
+2f54520b7c020c42b747e05535d80ec0
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+11717
+
diff --git a/css/yaml4/forms/.svn/format b/css/yaml4/forms/.svn/format
new file mode 100644
index 0000000..ec63514
--- /dev/null
+++ b/css/yaml4/forms/.svn/format
@@ -0,0 +1 @@
+9
diff --git a/css/yaml4/forms/.svn/text-base/blue-theme.css.svn-base b/css/yaml4/forms/.svn/text-base/blue-theme.css.svn-base
new file mode 100644
index 0000000..70817c5
--- /dev/null
+++ b/css/yaml4/forms/.svn/text-base/blue-theme.css.svn-base
@@ -0,0 +1,421 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * YAML form theme: "gray-theme"
+ *
+ * @copyright			 Copyright 2005-2012, Dirk Jesse
+ * @license				 CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                       YAML-CDL (http://www.yaml.de/license.html)
+ * @link                 http://www.yaml.de
+ * @package				 yaml
+ * @version              v4.0
+ * @revision             $Revision: 686 $
+ * @lastmodified         $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+ */
+
+@media screen and (min-width: 0px){
+
+	/**
+	* @section general width settings for formular elements in modern browsers
+	*          switching to CSS3 box modell "border-box" for perfect flexible forms
+	*
+	* Styling for: <labels>, <input>, <textarea> and <select>
+	*
+	*/
+
+	.ym-form input,
+	.ym-form input,
+	.ym-form textarea,
+	.ym-form select {
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		-ms-box-sizing: border-box;
+		box-sizing: border-box;
+		width:60%;
+	}
+
+	.ym-columnar label {
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		-ms-box-sizing: border-box;
+		box-sizing: border-box;
+	}
+
+	.ym-columnar .ym-fbox-select select,
+	.ym-columnar .ym-fbox-text input,
+	.ym-columnar .ym-fbox-text textarea { width:70%; }
+
+	.ym-full .ym-fbox-select select,
+	.ym-full .ym-fbox-text input,
+	.ym-full .ym-fbox-text textarea { width:100%; }
+}
+
+@media screen, projection {
+
+	/**
+	* @section general form styling
+	*
+	* Styling for: <form>, <fieldset>, <legend>, <label> and rows (class="ym-fbox-[xxx]")
+	*
+	*/
+	.ym-form {
+		background:#f4f4f4;
+		border:2px #fff solid;
+		margin: 1.5em 0 0 0;
+		padding: 0;
+		-webkit-box-shadow: 0 0 4px #d5d7ff;
+		-moz-box-shadow: 0 0 4px #d5d7ff;
+		box-shadow: 0 0 4px #d5d7ff;
+	}
+
+	.ym-form fieldset {
+		position:static;
+		background:transparent;
+		margin: 0.75em 0 0.75em 0;
+		padding: 0 0.5em;
+	}
+
+	.ym-form legend {
+		background:transparent;
+		color:#000;
+		font-size:1.2em;
+		line-height:1.25em;
+		font-weight:bold;
+		padding:0 0.5em;
+	}
+
+	.ym-form label {
+		color:#666;
+		line-height: 1.5em;
+	}
+
+	.ym-label {
+		color: #666;
+		padding-top: 0.25em;
+	}
+
+	.ym-form .ym-form div.ym-fbox-check:focus + label {
+		color:#000;
+	}
+
+	/* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
+	.ym-form div.ym-fbox-text,
+	.ym-form div.ym-fbox-select,
+	.ym-form div.ym-fbox-check,
+	.ym-form div.ym-fbox-button {
+		padding: 0.3em 1em;
+		margin-bottom: 0.5em;
+	}
+
+	.ym-form div.ym-fbox-button {
+		background: #ececec;
+		border-top: 1px #e0e0e0 solid;
+		padding:0 1em 1.5em 1em;
+		margin: 0;
+	}
+
+	.ym-form .ym-gbox {
+		padding: 0 0.5em;
+		margin-right: 0;
+	}
+
+	.ym-form h6 {
+		color: #000;
+		margin: 1em 0 0 1em;
+	}
+
+	/**
+	* @section styling form elements
+	*
+	* Styling for: Input, Textarea, Select ...
+	*
+	*/
+
+	/* styling standard form elements with 'almost' equal flexible width */
+	/* Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
+	.ym-form .ym-fbox-text input,
+	.ym-form .ym-fbox-text textarea {
+		line-height: 1em;
+		padding: 0.25em 0.3em;
+		margin-top: -2px;
+	}
+
+	.ym-form .ym-fbox-select select {
+		line-height: 1em;
+		padding: 0.25em 2px 0.25em 1px;
+		margin-top: -2px;
+	}
+
+	/* proportional fonts for all form elements */
+	.ym-form input,
+	.ym-form textarea,
+	.ym-form select,
+	.ym-form optgroup {
+		font-family:Arial, Helvetica, sans-serif;
+		-webkit-box-shadow: inset 0 0 4px #e5e7ff;
+		-moz-box-shadow: inset 0 0 4px #e5e7ff;
+		box-shadow: inset 0 0 4px #e5e7ff;
+	}
+
+	.ym-form optgroup {
+		font-style:normal;
+		font-weight:bold;
+	}
+
+	.ym-form .ym-fbox-text input,
+	.ym-form .ym-fbox-text textarea,
+	.ym-form .ym-fbox-select select {
+		border:1px solid #d5d7ff;
+	}
+
+	/* General form styling	| Allgemeine Formatierung des Formulars */
+	.ym-form .ym-message {
+		color:#666;
+		margin-bottom:0.5em;
+	}
+
+	/* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
+	.ym-form sup {
+		color:#800;
+		font-weight:bold;
+	}
+
+	/* form validation highlight colors */
+	.ym-form input:valid,
+	.ym-form textarea:valid { background-color: #fff; }
+	.ym-form input:invalid,
+	.ym-form textarea:invalid { background-color: #fdd; }
+
+	/**
+	* @section error messages
+	*
+	*/
+
+	.ym-form .ym-error label {
+		color:#800;
+		font-weight:normal;
+	}
+
+	.ym-form .ym-error input,
+	.ym-form .ym-error select,
+	.ym-form .ym-error textarea {
+		border: 1px #800 solid;
+	}
+
+	.ym-form .ym-error input:hover,
+	.ym-form .ym-error input:focus,
+	.ym-form .ym-error select:hover,
+	.ym-form .ym-error select:focus,
+	.ym-form .ym-error textarea:hover,
+	.ym-form .ym-error textarea:focus {
+		border: 1px #800 solid !important;
+	}
+
+	.ym-form .ym-error .ym-message {
+		color:#800;
+	}
+
+	/* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
+	.ym-form div.ym-fbox-text input:focus,
+	.ym-form div select:focus,
+	.ym-form div textarea:focus,
+	.ym-form div.ym-fbox-text input:hover,
+	.ym-form div select:hover,
+	.ym-form div textarea:hover,
+	.ym-form div.ym-fbox-text input:active,
+	.ym-form div select:active,
+	.ym-form div textarea:active {
+		border:1px #888 solid;
+		background:#fff;
+	}
+
+	/**
+	* @section Buttons
+	*
+	* inspired from: Catalin Rosu (http://www.red-team-design.com/just-another-awesome-css3-buttons)
+	*/
+
+	.ym-button,
+	.ym-form button,
+	.ym-form input[type="button"],
+	.ym-form input[type="reset"],
+	.ym-form input[type="submit"] {
+		display: inline-block;
+		white-space: nowrap;
+		background-color: #b3b5cc;
+		background-image: -webkit-linear-gradient(top, #e5e7ff, #b3b5cc);
+		background-image: -moz-linear-gradient(top, #e5e7ff, #b3b5cc);
+		background-image: -ms-linear-gradient(top, #e5e7ff, #b3b5cc);
+		background-image: -o-linear-gradient(top, #e5e7ff, #b3b5cc);
+		background-image: linear-gradient(top, #e5e7ff, #b3b5cc);
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e5e7ff', EndColorStr='#b3b5cc');
+		border: 1px solid #777;
+		-webkit-border-radius: .2em;
+		-moz-border-radius: .2em;
+		border-radius: .2em;
+		-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
+		-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
+		box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
+		color: #333 !important;
+		cursor: pointer;
+		font: normal 1em/2em Arial, Helvetica;
+		margin: 1.5em 0.75em 0 0;
+		padding: 0 1.5em;
+		overflow: visible; /* removes extra side spacing in IE */
+		text-decoration: none !important;
+		text-shadow: 0 1px 0 rgba(255,255,255,.8);
+	}
+
+	.ym-form button:hover,
+	.ym-form input[type="button"]:hover,
+	.ym-form input[type="reset"]:hover,
+	.ym-form input[type="submit"]:hover,
+	.ym-button:hover {
+		background-color: #d5d7ff;
+		background-image: -webkit-linear-gradient(top, #fafafa, #d5d7ff);
+		background-image: -moz-linear-gradient(top, #fafafa, #d5d7ff);
+		background-image: -ms-linear-gradient(top, #fafafa, #d5d7ff);
+		background-image: -o-linear-gradient(top, #fafafa, #d5d7ff);
+		background-image: linear-gradient(top, #fafafa, #d5d7ff);
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#d5d7ff');
+	}
+
+	.ym-form button:active,
+	.ym-form input[type="button"]:active,
+	.ym-form input[type="reset"]:active,
+	.ym-form input[type="submit"]:active,
+	.ym-button:active {
+		background-color: #bbb;
+		background-image: -webkit-linear-gradient(top, #b3b5cc, #bbb);
+		background-image: -moz-linear-gradient(top, #b3b5cc, #bbb);
+		background-image: -ms-linear-gradient(top, #b3b5cc, #bbb);
+		background-image: -o-linear-gradient(top, #b3b5cc, #bbb);
+		background-image: linear-gradient(top, #b3b5cc, #bbb);
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b3b5cc', EndColorStr='#bbbbbb');
+		box-shadow: 2px 2px 3px rgba(0,0,0,.2) inset;
+		position: relative;
+		top: 1px;
+	}
+
+	.ym-form button:focus,
+	.ym-form input[type="button"]:focus,
+	.ym-form input[type="reset"]:focus,
+	.ym-form input[type="submit"]:focus,
+	.ym-button:focus {
+		outline: 0;
+		background: #fafafa;
+	}
+
+	/* pseudo elements don't work on input */
+	.ym-form button:before,
+	.ym-button:before {
+		background: #b3b5cc;
+		background: rgba(0,0,0,.1);
+		float: left;
+		width: 1em;
+		text-align: center;
+		font-size: 1.5em;
+		margin: 0 1em 0 -1em;
+		padding: 0 .2em;
+		-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
+		-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
+		box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
+		-moz-border-radius: .15em 0 0 .15em;
+		-webkit-border-radius: .15em 0 0 .15em;
+		border-radius: .15em 0 0 .15em;
+		pointer-events: none;
+	}
+
+	.ym-add:before { content: "\271A"; }
+	.ym-delete:before { content: "\2718"; }
+	.ym-edit:before { content: "\270E"; }
+	.ym-email:before { content: "\2709"; }
+	.ym-like:before { content: "\2764"; }
+	.ym-next:before { content: "\279C"; }
+	.ym-play:before { content: "\25B6"; }
+	.ym-save:before { content: "\2714"; }
+	.ym-spark:before { content: "\2737"; }
+	.ym-star:before { content: "\2605"; }
+
+	/* removes extra inner spacing in Firefox */
+	.ym-form button::-moz-focus-inner {
+		border: 0;
+		padding: 0;
+	}
+
+	/* If line-height can't be modified, then fix Firefox spacing with padding */
+	.ym-form input[type=button]::-moz-focus-inner,
+	.ym-form input[type=reset]::-moz-focus-inner,
+	.ym-form input[type=submit]::-moz-focus-inner {
+		padding: .4em;
+	}
+
+	/* The disabled styles */
+	.ym-form button[disabled],
+	.ym-form button[disabled]:hover,
+	.ym-form input[type=button][disabled],
+	.ym-form input[type=button][disabled]:hover,
+	.ym-form input[type=reset][disabled],
+	.ym-form input[type=reset][disabled]:hover,
+	.ym-form input[type=submit][disabled],
+	.ym-form input[type=submit][disabled]:hover,
+	.ym-button.ym-disabled,
+	.ym-button.ym-disabled:hover {
+		background: #e5e7ff;
+		color: #aaa !important;
+		border-color: #aaa;
+		cursor: default;
+		text-shadow: none;
+		position: static;
+		-webkit-box-shadow: none;
+		-moz-box-shadow: none;
+		box-shadow: none;
+	}
+
+	/* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
+	* html .ym-button,
+	* html .ym-form button {
+		display: inline-block;
+		white-space: nowrap;
+		background-color: #b3b5cc;
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e5e7ff', EndColorStr='#b3b5cc');
+		border: 1px solid #777;
+		color: #333 !important;
+		cursor: pointer;
+		font: normal 1em/2em Arial, Helvetica;
+		margin: 1.5em 0.75em 0 0;
+		padding: 0 1.5em;
+		overflow: visible; /* removes extra side spacing in IE */
+		text-decoration: none !important;
+	}
+
+	* html .ym-form button:focus,
+	* html .ym-button:focus {
+		outline: 0;
+		background: #fafafa;
+	}
+
+	* html .ym-form button:hover,
+	* html .ym-button:hover {
+		background-color: #d5d7ff;
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#d5d7ff');
+	}
+
+	* html .ym-form button:active,
+	* html .ym-button:active {
+		background-color: #bbb;
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b3b5cc', EndColorStr='#bbbbbb');
+		position: relative;
+		top: 1px;
+	}
+
+	* html .ym-button.ym-disabled,
+	* html .ym-button.ym-disabled:hover {
+		background: #e5e7ff;
+		color: #aaa !important;
+		border-color: #aaa;
+		cursor: default;
+		text-shadow: none;
+		position: static;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/forms/.svn/text-base/gray-theme.css.svn-base b/css/yaml4/forms/.svn/text-base/gray-theme.css.svn-base
new file mode 100644
index 0000000..3b00ba8
--- /dev/null
+++ b/css/yaml4/forms/.svn/text-base/gray-theme.css.svn-base
@@ -0,0 +1,421 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * YAML form theme: "gray-theme"
+ *
+ * @copyright			 Copyright 2005-2012, Dirk Jesse
+ * @license				 CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                       YAML-CDL (http://www.yaml.de/license.html)
+ * @link                 http://www.yaml.de
+ * @package				 yaml
+ * @version              v4.0
+ * @revision             $Revision: 686 $
+ * @lastmodified         $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+ */
+
+@media screen and (min-width: 0px){
+
+	/**
+	* @section general width settings for formular elements in modern browsers
+	*          switching to CSS3 box modell "border-box" for perfect flexible forms
+	*
+	* Styling for: <labels>, <input>, <textarea> and <select>
+	*
+	*/
+
+	.ym-form input,
+	.ym-form input,
+	.ym-form textarea,
+	.ym-form select {
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		-ms-box-sizing: border-box;
+		box-sizing: border-box;
+		width:60%;
+	}
+
+	.ym-columnar label {
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		-ms-box-sizing: border-box;
+		box-sizing: border-box;
+	}
+
+	.ym-columnar .ym-fbox-select select,
+	.ym-columnar .ym-fbox-text input,
+	.ym-columnar .ym-fbox-text textarea { width:70%; }
+
+	.ym-full .ym-fbox-select select,
+	.ym-full .ym-fbox-text input,
+	.ym-full .ym-fbox-text textarea { width:100%; }
+}
+
+@media screen, projection {
+
+	/**
+	* @section general form styling
+	*
+	* Styling for: <form>, <fieldset>, <legend>, <label> and rows (class="ym-fbox-[xxx]")
+	*
+	*/
+	.ym-form {
+		background:#f4f4f4;
+		border:2px #fff solid;
+		margin: 1.5em 0 0 0;
+		padding: 0;
+		-webkit-box-shadow: 0 0 4px #ddd;
+		-moz-box-shadow: 0 0 4px #ddd;
+		box-shadow: 0 0 4px #ddd;
+	}
+
+	.ym-form fieldset {
+		position:static;
+		background:transparent;
+		margin: 0.75em 0 0.75em 0;
+		padding: 0 0.5em;
+	}
+
+	.ym-form legend {
+		background:transparent;
+		color:#000;
+		font-size:1.2em;
+		line-height:1.25em;
+		font-weight:bold;
+		padding:0 0.5em;
+	}
+
+	.ym-form label {
+		color:#666;
+		line-height: 1.5em;
+	}
+
+	.ym-label {
+		color: #666;
+		padding-top: 0.25em;
+	}
+
+	.ym-form .ym-form div.ym-fbox-check:focus + label {
+		color:#000;
+	}
+
+	/* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
+	.ym-form div.ym-fbox-text,
+	.ym-form div.ym-fbox-select,
+	.ym-form div.ym-fbox-check,
+	.ym-form div.ym-fbox-button {
+		padding: 0.3em 1em;
+		margin-bottom: 0.5em;
+	}
+
+	.ym-form div.ym-fbox-button {
+		background: #ececec;
+		border-top: 1px #e0e0e0 solid;
+		padding:0 1em 1.5em 1em;
+		margin: 0;
+	}
+
+	.ym-form .ym-gbox {
+		padding: 0 0.5em;
+		margin-right: 0;
+	}
+
+	.ym-form h6 {
+		color: #000;
+		margin: 1em 0 0 1em;
+	}
+
+	/**
+	* @section styling form elements
+	*
+	* Styling for: Input, Textarea, Select ...
+	*
+	*/
+
+	/* styling standard form elements with 'almost' equal flexible width */
+	/* Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
+	.ym-form .ym-fbox-text input,
+	.ym-form .ym-fbox-text textarea {
+		line-height: 1em;
+		padding: 0.25em 0.3em;
+		margin-top: -2px;
+	}
+
+	.ym-form .ym-fbox-select select {
+		line-height: 1em;
+		padding: 0.25em 2px 0.25em 1px;
+		margin-top: -2px;
+	}
+
+	/* proportional fonts for all form elements */
+	.ym-form input,
+	.ym-form textarea,
+	.ym-form select,
+	.ym-form optgroup {
+		font-family:Arial, Helvetica, sans-serif;
+		-webkit-box-shadow: inset 0 0 4px #eee;
+		-moz-box-shadow: inset 0 0 4px #eee;
+		box-shadow: inset 0 0 4px #eee;
+	}
+
+	.ym-form optgroup {
+		font-style:normal;
+		font-weight:bold;
+	}
+
+	.ym-form .ym-fbox-text input,
+	.ym-form .ym-fbox-text textarea,
+	.ym-form .ym-fbox-select select {
+		border:1px solid #ddd;
+	}
+
+	/* General form styling	| Allgemeine Formatierung des Formulars */
+	.ym-form .ym-message {
+		color:#666;
+		margin-bottom:0.5em;
+	}
+
+	/* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
+	.ym-form sup {
+		color:#800;
+		font-weight:bold;
+	}
+
+	/* form validation highlight colors */
+	.ym-form input:valid,
+	.ym-form textarea:valid { background-color: #fff; }
+	.ym-form input:invalid,
+	.ym-form textarea:invalid { background-color: #fdd; }
+
+	/**
+	* @section error messages
+	*
+	*/
+
+	.ym-form .ym-error label {
+		color:#800;
+		font-weight:normal;
+	}
+
+	.ym-form .ym-error input,
+	.ym-form .ym-error select,
+	.ym-form .ym-error textarea {
+		border: 1px #800 solid;
+	}
+
+	.ym-form .ym-error input:hover,
+	.ym-form .ym-error input:focus,
+	.ym-form .ym-error select:hover,
+	.ym-form .ym-error select:focus,
+	.ym-form .ym-error textarea:hover,
+	.ym-form .ym-error textarea:focus {
+		border: 1px #800 solid !important;
+	}
+
+	.ym-form .ym-error .ym-message {
+		color:#800;
+	}
+
+	/* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
+	.ym-form div.ym-fbox-text input:focus,
+	.ym-form div select:focus,
+	.ym-form div textarea:focus,
+	.ym-form div.ym-fbox-text input:hover,
+	.ym-form div select:hover,
+	.ym-form div textarea:hover,
+	.ym-form div.ym-fbox-text input:active,
+	.ym-form div select:active,
+	.ym-form div textarea:active {
+		border:1px #888 solid;
+		background:#fff;
+	}
+
+	/**
+	* @section Buttons
+	*
+	* inspired from: Catalin Rosu (http://www.red-team-design.com/just-another-awesome-css3-buttons)
+	*/
+
+	.ym-button,
+	.ym-form button,
+	.ym-form input[type="button"],
+	.ym-form input[type="reset"],
+	.ym-form input[type="submit"] {
+		display: inline-block;
+		white-space: nowrap;
+		background-color: #ccc;
+		background-image: -webkit-linear-gradient(top, #eee, #ccc);
+		background-image: -moz-linear-gradient(top, #eee, #ccc);
+		background-image: -ms-linear-gradient(top, #eee, #ccc);
+		background-image: -o-linear-gradient(top, #eee, #ccc);
+		background-image: linear-gradient(top, #eee, #ccc);
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
+		border: 1px solid #777;
+		-webkit-border-radius: .2em;
+		-moz-border-radius: .2em;
+		border-radius: .2em;
+		-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
+		-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
+		box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
+		color: #333 !important;
+		cursor: pointer;
+		font: normal 1em/2em Arial, Helvetica;
+		margin: 1.5em 0.75em 0 0;
+		padding: 0 1.5em;
+		overflow: visible; /* removes extra side spacing in IE */
+		text-decoration: none !important;
+		text-shadow: 0 1px 0 rgba(255,255,255,.8);
+	}
+
+	.ym-form button:hover,
+	.ym-form input[type="button"]:hover,
+	.ym-form input[type="reset"]:hover,
+	.ym-form input[type="submit"]:hover,
+	.ym-button:hover {
+		background-color: #ddd;
+		background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
+		background-image: -moz-linear-gradient(top, #fafafa, #ddd);
+		background-image: -ms-linear-gradient(top, #fafafa, #ddd);
+		background-image: -o-linear-gradient(top, #fafafa, #ddd);
+		background-image: linear-gradient(top, #fafafa, #ddd);
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
+	}
+
+	.ym-form button:active,
+	.ym-form input[type="button"]:active,
+	.ym-form input[type="reset"]:active,
+	.ym-form input[type="submit"]:active,
+	.ym-button:active {
+		background-color: #bbb;
+		background-image: -webkit-linear-gradient(top, #ccc, #bbb);
+		background-image: -moz-linear-gradient(top, #ccc, #bbb);
+		background-image: -ms-linear-gradient(top, #ccc, #bbb);
+		background-image: -o-linear-gradient(top, #ccc, #bbb);
+		background-image: linear-gradient(top, #ccc, #bbb);
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
+		box-shadow: 2px 2px 3px rgba(0,0,0,.2) inset;
+		position: relative;
+		top: 1px;
+	}
+
+	.ym-form button:focus,
+	.ym-form input[type="button"]:focus,
+	.ym-form input[type="reset"]:focus,
+	.ym-form input[type="submit"]:focus,
+	.ym-button:focus {
+		outline: 0;
+		background: #fafafa;
+	}
+
+	/* pseudo elements don't work on input */
+	.ym-form button:before,
+	.ym-button:before {
+		background: #ccc;
+		background: rgba(0,0,0,.1);
+		float: left;
+		width: 1em;
+		text-align: center;
+		font-size: 1.5em;
+		margin: 0 1em 0 -1em;
+		padding: 0 .2em;
+		-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
+		-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
+		box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
+		-moz-border-radius: .15em 0 0 .15em;
+		-webkit-border-radius: .15em 0 0 .15em;
+		border-radius: .15em 0 0 .15em;
+		pointer-events: none;
+	}
+
+	.ym-add:before { content: "\271A"; }
+	.ym-delete:before { content: "\2718"; }
+	.ym-edit:before { content: "\270E"; }
+	.ym-email:before { content: "\2709"; }
+	.ym-like:before { content: "\2764"; }
+	.ym-next:before { content: "\279C"; }
+	.ym-play:before { content: "\25B6"; }
+	.ym-save:before { content: "\2714"; }
+	.ym-spark:before { content: "\2737"; }
+	.ym-star:before { content: "\2605"; }
+
+	/* removes extra inner spacing in Firefox */
+	.ym-form button::-moz-focus-inner {
+		border: 0;
+		padding: 0;
+	}
+
+	/* If line-height can't be modified, then fix Firefox spacing with padding */
+	.ym-form input[type=button]::-moz-focus-inner,
+	.ym-form input[type=reset]::-moz-focus-inner,
+	.ym-form input[type=submit]::-moz-focus-inner {
+		padding: .4em;
+	}
+
+	/* The disabled styles */
+	.ym-form button[disabled],
+	.ym-form button[disabled]:hover,
+	.ym-form input[type=button][disabled],
+	.ym-form input[type=button][disabled]:hover,
+	.ym-form input[type=reset][disabled],
+	.ym-form input[type=reset][disabled]:hover,
+	.ym-form input[type=submit][disabled],
+	.ym-form input[type=submit][disabled]:hover,
+	.ym-button.ym-disabled,
+	.ym-button.ym-disabled:hover {
+		background: #eee;
+		color: #aaa !important;
+		border-color: #aaa;
+		cursor: default;
+		text-shadow: none;
+		position: static;
+		-webkit-box-shadow: none;
+		-moz-box-shadow: none;
+		box-shadow: none;
+	}
+
+	/* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
+	* html .ym-button,
+	* html .ym-form button {
+		display: inline-block;
+		white-space: nowrap;
+		background-color: #ccc;
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
+		border: 1px solid #777;
+		color: #333 !important;
+		cursor: pointer;
+		font: normal 1em/2em Arial, Helvetica;
+		margin: 1.5em 0.75em 0 0;
+		padding: 0 1.5em;
+		overflow: visible; /* removes extra side spacing in IE */
+		text-decoration: none !important;
+	}
+
+	* html .ym-form button:focus,
+	* html .ym-button:focus {
+		outline: 0;
+		background: #fafafa;
+	}
+
+	* html .ym-form button:hover,
+	* html .ym-button:hover {
+		background-color: #ddd;
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
+	}
+
+	* html .ym-form button:active,
+	* html .ym-button:active {
+		background-color: #bbb;
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
+		position: relative;
+		top: 1px;
+	}
+
+	* html .ym-button.ym-disabled,
+	* html .ym-button.ym-disabled:hover {
+		background: #eee;
+		color: #aaa !important;
+		border-color: #aaa;
+		cursor: default;
+		text-shadow: none;
+		position: static;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/forms/blue-theme.css b/css/yaml4/forms/blue-theme.css
new file mode 100644
index 0000000..70817c5
--- /dev/null
+++ b/css/yaml4/forms/blue-theme.css
@@ -0,0 +1,421 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * YAML form theme: "gray-theme"
+ *
+ * @copyright			 Copyright 2005-2012, Dirk Jesse
+ * @license				 CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                       YAML-CDL (http://www.yaml.de/license.html)
+ * @link                 http://www.yaml.de
+ * @package				 yaml
+ * @version              v4.0
+ * @revision             $Revision: 686 $
+ * @lastmodified         $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+ */
+
+@media screen and (min-width: 0px){
+
+	/**
+	* @section general width settings for formular elements in modern browsers
+	*          switching to CSS3 box modell "border-box" for perfect flexible forms
+	*
+	* Styling for: <labels>, <input>, <textarea> and <select>
+	*
+	*/
+
+	.ym-form input,
+	.ym-form input,
+	.ym-form textarea,
+	.ym-form select {
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		-ms-box-sizing: border-box;
+		box-sizing: border-box;
+		width:60%;
+	}
+
+	.ym-columnar label {
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		-ms-box-sizing: border-box;
+		box-sizing: border-box;
+	}
+
+	.ym-columnar .ym-fbox-select select,
+	.ym-columnar .ym-fbox-text input,
+	.ym-columnar .ym-fbox-text textarea { width:70%; }
+
+	.ym-full .ym-fbox-select select,
+	.ym-full .ym-fbox-text input,
+	.ym-full .ym-fbox-text textarea { width:100%; }
+}
+
+@media screen, projection {
+
+	/**
+	* @section general form styling
+	*
+	* Styling for: <form>, <fieldset>, <legend>, <label> and rows (class="ym-fbox-[xxx]")
+	*
+	*/
+	.ym-form {
+		background:#f4f4f4;
+		border:2px #fff solid;
+		margin: 1.5em 0 0 0;
+		padding: 0;
+		-webkit-box-shadow: 0 0 4px #d5d7ff;
+		-moz-box-shadow: 0 0 4px #d5d7ff;
+		box-shadow: 0 0 4px #d5d7ff;
+	}
+
+	.ym-form fieldset {
+		position:static;
+		background:transparent;
+		margin: 0.75em 0 0.75em 0;
+		padding: 0 0.5em;
+	}
+
+	.ym-form legend {
+		background:transparent;
+		color:#000;
+		font-size:1.2em;
+		line-height:1.25em;
+		font-weight:bold;
+		padding:0 0.5em;
+	}
+
+	.ym-form label {
+		color:#666;
+		line-height: 1.5em;
+	}
+
+	.ym-label {
+		color: #666;
+		padding-top: 0.25em;
+	}
+
+	.ym-form .ym-form div.ym-fbox-check:focus + label {
+		color:#000;
+	}
+
+	/* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
+	.ym-form div.ym-fbox-text,
+	.ym-form div.ym-fbox-select,
+	.ym-form div.ym-fbox-check,
+	.ym-form div.ym-fbox-button {
+		padding: 0.3em 1em;
+		margin-bottom: 0.5em;
+	}
+
+	.ym-form div.ym-fbox-button {
+		background: #ececec;
+		border-top: 1px #e0e0e0 solid;
+		padding:0 1em 1.5em 1em;
+		margin: 0;
+	}
+
+	.ym-form .ym-gbox {
+		padding: 0 0.5em;
+		margin-right: 0;
+	}
+
+	.ym-form h6 {
+		color: #000;
+		margin: 1em 0 0 1em;
+	}
+
+	/**
+	* @section styling form elements
+	*
+	* Styling for: Input, Textarea, Select ...
+	*
+	*/
+
+	/* styling standard form elements with 'almost' equal flexible width */
+	/* Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
+	.ym-form .ym-fbox-text input,
+	.ym-form .ym-fbox-text textarea {
+		line-height: 1em;
+		padding: 0.25em 0.3em;
+		margin-top: -2px;
+	}
+
+	.ym-form .ym-fbox-select select {
+		line-height: 1em;
+		padding: 0.25em 2px 0.25em 1px;
+		margin-top: -2px;
+	}
+
+	/* proportional fonts for all form elements */
+	.ym-form input,
+	.ym-form textarea,
+	.ym-form select,
+	.ym-form optgroup {
+		font-family:Arial, Helvetica, sans-serif;
+		-webkit-box-shadow: inset 0 0 4px #e5e7ff;
+		-moz-box-shadow: inset 0 0 4px #e5e7ff;
+		box-shadow: inset 0 0 4px #e5e7ff;
+	}
+
+	.ym-form optgroup {
+		font-style:normal;
+		font-weight:bold;
+	}
+
+	.ym-form .ym-fbox-text input,
+	.ym-form .ym-fbox-text textarea,
+	.ym-form .ym-fbox-select select {
+		border:1px solid #d5d7ff;
+	}
+
+	/* General form styling	| Allgemeine Formatierung des Formulars */
+	.ym-form .ym-message {
+		color:#666;
+		margin-bottom:0.5em;
+	}
+
+	/* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
+	.ym-form sup {
+		color:#800;
+		font-weight:bold;
+	}
+
+	/* form validation highlight colors */
+	.ym-form input:valid,
+	.ym-form textarea:valid { background-color: #fff; }
+	.ym-form input:invalid,
+	.ym-form textarea:invalid { background-color: #fdd; }
+
+	/**
+	* @section error messages
+	*
+	*/
+
+	.ym-form .ym-error label {
+		color:#800;
+		font-weight:normal;
+	}
+
+	.ym-form .ym-error input,
+	.ym-form .ym-error select,
+	.ym-form .ym-error textarea {
+		border: 1px #800 solid;
+	}
+
+	.ym-form .ym-error input:hover,
+	.ym-form .ym-error input:focus,
+	.ym-form .ym-error select:hover,
+	.ym-form .ym-error select:focus,
+	.ym-form .ym-error textarea:hover,
+	.ym-form .ym-error textarea:focus {
+		border: 1px #800 solid !important;
+	}
+
+	.ym-form .ym-error .ym-message {
+		color:#800;
+	}
+
+	/* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
+	.ym-form div.ym-fbox-text input:focus,
+	.ym-form div select:focus,
+	.ym-form div textarea:focus,
+	.ym-form div.ym-fbox-text input:hover,
+	.ym-form div select:hover,
+	.ym-form div textarea:hover,
+	.ym-form div.ym-fbox-text input:active,
+	.ym-form div select:active,
+	.ym-form div textarea:active {
+		border:1px #888 solid;
+		background:#fff;
+	}
+
+	/**
+	* @section Buttons
+	*
+	* inspired from: Catalin Rosu (http://www.red-team-design.com/just-another-awesome-css3-buttons)
+	*/
+
+	.ym-button,
+	.ym-form button,
+	.ym-form input[type="button"],
+	.ym-form input[type="reset"],
+	.ym-form input[type="submit"] {
+		display: inline-block;
+		white-space: nowrap;
+		background-color: #b3b5cc;
+		background-image: -webkit-linear-gradient(top, #e5e7ff, #b3b5cc);
+		background-image: -moz-linear-gradient(top, #e5e7ff, #b3b5cc);
+		background-image: -ms-linear-gradient(top, #e5e7ff, #b3b5cc);
+		background-image: -o-linear-gradient(top, #e5e7ff, #b3b5cc);
+		background-image: linear-gradient(top, #e5e7ff, #b3b5cc);
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e5e7ff', EndColorStr='#b3b5cc');
+		border: 1px solid #777;
+		-webkit-border-radius: .2em;
+		-moz-border-radius: .2em;
+		border-radius: .2em;
+		-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
+		-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
+		box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
+		color: #333 !important;
+		cursor: pointer;
+		font: normal 1em/2em Arial, Helvetica;
+		margin: 1.5em 0.75em 0 0;
+		padding: 0 1.5em;
+		overflow: visible; /* removes extra side spacing in IE */
+		text-decoration: none !important;
+		text-shadow: 0 1px 0 rgba(255,255,255,.8);
+	}
+
+	.ym-form button:hover,
+	.ym-form input[type="button"]:hover,
+	.ym-form input[type="reset"]:hover,
+	.ym-form input[type="submit"]:hover,
+	.ym-button:hover {
+		background-color: #d5d7ff;
+		background-image: -webkit-linear-gradient(top, #fafafa, #d5d7ff);
+		background-image: -moz-linear-gradient(top, #fafafa, #d5d7ff);
+		background-image: -ms-linear-gradient(top, #fafafa, #d5d7ff);
+		background-image: -o-linear-gradient(top, #fafafa, #d5d7ff);
+		background-image: linear-gradient(top, #fafafa, #d5d7ff);
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#d5d7ff');
+	}
+
+	.ym-form button:active,
+	.ym-form input[type="button"]:active,
+	.ym-form input[type="reset"]:active,
+	.ym-form input[type="submit"]:active,
+	.ym-button:active {
+		background-color: #bbb;
+		background-image: -webkit-linear-gradient(top, #b3b5cc, #bbb);
+		background-image: -moz-linear-gradient(top, #b3b5cc, #bbb);
+		background-image: -ms-linear-gradient(top, #b3b5cc, #bbb);
+		background-image: -o-linear-gradient(top, #b3b5cc, #bbb);
+		background-image: linear-gradient(top, #b3b5cc, #bbb);
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b3b5cc', EndColorStr='#bbbbbb');
+		box-shadow: 2px 2px 3px rgba(0,0,0,.2) inset;
+		position: relative;
+		top: 1px;
+	}
+
+	.ym-form button:focus,
+	.ym-form input[type="button"]:focus,
+	.ym-form input[type="reset"]:focus,
+	.ym-form input[type="submit"]:focus,
+	.ym-button:focus {
+		outline: 0;
+		background: #fafafa;
+	}
+
+	/* pseudo elements don't work on input */
+	.ym-form button:before,
+	.ym-button:before {
+		background: #b3b5cc;
+		background: rgba(0,0,0,.1);
+		float: left;
+		width: 1em;
+		text-align: center;
+		font-size: 1.5em;
+		margin: 0 1em 0 -1em;
+		padding: 0 .2em;
+		-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
+		-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
+		box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
+		-moz-border-radius: .15em 0 0 .15em;
+		-webkit-border-radius: .15em 0 0 .15em;
+		border-radius: .15em 0 0 .15em;
+		pointer-events: none;
+	}
+
+	.ym-add:before { content: "\271A"; }
+	.ym-delete:before { content: "\2718"; }
+	.ym-edit:before { content: "\270E"; }
+	.ym-email:before { content: "\2709"; }
+	.ym-like:before { content: "\2764"; }
+	.ym-next:before { content: "\279C"; }
+	.ym-play:before { content: "\25B6"; }
+	.ym-save:before { content: "\2714"; }
+	.ym-spark:before { content: "\2737"; }
+	.ym-star:before { content: "\2605"; }
+
+	/* removes extra inner spacing in Firefox */
+	.ym-form button::-moz-focus-inner {
+		border: 0;
+		padding: 0;
+	}
+
+	/* If line-height can't be modified, then fix Firefox spacing with padding */
+	.ym-form input[type=button]::-moz-focus-inner,
+	.ym-form input[type=reset]::-moz-focus-inner,
+	.ym-form input[type=submit]::-moz-focus-inner {
+		padding: .4em;
+	}
+
+	/* The disabled styles */
+	.ym-form button[disabled],
+	.ym-form button[disabled]:hover,
+	.ym-form input[type=button][disabled],
+	.ym-form input[type=button][disabled]:hover,
+	.ym-form input[type=reset][disabled],
+	.ym-form input[type=reset][disabled]:hover,
+	.ym-form input[type=submit][disabled],
+	.ym-form input[type=submit][disabled]:hover,
+	.ym-button.ym-disabled,
+	.ym-button.ym-disabled:hover {
+		background: #e5e7ff;
+		color: #aaa !important;
+		border-color: #aaa;
+		cursor: default;
+		text-shadow: none;
+		position: static;
+		-webkit-box-shadow: none;
+		-moz-box-shadow: none;
+		box-shadow: none;
+	}
+
+	/* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
+	* html .ym-button,
+	* html .ym-form button {
+		display: inline-block;
+		white-space: nowrap;
+		background-color: #b3b5cc;
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e5e7ff', EndColorStr='#b3b5cc');
+		border: 1px solid #777;
+		color: #333 !important;
+		cursor: pointer;
+		font: normal 1em/2em Arial, Helvetica;
+		margin: 1.5em 0.75em 0 0;
+		padding: 0 1.5em;
+		overflow: visible; /* removes extra side spacing in IE */
+		text-decoration: none !important;
+	}
+
+	* html .ym-form button:focus,
+	* html .ym-button:focus {
+		outline: 0;
+		background: #fafafa;
+	}
+
+	* html .ym-form button:hover,
+	* html .ym-button:hover {
+		background-color: #d5d7ff;
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#d5d7ff');
+	}
+
+	* html .ym-form button:active,
+	* html .ym-button:active {
+		background-color: #bbb;
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b3b5cc', EndColorStr='#bbbbbb');
+		position: relative;
+		top: 1px;
+	}
+
+	* html .ym-button.ym-disabled,
+	* html .ym-button.ym-disabled:hover {
+		background: #e5e7ff;
+		color: #aaa !important;
+		border-color: #aaa;
+		cursor: default;
+		text-shadow: none;
+		position: static;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/forms/gray-theme.css b/css/yaml4/forms/gray-theme.css
new file mode 100644
index 0000000..3b00ba8
--- /dev/null
+++ b/css/yaml4/forms/gray-theme.css
@@ -0,0 +1,421 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * YAML form theme: "gray-theme"
+ *
+ * @copyright			 Copyright 2005-2012, Dirk Jesse
+ * @license				 CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                       YAML-CDL (http://www.yaml.de/license.html)
+ * @link                 http://www.yaml.de
+ * @package				 yaml
+ * @version              v4.0
+ * @revision             $Revision: 686 $
+ * @lastmodified         $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+ */
+
+@media screen and (min-width: 0px){
+
+	/**
+	* @section general width settings for formular elements in modern browsers
+	*          switching to CSS3 box modell "border-box" for perfect flexible forms
+	*
+	* Styling for: <labels>, <input>, <textarea> and <select>
+	*
+	*/
+
+	.ym-form input,
+	.ym-form input,
+	.ym-form textarea,
+	.ym-form select {
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		-ms-box-sizing: border-box;
+		box-sizing: border-box;
+		width:60%;
+	}
+
+	.ym-columnar label {
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		-ms-box-sizing: border-box;
+		box-sizing: border-box;
+	}
+
+	.ym-columnar .ym-fbox-select select,
+	.ym-columnar .ym-fbox-text input,
+	.ym-columnar .ym-fbox-text textarea { width:70%; }
+
+	.ym-full .ym-fbox-select select,
+	.ym-full .ym-fbox-text input,
+	.ym-full .ym-fbox-text textarea { width:100%; }
+}
+
+@media screen, projection {
+
+	/**
+	* @section general form styling
+	*
+	* Styling for: <form>, <fieldset>, <legend>, <label> and rows (class="ym-fbox-[xxx]")
+	*
+	*/
+	.ym-form {
+		background:#f4f4f4;
+		border:2px #fff solid;
+		margin: 1.5em 0 0 0;
+		padding: 0;
+		-webkit-box-shadow: 0 0 4px #ddd;
+		-moz-box-shadow: 0 0 4px #ddd;
+		box-shadow: 0 0 4px #ddd;
+	}
+
+	.ym-form fieldset {
+		position:static;
+		background:transparent;
+		margin: 0.75em 0 0.75em 0;
+		padding: 0 0.5em;
+	}
+
+	.ym-form legend {
+		background:transparent;
+		color:#000;
+		font-size:1.2em;
+		line-height:1.25em;
+		font-weight:bold;
+		padding:0 0.5em;
+	}
+
+	.ym-form label {
+		color:#666;
+		line-height: 1.5em;
+	}
+
+	.ym-label {
+		color: #666;
+		padding-top: 0.25em;
+	}
+
+	.ym-form .ym-form div.ym-fbox-check:focus + label {
+		color:#000;
+	}
+
+	/* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
+	.ym-form div.ym-fbox-text,
+	.ym-form div.ym-fbox-select,
+	.ym-form div.ym-fbox-check,
+	.ym-form div.ym-fbox-button {
+		padding: 0.3em 1em;
+		margin-bottom: 0.5em;
+	}
+
+	.ym-form div.ym-fbox-button {
+		background: #ececec;
+		border-top: 1px #e0e0e0 solid;
+		padding:0 1em 1.5em 1em;
+		margin: 0;
+	}
+
+	.ym-form .ym-gbox {
+		padding: 0 0.5em;
+		margin-right: 0;
+	}
+
+	.ym-form h6 {
+		color: #000;
+		margin: 1em 0 0 1em;
+	}
+
+	/**
+	* @section styling form elements
+	*
+	* Styling for: Input, Textarea, Select ...
+	*
+	*/
+
+	/* styling standard form elements with 'almost' equal flexible width */
+	/* Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
+	.ym-form .ym-fbox-text input,
+	.ym-form .ym-fbox-text textarea {
+		line-height: 1em;
+		padding: 0.25em 0.3em;
+		margin-top: -2px;
+	}
+
+	.ym-form .ym-fbox-select select {
+		line-height: 1em;
+		padding: 0.25em 2px 0.25em 1px;
+		margin-top: -2px;
+	}
+
+	/* proportional fonts for all form elements */
+	.ym-form input,
+	.ym-form textarea,
+	.ym-form select,
+	.ym-form optgroup {
+		font-family:Arial, Helvetica, sans-serif;
+		-webkit-box-shadow: inset 0 0 4px #eee;
+		-moz-box-shadow: inset 0 0 4px #eee;
+		box-shadow: inset 0 0 4px #eee;
+	}
+
+	.ym-form optgroup {
+		font-style:normal;
+		font-weight:bold;
+	}
+
+	.ym-form .ym-fbox-text input,
+	.ym-form .ym-fbox-text textarea,
+	.ym-form .ym-fbox-select select {
+		border:1px solid #ddd;
+	}
+
+	/* General form styling	| Allgemeine Formatierung des Formulars */
+	.ym-form .ym-message {
+		color:#666;
+		margin-bottom:0.5em;
+	}
+
+	/* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
+	.ym-form sup {
+		color:#800;
+		font-weight:bold;
+	}
+
+	/* form validation highlight colors */
+	.ym-form input:valid,
+	.ym-form textarea:valid { background-color: #fff; }
+	.ym-form input:invalid,
+	.ym-form textarea:invalid { background-color: #fdd; }
+
+	/**
+	* @section error messages
+	*
+	*/
+
+	.ym-form .ym-error label {
+		color:#800;
+		font-weight:normal;
+	}
+
+	.ym-form .ym-error input,
+	.ym-form .ym-error select,
+	.ym-form .ym-error textarea {
+		border: 1px #800 solid;
+	}
+
+	.ym-form .ym-error input:hover,
+	.ym-form .ym-error input:focus,
+	.ym-form .ym-error select:hover,
+	.ym-form .ym-error select:focus,
+	.ym-form .ym-error textarea:hover,
+	.ym-form .ym-error textarea:focus {
+		border: 1px #800 solid !important;
+	}
+
+	.ym-form .ym-error .ym-message {
+		color:#800;
+	}
+
+	/* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
+	.ym-form div.ym-fbox-text input:focus,
+	.ym-form div select:focus,
+	.ym-form div textarea:focus,
+	.ym-form div.ym-fbox-text input:hover,
+	.ym-form div select:hover,
+	.ym-form div textarea:hover,
+	.ym-form div.ym-fbox-text input:active,
+	.ym-form div select:active,
+	.ym-form div textarea:active {
+		border:1px #888 solid;
+		background:#fff;
+	}
+
+	/**
+	* @section Buttons
+	*
+	* inspired from: Catalin Rosu (http://www.red-team-design.com/just-another-awesome-css3-buttons)
+	*/
+
+	.ym-button,
+	.ym-form button,
+	.ym-form input[type="button"],
+	.ym-form input[type="reset"],
+	.ym-form input[type="submit"] {
+		display: inline-block;
+		white-space: nowrap;
+		background-color: #ccc;
+		background-image: -webkit-linear-gradient(top, #eee, #ccc);
+		background-image: -moz-linear-gradient(top, #eee, #ccc);
+		background-image: -ms-linear-gradient(top, #eee, #ccc);
+		background-image: -o-linear-gradient(top, #eee, #ccc);
+		background-image: linear-gradient(top, #eee, #ccc);
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
+		border: 1px solid #777;
+		-webkit-border-radius: .2em;
+		-moz-border-radius: .2em;
+		border-radius: .2em;
+		-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
+		-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
+		box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.15);
+		color: #333 !important;
+		cursor: pointer;
+		font: normal 1em/2em Arial, Helvetica;
+		margin: 1.5em 0.75em 0 0;
+		padding: 0 1.5em;
+		overflow: visible; /* removes extra side spacing in IE */
+		text-decoration: none !important;
+		text-shadow: 0 1px 0 rgba(255,255,255,.8);
+	}
+
+	.ym-form button:hover,
+	.ym-form input[type="button"]:hover,
+	.ym-form input[type="reset"]:hover,
+	.ym-form input[type="submit"]:hover,
+	.ym-button:hover {
+		background-color: #ddd;
+		background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
+		background-image: -moz-linear-gradient(top, #fafafa, #ddd);
+		background-image: -ms-linear-gradient(top, #fafafa, #ddd);
+		background-image: -o-linear-gradient(top, #fafafa, #ddd);
+		background-image: linear-gradient(top, #fafafa, #ddd);
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
+	}
+
+	.ym-form button:active,
+	.ym-form input[type="button"]:active,
+	.ym-form input[type="reset"]:active,
+	.ym-form input[type="submit"]:active,
+	.ym-button:active {
+		background-color: #bbb;
+		background-image: -webkit-linear-gradient(top, #ccc, #bbb);
+		background-image: -moz-linear-gradient(top, #ccc, #bbb);
+		background-image: -ms-linear-gradient(top, #ccc, #bbb);
+		background-image: -o-linear-gradient(top, #ccc, #bbb);
+		background-image: linear-gradient(top, #ccc, #bbb);
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
+		box-shadow: 2px 2px 3px rgba(0,0,0,.2) inset;
+		position: relative;
+		top: 1px;
+	}
+
+	.ym-form button:focus,
+	.ym-form input[type="button"]:focus,
+	.ym-form input[type="reset"]:focus,
+	.ym-form input[type="submit"]:focus,
+	.ym-button:focus {
+		outline: 0;
+		background: #fafafa;
+	}
+
+	/* pseudo elements don't work on input */
+	.ym-form button:before,
+	.ym-button:before {
+		background: #ccc;
+		background: rgba(0,0,0,.1);
+		float: left;
+		width: 1em;
+		text-align: center;
+		font-size: 1.5em;
+		margin: 0 1em 0 -1em;
+		padding: 0 .2em;
+		-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
+		-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
+		box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
+		-moz-border-radius: .15em 0 0 .15em;
+		-webkit-border-radius: .15em 0 0 .15em;
+		border-radius: .15em 0 0 .15em;
+		pointer-events: none;
+	}
+
+	.ym-add:before { content: "\271A"; }
+	.ym-delete:before { content: "\2718"; }
+	.ym-edit:before { content: "\270E"; }
+	.ym-email:before { content: "\2709"; }
+	.ym-like:before { content: "\2764"; }
+	.ym-next:before { content: "\279C"; }
+	.ym-play:before { content: "\25B6"; }
+	.ym-save:before { content: "\2714"; }
+	.ym-spark:before { content: "\2737"; }
+	.ym-star:before { content: "\2605"; }
+
+	/* removes extra inner spacing in Firefox */
+	.ym-form button::-moz-focus-inner {
+		border: 0;
+		padding: 0;
+	}
+
+	/* If line-height can't be modified, then fix Firefox spacing with padding */
+	.ym-form input[type=button]::-moz-focus-inner,
+	.ym-form input[type=reset]::-moz-focus-inner,
+	.ym-form input[type=submit]::-moz-focus-inner {
+		padding: .4em;
+	}
+
+	/* The disabled styles */
+	.ym-form button[disabled],
+	.ym-form button[disabled]:hover,
+	.ym-form input[type=button][disabled],
+	.ym-form input[type=button][disabled]:hover,
+	.ym-form input[type=reset][disabled],
+	.ym-form input[type=reset][disabled]:hover,
+	.ym-form input[type=submit][disabled],
+	.ym-form input[type=submit][disabled]:hover,
+	.ym-button.ym-disabled,
+	.ym-button.ym-disabled:hover {
+		background: #eee;
+		color: #aaa !important;
+		border-color: #aaa;
+		cursor: default;
+		text-shadow: none;
+		position: static;
+		-webkit-box-shadow: none;
+		-moz-box-shadow: none;
+		box-shadow: none;
+	}
+
+	/* ie6 support styles - redefined buttons, because of missing support for attribute selectors */
+	* html .ym-button,
+	* html .ym-form button {
+		display: inline-block;
+		white-space: nowrap;
+		background-color: #ccc;
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
+		border: 1px solid #777;
+		color: #333 !important;
+		cursor: pointer;
+		font: normal 1em/2em Arial, Helvetica;
+		margin: 1.5em 0.75em 0 0;
+		padding: 0 1.5em;
+		overflow: visible; /* removes extra side spacing in IE */
+		text-decoration: none !important;
+	}
+
+	* html .ym-form button:focus,
+	* html .ym-button:focus {
+		outline: 0;
+		background: #fafafa;
+	}
+
+	* html .ym-form button:hover,
+	* html .ym-button:hover {
+		background-color: #ddd;
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
+	}
+
+	* html .ym-form button:active,
+	* html .ym-button:active {
+		background-color: #bbb;
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
+		position: relative;
+		top: 1px;
+	}
+
+	* html .ym-button.ym-disabled,
+	* html .ym-button.ym-disabled:hover {
+		background: #eee;
+		color: #aaa !important;
+		border-color: #aaa;
+		cursor: default;
+		text-shadow: none;
+		position: static;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/navigation/.svn/all-wcprops b/css/yaml4/navigation/.svn/all-wcprops
new file mode 100644
index 0000000..72aecb1
--- /dev/null
+++ b/css/yaml4/navigation/.svn/all-wcprops
@@ -0,0 +1,23 @@
+K 25
+svn:wc:ra_dav:version-url
+V 77
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/navigation
+END
+hlist-blue.css
+K 25
+svn:wc:ra_dav:version-url
+V 92
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/navigation/hlist-blue.css
+END
+vlist.css
+K 25
+svn:wc:ra_dav:version-url
+V 87
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/navigation/vlist.css
+END
+hlist.css
+K 25
+svn:wc:ra_dav:version-url
+V 87
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/navigation/hlist.css
+END
diff --git a/css/yaml4/navigation/.svn/entries b/css/yaml4/navigation/.svn/entries
new file mode 100644
index 0000000..ed02b66
--- /dev/null
+++ b/css/yaml4/navigation/.svn/entries
@@ -0,0 +1,137 @@
+9
+
+dir
+206
+https://intern.ccwn.org/svn/Themis/ccwn-themis-static/trunk/WebContent/yaml4/navigation
+https://intern.ccwn.org/svn/Themis
+
+
+
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+svn:special svn:externals svn:needs-lock
+
+
+
+
+
+
+
+
+
+
+
+e7c95c98-50ad-428d-8ede-669ef7f8c951
+
+
+
+
+
+
+0
+
+hlist-blue.css
+file
+
+
+
+
+2012-03-01T08:45:59.910125Z
+16f12a49ef79d2f05f439e3e929ef1c2
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+3136
+
+vlist.css
+file
+
+
+
+
+2012-01-22T12:09:38.000000Z
+b06a0a02329355592f2e36a76a276ac2
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+3149
+
+hlist.css
+file
+
+
+
+
+2012-01-25T10:37:32.000000Z
+3e77ce34917eb87b37a2ea493ec19fa4
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+3130
+
diff --git a/css/yaml4/navigation/.svn/format b/css/yaml4/navigation/.svn/format
new file mode 100644
index 0000000..ec63514
--- /dev/null
+++ b/css/yaml4/navigation/.svn/format
@@ -0,0 +1 @@
+9
diff --git a/css/yaml4/navigation/.svn/text-base/hlist-blue.css.svn-base b/css/yaml4/navigation/.svn/text-base/hlist-blue.css.svn-base
new file mode 100644
index 0000000..e1f8d63
--- /dev/null
+++ b/css/yaml4/navigation/.svn/text-base/hlist-blue.css.svn-base
@@ -0,0 +1,134 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Horizontal list navigation "hlist"
+ * (de) Horizontale Navigationsliste "hlist"
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 692 $
+ * @lastmodified    $Date: 2012-01-25 11:37:31 +0100 (Mi, 25 Jan 2012) $
+ */
+
+@media all {
+
+	.ym-hlist {
+		/* (en) containing floats in IE */
+		/* (de) Einfassen der Floats im IE */
+		width:100%;
+		overflow:hidden;
+		/* (en|de) Bugfix:IE - collapsing horizontal margins */
+		position:relative;
+		line-height:1em;
+		background: #090b21;
+	}
+
+	.ym-hlist ul {
+		margin:0;
+		padding: 0.5em 1.5em;
+		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
+		display:inline;
+		float:left; /* LTR */
+	}
+
+	.ym-hlist ul li {
+		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
+		display:inline;
+		float:left; /* LTR */
+		font-size:1.0em;
+		line-height:1em;
+		list-style-type:none;
+		margin: 0 .25em 0 0;
+		padding:0;
+	}
+
+	.ym-hlist ul li a,
+	.ym-hlist ul li strong {
+		background:transparent;
+		color:#aaa;
+		display:block;
+		font-size:1em;
+		line-height: 2em;
+		padding: 0 0.5em;
+		font-weight:normal;
+		text-decoration:none;
+		text-shadow: 0 1px 1px rgba(0,0,0,.5);
+		width:auto;
+	}
+
+	.ym-hlist ul li a:focus,
+	.ym-hlist ul li a:hover,
+	.ym-hlist ul li a:active  {
+		color: #b3b5cc;
+		background:#666;
+		background: rgba(255,255,255,.25);
+		-webkit-border-radius: 0.2em;
+		-moz-border-radius: 0.2em;
+		border-radius: 0.2em;
+		text-decoration:none;
+		outline: 0 none;
+	}
+
+	.ym-hlist ul li.active {
+		background:#666;
+		background: rgba(255,255,255,.3);
+		-webkit-border-radius: 0.2em;
+		-moz-border-radius: 0.2em;
+		border-radius: 0.2em;
+		color: #fff;
+	}
+
+	.ym-hlist ul li.active strong,
+	.ym-hlist ul li.active a:focus,
+	.ym-hlist ul li.active a:hover,
+	.ym-hlist ul li.active a:active {
+		background:transparent;
+		color:#fff;
+		text-decoration:none;
+	}
+
+
+	/* search form -------------------------------------- */
+	.ym-searchform {
+		float:right;
+		display: inline;
+		line-height: 2em;
+		padding: 0.5em 1.5em;
+	}
+
+	.ym-searchform .ym-searchfield {
+		background: #fff;
+		line-height: 1em;
+		padding: 0.25em;
+		width: 12em;
+		border: solid 1px #888;
+		border: solid 1px rgba(255,255,255,.1);
+		outline: none;
+
+		-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+		-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+		box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+	}
+
+	.ym-searchform .ym-searchbutton {
+		color: #fff;
+		cursor: pointer;
+		display: inline-block;
+		font-size: 1em;
+		line-height: 1.3571em;
+		padding: 0.25em;
+		border: solid 1px transparent;
+		text-shadow: 0 1px 1px rgba(0,0,0,.5);
+
+		-webkit-border-radius: .2em;
+		-moz-border-radius: .2em;
+		border-radius: .2em;
+
+		background: #5f5f5f;
+		background: rgba(255,255,255,.2);
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/navigation/.svn/text-base/hlist.css.svn-base b/css/yaml4/navigation/.svn/text-base/hlist.css.svn-base
new file mode 100644
index 0000000..e1b2a58
--- /dev/null
+++ b/css/yaml4/navigation/.svn/text-base/hlist.css.svn-base
@@ -0,0 +1,134 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Horizontal list navigation "hlist"
+ * (de) Horizontale Navigationsliste "hlist"
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 692 $
+ * @lastmodified    $Date: 2012-01-25 11:37:31 +0100 (Mi, 25 Jan 2012) $
+ */
+
+@media all {
+
+	.ym-hlist {
+		/* (en) containing floats in IE */
+		/* (de) Einfassen der Floats im IE */
+		width:100%;
+		overflow:hidden;
+		/* (en|de) Bugfix:IE - collapsing horizontal margins */
+		position:relative;
+		line-height:1em;
+		background: #222;
+	}
+
+	.ym-hlist ul {
+		margin:0;
+		padding: 0.5em 1.5em;
+		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
+		display:inline;
+		float:left; /* LTR */
+	}
+
+	.ym-hlist ul li {
+		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
+		display:inline;
+		float:left; /* LTR */
+		font-size:1.0em;
+		line-height:1em;
+		list-style-type:none;
+		margin: 0 .25em 0 0;
+		padding:0;
+	}
+
+	.ym-hlist ul li a,
+	.ym-hlist ul li strong {
+		background:transparent;
+		color:#aaa;
+		display:block;
+		font-size:1em;
+		line-height: 2em;
+		padding: 0 0.5em;
+		font-weight:normal;
+		text-decoration:none;
+		text-shadow: 0 1px 1px rgba(0,0,0,.5);
+		width:auto;
+	}
+
+	.ym-hlist ul li a:focus,
+	.ym-hlist ul li a:hover,
+	.ym-hlist ul li a:active  {
+		color: #ccc;
+		background:#666;
+		background: rgba(255,255,255,.25);
+		-webkit-border-radius: 0.2em;
+		-moz-border-radius: 0.2em;
+		border-radius: 0.2em;
+		text-decoration:none;
+		outline: 0 none;
+	}
+
+	.ym-hlist ul li.active {
+		background:#666;
+		background: rgba(255,255,255,.3);
+		-webkit-border-radius: 0.2em;
+		-moz-border-radius: 0.2em;
+		border-radius: 0.2em;
+		color: #fff;
+	}
+
+	.ym-hlist ul li.active strong,
+	.ym-hlist ul li.active a:focus,
+	.ym-hlist ul li.active a:hover,
+	.ym-hlist ul li.active a:active {
+		background:transparent;
+		color:#fff;
+		text-decoration:none;
+	}
+
+
+	/* search form -------------------------------------- */
+	.ym-searchform {
+		float:right;
+		display: inline;
+		line-height: 2em;
+		padding: 0.5em 1.5em;
+	}
+
+	.ym-searchform .ym-searchfield {
+		background: #fff;
+		line-height: 1em;
+		padding: 0.25em;
+		width: 12em;
+		border: solid 1px #888;
+		border: solid 1px rgba(255,255,255,.1);
+		outline: none;
+
+		-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+		-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+		box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+	}
+
+	.ym-searchform .ym-searchbutton {
+		color: #fff;
+		cursor: pointer;
+		display: inline-block;
+		font-size: 1em;
+		line-height: 1.3571em;
+		padding: 0.25em;
+		border: solid 1px transparent;
+		text-shadow: 0 1px 1px rgba(0,0,0,.5);
+
+		-webkit-border-radius: .2em;
+		-moz-border-radius: .2em;
+		border-radius: .2em;
+
+		background: #5f5f5f;
+		background: rgba(255,255,255,.2);
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/navigation/.svn/text-base/vlist.css.svn-base b/css/yaml4/navigation/.svn/text-base/vlist.css.svn-base
new file mode 100644
index 0000000..3270354
--- /dev/null
+++ b/css/yaml4/navigation/.svn/text-base/vlist.css.svn-base
@@ -0,0 +1,125 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Vertical list navigation "vlist"
+ * (de) Vertikale Navigationsliste "vlist"
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 686 $
+ * @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+ */
+
+@media all {
+
+	/* title */
+	h6.ym-vlist {
+		font-family:Arial, Helvetica, sans-serif;
+		font-weight:bold;
+		font-size:100%;
+		width:90%;
+		padding:3px 0px 3px 10%; /* LTR */
+		margin:0;
+		color:#444;
+		background-color:#fff;
+		border-top:2px #ddd solid;
+		border-bottom:4px #888 solid;
+	}
+
+	.ym-vlist {
+		width:100%;
+		overflow:hidden;
+		margin:0 0 1.5em 0;
+		list-style-type:none;
+		border-bottom:2px #ddd solid;
+	}
+
+	.ym-vlist ul {
+		list-style-type:none;
+		margin:0;
+		padding:0;
+	}
+
+	.ym-vlist li {
+		float:left; /* LTR */
+		width:100%;
+		margin:0;
+		padding:0;
+	}
+
+	.ym-vlist a,
+	.ym-vlist strong,
+	.ym-vlist span {
+		display:block;
+		padding:3px 0px 3px 10%;
+		text-decoration:none;
+		border-bottom:1px #ddd solid;
+	}
+
+	.ym-vlist a,
+	.ym-vlist a:visited {
+		color:#444;
+	}
+
+	.ym-vlist li span {
+		display:block;
+		font-weight:bold;
+		border-bottom:1px #ddd solid;
+	}
+
+	/* active list element */
+	.ym-vlist li.active {
+		color:#fff;
+		background-color:#444;
+	}
+
+	.ym-vlist li.active strong {
+		font-weight:bold;
+	}
+
+	/* Level 1 */
+	.ym-vlist li a,
+	.ym-vlist li strong,
+	.ym-vlist li span { width:90%; padding-left:10%; } /* LTR */
+
+	.ym-vlist li a:focus,
+	.ym-vlist li a:hover,
+	.ym-vlist li a:active { background-color:#888; color:#fff; outline: 0 none; }
+
+	/* Level 2 */
+	.ym-vlist li ul li a,
+	.ym-vlist li ul li strong,
+	.ym-vlist li ul li span { width:80%; padding-left:20%; } /* LTR */
+
+	.ym-vlist li ul li a,
+	.ym-vlist li ul li a:visited { background-color:#f8f8f8; color:#333; }
+	.ym-vlist li ul li a:focus,
+	.ym-vlist li ul li a:hover,
+	.ym-vlist li ul li a:active { background-color:#888; color:#fff; }
+
+	/* Level 3 */
+	.ym-vlist li ul li ul li a,
+	.ym-vlist li ul li ul li strong,
+	.ym-vlist li ul li ul li span { width:70%; padding-left:30%; } /* LTR */
+
+	.ym-vlist li ul li ul li a,
+	.ym-vlist li ul li ul li a:visited{ background-color:#f0f0f0; color:#222; }
+	.ym-vlist li ul li ul li a:focus,
+	.ym-vlist li ul li ul li a:hover,
+	.ym-vlist li ul li ul li a:active { background-color:#888; color:#fff; }
+
+	/* Level 4 */
+	.ym-vlist li ul li ul li ul li a,
+	.ym-vlist li ul li ul li ul li strong,
+	.ym-vlist li ul li ul li ul li span { width:60%; padding-left:40%; } /* LTR */
+
+	.ym-vlist li ul li ul li ul li a,
+	.ym-vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color:#111; }
+	.ym-vlist li ul li ul li ul li a:focus,
+	.ym-vlist li ul li ul li ul li a:hover,
+	.ym-vlist li ul li ul li ul li a:active { background-color:#888; color:#fff; }
+}
\ No newline at end of file
diff --git a/css/yaml4/navigation/hlist-blue.css b/css/yaml4/navigation/hlist-blue.css
new file mode 100644
index 0000000..e1f8d63
--- /dev/null
+++ b/css/yaml4/navigation/hlist-blue.css
@@ -0,0 +1,134 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Horizontal list navigation "hlist"
+ * (de) Horizontale Navigationsliste "hlist"
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 692 $
+ * @lastmodified    $Date: 2012-01-25 11:37:31 +0100 (Mi, 25 Jan 2012) $
+ */
+
+@media all {
+
+	.ym-hlist {
+		/* (en) containing floats in IE */
+		/* (de) Einfassen der Floats im IE */
+		width:100%;
+		overflow:hidden;
+		/* (en|de) Bugfix:IE - collapsing horizontal margins */
+		position:relative;
+		line-height:1em;
+		background: #090b21;
+	}
+
+	.ym-hlist ul {
+		margin:0;
+		padding: 0.5em 1.5em;
+		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
+		display:inline;
+		float:left; /* LTR */
+	}
+
+	.ym-hlist ul li {
+		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
+		display:inline;
+		float:left; /* LTR */
+		font-size:1.0em;
+		line-height:1em;
+		list-style-type:none;
+		margin: 0 .25em 0 0;
+		padding:0;
+	}
+
+	.ym-hlist ul li a,
+	.ym-hlist ul li strong {
+		background:transparent;
+		color:#aaa;
+		display:block;
+		font-size:1em;
+		line-height: 2em;
+		padding: 0 0.5em;
+		font-weight:normal;
+		text-decoration:none;
+		text-shadow: 0 1px 1px rgba(0,0,0,.5);
+		width:auto;
+	}
+
+	.ym-hlist ul li a:focus,
+	.ym-hlist ul li a:hover,
+	.ym-hlist ul li a:active  {
+		color: #b3b5cc;
+		background:#666;
+		background: rgba(255,255,255,.25);
+		-webkit-border-radius: 0.2em;
+		-moz-border-radius: 0.2em;
+		border-radius: 0.2em;
+		text-decoration:none;
+		outline: 0 none;
+	}
+
+	.ym-hlist ul li.active {
+		background:#666;
+		background: rgba(255,255,255,.3);
+		-webkit-border-radius: 0.2em;
+		-moz-border-radius: 0.2em;
+		border-radius: 0.2em;
+		color: #fff;
+	}
+
+	.ym-hlist ul li.active strong,
+	.ym-hlist ul li.active a:focus,
+	.ym-hlist ul li.active a:hover,
+	.ym-hlist ul li.active a:active {
+		background:transparent;
+		color:#fff;
+		text-decoration:none;
+	}
+
+
+	/* search form -------------------------------------- */
+	.ym-searchform {
+		float:right;
+		display: inline;
+		line-height: 2em;
+		padding: 0.5em 1.5em;
+	}
+
+	.ym-searchform .ym-searchfield {
+		background: #fff;
+		line-height: 1em;
+		padding: 0.25em;
+		width: 12em;
+		border: solid 1px #888;
+		border: solid 1px rgba(255,255,255,.1);
+		outline: none;
+
+		-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+		-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+		box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+	}
+
+	.ym-searchform .ym-searchbutton {
+		color: #fff;
+		cursor: pointer;
+		display: inline-block;
+		font-size: 1em;
+		line-height: 1.3571em;
+		padding: 0.25em;
+		border: solid 1px transparent;
+		text-shadow: 0 1px 1px rgba(0,0,0,.5);
+
+		-webkit-border-radius: .2em;
+		-moz-border-radius: .2em;
+		border-radius: .2em;
+
+		background: #5f5f5f;
+		background: rgba(255,255,255,.2);
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/navigation/hlist.css b/css/yaml4/navigation/hlist.css
new file mode 100644
index 0000000..e1b2a58
--- /dev/null
+++ b/css/yaml4/navigation/hlist.css
@@ -0,0 +1,134 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Horizontal list navigation "hlist"
+ * (de) Horizontale Navigationsliste "hlist"
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 692 $
+ * @lastmodified    $Date: 2012-01-25 11:37:31 +0100 (Mi, 25 Jan 2012) $
+ */
+
+@media all {
+
+	.ym-hlist {
+		/* (en) containing floats in IE */
+		/* (de) Einfassen der Floats im IE */
+		width:100%;
+		overflow:hidden;
+		/* (en|de) Bugfix:IE - collapsing horizontal margins */
+		position:relative;
+		line-height:1em;
+		background: #222;
+	}
+
+	.ym-hlist ul {
+		margin:0;
+		padding: 0.5em 1.5em;
+		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
+		display:inline;
+		float:left; /* LTR */
+	}
+
+	.ym-hlist ul li {
+		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
+		display:inline;
+		float:left; /* LTR */
+		font-size:1.0em;
+		line-height:1em;
+		list-style-type:none;
+		margin: 0 .25em 0 0;
+		padding:0;
+	}
+
+	.ym-hlist ul li a,
+	.ym-hlist ul li strong {
+		background:transparent;
+		color:#aaa;
+		display:block;
+		font-size:1em;
+		line-height: 2em;
+		padding: 0 0.5em;
+		font-weight:normal;
+		text-decoration:none;
+		text-shadow: 0 1px 1px rgba(0,0,0,.5);
+		width:auto;
+	}
+
+	.ym-hlist ul li a:focus,
+	.ym-hlist ul li a:hover,
+	.ym-hlist ul li a:active  {
+		color: #ccc;
+		background:#666;
+		background: rgba(255,255,255,.25);
+		-webkit-border-radius: 0.2em;
+		-moz-border-radius: 0.2em;
+		border-radius: 0.2em;
+		text-decoration:none;
+		outline: 0 none;
+	}
+
+	.ym-hlist ul li.active {
+		background:#666;
+		background: rgba(255,255,255,.3);
+		-webkit-border-radius: 0.2em;
+		-moz-border-radius: 0.2em;
+		border-radius: 0.2em;
+		color: #fff;
+	}
+
+	.ym-hlist ul li.active strong,
+	.ym-hlist ul li.active a:focus,
+	.ym-hlist ul li.active a:hover,
+	.ym-hlist ul li.active a:active {
+		background:transparent;
+		color:#fff;
+		text-decoration:none;
+	}
+
+
+	/* search form -------------------------------------- */
+	.ym-searchform {
+		float:right;
+		display: inline;
+		line-height: 2em;
+		padding: 0.5em 1.5em;
+	}
+
+	.ym-searchform .ym-searchfield {
+		background: #fff;
+		line-height: 1em;
+		padding: 0.25em;
+		width: 12em;
+		border: solid 1px #888;
+		border: solid 1px rgba(255,255,255,.1);
+		outline: none;
+
+		-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+		-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+		box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+	}
+
+	.ym-searchform .ym-searchbutton {
+		color: #fff;
+		cursor: pointer;
+		display: inline-block;
+		font-size: 1em;
+		line-height: 1.3571em;
+		padding: 0.25em;
+		border: solid 1px transparent;
+		text-shadow: 0 1px 1px rgba(0,0,0,.5);
+
+		-webkit-border-radius: .2em;
+		-moz-border-radius: .2em;
+		border-radius: .2em;
+
+		background: #5f5f5f;
+		background: rgba(255,255,255,.2);
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/navigation/vlist.css b/css/yaml4/navigation/vlist.css
new file mode 100644
index 0000000..3270354
--- /dev/null
+++ b/css/yaml4/navigation/vlist.css
@@ -0,0 +1,125 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Vertical list navigation "vlist"
+ * (de) Vertikale Navigationsliste "vlist"
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 686 $
+ * @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+ */
+
+@media all {
+
+	/* title */
+	h6.ym-vlist {
+		font-family:Arial, Helvetica, sans-serif;
+		font-weight:bold;
+		font-size:100%;
+		width:90%;
+		padding:3px 0px 3px 10%; /* LTR */
+		margin:0;
+		color:#444;
+		background-color:#fff;
+		border-top:2px #ddd solid;
+		border-bottom:4px #888 solid;
+	}
+
+	.ym-vlist {
+		width:100%;
+		overflow:hidden;
+		margin:0 0 1.5em 0;
+		list-style-type:none;
+		border-bottom:2px #ddd solid;
+	}
+
+	.ym-vlist ul {
+		list-style-type:none;
+		margin:0;
+		padding:0;
+	}
+
+	.ym-vlist li {
+		float:left; /* LTR */
+		width:100%;
+		margin:0;
+		padding:0;
+	}
+
+	.ym-vlist a,
+	.ym-vlist strong,
+	.ym-vlist span {
+		display:block;
+		padding:3px 0px 3px 10%;
+		text-decoration:none;
+		border-bottom:1px #ddd solid;
+	}
+
+	.ym-vlist a,
+	.ym-vlist a:visited {
+		color:#444;
+	}
+
+	.ym-vlist li span {
+		display:block;
+		font-weight:bold;
+		border-bottom:1px #ddd solid;
+	}
+
+	/* active list element */
+	.ym-vlist li.active {
+		color:#fff;
+		background-color:#444;
+	}
+
+	.ym-vlist li.active strong {
+		font-weight:bold;
+	}
+
+	/* Level 1 */
+	.ym-vlist li a,
+	.ym-vlist li strong,
+	.ym-vlist li span { width:90%; padding-left:10%; } /* LTR */
+
+	.ym-vlist li a:focus,
+	.ym-vlist li a:hover,
+	.ym-vlist li a:active { background-color:#888; color:#fff; outline: 0 none; }
+
+	/* Level 2 */
+	.ym-vlist li ul li a,
+	.ym-vlist li ul li strong,
+	.ym-vlist li ul li span { width:80%; padding-left:20%; } /* LTR */
+
+	.ym-vlist li ul li a,
+	.ym-vlist li ul li a:visited { background-color:#f8f8f8; color:#333; }
+	.ym-vlist li ul li a:focus,
+	.ym-vlist li ul li a:hover,
+	.ym-vlist li ul li a:active { background-color:#888; color:#fff; }
+
+	/* Level 3 */
+	.ym-vlist li ul li ul li a,
+	.ym-vlist li ul li ul li strong,
+	.ym-vlist li ul li ul li span { width:70%; padding-left:30%; } /* LTR */
+
+	.ym-vlist li ul li ul li a,
+	.ym-vlist li ul li ul li a:visited{ background-color:#f0f0f0; color:#222; }
+	.ym-vlist li ul li ul li a:focus,
+	.ym-vlist li ul li ul li a:hover,
+	.ym-vlist li ul li ul li a:active { background-color:#888; color:#fff; }
+
+	/* Level 4 */
+	.ym-vlist li ul li ul li ul li a,
+	.ym-vlist li ul li ul li ul li strong,
+	.ym-vlist li ul li ul li ul li span { width:60%; padding-left:40%; } /* LTR */
+
+	.ym-vlist li ul li ul li ul li a,
+	.ym-vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color:#111; }
+	.ym-vlist li ul li ul li ul li a:focus,
+	.ym-vlist li ul li ul li ul li a:hover,
+	.ym-vlist li ul li ul li ul li a:active { background-color:#888; color:#fff; }
+}
\ No newline at end of file
diff --git a/css/yaml4/print/.svn/all-wcprops b/css/yaml4/print/.svn/all-wcprops
new file mode 100644
index 0000000..4f256d9
--- /dev/null
+++ b/css/yaml4/print/.svn/all-wcprops
@@ -0,0 +1,11 @@
+K 25
+svn:wc:ra_dav:version-url
+V 72
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/print
+END
+print.css
+K 25
+svn:wc:ra_dav:version-url
+V 82
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/print/print.css
+END
diff --git a/css/yaml4/print/.svn/entries b/css/yaml4/print/.svn/entries
new file mode 100644
index 0000000..5ec4a2c
--- /dev/null
+++ b/css/yaml4/print/.svn/entries
@@ -0,0 +1,69 @@
+9
+
+dir
+206
+https://intern.ccwn.org/svn/Themis/ccwn-themis-static/trunk/WebContent/yaml4/print
+https://intern.ccwn.org/svn/Themis
+
+
+
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+svn:special svn:externals svn:needs-lock
+
+
+
+
+
+
+
+
+
+
+
+e7c95c98-50ad-428d-8ede-669ef7f8c951
+
+
+
+
+
+
+0
+
+print.css
+file
+
+
+
+
+2012-01-22T12:09:38.000000Z
+187a03ce5731ee41fd8839e3bc79f8ad
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+2022
+
diff --git a/css/yaml4/print/.svn/format b/css/yaml4/print/.svn/format
new file mode 100644
index 0000000..ec63514
--- /dev/null
+++ b/css/yaml4/print/.svn/format
@@ -0,0 +1 @@
+9
diff --git a/css/yaml4/print/.svn/text-base/print.css.svn-base b/css/yaml4/print/.svn/text-base/print.css.svn-base
new file mode 100644
index 0000000..a1916da
--- /dev/null
+++ b/css/yaml4/print/.svn/text-base/print.css.svn-base
@@ -0,0 +1,69 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * default print stylesheet
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 686 $
+ * @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+ */
+
+
+@media print {
+
+	/**
+	* @section basic layout preparation
+	*/
+
+	/* (en) change font size unit to [pt] - avoids problems with [px] in Gecko based browsers  	*/
+	/* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit [px] in Gecko-Browsern vermeiden */
+	body {
+		font-size: 10pt;
+		padding: 0 5px;
+	}
+
+	/* (en) Hide unneeded container of the screenlayout in print layout */
+	/* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
+	nav,
+	.ym-searchform {
+		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;
+	}
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/* (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;
+	}
+	*/
+}
\ No newline at end of file
diff --git a/css/yaml4/print/print.css b/css/yaml4/print/print.css
new file mode 100644
index 0000000..a1916da
--- /dev/null
+++ b/css/yaml4/print/print.css
@@ -0,0 +1,69 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * default print stylesheet
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         v4.0
+ * @revision        $Revision: 686 $
+ * @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
+ */
+
+
+@media print {
+
+	/**
+	* @section basic layout preparation
+	*/
+
+	/* (en) change font size unit to [pt] - avoids problems with [px] in Gecko based browsers  	*/
+	/* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit [px] in Gecko-Browsern vermeiden */
+	body {
+		font-size: 10pt;
+		padding: 0 5px;
+	}
+
+	/* (en) Hide unneeded container of the screenlayout in print layout */
+	/* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
+	nav,
+	.ym-searchform {
+		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;
+	}
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/* (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;
+	}
+	*/
+}
\ No newline at end of file
diff --git a/css/yaml4/screen/.svn/all-wcprops b/css/yaml4/screen/.svn/all-wcprops
new file mode 100644
index 0000000..e1b3a22
--- /dev/null
+++ b/css/yaml4/screen/.svn/all-wcprops
@@ -0,0 +1,23 @@
+K 25
+svn:wc:ra_dav:version-url
+V 73
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/screen
+END
+typography-blue.css
+K 25
+svn:wc:ra_dav:version-url
+V 93
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/screen/typography-blue.css
+END
+astaf.css
+K 25
+svn:wc:ra_dav:version-url
+V 83
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/screen/astaf.css
+END
+typography.css
+K 25
+svn:wc:ra_dav:version-url
+V 88
+/svn/Themis/!svn/ver/202/ccwn-themis-static/trunk/WebContent/yaml4/screen/typography.css
+END
diff --git a/css/yaml4/screen/.svn/entries b/css/yaml4/screen/.svn/entries
new file mode 100644
index 0000000..b79549f
--- /dev/null
+++ b/css/yaml4/screen/.svn/entries
@@ -0,0 +1,137 @@
+9
+
+dir
+206
+https://intern.ccwn.org/svn/Themis/ccwn-themis-static/trunk/WebContent/yaml4/screen
+https://intern.ccwn.org/svn/Themis
+
+
+
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+svn:special svn:externals svn:needs-lock
+
+
+
+
+
+
+
+
+
+
+
+e7c95c98-50ad-428d-8ede-669ef7f8c951
+
+
+
+
+
+
+0
+
+typography-blue.css
+file
+
+
+
+
+2012-03-01T08:42:28.548953Z
+4fdac05b1c1893cf26f914208bef7561
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+8802
+
+astaf.css
+file
+
+
+
+
+2012-03-01T08:34:07.957871Z
+cdedd3f153ba0bd4bd1c3187b15ce8a7
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+4161
+
+typography.css
+file
+
+
+
+
+2012-01-25T10:37:32.000000Z
+1ec0ed6d8f671cb7f729c4136cf6e824
+2012-03-01T08:51:06.040110Z
+202
+pseeger
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+8763
+
diff --git a/css/yaml4/screen/.svn/format b/css/yaml4/screen/.svn/format
new file mode 100644
index 0000000..ec63514
--- /dev/null
+++ b/css/yaml4/screen/.svn/format
@@ -0,0 +1 @@
+9
diff --git a/css/yaml4/screen/.svn/text-base/astaf.css.svn-base b/css/yaml4/screen/.svn/text-base/astaf.css.svn-base
new file mode 100644
index 0000000..764f458
--- /dev/null
+++ b/css/yaml4/screen/.svn/text-base/astaf.css.svn-base
@@ -0,0 +1,212 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * default screen stylesheet - FULLPAGE-layout type layout
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.0
+ * @revision        $Revision: 703 $
+ * @lastmodified    $Date: 2012-02-05 11:33:35 +0100 (So, 05 Feb 2012) $
+ */
+
+@media screen {
+
+	/* force vertical scrollbar */
+	body {
+		overflow-y: scroll;
+	}
+
+	/* Layout Module Configuration */
+	.ym-wrapper {
+		max-width: 80em;
+		margin: 0 auto;
+	}
+
+	.ym-wbox {
+		padding: 1.5em;
+	}
+
+	/* fallback for media queries */
+	body > header,
+	body > nav,
+	body > #main,
+	body > footer {
+		min-width: 760px;
+	}
+
+	/* Basic Element Styling */
+	header {
+		background: #161851;
+		color: #b3b5cc;
+	}
+
+	header h1 {
+		background: transparent;
+		color: #fff;
+	}
+
+	nav {
+		background: #090B21;
+	}
+
+	#main .info {
+		margin-bottom: 1.5em;
+	}
+
+	footer {
+		background: #e5e7ff;
+		color: #161851;
+	}
+
+	footer p {
+		margin: 0;
+	}
+
+	header .ym-wbox,
+	footer .ym-wbox {
+		padding: 1.5em;
+	}
+
+	.ym-gbox { padding: 0 1.5em; }
+	.ym-gbox-left { padding: 0 1.5em 0 0; }
+	.ym-gbox-right { padding: 0 0 0 1.5em; }
+
+	section.box { padding: 0 1.5em 1.5em 1.5em; }
+
+	#main aside .ym-gbox-right {
+		border-left: 1px #ddd solid;
+	}
+
+	/* Column-Set Configuration: 1-3 (sidebar left) */
+	/* content */
+	.demo-2col .ym-col1 {
+		width: 75%;
+	}
+	/* sidebar */
+	.demo-2col .ym-col3 {
+		margin-left:75%;
+		margin-right:0;
+	}
+
+	.demo-2col .ym-col1 .ym-cbox { padding: 0 0.75em 0 1.5em; }
+	.demo-2col .ym-col3 .ym-cbox { padding: 0 1.5em 0 0.75em; }
+
+	.demo-2col .ym-gbox { padding: 0 1.5em 0 0; }
+
+	/* skip links styling */
+	.ym-skiplinks a.ym-skip:focus,
+	.ym-skiplinks a.ym-skip:active {
+		color:#fff;
+		background:#333;
+		border-bottom:1px #000 solid;
+		padding:10px 0;
+		text-align: center;
+		text-decoration:none;
+	}
+}
+
+/* reset fallback values in modern browsers */
+@media screen and ( min-width: 0px ) {
+
+	body > header,
+	body > nav,
+	body > #main,
+	body > footer {
+		min-width: 0;
+	}
+}
+
+@media screen and ( max-width: 760px ) {
+
+	.secondary {
+		border-top: 1px #888 solid;
+		margin-top: 1.5em !important;
+	}
+
+	#main aside .ym-gbox-right {
+		border: 0 none;
+	}
+
+	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
+	.linearize-level-1,
+	.linearize-level-1 > [class*="ym-g"],
+	.linearize-level-1 > [class*="ym-col"] {
+		display: block;
+		float: none;
+		margin-left: 0;
+		margin-right: 0;
+		width: 100% !important;
+	}
+
+	.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
+	.linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
+		overflow: hidden; /* optional for containing floats */
+		padding: 0;
+	}
+
+	.ym-searchform {
+		display:block;
+		float: none;
+		width: auto;
+		text-align: right;
+	}
+
+	.ym-searchform input[type="search"] {
+		width: 14%;
+	}
+}
+
+@media screen and ( max-width: 480px) {
+
+	header .ym-wbox {
+		padding: 0.75em 10px;
+	}
+
+	footer .ym-wbox,
+	.ym-wbox,
+	.ym-searchform,
+	nav .ym-hlist ul {
+		padding-left: 10px;
+		padding-right: 10px;
+	}
+
+	header h1 {
+		font-size: 1.5em;
+		line-height: 1em;
+		margin: 0;
+	}
+
+	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
+	.linearize-level-2,
+	.linearize-level-2 > [class*="ym-g"],
+	.linearize-level-2 > [class*="ym-col"] {
+		display: block;
+		float: none;
+		margin-left: 0;
+		margin-right: 0;
+		width: 100% !important;
+	}
+
+	.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
+	.linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
+		overflow: hidden; /* optional for containing floats */
+		padding: 0;
+	}
+
+	.ym-searchform,
+	nav .ym-hlist ul,
+	nav .ym-hlist li {
+		display:block;
+		float: none;
+		width: auto;
+		text-align: left;
+	}
+
+	.ym-searchform input[type="search"] {
+		width: 75%;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/screen/.svn/text-base/typography-blue.css.svn-base b/css/yaml4/screen/.svn/text-base/typography-blue.css.svn-base
new file mode 100644
index 0000000..5582090
--- /dev/null
+++ b/css/yaml4/screen/.svn/text-base/typography-blue.css.svn-base
@@ -0,0 +1,468 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Uniform design of standard content elements
+ * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.0
+ * @revision        $Revision: 692 $
+ * @lastmodified    $Date: 2012-01-25 11:37:31 +0100 (Mi, 25 Jan 2012) $
+ * @appdef yaml
+ */
+
+@media all {
+
+	/**
+	* @section global typography settings
+	*
+	* vertical rhythm settings (based on em-unit)
+	* -------------------------------------------
+	* basefont-size: 14px (87.5%)
+	* line-height  : 21px (factor: 1.5)
+	*/
+
+	/* (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%; }
+
+	/**
+	* (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 14px */
+	/* (de) Basis-Layout erhält Standardschriftgröße von 14 Pixeln */
+	body {
+		font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
+		font-size:87.50%; /* base: 14px */
+		color:#161851;
+
+		/* (en) Prevent auto-scaling of text in mobile webkit browsers */
+		/* (de) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
+		-webkit-text-size-adjust:100%;
+	}
+
+	/*--- Headings | Ãœberschriften ------------------------------------------------------------------------*/
+
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		font-family: "Droid Sans", Arial, Helvetica, sans-serif;
+		font-weight: 400;
+		color:#161e21;
+		margin:0;
+	}
+
+	h1 {
+		font-size:350%;
+		line-height: 0.8571em;
+		margin: 0.4286em 0 0;
+	}
+
+	h2 {
+		font-size:250%;
+		line-height: 1.2em;
+		margin: 0.6em 0 0 0;
+	}
+
+	h3 {
+		font-size:175%;
+		line-height: 0.8571em;
+		margin:0.8571em 0 0 0;
+	}
+
+	h4 {
+		font-size:133.33%;
+		line-height: 1.125em;
+		margin:1.125em 0 0 0;
+	}
+
+	h5 {
+		font-size:116.67%;
+		line-height: 1.2857em;
+		margin: 1.2857em 0 0 0;
+	}
+
+	h6 {
+		font-weight: bold;
+		font-size:100%;
+		line-height: 1.5em;
+		margin: 1.5em 0 0 0;
+	}
+
+	/* --- Lists | Listen  -------------------------------------------------------------------------------- */
+
+	ul,
+	ol,
+	dl {
+		font-size:1em;
+		line-height:1.5em;
+		margin: 1.5em 0 0 1em;
+	}
+
+	ul {
+		list-style-type:disc;
+	}
+
+	ol {
+		list-style-type:decimal;
+	}
+
+	ul ul {
+		list-style-type:circle;
+		margin-top:0;
+	}
+
+	ol ol {
+		list-style-type:lower-latin;
+		margin-top:0;
+	}
+
+	ol ul {
+		list-style-type:circle;
+		margin-top:0;
+	}
+
+	li {
+		font-size:1em;
+		line-height:1.5em;
+		margin-left:0.8em;
+	}
+
+	dt { font-weight:bold; }
+
+	dd { margin:0 0 1.5em 0.8em; }
+
+	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
+
+	p {
+		font-size:1em;
+		line-height:1.5em;
+		margin: 1.5em 0 0 0;
+	}
+
+	blockquote, cite, q {
+		font-family: Georgia, "Times New Roman", Times, serif;
+		font-style:italic;
+	}
+
+	blockquote {
+		margin:1.5em 0 0 1.5em;
+		color:#666;
+	}
+
+	strong, b { font-weight:bold; }
+
+	em, i { font-style:italic; }
+
+	big {
+		font-size:116.667%;
+	}
+
+	small {
+		font-size:85.71%;
+	}
+
+	pre,
+	code,
+	kbd,
+	tt,
+	samp,
+	var {
+		font-size:100%;
+	}
+
+	pre {
+		line-height:1.5em;
+		margin: 1.5em 0 0 0;
+		white-space: pre;
+		white-space: pre-wrap;
+		word-wrap: break-word;
+	}
+	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,
+	sup {
+		font-size: 75%;
+		line-height: 0;
+		position: relative;
+		vertical-align: baseline;
+	}
+
+	sup { top: -0.5em; }
+	sub { bottom: -0.25em; }
+
+	mark {
+		background: #ff0;
+		color: #000;
+	}
+
+	hr {
+		color:#fff;
+		background:transparent;
+		margin:0 0 0.75em 0;
+		padding:0 0 0.75em 0;
+		border:0;
+		border-bottom:1px #e5e7ff solid;
+	}
+
+	/*--- Links ----------------------------------------------------------------------------------------- */
+
+	a {
+		color:#4D87C7;
+		background:transparent;
+		text-decoration:none;
+	}
+
+	a:active { outline: none; }
+
+	/* (en) maximum constrast for tab focus - change with great care */
+	/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
+	a:hover,
+	a:focus {
+		background-color: #800;
+		color:#fff;
+		text-decoration:none;
+	}
+
+	/* --- images ------------------ */
+
+	img,
+	figure {
+		margin: 0;
+	}
+
+	.flexible {
+		margin-top: 1.5em;
+		max-width: 100%;
+	}
+
+	* html .flexible {	/* IE6 support */
+		width: 98%;		/* 2% space for borders */
+	}
+
+	.bordered {
+		margin-top: 1.5em;
+		border: 2px #e5e7ff solid;
+		border: 2px rgba(255,255,255,1) solid;
+		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
+		-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
+		box-shadow: 0 0 3px rgba(0,0,0,.25);
+	}
+
+	/**
+	* ----------------------------------------------------------------------- #
+	*
+	* 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;
+	}
+
+	.box {
+		border-radius: 0.3em;
+		border-width: 1px;
+		border-style: solid;
+		border-color: #888;
+		border-color: rgba(0,0,0,.3);
+		-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
+		-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
+		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
+		color: #161851;
+		color: rgba(0,0,0,.8);
+		padding: 1.4286em;
+		margin: 1.5em 0 0 0;
+	}
+
+	.box > *:first-child {
+		margin-top: 0;
+	}
+
+	.label {
+		font-family: Verdana, Geneva, sans-serif;
+		padding: 1px 6px 2px;
+		display: inline-block;
+		vertical-align:middle;
+		letter-spacing: normal;
+		white-space:nowrap;
+		-webkit-border-radius: 3px;
+		-moz-border-radius: 3px;
+		border-radius: 3px;
+		background: #06C;
+		color: #fff;
+		font-size: 10px;
+		line-height: 12px;
+	}
+
+	.info {
+		background:#E0E2FF;
+	}
+
+	.success {
+		background:#8c8;
+	}
+
+	.warning {
+		background:#cc8;
+	}
+
+	.error {
+		background:#c88;
+	}
+
+	.float-left {
+		float:left;
+		display:inline;
+		margin: 1.5em 1em 0 0;
+	}
+
+	.float-right {
+		float:right;
+		display:inline;
+		margin: 1.5em 0 0 1em;
+	}
+
+	.center {
+		display:block;
+		text-align:center;
+		margin: 1.5em auto 0 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:100%;
+		border-collapse:collapse;
+		margin: 1.3571em 0 0 0;
+		color:#333;
+		border-top: 1px #b3b5cc solid;
+		border-bottom: 1px #b3b5cc solid;
+	}
+
+	table.narrow {
+		margin:  1.4286em 0 0 0;
+	}
+
+	table.narrow th,
+	table.narrow td {
+		padding: 0 0.5em;
+		line-height: 1.4286em;
+	}
+
+	table.bordertable {
+		border:1px #b3b5cc solid;
+	}
+
+	table caption {
+		font-variant:small-caps;
+	}
+
+	th, td {
+		line-height: 1.5em;
+		vertical-align: top;
+		padding: 0.7143em 0.5em;
+	}
+
+	th *:first-child,
+	td *:first-child {
+		margin-top: 0;
+	}
+
+	th.nowrap,
+	td.nowrap {
+		white-space: nowrap;
+	}
+
+	thead th {
+		text-align: left;
+		color:#000;
+		border-bottom:2px #000 solid;
+	}
+
+	.bordertable thead th {
+		background:#e0e0e0;
+		border-right:1px #b3b5cc solid;
+		border-bottom:1px #b3b5cc solid;
+	}
+
+	.bordertable tbody th[scope="row"] {
+		background:#f0f0f0;
+	}
+
+	tbody th {
+		text-align: left;
+		border-top:1px solid #b3b5cc;
+		text-align:left;
+	}
+
+	.bordertable tbody th {
+		border-right:1px solid #b3b5cc;
+	}
+
+	tbody td {
+		text-align: left;
+		border-top:1px solid #b3b5cc;
+	}
+
+	.bordertable tbody td {
+		border-right:1px solid #b3b5cc;
+	}
+
+	/* highlight row on mouse over */
+	tbody tr:hover th,
+	tbody tr:hover td {
+		background:#f8f8f8;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/screen/.svn/text-base/typography.css.svn-base b/css/yaml4/screen/.svn/text-base/typography.css.svn-base
new file mode 100644
index 0000000..c287185
--- /dev/null
+++ b/css/yaml4/screen/.svn/text-base/typography.css.svn-base
@@ -0,0 +1,468 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Uniform design of standard content elements
+ * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.0
+ * @revision        $Revision: 692 $
+ * @lastmodified    $Date: 2012-01-25 11:37:31 +0100 (Mi, 25 Jan 2012) $
+ * @appdef yaml
+ */
+
+@media all {
+
+	/**
+	* @section global typography settings
+	*
+	* vertical rhythm settings (based on em-unit)
+	* -------------------------------------------
+	* basefont-size: 14px (87.5%)
+	* line-height  : 21px (factor: 1.5)
+	*/
+
+	/* (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%; }
+
+	/**
+	* (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 14px */
+	/* (de) Basis-Layout erhält Standardschriftgröße von 14 Pixeln */
+	body {
+		font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
+		font-size:87.50%; /* base: 14px */
+		color:#444;
+
+		/* (en) Prevent auto-scaling of text in mobile webkit browsers */
+		/* (de) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
+		-webkit-text-size-adjust:100%;
+	}
+
+	/*--- Headings | Ãœberschriften ------------------------------------------------------------------------*/
+
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		font-family: "Droid Sans", Arial, Helvetica, sans-serif;
+		font-weight: 400;
+		color:#161e21;
+		margin:0;
+	}
+
+	h1 {
+		font-size:350%;
+		line-height: 0.8571em;
+		margin: 0.4286em 0 0;
+	}
+
+	h2 {
+		font-size:250%;
+		line-height: 1.2em;
+		margin: 0.6em 0 0 0;
+	}
+
+	h3 {
+		font-size:175%;
+		line-height: 0.8571em;
+		margin:0.8571em 0 0 0;
+	}
+
+	h4 {
+		font-size:133.33%;
+		line-height: 1.125em;
+		margin:1.125em 0 0 0;
+	}
+
+	h5 {
+		font-size:116.67%;
+		line-height: 1.2857em;
+		margin: 1.2857em 0 0 0;
+	}
+
+	h6 {
+		font-weight: bold;
+		font-size:100%;
+		line-height: 1.5em;
+		margin: 1.5em 0 0 0;
+	}
+
+	/* --- Lists | Listen  -------------------------------------------------------------------------------- */
+
+	ul,
+	ol,
+	dl {
+		font-size:1em;
+		line-height:1.5em;
+		margin: 1.5em 0 0 1em;
+	}
+
+	ul {
+		list-style-type:disc;
+	}
+
+	ol {
+		list-style-type:decimal;
+	}
+
+	ul ul {
+		list-style-type:circle;
+		margin-top:0;
+	}
+
+	ol ol {
+		list-style-type:lower-latin;
+		margin-top:0;
+	}
+
+	ol ul {
+		list-style-type:circle;
+		margin-top:0;
+	}
+
+	li {
+		font-size:1em;
+		line-height:1.5em;
+		margin-left:0.8em;
+	}
+
+	dt { font-weight:bold; }
+
+	dd { margin:0 0 1.5em 0.8em; }
+
+	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
+
+	p {
+		font-size:1em;
+		line-height:1.5em;
+		margin: 1.5em 0 0 0;
+	}
+
+	blockquote, cite, q {
+		font-family: Georgia, "Times New Roman", Times, serif;
+		font-style:italic;
+	}
+
+	blockquote {
+		margin:1.5em 0 0 1.5em;
+		color:#666;
+	}
+
+	strong, b { font-weight:bold; }
+
+	em, i { font-style:italic; }
+
+	big {
+		font-size:116.667%;
+	}
+
+	small {
+		font-size:85.71%;
+	}
+
+	pre,
+	code,
+	kbd,
+	tt,
+	samp,
+	var {
+		font-size:100%;
+	}
+
+	pre {
+		line-height:1.5em;
+		margin: 1.5em 0 0 0;
+		white-space: pre;
+		white-space: pre-wrap;
+		word-wrap: break-word;
+	}
+	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,
+	sup {
+		font-size: 75%;
+		line-height: 0;
+		position: relative;
+		vertical-align: baseline;
+	}
+
+	sup { top: -0.5em; }
+	sub { bottom: -0.25em; }
+
+	mark {
+		background: #ff0;
+		color: #000;
+	}
+
+	hr {
+		color:#fff;
+		background:transparent;
+		margin:0 0 0.75em 0;
+		padding:0 0 0.75em 0;
+		border:0;
+		border-bottom:1px #eee solid;
+	}
+
+	/*--- Links ----------------------------------------------------------------------------------------- */
+
+	a {
+		color:#4D87C7;
+		background:transparent;
+		text-decoration:none;
+	}
+
+	a:active { outline: none; }
+
+	/* (en) maximum constrast for tab focus - change with great care */
+	/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
+	a:hover,
+	a:focus {
+		background-color: #800;
+		color:#fff;
+		text-decoration:none;
+	}
+
+	/* --- images ------------------ */
+
+	img,
+	figure {
+		margin: 0;
+	}
+
+	.flexible {
+		margin-top: 1.5em;
+		max-width: 100%;
+	}
+
+	* html .flexible {	/* IE6 support */
+		width: 98%;		/* 2% space for borders */
+	}
+
+	.bordered {
+		margin-top: 1.5em;
+		border: 2px #eee solid;
+		border: 2px rgba(255,255,255,1) solid;
+		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
+		-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
+		box-shadow: 0 0 3px rgba(0,0,0,.25);
+	}
+
+	/**
+	* ----------------------------------------------------------------------- #
+	*
+	* 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;
+	}
+
+	.box {
+		border-radius: 0.3em;
+		border-width: 1px;
+		border-style: solid;
+		border-color: #888;
+		border-color: rgba(0,0,0,.3);
+		-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
+		-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
+		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
+		color: #444;
+		color: rgba(0,0,0,.8);
+		padding: 1.4286em;
+		margin: 1.5em 0 0 0;
+	}
+
+	.box > *:first-child {
+		margin-top: 0;
+	}
+
+	.label {
+		font-family: Verdana, Geneva, sans-serif;
+		padding: 1px 6px 2px;
+		display: inline-block;
+		vertical-align:middle;
+		letter-spacing: normal;
+		white-space:nowrap;
+		-webkit-border-radius: 3px;
+		-moz-border-radius: 3px;
+		border-radius: 3px;
+		background: #06C;
+		color: #fff;
+		font-size: 10px;
+		line-height: 12px;
+	}
+
+	.info {
+		background:#f4f4f4;
+	}
+
+	.success {
+		background:#8c8;
+	}
+
+	.warning {
+		background:#cc8;
+	}
+
+	.error {
+		background:#c88;
+	}
+
+	.float-left {
+		float:left;
+		display:inline;
+		margin: 1.5em 1em 0 0;
+	}
+
+	.float-right {
+		float:right;
+		display:inline;
+		margin: 1.5em 0 0 1em;
+	}
+
+	.center {
+		display:block;
+		text-align:center;
+		margin: 1.5em auto 0 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:100%;
+		border-collapse:collapse;
+		margin: 1.3571em 0 0 0;
+		color:#333;
+		border-top: 1px #ccc solid;
+		border-bottom: 1px #ccc solid;
+	}
+
+	table.narrow {
+		margin:  1.4286em 0 0 0;
+	}
+
+	table.narrow th,
+	table.narrow td {
+		padding: 0 0.5em;
+		line-height: 1.4286em;
+	}
+
+	table.bordertable {
+		border:1px #ccc solid;
+	}
+
+	table caption {
+		font-variant:small-caps;
+	}
+
+	th, td {
+		line-height: 1.5em;
+		vertical-align: top;
+		padding: 0.7143em 0.5em;
+	}
+
+	th *:first-child,
+	td *:first-child {
+		margin-top: 0;
+	}
+
+	th.nowrap,
+	td.nowrap {
+		white-space: nowrap;
+	}
+
+	thead th {
+		text-align: left;
+		color:#000;
+		border-bottom:2px #000 solid;
+	}
+
+	.bordertable thead th {
+		background:#e0e0e0;
+		border-right:1px #ccc solid;
+		border-bottom:1px #ccc solid;
+	}
+
+	.bordertable tbody th[scope="row"] {
+		background:#f0f0f0;
+	}
+
+	tbody th {
+		text-align: left;
+		border-top:1px solid #ccc;
+		text-align:left;
+	}
+
+	.bordertable tbody th {
+		border-right:1px solid #ccc;
+	}
+
+	tbody td {
+		text-align: left;
+		border-top:1px solid #ccc;
+	}
+
+	.bordertable tbody td {
+		border-right:1px solid #ccc;
+	}
+
+	/* highlight row on mouse over */
+	tbody tr:hover th,
+	tbody tr:hover td {
+		background:#f8f8f8;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/screen/astaf.css b/css/yaml4/screen/astaf.css
new file mode 100644
index 0000000..764f458
--- /dev/null
+++ b/css/yaml4/screen/astaf.css
@@ -0,0 +1,212 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * default screen stylesheet - FULLPAGE-layout type layout
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.0
+ * @revision        $Revision: 703 $
+ * @lastmodified    $Date: 2012-02-05 11:33:35 +0100 (So, 05 Feb 2012) $
+ */
+
+@media screen {
+
+	/* force vertical scrollbar */
+	body {
+		overflow-y: scroll;
+	}
+
+	/* Layout Module Configuration */
+	.ym-wrapper {
+		max-width: 80em;
+		margin: 0 auto;
+	}
+
+	.ym-wbox {
+		padding: 1.5em;
+	}
+
+	/* fallback for media queries */
+	body > header,
+	body > nav,
+	body > #main,
+	body > footer {
+		min-width: 760px;
+	}
+
+	/* Basic Element Styling */
+	header {
+		background: #161851;
+		color: #b3b5cc;
+	}
+
+	header h1 {
+		background: transparent;
+		color: #fff;
+	}
+
+	nav {
+		background: #090B21;
+	}
+
+	#main .info {
+		margin-bottom: 1.5em;
+	}
+
+	footer {
+		background: #e5e7ff;
+		color: #161851;
+	}
+
+	footer p {
+		margin: 0;
+	}
+
+	header .ym-wbox,
+	footer .ym-wbox {
+		padding: 1.5em;
+	}
+
+	.ym-gbox { padding: 0 1.5em; }
+	.ym-gbox-left { padding: 0 1.5em 0 0; }
+	.ym-gbox-right { padding: 0 0 0 1.5em; }
+
+	section.box { padding: 0 1.5em 1.5em 1.5em; }
+
+	#main aside .ym-gbox-right {
+		border-left: 1px #ddd solid;
+	}
+
+	/* Column-Set Configuration: 1-3 (sidebar left) */
+	/* content */
+	.demo-2col .ym-col1 {
+		width: 75%;
+	}
+	/* sidebar */
+	.demo-2col .ym-col3 {
+		margin-left:75%;
+		margin-right:0;
+	}
+
+	.demo-2col .ym-col1 .ym-cbox { padding: 0 0.75em 0 1.5em; }
+	.demo-2col .ym-col3 .ym-cbox { padding: 0 1.5em 0 0.75em; }
+
+	.demo-2col .ym-gbox { padding: 0 1.5em 0 0; }
+
+	/* skip links styling */
+	.ym-skiplinks a.ym-skip:focus,
+	.ym-skiplinks a.ym-skip:active {
+		color:#fff;
+		background:#333;
+		border-bottom:1px #000 solid;
+		padding:10px 0;
+		text-align: center;
+		text-decoration:none;
+	}
+}
+
+/* reset fallback values in modern browsers */
+@media screen and ( min-width: 0px ) {
+
+	body > header,
+	body > nav,
+	body > #main,
+	body > footer {
+		min-width: 0;
+	}
+}
+
+@media screen and ( max-width: 760px ) {
+
+	.secondary {
+		border-top: 1px #888 solid;
+		margin-top: 1.5em !important;
+	}
+
+	#main aside .ym-gbox-right {
+		border: 0 none;
+	}
+
+	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
+	.linearize-level-1,
+	.linearize-level-1 > [class*="ym-g"],
+	.linearize-level-1 > [class*="ym-col"] {
+		display: block;
+		float: none;
+		margin-left: 0;
+		margin-right: 0;
+		width: 100% !important;
+	}
+
+	.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
+	.linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
+		overflow: hidden; /* optional for containing floats */
+		padding: 0;
+	}
+
+	.ym-searchform {
+		display:block;
+		float: none;
+		width: auto;
+		text-align: right;
+	}
+
+	.ym-searchform input[type="search"] {
+		width: 14%;
+	}
+}
+
+@media screen and ( max-width: 480px) {
+
+	header .ym-wbox {
+		padding: 0.75em 10px;
+	}
+
+	footer .ym-wbox,
+	.ym-wbox,
+	.ym-searchform,
+	nav .ym-hlist ul {
+		padding-left: 10px;
+		padding-right: 10px;
+	}
+
+	header h1 {
+		font-size: 1.5em;
+		line-height: 1em;
+		margin: 0;
+	}
+
+	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
+	.linearize-level-2,
+	.linearize-level-2 > [class*="ym-g"],
+	.linearize-level-2 > [class*="ym-col"] {
+		display: block;
+		float: none;
+		margin-left: 0;
+		margin-right: 0;
+		width: 100% !important;
+	}
+
+	.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
+	.linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
+		overflow: hidden; /* optional for containing floats */
+		padding: 0;
+	}
+
+	.ym-searchform,
+	nav .ym-hlist ul,
+	nav .ym-hlist li {
+		display:block;
+		float: none;
+		width: auto;
+		text-align: left;
+	}
+
+	.ym-searchform input[type="search"] {
+		width: 75%;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/screen/typography-blue.css b/css/yaml4/screen/typography-blue.css
new file mode 100644
index 0000000..5582090
--- /dev/null
+++ b/css/yaml4/screen/typography-blue.css
@@ -0,0 +1,468 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Uniform design of standard content elements
+ * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.0
+ * @revision        $Revision: 692 $
+ * @lastmodified    $Date: 2012-01-25 11:37:31 +0100 (Mi, 25 Jan 2012) $
+ * @appdef yaml
+ */
+
+@media all {
+
+	/**
+	* @section global typography settings
+	*
+	* vertical rhythm settings (based on em-unit)
+	* -------------------------------------------
+	* basefont-size: 14px (87.5%)
+	* line-height  : 21px (factor: 1.5)
+	*/
+
+	/* (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%; }
+
+	/**
+	* (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 14px */
+	/* (de) Basis-Layout erhält Standardschriftgröße von 14 Pixeln */
+	body {
+		font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
+		font-size:87.50%; /* base: 14px */
+		color:#161851;
+
+		/* (en) Prevent auto-scaling of text in mobile webkit browsers */
+		/* (de) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
+		-webkit-text-size-adjust:100%;
+	}
+
+	/*--- Headings | Ãœberschriften ------------------------------------------------------------------------*/
+
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		font-family: "Droid Sans", Arial, Helvetica, sans-serif;
+		font-weight: 400;
+		color:#161e21;
+		margin:0;
+	}
+
+	h1 {
+		font-size:350%;
+		line-height: 0.8571em;
+		margin: 0.4286em 0 0;
+	}
+
+	h2 {
+		font-size:250%;
+		line-height: 1.2em;
+		margin: 0.6em 0 0 0;
+	}
+
+	h3 {
+		font-size:175%;
+		line-height: 0.8571em;
+		margin:0.8571em 0 0 0;
+	}
+
+	h4 {
+		font-size:133.33%;
+		line-height: 1.125em;
+		margin:1.125em 0 0 0;
+	}
+
+	h5 {
+		font-size:116.67%;
+		line-height: 1.2857em;
+		margin: 1.2857em 0 0 0;
+	}
+
+	h6 {
+		font-weight: bold;
+		font-size:100%;
+		line-height: 1.5em;
+		margin: 1.5em 0 0 0;
+	}
+
+	/* --- Lists | Listen  -------------------------------------------------------------------------------- */
+
+	ul,
+	ol,
+	dl {
+		font-size:1em;
+		line-height:1.5em;
+		margin: 1.5em 0 0 1em;
+	}
+
+	ul {
+		list-style-type:disc;
+	}
+
+	ol {
+		list-style-type:decimal;
+	}
+
+	ul ul {
+		list-style-type:circle;
+		margin-top:0;
+	}
+
+	ol ol {
+		list-style-type:lower-latin;
+		margin-top:0;
+	}
+
+	ol ul {
+		list-style-type:circle;
+		margin-top:0;
+	}
+
+	li {
+		font-size:1em;
+		line-height:1.5em;
+		margin-left:0.8em;
+	}
+
+	dt { font-weight:bold; }
+
+	dd { margin:0 0 1.5em 0.8em; }
+
+	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
+
+	p {
+		font-size:1em;
+		line-height:1.5em;
+		margin: 1.5em 0 0 0;
+	}
+
+	blockquote, cite, q {
+		font-family: Georgia, "Times New Roman", Times, serif;
+		font-style:italic;
+	}
+
+	blockquote {
+		margin:1.5em 0 0 1.5em;
+		color:#666;
+	}
+
+	strong, b { font-weight:bold; }
+
+	em, i { font-style:italic; }
+
+	big {
+		font-size:116.667%;
+	}
+
+	small {
+		font-size:85.71%;
+	}
+
+	pre,
+	code,
+	kbd,
+	tt,
+	samp,
+	var {
+		font-size:100%;
+	}
+
+	pre {
+		line-height:1.5em;
+		margin: 1.5em 0 0 0;
+		white-space: pre;
+		white-space: pre-wrap;
+		word-wrap: break-word;
+	}
+	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,
+	sup {
+		font-size: 75%;
+		line-height: 0;
+		position: relative;
+		vertical-align: baseline;
+	}
+
+	sup { top: -0.5em; }
+	sub { bottom: -0.25em; }
+
+	mark {
+		background: #ff0;
+		color: #000;
+	}
+
+	hr {
+		color:#fff;
+		background:transparent;
+		margin:0 0 0.75em 0;
+		padding:0 0 0.75em 0;
+		border:0;
+		border-bottom:1px #e5e7ff solid;
+	}
+
+	/*--- Links ----------------------------------------------------------------------------------------- */
+
+	a {
+		color:#4D87C7;
+		background:transparent;
+		text-decoration:none;
+	}
+
+	a:active { outline: none; }
+
+	/* (en) maximum constrast for tab focus - change with great care */
+	/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
+	a:hover,
+	a:focus {
+		background-color: #800;
+		color:#fff;
+		text-decoration:none;
+	}
+
+	/* --- images ------------------ */
+
+	img,
+	figure {
+		margin: 0;
+	}
+
+	.flexible {
+		margin-top: 1.5em;
+		max-width: 100%;
+	}
+
+	* html .flexible {	/* IE6 support */
+		width: 98%;		/* 2% space for borders */
+	}
+
+	.bordered {
+		margin-top: 1.5em;
+		border: 2px #e5e7ff solid;
+		border: 2px rgba(255,255,255,1) solid;
+		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
+		-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
+		box-shadow: 0 0 3px rgba(0,0,0,.25);
+	}
+
+	/**
+	* ----------------------------------------------------------------------- #
+	*
+	* 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;
+	}
+
+	.box {
+		border-radius: 0.3em;
+		border-width: 1px;
+		border-style: solid;
+		border-color: #888;
+		border-color: rgba(0,0,0,.3);
+		-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
+		-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
+		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
+		color: #161851;
+		color: rgba(0,0,0,.8);
+		padding: 1.4286em;
+		margin: 1.5em 0 0 0;
+	}
+
+	.box > *:first-child {
+		margin-top: 0;
+	}
+
+	.label {
+		font-family: Verdana, Geneva, sans-serif;
+		padding: 1px 6px 2px;
+		display: inline-block;
+		vertical-align:middle;
+		letter-spacing: normal;
+		white-space:nowrap;
+		-webkit-border-radius: 3px;
+		-moz-border-radius: 3px;
+		border-radius: 3px;
+		background: #06C;
+		color: #fff;
+		font-size: 10px;
+		line-height: 12px;
+	}
+
+	.info {
+		background:#E0E2FF;
+	}
+
+	.success {
+		background:#8c8;
+	}
+
+	.warning {
+		background:#cc8;
+	}
+
+	.error {
+		background:#c88;
+	}
+
+	.float-left {
+		float:left;
+		display:inline;
+		margin: 1.5em 1em 0 0;
+	}
+
+	.float-right {
+		float:right;
+		display:inline;
+		margin: 1.5em 0 0 1em;
+	}
+
+	.center {
+		display:block;
+		text-align:center;
+		margin: 1.5em auto 0 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:100%;
+		border-collapse:collapse;
+		margin: 1.3571em 0 0 0;
+		color:#333;
+		border-top: 1px #b3b5cc solid;
+		border-bottom: 1px #b3b5cc solid;
+	}
+
+	table.narrow {
+		margin:  1.4286em 0 0 0;
+	}
+
+	table.narrow th,
+	table.narrow td {
+		padding: 0 0.5em;
+		line-height: 1.4286em;
+	}
+
+	table.bordertable {
+		border:1px #b3b5cc solid;
+	}
+
+	table caption {
+		font-variant:small-caps;
+	}
+
+	th, td {
+		line-height: 1.5em;
+		vertical-align: top;
+		padding: 0.7143em 0.5em;
+	}
+
+	th *:first-child,
+	td *:first-child {
+		margin-top: 0;
+	}
+
+	th.nowrap,
+	td.nowrap {
+		white-space: nowrap;
+	}
+
+	thead th {
+		text-align: left;
+		color:#000;
+		border-bottom:2px #000 solid;
+	}
+
+	.bordertable thead th {
+		background:#e0e0e0;
+		border-right:1px #b3b5cc solid;
+		border-bottom:1px #b3b5cc solid;
+	}
+
+	.bordertable tbody th[scope="row"] {
+		background:#f0f0f0;
+	}
+
+	tbody th {
+		text-align: left;
+		border-top:1px solid #b3b5cc;
+		text-align:left;
+	}
+
+	.bordertable tbody th {
+		border-right:1px solid #b3b5cc;
+	}
+
+	tbody td {
+		text-align: left;
+		border-top:1px solid #b3b5cc;
+	}
+
+	.bordertable tbody td {
+		border-right:1px solid #b3b5cc;
+	}
+
+	/* highlight row on mouse over */
+	tbody tr:hover th,
+	tbody tr:hover td {
+		background:#f8f8f8;
+	}
+}
\ No newline at end of file
diff --git a/css/yaml4/screen/typography.css b/css/yaml4/screen/typography.css
new file mode 100644
index 0000000..c287185
--- /dev/null
+++ b/css/yaml4/screen/typography.css
@@ -0,0 +1,468 @@
+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *
+ * (en) Uniform design of standard content elements
+ * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
+ *
+ * @copyright       Copyright 2005-2012, Dirk Jesse
+ * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-CDL (http://www.yaml.de/license.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         4.0
+ * @revision        $Revision: 692 $
+ * @lastmodified    $Date: 2012-01-25 11:37:31 +0100 (Mi, 25 Jan 2012) $
+ * @appdef yaml
+ */
+
+@media all {
+
+	/**
+	* @section global typography settings
+	*
+	* vertical rhythm settings (based on em-unit)
+	* -------------------------------------------
+	* basefont-size: 14px (87.5%)
+	* line-height  : 21px (factor: 1.5)
+	*/
+
+	/* (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%; }
+
+	/**
+	* (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 14px */
+	/* (de) Basis-Layout erhält Standardschriftgröße von 14 Pixeln */
+	body {
+		font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
+		font-size:87.50%; /* base: 14px */
+		color:#444;
+
+		/* (en) Prevent auto-scaling of text in mobile webkit browsers */
+		/* (de) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
+		-webkit-text-size-adjust:100%;
+	}
+
+	/*--- Headings | Ãœberschriften ------------------------------------------------------------------------*/
+
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		font-family: "Droid Sans", Arial, Helvetica, sans-serif;
+		font-weight: 400;
+		color:#161e21;
+		margin:0;
+	}
+
+	h1 {
+		font-size:350%;
+		line-height: 0.8571em;
+		margin: 0.4286em 0 0;
+	}
+
+	h2 {
+		font-size:250%;
+		line-height: 1.2em;
+		margin: 0.6em 0 0 0;
+	}
+
+	h3 {
+		font-size:175%;
+		line-height: 0.8571em;
+		margin:0.8571em 0 0 0;
+	}
+
+	h4 {
+		font-size:133.33%;
+		line-height: 1.125em;
+		margin:1.125em 0 0 0;
+	}
+
+	h5 {
+		font-size:116.67%;
+		line-height: 1.2857em;
+		margin: 1.2857em 0 0 0;
+	}
+
+	h6 {
+		font-weight: bold;
+		font-size:100%;
+		line-height: 1.5em;
+		margin: 1.5em 0 0 0;
+	}
+
+	/* --- Lists | Listen  -------------------------------------------------------------------------------- */
+
+	ul,
+	ol,
+	dl {
+		font-size:1em;
+		line-height:1.5em;
+		margin: 1.5em 0 0 1em;
+	}
+
+	ul {
+		list-style-type:disc;
+	}
+
+	ol {
+		list-style-type:decimal;
+	}
+
+	ul ul {
+		list-style-type:circle;
+		margin-top:0;
+	}
+
+	ol ol {
+		list-style-type:lower-latin;
+		margin-top:0;
+	}
+
+	ol ul {
+		list-style-type:circle;
+		margin-top:0;
+	}
+
+	li {
+		font-size:1em;
+		line-height:1.5em;
+		margin-left:0.8em;
+	}
+
+	dt { font-weight:bold; }
+
+	dd { margin:0 0 1.5em 0.8em; }
+
+	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
+
+	p {
+		font-size:1em;
+		line-height:1.5em;
+		margin: 1.5em 0 0 0;
+	}
+
+	blockquote, cite, q {
+		font-family: Georgia, "Times New Roman", Times, serif;
+		font-style:italic;
+	}
+
+	blockquote {
+		margin:1.5em 0 0 1.5em;
+		color:#666;
+	}
+
+	strong, b { font-weight:bold; }
+
+	em, i { font-style:italic; }
+
+	big {
+		font-size:116.667%;
+	}
+
+	small {
+		font-size:85.71%;
+	}
+
+	pre,
+	code,
+	kbd,
+	tt,
+	samp,
+	var {
+		font-size:100%;
+	}
+
+	pre {
+		line-height:1.5em;
+		margin: 1.5em 0 0 0;
+		white-space: pre;
+		white-space: pre-wrap;
+		word-wrap: break-word;
+	}
+	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,
+	sup {
+		font-size: 75%;
+		line-height: 0;
+		position: relative;
+		vertical-align: baseline;
+	}
+
+	sup { top: -0.5em; }
+	sub { bottom: -0.25em; }
+
+	mark {
+		background: #ff0;
+		color: #000;
+	}
+
+	hr {
+		color:#fff;
+		background:transparent;
+		margin:0 0 0.75em 0;
+		padding:0 0 0.75em 0;
+		border:0;
+		border-bottom:1px #eee solid;
+	}
+
+	/*--- Links ----------------------------------------------------------------------------------------- */
+
+	a {
+		color:#4D87C7;
+		background:transparent;
+		text-decoration:none;
+	}
+
+	a:active { outline: none; }
+
+	/* (en) maximum constrast for tab focus - change with great care */
+	/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
+	a:hover,
+	a:focus {
+		background-color: #800;
+		color:#fff;
+		text-decoration:none;
+	}
+
+	/* --- images ------------------ */
+
+	img,
+	figure {
+		margin: 0;
+	}
+
+	.flexible {
+		margin-top: 1.5em;
+		max-width: 100%;
+	}
+
+	* html .flexible {	/* IE6 support */
+		width: 98%;		/* 2% space for borders */
+	}
+
+	.bordered {
+		margin-top: 1.5em;
+		border: 2px #eee solid;
+		border: 2px rgba(255,255,255,1) solid;
+		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
+		-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
+		box-shadow: 0 0 3px rgba(0,0,0,.25);
+	}
+
+	/**
+	* ----------------------------------------------------------------------- #
+	*
+	* 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;
+	}
+
+	.box {
+		border-radius: 0.3em;
+		border-width: 1px;
+		border-style: solid;
+		border-color: #888;
+		border-color: rgba(0,0,0,.3);
+		-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
+		-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
+		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
+		color: #444;
+		color: rgba(0,0,0,.8);
+		padding: 1.4286em;
+		margin: 1.5em 0 0 0;
+	}
+
+	.box > *:first-child {
+		margin-top: 0;
+	}
+
+	.label {
+		font-family: Verdana, Geneva, sans-serif;
+		padding: 1px 6px 2px;
+		display: inline-block;
+		vertical-align:middle;
+		letter-spacing: normal;
+		white-space:nowrap;
+		-webkit-border-radius: 3px;
+		-moz-border-radius: 3px;
+		border-radius: 3px;
+		background: #06C;
+		color: #fff;
+		font-size: 10px;
+		line-height: 12px;
+	}
+
+	.info {
+		background:#f4f4f4;
+	}
+
+	.success {
+		background:#8c8;
+	}
+
+	.warning {
+		background:#cc8;
+	}
+
+	.error {
+		background:#c88;
+	}
+
+	.float-left {
+		float:left;
+		display:inline;
+		margin: 1.5em 1em 0 0;
+	}
+
+	.float-right {
+		float:right;
+		display:inline;
+		margin: 1.5em 0 0 1em;
+	}
+
+	.center {
+		display:block;
+		text-align:center;
+		margin: 1.5em auto 0 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:100%;
+		border-collapse:collapse;
+		margin: 1.3571em 0 0 0;
+		color:#333;
+		border-top: 1px #ccc solid;
+		border-bottom: 1px #ccc solid;
+	}
+
+	table.narrow {
+		margin:  1.4286em 0 0 0;
+	}
+
+	table.narrow th,
+	table.narrow td {
+		padding: 0 0.5em;
+		line-height: 1.4286em;
+	}
+
+	table.bordertable {
+		border:1px #ccc solid;
+	}
+
+	table caption {
+		font-variant:small-caps;
+	}
+
+	th, td {
+		line-height: 1.5em;
+		vertical-align: top;
+		padding: 0.7143em 0.5em;
+	}
+
+	th *:first-child,
+	td *:first-child {
+		margin-top: 0;
+	}
+
+	th.nowrap,
+	td.nowrap {
+		white-space: nowrap;
+	}
+
+	thead th {
+		text-align: left;
+		color:#000;
+		border-bottom:2px #000 solid;
+	}
+
+	.bordertable thead th {
+		background:#e0e0e0;
+		border-right:1px #ccc solid;
+		border-bottom:1px #ccc solid;
+	}
+
+	.bordertable tbody th[scope="row"] {
+		background:#f0f0f0;
+	}
+
+	tbody th {
+		text-align: left;
+		border-top:1px solid #ccc;
+		text-align:left;
+	}
+
+	.bordertable tbody th {
+		border-right:1px solid #ccc;
+	}
+
+	tbody td {
+		text-align: left;
+		border-top:1px solid #ccc;
+	}
+
+	.bordertable tbody td {
+		border-right:1px solid #ccc;
+	}
+
+	/* highlight row on mouse over */
+	tbody tr:hover th,
+	tbody tr:hover td {
+		background:#f8f8f8;
+	}
+}
\ No newline at end of file
diff --git a/protected/config/main.php b/protected/config/main.php
index 32a7021..ca66538 100644
--- a/protected/config/main.php
+++ b/protected/config/main.php
@@ -7,8 +7,9 @@
 // CWebApplication properties can be configured here.
 return array(
 	'basePath'=>dirname(__FILE__).DIRECTORY_SEPARATOR.'..',
-	'name'=>'My Web Application',
-
+	'name'=>'Waiblinger Altstadtfest 2012',
+	'theme' => 'astaf',
+		
 	// preloading 'log' component
 	'preload'=>array('log'),
 
diff --git a/themes/astaf/views/layouts/main.php b/themes/astaf/views/layouts/main.php
new file mode 100644
index 0000000..4615b50
--- /dev/null
+++ b/themes/astaf/views/layouts/main.php
@@ -0,0 +1,222 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
+<head>
+	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+	<title><?php echo CHtml::encode($this->pageTitle); ?></title>
+		<!-- Mobile viewport optimisation -->
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<link href="<?php echo Yii::app()->request->baseUrl; ?>/css/astaf/layout.css" rel="stylesheet" type="text/css" />
+	<!--[if lte IE 7]>
+	<link href="<?php echo Yii::app()->request->baseUrl; ?>/css/astaf/ie_patch_layout.css" rel="stylesheet" type="text/css" />
+	<![endif]-->
+	<decorator:head />
+
+
+
+
+
+	<!--[if lt IE 9]>
+	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+	<![endif]-->
+</head>
+<body>
+<ul class="ym-skiplinks">
+	<li><a class="ym-skip" href="#nav">Skip to navigation (Press Enter)</a></li>
+	<li><a class="ym-skip" href="#main">Skip to main content (Press Enter)</a></li>
+
+</ul>
+
+<header>
+	<div class="ym-wrapper">
+		<div class="ym-wbox">
+			<h1><?php echo CHtml::encode(Yii::app()->name);?></h1>
+		</div>
+	</div>
+</header>
+<nav id="nav">
+	<div class="ym-wrapper">
+
+		<div class="ym-hlist">
+			<?php $this->widget('zii.widgets.CMenu',array(
+			'items'=>array(
+					array('activeCssClass' => 'active'),
+				array('label'=>'Home', 'url'=>array('/site/index')),
+				array('label'=>'About', 'url'=>array('/cmsPage/view', 'id'=>'1')),
+				array('label'=>'Contact', 'url'=>array('/site/contact')),
+				array('label'=>'Login', 'url'=>array('/site/login'), 'visible'=>Yii::app()->user->isGuest),
+				array('label'=>'Logout ('.Yii::app()->user->name.')', 'url'=>array('/site/logout'), 'visible'=>!Yii::app()->user->isGuest)
+			),
+		)); ?>
+			<form class="ym-searchform">
+				<input class="ym-searchfield" type="search" placeholder="Suchen..." />
+				<input class="ym-searchbutton" type="submit" value="Suchen" />
+			</form>
+		</div>
+	</div>
+</nav>
+<div id="main">
+	<div class="ym-wrapper">
+		<div class="ym-wbox">
+		
+			<?php /*<section class="box info">
+				<div class="ym-grid linearize-level-1">
+					<div class="ym-g66 ym-gl">
+
+						<div class="ym-grid linearize-level-2">
+							<article class="ym-g50 ym-gl">
+								<div class="ym-gbox-left">
+									<h4>Here's a box</h4>
+
+									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
+									<a class="ym-button ym-next" href="#">Read More</a> </div>
+							</article>
+							<article class="ym-g50 ym-gr">
+								<div class="ym-gbox">
+									<h4>And another box</h4>
+									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
+
+									<a class="ym-button ym-next" href="#">Read More</a> </div>
+							</article>
+						</div>
+
+					</div>
+					<article class="ym-g33 ym-gr">
+						<div class="ym-gbox-right secondary">
+							<h4>This box is aligned with the sidebar</h4>
+
+							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
+						</div>
+					</article>
+				</div>
+			</section>
+*/?>
+			<section class="ym-grid linearize-level-1">
+				<article class="ym-g66 ym-gl content">
+					<div class="ym-gbox-left ym-clearfix">
+<?php echo $content; ?>
+						<img src="http://dummyimage.com/240x160/cccccc/fff.png" alt="" class="float-left bordered"/>
+						<p>Lorem ipsum dolor sit amet, <em>consectetuer adipiscing elit</em>. Nunc congue ipsum vestibulum libero. Aenean vitae justo. Nam eget tellus. Etiam convallis, est eu lobortis mattis, lectus tellus tempus felis, a ultricies erat ipsum at metus.</p>
+						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi et risus. Aliquam nisl. Nulla facilisi. Cras accumsan vestibulum ante. Vestibulum sed tortor. Praesent SMALL CAPS tempus fringilla elit. Ut elit diam, sagittis in, nonummy in, gravida non, nunc. Ut orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam egestas, orci eu imperdiet malesuada, nisl purus fringilla odio, quis commodo est orci vitae justo. Aliquam placerat odio tincidunt nulla. Cras in libero. Aenean rutrum, magna non tristique posuere, erat odio eleifend nisl, non convallis est tortor blandit ligula. Nulla id augue.</p>
+						<p>Nullam mattis, odio ut tempus facilisis, metus nisl facilisis metus, auctor consectetuer felis ligula nec mauris. Vestibulum odio erat, fermentum at, commodo vitae, ultrices et, urna. Mauris vulputate, mi pulvinar sagittis condimentum, sem nulla aliquam velit, sed imperdiet mi purus eu magna. Nulla varius metus ut eros. Aenean aliquet magna eget orci. Class aptent taciti sociosqu ad litora.</p>
+						<p>Vivamus euismod. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse vel nibh ut turpis dictum sagittis. Aliquam vel velit a elit auctor sollicitudin. Nam vel dui vel neque lacinia pretium. Quisque nunc erat, venenatis id, volutpat ut, scelerisque sed, diam. Mauris ante. Pellentesque habitant   morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec mattis. Morbi dignissim sollicitudin libero. Nulla lorem.</p>
+						<blockquote>
+
+							<p>Integer cursus ornare mauris. Praesent nisl arcu, imperdiet eu, ornare id, scelerisque ut, nunc. Praesent sagittis erat sed velit tempus imperdiet. Ut tristique, ante in interdum hendrerit, erat enim faucibus felis, quis rutrum mauris lorem quis sem. Vestibulum ligula nisi, mattis nec, posuere et, blandit eu, ligula. Nam suscipit placerat odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque tortor libero, venenatis vitae, rhoncus eu, placerat ut, mi. Nulla nulla.</p>
+						</blockquote>
+						<p>Maecenas vel metus quis magna pharetra fermentum. <em>Integer sit amet tortor</em>. Maecenas porttitor, pede sed gravida auctor, nulla augue aliquet elit, at pretium urna orci ut metus. Aliquam in dolor. Vestibulum ante ipsum   primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, tellus id ornare posuere, quam nunc accumsan turpis, at   convallis tellus orci et nisl. Phasellus congue neque a lorem.</p>
+						<div class="ym-grid linearize-level-2">
+							<div class="ym-g50 ym-gl">
+								<div class="ym-gbox-left">
+									<!-- content -->
+
+									<h6>This is a nested column</h6>
+									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
+								</div>
+							</div>
+							<div class="ym-g50 ym-gr">
+								<div class="ym-gbox-right">
+									<!-- content -->
+									<h6>This is another nested column </h6>
+
+									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip  ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
+								</div>
+							</div>
+						</div>
+					</div>
+				</article>
+				<aside class="ym-g33 ym-gr">
+					<div class="ym-gbox-right ym-clearfix">
+
+						<h3>A Simple Sidebar </h3>
+						<p class="box info">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet  vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.</p>
+						<h3>Incremental leading</h3>
+						<p>Vestibulum ante ipsum  primis in faucibus orci luctus vestibulum ante ipsum primis in faucibus  orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus  tellus.</p>
+
+						<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare  mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus  pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. ipsum  primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras  ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet  vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue</p>
+					</div>
+				</aside>
+			</section>
+		</div>
+	</div>
+</div>
+<footer>
+	<div class="ym-wrapper">
+
+		<div class="ym-wbox">
+			<p>&copy; <ccwn:config module="themis" key="copyrightInfo" /> | Layout based on <a href="http://www.yaml.de/">YAML</a></p>
+		</div>
+	</div>
+</footer>
+
+<!-- full skip link functionality in webkit browsers -->
+<script src="<?php echo Yii::app()->request->baseUrl; ?>/css/yaml4/core/js/yaml-focusfix.js"></script>
+
+
+</body>
+</html>
+
+
+<?php /*
+
+
+
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<meta name="language" content="en" />
+
+	<!-- blueprint CSS framework -->
+	<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/yaml4/screen/astaf.css" media="screen, projection" />
+	<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/print.css" media="print" />
+	<!--[if lt IE 8]>
+	<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/ie.css" media="screen, projection" />
+	<![endif]-->
+
+	<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/main.css" />
+	<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/form.css" />
+
+	<title><?php echo CHtml::encode($this->pageTitle); ?></title>
+</head>
+
+<body>
+
+<div class="container" id="page">
+
+	<div id="header">
+		<div id="logo"><?php echo CHtml::encode(Yii::app()->name); ?></div>
+	</div><!-- header -->
+
+	<div id="mainmenu">
+		<?php $this->widget('zii.widgets.CMenu',array(
+			'items'=>array(
+				array('label'=>'Home', 'url'=>array('/site/index')),
+				array('label'=>'About', 'url'=>array('/site/page', 'view'=>'about')),
+				array('label'=>'Contact', 'url'=>array('/site/contact')),
+				array('label'=>'Login', 'url'=>array('/site/login'), 'visible'=>Yii::app()->user->isGuest),
+				array('label'=>'Logout ('.Yii::app()->user->name.')', 'url'=>array('/site/logout'), 'visible'=>!Yii::app()->user->isGuest)
+			),
+		)); ?>
+	</div><!-- mainmenu -->
+	<?php if(isset($this->breadcrumbs)):?>
+		<?php $this->widget('zii.widgets.CBreadcrumbs', array(
+			'links'=>$this->breadcrumbs,
+		)); ?><!-- breadcrumbs -->
+	<?php endif?>
+
+	<?php echo $content; ?>
+
+	<div class="clear"></div>
+
+	<div id="footer">
+		Copyright &copy; <?php echo date('Y'); ?> by My Company.<br/>
+		All Rights Reserved.<br/>
+		<?php echo Yii::powered(); ?>
+	</div><!-- footer -->
+
+</div><!-- page -->
+
+</body>
+</html>*/
+?>
-- 
cgit v1.0-28-g1787