@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-2008, 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.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 */

@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%;
	margin-bottom: 1px;*/
}
body {
	/* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    color: #000000;
	text-align: left;
	font-family: Arial;
	width: 0px 0;
	background-image: url(../../images/pagebkgrd.jpg);
	background-repeat: repeat-x;
	height: left;
	background-color: #C4CBCC;
}
/* (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 {
	margin: 0 0 1em 1.5em;
}
/*------------------------------------------------------------------------------------------------------*/

 /**
  * @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; } */

  /* (en) Absolute positioning only within #header */
  /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
  
  
 #bttmnav {
	text-align: left;
	width: 100%;
	height: 12px;
}
/*------------------------------------------------------------------------------------------------------*/

 /**
  * @section generic classes for layout switching | Generische Klassen zur Layoutumschaltung
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * .hidecol1 -> 2-column-layout (using #col2 and #col3)
  * .hidecol2 -> 2-column-layout (using #col1 and #col3)
  * .hideboth -> single-column-layout (using #col3)
  */

  .hideboth #col3 {
	margin-left: 0;
	margin-right: 0;
}
.hidecol1 #col3 {
	margin-left: 0;
	margin-right: 200px;
}
.hidecol2 #col3 {
	margin-left: 200px;
	margin-right: 0;
}
.hideboth #col1, .hideboth #col2, .hidecol1 #col1, .hidecol2 #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 {
	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;
}
/*------------------------------------------------------------------------------------------------------*/

 /**
  * @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;
}
}
