/* Professionelles Webdesign mit (x)HTML und CSS
Start 01.Mai 2008
Letzte Aenderung am 02. März 2010 
*/

/* Wichtige Farben
Rot: #A60C1D
Rotbraun: #8B0000
hellrot: BC8F8F
Helles Grau: #DCDCDC
Dunkles Grau: #A9A9A9
*/

/* Allgemeines*/
*{
   padding: 0;
   margin: 0;
   background: transparent;
 }


 body{
    background: transparent url('images/hg_blat3.jpg');
    text-align: center; /* Zentrierung des Layouts im IE 5 */
    font-size: 80%;
    line-height: 1.4em;
    
    font-family: Arial,Helvetica, sans-serif;
    margin: 0; padding: 0em
}

   .none { display: none;
                               }

   
   
ul,li {
   margin: 0; 
   background: transparent;
   list-style-type: none;
   position: relative;
   text-decoration: none;
   }


 
.clear { clear: both;
                             }           /* Elemente aus Float befreien */ 


 a img { border: 0px;
         background: transparent; }



h1,h2,h3,h4,h5,h6,h7,ol,ul,li,dl,dt,dd,p,input,textarea,select,legend,fieldset,label{
    color: #696969; 
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;                                                     /* Alle Elemente linksbündig */ 
                                       }



/* Strichformatierung*/
hr {color: #8B0000;
    background: transparent; }



/* Überschriftenformatierung*/
h1 {
  clear: both;
  float: left;
  text-align: left;
  display: inline; /* Doubled float-margin bug WIN IE, http://www.positioniseverything.net/explorer/doubled-margin.html */
  color: #000;
  font-size: 1.2em;
  line-height: 1.1em;
  background: transparent;
    
 }
 
 
 
 h1,h2 span { visibility: hidden;
              background: transparent;}
 
 
 
 h2 {
  float: left;
  background: transparent;
  
  color: #000;
  font-size: 0.90em;
  line-height: 1.0em;
  text-align: left;

 
                       }
 
  

 



 
 
 

 
 
 
 




  /* Textformatierungen */
  
  
     p { background: transparent; color: #696969; font-style: oblique; font-size: 1em; line-height: 1.3em;  }
        
        
  
     p.atelier { 
                 margin: 10px 20px 0px 195px;
                 color: #fff;
                 font-style: oblique;
                 font-size: 1em;
                 line-height: 1.3em;
                 background: transparent;  }
  

  
  
  
  
 /* Navigation 1 oben */

 ul.navig1 {                                      /* Bereich für das Navigationsmenü */
               width: 503px;
               margin: 85px -35px 0px 0px;
               float: right;
               padding: 0px 0px 0px 0px;
               background: transparent;
               display: inline;
               font-size: 1em;
               font-weight: bold;
               text-decoration: none;
               list-style-image: none;
               
               position: relative;
                                     } 
  
          
          
    
 
 ul.navig1 li{                       /* Lisenelemente der List ul hier kein float*/

  
   background: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0;
   clear: both;
   color: #A60C1D;
   display: inline;
   list-style-type: none;
   text-decoration: none;
   
   }
 
 ul.navig1 li a {
   
   padding: 0px 0px 0px 0px;              /* Fix für IE 5.0 Win, verstecken vor IE Mac \*/
   margin: 0px 0 0px 0;
   text-decoration: none;
   color: #fff;
   background: transparent;
  
}
  
      ul.navig1 li a:visited {
                                color: #696969;
                                background: transparent;
     

                                                    }
  
  
  
    ul.navig1 li a:hover {
      background: transparent;
      padding: 0px 0px 0px 0px;
      color: #A60C1D;
      
    
     
   }
          
  
       
       
   
 
/* Bilder und Buttons  */ 


   img.galeriebereich {
                  margin: 15px 0 0px 25px;
                  
                  border-width: 5px;
                  border-color: #fff;
                  border-style: solid;
                  border-right: 6px solid #606060;
                  border-bottom: 6px solid #606060;
                  background: transparent;
                  float: right;
                            }
                            
    img.galeriebereich2 {
                  margin: 15px 0 0px 25px;
                  border-color: #606060;

                  border-width: 1px;
                  border-style: solid;
                  border-right: 1px solid #606060;
                  border-bottom: 1px solid #606060;
                  background: transparent;
                  float: right;
                            }                      
                            
                            
                            
                            

     
   img.button {
                  margin: 0px 5px 0px 0px;
                  width: 21px;
                  height: 21px;
                  background: transparent;
                            }
                            
                            
   img.pfeile {
                  margin: 28px 0px -18px 0px;
                  float: right;
                  background: transparent;
                            }                       
                            
                            
                            
                            
     

   img.portraet {
                  margin: 0px 0px 0px 230px;
                  float: left;
                  background: transparent;
                            } 
                            
   img.logo {
                  margin: 0px 0px 0px 242px;
                  float: left;
                  z-index: 4;
                  background: transparent;
                            }


    
          
    
    img.a_schrift {
                  margin: -65px 0px 0px 0px;
                  float: left;
                  width: 267px;
                  height: 64px;
                  background: transparent;
                            }                      
                             
     
     
     
     
/* Wrapbereich */
  #wrap {
       margin: 0 auto;
       padding: 0;
       width: 951px;
       text-align: left;
       height: 100%;
       background: transparent;

       }
  
 
 
/* Headerbereich */ 
  #header {
     width: 960px;
     height: 64px;
     text-align: left;
     display: inline;
     float: left;
     margin: 40px 0px 0px 0px;
     padding: 0 0 0px 0;
     background: transparent;
                           }
   
   
body#start #header {

     width:951px;
     background: transparent;
     
     float: left;
     margin: 40px 0px 0px 0px;
     text-align: left;
     padding: 0 0 0px 0;
                         }
     
      
      
    
      
  #start1R1C1 {
                   width: 951px;
                   height: 291px;
                   float: left;
                   margin: 40px 0px 0px 0px;
                   background: transparent url("images/startseite/start1R1C1.jpg") no-repeat;
                                            }
     
      
     
    
 #atelier1R2C1 {
                   width: 218px;
                   height: 76px;
                   float: left;
                   background: transparent url("images/startseite/atelier1R2C1.jpg") no-repeat;

                                            }
   
   


 #malerei1R2C3 {
                   width: 194px;
                   height: 76px;
                   float: left;
                   background: transparent url("images/startseite/malerei1R2C3.jpg") no-repeat;

                                            }

 #grafik1R2C4 {
                   width: 171px;
                   height: 76px;
                   float: left;
                   background: transparent url("images/startseite/grafik1R2C4.jpg") no-repeat;

                                            }

 #design1R2C5 {
                   width: 187px;
                   height: 76px;
                   float: left;
                   background: transparent url("images/startseite/design1R2C5.jpg") no-repeat;

                                            }

 #start1R2C6 {
                   width: 181px;
                   height: 76px;
                   float: left;
                   background: transparent url("images/startseite/start1R2C6.jpg") no-repeat;
                                            }

 #logo1R3C1 {
                   width: 164px;
                   height: 96px;
                   float: left;
                   background: transparent url("images/startseite/logo1R3C1.jpg") no-repeat;
                                            }

 

 #start1R4C1 {
                   width: 951px;
                   height: 88px;
                   float: left;
                   background: transparent url("images/startseite/start1R4C1.jpg") no-repeat;
                                            }


 #start1R5C1 {
                   width: 784px;
                   height: 78px;
                   float: left;
                   background: transparent url("images/startseite/start1R5C1.jpg") no-repeat;
                                            }

 #shop1R5C7  {
                   width: 167px;
                   height: 78px;
                   float: left;
                   background: transparent;
                                            }

 


                                 
      /* Layout Bilderstreifen */
  
 #bilder1R3C2 {
      width: 787px;                 
      height: 96px;
      background: transparent;
      float: left;
      
      
     }                              
                                 
     
 /* Layout HG-Atelier */  
 
 
        #wischerAR1C1 {
                   width: 190px;
                   height: 78px;
                   float: left;
                   margin: 80px 0px 0px 0px;
                   background: transparent url("images/seite_atelier/wischer4_01.gif") no-repeat;
                                            }                            
                                 
       #wischerAR1C2 {
                   width: 528px;
                   height: 78px;
                   float: left;
                   margin: 80px 0px 0px 0px;
                   background: transparent url("images/seite_atelier/wischer4_02.gif") no-repeat;
                                            }                            
                                                          
        #wischerAR1C3 {
                   width: 163px;
                   height: 78px;
                   float: left;
                   margin: 80px 0px 0px 0px;
                   background: transparent url("images/seite_atelier/wischer4_03.gif") no-repeat;
                                            } 


                                                          
    






         #wischerAR2C1 {
                   width: 190px;
                   height: 230px;
                   float: left;
                  
                   background: transparent url("images/seite_atelier/wischer4_04.gif") no-repeat;
                                            }                            
                                 
          #wischerAR2C2 {
                   width: 528px;
                   height: 230px;
                   float: left;
                  
                   background: transparent url("images/seite_atelier/wischer4_05.gif") no-repeat;
                                            }                            
                                                          
          #wischerAR2C3 {
                   width: 163px;
                   height: 230px;
                   float: left;
                  
                   background: transparent url("images/seite_atelier/wischer4_06.gif") no-repeat;
                                            }



                                                          
    








           #wischerAR3C1 {
                   width: 190px;
                   height: 233px;
                   float: left;
                   
                   background: transparent url('images/seite_atelier/wischer4_07.gif') no-repeat;
                                            } 
                                                                       
                                 
          #wischerAR3C2 {
                   width: 528px;
                   height: 233px;
                   float: left;
                   
                   background: transparent url("images/seite_atelier/wischer4_08.gif") no-repeat;
                                            }                            
                                                          
             #wischerAR3C3 {
                   width: 163px;
                   height: 233px;
                   float: left;
                  
                   background: transparent url("images/seite_atelier/wischer4_09.gif") no-repeat;
                                                                                      }

        



          #wischerAR4C1 {
                   width: 190px;
                   height: 79px;
                   float: left;
                   
                   background: transparent url("images/seite_atelier/wischer4_10.gif") no-repeat;
                                            }                            
                                 
          #wischerAR4C2 {
                   width: 528px;
                   height: 79px;
                   float: left;
                   
                   background: transparent url("images/seite_atelier/wischer4_11.gif") no-repeat;
                                            }                            
                                                          
             #wischerAR4C3 {
                   width: 163px;
                   height: 79px;
                   float: left;
                  
                   background: transparent url("images/seite_atelier/wischer4_12.gif") no-repeat;
                                                                                      }

   








                            
 /* Layout HG-Malerei */                           
                                 
       #wischerMR1C1 {
                   width: 180px;
                   height: 97px;
                   float: left;
                   margin: 80px 0px 0px 0px;
                   background: transparent url("images/seite_malerei/wischer_01.gif") no-repeat;
                                            }                            
                                 
       #wischerMR1C2 {
                   width: 503px;
                   height: 97px;
                   float: left;
                   margin: 80px 0px 0px 0px;
                   background: transparent url("images/seite_malerei/wischer_02.gif") no-repeat;
                                            }                            
                                                          
        #wischerMR1C3 {
                   width: 198px;
                   height: 97px;
                   float: left;
                   margin: 80px 0px 0px 0px;
                   background: transparent url("images/seite_malerei/wischer_03.gif") no-repeat;
                                            }                      
                                 
                                 
       #wischerMR2C1 {
                   width: 180px;
                   height: 378px;
                   float: left;
                  
                   background: transparent url("images/seite_malerei/wischer_04.gif") no-repeat;
                                            }                            
                                 
          #wischerMR2C2 {
                   width: 503px;
                   height: 378px;
                   float: left;
                  
                   background: transparent url("images/seite_malerei/wischer_05.gif") no-repeat;
                                            }                            
                                                          
             #wischerMR2C3 {
                   width: 198px;
                   height: 378px;
                   float: left;
                  
                   background: transparent url("images/seite_malerei/wischer_06.gif") no-repeat;
                                            }                      
                                                     

         #wischerMR3C1 {
                   width: 180px;
                   height: 138px;
                   float: left;
                   
                   background: transparent url("images/seite_malerei/wischer_07.gif") no-repeat;
                                            }                            
                                 
          #wischerMR3C2 {
                   width: 503px;
                   height: 138px;
                   float: left;
                   
                   background: transparent url("images/seite_malerei/wischer_08.gif") no-repeat;
                                            }                            
                                                          
             #wischerMR3C3 {
                   width: 198px;
                   height: 138px;
                   float: left;
                  
                   background: transparent url("images/seite_malerei/wischer_09.gif") no-repeat;
                                                                                      }                      
    

 /* Layout HG-Grafik */                              

        #wischerGR3C1 {
                   width: 180px;
                   height: 138px;
                   float: left;
                   
                   background: transparent url("images/seite_grafik/wischer_07.gif") no-repeat;
                                                                                           }                            
                                 
          #wischerGR3C2 {
                   width: 503px;
                   height: 138px;
                   float: left;
                   
                   background: transparent url("images/seite_grafik/wischer_08.gif") no-repeat;
                                                                                           }



 /* Layout HG-Design */                              

        #wischerDR3C1 {
                   width: 180px;
                   height: 138px;
                   float: left;
                   
                   background: transparent url("images/seite_design/wischer_07.gif") no-repeat;
                                                                                           }                            
                                 
          #wischerDR3C2 {
                   width: 503px;
                   height: 138px;
                   float: left;
                   
                   background: transparent url("images/seite_design/wischer_08.gif") no-repeat;

                                                                                           }

 /* Layout HG-Werbung */                              

        #wischerWR3C1 {
                   width: 180px;
                   height: 138px;
                   float: left;
                   
                   background: transparent url("images/seite_werbung/wischer_07.gif") no-repeat;
                                                                                           }                            
                                 
          #wischerWR3C2 {
                   width: 503px;
                   height: 138px;
                   float: left;
                   
                   background: transparent url("images/seite_werbung/wischer_08.gif") no-repeat;

                                                                                           }

 /* Layout HG-Zeichnung */                              

        #wischerZR3C1 {
                   width: 180px;
                   height: 138px;
                   float: left;
                   
                   background: transparent url("images/seite_zeichnung/wischer_07.gif") no-repeat;
                                                                                           }                            
                                 
          #wischerZR3C2 {
                   width: 503px;
                   height: 138px;
                   float: left;
                   
                   background: transparent url("images/seite_zeichnung/wischer_08.gif") no-repeat;

                                                                                           }





 /* Layout HG-Gestaltung */                              

        #wischerGeR3C1 {
                   width: 180px;
                   height: 138px;
                   float: left;
                   
                   background: transparent url("images/seite_gestaltung/wischer_07.gif") no-repeat;
                                                                                           }                            
                                 
          #wischerGeR3C2 {
                   width: 503px;
                   height: 138px;
                   float: left;
                   
                   background: transparent url("images/seite_gestaltung/wischer_08.gif") no-repeat;

                                                                                           }


/* Fußbereich */   

     /* Navigation-Bereich  unten Mitte */

     
    a.endzeile {

              background: transparent;
              color: #696969;
              font-size: 1.0em;
              text-decoration: none;
                                     }
     
     p.endzeile {

              text-align: right;
              color: #696969;
              font-size: 1.0em;
              text-decoration: none;
              background: transparent;
                                     }
  
     
     
     
     
     p.endzeile a:hover {
                           color: #8B0000;                 /* rote Schrift bei Berührung */
                           text-decoration: none;
                           background: transparent;           

                                                              }





    #impressum {
                   width: 939px;

                   position: relative;
                   float: left;
                   background: transparent;
                                              }
                                              
   
    #impressum p {
                     background: transparent;
                     color: #696969;
                     padding: 15px;
                     font-size: 1em;
                     position: relative;
                     margin: 0 0px 0 0px; 
                     text-align: right;
                                            }