/*  *************************************************************************************************
     Allgemeine Styles

     *************************************************************************************************  */

* { padding: 0; margin: 0;}
	
html {overflow:scroll;}
	
body {
	  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	  background:#890518;
      /*background:#FFFFA1;*/

	  background-repeat:repeat-x;		 
 }
	  
.clearing {clear:both;}

.rot {
  color: #890518; 
}

h3{
   color:#890518;  
   padding-bottom: 0.8em;    
}

h4 {          
	font-size: 1.05em;   
        font-weight: normal; 
        padding-bottom: 0.5em;
        }
	 
	   

/*  *************************************************************************************************
    Styles für die einzelnen Bereiche

     *************************************************************************************************  */	   
 #rahmen {
	  width: 900px;	   
      background:#ffffff;
	  margin: 20px auto;
	  /*border: 1px solid #5E5C5C;*/
 }
	 
/*****  Kopfbereich *****/
	 
 #kopf_oben{
	   position: relative;  
	   width: 900px;
	   height: 7.0em;
	   background: #ffffff;
}	

#kopf_oben img{
     float: left;
     border:none;
}

#kopf_oben h3{
   color:#890518;
   font-size: 0.8em;
   padding-top:80px;
   padding-left: 255px;
}
	
#kopf_mitte{
	    position: relative;  
	    width: 900px;
		height: 1.5em;
	    background:#B1B5B9;
		border-bottom: 6px solid #ffffff;
		color: #fff;
}
	 
       #kopf_mitte h4 {  
   	        padding-top: 5px;
	        padding-right: 25px;
            text-align:right;
	        color: #fff; 
	        font-size: 0.75em;		
	        font-weight: normal; 
        }
	 
      .kopf_mitte_name {
	       position: absolute;
	       top: 5px;
	       left: 13px;
	       color: #890518;             
	       font-size: 0.75em;		
	       font-weight: bold;  
       }
	 
	 /*****  Kopfbereich - Fotoleiste  *****/	 
	 
#fotoleiste{
	   position: relative;  
	   width: 900px;
	   height: 82px;	   
	   border-bottom: 8px solid #ffffff;	   
 }
	 
      #fotoleiste img {
	      border: 0;	      
      } 
      
	
/*****  Navigation *****/
	 	
#navi {
	  position: relative;
	  float: left; 
	  width: 220px;	
	  border-right: 8px solid #ffffff;	
	  /*padding-top: 7px;*/
	  font-size: 0.75em;	
	  color: #3E3F41;  
	  font-weight: bold;
      background:#ECECEC;
}	  
	  
     #navi ul { 
	       margin: 0;
	       padding: 0;
	       width: 220px;       
     }    
   
      #navi li { 
           display: block;  
           list-style-type: none; 
	       border-bottom: 3px solid #ffffff; 
	       margin: 0;
     }
   
       #navi li a { 
           display: block;  
           text-decoration: none;
           color: #363738; 
           padding-top: 5px; 
           padding-bottom: 4px; 
	       padding-left: 8px;
           border-left: 5px solid  #B1B5B9; 
      }  
   
      #navi li a:hover { 
           color: #890518; 
           border-left: 5px solid #85B313;	 
     }  
	  
       #navi  ul li a#aktiv {	
	      color: #890518; 	  
	      border-left: 5px solid #85B313;	
     } 
     
  /*****  Navigation - 2. Ebene *****/
     
     #navi li li a{
       border-top: 3px solid #fff;
       padding-left:25px;
       background: #fff;
       border-left: 0; 
       font-size: 0.9em;  
       padding-top: 1px;
       padding-bottom:1px;
    
 }

    #navi li li a:hover{
       border-top: 3px solid #fff;
       padding-left:25px;
       background: #fff;
       border-left: 0; 
       font-size: 0.9em;  
 }



 #navi  ul li li a#aktiv-submenu {	
	  color: #890518; 	
          border-left: 0;  	      
     }   
	  
/*****  Inhaltsbereich *****/	  
	   
#inhalt { 
	 position: relative;
	 margin-left:230px;		
	 padding: 5px 25px;	
         font-size: 0.7em;
         line-height:1.3em;
	 color: #363738;
	 padding-bottom:15px;  
}

     html #inhalt {
           height:1%;
     }

      #inhalt img {
           /*margin-left: 20px;*/
           margin-bottom: 10px;
           border: 1px solid #404040;           
      } 

        #inhalt h1 {	
           font-size: 1.1em;	
	       padding-bottom: 0.8em;	
        }
	 
	   #inhalt h2 {	
           font-size: 1.0em;
	       padding-bottom: 0.5em;	
	    }		
		
		
		#inhalt h5 {	
           font-size: 1.0em;
	       padding-bottom: 0.5em;
		   color: #890518; 		   
	    }
	 
		#inhalt p {	    
	        padding-bottom: 0.6em;	
	    }
		
		#inhalt li {
list-style-position:inside;
padding-bottom: 2px;
}

#inhalt a{
  color: #363738; 
}

#inhalt a:hover{
   color:#890518;
}
	 
/*****  Fußbereich *****/ 
	 
 #fussbereich {
	  position: relative;
	  width: 900px;
	  height:15px;
	  border-top: 3px solid #ffffff;
	  background:#B1B5B9;
      clear: both; 
	  color: #fff;   
 }  
  
       #fussbereich h6 {
            font-size: 0.60em;
            font-weight: normal;
            padding-right:25px;
            text-align:right;
         }
  
      #fussbereich h6 a {
            text-decoration: none;
            color: #fff;
            font-weight: normal;
         }
  
      #fussbereich h6 a:hover {
            color: #890518;
            font-weight: normal;
        }
  
      .copyright {
           position: absolute;	 
	       left: 15px;
	       color: #fff; 
	       font-size: 0.60em;		
	   }
	   

 /*****  Kontaktformular  *****/	
	
	#formular_kontakt {
         width: 500px;
    }

  
         #formular_kontakt label { 
	            width: 160px; 	
	            float:left; 
	            margin-right: 20px;
	            margin-bottom: 5px;
         }	
	
   
        #formular_kontakt input {
               width: 200px;
                height: 17px;
                padding-left: 2px;
                padding-right:2px;
                margin-bottom: 5px;
                font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
                color: #404040;
                font-size: 1.0em;		
         }       
      
   
       #formular_kontakt textarea {
               width: 204px;
               height: 85px;
               font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
               color: #404040;
               font-size: 1.0em;
               margin-bottom: 7px;
               margin-bottom: 5px;
         }
         
        #formular_kontakt #salutation_1, #formular_kontakt #salutation_2 {
               margin-right: 10px;
               vertical-align: middle;
         }      

   
        #formular_kontakt input.submit {
		   width: 206px;
	           background-color: #646A73;	           
	           color: #ffffff;
	           height: 22px;
	           border:none;
	     }
	     
	 #formular_kontakt #plz {
              width:40px;
         }
    
    
    /* Left, center, right and justify alignment of text in block elements*/
p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }