created a new template using YAML

.hgignore

@@ -3,3 +3,5 @@ syntax: glob
 *.pyc
 *.db3
 *~
+.directory
+

htdocs/css/my_layout.css

@@ -0,0 +1,22 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
+ * (en) central stylesheet
+ * (de) zentrales Stylesheet
+ *
+ * @creator       YAML Builder V1.2b (http://builder.yaml.de)
+ * @file          my_layout.css
+ * @-yaml-minver  3.1
+ * 
+ */
+
+/* import core styles | Basis-Stylesheets einbinden */
+@import url(../yaml/core/base.css);
+
+/* import screen layout | Screen-Layout einbinden */
+@import url(../yaml/navigation/nav_shinybuttons.css);
+@import url(screen/basemod.css);
+@import url(screen/content.css);
+
+/* import print layout | Druck-Layout einbinden */
+@import url(../yaml/print/print_draft.css);

htdocs/css/patches/patch_my_layout.css

@@ -0,0 +1,47 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
+ * (en) IE patch stylesheet 
+ * (de) IE-Anpassungs-Stylesheet
+ *
+ * @creator       YAML Builder V1.2b (http://builder.yaml.de)
+ * @file          patch_my_layout.css
+ * @-yaml-minver  3.1
+ */
+
+/* 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 #col3 {margin-left: 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" )));
+  }
+}

htdocs/css/screen/basemod.css

@@ -0,0 +1,126 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
+ * (en) stylesheet for screen layout
+ * (de) Stylesheet für das Bildschirm-Layout
+ *
+ * @creator       YAML Builder V1.2b (http://builder.yaml.de)
+ * @file          basemod.css
+ * @-yaml-minver  3.1
+ */
+
+@media screen, projection
+{
+  /*-------------------------------------------------------------------------*/
+
+  /* (en) Marginal areas & page background */
+  /* (de) Randbereiche & Seitenhintergrund */
+  body { background: #3b69ad none; padding: 10px 0; }
+
+  /* Layout Alignment | Layout-Ausrichtung */
+  .page_margins { margin: 0 auto; }
+
+  /* Layout Properties | Layout-Eigenschaften */
+  .page_margins { width: auto;  min-width: 740px; max-width: 90em; background: #fff; }
+  .page { padding: 10px 15px 10px 10px; }
+  #header { padding: 45px 2em 1em 20px; color: #000; background: #fff; }
+  #topnav { color: #aaa; background: transparent; }
+  #nav { overflow:hidden; }
+  div.hlist {  }
+  #main { margin: 10px 0; background: #fff; }
+  #footer { padding: 10px 20px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; }
+
+  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
+  #nav ul { margin-left: 20px; }
+
+  /*-------------------------------------------------------------------------*/
+
+  /**
+   * (en) Formatting content container
+   * (de) Formatierung der Inhalts-Container
+   *
+   */
+
+  #col1 { float: left; width: 25%}
+  #col2 { display:none}
+  #col3 { width: auto; margin: 0 0 0 25%}
+  #col1_content { padding: 0 10px 0 20px }
+  #col3_content { padding: 0 20px 0 10px }
+	
+  /*-------------------------------------------------------------------------*/
+
+  .page_margins {
+    border: 0 none;
+    background-image:  url(../../images/gfxborder/border_left.gif);
+    background-repeat:repeat-y;
+    background-position:left;
+  }
+
+  .page {
+    border: 0 none;
+    margin: 0 0 0 5px; padding: 10px 15px 10px 10px;
+    background-image:  url(../../images/gfxborder/border_right.gif);
+    background-repeat:repeat-y;
+    background-position:right;
+  }
+
+
+  #border-top {
+    overflow:hidden;
+    width: auto;
+    height: 20px;
+    font-size:0;
+    margin-bottom: -15px;
+    background-image:  url(../../images/gfxborder/border_top.gif);
+    background-repeat:repeat-x;
+    background-position:top left;
+  }
+
+  #border-bottom {
+    overflow:hidden;
+    width: auto;
+    height: 20px;
+    margin-top: -15px;
+    font-size:0;
+    background-image:  url(../../images/gfxborder/border_bottom.gif);
+    background-repeat:repeat-x;
+    background-position:bottom left;
+  }
+
+  #edge-tl {
+    float:left;
+    width: 20px;
+    height: 20px;
+    font-size:0;
+    background-image:  url(../../images/gfxborder/corner_tl.gif);
+    background-position: top left;
+  }
+
+  #edge-tr {
+    position:relative; /* IE Fix | z-index */
+    float:right;
+    width: 20px;
+    height: 20px;
+    font-size:0;
+    background-image:  url(../../images/gfxborder/corner_tr.gif);
+    background-position: top right;
+  }
+
+  #edge-bl {
+    float:left;
+    width: 20px;
+    height: 20px;
+    background-image:  url(../../images/gfxborder/corner_bl.gif);
+    background-position: bottom left;
+  }
+
+  #edge-br {
+    position:relative; /* IE Fix | z-index */
+    float:right;
+    width: 20px;
+    height: 20px;
+    background-image:  url(../../images/gfxborder/corner_br.gif);
+    background-position: bottom right;
+  }
+
+}

htdocs/css/screen/content.css

