/* CSS - Stand 24.01.2009 - 20:00 */
/* generelle Anweisungen */
body  {
      font-size: 8pt;
      letter-spacing: 0.7pt;
      font-family: Tahoma, verdana, 'Times New Roman', arial, helvetica, sans-serif;
      color:#1E4A91;
      background-image: url(../bilder/kuester_rot_hintergrund.jpg); 
      background-repeat: no-repeat;
      background-position: center top;
      /* background-attachment: fixed; */      
      margin: 0px;
      padding:0px;
      }

p {
  padding: 0px;
  margin: 0px;
  margin-bottom: 4px;
  }   
  
img {
    margin-top: -1px;
    }  

    
/* fuer aufzaehlungen */
ul  { 
    /* IE und Firefox haben fast die selbe Darstellung */
    margin: 0px;
    padding: 0px;
    margin-left: 15px;
    list-style-type: square;
    color: #fff;
    }
    
ul.blau { 
        /* IE und Firefox haben fast die selbe Darstellung */
        margin: 0px;
        padding: 0px;
        margin-left: 15px;
        list-style-type: square;
        color:#1E4A91;
        }    
          
li  {
    margin-bottom: 10px;
    font-weight: bold;
    }


/* Parameter fuer die Hyperlinks */
a:link { text-decoration: none; color:#070491; }
a:active { text-decoration: none; color:#070491; }
a:visited { text-decoration: none; color:#070491; }
a:hover { text-decoration: none; color:#FFBD01; } 

a.weissgelb:link { text-decoration: none; color:#fff; }
a.weissgelb:active { text-decoration: none; color:#fff; }
a.weissgelb:visited { text-decoration: none; color:#fff; }
a.weissgelb:hover { text-decoration: none; color:#FFBD01; } 

/* verhindert das es um die klickbaren GIF fuer die einzelnen Farben einen Rahmen gibt */    
a img {
      border:0;
      } 
      
/* abstandshalten bei den fliesstexten */      
.abstand3 {
          border: 0px solid red;
          height:3px;
          }     
 
.abstand6 {
          border: 0px solid red;
          height:6px;
          }

.abstand14  {
            border: 0px solid red;
            height:14px;
            }
      
.abstand18  {
            border: 0px solid red;
            height:18px;
            }
          
.abstand22  {
            border: 0px solid red;
            height:22px;
            }            
          
.abstand26  {
            border: 0px solid red;
            height:26px;
            }          
          
.abstand28  {
            border: 0px solid red;
            height:28px;
            } 
          
.abstand34  {
            border: 0px solid red;
            height:34px;
            }     
          
.abstand45  {
            border: 0px solid red;
            height:45px;
            }   
          
.abstand53  {
            border: 0px solid red;
            height:53px;
            }                     
          
.abstand62  {
            border: 0px solid red;
            height:62px;
            }       
          
.abstand68  {
            border: 0px solid red;
            height:68px;
            }                
          
                            
/* verschiedene classen fuer textbereiche */       
.engerzusammen  {
                line-height:13px; 
                }

.engerzusammen7 {
                line-height:13px;
                font-size: 8pt;
                }

.engerzusammenfett  {
                    line-height:13px;
                    font-weight: bold; 
                    }  

.fettschrift  {
              font-weight: bold;
              }
                   
.fettschrift12  {
                font-weight: bold;
                font-size: 12pt;              
                } 
                            
.weite24  {
          line-height:24px; 
          }              
    
.blau {
      color:#1E4A91;
      }     
      
.weiss  {
        color:#fff;
        }   
      
.gelb {
      color:#FFBD01;
      }    
      

/* Dient dazu das ganze Layout vertikal in der mitte zu halten */      
#container  {
          	width: 1024px;
          	margin-left: -512px; /* halber Wert von width */
          	left: 50%;
          	position: absolute;
          	}


/* logobereich ------------------------------------------------- logobereich start */

#logoschriftzug {
                border: 0px solid red; 
                position: absolute;
                top:19px;                
                width: 498px;
                height:165px;  
                background-image: url(../bilder/kuesterslogo.jpg); 
                }
                
#haus_neben_logoschriftzug  {
                            border: 0px solid red; 
                            position: absolute;
                            width: 526px;
                            height:165px;  
                            top:19px;
                            left: 498px;
                            background-image: url(../bilder/kuesters_rot_haus.jpg); 
                            }

#farbwechslertext {
                  border: 0px solid red; 
                  position: absolute;
                  top: 136px;
                  left: 120px;
                  }

#farbwechsler_rot,
#farbwechsler_gelb,
#farbwechsler_blau  {
                    border: 0px solid silver; 
                    position: absolute;
                    top: 134px;
                    width: 21px;
                    height: 21px;
                    }

#farbwechsler_blau {
                    left: 28px;
                    }    
                    
#farbwechsler_rot  {
                    left: 57px;
                    } 
            
#farbwechsler_gelb {
                    left: 86px;
                    } 

/* logobereich ------------------------------------------------- logobereich ende */
  
/* hier liegt alles unterhalb des Logobereichs drin */  
#weisse_container_flaeche {
                          border: px solid red; 
                          position: absolute;
                          background-color: #fff;
                          top:186px;
                          left: 0px;
                          width: 1024px;
                          height:575px;  
                          }  
  
        
/* Bildschirmbereich Links */
#menue  {
        border: 0px solid red; 
        position: absolute;
        top:0px;
        left: 0px; 
        width: 246px;
        height:575px; 
        background-image: url(../bilder/rot_menue.jpg); 
        }       

