/* generelle Anweisungen */

body  {
      font-size: 10pt;
      font-family: arial, Tahoma, verdana, 'Times New Roman', helvetica, sans-serif;
      letter-spacing: 0.9pt;
      line-height: 16pt;
      background-color:#fff;
      background-image: url(../bilder/hintergrund.jpg ); 
      background-repeat: no-repeat;
      background-position: center top;
      /* background-attachment: fixed; */
      color:#000;          
      margin: 0px;
      padding:0px;
      }
      
/* benutze ich um den Fuss unten zu platzieren damit er 100% breite hat */
/* alles liegt in diesen container */
#bildschirm  {
            width: 100%;
            position: absolute;
            border: 0px solid #0000FF; 
	          }    
          
/* Container, dient dazu das ganze Layout vertikal in der mitte zu halten */      
#container  {
            width: 1000px;
            margin-left: -500px; /* halber Wert von width */
            left: 50%;
            position: relative;
            border: 0px solid #00ff00; 
	          }    
	          

/* hier liegt das menue und der fliesstext drin */
#contentflaeche {
                border: 0px solid #F3FF66; 
                position: relative;
                left: 0px;
                top: 0px;
                width: 993px;
                min-height: 50px;
                }  
                

#textflaeche_block1 {
                    border: 0px solid #AF1098; 
                    position: relative;
                    left: 197px;
                    top: 0px;
                    width: 580px;
                    min-height:550px;
                    }    
                    
#uebungszeiten_abstand_unten {
                              border: 0px solid #AF1098; 
                              position: relative;
                              left: 197px;
                              top: 0px;
                              width: 580px;
                              height:140px;
                              }                     
                
#menue  {
        border: 0px solid #ff0000; 
        position: relative;
        left: 20px;
        top:  265px;
        width: 210px;
        min-height: 100px;
        color:#fff;  
        font-weight: bold;    
        }                       

#seitenueberschrift {
                    border: 0px solid #00ff00; 
                    position: absolute;
                    left: 187px;
                    top:   385px;
                    width: 500px;
                    height: 46px;
                    }

#seitenueberschrift2 {
                    border: 0px solid #00ff00; 
                    position: relative;
                    left: -10px;
                    top:    55px;
                    width: 500px;
                    height: 46px;
                    }
                    
                    
                    
                    
#tabellen1  {
            border: 0px solid #00ff00; 
            position: relative;
            left:  167px;
            top: 110px;
            width: 666px;
            height: 844px;
            }                    
                    
#tabellen2  {
            border: 0px solid #00ff00; 
            position: relative;
            left:  167px;
            top: 140px;
            width: 666px;
            height: 680px;
            }                     
                    

.leerraumbild_sensai  {
                      border: 0px solid #0000ff; 
                      position: relative;
                      width: 212px;
                      height: 205px;
                      float: left;
                      }

.textzumbild_sensai {
                    border: 0px solid #ff0000; 
                    position: relative;
                    width: 212px;
                    height: 40px;
                    margin-top:162px;
                    font-size: 8pt;
                    letter-spacing: 0.5pt;
                    }

.bildzumtext_sensai {
                    border: 0px solid #00ff00; 
                    position: relative;
                    width: 447px;
                    height:  205px;
                    float: right;
                    margin-right: -82px;
                    }

.sensaitext1  {
              border: 0px solid #00ff00; 
              position: relative;
              width: 580px;
              min-height: 50px;
              }
              
              
.kallitext1  {
              border: 0px solid #00ff00; 
              position: relative;
              width: 580px;
              height: 150px;
              }              
  

#kontakt_text  {
              border: 0px solid #00ff00; 
              position: relative;
              width: 300px;
              min-height: 50px;
              }
              
                          

#anfahrt_anschriftenfeld1 { 
                          border: 0px solid #ff0000; 
                          position: absolute;
                          top: 222px;
                          left: 0px;
                          width: 220px;
                          min-height:  35px;
                          line-height: 13pt;
                          }
                      
#anfahrt_anschriftenfeld2 { 
                          border: 0px solid #ff0000; 
                          position: absolute;
                          top: 222px;
                          left: 297px;
                          width: 220px;
                          min-height:  35px;
                          line-height: 13pt;
                          }                      
                      

