/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2011, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3.1
 * @revision        $Revision: 501 $
 * @lastmodified    $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
 */

@media all {

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Globaler Browser Reset
 * 
 * @section browser reset
 * @see     http://meyerweb.com/eric/tools/css/reset/
 *          v2.0 | 20110126
 *          License: none (public domain)
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Clearfix Methode
 * 
 * @section clearing methods
 * @see     http://yaml.de/en/documentation/basics/general.html
 */

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

/* Diese Angabe benötigt der Safari-Browser zwingend! */
.clearfix { display: block; }

/* Alternative Methode zum Einschließen von Float-Umgebungen */
.floatbox { display: table; width: 100%; }

/* IE-Clearing: Benötigt nur der Internet Explorer und wird über iehacks.css zugeschaltet */
#ie_clearing { display: none; }


/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Versteckte Elemente
 * 
 * @section hidden elements
 * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
 */

/* Klassen für unsichtbare Elemente im Basislayout */
.skip, .hideme, .print {
    position: absolute;
    top: -32768px;
    left: -32768px;
}

/* Skip-Links für Tab-Navigation sichtbar schalten */
.skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
}

/* Skip-Links: Technisches Setup */
#skiplinks {
    position: absolute;
    top: 0;
    left: -32768px;
    z-index: 1000;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
  
#skiplinks .skip:focus,
#skiplinks .skip:active {
    position: absolute;
    left: 32768px;
    width: 100%;
    outline: 0 none;
}  

}


@media screen, projection {

/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Basis Layout
 * 
 * @section base layout
 * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
 */

#col1 { float: left; }
#col2 { float: right; }
#col3 { width: auto; }

/* Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
#col1_content, #col2_content, #col3_content { position: relative; }


/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Subtemplates
 * 
 * @section subtemplates
 * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
 */

.subcolumns { display: table; width: 100%; table-layout: fixed; }
.subcolumns_oldgecko { float: left; width: 100%; }

.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float: left; }
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c62r, .c66r, .c75r, .c80r { float: right; margin-left: -5px; }

.c20l, .c20r { width: 20%; }
.c40l, .c40r { width: 40%; }
.c60l, .c60r { width: 60%; }
.c80l, .c80r { width: 80%; }
.c25l, .c25r { width: 25%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 50%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 75%; }
.c38l, .c38r { width: 38.2%; }
.c62l, .c62r { width: 61.8%; }

.subc  { padding: 0 10px; }
.subcl { padding: 0 20px 0 0; }
.subcr { border-left: 1px dotted #ccc; padding: 0 0 0 19px; }

.equalize, .equalize .subcolumns { table-layout: fixed; }

.equalize > div {
    float: none;
    display: table-cell;
    overflow: hidden;
    margin: 0;
    vertical-align: top;
}

}


@media print {

/**
 * Float Clearing für .floatbox und die Subtemplates.
 * Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
 */

.subcolumns,
.subcolumns > div {
    display: table;
    overflow: visible;
}

/* .print-Klasse sichtbar schalten */
.print { 
    position: static;
    left: 0;
}

/* Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
.noprint { display: none !important; }

}