#menue_punkte {
              border: 0px solid yellow; 
              position: absolute;
              top: 32px;
              left: 75px; 
              width: 130px;
              height:250px; 
              font-size: 10pt;
              font-weight: bold;
              line-height:24px;          
              }       

/* Bildschirmbereich Mitte */
#textflaeche_mitte_oben {
                        border: 0px solid yellow; 
                        position: absolute;
                        top: 0px;
                        left: 246px;
                        width: 253px;
                        height:190px;
                        background-color: #FF4344;
                        } 
                    
#inhalt_mitte_oben  {
                    border: 0px solid yellow; 
                    position: absolute;
                    top: 36px;
                    left: 25px;
                    width: 200px;
                    font-size: 10pt;
                    }                    
                 
#textflaeche_mitte_unten  {
                          border: 0px solid yellow; 
                          position: absolute;
                          top: 191px;
                          left: 246px;
                          width: 253px;
                          background-color: #EDEFFC;
                          height:384px;
                          }       
                    
                    
/* Bildschirmbereich Rechts */
#textflaeche_big_rechts_scroll,
#textflaeche_big_rechts,                    
#textflaeche_rechts {
                    border: 0px solid yellow; 
                    position: absolute;
                    top: 32px;
                    left: 527px;
                    width: 400px;
                    min-height:300px;
                    line-height:18px; 
                    z-index:2;
                    }                      
                    
#textflaeche_big_rechts {
                        width: 440px;
                        }    
#textflaeche_big_rechts_scroll {
                        width: 480px;
                        height: 520px;
                        overflow: auto;
                        } 

/* Flaechen auf der Index Seite */  
        
#indexbild_untenrechts  {
                        border: 0px solid red; 
                        position: absolute;
                        top:372px;
                        left: 753px;                                                 
                        width: 239px;
                        height:171px; 
                        background-image: url(../bilder/index_frau_im_sessel.jpg); 
                        
                        }   
        
#newstextflaeche  {
                  border: 0px solid yellow; 
                  position: absolute;
                  top: 190px;
                  left: 246px;
                  width: 209px;
                  height:365px;
                  background-color: #F9CBCE;
                  padding-top:20px;
                  padding-left:24px;
                  padding-right:20px;
                  }          


/* Flaechen auf der Service Seite */        
                   
#service_hausbild {
                  border: 0px solid red; 
                  position: absolute;
                  top:240px;
                  left: 710px; 
                  width: 302px;
                  height:210px; 
                  background-image: url(../bilder/servicehaus_rot.jpg); 
                  z-index: 1;
                  } 
        
#service_meisterlogo  {
                      border: 0px solid green; 
                      position: absolute;
                      top:361px;                      
                      left: 510px;                       
                      width: 210px;
                      height:205px; 
                      background-image: url(../bilder/meisterlogo.gif); 
                      z-index: 2;
                      } 
        

/* Flaechen auf den beiden Link Seiten */  

#logos_hersteller,
#logos_firmen {
              border: 0px solid red; 
              position: absolute;
              top: -10px;
              left: -22px;              
              width: 147px;
              height:517px;  
              background-image: url(../bilder/linklogos.gif); 
              }        
                
#logos_hersteller {
                  background-image: url(../bilder/herstellerlogos.jpg); 
                  }        


#logostexte_hersteller,
#logostexte_firmen  {
                    border: 0px solid blue; 
                    position: absolute;
                    top: 4px;
                    left: 130px;               
                    width: 350px;
                    height:517px;  
                    }                   
        
#logostexte_hersteller  {
                        top: 19px;
                        left: 145px;
                        }            


/* Container fuer map24 */
#content_map24  {
                border: 0px solid red; 
                position: absolute;
                top: 300px;
                left: 635px;
                }          


/* Flaechen auf der ueberunsseite*/
#ueberunsbild_untenrechts {
                          border: 0px solid red; 
                          position: absolute;
                          top:468px;
                          left: 930px; 
                          width: 81px;
                          height:93px; 
                          background-image: url(../bilder/rot_mail.jpg); 
                          }                     

#ueberuns_galerietext {
                      border: 0px solid red; 
                      position: absolute;
                      top: 496px;
                      left: 270px; 
                      width: 130px;
                      height: 30px; 
                      z-index: 1;
                      }                     



/* Flaechen fuer die verlinkungen zu den Galerien */
#sonstigebild_galeriebild_unten,
#oberboden_galeriebild_unten,
#waermedaemmung_galeriebild_unten,
#raumgestaltung_galeriebild_unten {
                                  border: 0px solid green; 
                                  position: absolute;
                                  top:460px;
                                  left: 526px; 
                                  width: 290px;
                                  height:78px; 
                                  background-image: url(../bilder/raumgestaltung.jpg); 
                                  }  
        
#waermedaemmung_galeriebild_unten {
                                  background-image: url(../bilder/daemmung.jpg); 
                                  }   
        
#oberboden_galeriebild_unten  {
                              background-image: url(../bilder/oberbodenarbeiten.jpg); 
                              }                   
                 
#sonstigebild_galeriebild_unten {
                                background-image: url(../bilder/sonstige.jpg); 
                                }                     
                             
                
#galerietext_unten  {
                    border: 0px solid red; 
                    position: absolute;
                    top:26px;
                    left: 110px; 
                    width: 200px;
                    color: #fff;
                    font-size: 14pt;
                    font-weight: bold;
                    }        

#fussschriftzug {
                border: 0px solid red; 
                position: absolute;
                top: 775px;                
                width: 1024px;
                height: 20px;  
                color: #fff;
                text-align: center;
                }