/*
-----------------------------------------------
Designer &      
Programmer:   Dirk Schulte
URL:                www.schulte-design.com
Date:              28.09.2006
last update:    28.09.2006

wichtige Farben
==========================
rot:  #c60808;
----------------------------------------------- */
      
      * {
      margin: 0;
      padding: 0;
      border: 0; 
      }
      
      body {
      background-color: #fff;
      font-size: 75%;
      font-family: "Lucida Grande",  Arial, Helvetica, sans-serif; 
      line-height: 1.4em;
      }
      
      #wrap {
      margin: 0 auto;
      padding: 0;
      width: 770px;
      height: 100%;
      /*     border: 1px solid #333;  */
      }
      
      #header {
      float: left;
      width: 770px;
      height: 86px;
      background-color: #fff;
      background-image: url(pics/nav_bg.gif);
      background-repeat: no-repeat;
      background-position:  0% 0%; 
      border-bottom: 1px solid #fff;
      }
      
      #logo {
      float: left;
      position: absolute;
      margin: 0;
      padding: 0;
      }
      
      #navigation {
      float: left;
      position: absolute;
      margin: 0;
      padding-left: 460px;
      padding-top: 63px;
      }
      
          #navigation ul, li {
          padding: 0;
          margin: 0;
          position: relative;
          }

          #navigation li {
          display: inline;
          padding: 0 5px; 
          }
          
          #navigation li.trenner {
          padding: 0 0; 
          }
          
          #navigation li.mark {
          color: #c60808;
          }   
          
          #navigation a {
          color: #fff;
          text-decoration: none;
          }
          
          #navigation a:hover {
          color: #c60808;
          } 
      

      #schatten {
      float: left;
      width: 12px;
      height: 310px;
      background-color: #fff;
      background-image: url(pics/brief_schatten.gif);
      background-repeat: no-repeat;
      background-position:  0% 0%; 
      }           
      
      #content {
      float: left;
      width: 738px;
      height: 377px;
      background-color: #fff;
      background-image: url(pics/brief_bg.gif);
      background-repeat: repeat-x;
      background-position:  0% 0%; 
      }           

          #content li.mark {
          color: #c60808;
          }   
          
          #content a {
          color: #333;
          text-decoration: none;
          border-bottom: 1px dotted #bbb;
          }
          
          #content a:hover {
          color: #c60808;
          border-bottom: 1px dotted #c60808;
          }

          
      #spalte-l {
      float: left;
      width: 350px;
      margin: 0;
      padding: 25px 10px 10px 50px;
      }
      
          #spalte-l img {
          padding: 30px 0 20px 0;
          margin: 0;
          }

      #spalte-r {
      float: right;
      width: 295px;
      margin: 0;
      padding: 36px 15px 10px 5px;
      }
      
          #spalte-r li {
          list-style-type: none;
          }
          
          .tnotar {
          padding: 3px 0;
          color: #333;
          }

      #footer {
      float: left;
      width: 738px;
      margin: 0;
      color: #999;
      padding: 30px 0 550px 50px;
      }
          
          #footer a {
          color: #999;
          text-decoration: none;
          border-bottom: 1px dotted #fff;
          }
          
      h1 {
      color: #000;
      font-weight: normal;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1.6em;
      }

      h2 {
      color: #000;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1.1em;
      }
      
      ol, ul, li, dl, dt, dd, p, input, textarea, select {
      color: #333;
      font-family: "Lucida Grande",  Arial, Helvetica, sans-serif;           
      }
      
      p {
      font-size: 1.0em;
      line-height: 1.4em;
      padding: 10px;
      }
      
      ul {
      padding: 5px 0 0 25px;
      margin: 0;
      position: relative;
      }
      
      img, a img {
      border: 0;
      }
      
      .imglogo {
      margin: 0;
      padding-left: 62px;
      padding-top: 23px;
      }
      
      .imgfueller {
      margin: 0;
      padding: 0 0 0 115px;
      }

      .clear {
      clear: both;
      }
      
      .none {
      display: none;
      }