@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-2010, 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.2.1
 * @revision        $Revision: 454 $
 * @lastmodified    $Date: 2010-01-01 17:31:10 +0100 (Fr, 01. Jan 2010) $
 */

@media all {

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Globaler Browser Reset
 * 
 * @section browser reset
 * @see     Resetting Again,
 *          http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
 */

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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

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


/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * 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; }


/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * 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 { overflow: hidden; }

/* IE-Clearing: Benötigt nur der Internet Explorer und ü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: 0px; 
    left: -32768px; 
    z-index: 1000; 
    width: 100%;
    margin: 0; 
    padding: 0; 
    list-style-type: none;   
}
  
#skiplinks a.skip:focus,
#skiplinks a.skip:active {
    left: 32768px; 
    outline: 0 none;
    position: absolute; 
    width: 100%;
}  

}


@media screen, projection {

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

#header { position: relative; }

/* Absicherung korrekte Positionierung */
#header, #nav, #main, #footer { clear: both; }

#col1 { float: left; width: 200px; }
#col2 { float: right; width: 200px; }
#col3 { width: auto; margin: 0 200px; }

/* 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 {
    width: 100%;
    /*overflow: hidden;*/
    display: table; 
    table-layout: fixed;
}

/* Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
.subcolumns_oldgecko { width: 100%; float: left; }

.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l, .c21l, .c23l, .c56l, .c79l, .c31l, .c69l { float: left; }
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c21r, .c23r, .c56r, .c79r, .c31r, .c69r { 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%; }

.c21l, .c21r { width: 21.311%; } /* 208px */
.c23l, .c23r { width: 22.95%; } /* 224px */
.c56l, .c56r { width: 55.737%; } /* 544px */
.c79l, .c79r { width: 78.688%; } /* 768px */

.c31l, .c31r { width: 31.148%; } /* 304px */
.c69l, .c69r { width: 68.852%; } /* 672px */

.subc,
.subcl,
.subcr {
    margin: 12px 0 16px;
    padding: 0 16px;
}

.c79r .subcr,
.c56l .subc {
    padding-left: 31px;
    border-left: 1px solid #eaeaea;
}

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

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

}


@media print {

/**
 * Float Clearing für .floatbox und die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
 *
 * @bugfix
 * @since     3.0
 * @affected  FF2.0, FF3.0, IE7
 * @css-for   all browsers
 * @valid     yes
 */

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

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

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

}