/* Präambel: http://www.ie6nomore.com/ */

/*@charset "UTF-8";*/
/*
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * 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-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 {
/*
 * 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;
}

/*
 * Fehlersuche: Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde
 *
 * @debug
 * @app-yaml-default disabled
 */

/*
body {
  background: #0f0;
  background-image: none;
}
 */

/* ----------------------------------------------------------------- */

/*
 * Scrollbar-Fix wird in alten IE's nicht benötigt, zudem verursacht der Fix Probleme im IE6
 *
 * @workaround
 * @affected   IE6, IE7
 * @css-for    IE6, IE7
 * @valid      no
 */

body {
  o\verflow: visible;
/* Zentrierung des Layouts in alten IE-Versionen */
  text-align: center;
}

/* ----------------------------------------------------------------- */

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

/* ----------------------------------------------------------------- */

/*
 * Stabilitätsverbesserungen durch 'position: relative'
 *
 * Essential for correct scaling in IE7 (body). IE5 must get static positioned body instead.
 * Helpful to fix several possible problems in older IE versions (#main).
 *
 * @bugfix
 * @affected   IE 5.x/Win, IE6, IE7
 * @css-for    IE 5.x/Win, IE6, IE7
 * @valid      yes
 */

body,
#main {
  position: relative;
}

* html body {
  position: static;
}

/* ----------------------------------------------------------------- */

/*
 * Clearfix-Anpassung für diverse IE-Versionen
 *
 * @workaround
 * @see        http: //perishablepress.com/press/2009/12/06/new-clearfix-hack/
 * @affected   IE 5.x/Win, IE6, IE7
 * @css-for    IE 5.x/Win, IE6, IE7
 * @valid      yes
 */

/* hasLayout aktivieren */
.clearfix {
  height: 1%;
}

/* ----------------------------------------------------------------- */

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

/* ----------------------------------------------------------------- */

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

/* ----------------------------------------------------------------- */

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

/* ----------------------------------------------------------------- */

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

/* IE6 & IE7 */
.page_margins,
.page,
/*
#header,
#nav,
*/
#main,
#footer {
  zoom: 1;
}

/* IE 5.x & IE6 | IE6 only */
* html .page_margins,
* html .page {
  height: 1%;
  hei\ght: auto;
}

/* IE 5.x & IE6 | IE6 only */
/*
* html #header,
* html #nav,
*/
* html #main,
* html #footer {
  width: 100%;
  wid\th: auto;
}

/* trigger hasLayout to force containing content */
.subc,
.subcl,
.subcr {
  height: 1%;
}

/* ----------------------------------------------------------------- */

/*
 * Disappearing List-Background Bug
 * @see        http: //www.positioniseverything.net/explorer/ie-listbug.html
 *
 * @bugfix
 * @affected   IE 5.x/Win, IE6
 * @css-for    IE 5.x/Win, IE6
 * @valid      yes
 */

* html ul,
* html ol,
* html dl {
  position: relative;
}

/* ----------------------------------------------------------------- */

/*
 * List-Numbering Bug
 *
 * @bugfix
 * @affected   IE 5.x/Win, IE6, IE7
 * @css-for    IE 5.x/Win, IE6, IE7
 * @valid      yes
 */

body ol li {
  display: list-item;
}

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

/* ----------------------------------------------------------------- */

/*
 * Workaround für 'kollabierenden Margin an #col3' bei Verwendung der 
 * CSS-Eigenschaft clear. Der linke Margin von #col3 kollabiert bei der
 * Verwendung von clear: both im 1-3-2 (oder 2-3-1) Layout wenn 
 * gleichzeitig die linke Spalte die kürzeste und die rechte die 
 * längste ist. Im IE6 und IE7 lässt sich der Bug durch eine speziell 
 * für YAML entwickelten Workaround umgehen.
 *
 * @workaround
 * @affected   IE 5.x/Win, IE6, IE7
 * @css-for    IE 5.x/Win, IE6, IE7
 * @valid      no
 */

html #ie_clearing {
/* Nur eine kleine Hilfe zur Fehlersuche */
  position: static;
/* Container sichtbar machen im IE */
  display: block;
/* Kein Fix im IE5.x möglich,
daher normales Clearing */
  \clear: both;
/* 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;
}

/* Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */
html {
  margin-right: 1px;
}

* html {
  margin-right: 0;
}

/* Bugfix: Notwendig im IE7 */
#col3 {
  position: relative;
}

/* ----------------------------------------------------------------- */

/*
 * IE/Win Guillotine Bug
 * @see        http: //www.positioniseverything.net/explorer/guillotine.html
 *
 * @workaround
 * @affected   IE 5.x/Win, IE6
 * @css-for    IE 5.x/Win, IE6
 * @valid      yes
 */

