@charset "UTF-8";

@media all
{

  * { margin:0; padding:0; }

  option { padding-left:0.4em; } 
  select { padding:1px; }

  /*  Globale Korrektur des Italics Bugs des IE 5.x und IE 6 */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  body {
  
    /* Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size:100.01%;

    background:#fff;
    color:#000;
    text-align:left; 
  }

  /* Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
  div { outline:0 none; }

  fieldset, img { border:0 solid; }

  ul, ol, dl { margin:0 0 1em 1em; } 
  li {
    line-height:1.5em;
    margin-left:0.8em; 
  }

  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; } 

  blockquote { margin:0 0 1em 0.8em; } 

  blockquote:before, blockquote:after,
  q:before, q:after { content:""; }

  .clearfix:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }

  /* Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display:block; }
  
  .floatbox { overflow:hidden; }
  #ie_clearing { display:none; }


  .skip, .hideme, .print {
    position:absolute;
    top:-32768px;
    left:-32768px; 
  }

  .skip:focus, .skip:active {
    position:static;
    top:0;
    left:0;
  }

  #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
{

  #header { position:relative; }
  #topnav { text-align:right; } 
  #header #topnav {
    position:absolute;
    top:10px;
    right:10px; 
  }

  #header, #nav, #main, #footer { clear:both; }

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

  #col1_content, #col2_content, #col3_content { position:relative; }

  .subcolumns { width:100%; overflow:hidden; }

  .subcolumns_oldgecko { width:100%; float:left; }

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

  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; }

  .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 */

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

  .print { 
    position:static; 
    left:0;
  }

  .noprint { display:none !important; }
  .subcolumns { width:100%; overflow:hidden; }
  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l {float:left; }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {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%; }
  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; }
}
