@charset "UTF-8";
@media all
{
  /**
   * basis tpl für 
   */

  body {background-color:#fff; text-align: center; margin: 0px; padding:0px; font-family:verdana,arial,helvetica,sans-serif; font-size: 11px; line-height: 15px;}

  .header { margin-left: auto; margin-right: auto; width: 980px; position: relative; height: 225px; background:#fff url("../img/bg_head.gif") no-repeat top left; text-align: left;}
  .main { margin-left: auto; margin-right: auto; width: 980px; position: relative; text-align: left;}
  
  .home_link {
          position: absolute;
          width: 520px;
          height: 100px;
          top: 40px;
          left: 50px;
  }
  
  .home_link a {
          display: block;
          height: 100px;
  }
  
  .zitat {
           position: absolute;
           left: 725px;
           top: 0px;
  }
  
  #col-1, #col-2, #col-3 {
          float: left;
          width: 170px; 
  }
  
  #col-2 {
          width: 555px; 
  }
  
  #col-3 {
          width: 225px; 
  }
  
  #col-1 .cont, #col-2 .cont {
          padding: 0px 50px 50px 0px;
  }
  
  #col-3 .cont {
          padding-top: 35px;
  }
  
  h1 { font-family:verdana,arial,helvetica,sans-serif; font-size: 11px; line-height: 15px; font-weight: bold; height: 25px; }
  
  a {color: #DA1F3D; text-decoration: underline; }
  a:hover {text-decoration: none; }
  
  ul.nav {
          list-style-type: none;
          margin: 0px;
          padding: 0px;
  }
  
  ul.nav li {
          margin: 0px;
          padding: 0px;
          height: 22px;
          width: 100px;
  }
  
  ul.nav li a {
          display: block;
          background:#fff url("../img/nav.gif") no-repeat -170px 0px;
          height: 22px;
          text-indent: -3000em;
  }
  
  ul.nav li a:hover {
          display: block;
          background:#fff url("../img/nav.gif") no-repeat 0px 0px ;
          height: 22px;
  }
  
  
  ul.nav li#home a {background-position: -170px 0px;}
  ul.nav li#motiv a {background-position: -170px -22px;}
  ul.nav li#inhalte a {background-position: -170px -44px;}
  ul.nav li#leistungen a {background-position: -170px -66px;}
  ul.nav li#referenzen a {background-position: -170px -88px;}
  ul.nav li#vita a {background-position: -170px -110px;}
  ul.nav li#kontakt a {background-position: -170px -132px;}
  
  ul.nav li#home a:hover, ul.nav li#home_act a {background-position: 0px 0px;}
  ul.nav li#motiv a:hover, ul.nav li#motiv_act a {background-position: 0px -22px;}
  ul.nav li#inhalte a:hover, ul.nav li#inhalte_act a {background-position: 0px -44px;}
  ul.nav li#leistungen a:hover, ul.nav li#leistungen_act a {background-position: 0px -66px;}
  ul.nav li#referenzen a:hover, ul.nav li#referenzen_act a {background-position: 0px -88px;}
  ul.nav li#vita a:hover, ul.nav li#vita_act a {background-position: 0px -110px;}
  ul.nav li#kontakt a:hover, ul.nav li#kontakt_act a {background-position: 0px -132px;}
  
  .clearer {clear: both;}

}