/* www.mfv-tuttlingen-nendingen.de by MFV Tuttlingen Nendingen e.V. */

/* -------------------------------------------------------------------------------------------------------------------> allgemein */
html { 
     height: 100%;   /*nötig, um ein DIV auf 100% Höhe zu bringen */
	 }  

Body {
/* -------------------------------------------------------------------------------------> Farben */
      background: #FFFFFF  url(Bilder/Schatten.gif) repeat-y 50% 0;
      color:      #FFFFFF;

/* -------------------------------------------------------------------------------------> Schrift */
     font-family:  Verdana;
     font-size:    12px;
     line-height:  1.3em;
     word-spacing: 0.3em;

/* -------------------------------------------------------------------------------------> Abstände */
     margin:      0px;
     height:      100%; /*nötig, um ein DIV auf 100% Höhe zu bringen */
     }

/* -------------------------------------------------------------------------------------> Links */
a         {  text-decoration: none;      } 
a:link    {  color:           #FF0000;   } 
a:visited {  color:           #FF0000;   } 
a:hover   {  color:           #B5DBFF; 
             text-decoration: underline; }
a:active  {  color:           #FF0000;   } 

/* -------------------------------------------------------------------------------------> Bilder */
img, #Header { behavior: url(iepngfix.htc) } /*ermöglicht PNG-Darstellung im IE6*/

/* -------------------------------------------------------------------------------------> Listen */
/*li {
   list-style-image: url(Bilder/Liste.png);
   margin-left:25px;
   margin-right:10px;
   line-height: 13px;
   }*/

/* -------------------------------------------------------------------------------------> Formulare */
input      {    
           font-family:         Verdana;                
           font-size:           12px;
	       color:               #2969AD;                
           background-color:    #FFFFFF;
           border-color:        #FFFFFF;
           border-top-style:    solid;
           border-right-style:  solid;
           border-left-style:   solid;
           border-bottom-style: solid;  
           }	
			        
Textarea   {
           font-family:         Verdana; 
           font-size:           12px;               
           color:               #2969AD;                
           background-color:    #FFFFFF;
           border-color:        #FFFFFF;
           border-top-style:    solid;
           border-right-style:  solid;
           border-left-style:   solid;
           border-bottom-style: solid;                   	 
           }

/* -------------------------------------------------------------------------------------------------------------------> Huelle */
#Huelle {  
        position:    relative;
        left:        50%;
        margin-left: -390px; 
		width:       780px;
		height:      100%;           
		background:  url(Bilder/Verlauf.gif) repeat-x #5F9DDC;   /*Farbverlauf*/  	 
        }	
	   
html>body #Huelle {
                  height:     auto;         /*für den IE6, falls Inhalt über 100% hinaus geht*/
		          min-height: 100%;	 		   
                  }

/* -------------------------------------------------------------------------------------------------------------------> Rand oben */
#Rand-oben { 
           width:            780px;
		   height:           8px;
		   background-color: #FFFFFF;
           }			 

/* -------------------------------------------------------------------------------------------------------------------> Header */
#Header { 
        width:      771px;
        height:     307px;
		margin-top: 20px;
		background: url(Bilder/Header.png) no-repeat;		  
        }		  

/* -------------------------------------------------------------------------------------------------------------------> Navi */
#Navi-Huelle {
      position:         relative;	    
      margin-top:       43px;      			
      width:            175px;
	  height:           auto;	  	
	  float:            left;     /*ermöglicht die Darstellung 2er Divs nebeneinander*/
	  display:          inline;   /*ermöglicht die Darstellung 2er Divs nebeneinander*/
      }

ul#Navi, ul#Navi ul {
                    list-style:  none;
                    margin:      0;
                    margin-left: 20px;
                    padding:     0;
                    }

ul#Navi li {
           font-weight: bold;
           }

ul#Navi li a, ul#Navi li ul li a {
                                 display:         block;
                                 color:           #FFFFFF;
                                 text-decoration: none;
                                 background:      url(Bilder/Liste.png) no-repeat left center;
                                 padding-left:    15px;
                                 }

ul#Navi li a:hover {
                   color: #8CC7FF;
                   }

ul#Navi li a {
             line-height:   30px;
             border-bottom: 1px solid #8CC7FF;
             }

ul#Navi ul li a {
                line-height:   25px;
                border-bottom: none;
                }

ul#Navi .aktiv a {
                 color: #8CC7FF;
                 }

/* -------------------------------------------------------------------------------------------------------------------> Inhalt */
#Content-Huelle {
                position:         relative;
                margin-top:       30px;
                margin-left:      200px;			
                width:            550px;
		        height:           auto;		 									
               }

.Rubrik {
        font-family:  Arial, sans-serif;
        font-size:    15px;  
		font-weight:  bold;      
		color:        #8CC7FF;			
        }

.Ueberschrift {
              font-family:  Verdana;
              font-size:    13px; 
			  font-weight:  bold;            
		      color:        #FFFFFF;		
              }		

.Datum {
      	font-size: 10px;	
       }	

.Text {
      margin-left:  20px;
	  margin-right: 10px;
	  border-top: solid 1px #FFFFFF;	 		
      }		
	  
.Bilder {        
	    margin-right:  10px;
		margin-bottom: 10px;	
		border-style:  solid;
        border-width:  4px;
        border-color:  #FFFFFF;		
        }	
		  
.Bilder:hover {  
              border-style: solid;
              border-width: 4px;
              border-color: #8CC7FF;    
              }
		
/* -------------------------------------------------------------------------------------------------------------------> Abschluss */
#Abschluss {
           width:  100%;  
		   clear:  both;  /*hebt "float" wieder auf und verhindert das Überlappen der Navi*/
		   height: 40px;     
           }		


/* -------------------------------------------------------------------------------------------------------------------> Footer */
#Footer { 
        position:         absolute;
        width:            780px;
		height:           25px;
		background-color: #FFFFFF;
		bottom:           0px;
		color:            #000000;		   	  
        }
				
#Footer-Impressum a:Link {
                         color:    #8E9194;				  
				         }
						 
#Footer-Impressum a:Visited {
                            color: #8E9194;				  
				            }
	  
/* www.mfv-tuttlingen-nendingen.de by MFV Tuttlingen Nendingen e.V. */