#akk_anschriftenfeld  { 
                      border: 0px solid #ff0000; 
                      position: absolute;
                      top: 442px;
                      left: 197px;
                      width: 300px;
                      min-height: 235px;
                      line-height: 13pt;
                      z-index:3;   
                      }


#akk_popup12  {
              border: 0px solid #ff0000; 
              position: absolute;
              top: 442px;
              left: 535px;
              width: 240px;
              min-height: 140px;
              }



#akk_r1b1 {
          border: 0px solid #00ff00; 
          position: absolute;
          top: 0px;
          left: 0px;
          width: 81px;
          height: 59px;
          z-index:3;          
          }

#akk_r1b2 {
          border: 0px solid #00ff00; 
          position: absolute;
          top: 0px;
          left: 82px;
          width: 81px;
          height: 59px;
          z-index:3;          
          }

#akk_r1b3 {
          border: 0px solid #00ff00; 
          position: absolute;
          top: 0px;
          left: 163px;
          width: 81px;
          height: 59px;
          z-index:3;          
          }


#akk_r2b1 {
          border: 0px solid #00ff00; 
          position: absolute;
          top: 60px;
          left: 0px;
          width: 81px;
          height: 59px;
          z-index:3;          
          }

#akk_r2b2 {
          border: 0px solid #00ff00; 
          position: absolute;
          top: 60px;
          left: 82px;
          width: 81px;
          height: 59px;
          z-index:3;          
          }

#akk_r2b3 {
          border: 0px solid #00ff00; 
          position: absolute;
          top: 60px;
          left: 163px;
          width: 81px;
          height: 59px;
          z-index:3;          
          }


#akk_r3b1 {
          border: 0px solid #00ff00; 
          position: absolute;
          top: 120px;
          left: 0px;
          width: 81px;
          height: 59px;
          z-index:3;          
          }

#akk_r3b2 {
          border: 0px solid #00ff00; 
          position: absolute;
          top: 120px;
          left: 82px;
          width: 81px;
          height: 59px;
          z-index:3;          
          }

#akk_r3b3 {
          border: 0px solid #00ff00; 
          position: absolute;
          top: 120px;
          left: 163px;
          width: 81px;
          height: 59px;
          z-index:3;          
          }


#akk_r4b1 {
          border: 0px solid #00ff00; 
          position: absolute;
          top: 180px;
          left: 0px;
          width: 81px;
          height: 59px;
          z-index:3;          
          }

#akk_r4b2 {
          border: 0px solid #00ff00; 
          position: absolute;
          top: 180px;
          left: 82px;
          width: 81px;
          height: 59px;
          z-index:3;          
          }

#akk_r4b3 {
          border: 0px solid #00ff00; 
          position: absolute;
          top: 180px;
          left: 163px;
          width: 81px;
          height: 59px;
          z-index:3;
          }



#akk_infozeile  {
                border: 0px solid #00ff00; 
                position: absolute;
                top: 235px;
                left: 0px;
                width: 240px;
                height: 20px;
                font-size: 7pt;
                letter-spacing: 0.3pt;
                color:#D55138;
                text-align: center;
                }


#navteq_anfahrt_link  {
                      border:  0px solid #f00; 
                      position: absolute;
                      left:  150px;
                      top: 310px;
                      width: 100px;
                      height: 25px;  
                      }                    
 
#google_anfahrt_link  {
                      border:  0px solid #8D8C7A; 
                      position: absolute;
                      left:  0px;
                      top: 310px;
                      width: 130px;
                      height: 25px;   
                      }   





.bild_kalligrafie  {
                      border: 0px solid #0000ff; 
                      position: relative;
                      width: 595px;
                      height: 432px;
                      float: left;
                      left: -10px;
                      }


#kalli_bild1 {
              border: 0px solid #00ff00; 
              position: absolute;
              top: 1568px;
              left: 295px;
              width: 70px;
              height: 50px;
              z-index:3;          
              }

#kalli_bild2 {
              border: 0px solid #00ff00; 
              position: absolute;
              top: 1568px;
              left: 375px;
              width: 70px;
              height: 50px;
              z-index:3;          
              }

#kalli_bild3 {
              border: 0px solid #00ff00; 
              position: absolute;
              top: 1568px;
              left: 455px;
              width: 70px;
              height: 50px;
              z-index:3;          
              }


#doin_bild1 {
            border: 0px solid #00ff00; 
            position: absolute;
            top: 745px;
            left: 300px;
            width: 70px;
            height: 50px;
            z-index:3;          
            }