@@ -0,0 +1,218 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) Uniform design of standard content elements
+ * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ * @appdef yaml
+ */
+
+@media all
+{
+ /**
+  * Fonts
+  *
+  * (en) global settings of font-families and font-sizes
+  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
+  *
+  * @section content-global-settings
+  */
+
+  /* (en) reset font size for all elements to standard (16 Pixel) */
+  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
+  html * { font-size: 100.01%; }
+
+ /**
+  * (en) reset monospaced elements to font size 16px in all browsers
+  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
+  *
+  * @see: http://webkit.org/blog/67/strange-medium/
+  */
+
+  textarea, pre, code, kbd, samp, var, tt {
+    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
+  }
+
+  /* (en) base layout gets standard font size 12px */
+  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
+  body {
+    font-family:  Arial, Helvetica, sans-serif;
+    font-size: 75.00%;
+    color: #444;
+  }
+
+  /*--- Headings | Überschriften ------------------------------------------------------------------------*/
+
+  h1,h2,h3,h4,h5,h6 {
+    font-family: "Times New Roman", Times, serif;
+    font-weight:normal;
+    color:#222;
+    margin: 0 0 0.25em 0;
+  }
+
+  h1 { font-size: 250%; }                       /* 30px */
+  h2 { font-size: 200%; }                       /* 24px */
+  h3 { font-size: 150%; }                       /* 18px */
+  h4 { font-size: 133.33%; }                    /* 16px */
+  h5 { font-size: 116.67%; }                    /* 14px */
+  h6 { font-size: 116.67%; }                    /* 14px */
+
+  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
+
+  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
+  ul li { list-style-type: disc; }
+  ul ul li { list-style-type: circle; }
+
+  ol li { list-style-type: decimal; }
+  ol ol li { list-style-type: lower-latin; }
+
+  li { margin-left: 0.8em; line-height: 1.5em; }
+
+  dt { font-weight: bold; }
+  dd { margin: 0 0 1em 0.8em; }
+
+  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
+
+  p { line-height: 1.5em; margin: 0 0 1em 0; }
+
+  blockquote, cite,q {
+    font-family: Georgia, "Times New Roman", Times, serif;
+    font-style:italic;
+  }
+  blockquote { margin: 0 0 1em 1.6em; color: #666; }
+
+  strong,b { font-weight: bold; }
+  em,i { font-style: italic; }
+
+  pre, code, kbd, tt, samp, var { font-size: 100%; }
+  pre, code { color: #800; }
+  pre { line-height: 1.5em; margin: 0 0 1em 0; }
+  kbd, samp, var { color: #666; }
+  var { font-style: italic; }
+
+  acronym, abbr {
+    border-bottom: 1px #aaa dotted;
+    font-variant: small-caps;
+    letter-spacing: .07em;
+    cursor: help;
+  }
+
+  sub, sup { font-size: 91.6667%; }
+
+  hr {
+    color: #fff;
+    background:transparent;
+    margin: 0 0 0.5em 0;
+    padding: 0 0 0.5em 0;
+    border:0;
+    border-bottom: 1px #eee solid;
+  }
+
+  /*--- Links ----------------------------------------------------------------------------------------- */
+
+  a { color: #4D87C7; background:transparent; text-decoration:none; }
+  a:visited  { color: #036; }
+
+  a:focus,
+  a:hover,
+  a:active { color:#182E7A; text-decoration:underline; }
+
+  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */
+
+  p.icaption_left { float:left; display:inline; margin: 0 1em 0.15em 0; }
+  p.icaption_right { float:right; display:inline; margin: 0 0 0.15em 1em; }
+
+  p.icaption_left img,
+  p.icaption_right img { padding:0; border: 1px #888 solid; }
+
+  p.icaption_left strong,
+  p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }
+
+ /**
+  * ------------------------------------------------------------------------------------------------- #
+  *
+  * Generic Content Classes
+  *
+  * (en) standard classes for positioning and highlighting
+  * (de) Standardklassen zur Positionierung und Hervorhebung
+  *
+  * @section content-generic-classes
+  */
+
+  .highlight { color: #f60; }
+  .dimmed { color: #888; }
+
+  .info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }
+
+  .note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
+  .important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
+  .warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }
+
+  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
+  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
+  .center { display:block; text-align:center; margin: 0.5em auto; }
+
+ /**
+  * ------------------------------------------------------------------------------------------------- #
+  *
+  * Tables | Tabellen
+  *
+  * (en) Generic classes for table-width and design definition
+  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
+  *
+  * @section content-tables
+  */
+
+  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 2px #888 solid; border-bottom: 2px #888 solid; }
+  table caption { font-variant:small-caps; }
+  table.full { width: 100%; }
+  table.fixed { table-layout:fixed; }
+
+  th,td { padding: 0.5em; }
+  thead th { color: #000; border-bottom: 2px #800 solid; }
+  tbody th { background: #e0e0e0; color: #333; }
+  tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }
+
+  tbody th { border-bottom: 1px solid #fff; text-align: left; }
+  tbody td { border-bottom: 1px solid #eee; }
+
+  tbody tr:hover th[scope="row"],
+  tbody tr:hover tbody th.sub { background: #f0e8e8; }
+  tbody tr:hover td { background: #fff8f8; }
+
+ /**
+  * ------------------------------------------------------------------------------------------------- #
+  *
+  * Miscellaneous | Sonstiges
+  *
+  * @section content-misc
+  */
+
+ /**
+  * (en) Emphasizing external Hyperlinks via CSS
+  * (de) Hervorhebung externer Hyperlinks mit CSS
+  *
+  * @section             content-external-links
+  * @app-yaml-default    disabled
+  */
+
+  /*
+  #main a[href^="http://www.my-domain.com"],
+  #main a[href^="https://www.my-domain.com"]
+  {
+    padding-left: 12px;
+    background-image: url('your_image.gif');
+    background-repeat: no-repeat;
+    background-position: 0 0.45em;
+  }
+  */
+}

htdocs/js/ftod.js

@@ -0,0 +1,50 @@
+//filler text on demand
+// http://web-graphics.com/mtarchive/001667.php
+
+var words=new Array('lorem','ipsum','dolor','sit','amet','consectetuer','adipiscing','elit','suspendisse','eget','diam','quis','diam','consequat','interdum');
+
+function AddFillerLink(){
+if(!document.getElementById || !document.createElement) return;
+var i,l;
+for(i=0;i<arguments.length;i++){
+
+  if (document.getElementById(arguments[i])) { /* Check elements exists - add Reinhard Hiebl */
+    l=document.createElement("a");
+    l.href="#";
+    l.appendChild(document.createTextNode("Add Text"));
+    l.onclick=function(){AddText(this);return(false)};
+    document.getElementById(arguments[i]).appendChild(l);
+      b=document.createTextNode(" | ");
+      document.getElementById(arguments[i]).appendChild(b);
+      r=document.createElement("a");
+      r.href="#";
+      r.appendChild(document.createTextNode("Remove Text"));
+    r.onclick=function(){RemoveText(this);return(false)};
+      document.getElementById(arguments[i]).appendChild(r);
+  }
+}
+}
+
+function AddText(el){
+var s="",n,i;
+n=RandomNumber(20,80);
+for(i=0;i<n;i++)
+    s+=words[RandomNumber(0,words.length-1)]+" ";
+var t=document.createElement("p");
+t.setAttribute('class','added');
+t.appendChild(document.createTextNode(s));
+el.parentNode.insertBefore(t,el);
+}
+function RemoveText(el){
+  var parent = el.parentNode;
+  for(var i=0;i<parent.childNodes.length;i++) {
+    var para = parent.childNodes[i];
+    if(para.nodeName == "P" && para.getAttribute('class')=='added') {
+      parent.removeChild(para);
+      break;
+    }
+  }
+}
+function RandomNumber(n1,n2){
+return(Math.floor(Math.random()*(n2-n1))+n1);
+}

htdocs/js/minmax.js

@@ -0,0 +1,144 @@
+// minmax.js: make IE5+/Win support CSS min/max-width/height
+// version 1.0, 08-Aug-2003
+// written by Andrew Clover <and@doxdesk.com>, use freely
+
+/*@cc_on
+@if (@_win32 && @_jscript_version>4)
+
+var minmax_elements;
+
+minmax_props= new Array(
+  new Array('min-width', 'minWidth'),
+  new Array('max-width', 'maxWidth'),
+  new Array('min-height','minHeight'),
+  new Array('max-height','maxHeight')
+);
+
+// Binding. Called on all new elements. If <body>, initialise; check all
+// elements for minmax properties
+
+function minmax_bind(el) {
+  var i, em, ms;
+  var st= el.style, cs= el.currentStyle;
+
+  if (minmax_elements==window.undefined) {
+    // initialise when body element has turned up, but only on IE
+    if (!document.body || !document.body.currentStyle) return;
+    minmax_elements= new Array();
+    window.attachEvent('onresize', minmax_delayout);
+    // make font size listener
+    em= document.createElement('div');
+    em.setAttribute('id', 'minmax_em');
+    em.style.position= 'absolute'; em.style.visibility= 'hidden';
+    em.style.fontSize= 'xx-large'; em.style.height= '5em';
+    em.style.top='-5em'; em.style.left= '0';
+    if (em.style.setExpression) {
+      em.style.setExpression('width', 'minmax_checkFont()');
+      document.body.insertBefore(em, document.body.firstChild);
+    }
+  }
+
+  // transform hyphenated properties the browser has not caught to camelCase
+  for (i= minmax_props.length; i-->0;)
+    if (cs[minmax_props[i][0]])
+      st[minmax_props[i][1]]= cs[minmax_props[i][0]];
+  // add element with properties to list, store optimal size values
+  for (i= minmax_props.length; i-->0;) {
+    ms= cs[minmax_props[i][1]];
+    if (ms && ms!='auto' && ms!='none' && ms!='0' && ms!='') {
+      st.minmaxWidth= cs.width; st.minmaxHeight= cs.height;
+      minmax_elements[minmax_elements.length]= el;
+      // will need a layout later
+      minmax_delayout();
+      break;
+  } }
+}
+
+// check for font size changes
+
+var minmax_fontsize= 0;
+function minmax_checkFont() {
+  var fs= document.getElementById('minmax_em').offsetHeight;
+  if (minmax_fontsize!=fs && minmax_fontsize!=0)
+    minmax_delayout();
+  minmax_fontsize= fs;
+  return '5em';
+}
+
+// Layout. Called after window and font size-change. Go through elements we
+// picked out earlier and set their size to the minimum, maximum and optimum,
+// choosing whichever is appropriate
+
+// Request re-layout at next available moment
+var minmax_delaying= false;
+function minmax_delayout() {
+  if (minmax_delaying) return;
+  minmax_delaying= true;
+  window.setTimeout(minmax_layout, 0);
+}
+
+function minmax_stopdelaying() {
+  minmax_delaying= false;
+}
+
+function minmax_layout() {
+  window.setTimeout(minmax_stopdelaying, 100);
+  var i, el, st, cs, optimal, inrange;
+  for (i= minmax_elements.length; i-->0;) {
+    el= minmax_elements[i]; st= el.style; cs= el.currentStyle;
+
+    // horizontal size bounding
+    st.width= st.minmaxWidth; optimal= el.offsetWidth;
+    inrange= true;
+    if (inrange && cs.minWidth && cs.minWidth!='0' && cs.minWidth!='auto' && cs.minWidth!='') {
+      st.width= cs.minWidth;
+      inrange= (el.offsetWidth<optimal);
+    }
+    if (inrange && cs.maxWidth && cs.maxWidth!='none' && cs.maxWidth!='auto' && cs.maxWidth!='') {
+      st.width= cs.maxWidth;
+      inrange= (el.offsetWidth>optimal);
+    }
+    if (inrange) st.width= st.minmaxWidth;
+
+    // vertical size bounding
+    st.height= st.minmaxHeight; optimal= el.offsetHeight;
+    inrange= true;
+    if (inrange && cs.minHeight && cs.minHeight!='0' && cs.minHeight!='auto' && cs.minHeight!='') {
+      st.height= cs.minHeight;
+      inrange= (el.offsetHeight<optimal);
+    }
+    if (inrange && cs.maxHeight && cs.maxHeight!='none' && cs.maxHeight!='auto' && cs.maxHeight!='') {
+      st.height= cs.maxHeight;
+      inrange= (el.offsetHeight>optimal);
+    }
+    if (inrange) st.height= st.minmaxHeight;
+  }
+}
+
+// Scanning. Check document every so often until it has finished loading. Do
+// nothing until <body> arrives, then call main init. Pass any new elements
+// found on each scan to be bound   
+
+var minmax_SCANDELAY= 500;
+
+function minmax_scan() {
+  var el;
+  for (var i= 0; i<document.all.length; i++) {
+    el= document.all[i];
+    if (!el.minmax_bound) {
+      el.minmax_bound= true;
+      minmax_bind(el);
+  } }
+}
+
+var minmax_scanner;
+function minmax_stop() {
+  window.clearInterval(minmax_scanner);
+  minmax_scan();
+}
+
+minmax_scan();
+minmax_scanner= window.setInterval(minmax_scan, minmax_SCANDELAY);
+window.attachEvent('onload', minmax_stop);
+
+@end @*/

htdocs/mumble/style.css

@@ -15,12 +15,14 @@ td.mumble {
 	padding:  0px;
 	margin:   0px;
 	line-height: 6px;
+	border:  none;
 	}
 
-div.rahmen {
-	background-color: #CCCCCC;
+div.mumble {
+	background-color: #BDDAFF;
 	color:            #283E53;
 	padding:          10px;
 	margin-top:       20px;
 	margin-bottom:    20px;
+	width:            100%;
 	}

htdocs/yaml/add-ons/microformats/microformats.css

@@ -0,0 +1,147 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/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-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+/* hCards + hCalendars */
+
+.vcard,
+.vevent {
+  border: 2px solid #e0e7b8 !important;
+  padding: 30px 5px 5px 5px !important;
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  border-radius: 8px;
+  margin: 5px 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(images/hcard.png) 5px 5px no-repeat  !important; }
+.vcard a { padding-left: 11px; background:url(images/external_link.gif) 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(images/hcalendar.png) 5px 5px no-repeat  !important; }
+.vevent a { padding-left: 11px; background:url(images/external_link.gif) top left no-repeat; color: #679A06; }
+.vevent p { margin-bottom:0.5em; }
+
+.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: url(images/xfn/xfn-small.png) no-repeat right;
+}
+
+a.xfnRelationship[rel~="colleague"],
+a.xfnRelationship[rel~="co-worker"]
+{
+  padding-right: 21px;
+  background: url(images/xfn/xfn-colleague.png) no-repeat right;
+}
+
+a.xfnRelationship[rel~="met"]
+{
+  padding-right: 32px;
+  background: url(images/icon-xfn.png) no-repeat right;
+}
+
+
+a.xfnRelationship[rel~="colleague"][rel~="met"],
+a.xfnRelationship[rel~="co-worker"][rel~="met"]
+{
+  padding-right: 26px;
+  background: url(images/xfn/xfn-colleague-met.png) no-repeat right;
+}
+
+a.xfnRelationship[rel~="friend"]
+{
+  padding-right: 21px;
+  background: url(images/xfn/xfn-friend.png) no-repeat right;
+}
+
+a.xfnRelationship[rel~="friend"][rel~="met"]
+{
+  padding-right: 26px;
+  background: url(images/xfn/xfn-friend-met.png) no-repeat right;
+}
+
+a.xfnRelationship[rel~="sweetheart"]
+{
+  padding-right: 21px;
+  background: url(images/xfn/xfn-sweetheart.png) no-repeat right;
+}
+
+a.xfnRelationship[rel~="sweetheart"][rel~="met"]
+{
+  padding-right: 26px;
+  background: url(images/xfn/xfn-sweetheart-met.png) no-repeat right;
+}
+
+a.xfnRelationship[rel~="child"]
+{
+  padding-right: 21px;
+  background: url(images/xfn/xfn-child.png) no-repeat right;
+}
+
+a.xfnRelationship[rel~="parent"]
+{
+  padding-right: 21px;
+  background: url(images/xfn/xfn-parent.png) no-repeat right;
+}
+
+a.xfnRelationship[rel~="spouse"]
+{
+  padding-right: 21px;
+  background: url(images/xfn//xfn-spouse.png) no-repeat right;
+}
+
+a.xfnRelationship[rel~="me"]
+{
+  padding-right: 21px;
+  background: url(images/xfn/xfn-me.png) no-repeat right;
+}
+
+
+/* rel-tag */
+
+a[rel~="tag"]
+{
+  padding-right: 32px;
+  background: url(images/icon-rel-tag.png) no-repeat right;
+}
+
+
+/* geo */
+
+abbr[class~="geo"]
+{
+  padding-right: 32px;
+  background: url(images/icon-geo.png) no-repeat right;
+  border: none;
+  cursor: default;
+}

htdocs/yaml/add-ons/rtl-support/core/base-rtl.css

@@ -0,0 +1,92 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/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-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+@media all
+{
+ /**
+  * @section browser reset
+  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
+  *
+  * 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; }
+
+ /*------------------------------------------------------------------------------------------------------*/
+
+ /**
+  * @section base layout | Basis Layout
+  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
+  *
+  * Changing positions of #topnav container when paced within #header
+  */
+
+  #header #topnav {
+    left: 10px;
+    right: 0;
+    text-align: left;
+  }
+
+ /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (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
+   */
+
+  .skip, .hideme, .print, dfn {
+    left: 0;
+  }
+
+ /*------------------------------------------------------------------------------------------------------*/
+
+ /**
+  * @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
+  */
+
+  .text-ltr {
+    direction: ltr;
+    text-align: left;
+  }
+}

htdocs/yaml/add-ons/rtl-support/core/iehacks-rtl.css

@@ -0,0 +1,37 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) YAML core RTL stylesheet - structure-independent bugfixes of IE/Win CSS-bugs
+ * (de) YAML Basis-RTL-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win
+ *
+ * Don't make any changes in this file!
+ * Your changes should be added to a separate patch-file.
+ *
+ * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+@media all
+{
+ /**
+  * (en) Workaround for misplaced floating navigation lists
+  * (de) Workaround behebt deplatzierte floatende Navigationselemente
+  *
+  * @workaround
+  * @affected   IE 5.x/Win, IE6, IE7
+  * @css-for    IE 5.x/Win, IE6, IE7
+  * @valid      yes
+  */
+
+  #nav { direction:ltr; }
+  #nav * { direction:rtl; }
+}

htdocs/yaml/add-ons/rtl-support/core/slim_base-rtl.css

@@ -0,0 +1,15 @@
+@charset "UTF-8";
+/* "Yet Another Multicolumn Layout" v3.1 (c) by Alexander Hass, Dirk Jesse (http://www.yaml.de)
+* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */
+@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}
+#header #topnav{left:10px;right:auto;text-align:left}
+.skip,.hideme,.print,dfn{left:0}
+.text-ltr{direction:ltr;text-align:left}
+}
+

htdocs/yaml/add-ons/rtl-support/core/slim_iehacks-rtl.css

@@ -0,0 +1,8 @@
+@charset "UTF-8";
+/* "Yet Another Multicolumn Layout" v3.1 (c) by Alexander Hass, Dirk Jesse (http://www.yaml.de)
+* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */
+@media all
+{
+#nav{direction:ltr}
+#nav *{direction:rtl}
+}

htdocs/yaml/add-ons/rtl-support/navigation/nav_shinybuttons-rtl.css

@@ -0,0 +1,49 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) RTL Horizontal list navigation "Shiny Buttons"
+ * (de) RTL Horizontale Navigationsliste "Shiny Buttons"
+ *
+ * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+@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
+  */
+
+  .hlist * { direction:ltr !important; }
+  .hlist a, .hlist strong { direction:rtl !important; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  .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 */
+    margin-right: 50px;
+  }
+
+  .hlist ul li {
+    float: right;
+  }
+}

htdocs/yaml/add-ons/rtl-support/navigation/nav_slidingdoor-rtl.css

@@ -0,0 +1,44 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) RTL Horizontal list navigation based on "Sliding Door II" from von "A List Apart"
+ * (de) RTL Horizontale Navigationsliste basierend auf "Sliding Door II" von "A List Apart"
+ *
+ * @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+@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
+  */
+
+  .hlist * { direction:ltr !important; }
+  .hlist a, .hlist strong { direction:rtl !important; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  .hlist ul {
+    padding: 0 50px 0 0;
+  }
+
+  .hlist li {
+    float: right;
+  }
+}

htdocs/yaml/add-ons/rtl-support/navigation/nav_vlist-rtl.css

@@ -0,0 +1,62 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/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-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+@media all
+{
+  /* Menu Title */
+  h6.vlist {
+    padding-left: 0px;
+    padding-right: 10%;
+  }
+
+  .vlist { text-align: right; }
+  .vlist li { float:right; }
+
+  /* Level 1 */
+  .vlist a,
+  .vlist strong,
+  .vlist span {
+    padding-left: 0px;
+    padding-right: 10%;
+ }
+
+  /* Level 2 */
+  .vlist li ul li a,
+  .vlist li ul li strong,
+  .vlist li ul li span {
+    padding-left: 0px;
+    padding-right: 20%;
+  }
+
+  /* Level 3 */
+  .vlist li ul li ul li a,
+  .vlist li ul li ul li strong,
+  .vlist li ul li ul li span {
+    padding-left: 0px;
+    padding-right: 30%;
+  }
+
+  /* Level 4 */
+  .vlist li ul li ul li ul li a,
+  .vlist li ul li ul li ul li strong,
+  .vlist li ul li ul li ul li span {
+    padding-left: 0px;
+    padding-right: 40%;
+  }
+}

htdocs/yaml/central_draft.css

@@ -0,0 +1,27 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) draft for a central stylesheet
+ * (de) Vorlage für ein zentrales Stylesheets
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+/* import core styles | Basis-Stylesheets einbinden */
+@import url(/yaml/core/base.css);
+
+/* import screen layout | Screen-Layout einbinden */
+/* @import url(/yaml/navigation/nav_shinybuttons.css);
+  @import url(/css/screen/basemod.css);
+  @import url(/css/screen/content.css); */
+
+/* import print layout | Druck-Layout einbinden */
+/* @import url(/css/print/print_003.css); */

htdocs/yaml/core/base.css

@@ -0,0 +1,223 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) YAML core stylesheet
+ * (de) YAML Basis-Stylesheet
+ *
+ * Don't make any changes in this file!
+ * Your changes should be placed in any css-file in your own stylesheet folder.
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+@media all
+{
+
+ /**
+  * @section browser reset
+  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
+  */
+
+  /* (en) Global reset of paddings and margins for all HTML elements */
+  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
+  * { margin:0; padding: 0; }
+
+  /* (en) Correction: margin/padding reset caused too small select boxes. */
+  /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
+  option { padding-left: 0.4em; } /* LTR */
+  select { padding: 1px; }
+
+ /**
+  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
+  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
+  *
+  * @bugfix
+  * @affected   IE 5.x/Win, IE6
+  * @css-for    IE 5.x/Win, IE6
+  * @valid      yes
+  */
+  * html body * { overflow:visible; }
+  * html iframe, * html frame { overflow:auto; }
+  * html frameset { overflow:hidden; }
+
+  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
+  /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
+  html { height: 100%; margin-bottom: 1px; }
+  body {
+    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
+    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
+    font-size: 100.01%;
+
+    /* (en) Standard values for colors and text alignment */
+    /* (de) Vorgabe der Standardfarben und Textausrichtung */
+    color: #000;
+    background: #fff;
+    text-align: left; /* LTR */
+  }
+
+  /* (en) Clear borders for <fieldset> and <img> elements */
+  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
+  fieldset, img { border: 0 solid; }
+
+  /* (en) new standard values for lists, blockquote and cite */
+  /* (de) Neue Standardwerte für Listen & Zitate */
+  ul, ol, dl { margin: 0 0 1em 1em } /* LTR */
+  li {
+    margin-left: 0.8em; /* LTR */
+    line-height: 1.5em;
+  }
+
+  dt { font-weight: bold; }
+  dd { margin: 0 0 1em 0.8em; } /* LTR */
+
+  blockquote { margin: 0 0 1em 0.8em; } /* LTR */
+
+  blockquote:before, blockquote:after,
+  q:before, q:after { content: ""; }
+
+ /*------------------------------------------------------------------------------------------------------*/
+
+ /**
+  * @section base layout | Basis Layout
+  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
+  *
+  * |-------------------------------|
+  * | #header                       |
+  * |-------------------------------|
+  * | #col1   | #col3     | #col2   |
+  * | 200 px  | flexible  | 200px   |
+  * |-------------------------------|
+  * | #footer                       |
+  * |-------------------------------|
+  */
+
+  #header { position:relative; }
+
+  /* (en) Text Alignment for #topnav content */
+  /* (de) Textausrichtung für #topnav Inhalte */
+  #topnav { text-align: right; }  /* LTR */
+
+  /* (en) Absolute positioning only within #header */
+  /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
+  #header #topnav {
+    position:absolute;
+    top: 10px;
+    right: 10px; /* LTR */
+  }
+
+  /* (en) Backup for correct positioning */
+  /* (de) Absicherung korrekte Positionierung */
+  #header, #nav, #main, #footer { clear:both; }
+
+  /* (en/de) Standard: 200 Pixel */
+  #col1 { float: left; width: 200px }
+  /* (en/de) Standard: 200 Pixel */
+  #col2 { float:right; width: 200px }
+  /* (en) Standard: center column with flexible width */
+  /* (de) Standard: Flexible mittlere Spalte */
+  #col3 { width:auto; margin: 0 200px }
+
+  /* (en) Preparation for absolute positioning within content columns */
+  /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
+  #col1_content, #col2_content, #col3_content { position:relative; }
+
+ /*------------------------------------------------------------------------------------------------------*/
+
+ /**
+  * @section clearing methods
+  * @see     http://yaml.de/en/documentation/basics/general.html
+  */
+
+  /* (en) clearfix method for clearing floats */
+  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
+  .clearfix:after {
+    content: ".";
+    display: block;
+    font-size:0;
+    height: 0;
+    clear: both;
+    visibility: hidden;
+  }
+
+  /* (en) essential for Safari browser !! */
+  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
+  .clearfix { display: block; }
+
+  /* (en) overflow method for clearing floats */
+  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
+  .floatbox { overflow:hidden; }
+
+  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
+  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
+  #ie_clearing { display: none; }
+
+ /*------------------------------------------------------------------------------------------------------*/
+
+ /**
+  * @section subtemplates
+  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
+  */
+
+  .subcolumns { width: 100%; overflow:hidden; }
+
+  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
+  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
+  .subcolumns_oldgecko { width: 100%; float:left; }
+
+  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
+  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }
+
+  .c25l, .c25r { width: 25%; }
+  .c33l, .c33r { width: 33.333%; }
+  .c50l, .c50r { width: 50%; }
+  .c66l, .c66r { width: 66.666%; }
+  .c75l, .c75r { width: 75%; }
+  .c38l, .c38r { width: 38.2%; }
+  .c62l, .c62r { width: 61.8%; }
+
+  .subc  { padding: 0 0.5em; }
+  .subcl { padding: 0 1em 0 0; }
+  .subcr { padding: 0 0 0 1em; }
+
+  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
+  .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
+  .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
+  .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
+    display:table-cell; vertical-align:top;
+    float:none; margin:0; overflow:hidden;
+  }
+
+ /*------------------------------------------------------------------------------------------------------*/
+
+ /**
+  * @section hidden elements | Versteckte Elemente
+  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
+  *
+  * (en) skip links and hidden content
+  * (de) Skip-Links und versteckte Inhalte
+  */
+
+  /* (en) classes for invisible elements in the base layout */
+  /* (de) Klassen für unsichtbare Elemente im Basislayout */
+  .skip, .hideme, .print, dfn {
+    position: absolute;
+    left: -1000em; /* LTR */
+    top: -1000em;
+  }
+
+  /* (en) make skip links visible when using tab navigation */
+  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
+  .skip:focus, .skip:active {
+    position: static;
+    left: 0;
+    top:0;
+  }
+}

htdocs/yaml/core/iehacks.css

@@ -0,0 +1,365 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs
+ * (de) YAML Basis-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win
+ *
+ * Don't make any changes in this file!
+ * Your changes should be added to a separate patch-file.
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ * @appdef yaml
+ */
+
+@media all
+{
+  /**
+   * (en) Debugging: When you see a green background, IE is getting this stylesheet
+   * (de) Fehlersuche: Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde
+   *
+   * @debug
+   * @app-yaml-default disabled
+   */
+
+  /* body { background: #0f0; background-image: none; }  */
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Forcing vertical scrollbars is not needed in IE (only for Firefox/Netscape/Safari)
+   * (de) Erzwingen vertikaler Scrollbalken im IE nicht benötigt (nur im Firefox/Netscape/Safari)
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+
+  html { height: auto; margin-bottom:0; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (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 textarea { overflow:scroll; overflow-x: hidden; }
+  * html input { overflow: hidden; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Stability fixes with 'position:relative'
+   * (de) Stabilitätsverbesserungen durch 'position:relative'
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+
+  body { position:relative; }  /* Essential in IE7 for correct layout scaling ... */
+  * html body { position:static; }  /* ... but not for IE5.x and IE6 */
+  #main { position: relative; } /* helpful for several problems in older IE versions*/
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Clearfix Method for containing floats in IE
+   * (de) Clearfix-Anpassung für diverse IE-Versionen
+   *
+   * @workaround
+   * @see        http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/#comment28
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+
+  .clearfix { display: inline-block; }  /* ... especial for IE7 */
+  .clearfix { display: block; }      /* ... für IE5,IE6,IE7 */
+  * html .clearfix { height: 1%; }   /* ... für IE5 + IE6/Win | hasLayout aktivieren */
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Adjustment of .floatbox class for IE
+   * (de) Anpassung der .floatbox-Klasse für IE
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+
+  .floatbox { width:100%; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Special class for oversized content element
+   * (de) Spezielle Klasse für übergroße Inhaltselemente
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+   */
+
+  .slidebox {
+    position:relative;
+    margin-right: -1000px;
+    height: 1%;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en): Bugfix for partially displayed column separators
+   * (de): Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+   */
+
+  * html #col1,
+  * html #col2,
+  * html #col3 { position:relative; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * (en) Preventing several css bugs by forcing "hasLayout"
+   * (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      no
+   */
+
+  body { height: 1%; }
+  #page_margins, #page, .page_margins, .page, #header, #nav, #main, #footer { zoom:1; }   /* IE6 & IE7    */
+  #page_margins, #page, .page_margins, .page { height: 1%; }                              /* IE 5.x       */
+  * html #header, * html #nav, * html #main, * html #footer { width: 100%; }              /* IE 5.x & IE6 */
+  * html #header, * html #nav, * html #main, * html #footer { wid\th: auto; }             /* IE 6         */
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * Disappearing List-Background Bug
+   * @see        http://www.positioniseverything.net/explorer/ie-listbug.html
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+   */
+
+  * html ul, * html ol, * html dl { position: relative; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * List-Numbering Bug
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+
+  body ol li { display:list-item; }
+
+  /**
+   * Form related bugfixes
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      no
+   */
+  fieldset, legend { position:relative; }
+  /* global fixes for YAML's form construction set */ 
+  form.yform, 
+  form.yform div,
+  form.yform 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 rechte Spalte die kürzeste und die rechte die Längste ist. Im IE6 und IE7 lässt
+   *      sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen.
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6, IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      no
+   */
+
+  html #ie_clearing {
+    /* (en) Only a small help for debugging */
+    /* (de) Nur eine kleine Hilfe zur Fehlersuche */
+    position:static;
+
+    /* (en) Make container visible in IE */
+    /* (de) Container sichtbar machen im IE */
+    display:block;
+
+    /* (en) No fix possible in IE5.x, normal clearing used instead */
+    /* (de) Kein Fix im IE5.x möglich, daher normales Clearing */
+    \clear:both;
+
+    /* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/
+    /* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */
+    width: 100%;
+    font-size:0px;
+    margin: -2px 0 -1em 1px;
+  }
+
+  * html #ie_clearing { margin: -2px 0 -1em 0; }
+  #col3_content {margin-bottom:-2px; }
+
+  /* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins */
+  /* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */
+  html { margin-right: 1px; }
+  * html { margin-right: 0 }
+
+  /* (en) Bugfix: Essential for IE7 */
+  /* (de) Bugfix: Notwendig im IE7 */
+  #col3 { position:relative; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * IE z-index-Fix
+   * brings #col1 and #col2 in front of #col3
+   *
+   * @workaround
+   * @affected   all IE
+   * @css-for    all IE
+   * @valid      yes
+   */
+
+  *+html #col3 { z-index: -1; }
+  * html #col1, * html #col2 { z-index: 1; }
+  * html #col3  { z-index:auto; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * IE/Win Guillotine Bug
+   * @see        http://www.positioniseverything.net/explorer/guillotine.html
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+   */
+
+  * html body a, * html body a:hover { background-color: transparent; }
+
+}
+
+@media screen, projection
+{
+  /**
+   * (en) IE-Adjustments for content columns and subtemplates
+   * (de) IE-Anpassung für Spaltencontainer und Subtemplates
+   *
+   * Doubled Float-Margin Bug
+   * @see        http://positioniseverything.net/explorer/doubled-margin.html
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+  #col1,  #col2 { display:inline; }
+
+  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l,
+  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r { display:inline; }
+
+  /* Fix for: "Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 */
+  * html .equalize, * html .equalize .subcolumns { overflow:visible; display:block; }
+  .equalize, .equalize .subcolumns { overflow:hidden; display:block; }
+
+  /* transform CSS tables back into floats */
+  .equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c50l,.equalize .c66l,.equalize .c75l,.equalize .c62l {
+    float: left; display:inline;
+    padding-bottom: 32767px;
+    margin-bottom: -32767px;
+  }
+  .equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c50r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
+    float: right; margin-left: -5px; display:inline;
+    padding-bottom: 32767px;
+    margin-bottom: -32767px;
+  }
+
+  .no-ie-padding .c25l,.no-ie-padding .c33l,.no-ie-padding .c38l,.no-ie-padding .c50l,.no-ie-padding .c66l,.no-ie-padding .c75l,.no-ie-padding .c62l,
+  .no-ie-padding .c25r,.no-ie-padding .c33r,.no-ie-padding .c38r,.no-ie-padding .c50r,.no-ie-padding .c66r,.no-ie-padding .c75r,.no-ie-padding .c62r {
+    padding-bottom: 0;
+    margin-bottom: 0;
+  }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * Internet Explorer and the Expanding Box Problem
+   * @see http://www.positioniseverything.net/explorer/expandingboxbug.html
+   *
+   * @workaround
+   * @affected   IE 5.x/Win, IE6
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      yes
+   */
+
+  * html #col1_content,
+  * html #col2_content,
+  * html #col3_content { word-wrap: break-word; }
+
+  /* trigger hasLayout to force containing content */
+  .subc, .subcl, .subcr { height: 1%; }
+
+  /* avoid growing widths */
+  * html .subc,
+  * html .subcl,
+  * html .subcr { word-wrap: break-word; overflow:hidden;  }
+}
+
+@media print
+{
+  /**
+   * (en) Avoid unneeded page breaks of #col3 content in print layout.
+   * (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte #col3.
+   *
+   * @bugfix
+   * @affected   IE7
+   * @css-for    IE 5.x/Win, IE6, IE7
+   * @valid      yes
+   */
+
+  #col3 { height: 1%; }
+}

htdocs/yaml/core/print_base.css

@@ -0,0 +1,98 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) YAML core stylesheet - print layout
+ * (de) YAML Core-Stylesheet - Druck Layout
+ *
+ * Don't make any changes in this file!
+ * Your changes should be added to 'print_xyz_draft.css' drafts from 'yaml/print/' folder.
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+@media print
+{
+ /**
+  * @section basic layout preparation
+  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
+  */
+
+  /* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers  */
+  /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */
+  body { font-size: 10pt; }
+  
+  /* (en) Reset Scrollbar-Fix for FF in screenlayout */
+  /* (de) Zurücksetzen des Scrollbar-Fix for FF aus dem Screenlayout */
+  html { height: auto; margin-bottom: 0; }
+
+  /* (en) Hide unneeded container of the screenlayout in print layout */
+  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
+  #topnav, #nav, #search { display: none; }
+
+  /* (en) Disable background graphics of links  */
+  /* (de) Abschalten evlt. vorhandener Hintergrundgrafiken zur Linkkennzeichnung */
+  body a[href^="http:"],
+  body a[href^="https:"] {
+    padding-left: 0;
+    background-image: none;
+  }
+    
+ /**
+  * (en) overflow:hidden Bug in print layouts
+  * (de) overflow:hidden Bug in Drucklayouts
+  *
+  * @bugfix
+  * @since     3.0
+  * @affected  FF2.0, FF3.0, IE7
+  * @css-for   all browsers
+  * @valid     yes
+  */
+
+  .floatbox,
+  .subcolumns,
+  .subcolums_oldgecko { overflow:visible; display: table; }
+
+  /* (en) Linearising subtemplates */
+  /* (de) Linearisierung der Subtemplates */
+  .c25l, .c33l, .c38l, .c50l, .c62l, .c66l, .c75l,
+  .c25r, .c33r, .c38r, .c50r, .c62r, .c66r, .c75r {
+    width: 100%; margin:0; padding: 0; float:none !important; overflow:visible; display:table !important;
+  }
+  .subc, .subcl, .subcr  { margin: 0; padding: 0; }
+
+  /* (en) make .print class visible */
+  /* (de) .print-Klasse sichtbar schalten */
+  .print { position: static; left: 0; }
+
+  /* (en) generic class to hide elements for print */
+  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
+  .noprint { display:none !important; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /* (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) Preparation for optional column labels */
+  /* (de) optionale Spaltenauszeichnung */
+
+  #col1_content:before, #col2_content:before, #col3_content:before {
+    content: "";
+    color:#888;
+    background:inherit;
+    display:block;
+    font-weight:bold;
+    font-size:1.5em;
+  }
+}

htdocs/yaml/core/slim_base.css

@@ -0,0 +1,50 @@
+@charset "UTF-8";
+/* "Yet Another Multicolumn Layout" v3.1 (c) by Dirk Jesse (http://www.yaml.de)
+* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */
+@media all {
+*{margin:0;padding:0}
+option{padding-left:.4em}
+select{padding:1px}
+* html body *{overflow:visible}
+* html iframe,* html frame{overflow:auto}
+* html frameset{overflow:hidden}
+html{height:100%;margin-bottom:1px}
+body{font-size:100.01%;color:#000;background:#fff;text-align:left}
+fieldset,img{border:0 solid}
+ul,ol,dl{margin:0 0 1em 1em}
+li{margin-left:.8em;line-height:1.5em}
+dt{font-weight:700}
+dd{margin:0 0 1em .8em}
+blockquote{margin:0 0 1em .8em}
+blockquote:before,blockquote:after,q:before,q:after{content:""}
+#header{position:relative}
+#topnav{text-align:right}
+#header #topnav{position:absolute;top:10px;right:10px}
+#header,#nav,#main,#footer{clear:both}
+#col1{float:left;width:200px}
+#col2{float:right;width:200px}
+#col3{width:auto;margin:0 200px}
+#col1_content,#col2_content,#col3_content{position:relative}
+.clearfix:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden}
+.clearfix{display:block}
+.floatbox{overflow:hidden}
+#ie_clearing{display:none}
+.subcolumns{width:100%;overflow:hidden}
+.subcolumns_oldgecko{width:100%;float:left}
+.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l{float:left}
+.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r{float:right;margin-left:-5px}
+.c25l,.c25r{width:25%}
+.c33l,.c33r{width:33.333%}
+.c50l,.c50r{width:50%}
+.c66l,.c66r{width:66.666%}
+.c75l,.c75r{width:75%}
+.c38l,.c38r{width:38.2%}
+.c62l,.c62r{width:61.8%}
+.subc{padding:0 .5em}
+.subcl{padding:0 1em 0 0}
+.subcr{padding:0 0 0 1em}
+.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}
+.equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,.equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r{display:table-cell;vertical-align:top;float:none;margin:0;overflow:hidden}
+.skip,.hideme,.print,dfn{position:absolute;left:-1000em;top:-1000em}
+.skip:focus,.skip:active{position:static;left:0;top:0}
+}

htdocs/yaml/core/slim_iehacks.css

@@ -0,0 +1,47 @@
+@charset "UTF-8";
+/* "Yet Another Multicolumn Layout" v3.1 (c) by Dirk Jesse (http://www.yaml.de)
+* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */
+@media all {
+html{height:auto;margin-bottom:0;margin-right:1px}
+* html textarea{overflow:scroll;overflow-x:hidden}
+* html input{overflow:hidden}
+body{position:relative;height:1%}
+* html body{position:static}
+#main{position:relative}
+.clearfix{display:block}
+* html .clearfix{height:1%}
+.floatbox{width:100%}
+.slidebox{position:relative;margin-right:-1000px;height:1%}
+* html #col1,* html #col2,* html #col3{position:relative}
+#page_margins,#page,.page_margins,.page,#header,#nav,#main,#footer{zoom:1}
+#page_margins,#page,.page_margins,.page{height:1%}
+* html #header,* html #nav,* html #main,* html #footer{width:100%;wid\th:auto}
+* html ul,* html ol,* html dl{position:relative}
+body ol li{display:list-item}
+fieldset,legend{position:relative}
+form.yform,form.yform div,form.yform div *{zoom:1}
+html #ie_clearing{position:static;display:block;\clear:both;width:100%;font-size:0;margin:-2px 0 -1em 1px}
+* html #ie_clearing{margin:-2px 0 -1em}
+#col3_content{margin-bottom:-2px}
+* html{margin-right:0}
+#col3{position:relative}
+*+html #col3 {z-index:-1}
+* html #col1,* html #col2 {z-index:1}
+* html #col3 {z-index:auto}
+* html body a,* html body a:hover{background-color:transparent}
+}
+@media screen,projection {
+#col1,#col2{display:inline}
+.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l,.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r{display:inline}
+* html .equalize,* html .equalize .subcolumns{overflow:visible;display:block}
+.equalize,.equalize .subcolumns{overflow:hidden;display:block}
+.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c50l,.equalize .c66l,.equalize .c75l,.equalize .c62l{float:left;display:inline;padding-bottom:32767px;margin-bottom:-32767px}
+.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c50r,.equalize .c66r,.equalize .c75r,.equalize .c62r{float:right;margin-left:-5px;display:inline;padding-bottom:32767px;margin-bottom:-32767px}
+.no-ie-padding .c25l,.no-ie-padding .c33l,.no-ie-padding .c38l,.no-ie-padding .c50l,.no-ie-padding .c66l,.no-ie-padding .c75l,.no-ie-padding .c62l,.no-ie-padding .c25r,.no-ie-padding .c33r,.no-ie-padding .c38r,.no-ie-padding .c50r,.no-ie-padding .c66r,.no-ie-padding .c75r,.no-ie-padding .c62r{padding-bottom:0;margin-bottom:0}
+* html #col1_content,* html #col2_content,* html #col3_content{word-wrap:break-word}
+.subc,.subcl,.subcr{height:1%}
+* html .subc,* html .subcl,* html .subcr{word-wrap:break-word;overflow:hidden}
+}
+@media print {
+#col3{height:1%}
+}

htdocs/yaml/core/slim_print_base.css

@@ -0,0 +1,16 @@
+@charset "UTF-8";
+/* "Yet Another Multicolumn Layout" v3.1 (c) by Dirk Jesse (http://www.yaml.de)
+* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */
+@media print {
+body{font-size:10pt}
+html{height:auto;margin-bottom:0}
+#topnav,#nav,#search{display:none}
+body a[href^="http:"],body a[href^="https:"]{padding-left:0;background-image:none}
+.floatbox,.subcolumns,.subcolums_oldgecko{overflow:visible;display:table}
+.c25l,.c33l,.c38l,.c50l,.c62l,.c66l,.c75l,.c25r,.c33r,.c38r,.c50r,.c62r,.c66r,.c75r{width:100%;margin:0;padding:0;float:none!important;overflow:visible;display:table!important}
+.subc,.subcl,.subcr{margin:0;padding:0}
+.print{position:static;left:0}
+.noprint{display:none!important}
+h1,h2,h3,h4,h5,h6{page-break-after:avoid}
+#col1_content:before,#col2_content:before,#col3_content:before{content:"";color:#888;background:inherit;display:block;font-weight:700;font-size:1.5em}
+}

htdocs/yaml/debug/debug.css

@@ -0,0 +1,197 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) YAML debugging stylesheet
+ * (de) YAML Stylesheet zur Fehlersuche
+ *
+ * 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 Tomas Caspers (http://www.tomascaspers.de/) for contribution
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+@media all
+{
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /**
+   * @section layout preparation for debugging
+   * @see http://www.yaml.de/en/documentation/practice/drafting-and-debugging.html
+   */
+
+  /* Adding debugging background */
+  body { padding-top: 10px !important; background: transparent url("images/grid_pattern.png") top left no-repeat fixed !important; }
+
+  /* CSS-Warning, if core stylesheet 'iehacks.css' is missing in the layout */
+  *+html #ie_clearing { display:block; } /* IE7 */
+  * html #ie_clearing { display:block; } /* IE 5.x & 6 */
+
+  #ie_clearing {
+    width: 500px;
+    font-size: 25px;
+    position:absolute;
+    top: -2px;
+    left:0px;
+    background: url("images/warning_iehacks.png") top left no-repeat;
+  }
+
+  /**
+   * @section pixel grid
+   */
+
+  .bg_grid {
+    background-image:url("images/grid_pattern.png") !important;
+    background-repeat:no-repeat;
+    background-position:top left !important;
+  }
+
+  /**
+   * @section transparency
+   */
+
+  .transOFF { -moz-opacity: 1.0; opacity: 1.0; filter: alpha(Opacity=100);}
+  .trans50,
+  .transON { -moz-opacity: 0.5; opacity: 0.5; filter: alpha(Opacity=50);}
+  .trans25 { -moz-opacity: 0.25; opacity: 0.25; filter: alpha(Opacity=25);}
+  .trans75 { -moz-opacity: 0.75; opacity: 0.75; filter: alpha(Opacity=75);}
+
+  /**
+   * @section colors
+   */
+
+  .bg_red { background-color: #f00 !important;}
+  .bg_blue { background-color: #00f !important;}
+  .bg_green { background-color: #0f0 !important;}
+
+  /**
+   * @visualize semantic structure
+   *
+   */
+
+  div[id] { padding: 0 !important; margin: 0 -1px; border: 1px #000 solid !important; }
+  div[class] { padding: 0 !important; margin: 0 -1px; border: 1px #000 solid !important; }
+
+  div[id]:before,
+  div[class]:before {
+   display:block;
+  text-align:left;
+  color: #fff;
+  padding: 2px;
+  font: normal 11px "Lucida console", monospace;
+  }
+
+  div[id]:before {
+  background:  #800;
+  content: "[div id='"attr(id)"']";
+  }
+
+  div[class]:before {
+  background:  #a44;
+  content: "[div class='"attr(class)"']";
+  }
+
+  div[id][class]:before {
+  background:  #800;
+  content: "[div id='"attr(id)"' class='"attr(class)"']";
+  }
+
+
+  div[class="floatbox"] { background: #f4f4f4; }
+  div[class="floatbox"]:before {
+   display:block;
+  color: #fff;
+  padding: 2px;
+  font: normal 11px "Lucida console", monospace;
+  background:  #66a;
+  content: "[div class='"attr(class)"']";
+  }
+
+  div[class="subcolumns"] { background: #f8f8f8; color: #000 !important; }
+  div[class="subcolumns"]:before {
+   display:block;
+  color: #fff;
+  padding: 2px;
+  font: normal 11px "Lucida console", monospace;
+  background:  #444;
+  content: "[div ."attr(class)"]";
+  }
+
+  div[class="subcolumns"] > div:before {
+   display:block;
+  color: #fff;
+  padding: 2px;
+  font: normal 11px "Lucida console", monospace;
+  background:  #080;
+  content: "[div ."attr(class)"]";
+  }
+
+  div[class="subc"], div[class="subcl"], div[class="subcr"] { background: #eee; }
+  div[class="subc"]:before, div[class="subcl"]:before, div[class="subcr"]:before {
+   display:block;
+  color: #fff;
+  padding: 2px;
+  font: normal 11px "Lucida console", monospace;
+  background: #6a6;
+  content: "[div ."attr(class)"]";
+  }
+
+  h1:before  { content: "[h1] "; }
+  h2:before  { content: "[h2] "; }
+  h3:before  { content: "[h3] "; }
+  h4:before  { content: "[h4] "; }
+  h5:before  { content: "[h5] "; }
+  h6:before  { content: "[h6] "; }
+
+
+  /* make link attributes href,title visible on hover ... */
+  a:hover { color: #fff !important; background: #337; text-align: left;}
+  a:hover:after { color: #fff; background: #333; content: " (href='" attr(href) "' title='"attr(title)"')"; text-align: left; }
+
+  a[class="skip"] {  }
+
+  a[id="navigation"]:before,
+  a[id="content"]:before { font: normal 11px "Lucida console", monospace; content: "[skip anchor: "attr(id)"]"; padding: 2px !important; }
+
+  a[id="content"]:hover,
+  a[id="navigation"]:hover { background: #ff0; color: #000; }
+
+  a[id="content"]:hover:after,
+  a[id="navigation"]:hover:after { content: ""; background: inherit; color: #000; }
+
+  img:after  { font: normal 11px "Lucida console", monospace; content:" ( alt='" attr(alt)"' ) "; }
+
+  address, blockquote, dl, fieldset, form, h1, h2, h3, h4, ol, p, pre, ul  {
+  border:  1px dotted #888;
+  margin: 2px;
+  padding: 2px;
+  display: block;
+  }
+
+ /* Highlighting empty elements */
+ div:empty, span:empty, p:empty, a:empty, td:empty, th:empty, li:empty,
+ b:empty, i:empty, em:empty {padding: 2px 4px; background: yellow;}
+
+ /* Highlighting inline-Styles */
+ *[style] {outline: 3px solid #f0f;}
+ *[style]:after { font: normal 11px "Lucida console", monospace; background: #f0f; color: #000; height: auto; visibility:visible; content: "Element contains inline styles!" !important; }
+
+  /**
+   * @visualize inline elements
+   *
+   */
+
+  abbr, acronym  { background: #d9eaff; }
+  q, cite, dfn, kbd  { background: #ffe3f6; }
+  /* :lang(de), :lang(en), :lang(fr), :lang(es) { background: #d9efaa !important; } */
+
+}

htdocs/yaml/markup_draft.html

@@ -0,0 +1,71 @@
+<!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>
+<title>Your Page Title</title>
+<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+<!-- (en) Add your meta data here -->
+<!-- (de) Fügen Sie hier Ihre Meta-Daten ein -->
+
+<link href="central_draft.css" rel="stylesheet" type="text/css"/>
+<!--[if lte IE 7]>
+<link href="patches/patch_layout_draft.css" rel="stylesheet" type="text/css" />
+<![endif]-->
+</head>
+<body>
+<div class="page_margins">
+  <div class="page">
+    <div id="header">
+      <div id="topnav">
+        <!-- start: skip link navigation -->
+        <a class="skip" href="#navigation" title="skip link">Skip to navigation</a><span class="hideme">.</span>
+        <a class="skip" href="#content" title="skip link">Skip to content</a><span class="hideme">.</span>
+        <!-- end: skip link navigation -->
+        <span>#topnav is here</span> </div>
+      <h1> </h1>
+    </div>
+    <!-- begin: main navigation #nav -->
+    <div id="nav">
+      <!-- skip anchor: navigation -->
+      <a id="navigation" name="navigation"></a>
+      <div class="hlist">
+        <ul>
+          <li class="active"><a href="#">Button 1</a></li>
+          <li><a href="#">Button 2</a></li>
+          <li><a href="#">Button 3</a></li>
+          <li><a href="#">Button 4</a></li>
+          <li><a href="#">Button 5</a></li>
+        </ul>
+      </div>
+    </div>
+    <!-- end: main navigation -->
+    <!-- begin: content area #main -->
+    <div id="main">
+      <!-- begin: #col1 - first float column -->
+      <div id="col1">
+        <div id="col1_content" class="clearfix"> </div>
+      </div>
+      <!-- end: #col1 -->
+      <!-- begin: #col2 second float column -->
+      <div id="col2">
+        <div id="col2_content" class="clearfix"> </div>
+      </div>
+      <!-- end: #col2 -->
+      <!-- begin: #col3 static column -->
+      <div id="col3">
+        <div id="col3_content" class="clearfix">
+          <!-- skip anchor: content -->
+          <a id="content" name="content"></a> </div>
+        <!-- IE column clearing -->
+        <div id="ie_clearing">&nbsp;</div>
+      </div>
+      <!-- end: #col3 -->
+    </div>
+    <!-- end: #main -->
+    <!-- begin: #footer -->
+    <div id="footer">Layout based on <a href="http://www.yaml.de/">YAML</a></div>
+    <!-- end: #footer -->
+  </div>
+</div>
+</body>
+</html>

htdocs/yaml/navigation/nav_shinybuttons.css

@@ -0,0 +1,93 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) Horizontal list navigation "Shiny Buttons"
+ * (de) Horizontale Navigationsliste "Shiny Buttons"
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+@media all
+{
+  .hlist {
+    /* (en) containing floats in IE */
+    /* (de) Einfassen der Floats im IE */
+    width: 100%;
+    overflow: hidden;
+    /* (en) containing floats in all other browsers */
+    /* (de) Einfassen der Floats in allen anderen Browsern */
+    float: left;
+    display: inline;
+    /* (en|de) Bugfix: IE - collapsing horizontal margins */
+    position:relative;
+    /* (en) Repeat the main color from the image */
+    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
+    background: #c0c0c0 url("images/shiny_buttons/background.png") repeat-x center right;
+    border-top: 1px #333 solid;
+    border-bottom: 1px #333 solid;
+    line-height: 0;
+  }
+
+  .hlist ul {
+    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
+    display: inline;
+    float: left; /* LTR */
+    /* (en) Left margin of the first button  */
+    /* (de) Abstand des ersten Buttons vom linken Rand  */
+    margin: 0 0 0 50px; /* LTR */
+    padding: 0;
+    border-left: 1px #aaa solid;
+    border-right: 1px #fff solid;
+  }
+
+  .hlist ul li {
+    border-left: 1px #fff solid;
+    border-right: 1px #aaa solid;
+    /* (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;
+    padding: 0;
+  }
+
+  .hlist ul li a,
+  .hlist ul li strong {
+    background: transparent;
+    color: #000;
+    display: block;
+    font-size: 1em;
+    font-weight: bold;
+    margin: 0;
+    padding: 0.5em 0.8em 0.5em 0.8em;
+    text-decoration: none;
+    width: auto;
+  }
+
+  .hlist ul li a:focus,
+  .hlist ul li a:hover,
+  .hlist ul li a:active  { background: #eee; color: #333; text-decoration: none; }
+
+  .hlist ul li.active {
+    /* (en) Repeat the main color from the image */
+    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
+    background: #272727 url("images/shiny_buttons/background_active.png") repeat-x center right;
+    border-left: 1px #444 solid;
+    border-right: 1px #888 solid;
+  }
+
+  .hlist ul li.active strong,
+  .hlist ul li.active a:focus,
+  .hlist ul li.active a:hover,
+  .hlist ul li.active a:active { background: transparent; color: #fff; text-decoration: none; }
+}

htdocs/yaml/navigation/nav_slidingdoor.css

@@ -0,0 +1,118 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) Horizontal list navigation based on "Sliding Door II" from von "A List Apart"
+ * (de) Horizontale Navigationsliste basierend auf "Sliding Door II" von "A List Apart"
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+@media all
+{
+  .hlist {
+    /* (en) This image is mainly transparent */
+    /* (de) Dieses Bild ist größtenteils transparent */
+    background: transparent url("images/sliding_door/round/bg.gif") repeat-x bottom;
+    float: left;
+    width: 100%;
+  }
+
+  .hlist ul {
+    line-height: 1em;
+    list-style: none;
+    margin: 0;
+    padding: 0 0 0 50px; /* LTR */
+    white-space: nowrap;
+  }
+
+  .hlist li {
+    /* (en) Repeat the main color from the image */
+    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
+    list-style-type: none !important;
+    background: #e0ecf8 url("images/sliding_door/round/left.png") no-repeat top left;
+    border-bottom: 1px solid #000;
+    float: left; /* LTR */
+    margin: 0;
+    padding: 0 0 0 3px;
+  }
+
+  .hlist a,
+  .hlist strong {
+    /* (en) This image is mainly transparent */
+    /* (de) Dieses Bild ist größtenteils transparent */
+    background: transparent url("images/sliding_door/round/right.png") no-repeat top right;
+    color: #667;
+    display: block;
+    font-weight: normal;
+    padding: 5px 11px 3px 8px;
+    text-decoration: none;
+    text-transform: none;
+
+    /**
+     * @bugfix
+     * @affected   IE5.x, IE6
+     * @css-for    all browsers
+     * @valid      yes
+     */
+    width: auto; /* only IE 5.x */
+    width/**/:/**/ .1em; /* only IE 6.0 */
+  }
+
+  .hlist a:link,
+  .hlist a:visited { background-color: transparent; color: #667; }
+
+  /**
+   * @bugfix
+   * @affected   IE5.x, IE6
+   * @css-for    all browsers
+   * @valid      yes
+   */
+  .hlist > ul a,
+  .hlist > ul strong { width: auto; }  /* for other browsers */
+
+  .hlist ul li:focus,
+  .hlist ul li:hover,
+  .hlist ul li:active {
+    /* (en) Repeat the main color from the image */
+    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
+    background-color: #c4d0dc;
+    background-position: 0 -150px;
+  }
+
+  .hlist li:focus a,
+  .hlist li:hover a,
+  .hlist li:active a { background-position: 100% -150px; }
+
+  .hlist a:focus,
+  .hlist a:hover,
+  .hlist a:active { background-color: transparent; color: #223; }
+
+  .hlist li.active,
+  .hlist ul li.active:focus,
+  .hlist ul li.active:hover,
+  .hlist ul li.active:active {
+    /* (en) Repeat the main color from the image */
+    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
+    background: white url("images/sliding_door/round/left_on.png") no-repeat top left;
+    border: 0 none;
+  }
+
+  .hlist li.active strong {
+    /* (en) This image is mainly transparent */
+    /* (de) Dieses Bild ist größtenteils transparent */
+    background: transparent url("images/sliding_door/round/right_on.png") no-repeat top right;
+    color: #334;
+    font-weight: bold;
+    padding-bottom: 4px;
+    padding-top: 5px;
+  }
+
+}

htdocs/yaml/navigation/nav_vlist.css

@@ -0,0 +1,123 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) Vertical list navigation "vlist"
+ * (de) Vertikale Navigationsliste "vlist"
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+@media all
+{
+  /* title */
+  h6.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;
+  }
+
+  .vlist {
+    width: 100%;
+    overflow: hidden;
+    margin: 0 0 1.5em 0;
+    list-style-type: none;
+    border-bottom: 2px #ddd solid;
+  }
+
+  .vlist ul {
+    list-style-type: none;
+    margin:0;
+    padding: 0;
+  }
+
+  .vlist li {
+    float:left; /* LTR */
+    width: 100%;
+    margin:0;
+    padding: 0;
+  }
+
+  .vlist a,
+  .vlist strong,
+  .vlist span {
+    display:block;
+    padding: 3px 0px 3px 10%;
+    text-decoration: none;
+    border-bottom: 1px #ddd solid;
+  }
+
+  .vlist a,
+  .vlist a:visited {
+    color: #444;
+  }
+
+  .vlist li span {
+    display:block;
+    font-weight: bold;
+    border-bottom: 1px #ddd solid;
+  }
+
+  /* active list element */
+  .vlist li.active {
+    color: #fff;
+    background-color:#800;
+    font-weight: bold;
+  }
+
+  /* Level 1 */
+  .vlist li a,
+  .vlist li strong,
+  .vlist li span { width: 90%; padding-left: 10%; } /* LTR */
+
+  .vlist li a:focus,
+  .vlist li a:hover,
+  .vlist li a:active { background-color:#a88; color: #fff; }
+
+  /* Level 2 */
+  .vlist li ul li a,
+  .vlist li ul li strong,
+  .vlist li ul li span { width: 80%; padding-left: 20%; } /* LTR */
+
+  .vlist li ul li a, 
+  .vlist li ul li a:visited { background-color:#f8f8f8; color: #333; }
+  .vlist li ul li a:focus,
+  .vlist li ul li a:hover,
+  .vlist li ul li a:active { background-color:#a88; color: #fff; }
+
+  /* Level 3 */
+  .vlist li ul li ul li a,
+  .vlist li ul li ul li strong,
+  .vlist li ul li ul li span { width: 70%; padding-left: 30%; } /* LTR */
+
+  .vlist li ul li ul li a,
+  .vlist li ul li ul li a:visited{ background-color:#f0f0f0; color: #222; }
+  .vlist li ul li ul li a:focus,
+  .vlist li ul li ul li a:hover,
+  .vlist li ul li ul li a:active { background-color:#a88; color: #fff; }
+
+  /* Level 4 */
+  .vlist li ul li ul li ul li a,
+  .vlist li ul li ul li ul li strong,
+  .vlist li ul li ul li ul li span { width: 60%; padding-left: 40%; } /* LTR */
+
+  .vlist li ul li ul li ul li a,
+  .vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color: #111; }
+  .vlist li ul li ul li ul li a:focus,
+  .vlist li ul li ul li ul li a:hover,
+  .vlist li ul li ul li ul li a:active { background-color:#a88; color: #fff; }
+}

htdocs/yaml/patches/patch_layout_draft.css

@@ -0,0 +1,29 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) Example of a patch stylesheet for the Internet Explorer
+ * (de) Beispiel für ein Anpassungs-Stylesheet für den Internet Explorer
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+/* Layout independent adjustments | Layout-unabhängige Anpassungen ----------------------------------- */
+@import url(/yaml/core/iehacks.css);
+
+/* Box model adjustments for vlist navigation | Box-Modell-Anpassungen für vlist-Navigation */
+/* @import url(/yaml/patches/patch_nav_vlist.css); */
+
+/* Layout-dependent adjustments | Layout-abhängige Anpassungen --------------------------------------- */
+@media screen, projection
+{
+  /* add your adjustments here | Fügen Sie Ihre Anpassungen hier ein */
+
+}

htdocs/yaml/patches/patch_nav_vlist.css

@@ -0,0 +1,60 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) IE adjustment stylesheet for YAML vlist navigation
+ *      Import this file within the IE-patch-file if needed in your layout
+ *
+ * (de) IE Anpassungs-Stylesheet für YAML vlist-Navigation
+ *      Einbindung ins Layout erfolgt über den Import innerhalb des IE-Anspassungs-Stylesheet
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+@media screen, projection
+{
+  /**
+   * Box Model Bug
+   * (en) Adjustment of width values for list elements of the menu in IE 5.x/Win.
+   *      Note: If IE6 is running in quirks mode, it also needs 100% values!
+   *
+   * (de) Korrektur der Breitenangaben der Listenelemente des Submenüs im IE 5.x/Win.
+   *      Hinweis: Befindet sich der IE6 im Quirks Mode, so benötigt er ebenfalls 100%-Werte !
+   *
+   * @bugfix
+   * @affected   IE 5.x/Win (IE6 in Quirks-Mode)
+   * @css-for    IE 5.x/Win, IE6
+   * @valid      no
+   */
+
+
+  /* title */
+  * html h6.vlist { width: 100%; w\idth: 90%; }
+
+  /* level 1 */
+  * html .vlist li a,
+  * html .vlist li strong,
+  * html .vlist li span { width: 100%; w\idth: 90%; }
+
+  /* level 2 */
+  * html .vlist li ul li a,
+  * html .vlist li ul li strong,
+  * html .vlist li ul li span { width: 100%; w\idth: 80%; }
+
+  /* level 3 */
+  * html .vlist li ul li ul li a,
+  * html .vlist li ul li ul li strong,
+  * html .vlist li ul li ul li span { width: 100%; w\idth: 70%; }
+
+  /* level 4 */
+  * html .vlist li ul li ul li ul li a,
+  * html .vlist li ul li ul li ul li strong,
+  * html .vlist li ul li ul li ul li span { width: 100%; w\idth: 60%; }
+}

htdocs/yaml/print/print_003_draft.css

@@ -0,0 +1,56 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) print stylesheet
+ * (de) Druck-Stylesheet
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+/* import print base styles | Basisformatierung für Drucklayout einbinden */
+@import url(../core/print_base.css);
+
+@media print
+{
+ /**
+  * @section column selection
+  * (en) individually switch on/off any content column for printing
+  * (de) (De)aktivierung der Contentspalten für den Ausdruck
+  *
+  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
+  */
+
+  #col1 { display:none; }
+  #col2 { display:none; }
+  #col3, #col3_content { width: 100%; margin:0; padding: 0; border:0; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /* (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;
+  }
+  */
+}

htdocs/yaml/print/print_020_draft.css

@@ -0,0 +1,56 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) print stylesheet
+ * (de) Druck-Stylesheet
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+/* import print base styles | Basisformatierung für Drucklayout einbinden */
+@import url(../core/print_base.css);
+
+@media print
+{
+ /**
+  * @section column selection
+  * (en) individually switch on/off any content column for printing
+  * (de) (De)aktivierung der Contentspalten für den Ausdruck
+  *
+  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
+  */
+
+  #col1 { display:none; }
+  #col2, #col2_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; }
+  #col3 { display:none; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /* (en) optional output of acronyms and abbreviations*/
+  /* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */
+
+  /*
+    abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; }
+  */
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /* (en) optional URL output of hyperlinks in print layout */
+  /* (de) optionale Ausgabe der URLs von Hyperlinks */
+  /*
+  a[href]:after {
+    content:" <URL: "attr(href)">";
+    color:#444;
+    background:inherit;
+    font-style:italic;
+  }
+  */
+}

htdocs/yaml/print/print_023_draft.css

@@ -0,0 +1,62 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) print stylesheet
+ * (de) Druck-Stylesheet
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+/* import print base styles | Basisformatierung für Drucklayout einbinden */
+@import url(../core/print_base.css);
+
+@media print
+{
+ /**
+  * @section column selection
+  * (en) individually switch on/off any content column for printing
+  * (de) (De)aktivierung der Contentspalten für den Ausdruck
+  *
+  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
+  */
+
+  #col1 { display:none; }
+  #col2, #col2_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; }
+  #col3, #col3_content {width: 100%; margin:0; padding: 0; border:0; }
+
+  /* Optional Column Labels | Optionale Spaltenauszeichnung
+  #col2_content:before { content:" [ left | middle | right column ]"; }
+  #col3_content:before { content:" [ left | middle | right column ]"; }
+  */
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /* (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;
+  }
+  */
+}
+

htdocs/yaml/print/print_100_draft.css

@@ -0,0 +1,56 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) print stylesheet
+ * (de) Druck-Stylesheet
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+/* import print base styles | Basisformatierung für Drucklayout einbinden */
+@import url(../core/print_base.css);
+
+@media print
+{
+ /**
+  * @section column selection
+  * (en) individually switch on/off any content column for printing
+  * (de) (De)aktivierung der Contentspalten für den Ausdruck
+  *
+  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
+  */
+
+  #col1, #col1_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; }
+  #col2 { display:none; }
+  #col3 { display:none; }
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /* (en) optional output of acronyms and abbreviations*/
+  /* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */
+
+  /*
+    abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; }
+  */
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /* (en) optional URL output of hyperlinks in print layout */
+  /* (de) optionale Ausgabe der URLs von Hyperlinks */
+  /*
+  a[href]:after {
+    content:" <URL: "attr(href)">";
+    color:#444;
+    background:inherit;
+    font-style:italic;
+  }
+  */
+}

htdocs/yaml/print/print_103_draft.css

@@ -0,0 +1,61 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) print stylesheet
+ * (de) Druck-Stylesheet
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+/* import print base styles | Basisformatierung für Drucklayout einbinden */
+@import url(../core/print_base.css);
+
+@media print
+{
+ /**
+  * @section column selection
+  * (en) individually switch on/off any content column for printing
+  * (de) (De)aktivierung der Contentspalten für den Ausdruck
+  *
+  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
+  */
+
+  #col1, #col1_content {float:none; width: 100%; margin: 0; padding: 0; border: 0; }
+  #col2 { display:none; }
+  #col3, #col3_content { width: 100%; margin:0; padding: 0; border:0; }
+
+  /* Optional Column Labels | Optionale Spaltenauszeichnung
+  #col1_content:before { content:" [ left | middle | right column ]"; }
+  #col3_content:before { content:" [ left | middle | right column ]"; }
+  */
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /* (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;
+  }
+  */
+}

htdocs/yaml/print/print_120_draft.css

@@ -0,0 +1,61 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) print stylesheet
+ * (de) Druck-Stylesheet
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+/* import print base styles | Basisformatierung für Drucklayout einbinden */
+@import url(../core/print_base.css);
+
+@media print
+{
+ /**
+  * @section column selection
+  * (en) individually switch on/off any content column for printing
+  * (de) (De)aktivierung der Contentspalten für den Ausdruck
+  *
+  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
+  */
+
+  #col1, #col1_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; }
+  #col2, #col2_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; }
+  #col3 { display:none; }
+
+  /* Optional Column Labels | Optionale Spaltenauszeichnung
+  #col1_content:before { content:" [ left | middle | right column ]"; }
+  #col2_content:before { content:" [ left | middle | right column ]"; }
+  */
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /* (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;
+  }
+  */
+}

htdocs/yaml/print/print_123_draft.css

@@ -0,0 +1,62 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) print stylesheet
+ * (de) Druck-Stylesheet
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+/* import print base styles | Basisformatierung für Drucklayout einbinden */
+@import url(../core/print_base.css);
+
+@media print
+{
+ /**
+  * @section column selection
+  * (en) individually switch on/off any content column for printing
+  * (de) (De)aktivierung der Contentspalten für den Ausdruck
+  *
+  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
+  */
+
+  #col1, #col1_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; }
+  #col2, #col2_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; }
+  #col3, #col3_content { width: 100%; margin:0; padding: 0; border:0; }
+
+  /* Optional Column Labels | Optionale Spaltenauszeichnung
+  #col1_content:before { content:" [ left | middle | right column ]"; }
+  #col2_content:before { content:" [ left | middle | right column ]"; }
+  #col3_content:before { content:" [ left | middle | right column ]"; }
+  */
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /* (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;
+  }
+  */
+}

htdocs/yaml/print/print_draft.css

@@ -0,0 +1,49 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) print stylesheet
+ * (de) Druck-Stylesheet
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 302 $
+ * @lastmodified    $Date: 2008-12-14 11:23:55 +0100 (So, 14. Dez 2008) $
+ */
+
+/* import print base styles | Basisformatierung für Drucklayout einbinden */
+@import url(../core/print_base.css);
+
+@media print
+{
+  /*------------------------------------------------------------------------------------------------------*/
+  /* add your print styles here */
+
+
+
+  /*------------------------------------------------------------------------------------------------------*/
+
+  /* (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;
+  }
+  */
+}

htdocs/yaml/screen/basemod_draft.css

@@ -0,0 +1,70 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) Template for designing a screen layout
+ * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+@media screen, projection
+{
+ /*------------------------------------------------------------------------------------------------------*/
+
+ /**
+  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
+  *
+  * @section layout-basics
+  */
+
+  /* Page margins and background | Randbereiche & Seitenhintergrund */
+  body {  }
+
+  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
+  #page_margins {  }
+  #page{  }
+
+  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
+  #header {  }
+  #topnav {  }
+
+  #main {  }
+
+  #footer {  }
+
+ /*------------------------------------------------------------------------------------------------------*/
+
+ /**
+  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
+  *
+  * @section layout-main
+  */
+
+  #col1 {  }
+  #col1_content {  }
+
+  #col2 {  }
+  #col2_content {  }
+
+  #col3 {  }
+  #col3_content {  }
+
+
+ /*------------------------------------------------------------------------------------------------------*/
+
+ /**
+  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
+  *
+  * @section layout-misc
+  */
+
+
+}

htdocs/yaml/screen/content_default.css

@@ -0,0 +1,218 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) Uniform design of standard content elements
+ * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ * @appdef yaml
+ */
+
+@media all
+{
+ /**
+  * Fonts
+  *
+  * (en) global settings of font-families and font-sizes
+  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
+  *
+  * @section content-global-settings
+  */
+
+  /* (en) reset font size for all elements to standard (16 Pixel) */
+  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
+  html * { font-size: 100.01%; }
+
+ /**
+  * (en) reset monospaced elements to font size 16px in all browsers
+  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
+  *
+  * @see: http://webkit.org/blog/67/strange-medium/
+  */
+
+  textarea, pre, code, kbd, samp, var, tt {
+    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
+  }
+
+  /* (en) base layout gets standard font size 12px */
+  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
+  body {
+    font-family:  Arial, Helvetica, sans-serif;
+    font-size: 75.00%;
+    color: #444;
+  }
+
+  /*--- Headings | Überschriften ------------------------------------------------------------------------*/
+
+  h1,h2,h3,h4,h5,h6 {
+    font-family: "Times New Roman", Times, serif;
+    font-weight:normal;
+    color:#222;
+    margin: 0 0 0.25em 0;
+  }
+
+  h1 { font-size: 250%; }                       /* 30px */
+  h2 { font-size: 200%; }                       /* 24px */
+  h3 { font-size: 150%; }                       /* 18px */
+  h4 { font-size: 133.33%; }                    /* 16px */
+  h5 { font-size: 116.67%; }                    /* 14px */
+  h6 { font-size: 116.67%; }                    /* 14px */
+
+  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
+
+  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
+  ul li { list-style-type: disc; }
+  ul ul li { list-style-type: circle; }
+
+  ol li { list-style-type: decimal; }
+  ol ol li { list-style-type: lower-latin; }
+
+  li { margin-left: 0.8em; line-height: 1.5em; }
+
+  dt { font-weight: bold; }
+  dd { margin: 0 0 1em 0.8em; }
+
+  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
+
+  p { line-height: 1.5em; margin: 0 0 1em 0; }
+
+  blockquote, cite,q {
+    font-family: Georgia, "Times New Roman", Times, serif;
+    font-style:italic;
+  }
+  blockquote { margin: 0 0 1em 1.6em; color: #666; }
+
+  strong,b { font-weight: bold; }
+  em,i { font-style: italic; }
+
+  pre, code, kbd, tt, samp, var { font-size: 100%; }
+  pre, code { color: #800; }
+  pre { line-height: 1.5em; margin: 0 0 1em 0; }
+  kbd, samp, var { color: #666; }
+  var { font-style: italic; }
+
+  acronym, abbr {
+    border-bottom: 1px #aaa dotted;
+    font-variant: small-caps;
+    letter-spacing: .07em;
+    cursor: help;
+  }
+
+  sub, sup { font-size: 91.6667%; }
+
+  hr {
+    color: #fff;
+    background:transparent;
+    margin: 0 0 0.5em 0;
+    padding: 0 0 0.5em 0;
+    border:0;
+    border-bottom: 1px #eee solid;
+  }
+
+  /*--- Links ----------------------------------------------------------------------------------------- */
+
+  a { color: #4D87C7; background:transparent; text-decoration:none; }
+  a:visited  { color: #036; }
+
+  a:focus,
+  a:hover,
+  a:active { color:#182E7A; text-decoration:underline; }
+
+  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */
+
+  p.icaption_left { float:left; display:inline; margin: 0 1em 0.15em 0; }
+  p.icaption_right { float:right; display:inline; margin: 0 0 0.15em 1em; }
+
+  p.icaption_left img,
+  p.icaption_right img { padding:0; border: 1px #888 solid; }
+
+  p.icaption_left strong,
+  p.icaption_right strong { display:block; overflow:hidden; margin-top: 2px; padding: 0.3em 0.5em; background: #eee; font-weight: normal; font-size: 91.667%; }
+
+ /**
+  * ------------------------------------------------------------------------------------------------- #
+  *
+  * Generic Content Classes
+  *
+  * (en) standard classes for positioning and highlighting
+  * (de) Standardklassen zur Positionierung und Hervorhebung
+  *
+  * @section content-generic-classes
+  */
+
+  .highlight { color: #f60; }
+  .dimmed { color: #888; }
+
+  .info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }
+
+  .note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
+  .important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
+  .warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }
+
+  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
+  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
+  .center { display:block; text-align:center; margin: 0.5em auto; }
+
+ /**
+  * ------------------------------------------------------------------------------------------------- #
+  *
+  * Tables | Tabellen
+  *
+  * (en) Generic classes for table-width and design definition
+  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
+  *
+  * @section content-tables
+  */
+
+  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 2px #888 solid; border-bottom: 2px #888 solid; }
+  table caption { font-variant:small-caps; }
+  table.full { width: 100%; }
+  table.fixed { table-layout:fixed; }
+
+  th,td { padding: 0.5em; }
+  thead th { color: #000; border-bottom: 2px #800 solid; }
+  tbody th { background: #e0e0e0; color: #333; }
+  tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }
+
+  tbody th { border-bottom: 1px solid #fff; text-align: left; }
+  tbody td { border-bottom: 1px solid #eee; }
+
+  tbody tr:hover th[scope="row"],
+  tbody tr:hover tbody th.sub { background: #f0e8e8; }
+  tbody tr:hover td { background: #fff8f8; }
+
+ /**
+  * ------------------------------------------------------------------------------------------------- #
+  *
+  * Miscellaneous | Sonstiges
+  *
+  * @section content-misc
+  */
+
+ /**
+  * (en) Emphasizing external Hyperlinks via CSS
+  * (de) Hervorhebung externer Hyperlinks mit CSS
+  *
+  * @section             content-external-links
+  * @app-yaml-default    disabled
+  */
+
+  /*
+  #main a[href^="http://www.my-domain.com"],
+  #main a[href^="https://www.my-domain.com"]
+  {
+    padding-left: 12px;
+    background-image: url('your_image.gif');
+    background-repeat: no-repeat;
+    background-position: 0 0.45em;
+  }
+  */
+}

htdocs/yaml/screen/forms.css

@@ -0,0 +1,253 @@
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) CSS-component for creating vertical forms
+ * (de) CSS-Baustein zur Erstellung von Formularen mit untereinander angeordneten Elementen
+ *
+ * @note            Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution
+ *
+ * @copyright       Copyright 2005-2009, Dirk Jesse
+ * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.1
+ * @revision        $Revision: 343 $
+ * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
+ */
+
+@media all
+{
+  /**
+   *  YAML Forms - visual styling
+   *
+   *  (en) visual form styling area
+   *  (de) Festlegung des optischen Erscheinungsbildes
+   */
+
+  form.yform {
+    background: #f4f4f4;
+    border: 1px #ddd solid;
+    margin: 0 0 1em 0;
+    padding: 10px;
+  }
+
+  form.yform fieldset {
+    border: 1px #ddd solid;
+    background: #fafafa;
+    margin: 0 0 1em 0;
+    padding: 0.5em 1em;
+  }
+
+  form.yform legend {
+    font-size: 125%; font-weight: normal; color: #000;
+  }
+
+  form.yform label {
+    color: #666;
+  }
+
+  form.yform .type-text input,
+  form.yform .type-text textarea,
+  form.yform .type-select select {
+    font-family:  Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
+    border: 1px solid #ddd;
+  }
+
+  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
+  form.yform div input:focus,
+  form.yform div select:focus,
+  form.yform div textarea:focus,
+  form.yform div input:hover,
+  form.yform div select:hover,
+  form.yform div textarea:hover,
+  form.yform div input:active,
+  form.yform div select:active,
+  form.yform div textarea:active {
+    border: 1px #a66 solid;
+    background: #fff;
+  }
+
+  /* Styling of buttons | Gestaltung von Buttons */
+  form.yform .type-button input {
+    border-top: 1px #ddd solid;
+    border-left: 1px #ddd solid;
+    border-right: 1px #444 solid;
+    border-bottom: 1px #444 solid;
+    color: #000;
+    background: #454545 url(images/button_gray.png) top left repeat-x;
+    padding: .5em 1.2em;
+  }
+
+  form.yform .type-button input#reset { color: #300; background: #661717 url(images/button_red.png) top left repeat-x; }
+  form.yform .type-button input#submit { color: #330; background: #5e5607 url(images/button_yellow.png) top left repeat-x; }
+
+  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
+  form.yform div.type-button input:focus,
+  form.yform div.type-button input:hover,
+  form.yform div.type-button input:active {
+    border-top: 1px #444 solid;
+    border-left: 1px #444 solid;
+    border-right: 1px #ddd solid;
+    border-bottom: 1px #ddd solid;
+    color: #fff;
+    background: #555; 
+  }
+
+  form.yform div.type-button input#reset:focus,
+  form.yform div.type-button input#reset:hover,
+  form.yform div.type-button input#reset:active {
+    background: #800; color: #fff;
+  }
+
+  form.yform div.type-button input#submit:focus,
+  form.yform div.type-button input#submit:hover,
+  form.yform div.type-button input#submit:active {
+    background: #880; color: #fff;
+  }
+
+ /*------------------------------------------------------------------------------------------------------*/
+
+ /**
+  * Vertical-Forms - technical base (standard)
+  *
+  * |-------------------------------|
+  * | fieldset                      |
+  * |-------------------------------|
+  * |   label                       |
+  * |   input / select / textarea   |
+  * |-------------------------------|
+  * | /fieldset                     |
+  * |-------------------------------|
+  *
+  * (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
+  *
+  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
+  */
+
+  /* General form styling  | Allgemeine Formatierung des Formulars */
+  form.yform { overflow: hidden; }
+  form.yform fieldset { overflow: hidden; }
+  form.yform legend { background: transparent; border: 0; }
+  form.yform label { display:block; cursor: pointer; }
+  form.yform .message { display: block; margin-bottom: 0.5em; color: #666; }
+
+  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
+  form.yform input[type=hidden] { display: none !important; }
+
+  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
+  form.yform sup { color: #800; font-weight: bold; }
+
+  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
+  form.yform div.type-text,
+  form.yform div.type-select,
+  form.yform div.type-check,
+  form.yform div.type-button {
+    margin: 0.5em 0;
+    position: relative;
+    overflow: hidden;
+  }
+
+  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
+  form.yform .type-text input,
+  form.yform .type-text textarea {
+    display: block;
+    position: relative;
+    padding: 0.3em 0.3em;
+    width: 58.5%;
+  }
+
+  form.yform .type-select select {
+    display: block;
+    position: relative;
+    padding: 0.3em 2px 0.3em 1px;
+    width: 60%;
+    cursor: pointer;
+  }
+  form.yform .type-select select optgroup {
+    font-style: normal;
+    font-weight: bold;
+  }
+
+  form.yform .type-check input { cursor: pointer; }
+  form.yform .type-check label { display: inline; }
+
+  /* Styling of buttons | Gestaltung von Buttons */
+  form.yform .type-button input {
+    width: auto;
+    cursor: pointer;
+  }
+
+  /* Styling of error-messages | Fehlermeldungen */
+  form.yform div.error {
+    border: 1px #a00 dashed;
+    background: #faf4f4;
+    padding: 0.5em;
+  }
+
+  form.yform div.error label { color: #000; font-weight:bold; }
+  form.yform div.error .message { color: #800; }
+
+ /*------------------------------------------------------------------------------------------------------*/
+
+ /**
+  * Columnar forms display - technical base (optional)
+  *
+  * |-------------------------------------------|
+  * | fieldset                                  |
+  * |-------------------------------------------|
+  * |                                           |
+  * |   label   |   input / select / textarea   |
+  * |                                           |
+  * |-------------------------------------------|
+  * | /fieldset                                 |
+  * |-------------------------------------------|
+  *
+  * (en) Styling of forms where label floats left of form-elements
+  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
+  *
+  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
+  */
+
+  /* Columnar display | Spalten-Darstellung */
+  .columnar .type-text label,
+  .columnar .type-select label {
+    float: left;
+    width: 30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
+  }
+
+  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
+  .columnar div.type-check { padding-left: 30%; }
+  .columnar div.error .message { margin-left: 30%; }
+
+  .columnar div.type-text input,
+  .columnar div.type-text textarea { width: 67.8%; }
+  .columnar div.type-select select { width: 69.4%; }
+  
+  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
+  * html .columnar div.type-text input,
+  * html .columnar div.type-text textarea { width: 67.2%; }
+  * html .columnar div.type-select select { width: 68.8%; }
+  
+ /*------------------------------------------------------------------------------------------------------*/
+
+ /**
+  * Forms Fieldset/Legend-Bug in IE
+  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
+  *
+  * @workaround
+  * @affected IE 5.x/Win, IE6, IE7
+  * @css-for IE 5.x/Win, IE6, IE7
+  * @valid yes
+  */
+  
+  /* IE5.x & IE6 */
+  * html form.yform legend { position:absolute; top: -.5em; left: .5em; }
+  * html form.yform fieldset { overflow:visible; height: 1%; margin-top:1.5em; padding-top:1.5em; }
+
+  /* IE7 */
+  *+html form.yform legend { position:absolute; top: -.5em; left: .5em; }
+  *+html form.yform fieldset { overflow:visible; height:1%; margin-top:1.5em; padding-top:1.5em; }
+}

mumble-django.wsgi

@@ -5,10 +5,10 @@ MUMBLE_DJANGO_ROOT = None;
 ### DO NOT CHANGE ANYTHING BELOW THIS LINE ###
 
 import os, sys
-from os.path import join, dirname, abspath
+from os.path import join, dirname, abspath, exists
 
 # Path auto-detection
-if not MUMBLE_DJANGO_ROOT:
+if not MUMBLE_DJANGO_ROOT or not exists( MUMBLE_DJANGO_ROOT ):
 	MUMBLE_DJANGO_ROOT = dirname(abspath(__file__));
 
 # environment variables

pyweb/mumble/forms.py

@@ -1,3 +1,4 @@
+# -*- coding: utf-8 -*-
 from django.forms	import ModelForm
 from models		import *
 
@@ -7,3 +8,8 @@ class MumbleForm( ModelForm ):
 		exclude = ( 'dbus', 'booted', 'addr', 'port', 'users', 'bwidth', 'sslcrt', 'sslkey', );
 	
 
+class MumbleUserForm( ModelForm ):
+	class Meta:
+		model   = MumbleUser;
+		fields  = ( 'name', 'password' );
+

pyweb/mumble/views.py

@@ -1,3 +1,4 @@
+# -*- coding: utf-8 -*-
 """ This file is part of the mumble-django application.
     
     Copyright (C) 2009, Michael "Svedrin" Ziegler <diese-addy@funzt-halt.net>
@@ -36,15 +37,16 @@ from django.http			import HttpResponseRedirect
 from django.core.urlresolvers		import reverse
 from django.contrib.auth.decorators	import login_required
 
-from models	import Mumble, MumbleUser
-from forms import *
-from mmobjects	import mmServer, mmChannel
+from models				import Mumble, MumbleUser
+from forms				import *
+from mmobjects				import mmServer, mmChannel
+
+# Handler class for all Server specific views
 
 class Storage( object ):
 	s = list();
 	r = None;
 
-
 def mumbles( request ):
 	"Displays a list of all configured Mumble servers."
 	return render_to_response(
@@ -56,14 +58,61 @@ def mumbles( request ):
 def show( request, server ):
 	"Displays the channel list for the given Server ID."
 	srv, o = createChannelList( server );
-		
+	
+	isAdmin = srv.isUserAdmin( request.user );
+	
+	if isAdmin:
+		if request.method == 'POST' and "mode" in request.POST and request.POST['mode'] == 'admin':
+			adminform = MumbleForm( request.POST, instance=srv );
+			if adminform.is_valid():
+				adminform.save();
+				return HttpResponseRedirect( '/mumble/%d' % int(server) );
+		else:
+			adminform = MumbleForm( instance=srv );
+	else:
+		adminform = None;
+	
+	if request.user.is_authenticated():
+		if request.method == 'POST' and 'mode' in request.POST and request.POST['mode'] == 'reg':
+			try:
+				user    = MumbleUser.objects.get( server=srv, owner=request.user );
+			except MumbleUser.DoesNotExist:
+				regform = MumbleUserForm( request.POST );
+				if regform.is_valid():
+					model = regform.save( commit=False );
+					model.isAdmin = False;
+					model.server  = srv;
+					model.owner   = request.user;
+					model.save();
+					return HttpResponseRedirect( '/mumble/%d' % int(server) );
+			else:
+				regform = MumbleUserForm( request.POST, instance=user );
+				if regform.is_valid():
+					regform.save();
+					return HttpResponseRedirect( '/mumble/%d' % int(server) );
+		else:
+			try:
+				user  = MumbleUser.objects.get( server=srv, owner=request.user );
+			except MumbleUser.DoesNotExist:
+				regform = MumbleUserForm();
+			else:
+				regform = MumbleUserForm( instance=user );
+	else:
+		regform = None;
+	
 	return render_to_response(
 		'mumble/mumble.htm',
-		{ 'DBaseObject': srv, 'ServerObject': o, 'ChannelTable': Storage.s, "CurrentUserIsAdmin": srv.isUserAdmin( request.user ) },
+		{
+			'DBaseObject':  srv,
+			'ServerObject': o,
+			'ChannelTable': Storage.s,
+			"CurrentUserIsAdmin": isAdmin,
+			"AdminForm":    adminform,
+			"RegForm":      regform,
+		},
 		context_instance = RequestContext(request)
 		);
 
-
 def showContent( server, user = None ):
 	"Renders and returns the channel list for the given Server ID."
 	from django.template import Context, loader
@@ -141,26 +190,35 @@ def register( request, server ):
 
 @login_required
 def savereg( request ):
-	#if not request.user.is_authenticated():
-	#	raise Exception, "You need to be logged in to register yourself with Mumble.";
-	
-	srv = Mumble.objects.get( id=request.POST['id'] );
-	try:
-		reg = MumbleUser.objects.get( server=srv, owner=request.user );
-	except MumbleUser.DoesNotExist:
-		reg = None;
+	srv  = Mumble.objects.get( id=request.POST['server'] );
 	
-	if reg is None:
-		reg = MumbleUser( name=request.POST['username'], password=request.POST['password'], server=srv, owner=request.user );
+	if request.method == 'POST':
+		try:
+			user  = MumbleUser.objects.get( server=srv, owner=request.user );
+		except MumbleUser.DoesNotExist:
+			form  = MumbleUserForm( request.POST );
+			if form.is_valid():
+				model = form.save( commit=False );
+				model.isAdmin = False;
+				model.server  = srv;
+				model.save();
+		else:
+			form = MumbleForm( request.POST, instance=user );
+			if form.is_valid():
+				model.save();
+		
+		return HttpResponseRedirect( '/mumble/%d' % int(serverid) );
 	else:
-		reg.name     = request.POST['username'];
-		reg.password = request.POST['password'];
+		form = MumbleForm( instance=murmur );
 	
-	reg.save();
-	return HttpResponseRedirect( "/mumble/%d" % srv.id );
+	return render_to_response(
+		'mumble/admin.htm',
+		{ "Mumble": murmur, "Adminform": form, "CurrentUserIsAdmin": murmur.isUserAdmin( request.user ) },
+		context_instance = RequestContext(request)
+		);
+
 
 
-	
 @login_required
 def admin( request, serverid ):
 	murmur = get_object_or_404( Mumble, id=serverid );

pyweb/settings.py

@@ -6,10 +6,14 @@
 ##  The only setting you should alter is this path.            ##
 ##  Mumble-Django will try to auto-detect this value if it     ##
 ##  isn't set, which is the default. However, if this should   ##
-##  not work as expected, et this to the path where you        ##
+##  not work as expected, set this to the path where you       ##
 ##  extracted Mumble-Django.                                   ##
 ##                                                             ##
+##  Default: Auto Detection                                    ##
 MUMBLE_DJANGO_ROOT = None;                                     ##
+##  Examples:                                                  ##
+#MUMBLE_DJANGO_ROOT = '/home/mistagee/mumble-django';          ##
+#MUMBLE_DJANGO_ROOT = 'c:/web/mumble-django';                  ##
 ##                                                             ##
 ##  For a basic installation, this is all you need to edit in  ##
 ##  this file, the rest will be handled automatically!         ##
@@ -29,9 +33,9 @@ DEFAULT_FROM_EMAIL = "webmaster@localhost"
 ACCOUNT_ACTIVATION_DAYS = 30
 
 
-from os.path import join, dirname, abspath
+from os.path import join, dirname, abspath, exists
 
-if not MUMBLE_DJANGO_ROOT:
+if not MUMBLE_DJANGO_ROOT or not exists( MUMBLE_DJANGO_ROOT ):
 	MUMBLE_DJANGO_ROOT = dirname(dirname(abspath(__file__)));
 
 DEBUG = True

template/index.htm

@@ -0,0 +1,75 @@
+<!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>
+<title>Your Page Title</title>
+<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+<!-- add your meta tags here -->
+
+<link href="/static/css/my_layout.css" rel="stylesheet" type="text/css" />
+<link href="/static/mumble/style.css"  rel="stylesheet" type="text/css" />
+
+<script src="/static/js/lib/jquery-1.3.min.js" type="text/javascript"    ></script>
+<!--[if lte IE 7]>
+<link href="/static/css/patches/patch_my_layout.css" rel="stylesheet" type="text/css" />
+<![endif]-->
+</head>
+<body>
+  <div class="page_margins">
+    <div id="border-top">
+      <div id="edge-tl"></div>
+      <div id="edge-tr"></div>
+    </div>
+    <div class="page">
+      <div id="header">
+        <div id="topnav">
+          <!-- start: skip link navigation -->
+          <a class="skip" title="skip link" href="#navigation">Skip to the navigation</a><span class="hideme">.</span>
+          <a class="skip" title="skip link" href="#content">Skip to the content</a><span class="hideme">.</span>
+          <!-- end: skip link navigation -->
+          <a href="/accounts/login">Login</a> | <a href="/admin">Admin</a> | <a href="#">Imprint</a>
+        </div>
+        <h2>{% block Headline %}{% endblock %}</h2>
+      </div>
+      <div id="nav">
+        <!-- skiplink anchor: navigation -->
+        <a id="navigation" name="navigation"></a>
+        <div class="hlist">
+          <!-- main navigation: horizontal list -->
+          <ul>
+            <li class="active"><strong>Mumble</strong></li>
+            <li><a href="/mumble">Mumble</a></li>
+            <li><a href="/accounts/profile">Profile</a></li>
+          </ul>
+        </div>
+      </div>
+      <div id="main">
+        <div id="col1">
+          <div id="col1_content" class="clearfix">
+            <!-- add your content here -->
+            {% block LeftColumn %}
+            {% endblock %}
+          </div>
+        </div>
+        <div id="col3">
+          <div id="col3_content" class="clearfix">
+            <!-- add your content here -->
+            {% block Content %}
+            {% endblock %}
+          </div>
+          <!-- IE Column Clearing -->
+          <div id="ie_clearing"> &#160; </div>
+        </div>
+      </div>
+      <!-- begin: #footer -->
+      <div id="footer">
+        You are using <a href="http://bitbucket.org/Svedrin/mumble-django">Mumble-Django</a> --
+        layout based on <a href="http://www.yaml.de/">YAML</a>
+      </div>
+    </div>
+    <div id="border-bottom">
+      <div id="edge-bl"></div>
+      <div id="edge-br"></div>
+    </div>
+  </div>
+</body>
+</html>

template/mumble/content.htm

@@ -1,37 +1,38 @@
 {% load mumble_extras %}
-<div class="rahmen">
-  <table cellspacing="0" cellpadding="0">
+<div class="mumble">
+  <table cellspacing="0" cellpadding="0" style="width:100%">
   <tr>
     <td class="mumble">
       <img src="/static/mumble/mumble.16x16.png" alt="mumble" />
       {{ ServerObject.rootName }}
     </td>
+    <td class="mumble"> </td>
   </tr>
   {% for item in ChannelTable %}
     <tr>
       <td class="mumble mm-left">
-	    <span
-		  class="mumble_{%if item.1.is_channel%}channel{%else%}{%if item.1.is_player%}player{%endif%}{%endif%}"
-		  title="{{ item.1.name }} - Online since {{item.1.onlinesince|time:"H:i"}}&lt;br /&gt;&lt;a href=&quot;/accounts/profiles/{{item.1.mumbleuser.owner.id}}&quot;&gt;{{item.1.mumbleuser.owner}}&lt;/a&gt;"
-		  >
-      {% spaceless %}
-        {% for num in item.0|mrange %}
-          <img src="/static/mumble/linie_v_trans.png" alt="|" />
-        {% endfor %}
-        <img src="/static/mumble/knoten_v_trans.png" alt="+-"  />
-      {% endspaceless %}
-      {% if item.1.userid %}
-        <img src="/static/mumble/talking_off.png" alt="player" />
-		{{ item.1.name }}
-      {% else %}
-        {% if item.1.linked %}
-          <img src="/static/mumble/channel_linked.png" alt="linked channel"/>
-        {% else %}
-          <img src="/static/mumble/channel.png" alt="channel"/>
-        {% endif %}
-        <a  href="mumble://{% if mumbleAccount %}{{ mumbleAccount.name }}@{% endif %}{{ DBaseObject.addr }}/{% for chan in item.2 %}{{ chan|urlencode }}/{% endfor %}{{ item.1.name|urlencode }}" class="dingen">{{ item.1.name }}</a>
-      {% endif %}
-	    </span>
+        <span
+          class="mumble_{%if item.1.is_channel%}channel{%else%}{%if item.1.is_player%}player{%endif%}{%endif%}"
+          title="{{ item.1.name }} - Online since {{item.1.onlinesince|time:"H:i"}}&lt;br /&gt;&lt;a href=&quot;/accounts/profiles/{{item.1.mumbleuser.owner.id}}&quot;&gt;{{item.1.mumbleuser.owner}}&lt;/a&gt;"
+          >
+          {% spaceless %}
+          {% for num in item.0|mrange %}
+            <img src="/static/mumble/linie_v_trans.png" alt="|" />
+          {% endfor %}
+            <img src="/static/mumble/knoten_v_trans.png" alt="+-"  />
+          {% endspaceless %}
+          {% if item.1.userid %}
+            <img src="/static/mumble/talking_off.png" alt="player" />
+            {{ item.1.name }}
+          {% else %}
+            {% if item.1.linked %}
+              <img src="/static/mumble/channel_linked.png" alt="linked channel"/>
+            {% else %}
+              <img src="/static/mumble/channel.png" alt="channel"/>
+            {% endif %}
+            <a  href="mumble://{% if mumbleAccount %}{{ mumbleAccount.name }}@{% endif %}{{ DBaseObject.addr }}/{% for chan in item.2 %}{{ chan|urlencode }}/{% endfor %}{{ item.1.name|urlencode }}" class="dingen">{{ item.1.name }}</a>
+          {% endif %}
+        </span>
       </td>
       <td class="mumble">
         {% if item.1.userid %}
@@ -55,8 +56,4 @@
     </tr>
   {% endfor %}
   </table>
-  <p><a href="/mumble/reg/{{DBaseObject.id}}" class="dingen">Manage Account</a></p>
-  {% if CurrentUserIsAdmin %}
-    <p><a href="/mumble/admin/{{DBaseObject.id}}" class="dingen">Manage Server settings</a></p>
-  {% endif %}
 </div>