/* Informationen
 benutze z-index: 10 - emailkontaktsymbol             
         z-index:  6 - Schriftzug Digitalpainting                             
         z-index:  5 - contentdigitalmenuetext_a
         z-index:  5 - contentdigitalmenuetext_b,
         z-index:  5 - contentdigitalmenuetext_c,
         z-index:  5 - contentdigitalmenuetext_d,
         z-index:  5 - contentdigitalmenuetext_e    
         z-index:  4 - index_flaechenrahmen 
         z-index:  2 - hirschkaefer_textfeld
                                 
*/                       
                              
                              
/* generelle Anweisungen */
body  {
      font-size: 8pt;
      font-family: Tahoma, verdana, 'Times New Roman', arial, helvetica, sans-serif;
      letter-spacing: 0.7pt;
      /* background-color:#4C92D7; */ 
      background-image: url(../bilder/vrcomweb-hintergrund.jpg); 
      background-repeat: no-repeat;
      background-position: center top;
      /* background-attachment: fixed; */
      color:#000;          
      margin: 0px;
      padding:0px;
      }

a { text-decoration:none; }   
  
a img { border:0; }  
  
/* normale farbe */  
a:link {  color:#CBD5AA;  }
a:visited { color:#BCBDA8;  }
a:hover { color:#BCBDA8;  }
a:active  { color:#BCBDA8;  }
         
a.untermenue:link { color:#000; }
a.untermenue:active { color:#000; }
a.untermenue:visited { color:#8D9D32; }
a.untermenue:hover { color:#8D9D32; }          
         
p {
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
  }   
    


/* wenn 2 P folgen, kann damit der abstand verringert werden 
eingesetzt auf der indexseite um Albertschweizer nach oben zu bekommen*/
p.kleinerabstand  {
                  margin-top: -5px;
                  }
                  
                  
p.doppeltezeile {
                margin-top: -6px;
                line-height:18px; 
                }    
                
p.blueroom {
            margin-top: 15px;
                  font-size: 12pt;
                  font-weight: bold;
            margin-bottom: 15px;
            }                

/* Miniaturschrift bei blues2 neben den doppelbildern */
.mini7  {
        font-size: 7pt;
        line-height:18px; 
        }

/* benutzt für Volker Rossenbach unter seinem Bildnis(index) */
p.schrift88undabstand {
                      font-size: 8.8pt;
                      margin-bottom: 6px;
                      } 
            
/* Platzhalter im Fließtext  */ 

.abstand3  {
            border: 0px solid red;
            height: 3px;
            }
            
.abstand5  {
            border: 0px solid red;
            height: 5px;
            }
            
.abstand8  {
            border: 0px solid red;
            height: 8px;
            }   

.abstand12  {
            border: 0px solid red;
            height: 12px;
            }                       
            
.abstand16  {
            border: 0px solid red;
            height:16px;
            }
            
.abstand26  {
            border: 0px solid red;
            height:26px;
            }            
            
.abstand23  {
            border: 0px solid red;
            height:23px;
            }             
            
.abstand25  {
            border: 0px solid red;
            height:25px;
            } 
                                    
.abstand33  {
            border: 0px solid red;
            height:33px;
            } 
            
.abstand43  {
            border: 0px solid red;
            height:43px;
            }     
            
/* holt den fußtext nach oben  - blues2 seite*/
.minusabstand120 {
                        border: 0 px solid #8D8C7A; 
                        height: 10px;
                        position: absolute;
                        padding-top: -120px;
            }                    
                       
/* sonderfaben z.B. bei bestimmten Links */
.black  {
        color: #000000;
        }
 
.red  {
        color: #ff0000;
        }                    
          




                                                                   
                   
                   



/* menuekasten ueber Farblichtobjekte, Digitalpainting und Objekte               */

#gruenecontentflaeche_laengs  {
                              border: 0px solid #8D8C7A; 
                              position: relative;
                              top: 60px;
                              left: 20px;
                              width: 770px;
                              height: 100px;
                              } 
                         
                         
                              

                                                     
/* ------------------------------------------------------------------------------ Auf allen Seiten            start */

/* Container, dient dazu das ganze Layout vertikal in der mitte zu halten */      
#container  {
            width: 850px;
            margin-left: -425px; /* halber Wert von width */
            left: 50%;
            position: absolute;
	          }


/* Hier ist der Text unter dem Bild vom Hirschkäfer drin */
#index_hirschkaefertext  {
                        border: 0px solid #8D8C7A; 
                        position: absolute;
                        top: 18px;
                        left: 455px;
                        width: 300px;
                        height: 70px;
                        text-align: left;
                        font-size: 7.5pt;
                        letter-spacing: 0.1pt;
                        color: #fff;
                        }   
                        
/* Hauptmenuecontainer      */                        
#menuerahmen  {
              border: 0px solid silver; 
              position: relative;
              top:  180px;
              left: 644px;
              width:160px;
              min-height: 100px;
              }  
            
/* Texte fuer die Hauptmenuepunkte      */            
#hauptmenuetexte  {
                  border: 0 px solid silver; 
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  width:160px;
                  height: 100px;          
                  text-align: left;
                  font-size: 8pt;
                  font-weight: bold;
                  line-height:8px; 
                  }     
                  
                  
/* Contentcontainer steht in der Mitte der Seite                                    */
#contentflaeche {
                border: 2px solid #fff; 
                background-color:#C9D1A2;
                position: absolute;
                left: -3px;
                top: 340px;
                width: 809px;
                padding: 20px;
                }
                
/* Legt drei Randlinien oben auf die Kontaktlogoflaeche */                
#index_flaechenrahmen {
                      /* nur drei border da unten der normale container rahmen bleiben soll wegen den MAC */
                      border-top: 2px solid #fff;
                      border-left: 2px solid #fff; 
                      border-right: 2px solid #fff;  
                      position: absolute;
                      top:  -5px;
                      left: -2px;
                      height:250px;
                      width: 849px;
                      z-index: 4;
                      }   
                      
/* Emailkontaktflaeche */                      
#kontaktlogoflaeche {
                      border: 0px solid #8D8C7A; 
                      background-image: url(../bilder/kontakt.gif); 
                      position: absolute;
                      top: -15px;
                      left: -10px;
                      width: 870px;
                      height: 242px;
                      } 
                      
