Miscellany

@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-2007, 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.0.3 * @revision        $Revision: 118 $ * @lastmodified    $Date: 2007-08-18 16:03:42 +0200 (Sa, 18 Aug 2007) $ */@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 } /**  * (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% }  body {    min-height: 101%;    /* (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;  }  /* (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 }  li { margin-left: 1.5em; line-height: 1.5em; }  dt { font-weight: bold; }  dd { margin: 0 0 1em 2em; }  blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;} /*------------------------------------------------------------------------------------------------------*/ /**  * @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 }  #topnav {    position:absolute;    top: 10px;    right: 10px;    /* (en) essential for correct alignment in Opera 6 ! */    /* (de) Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */    text-align: right;  }  #nav { clear:both; width: auto }  #main { clear:both; width: auto }  /* (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) Backup for #footer positioning */  /* (de) Absicherung für die Positionierung von #footer */  #footer { clear:both; display:block }  /* (en) Adjustment: sort #col3 behind float columns using z-index */  /* (de) Anpassung: #col3 mittels z-index hinter die float-Spalten verschieben */  #col1 {z-index: 3}  #col2 {z-index: 5}  #col3 {z-index: 1}  #col1_content {z-index: 4}  #col2_content {z-index: 6}  #col3_content {z-index: 2}  #col1_content, #col2_content, #col3_content { position:relative } /*------------------------------------------------------------------------------------------------------*/ /**  * @section generic classes for layout switching | Generische Klassen zur Layoutumschaltung  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html  *  * .hidenone  -> show all columns  * .hideleft  -> 2-column-layout (using #col2 and #col3)  * .hideright -> 2-column-layout (using #col1 and #col3)  * .hidenone  -> single-column-layout (using #col3)  */  .hidenone #col3 {margin: 0 200px}  .hideboth #col3 {margin-left: 0; margin-right: 0}  .hideleft #col3 {margin-left: 0; margin-right: 200px}  .hideright #col3 {margin-left: 200px; margin-right: 0}  .hideboth #col1, .hideboth #col2 {display:none}  .hideleft #col1 {display:none}  .hideright #col2 {display:none} /*------------------------------------------------------------------------------------------------------*/ /**  * @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;    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, .subcolumns_oldgecko {    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 { 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 } /*------------------------------------------------------------------------------------------------------*/ /**  * @section hidden elements | Versteckte Elemente  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html  *  * (en) skip links and hidden content  * (de) Skip-Links und versteckte Inhalte  */  /* (en) classes for invisible elements in the base layout */  /* (de) Klassen für unsichtbare Elemente im Basislayout */  .skip, .hideme, .print {    position: absolute;    top: -1000em;    left: -1000em;    height: 1px;    width: 1px;  }  /* (en) make skip links visible when using tab navigation */  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */  .skip:focus, .skip:active {    position: static;    top: 0;    left: 0;    height: auto;    width: auto;  }}