body { font-family: "Trebuchet MS", verdana, arial; margin: 0; }

#menu-1 ul{ font-weight: bold; float: left; margin-top: auto; margin-bottom: auto; padding-left: 10px; }
 
#menu-1 ul li{ font-weight: bold; height: 30px; display: inline; }
 
#menu-1 ul li a{ text-decoration: none; color: #fff; font-size: 0.8em; font-weight: bold; height: 30px; padding-right: 10px; padding-left: 5px; }
 
#menu-1 ul li a:visited{ height: 30px; padding-top: 5px; padding-bottom: 5px; }
 
#menu-1 ul li a:hover, .menu ul li .current{ color: #fff; background-color: #666; text-decoration: none; }


ul#menu-3 { color: #000; font-weight: bold; font-style: normal; text-decoration: none; padding-left: 15px; }
ul#menu-3 li { color: #ff8c00; font-size: 0.8em; font-weight: bold; font-style: normal; text-decoration: none; padding-top: 2px; padding-right: 3px; padding-bottom: 2px; list-style: none; }

ul#menu-3 a { color: #666; font-weight: bold; font-style: normal; text-decoration: none; padding-left: 10px; display:block; }
  

ul#menu-3 a:hover  { color: #000; font-weight: bold; font-style: normal; background-color: #dcdcdc; text-decoration: none; padding-left: 10px; }
body { margin: 0; }
bestellung{ text-align: left; width: 400px; height: 60px; }
#unten-2 { background-image: url(../images/unten.png); background-repeat: no-repeat; background-position: center top; width: 950px; height: 195px; margin-right: auto; margin-left: auto; }


body#home { background-image: url(../images-bg/bg-portrait-1.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center 200px; margin-bottom: 0; } 

#schatten { background-image: url(../images/schatten.png); background-repeat: no-repeat; background-attachment: fixed; background-position: center 0; position: fixed; top: 0; width: 1680px; height: 50px; float: left; }

#neue-arbeiten { width: 300px; height: 150px; float: left; }
#atelier-geisler-flyer { width: 300px; height: 150px; float: left; }
#logo{ width: 300px; height: 150px; float: left; }

#oben-1{  background-image: url(../images-bg/bg-pastellkreiden.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center 0; width: 100%; height: 150px; margin-right: auto; margin-left: auto; }
#oben-2{ width: 900px; height: 150px; margin-right: auto; margin-left: auto; padding-left: 0; }
#oben-3{  background-image: url(../images-bg/bg-oben-3.jpg); background-repeat: repeat; background-attachment: scroll; background-position: center 0; width: 100%; height: 260px; margin-right: auto; margin-left: auto;}


#menu-1 { width: 900px; height: 30px; margin-right: auto; margin-left: auto; padding-left: 0; }
#menu-2 { width: 900px; height: 230px; margin-right: auto; margin-left: auto; }
#mitte-links { font-family: "Trebuchet MS", verdana, arial; width: 165px; height: auto; float: left; margin-top: 20px; padding-left: 0; }
#mitte { width: 900px; height: auto; overflow: hidden; margin-right: auto; margin-left: auto; }
#mitte2 { width: 725px; height: auto; float: left; min-height: 700px; font-family: "Trebuchet MS", verdana, arial; }

#fotos {  width: 600px; height: auto; overflow: auto; float: left; margin-top: 20px; margin-left: 33px; font-family: "Trebuchet MS", verdana, arial; }
#inhalt1 { text-align: left; width: 600px; height: auto; float: left; margin: 20px 20px 20px 30px; }
#inhalt2 { text-align: left; width: 550px; height: auto; float: left; margin: 20px 20px 20px 25px; }
#inhalt3 { font-variant: inherit; text-align: left; width: auto; height: auto; float: left; margin-right: 40px; margin-bottom: 20px; margin-left: 33px; }
#inhalt4 { text-align: left; width: auto; height: auto; float:left; margin-bottom: 20px; margin-left: 33px; }
#inhalt5 { text-align: left; width: 550px; height: auto; float: left; margin-top: 10px; margin-left: 33px; }

