/* CSS Dokument für webzauber */

/**********************************************************************************************************/
/******  ALLGEMEINE ANGABEN  *************************************  ALLGEMEINE ANGABEN  *******************/
/**********************************************************************************************************/

  * {
      margin: 0;
      padding: 0;
      }

  body { 
      background-image:url(pix/bg.png); 
      background-repeat:repeat-x;
      background-color: #fefefe;
      } 
      
  h1 {
      font-size: 18pt;
      }
                      
  p {
      float: right;
      padding-top: 25px;
      padding-right: 20px;
      padding-left: 20px;
      }
          
  a {
      color: #fefefe;
      text-decoration: none;
      }  
        
  ul li {
      list-style-type: none;
      }
  
  label:hover {
      text-decoration: underline;
      }
      
  .titel {
      /*font-family: Curlz MT;
      font-size: 90pt;
      color: #fefefe; */
      margin-right: 270px;
      padding-top: 20px;
      padding-bottom: .4em;
      }
 
  .innen {
      text-align: right;
      position: relative;
      margin: 0 auto;
      width: 960px; 
      }

    .clear {
        clear: both;
        }
        
/********************************************************************************************************/
/*******  HAUPTNAVIGATION  **************************************  HAUPTNAVIGATION  *********************/
/********************************************************************************************************/

  .navi {
      width: 250px;
      float: right;
      position: relative;
      text-align: left;
      text-transform: lowercase;
      font-family: Curlz MT;
      font-size: 34pt;
      color: white;
      }
      
  .navi ul {
      margin-top: -10px;
      padding: 0;
      }
  
/*  Aktiver Navigationspunkt  */
  .aktiv {
      font-weight: bold;
			font-variant: small-caps;
      }
      
  .navi a:hover {
      font-weight: bold;
      text-transform: uppercase;
			/*font-variant: small-caps;
      eventuell: border-bottom: 1px solid #fefefe;*/
      } 

/********************************************************************************************************/
/***********  CONTENT  **********************************************  CONTENT  *************************/
/********************************************************************************************************/
      
  .inhalt {
      float: left;
      position: relative;
      z-index: 2; 
      text-align: right;
      width: 680px;
      font-family: trebuchet ms, tahoma; 
      font-size: 12pt;
      color: #115964;
      border: 4px solid white;
      /* background-color: #98F5FF;*/
      background-color: #97ffff;
      padding-bottom: 25px;
      }  
  
  .inhalt h1, .inhalt h2, .inhalt h3 {
      margin-top: 15px;
      margin-right: 20px;
      } 
          
  .inhalt a {
      color: #115964;
      text-decoration: underline;
      }  
     
  .rechts {
      text-align: right;
      }  
        
  .links {
      margin-top: 40px;
      text-align: left;
      }  
          
  .links h1 {
      margin-left: 20px;
      }  
          
  #bild_links {
      padding-top: 25px;
      padding-right: 20px;
      padding-left: 270px; 
      } 
      
  #bild_rechts {
      padding-top: 25px;
      padding-right: 270px; 
      padding-left:  20px;
      }
  
  .inhalt a:hover {
      color: #000f24;
      text-decoration: underline;
      }   
                 
  .inhalt img {   
      float: left;
      position: absolute; 
      z-index:1; 
      }
  
   img.no_border {
      border: none;     
      } 
  
   img.right {
      float: right;
      position: relative;      
      } 
          
/* das rechte oder linke Hauptbild */      
  .bild_links {  
      float: left;
      left: -85px; 
      top: -35px; 
      min-width: 80px;
      max-width: 340px;
      }
      
  .bild_rechts {  
      float: right;
      right: -65px;
      top: -25px; 
      min-width: 80px;
      max-width: 300px;
      border: 10px solid #fff;
      }

/* das untere Hintergrundbild links */
  .gruen img {
      width: 700px;   
      }
         
  .gruen {  
      position: absolute; 
      z-index: 1; 
      top: 610px;  
      }
      
/**********************************************************************************************************/
/********  FOOTER  ********************************************************  FOOTER  **********************/
/**********************************************************************************************************/
   
  .footer {
      text-align: left;
      width: 750px;
      font-family: trebuchet ms, tahoma; 
      font-size: 10pt;   
      color: #115964;   
      margin-top: .7em;    
      margin-bottom: 2em;
      }
       
  .footer a { 
      color: #115964;   
      }     
     
  .footer a:link, .footer a:hover {
      text-decoration: underline;
      color: #97ffff;
      }