* html body a,
* html body a:hover {
  background: transparent;
}

}


@media screen, projection {

/* Bilder-Fixes, weil der doofe IE keine data-URIs versteht */

body {
  background: #777 url("/assets/img/bg.png") repeat-x top left fixed;
}

#haenselundgretel span.gt {
  background: transparent url("/assets/img/gt.png") no-repeat right center;
}

.type-button input.submit:focus,
.type-button input.submit:hover {
  background: #d5d5d5 url("/assets/img/button_gray-hover.png") top left repeat-x;
}

.type-button input.submit:focus,
.type-button input.submit:hover {
  background: #d5d5d5 url("/assets/img/button_gray-hover.png") top left repeat-x;
}

/* Hintergrundbilder weg, weil der die eh falsch versteht */
#bokeh,
#waben-gelb,
#waben-weiss {
  display: none !important;
}

/* stattdessen ein weisser Hintergrund für das Logo */
#biene {
  background: #fff;
  padding: 10px 10px 0 10px;
  left
}

.contentseite #main {
  background: #fff url("/assets/img/wabe-gross.png") no-repeat -10% 35em;
}

.contentseite a.button {
  background: #ffb500 url("/assets/img/button-hinten.png") repeat-x left center;
}

.contentseite #col3_content {
  background: #ffd985 url("/assets/img/waben-rechts.png") no-repeat -20px 10em;
}

.nav a,
.nav strong,
.nav span,
.contentseite a.button:focus,
.contentseite a.button:hover {
  background: #ffd75d url("/assets/img/navi-hinten.png") repeat-x left center;
}

.nav li.active strong,
.nav li a:focus,
.nav li a:hover,
.nav li a:active,
.contentseite a.button:active {
  background: #ffeaa2 url("/assets/img/navi-hinten-hover-active.png") repeat-x left center;
}



/*
* 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 IE5.x & IE6
*
* @workaround
* @affected   IE 5.x/Win, IE6
* @css-for    IE 5.x/Win, IE6
* @valid      no
*/

/*
* html .page_margins {
  width: 80em;
  width: expression((document.documentElement && document.documentElement.clientHeight) ? ((document.documentElement.clientWidth < 740) ? "740px" : ((document.documentElement.clientWidth > (80 * 16 * (parseInt(this.parentNode.currentStyle.fontSize) / 100))) ? "80em" : "auto" )) : ((document.body.clientWidth < 740) ? "740px" : ((document.body.clientWidth > (80 * 16 * (parseInt(this.parentNode.currentStyle.fontSize) / 100))) ? "80em" : "auto" )));
}
*/

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

.c20l,
.c20r,
.c25l,
.c25r,
.c30l,
.c30r,
.c33l,
.c33r,
.c38l,
.c38r,
.c40l,
.c40r,
.c50l,
.c50r,
.c60l,
.c60r,
.c62l,
.c62r,
.c66l,
.c66r,
.c70l,
.c70r,
.c75l,
.c75r,
.c80l,
.c80r {
  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 .c20l,
.equalize .c40l,
.equalize .c60l,
.equalize .c80l,
.equalize .c25l,
.equalize .c33l,
.equalize .c38l,
.equalize .c50l,
.equalize .c62l,
.equalize .c66l,
.equalize .c75l {
  float: left;
  display: inline;
  padding-bottom: 32767px;
  margin-bottom: -32767px;
}

.equalize .c20r,
.equalize .c40r,
.equalize .c60r,
.equalize .c80r,
.equalize .c25r,
.equalize .c33r,
.equalize .c38r,
.equalize .c50r,
.equalize .c62r,
.equalize .c66r,
.equalize .c75r {
  float: right;
  margin-left: -5px;
  display: inline;
  padding-bottom: 32767px;
  margin-bottom: -32767px;
}

.no-ie-padding .c20l,
.no-ie-padding .c40l,
.no-ie-padding .c60l,
.no-ie-padding .c80l,
.no-ie-padding .c20r,
.no-ie-padding .c40r,
.no-ie-padding .c60r,
.no-ie-padding .c80r,
.no-ie-padding .c25l,
.no-ie-padding .c33l,
.no-ie-padding .c38l,
.no-ie-padding .c50l,
.no-ie-padding .c62l,
.no-ie-padding .c66l,
.no-ie-padding .c75l,
.no-ie-padding .c25r,
.no-ie-padding .c33r,
.no-ie-padding .c38r,
.no-ie-padding .c50r,
.no-ie-padding .c62r,
.no-ie-padding .c66r,
.no-ie-padding .c75r {
  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;
}

/* avoid growing widths */
* html .subc,
* html .subcl,
* html .subcr {
  word-wrap: break-word;
  o\verflow: hidden;
}

}

@media print {
/*
 * 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%;
}

}