
/*
-----------------------------------------------
Schulte-Design
http://www.schulte-design.com
15 August 2008
----------------------------------------------- */
     
      * {
      margin: 0;
      padding: 0;
      border: 0;
      }
      
      body {
      background-color: #eee;
      font-size: 75%;
      font-family: "Lucida Grande", Arial, Sans-Serif;
      line-height: 1.5em;
	  }
      
      #wrap {
      width: 760px;
      height: auto;
      margin: 0 auto;
      padding: 0;
      }
      
      #header {
      display: block;
      float: left;
      width: 760px;
      height: 182px;
      margin: 17px 0 0 0;
      background-color: #eee;
      }

          #logo {
          position: absolute;
          padding: 0 0 0 22px;
          }

          #hinweis {
          float: right;
          display: block;
          position: absolute;
          padding: 2px 10px;
          text-align: center;
          vertical-align: middle;
          margin: 146px 0 0 575px;
          background-color: #fff;
          border: 1px solid #797d65;
          }

              #hinweis img {
              padding: 0 5px 0 0;
              }


          #copyright {
          width: 760px;
          height: 15px;
          text-align: right;
          font-size: 0.8em;
          vertical-align: bottom;
          background-color: #eee;
          border-bottom: 1px solid #d2d2d2;
          }
          
          #keyvisual {
          float: left;
          height: 160px;
          padding: 5px;
          background-color: #fff;
          border-left: 1px solid #d2d2d2;
          border-right: 1px solid #d2d2d2;
          }
      
      #main {
      float: left;
      width: 760px;
      height: 1500px;
      background-color: #fff;
      border-left: 1px solid #d2d2d2;
      border-right: 1px solid #d2d2d2;
	  border-bottom: 1px solid #d2d2d2;
      }

          #navi {
          float: left;
          width: 180px;
	      line-height: 1.3em;
		  }

              #navi ul {
              padding: 68px 0 0 27px;
              text-align: left;
    		  }
              
              #navi li {
              text-align: left;
              list-style-type: none;
              padding: 2px 0 2px 15px;
              color: #4c4c4c;
              border-bottom: 1px dotted #ccc;
              }
              
              #navi li.mark {
			  background: transparent url(pics/li.gif) no-repeat scroll 0 6px;
              clear: both;
			  color: #295382; 
              }      
              
              #navi li.neu {
			  background: transparent url(pics/neu.gif) no-repeat scroll 0 6px;
              clear: both;
			  color: #295382; 
              }                    
			  
			  #navi a {
              color: #4c4c4c;
              text-decoration: none;
              }
              
              #navi a:hover {
              display: block;
              color: #295382;
              }


          #content {
          float: left;          
          width: 544px;
          height: auto;
          color: #4c4c4c;
          font-family: Arial, Sans-Serif;
          font-size: 1.2em;
          }
      
              #content ul {
              margin: 0 0 0 50px;
              }

              #content ul.weit {
              margin: 0 0 0 145px;
              }

              #content ol {
              margin: 0 0 0 50px;
              }
							
			  #content li {
              text-align: left;
              margin: 0 0 0 25px;
              list-style-typ: square;
              }

              #content ul.ohne {
              margin: 0 0 0 15px;
              }
              
              #content li.ohne {
              text-align: left;
              margin: 0 0 0 25px;
              list-style-type: none;
              }

              .bigletter {
              float: clear;
              text-align: left;
              font-weight: bold;
              color: #295382; 
              font-size: 4.0em;
              padding: 0 5px 5px 0;
              text-transform: uppercase;
              }

              table {
              width: 470px;
              margin: 10px 0 20px 40px; 
              }
              
              tr, td {
              vertical-align: top;
              }
              
              #content a {
              color: #295382;
              text-decoration: none;
              border-bottom: 1px dotted #bbb;              
              }
              
              #content a:hover {
              color: #295382;
              background-color: #effafc;
              text-decoration: none;
              }
              
              #content .punkte {
              font-size: 1.4em;          
              }              
              
      #footer {
      float: left;
      width: 760px;
      height: 50px;
      background-color: #fff;
      border-left: 1px solid #d2d2d2;
      border-right: 1px solid #d2d2d2;
      border-bottom: 1px solid #d2d2d2;
      }


      h1, h2, h3, h4 {
      font-family: Arial, univers, helvetica;
      color: #5f80a4;
      padding: 0;
      margin: 20px 0 30px 40px;
      font-size: 1.7em;
      font-weight: normal;
      disply: inline;                               /* IE Float Margin Bug */
      }
      
      h2 {
      color: #4f4f4f;
      font-size: 1.3em;
      line-height: 1.0em;
      margin: 15px 0 15px 40px;
      }

      h3 {
      color: #4f4f4f;
      font-size: 1.2em;
      margin: 35px 0 10px 40px;
	  }
      
      h4 {
      color: #4f4f4f;
      font-size: 1.2em;
      margin: 5px 0 0 40px;
      }

      p {
      margin: 10px 0 20px 40px;
      }

      .pklein {
      margin: 10px 0 10px 40px;
      }
      
      .pohne {
      margin: 10px 0 5px 40px;      
      }
      
      .thell {
      color: #888;
      background-color: #eee;
	  }
      
      .tdunkel {
      color: #333;
      }
      
      .tblau {
      font-weight: bold;
      color: #295382;
      letter-spacing: 2px;
      }
      
      .thell2 {
      color: #aaa;
      letter-spacing: 2px;
      }
      
      .tback {
       background-color: #effafc;
       padding-left: 0;
       padding-right: 3px;
      }
      
      .tquote {
      color: #295382;      
      font-family: Arial, "Sans-Serif";
      font-size: 2.0em;
      padding: 0;
      }
      
      blockquote {
      display: block;
      color: #295382;
      font-weight: normal;
      font-style: oblique;
      margin: 10px 0 10px 20px;      
      line-height: 1.5em;
      }
      
      cite {
      color: #999;
      font-weight: normal;
      font-style: oblique;
      padding: 0;
      }
  
      .imgcenter {
      text-align: center;
      padding: 0;
      border: 1px solid #ddd;
      }
      
      .imgleft {
      float: left;
      margin: 0;
      padding: 2px 10px 10px 0;
      }
      
      .underline {
      border-bottom: 1px dotted #bbb;
      } 
      