#unten-1 { width: 550px; height: auto; float: left; margin-left: 33px; }
#unten-2 { background-color: #ededed; width: 100%; height: auto; margin-right: auto; margin-left: auto; padding-bottom: 50px; }
#unten-3 { width: 500px; height: 100px; margin-right: auto; margin-left: auto; }
#unten-4 { width: 500px; height: auto; margin-right: auto; margin-left: auto; padding-top: 0; }



h1 { color: #006ab3; font-size: 1.4em; font-weight: bold; text-decoration: none; }
h2 { color: #000; font-size: 0.8em; font-weight: bold; text-decoration: none; }
h3 { color: #006ab3; font-size: 1em; font-weight: bold; text-decoration: none; }
h4 { color: #5c5c5c; font-size: 0.8em; font-weight: lighter; text-decoration: none; }
h5 { color: #c0c0c0; font-size: 0.8em; font-weight: normal; font-style: normal; text-decoration: none; }
h6 { color: #5c5c5c;  font-weight: lighter; text-decoration: none; }




div#image img { float: left; margin: 0 30px 30px 0; border: solid 1pt gray; outline-color: gray; outline-width: 16px; font-family: "Trebuchet MS", verdana, arial;}
div#image-2 img { margin: 19px 45px 19px 0; border: solid 1pt gray; outline-color: gray; outline-width: 16px; font-family: "Trebuchet MS", verdana, arial;}




#but1{  width: 180px; height: 230px ; float: left; }
#but2{  width: 180px; height: 230px ; float: left; }
#but3{  width: 180px; height: 230px ; float: left; }
#but4{  width: 180px; height: 230px ; float: left; }
#but5{  width: 180px; height: 230px ; float: left; }
   
   
   
   
   

        
  
   
    
    
    
    
     a#rollover1 { 
     background-image: url(../images/personenportraits.jpg); 
     background-position: 0 0px; display:block; 
     width: 180px; height: 200px ; }  
    
     a#rollover1:hover { 
     background-image: url(../images/personenportraits.jpg); 
     background-position: 0 -230px;   display:block; width: 180px; height: 200px ; } 
 
  
       a#rollover2 { 
     background-image: url(../images/tierportraits.jpg); 
     background-position: 0 0px; display:block; 
     width: 180px; height: 200px ; }  
    
     a#rollover2:hover { 
     background-image: url(../images/tierportraits.jpg); 
     background-position: 0 -230px;   display:block; width: 180px; height: 200px ; }   
     
     a#rollover3 { 
     background-image: url(../images/wunschmotive.jpg); 
     background-position: 0 0px; display:block; 
     width: 180px; height: 200px ; }  
    
     a#rollover3:hover { 
     background-image: url(../images/wunschmotive.jpg); 
     background-position: 0 -230px;   display:block; width: 180px; height: 200px ; }  
   
     a#rollover4 { 
     background-image: url(../images/architekturportraits.jpg); 
     background-position: 0 0px; display:block; 
     width: 180px; height: 200px ; }  
    
     a#rollover4:hover { 
     background-image: url(../images/architekturportraits.jpg); 
     background-position: 0 -230px;   display:block; width: 180px; height: 200px ; }
   
     a#rollover5 { 
     background-image: url(../images/bildhauerei.jpg); 
     background-position: 0 0px; display:block; 
     width: 180px; height: 200px ; }
     
     a#rollover5:hover { 
     background-image: url(../images/bildhauerei.jpg); 
     background-position: 0 -230px;   display:block; width: 180px; height: 200px ; }
   
    #google-plus { width: 160px; height: 200px; padding-left: 25px; }
    #wb { background-image: url(../images/herzensgeschenk.png); background-position: left 50%; width: 150px; height: 250px; padding-top: 10px; padding-bottom: 20px; padding-left: 13px; }
    #ilke { width: 160px; height: auto; padding-top: 10px; padding-bottom: 20px; padding-left: 30px; }
    
 
    



#eror { font-size: 1em; width: 600px; height: 600px; min-height: 700px; font-family: "Trebuchet MS", verdana, arial; text-align: center; clear: right; margin-right: auto; margin-left: auto; }


#banner{ text-align: left; width: 550px; height: auto; margin: 20px 20px 20px 33px; }
.banner-code /*agl rulekind: base;*/ { width: 150px; height: 100px; }
#partnerseiten{ text-align: left; width: 550px; height: auto; float: left; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; }


