/*  *************************************************************************************************
     Allgemeine Styles

     *************************************************************************************************  */

* { padding: 0; margin: 0;}

html {overflow:scroll;}	
	
body {background: #D36297;}
	   
.clearing {clear:both;}


/*  *************************************************************************************************
    Styles für die einzelnen Bereiche

     *************************************************************************************************  */	  
	
/*****  Rahmen au&szlig;en *****/ 
 
 #rahmen {
	  width: 880px;
	  margin: 20px auto;
	  background: #D8DADC;		 	 
	  height:auto;	
	  border: 1px solid #D8DADC;	   	 
}
		 
/*****  Rahmen innen *****/ 
	 		 
#rahmen_innen{
	  width: 860px;	   
	  margin: 8px;	   
	  border: 2px solid #ffffff;	   
	  height: auto;
}
	   
/*****  Kopfbereich *****/ 
	   
#kopf {
	  padding-left: 38px;
	  padding-right: 40px;	
	  height: 131px;  
	  position: relative;
}
	  
	  .kopf_logo {
	      position: absolute;
	      padding-top: 18px;
       }
	  

      .kopf_logo img {
	      border:0;
       }

	  #kopf h3 {
	      padding-left: 283px;
	      padding-top: 86px;
	      font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	      color: #CB3883;
	      font-size: 0.95em;	   
	  }
		  
/*****  geschwungene Linie  *****/ 
		  
#linie {
      margin: 0;
      height:27px;
}


/***** Inhaltsbereich *****/ 


#inhalt_rahmen {	  
	  background: #E9E9EA url(../bilder/hintergrund.gif) ;
}
	  
/***** Inhaltsbereich Navigation *****/ 
 
#navi {
	  position: relative;
	  float: left; 
	  padding-left: 20px;
	  width: 200px;		  
	  padding-top: 8px;
	  font-size: 1.0em;	
	  font-family: Trebuchet MS, Verdana,  Geneva, Arial, Helvetica, sans-serif;
	  color: #CB3883;
	  font-size: 1.0em;		  
	  font-weight: bold;  
}	


/*****  Navigation erste Ebene *****/ 

 ul#hauptnavi {
      display:block;
      line-height: 24px;                            
	  list-style-type: none; 			   
}

        ul#hauptnavi li a{
               padding-left: 20px;
               text-decoration: none;
			   color: #CB3883;
			   list-style-type: none; 
         }

        ul#hauptnavi li a:hover{
               color: #413685;
               padding-left: 20px;
               background: url(../bilder/navirose.gif);
               background-repeat: no-repeat;
               background-position: 0  5px;
		  } 

         ul#hauptnavi  li a#aktiv{
               padding-left: 20px;
               background: url(../bilder/navirose.gif);
               background-repeat: no-repeat;
               background-position: 0  5px;
               color: #413685;
           }
		   
/***** Navigation zweite Ebene  *****/ 
		   
ul#nebennavi {   
	  padding-left: 25px; 
	  padding-bottom: 2px;                                  
	  list-style-type: none; 
	  font-size: 0.9em;
}
		  
		 ul#nebennavi li {   
		      display:block;
			  line-height: 22px;  
		      
          }
		  
		  ul#nebennavi li a{              
              text-decoration: none;
			  color: #CB3883;
			  line-height: 22px;  
          }
		  
		 ul#nebennavi li a:hover{
		      background: url(../bilder/navirose_grau.gif);
              color: #413685;
              padding-left: 20px;
		 } 
				
		 ul#nebennavi  li#aktiv-neben{
			  background: url(../bilder/navirose_grau.gif);
              padding-left: 20px;
			  line-height: 22px;    
              color: #413685;
          }
		   
  
/***** Inhaltsbereich Inhalt*****/ 	   

#inhalt { 
	 position: relative;
	 margin-left:240px;		
	 padding-top: 10px;	
     padding-right: 40px;	 
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 color: #001067;
	 font-size: 0.85em;
	 line-height: 1.4em;
}  

        html #inhalt {
           height:1%;
        }

		html #inhalt.clearing-neu {clear:both;}

         #inhalt h1 {
              font-size: 1.07em;  
              padding-bottom: 0.8em;
         }
  
        #inhalt h2 {
             font-size: 1.0em;  
             padding-bottom: 0.4em;
         }  
  
  
        #inhalt p{
              padding-bottom: 0.6em;
         }
  
        #inhalt img{
	          float: right;
	          padding: 5px;
		      border: 1px solid #ffffff;
		      margin-left: 25px;
		      margin-bottom: 16px;
	   }

     #inhalt .logo{
	          border:0;
	   }
	   
	   #inhalt .fett{
	   	     font-weight: bold;
			  }
			  
	   #inhalt a{	
	         color: #001067; 
			 text-decoration:none;
	   } 
			  
	   #inhalt a:hover{
	         color: #CB3883;
	   }
	   
	    
	   
	   #inhalt ul{
	         padding-bottom: 10px;
	   }

       #inhalt ul.preise{
	         padding-bottom: 3px;
	   }

       
       #inhalt ul ul{
             padding-top: 7px;
             padding-bottom: 0px;
	   }

        html #inhalt ul ul{
           height:1%;
        }
	 
	   #inhalt ul li{
	         list-style-type:none;
			 margin-left: 10px; 	        
	    }
	   
	    #inhalt li {               
              background: url(../bilder/aufzaehlung.gif);
               background-repeat: no-repeat;
               background-position: 0  7px;
		  	   padding-left: 15px;	 
			   margin-bottom: 10px;
	    } 
          #inhalt li.preise {
                background: url();
                
             }
		
		#inhalt li li{    
		       width: 520px;          
              /* background: url(../bilder/punkt.gif);*/
               background-repeat: no-repeat;
               background-position: 0  7px;
		  	   padding-left: 15px;	 
			   margin-bottom: 6px;
	    } 

        #inhalt li li.portrait{ 		             
               background: url(../bilder/punkt.gif);  
               background-repeat: no-repeat;
               background-position: 0  7px;             
	    } 

       
		
		#inhalt .bild{
		 border:0px;
		 float: none;
		 margin-left:0;
		 padding: 0px;
		 margin-bottom: 0px;
		 }
		 
		#inhalt	.csstab{
		 width: 300px;
	     display: block;
         float: left;
         }

		 
/***** Fu&szlig;bereich  *****/ 
  
#fuss {
    width: 820px;
    font-family: Trebuchet MS, Verdana,  Geneva, Arial, Helvetica, sans-serif;
	 color: #413685;
	 font-size: 0.9em;	
	 padding-left: 40px;	  
	 padding-top: 11px;
	 padding-bottom: 11px;	 
	 font-weight: bold;
}  
	  
#fuss img{
	 vertical-align: middle;
}
	  
	   #fuss a{
	       color: #413685;
	       text-decoration: none;
	   }
	   
	   #fuss a:hover{
	       color: #CB3883;
	   }
	  
	  #fuss_rechts{
	      padding-left: 220px;
	      display: inline;
	  }