#doin_bild2 {
            border: 0px solid #00ff00; 
            position: absolute;
            top: 745px;
            left: 380px;
            width: 70px;
            height: 50px;
            z-index:3;          
            }

#doin_bild3 {
            border: 0px solid #00ff00; 
            position: absolute;
            top: 745px;
            left: 460px;
            width: 70px;
            height: 50px;
            z-index:3;          
            }





/* zusammensetzung des Seitenendes */  
  
#seitenende {
            border: 0px solid blue; 
            position: relative;
            background-color:#fff;
            width: 100%;     
            height: 489px;   
            }
         
#seitenende_logo  {
                  border: 0px solid red; 
                  position: absolute;
                  background-image: url(../bilder/fuss.jpg ); 
                  background-repeat: no-repeat;    
                  background-position: center;
                  width: 668px;                      
                  height: 489px;    
                  margin-left: -334px; /* halber Wert von width */
                  left: 50%;                
                  }            

#seitenende_braun {
                  border: 0px solid #00ff00; 
                  position: absolute;
                  background-color: #26211D;
                  top: 272px;
                  left: 0px;
                  width: 100%;                      
                  height: 217px; 
                  }
                  
/* werte fuer die tabelle auf der uebungszeitenseite */
table {
      border-collapse: collapse;
      border-spacing: 0 0;
      background-color: #F9F1E6;
 	    margin: 0;
 	    padding: 0;   
      }
   
td  {
    border: 1px solid #999;
    text-align: center;
  	margin: 0;
 	  padding: 0;   
    }

.tb_klein {
          font-size: 8pt;
          }        
          
.tb_klein_fett  {
                font-size: 8pt;
                font-weight: bold; 
                text-align: left;
                padding-left: 5px;
                }
              
              
/* hintergruende bei der uebungszeitentabelle */                
.kinder {
        background-color: #F0CB96;
        }
        
.fortgeschrittene {
                  background-color: #DF7F6F;
                  }

.jugendliche  {
              background-color: #D3D3D3;
              }  

                
                                       
                  
                
/**************** Hier sind die Sondersachen *****************************************/
/**************** Hier sind die Sondersachen *****************************************/
/**************** Hier sind die Sondersachen *****************************************/

/* textformatierungen und anderes */

p {
  padding: 0px;
  margin: 0px;

  }   
  

  
.orange {
        color:#D55138;
        }     
        
.schwarz  {
          color:#000;
          font-weight: normal; 
          }          
  
.klein_rechts_orange  {
                      color:#D55138;
                      font-size: 8pt;
                      text-align: right;
                      }
                      
.nachlinks5 {
            margin-left: -5px;
            }                      
  
.schraegschrift_orange  {
                        color:#D55138;
                        font-style: italic;
                        }  
                        
.abstand285 {
            border: 0px solid gelb;
            height:285px;  
            }                      
                        
.abstand225 {
            border: 0px solid gelb;
            height:225px;  
            }  
            
.abstand202 {
            border: 0px solid gelb;
            height:202px;  
            }              
            
.abstand135 {
            border: 0px solid gelb;
            height:135px;  
            }              
            
.abstand110 {
            border: 0px solid gelb;
            height: 110px;  
            }             
            
.abstand80 {
            border: 0px solid gelb;
            height:80px;  
            }
            
.abstand30 {
            border: 0px solid gelb;
            height:30px;  
            }                                 
            
.abstand15 {
            border: 0px solid gelb;
            height:15px;  
            }             
            
  
.mittig {
        margin-top: 15px;
        margin-bottom: 15px;
        text-align: center;
        }  


/* sorgt dafuer das der Container die gesamthoehe nach unten weiter addiert */                      
.floatende  {
            border: 0px solid #ffff00;
            clear:left;
            }      
  

/* linkoptionen */
                
a {
  text-decoration:none;
  }   
  
a img {
      border:0;
      margin:0px;
      padding:0px;
      }  
  
/* normale farbe */  
a:link {
       color:#fff;
       font-weight: bold; 
       }
       
a:visited {
          color:#fff; 
          font-weight: bold;         
          }
          
a:hover { 
        color:#D55138;
        font-weight: bold;       
        }
        
a:active { 
         color:#fff;
         font-weight: bold;         
         }