#banner1{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner1a{ text-align: left; width: 150px; height: auto; visibility: visible; float: left; margin-left: 20px; }

#banner2{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner2a{ text-align: left; width: 150px; height: auto; visibility: visible; float: left; margin-left: 20px; }

#banner3{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner3a{ width: 210px; height: 180px; overflow: auto; float: left; margin-bottom: 50px; margin-left: 20px; }

#banner4{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner4a{ width: 210px; height: 180px; overflow: auto; float: left; margin-bottom: 50px; margin-left: 20px; }

#banner5{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner5a{ width: 210px; height: 180px; overflow: auto; float: left; margin-bottom: 50px; margin-left: 20px; }

#banner6{ text-align: left; width: 300px; height: auto; float: left; }
#banner6a{ width: 210px; height: 180px; overflow: auto; float: left; margin-bottom: 59px; margin-left: 20px; }

#banner7{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner7a{ width: 150px; height: auto; overflow: auto; float: left; margin-left: 20px; }
#banner8{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner8a{ width: 150px; height: auto; overflow: auto; float: left; margin-left: 20px; }

#banner9{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner9a{ width: 150px; height: auto; overflow: auto; float: left; margin-left: 20px; }
#banner10{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner10a{ width: 150px; height: auto; overflow: auto; float: left; margin-left: 20px; }
#banner11{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner11a{ width: 150px; height: auto; overflow: auto; float: left; margin-left: 20px; }
#banner12{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner12a{ width: 150px; height: auto; overflow: auto; float: left; margin-left: 20px; }

#banner13{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner13a{ width: 150px; height: auto; overflow: auto; float: left; margin-left: 20px; }

#banner14{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner14a{ width: 150px; height: auto; overflow: auto; float: left; margin-left: 20px; }

#banner15{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner15a{ width: 150px; height: auto; overflow: auto; float: left; margin-left: 20px; }

#banner16{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner16a{ width: 150px; height: auto; overflow: auto; float: left; margin-left: 20px; }

#banner17{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner17a{ width: 150px; height: auto; overflow: auto; float: left; margin-left: 20px; }

#banner18{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner18a{ width: 150px; height: auto; overflow: auto; float: left; margin-left: 20px; }

#banner19{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner19a{ width: 150px; height: auto; overflow: auto; float: left; margin-left: 20px; }

#banner20{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner20a{ width: 150px; height: auto; overflow: auto; float: left; margin-left: 20px; }

#banner21{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner21a{ width: 150px; height: auto; overflow: auto; float: left; margin-left: 
20px; }

#banner22{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner22a{ width: 150px; height: auto; overflow: auto; float: left; margin-left: 20px; }

#banner23{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 50px; }
#banner23a{ width: 150px; height: auto; overflow: auto; float: left; margin-left: 


20px; }
#banner24{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 100px; }
#banner24a{ width: 200px; height: auto; overflow: auto; float: left; margin-left: 20px; }
#banner25{ text-align: left; width: 300px; height: auto; float: left; margin-bottom: 100px; }
#banner25a{ width: 200px; height: auto; overflow: auto; float: left; margin-left: 20px; }







#ilike { width: 500px; height: 100px; float: left; margin-top: 100px; margin-left: 35px; }
a.links:link { color: #000; font-weight: bold; font-style: normal; text-decoration: none; }
a.links:visited { color:#505050; font-weight: bold; font-style: normal; text-decoration: none; }
a.links:hover { color: #000; font-weight: bold; font-style: normal; text-decoration: underline; }
a.links:active { color:#000; font-weight: bold; font-style: normal; text-decoration: none; }
a.type:link  { color: #505050; text-decoration: none; }
a.type:visited { color: #505050; text-decoration: none; }
a.type:hover  { color: #000; text-decoration: underline; }
a.type:active { color: #505050; text-decoration: none; }
a.type1:link  { color: #fff; font-size: 1.4em; font-weight: normal; font-style: italic; text-decoration: none; }
a.type1:visited { color: #fff; font-size: 1.4em; text-decoration: none; }
a.type1:hover  { color: #fff; font-size: 1.4em; text-decoration: none; }
a.type1:active { color: #fff; font-size: 1.4em; text-decoration: none; }