/* ################# Global Resetting ################## */

  * {
    font-size: 1em; /* reset font-sizes to 1em == 10px */
    font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
    list-style: none;
    margin:  0;
    padding: 0;
  }

  html         { }

  body         { color: #000; font-size: 62.5%; /* reset font-sizes to 1em == 10px */ }

  a img        { border: 0; }

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

  div.P02      { height: 0.2em; }
  div.P05      { height: 0.5em; }
  div.P08      { height: 0.8em; }
  div.P10      { height: 1.2em; }
  div.P15      { height: 1.8em; }
  div.P20      { height: 2.4em; }
  div.P30      { height: 3.6em; }

  .clear       { clear: both; height: 0; }

  .subcolumns  { clear: both; /* IE6 error -> width: 100%; overflow: hidden; */ }

  .c25l, .c25r { width: 25%;     }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%;     }
  .c66l, .c66r { width: 66.444%; }
  .c75l, .c75r { width: 75%;     }
  .c38l, .c38r { width: 38.2%;   }
  .c62l, .c62r { width: 61.8%;   }

  .c45l, .c45r { width: 45%; }
  .c55l, .c55r { width: 55%; }

  .c25l, .c33l, .c50l, .c66l, .c75l, .c38l, .c62l, .c45l, .c55l { float: left; }
  .c25r, .c33r, .c50r, .c66r, .c75r, .c38r, .c62r, .c45r, .c55r { float: right; margin-left: -5px; }

  .subcl       { margin: 0 20px 0  0;   }
  .subcr       { margin: 0  0   0 25px; }



  /* ################## YAML Clearing ################## */

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



  /* ####################### Page ###################### */

  body             { background: url(../images/main_bg_line.jpg) repeat-y; }

  #MainBG          { height: 500px; background: url(../images/main_bg.jpg) no-repeat; }

  #Main            { width: 860px; }

  #Header          { position: relative; height: 111px; overflow: hidden; border: solid 0px green; }
  #Menu            { position: absolute; left: 260px; top: 32px; }
  #Breadcrumbs     { position: absolute; bottom: 0px; background: white; margin-left: 24px; padding: 0 6px 0 6px; }

  #Left            { float: left; width: 165px; margin: 18px 50px 50px 0; }
  #LeftTeaser      { margin-top: 50px; margin-left: 15px; background: white; line-height: 0; }
  #LeftTeaser img  { border: solid 1px #0c8770; }

  #Content         { float: left; width: 440px; margin: 20px 0 50px 0; }

  #Right           { float: left; width: 150px; margin: 20px 0 50px 50px; }
  #RightTeaser     { margin-top: 25px; }
  #RightTeaser img { border: solid 1px #0c8770; }

  #Footer          { width: 860px; height: 50px; position: fixed; bottom: 0; overflow: hidden; border: solid 0px green; }



  /* #################### Home Page #################### */

  body.homepage { position: absolute; top: 30%; width: 100%; background: none; text-align: center; }



  /* ###################### Forms ###################### */

  #Form_Form fieldset         { border: none; margin-left: 16px; }
  #Form_Form label            { float: left; width: 125px; }

  #Form_Form div.field        { margin-top: 8px; }
  #Form_Form div.middleColumn { color: #000; }
  #Form_Form input            { width: 225px; }
  #Form_Form textarea         { width: 350px; }
  #Form_Form input.action     { font-size: 1.2em; line-height: 1.5em; margin-left: 142px; margin-top: 20px; }
  #Form_Form span.required    { color: #0c8770; }