/* Emailkontaktbutten                                                         */
#emailkontaktsymbol {
                    border: 0px solid #8D8C7A; 
                    position: absolute;
                    top: 355px;
                    left:  37px;
                    width: 100px;
                    height: 30px;
                    z-index: 10;
                    }                        
                        
/* sorgt dafuer das der Container die gesamthoehe nach unten weiter addiert */                      
.floatende  {
            clear:left;
            }                                                                     
                        
/* Hier ist der Seitenfusstext drin  */ 
#fusstext {
          border: 0px solid #8D8C7A; 
          position: relative;
          margin-top: 100px; 
          width: 780px;
          left: 0px;
          bottom: -20px; 
          height: 15px;
          font-size: 7pt;
          text-align:center;
          } 
          
/* sorgt dafür das unter allem (was in weiss umrandet ist) noch der grüne hintergrund gestellt wird 30px hoch */
#abstand_rand_unten {
                    border: 0px solid #ff0000;
                    position: relative;
                    top:55px;
                    height:30px;
                    width: 30px;
                    } 
                   
/* ------------------------------------------------------------------------------ Auf allen Seiten            ende  */                              



                              
                              
/* ------------------------------------------------------------------------------ Index und Hirschkaeferseite start */



                        
#gruenecontentflaeche_rechts  {
                              border: 0px solid red; 
                              position: absolute;
                              background-color:#E3EAC8;  
                              top: 62px;
                              left: 422px;
                              width:384px;
                              height: 576px;
                              }       
                              
/* Hier ist der Text für die letzte Arbeit drin */
#index_news  {
                              border: 0px solid blue; 
                              position: absolute;
                              top: 25px;
                              left: 422px;
                              width: 545px;
                              height: 22px;
                              font-size: 8.8pt;
                              z-index:5;
                              }                                 

/* Hier ist der Text über dem Bild Das Licht der fruehen Jahre drin */
#index_lichtbildueberschrift  {
                              border: 0px solid blue; 
                              position: absolute;
                              top: 23px;
                              left: 100px;
                              width: 177px;
                              height: 22px;
                              text-align:center;
                              font-size: 8.8pt;
                              } 

/* Hier ist der Text unter dem Bild Das Licht der fruehen Jahre drin */          
#index_lichtbildtext  {
                      border: 0px solid blue; 
                      position: absolute;
                      top: 295px;
                      left: 102px;
                      width: 180px;
                      height: 222px;
                      text-align:left;
                      line-height:23px;
                      font-size: 7.5pt;
                      } 
                        
/* Hier ist das Bild Lichtbild drin */
#index_lichtbild  {
                  border: 0px solid blue; 
                  position: absolute;
                  background-image: url(../bilder/vrcom_start_lichtbild.jpg); 
                  top: 50px;
                  left: 95px;
                  width:183px;
                  height: 221px;
                  }                
                        
/* Hier ist das Bild von Volker und dem Hirschkäfer drin */
#index_rossenbach_mit_kaefer  {
                              border: 0px solid #8D8C7A; 
                              position: relative;
                              background-image: url(../bilder/vrcom_start_rossenbach.jpg); 
                              top: 41px;
                              left: 17px;
                              width:380px;
                              height: 585px;
                              }                           
                        
/* Hier ist der Text unter dem Bild von Volker drin */
#index_biographie {
                  border: 0px solid #8D8C7A; 
                  position: absolute;
                  top: 241px;
                  left: 41px;
                  width:283px;
                  height: 175px;
                  text-align:left;  
                  line-height:16.5px;       
                  } 

/* Hier ist der Text von den Ausstellungen drin */
#index_ausstellungen  {
                      border: 0px solid #8D8C7A; 
                      position: absolute;
                      top: 435px;
                      left: 41px;
                      width: 160px;
                      height: 149px;
                      text-align: left;
                      line-height:18.5px;  
                      } 
                        
/* Hier ist der Seitenlink zu Rossenbachart drin */          
#index_grafikerlink {
                    border: 0px solid blue; 
                    position: absolute;
                    top: 470px;
                    left: 248px;
                    width: 110px;
                    height: 22px;
                    text-align:center;
                    font-weight: bold;
                    font-size: 10pt;
                    } 

/* Hier ist der Fliesstext vom Hirschkaefer drin */          
#hirschkaefer_textfeld  {
                        border: 0px solid #8D8C7A; 
                        position: relative;
                        top: 50px;
                        left: 21px;
                        width: 650px;
                        min-height: 400px;
                        text-align:left;
                        line-height:23px;   
                        z-index: 2;       
                        }  
                        
/* Hier ist der große Fliesstext drin */          
#index_text_von_adolf_luther  {
                              border: 0px solid #8D8C7A; 
                              position: relative;
                              top:  65px;
                              left: 22px;
                              width: 650px;
                              min-height: 550px;
                              text-align:left;
                              line-height:23px;          
                              }                         

/* Hier ist das Bild Irische Landschaft drin */          
#index_frischelandschaftbild  {
                              border: 0px solid #8D8C7A; 
                              position: relative;
                              background-image: url(../bilder/vrcom_start_landschaft.jpg); 
                              top: 71px;
                              left: 15px;
                              width: 174px;
                              height: 210px;
                              }           
          
/* Hier ist der Text unter dem Bild Irische Landschaft drin */          
#index_frischelandschaftbildtext  {
                                  border: 0px solid #8D8C7A; 
                                  position: relative;
                                  top: 90px;
                                  left: 21px;
                                  width: 177px;
                                  min-height: 150px;
                                  text-align:left;
                                  line-height:23px;
                                  }            

/* Hier ist das Schwarze Buch drin */
#index_blackbookbild  {
                      border: 0px solid #8D8C7A; 
                      position: absolute;
                      background-image: url(../bilder/vrcom_start_buch.jpg); 
                      top: 1257px;
                      left: 343px;
                      width: 325px;
                      height: 190px;
                      }  

/* unteres hirschkaeferbild  */                      
#hirschkaefer_bigbild {
                      border: 0px solid #8D8C7A; 
                      position: relative;
                      background-image: url(../bilder/vrcomweb-hirschkaefer.jpg); 
                      top:  40px;
                      left: 150px;
                      width:492px;
                      height: 801px;
                      }     



                   
/* ------------------------------------------------------------------------------ Index und Hirschkaeferseite ende  */




                   
/* ------------------------------------------------------------------------------------------ Digitalpainting start */              

/* Schriftzug Digitalpainting   */      
                  
#digitalpainting_ueberschrift {
                              border: 0px solid #8D8C7A; 
                              position: relative;
                              top: 267px;
                              left:  6px;
                              width: 770px;
                              height: 15px;
                              color: #76890A;
                              font-size: 8.5pt; 
                              font-weight: bold; 
                              text-align:center;
                              z-index: 6;
                              }  
                              
#farblichtobjekt_ueberschrift {
                              border: 0px solid #8D8C7A; 
                              position: relative;
                              top: 267px;
                              left:  15px;
                              width: 600px;
                              height: 15px;
                              color: #76890A;
                              font-size: 8.5pt; 
                              font-weight: bold; 
                              text-align:center;
                              z-index: 6;
                              }  
                              
#objekt_ueberschrift {
                              border: 0px solid #8D8C7A; 
                              position: relative;
                              top: 267px;
                              left:  86px;
                              width: 400px;
                              height: 15px;
                              color: #76890A;
                              font-size: 8.5pt; 
                              font-weight: bold; 
                              text-align:center;
                              z-index: 6;
                              }                                                              
                              
                              
/* Menuespalten 1-5 auf der Digitalpaintingseite                                  */

#contentdigitalmenuetext_a,
#contentdigitalmenuetext_b,
#contentdigitalmenuetext_c,
#contentdigitalmenuetext_d,
#contentdigitalmenuetext_e  {
                            border: 0px solid yellow; 
                            position: absolute;
                            top:  5px;
                            left: 0px;
                            width: 100px;
                            height: 100px;
                            font-weight: bold; 
                            text-align:left;
                            line-height:8px;
                            /* z-index wird gebraucht damit beim firefox die links gehen! */   
                            z-index:5; 
                            }  
                                                  
#contentdigitalmenuetext_b  {
                            left: 132px;
                            width: 140px;
                            }  
                        
#contentdigitalmenuetext_c  {
                            left: 304px;
                            width: 110px;
                            }            
                        
#contentdigitalmenuetext_d  {
                            left: 446px;
                            width: 135px;
                            }                              
                        
#contentdigitalmenuetext_e  {
                            left: 618px;
                            width: 170px;
                            }                              
                                                                        

/* Hier sind die Grundeinstellungen für die Digitalpaintingseiten (Bilder)       */

#melancolia_hauptbild,
#prometheus_und_ethon_hauptbild,
#der_dritte_polizist_hauptbild,
#annie_delina_dessy_hauptbild,
#brennender_wald_hauptbild,
#die_morgensonne_hauptbild,
#atelier_mit_hund_hauptbild,
#weltbrand_hauptbild,
#maler_mit_apfel_hauptbild,
#steppenwolf_hauptbild,
#little_boy_hauptbild,
#lebensstrom_mit_akt_hauptbild,
#gehet_hin_hauptbild,
#mann_im_kaefig_hauptbild,
#der_maler_hauptbild, 
#digitalpainting_hauptbild {
                           border: 0px solid #ff0000; 
                           position: relative;
                           top: 42px;
                           left: 20px;
                           width: 769px;
                           height: 563px;
                           }       
                   

#digitalpainting_hauptbild  {
                            background-image: url(../bilder/start-digipainting.jpg); 
                            }   
                  
#der_maler_hauptbild  {                  
                      background-image: url(../bilder/vrcomweb-digi-der-maler.jpg);
                      }                          
                
#mann_im_kaefig_hauptbild {                  
                          background-image: url(../bilder/mann_im_kaefig.jpg);
                          }     
                           
#gehet_hin_hauptbild  {                  
                      background-image: url(../bilder/gehet_hin.jpg);
                      }                              
                           
#lebensstrom_mit_akt_hauptbild  {                  
                                background-image: url(../bilder/lebensstrom_mit_akt.jpg);
                                }                           
                           
#little_boy_hauptbild {                  
                      background-image: url(../bilder/little_boy.jpg);
                      }  
                           
#steppenwolf_hauptbild  {                  
                        background-image: url(../bilder/steppenwolf.jpg);
                        }  
                           
#maler_mit_apfel_hauptbild  {                  
                            background-image: url(../bilder/maler_mit_apfel.jpg);
                            }                                                                                  
                           
#weltbrand_hauptbild  {                  
                      background-image: url(../bilder/weltbrand.jpg);
                      }
                                                 
#atelier_mit_hund_hauptbild {                  
                            background-image: url(../bilder/atelier_mit_hund.jpg);
                            }
                                                       
#die_morgensonne_hauptbild  {                  
                            background-image: url(../bilder/die_morgensonne.jpg);
                            } 
                      
#brennender_wald_hauptbild {                  
                              background-image: url(../bilder/brennender_wald.jpg);
                              }
                                                                          
#annie_delina_dessy_hauptbild {                  
                              background-image: url(../bilder/annie_delina_dessy.jpg);
                              }
                               
#der_dritte_polizist_hauptbild  {                  
                                background-image: url(../bilder/der_dritte_polizist.jpg);
                                } 
                      
#prometheus_und_ethon_hauptbild {                    
                                background-image: url(../bilder/prometheus_und_ethon.jpg);
                                } 

#melancolia_hauptbild {                  
                      background-image: url(../bilder/melancolia.jpg);
                      }



/* Hier sind die Grundeinstellungen für die Digitalpaintingseiten  (Texte)              */

#melancolia_textfeld,
#prometheus_und_ethon_textfeld,
#der_dritte_polizist_textfeld,
#annie_delina_dessy_textfeld,
#brennender_wald_textfeld,
#die_morgensonne_textfeld,
#atelier_mit_hund_textfeld,
#weltbrand_textfeld,                  
#maler_mit_apfel_textfeld,
#steppenwolf_textfeld,
#little_boy_textfeld,
#lebensstrom_mit_akt_textfeld,  
#gehet_hin_textfeld,                      
#mann_im_kaefig_textfeld,        
#der_maler_textfeld,
#digitalpainting_textfeld {
                          border: 0px solid #8D8C7A; 
                          position: relative;
                          top: 50px;
                          left: 21px;
                          width: 760px;
                          min-height: 400px;
                          text-align:left;
                          line-height:23px;   
                          /* z-index: 2;       - erstmal wieder weg */
                          }  
  
                        
/* ------------------------------------------------------------------------------------------ Digitalpainting ende */

/* ---------------------------------------------------------------------------------------- Farblichtobjekte start */



/* Menuespalten 1-4 auf der Farblichtobjekte                                  */

#farblichtobjektemenuetext_a,
#farblichtobjektemenuetext_b,
#farblichtobjektemenuetext_c,
#farblichtobjektemenuetext_d  {
                            border: 0px solid yellow; 
                            position: absolute;
                            top:  5px;
                            left: 110px;
                            width: 90px;
                            height: 100px;
                            font-weight: bold; 
                            text-align:left;
                            line-height:8px;
                            /* z-index wird gebraucht damit beim firefox die links gehen! */   
                            z-index:5; 
                            }  
                                                  
#farblichtobjektemenuetext_b  {
                            left: 222px;
                            width: 170px;
                            }  
                        
#farblichtobjektemenuetext_c  {
                            left: 424px;
                            width: 110px;
                            }            
                        
#farblichtobjektemenuetext_d  {
                            left: 566px;
                            width: 135px;
                            }
                      
      
#fluegel_hauptbild,                      
#kaefer_hauptbild,                      
#skelett_hauptbild,                            
#schaedel_hauptbild,
#sitzend_hauptbild,                  
#birdland_hauptbild,                            
#bauernsonntag_hauptbild,                            
#der_zimmermann_hauptbild,                            
#graulandharfen_hauptbild,                            
#wachsen_hauptbild,                                                           
#blutschwan_hauptbild,                         
#wuchern_hauptbild,                        
#wunden_im_lebensstrom_hauptbild,                           
#blueroom_1_hauptbild,                                                               
#blueroom_2_hauptbild,                                                              
#blueroom_3_hauptbild,  
#blues2_hauptbild,                                                          
#delta2_hauptbild,
#farblicht_hauptbild {
                           border: 0px solid #ff00ff; 
                           position: relative;
                           top: 42px;
                           left: 20px;
                           width: 769px;
                           height: 575px;
                           }       
                   

#farblicht_hauptbild  {
                            background-image: url(../bilder/start-farblichtobjekte.jpg); 
                            }  
                            
#blues2_hauptbild  {
                            background-image: url(../bilder/vrcom-blues.jpg); 
                            }  
                            
                            
#delta2_hauptbild  {
                            background-image: url(../bilder/delta2.jpg); 
                            }    
                            
#blueroom_1_hauptbild  {
                            background-image: url(../bilder/blueroombild_1.jpg); 
                            }                                                         
                            
#blueroom_2_hauptbild  {
                            background-image: url(../bilder/blueroombild_2.jpg); 
                            }   
                            
#blueroom_3_hauptbild  {
                            background-image: url(../bilder/blueroombild_3.jpg); 
                            }   
                            
#wunden_im_lebensstrom_hauptbild  {
                            background-image: url(../bilder/wunden_im_lebensstrom.jpg); 
                            }     
                            
#wuchern_hauptbild  {
                            background-image: url(../bilder/wuchern.jpg); 
                            }   
                            
#blutschwan_hauptbild  {
                            background-image: url(../bilder/blutschwan.jpg); 
                            }   
                            

#bauernsonntag_hauptbild  {
                            background-image: url(../bilder/bauernsonntag.jpg); 
                            }                            
#der_zimmermann_hauptbild  {
                            background-image: url(../bilder/der_zimmermann.jpg); 
                            }                            
#graulandharfen_hauptbild  {
                            background-image: url(../bilder/graulandharfen.jpg); 
                            }                            
#wachsen_hauptbild  {
                            background-image: url(../bilder/wachsen.jpg); 
                            }                                                           
                     
#birdland_hauptbild  {
                            background-image: url(../bilder/birdland.jpg); 
                            }   

#sitzend_hauptbild {
                            background-image: url(../bilder/sitzend.jpg); 
                            }  

#schaedel_hauptbild {
                            background-image: url(../bilder/schaedel.jpg); 
                            } 

#fluegel_hauptbild {
                            background-image: url(../bilder/fluegel.jpg); 
                            }

                      
#kaefer_hauptbild {
                            background-image: url(../bilder/kaefer.jpg); 
                            }

                      
#skelett_hauptbild {
                            background-image: url(../bilder/skelett.jpg); 
                            }                            







#fluegel_textfeld,                      
#kaefer_textfeld,                      
#skelett_textfeld,                            
#schaedel_textfeld,                                                                                                           
#sitzend_textfeld,                           
#birdland_textfeld,      
#bauernsonntag_textfeld,                       
#der_zimmermann_textfeld,                            
#graulandharfen_textfeld,                            
#wachsen_textfeld,                                                          
#blutschwan_textfeld,                                                                                     
#wuchern_textfeld,                            
#wunden_im_lebensstrom_textfeld,                            
#blueroom_textfeld,
#blues2_textfeld,      
#blues2a_textfeld,                                                             
#delta2_textfeld,                           
#farblicht_textfeld {
                          border: 0px solid #8D8C7A; 
                          position: relative;
                          top: 50px;
                          left: 21px;
                          width: 760px;
                          min-height: 400px;
                          text-align:left;
                          line-height:23px;   
                          /* z-index: 2;       - erstmal wieder weg */
                          }    
                          
#blues2a_textfeld {
                          border: 0px solid #8D8C7A; 
                          position: relative;
                          top: 10px;
                          left: 21px;
                          width: 760px;
                          min-height: 400px;
                          text-align:left;
                          line-height:23px;   
                          /* z-index: 2;       - erstmal wieder weg */
                          }                                                     
                            
                            
#blueroom_link {
                          border: 0px solid #8D8C7A; 
                          position: relative;
                          top: 480px;
                          left: 690px;
                          height: 20px;
                          width: 20px;
                          z-index: 7px;
                }                            
                            
                            

/* Hier ist das Zeitungsbild von der Deltaseite drin                                */                     
#delta_zeitungsbild {
                        border: 0px solid #8D8C7A; 
                        position: relative;
                        background-image: url(../bilder/vrcomweb_delta_Zeitung.jpg); 
                        top:   -80px;
                        left: 20px;
                        width:769px;
                        min-height: 1307px;
                        }    
                        
                        
/* Miniaturschrift bei blues2 neben den doppelbildern */
.mini7  {
        font-size: 7pt;
        line-height:18px; 
        }
        
#bluezwei_doppelbild {
                        border: 0px solid #8D8C7A; 
                        position: relative;
                        background-image: url(../bilder/vrcomweb-bluesii-doppelbild.jpg); 
                        top:20px;
                        bottom: 15px;
                        left: 227px;
                        width:406px;
                        height: 198px;
                        }  
                        
/* Hier ist der textende - eingeschränkte breite */
#bluezwei_bildertext {
                        border: 0px solid #8D8C7A; 
                        position: relative;
                        top: 25px;
                        left: -204px;
                        width:200px;
                        min-height: 110px;
                        text-align:left;
                        line-height:18px;                             
                        }                                                         
                        
                        
/* ---------------------------------------------------------------------------------------- Farblichtobjekte ende */                        

/* ------------------------------------------------------------------------------------------------ Objekte start */


/* Menuespalten 1-4 auf der objekte                                  */

#objektemenuetext_a,
#objektemenuetext_b,
#objektemenuetext_c  {
                            border: 0px solid yellow; 
                            position: absolute;
                            top:  5px;
                            left: 220px;
                            width: 110px;
                            height: 100px;
                            font-weight: bold; 
                            text-align:left;
                            line-height:8px;
                            /* z-index wird gebraucht damit beim firefox die links gehen! */   
                            z-index:5; 
                            }  
                                                  
#objektemenuetext_b  {
                            left: 400px;
                            width: 170px;
                            }  
                        
#objektemenuetext_c  {
                            left: 550px;
                            width: 110px;
                            }            
                           
                        

#landschaft_mit_mohnkapseln_hauptbild,
#objekte_hauptbild {
                           border: 0px solid #ff0000; 
                           position: relative;
                           top:  42px;
                           left: 20px;
                           width: 769px;
                           height: 575px;
                           }       

#objekte_hauptbild  {
                            background-image: url(../bilder/startobjekte.jpg); 
                            }  

#landschaft_mit_mohnkapseln_hauptbild  {
                            background-image: url(../bilder/landschaft_mit_mohnkapseln.jpg); 
                            }
                            
                              
#landschaft_mit_mohnkapseln_textfeld,
#objekte_textfeld {
                          border: 0px solid #8D8C7A; 
                          position: relative;
                          top:  50px;
                          left: 21px;
                          width: 760px;
                          min-height: 400px;
                          text-align:left;
                          line-height:23px;   
                          /* z-index: 2;       - erstmal wieder weg */
                          }