﻿@charset "UTF-8";

@media all
{
 /*------------------------------------------------------------------------------------------------------*/

  /* (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: #efeaf0 url("../img/background.gif") repeat-x top left fixed;
	padding: 0px 0;
    text-align: center;
	font-family:sans-serif;
	font-family:Arial, sans-serif;
	font-stretch:expanded;

  }
  #page_margins {
    text-align:left;
	min-width: 970px;/* iehacks.css beachten bei einstellungen der breite */
	max-width: 970px;/* iehacks.css beachten bei einstellungen der breite */
	margin: 0 auto;
	border: 0px #889 solid;
	}
  #page {
    background: #fff;
	border: 0px #fff solid;
	background: #efeaf0 url("../img/background.png") repeat-y top left;
	}
  #header {
    color: #000;
    /*background: #fff repeat-x top left;*/
    padding: 45px 2em 80px 20px; 
	position:relative;
  }
  *html #header {
    padding: 45px 2em 130px 20px; 
  }
  #topnav {
    position: absolute;
    top: 85px;
    right: 70px;
    /* (en) essential for correct alignment in Opera 6 ! */
    /* (de) Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
    text-align: right;
	color: #aaa;
	background: transparent;
  }
  #logo {
    position:absolute;
    top: 20px;
    left: 70px;
  }
  #main {
  	/*background: #fff;*/
	padding:10px 0;
	clear:both;
	width: auto;
	border: 0px #000 solid;
	}
  #col1 {
    float: left;
	width: 197px;
	z-index: 3;
	}
  #col1_content {
    padding: 0px 0px 0px 0px;
	z-index: 4
	}
  #col2 {
    width:auto;
	margin: 0 215px 0 183px ;
	z-index: 1;
	}
  #col2_content {
    padding:0 20px 0 20px;
	z-index: 2;
	border-left:1px solid #EDE7ED;
	border-right:1px solid #EDE7ED;
	}
  #col3 {
    float: right;
	width: 215px;
	z-index: 5;
	}
  #col3_content {
    padding: 0 20px 10px 15px;
	z-index: 6;
	}
  #col1_content, #col2_content, #col3_content { position:relative }
  #footer { 
    color:#666; 
    padding: 0px;
	height: 50px;
    /*border-top: 5px #efefef solid;*/
	clear:both;
	display:block;
	background: #fff url("../img/background-footer.png") repeat-y top left;
	text-align:center;
  }
  /* (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 hidden elements | Versteckte Elemente
  *
  * (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;
  }
   /* (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{ 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;}
}

