/* http://www.raumacht.de */
@charset "UTF-8";
@media all
{
  /* (de) Alle Schriftgr��en auf Standardgr��e (14 Pixel) zur�cksetzen */
  html * { font-size: 100.01%; }

 /** (de) Schriftgr��e von monospaced Elemente in allen Browsern auf 14 Pixel setzen */
  textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }
  /* (de) Basis-Layout erh�lt Standardschriftgr��e von 12 Pixeln */
  body {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 75.00%;
    color: #666;
    background-image:url(../images/bg.jpg);
    background-repeat: repeat-x;
    background-color: #ECECEC;
  }

  /*--- �berschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #666;
    line-height: 1.2em;
    margin: 0 0 1em 0;
  }

/*  h1 { font-size: 250%; }                       30px */
/*  h2 { font-size: 200%; }                       24px */
/*  h3 { font-size: 150%; }                       18px */
/*  h4 { font-size: 133.33%; }                    16px */
/*  h5 { font-size: 116.67%; }                    14px */
/*  h6 { font-size: 116.67%; }                    14px */
  
  h1 { font-size: 250%; }                       /* 30px */
  h2 { font-size: 166.67%; }                       /* 20px */
  h3 { font-size: 116.67%; }                    /* 18px */
  h4 { font-size: 116.67%; }                    /* 16px */
  h5 { font-size: 116.67%; }                    /* 14px */
  h6 { font-size: 116.67%; }                    /* 14px */

  /* --- Listen  -------------------------------------------------------------------------------- */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
  ul li { list-style-type: disc; }
  ul ul li { list-style-type: circle; }

  ol li { list-style-type: decimal; }
  ol ol li { list-style-type: lower-latin; }

  li { margin-left: 0.8em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; }

  /* --- Allgemeine Textauszeichnung ------------------------------------------ */

  p { line-height: 1.5em; margin: 0 0 1em 0; }

  blockquote, cite,q {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin: 0 0 1em 1.6em; color: #666; }

  strong,b { font-weight: bold; }
  em,i { font-style: italic; }

  pre, code, kbd, tt, samp, var { font-size: 100%; }
  pre, code { color: #800; }
  pre { line-height: 1.5em; margin: 0 0 1em 0; }
  kbd, samp, var { color: #666; }
  var { font-style: italic; }

  acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }

  sub, sup { font-size: 91.6667%; }

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }

  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color: #666; background: transparent; text-decoration: none; }
  a:visited  { color: #666; }

  a:focus,
  a:hover,
  a:active { color: #666; text-decoration: none; }


  #footer  a { text-decoration: none; }
  #footer  a:visited  { }

  #footer a:focus,
  #footer  a:hover,
  #footer  a:active { text-decoration: none; }
  
  #nav  a { color: #fff; background: transparent; text-decoration: none; }
  #nav  a:visited  { color: #fff; }

  #nav  a:focus,
  #nav  a:hover,
  #nav  a:active { color:#999; text-decoration: none; }

  #nav .nav_active {
  	font-weight: bold;
  }

  /*--- Content Elemente ----------------------------------------------------------------------------------------- */


  .rot {
    background-color: #B20004;
}

  .wrapper {
    border: 1px solid #999;
    background-color: #FFF;
    width: 900px;
    height: auto;
    margin: 0;
    padding: 0;
}

  #content {
    position: relative;
    margin: 40px 0 20px 0;
}

  #header {
    height: 50px;
    margin:0;
    padding:0;
    font-size:0;
}

  #col-left {
    border-right: 1px solid #999;
    padding: 0 15px 0 20px;
    width: 616px;
    float: left;
}

  #col-right {
    padding: 0 20px 0 15px;
    float: left;
}

  #col-right .bodytext {
    width: 209px;
    padding: 20px 0 20px 0;
    font-size: 91.6667%;
    line-height: 1.2em;
}

  #nav {
    font-size: 133.33%;
    color: #fff;
    font-variant: small-caps;
}

  #footer {
    position: absolute;
    right: 20px;
    bottom: 0;
  }
  
  
 /**
  * ------------------------------------------------------------------------------------------------- #
  * Clearfix
  *
  */
  
/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* Diese Angabe ben�tigt der Safari-Browser zwingend !! */
.clearfix { display: block; }

/*---------------------------------------------------------*/
/* Workaround: Clearfix-Anpassung f�r alle IE-Versionen */
/*
** IE7 - x
*/
.clearfix { display: inline-block; }

/*
** IE5.x/Win - x
** IE6 - x
*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*--------------------------------------------------------*/

}
