/* generelle Anweisungen */
body  {
      font-size: 10pt;
      font-family: Tahoma, arial, 'Times New Roman',  helvetica, sans-serif, Tahoma Bold, verdana ;
      letter-spacing: 0.7pt;
      background-color:#F1F1F1;
      background-image: url(../bilder/Nosbisch-Header.jpg ); 
      background-repeat: no-repeat;
      background-position: center top;
      /* background-attachment: fixed; */
      color:#000; 
      margin: 0px;
      padding:0px;
      }
      
.body1 {
       background-image: url(../bilder/Nosbisch-Startbild-Laender.jpg ); 
       }      
      

/* ################################## standartbefehle z.B. schriftarten und farben */

img {
    border:0px solid #f00; 
    }
      
a img {
      border:0px solid #0f0;;
      }
      
img.links80  {
              margin-left: -80px;
              }   
       
      
      
img.links3  {
            margin-left: 3px;
            }   
      
      
            
a {
  text-decoration:none;
  }   
  
/* farbewechselsatz Hauptmenü */  
a:link {
       color:#000;
       }
       
a:visited {
          color:#000;         
          }
          
a:hover { 
        color:#ff0000;      
        }
        
a:active { 
         color:#000;        
         }  
         
         
p {
  padding: 0px;
  margin: 0px;
  /* standart zeilenabstand im fließtext */
  line-height: 15pt;
  }           



.normal {
        font-size: 10pt;
        color: #000;
        }

.normal_rot {
            font-size: 10pt;
            color: #ff0000;
            }
        
.rot  {
      color: #ff0000;
      }


.rot_15 {
        color: #ff0000;
        font-size: 15pt;
        line-height: 28pt;    
        }        
      
.rot_17 {
        color: #ff0000;
        font-size: 17pt;
        line-height: 22pt;    
        }   
        
.schwarz_17 {
            color: #000;
            font-size: 17pt;
            line-height: 22pt;    
            }  
        
        
/* Text mittig setzen und grau*/
.center_grau {
              text-align: center;
              color:#7F7D7E;
              }         
                   
      
.trans_hintergrund  {
                    color:#F1F1F1;
                    }      


.bildunterschrift_rot_8px {
                          color: #ff0000;
                          font-size: 8pt;
                          line-height: 10pt;
                          }


/* Text fett und mittig setzen */
.fett_center  {
              text-align: center;
              font-weight: bold; 
              } 
              
              
/* Text mittig setzen */
.center {
        text-align: center;
        } 
              
                                                  

/* Rote überschriften im Text 17er groesse */
#ueberschriften_rot_17  {
                        border: 0px solid red; 
                        position: relative;
                        text-align: center;
                        color:#FF0000;
                        font-size: 17pt;
                        line-height: 22pt;                        
                        z-index: 3;
                        } 
     
     
/* Schwarze überschriften im Text 17er groesse */
#ueberschriften_schwarz_17  {
                            border: 0px solid red; 
                            position: relative;
                            text-align: center;
                            color:#000;
                            font-size: 17pt;
                            line-height: 22pt;                        
                            z-index: 3;
                            }      

/* Grau überschriften im Text 17er groesse */
#ueberschriften_grau_17  {
                            border: 0px solid red; 
                            position: relative;
                            text-align: center;
                            color:#7F7D7E;
                            font-size: 17pt;
                            line-height: 22pt;                        
                            z-index: 3;
                            }



/* Klickflaesche der Startseite Deutsch */     
#deutscheseiten  {
                  border: 0px solid #00A3F0; 
                  position: absolute;
                  left: 505px;
                  top: 605px;
                  width: 70px;
                  height: 35px;
                  z-index: 3;
                  }  


#englischeseiten  {
                  border: 0px solid #00A3F0; 
                  position: absolute;
                  left: 420px;
                  top: 605px;
                  width: 70px;
                  height: 35px;
                  z-index: 3;
                  } 














          

/* ################################## einzelne Container */

/* benutze ich um den Fuss unten zu platzieren damit er 100% breite hat */
/* alles liegt in diesen container */
#bildschirmgesamt {
                  border: 0px solid #0000FF;
                  position: absolute;            
                  width: 100%;             
      	          } 
            
/* hier ist der fussbereich drin */                  
#seitenende_footer  {
                    border: 0px solid #FFFF00; 
                    position: absolute;
                    width: 100%;    
                    z-index: 5; 
                    }
            
/* seitenenden bild */
#seitenende_logo  {
                  border: 0px solid red; 
                  position: absolute;
                  background-image: url(../bilder/Nosbisch-footer.jpg ); 
                  background-repeat: no-repeat;    
                  background-position: center;
                  width: 100%;                      
                  height: 456px;    
                  margin-left: -50%; /* halber Wert von width */
                  left: 50%;                
                  }           
                  
/* anschriften Text im fussbereich */                  
#seitenende_text  {
                  border: 0px solid blue; 
                  position: relative;
                  top:190px;
                  width: 100%; 
                  min-height: 20px; 
                  margin-left: -50%; /* halber Wert von width */
                  left: 50%;  
                  text-align:center;    
                  font-weight: bold;              
                  }  
            

/* ausgerichtet am Bild vom Head, daran ist der gesamte Content außer der Fuss eingebunden */     
#textflaeche_block_cd_head {
                            border: 0px solid #AF1098;
                            position: relative;                            
                            width: 1000px;
                            margin-left: -500px; /* halber Wert von width */
                            left: 50%;
                            top: 0px;
                            min-height:750px;
                            z-index: 13; /* damit ich den rahmen immer sehe */ 
                            }  


/* hauptmenue ganz oben */
#hauptmenue_head  {
                  border: 0px solid red; 
                  position: absolute;
                  left: 20px;
                  top: 194px;
                  width: 960px;
                  min-height: 20px;
                  z-index: 3;
                  font-size: 13pt;
                  text-align:center;
                  } 
                  
                  
/* Das Bild oben im Head was gewechselt wird */     
#mittelbild_head  {
                  border: 0px solid #00A3F0; 
                  position: absolute;
                  left: 34px;
                  top: 290px;
                  width: 932px;
                  height: 286px;
                  z-index: 3;
                  }                    
 
 
 
 
#mittelbild_text_1{
                  border: 0px solid red; 
                  position: absolute;
                  left: 48px;
                  top: 20px;
                  width: 300px;
                  min-height: 20px;
                  z-index: 3;
                  } 

            
#mittelbild_text_2{
                  border: 0px solid red; 
                  position: absolute;
                  left: 370px;
                  top: 20px;
                  width: 260px;
                  min-height: 20px;
                  z-index: 3;
                  } 
   
               
#mittelbild_text_3{
                  border: 0px solid red; 
                  position: absolute;
                  left: 650px;
                  top: 20px;
                  width: 260px;
                  min-height: 20px;
                  z-index: 3;
                  }       


#mittelbild_text_verkauf{
                        border: 0px solid red; 
                        position: absolute;
                        left: 470px;
                        top: 130px;
                        width: 470px;
                        min-height: 20px;
                        z-index: 3;
                        } 

    
                          
/* History-seite */                          
#daten_text_1 {
              border: 0px solid red; 
              position: absolute;
              left: 360px;
              top: 353px;
              width: 260px;
              min-height: 20px;
              z-index: 3;
              }                       

/* History-seite */
#daten_text_2 {
              border: 0px solid red; 
              position: relative;
              left: 140px;
              top: -60px;
              width: 260px;
              min-height: 20px;
              z-index: 3;
              } 





                  
/* ################## Sondercontainer für verschiedene Seiten */  

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

/* schiebt den gesamten Textblock nach unten, keine weitere Funktion */
.abstand_oben_cd_head {
                      border: 0px solid #0000ff;
                      height: 660px; 
                      }


/* schiebt den gesamten Textblock nach unten, keine weitere Funktion */
.abstand_oben_cd_head_startseite {
                                  border: 0px solid #0000ff;
                                  height: 510px; 
                                  }    
     
/* trenner, nach links da schmaler als Textblockcontainer */     
#trenner  {
          border: 0px solid #9CDE12; 
          position: relative;
          background-image: url(../bilder/trenner.jpg ); 
          left: 31px;
          top: 0px;
          width: 938px;
          height: 59px;
          z-index: 3;
          }  
            
            
            
/* fliesstext, nach links da schmaler als Textblockcontainer passend zum trenner */  
#content_fliesstexte_trenner_breite {   
                                    border: 0px solid #0000ff; 
                                    position: relative;
                                    left: 51px;    
                                    top:  0px;            
                                    width: 898px;
                                    min-height: 20px;
                                    } 
                                    
/* fliesstext, nach links da schmaler als Textblockcontainer passend zum trenner */  
#content_fliesstexte_800 {   
                         border: 0px solid #0000ff; 
                         position: relative;
                         left: 99px;    
                         top:  0px;            
                         width: 800px;
                         min-height: 20px;
                         } 
                         
                         
/* wir ueber uns seite */                         
#content_fliesstexte_neben_weltkugel {   
                                       border: 0px solid #0000ff; 
                                       position: relative;
                                       left: 190px;    
                                       top:  -70px;            
                                       width: 800px;
                                       min-height: 20px;
                                       }                                                                         
                       
/* erzeugt einen leerabstand */  
#abstand_10px {   
              border: 0px solid #0000ff; 
              position: relative;
              height: 10px;
              }  
              
#abstand_10px_punkte {   
                      border-top: 3px dotted #000; 
                      position: relative;
                      height: 10px;
                      }  
                      
#abstand_10px_mit_text_mittig {   
                              border: 0px solid #0000ff;  
                              position: relative;
                              height: 10px;
                              text-align:center;
                              }                                                  
            
#abstand_20px {   
              border: 0px solid #0000ff; 
              position: relative;
              height: 20px;
              }    

#abstand_30px {   
              border: 0px solid #0000ff; 
              position: relative;
              height: 30px;
              }   
                  
#abstand_40px {   
              border: 0px solid #0000ff; 
              position: relative;
              height: 40px;
              }   
                                    
#abstand_50px {   
              border: 0px solid #0000ff; 
              position: relative;
              height: 50px;
              } 
              
#abstand_70px {   
              border: 0px solid #0000ff; 
              position: relative;
              height: 70px;
              } 
              
              
#abstand_90px {   
              border: 0px solid #0000ff; 
              position: relative;
              height: 90px;
              }               
              
#abstand_110px {   
              border: 0px solid #0000ff; 
              position: relative;
              height: 110px;
              } 
              
              
/* block so breit wie der trenner */                  
#block_mit_zwei_texten {
                      border: 0px solid blue; 
                      position: relative;
                      left: 0px;                     
                      top: 0px;
                      width: 938px; 
                      min-height: 20px; 
                      }
                                      
#block_mit_zwei_texten_text1 {
                            border: 0px solid #666799; 
                            position: relative;
                            left: 50px;                     
                            top: 0px;
                            width: 620px; 
                            min-height: 20px;
                            z-index: 3; 
                            }   
              

#block_mit_zwei_texten_text2 {
                            border: 0px solid #77F2A8; 
                            position: absolute;
                            /* abstand zum Bildcontainer, der Abstand und die Bildcontainerbreite verschieben den Textblock */
                            left: 780px;                     
                            top: 0px;
                            /* breite inklusive des Bildcontainer */
                            width: 200px; 
                            min-height: 20px;
                            z-index: 3; 
                            }                
              
              
              
/* block so breit wie der trenner 1 Fester hintergrund mit 2 bildern drauf*/                  
#block_mit_zwei_bildern {
                      border: 0px solid blue; 
                      position: relative;
                      left: -16px;                     
                      top: 0px;
                      width: 1032px; 
                      background-image: url(../bilder/Nosbisch-Verkaufsangebote.jpg );                       
                      min-height: 513px; 
                      }
                                      
#block_mit_zwei_bildern_textbild1 {
                            border: 0px solid #ff6799; 
                            position: relative;
                            left: 63px;                     
                            top: 390px;
                            width: 390px; 
                            min-height: 20px;
                            z-index: 3; 
                            font-size: 8.5pt;
                            color: red;

                            }   
              

#block_mit_zwei_bildern_textbild2 {
                            border: 0px solid #666799; 
                            position: relative;
                            left: 580px;                     
                            top: 358px;
                            width: 390px; 
                            min-height: 20px;
                            z-index: 3; 
                            font-size: 8.5pt;
                            color: red;
                            }  
                            
                            
                                          
              
              
/* block so breit wie der trenner */                  
#block_mit_bild_links {
                      border: 0px solid blue; 
                      position: relative;
                      left: 31px;                     
                      top: 0px;
                      width: 938px; 
                      min-height: 20px; 
                      }        
                      
#block_mit_bild_links_bild {
                            border: 0px solid #666799; 
                            position: relative;
                            left: 0px;                     
                            top: 0px;
                            width: 235px; 
                            min-height: 200px;
                            z-index: 3; 
                            float:left;
                            /* Bild im container horizontal in mitte bringen */
                            display: table-cell;
                            text-align: center;
                            }             
            
/* wenn das Bild höher als der Text ist, textfeld mit Leerzeilen verlängern dann geht das hochrechnen richtig weiter */
#block_mit_bild_links_text {
                            border: 0px solid #77F2A8; 
                            position: relative;
                            /* abstand zum Bildcontainer, der Abstand und die Bildcontainerbreite verschieben den Textblock */
                            left: 20px;                     
                            top: 0px;
                            /* breite inklusive des Bildcontainer */
                            width: 900px; 
                            min-height: 200px;
                            z-index: 3; 
                            }  
                            
                                                  
                            
/* Dreispalter mit Blindcontainer für die Höhe */            
#block_drei_spalten_verkauf {
                            border: 0px solid blue; 
                            position: relative;
                            left: 31px;                     
                            top: 0px;
                            width: 938px; 
                            min-height: 20px; 
                            }                
            
#block_drei_spalten_verkauf_spalte_links {
                                          border: 0px solid #33F2A8; 
                                          position: relative;
                                          left: 0px;                     
                                          top: 0px;
                                          width: 310px; 
                                          min-height: 20px;
                                          z-index: 3;
                                          /* folgecontainer rechts daneben */ 
                                          float: left;
                                          } 
            
#block_drei_spalten_verkauf_spalte_mitte {
                                          border: 0px solid #55F2A8; 
                                          position: relative;
                                          left: 30px;
                                          top: 0px;
                                          width: 150px; 
                                          min-height: 20px;
                                          z-index: 3; 
                                          /* folgecontainer rechts daneben */
                                          float: left;
                                          }             
            
            
#block_drei_spalten_verkauf_spalte_rechts {
                                          border: 0px solid #77F2A8; 
                                          position: relative;
                                          left: 60px;                     
                                          top: 0px;
                                          width: 410px; 
                                          min-height: 20px;
                                          z-index: 3;
                                          /* folgecontainer rechts daneben */ 
                                          float: left;
                                          } 
            
/* dient dazu das der gesamte Containerblock seine Höhe bekommt */            
#block_drei_spalten_verkauf_spalte_blind {
                                          border: 0px solid #77F2A8; 
                                          position: relative;
                                          left: 20px;                     
                                          top: 0px;
                                          width: 1px; 
                                          min-height: 20px;
                                          z-index: 3; 
                                          }             
            
            
            
            
            
/* Vierspalter mit Blindcontainer für die Höhe */            
#block_vier_spalten_verkauf {
                            border: 0px solid blue; 
                            position: relative;
                            left: 31px;                     
                            top: 0px;
                            width: 938px; 
                            min-height: 20px; 
                            }                
            
#block_vier_spalten_verkauf_spalte_links {
                                          border: 0px solid #33F2A8; 
                                          position: relative;
                                          left: 0px;                     
                                          top: 0px;
                                          width: 300px; 
                                          min-height: 20px;
                                          z-index: 3;
                                          /* folgecontainer rechts daneben */ 
                                          float: left;
                                          } 
            
#block_vier_spalten_verkauf_spalte_mitte {
                                          border: 0px solid #55F2A8; 
                                          position: relative;
                                          left: 30px;
                                          top: 0px;
                                          width: 200px; 
                                          min-height: 20px;
                                          z-index: 3; 
                                          /* folgecontainer rechts daneben */
                                          float: left;
                                          }             
            
            
#block_vier_spalten_verkauf_spalte_rechts1 {
                                          border: 0px solid #77F2A8; 
                                          position: relative;
                                          left: 60px;                     
                                          top: 0px;
                                          width: 200px; 
                                          min-height: 20px;
                                          z-index: 3;
                                          /* folgecontainer rechts daneben */ 
                                          float: left;
                                          } 
                                          
            
            
#block_vier_spalten_verkauf_spalte_rechts2 {
                                          border: 0px solid #77F2A8; 
                                          position: relative;
                                          left: 60px;                     
                                          top: 0px;
                                          width: 200px; 
                                          min-height: 20px;
                                          z-index: 3;
                                          /* folgecontainer rechts daneben */ 
                                          float: left;
                                          }                                           
            
/* dient dazu das der gesamte Containerblock seine Höhe bekommt */            
#block_vier_spalten_verkauf_spalte_blind {
                                          border: 0px solid #77F2A8; 
                                          position: relative;
                                          left: 20px;                     
                                          top: 0px;
                                          width: 1px; 
                                          min-height: 20px;
                                          z-index: 3; 
                                          }             
            
                        
            
            
            
           
                          
#block_mit_bild_links_text_225 {
                            border: 0px solid #77F2A8; 
                            position: relative;
                            /* abstand zum Bildcontainer, der Abstand und die Bildcontainerbreite verschieben den Textblock */
                            left: 20px;                     
                            top: 0px;
                            /* breite inklusive des Bildcontainer */
                            width: 900px; 
                            min-height: 225px;
                            z-index: 3; 
                            }  
                            
                                                      
                          
/* block so breit wie der trenner */                  
#text_mit_Jahreszahl_links  {
                            border: 0px solid blue; 
                            position: relative;
                            left: 31px;                     
                            top: 0px;
                            width: 938px; 
                            min-height: 30px; 
                            }              
            
            
#text_mit_Jahreszahl_links_jahreszahl {
                                      border: 0px solid #666799; 
                                      position: relative;
                                      left: 0px;                     
                                      top: 0px;
                                      width: 135px; 
                                      min-height: 30px;
                                      z-index: 3; 
                                      float:left;
                                      /* Bild im container horizontal in mitte bringen */
                                      /* display: table-cell; */
                                      text-align: left;
                                      margin-left: 100px; 
                                      }             
            
#text_mit_Jahreszahl_links_text {
                                border: 0px solid #77F2A8; 
                                position: relative;
                                /* abstand zum Jahreszahlcontainer, der Abstand und die Jahreszahlcontainerbreite verschieben den Textblock */
                                left: 20px;                     
                                top: 0px;
                                /* breite inklusive des Jahreszahlcontainer */
                                width: 900px; 
                                min-height: 30px;
                                z-index: 3; 
                                }             
                          
                          
                          
                                                    
                          
                          
/* block so breit wie der trenner für die Kuhfamilien */                  
            
            
/* kuhfamilie */                          
.block_mit_kuhbild_links  {
                          border: 0px solid #0000ff; 
                          position: relative;
                          top:25px;
                          width: 924px;
                          min-height: 50px;
                          } 


.block_mit_kuhbild_links_kuhbildfeld  {
                                      border: 0px solid #0000ff; 
                                      position: relative;
                                      background-image: url(../bilder/Nosbisch-Bildrahmen.png ); 
                                      left: 0px;
                                      width: 303px;
                                      height: 425px;
                                      float:left;
                                      }
              
/* wird als platzhalter benutzt wenn kein bild da ist */              
.block_mit_kuhbild_links_kuhbildfeld_blind  {
                                            border: 0px solid #0000ff; 
                                            position: relative;
                                            left: 0px;
                                            width: 303px;
                                            height: 425px;
                                            float:left;
                                            }
              
                            
#block_mit_kuhbild_links_bild {
                              border: 0px solid #0000ff; 
                              position: absolute;
                              left: 28px;    
                              top: 77px;            
                              width: 236px;
                              height: 206px;
                              }              
              

#block_mit_kuhbild_links_bilduntertext  {
                                        border: 0px solid #0000ff; 
                                        position: absolute;
                                        left: 30px;    
                                        top: 295px;            
                                        width: 240px;
                                        min-height: 20px;
                                        font-size: 8pt;
                                        line-height: 12pt;
                                        letter-spacing: 0.5pt;
                                        } 
              
.block_mit_kuhbild_links_haupttext  {
                                    border: 0px solid black; 
                                    position: relative;
                                    top: 7px;
                                    left: 0px;
                                    width:575px;
                                    min-height: 20px;
                                    float:right;
                                    font-size: 10pt;
                                    line-height: 12pt;                
                                    }  
              
/* bildblock mit 1200pixel breite - Bild immer in der mitte egal wie groß */                             
#block_mit_bild_1200 {
                      border: 0px solid blue; 
                      position: relative;
                      left: -100px;                     
                      top: 0px;
                      width: 1200px; 
                      min-height: 20px;                       
                      /* Bild im container horizontal in mitte bringen */
                      text-align: center;                      
                      }                 
                      
                      
                      
                      
/* 3 Bilder mit Text darunter und Popupfunktion */                      
                      
/* bildblock mit 934pixel breite */                             
#block_mit_3_bildern_934  {
                          border: 0px solid green; 
                          position: relative;
                          left: 33px;                     
                          top: 0px;
                          width: 934px; 
                          min-height: 20px;                       
                          } 
                      
                      
/* texte zu den 3_bilder container */
#wir_ueber_uns_text_zumbild_A {
                              border: 0px solid #00ff00; 
                              position: absolute;
                              left: 50px;
                              top: 290px;
                              width: 230px;
                              min-height: 20px;
                              z-index: 4;
                              }  

 
#wir_ueber_uns_text_zumbild_B {
                              border: 0px solid #00ff00; 
                              position: absolute;
                              left: 350px;
                              top: 290px;
                              width: 230px;
                              min-height: 20px;
                              z-index: 4;
                              text-align:left;
                              }   

              
#wir_ueber_uns_text_zumbild_C {
                              border: 0px solid #00ff00; 
                              position: absolute;
                              left: 650px;
                              top: 290px;
                              width: 230px;
                              min-height: 20px;
                              z-index: 4;
                              text-align:left;
                              }        
            
/* popups zu den 3_bilder container */            
#wir_ueber_uns_popup_zumbild_A  {
                                border: 0px solid #ff0000; 
                                position: absolute;
                                left: 50px;
                                top: 80px;
                                width: 230px;
                                height: 200px;
                                z-index: 4;
                                }   


#wir_ueber_uns_popup_zumbild_B  {
                                border: 0px solid #00ff00; 
                                position: absolute;
                                left: 350px;
                                top: 80px;
                                width: 230px;
                                height: 200px;
                                z-index: 4;
                                }
                          
                          
#wir_ueber_uns_popup_zumbild_C  {
                                border: 0px solid #0000ff; 
                                position: absolute;
                                left: 650px;
                                top: 80px;
                                width: 230px;
                                height: 200px;
                                z-index: 4;
                                }
                                
                                
/* newstext einzelcontainer */                  
#news_text_1 {
             border: 0px solid blue; 
             position: absolute;
             left: 235px;                     
             top: 278px;
             width: 400px; 
             min-height: 20px; 
             }  
             
#news_text_2 {
             border: 0px solid blue; 
             position: absolute;
             left: 235px;                     
             top: 803px;
             width: 400px; 
             min-height: 20px; 
             }