* {padding:0;
  margin:0; 
  border:none;}

body {margin: 20px 0 20px 10px;
      background-color: rgb(60,60,70);
      color:rgb(255,255,245);
      font-family:verdana,sans-serif;}
  
  span{font-weight:bold;}

/*INDEX Seite*/
  div.position1 {position:absolute; left: 50%; top: 50%;margin: -315px 0 0 -375px ;width:750px; height:630px;background-color: rgb(255,250,228);}
      img.bild1 {position: absolute;
                  left:10px;
                  top:20px;
                  width:440px;
                  height:608px;} 
                  
       img.bild2 {position: absolute;
                  left:450px;
                  top:20px;}
              
      a.illulink {position: absolute;
                  left:450px;
                  top:187px;
                  background:url(bilder/illulink.gif);
                  
                  width:280px;
                  height:34px;}
          a.illulink:active, a.illulink:visited  {background:url(bilder/illulink.gif);}
              a.illulink:hover {background:url(bilder/illulink_hov.gif);}
              
      a.webdlink {position: absolute;
                  left:450px;
                  top:221px;
                  background:url(bilder/webdlink.gif);
                  
                  width:280px;
                  height:30px;}
          a.webdlink:active, a.webdlink:visited {background:url(bilder/webdlink.gif);}
              a.webdlink:hover {background:url(bilder/webdlink_hov.gif)}
              
          a.webcolink {position: absolute;
                  left:450px;
                  top:251px;
                  background:url(bilder/webcolink.gif);
                  
                  width:280px;
                  height:30px;}
          a.webcolink:active, a.webcolink:visited {background:url(bilder/webcolink.gif);}
               a.webcolink:hover {background:url(bilder/webcolink_hov.gif);}
               
          a.portflink {position: absolute;
                  left:450px;
                  top:280px;
                  background:url(bilder/portflink.gif);
                  
                  width:280px;
                  height:30px;}
          a.portflink:active, a.portflink:visited {background:url(bilder/portflink.gif);}
               a.portflink:hover {background:url(bilder/portflink_hov.gif);}
          a.kontlink {position: absolute;
                  left:450px;
                  top:310px;
                  background:url(bilder/kontlink.gif);
                  
                  width:280px;
                  height:27px;}
            a.kontlink:active, a.kontlink:visited {background:url(bilder/kontlink.gif);}
                a.kontlink:hover {background:url(bilder/kontlink_hov.gif);}
                
          img.bild1_08 {position:absolute;
                        left:450px;
                        top:337px;
                        width:280px;
                        height:181px;}
 
          img.bild1_09 {position:absolute;
                        left:450px;
                        top:518px;
                        width:216px;
                        height:110px;}
 
         a.disclalink {position:absolute;
                       background:url(bilder/disclalink.gif);
                       left:666px;
                       top:518px;
                       width:64px;
                       height:55px;}
          a.disclalink:active, a.disclalink:visited, a.disclalink:hover {background:url(bilder/disclalink.gif);}
              
/*ILLUSTRATION Seite*/  
      div.position {position:absolute; left: 50%; top: 50%;margin: -258px 0 0 -367px ;width:734px; height:516px; background-color: rgb(255,250,228);}    
       
     p.illustrationtext {position: absolute;
                         left:460px;
                         top:20px;
                         width:190px;
                         padding:20px 35px 25px 35px;
                         background-color:rgb(238,154,133);}
       
     img.illubild {width:479px;
                   height:376px;
                   position:absolute;
                   left:12px;
                   top:130px;}
       a.home_illu {position: absolute;
                    background:url(bilder/home_illu.gif)/*0 0 no-repeat*/;
                    width:40px;
                    height:34px;
                    top:430px;
                    left:645px;
                    display:block;}
          
     a.home_illu:active,a.home_illu:visited {background:url(bilder/home_illu.gif)/*0 0 no-repeat*/;}
      a.home_illu:hover {background:url(bilder/home_illu_hov.gif)/*0 0 no-repeat*/;}
          
        div.back_illu {width:670px;
                       height:450px;
                       position:absolute;
                       top:30px;
                       left:30px;
                       border:2px dashed rgb(238,154,133);}
                       
 /*WEBDESIGN Seite*/ 
        
        .webdtext {position: absolute;
                         left:460px;
                         top:20px;
                         width:190px;
                         padding:20px 35px 25px 35px;
                         background-color:rgb(237,156,81);}
                         
                    
                            
     img.webdbild {width:430px;
                   height:358px;
                   position:absolute;
                   left:39px;
                   top:130px;}
       a.home_webd {position: absolute;
                    background:url(bilder/home_webd.gif)/*0 0 no-repeat*/;
                    width:40px;
                    height:34px;
                    top:430px;
                    left:645px;
                    display:block;}
          
     a.home_webd:active,a.home_webd:visited {background:url(bilder/home_webd.gif)/*0 0 no-repeat*/;}
      a.home_webd:hover {background:url(bilder/home_illu_hov.gif)/*0 0 no-repeat*/;}
          
        div.back_webd {width:670px;
                       height:450px;
                       position:absolute;
                       top:30px;
                       left:30px;
                       border:2px dashed rgb(237,156,81);} 

/*WEBCOMIC Seite*/
    
    p.webco_text {position: absolute;
                         left:460px;
                         top:20px;
                         width:190px;
                         padding:20px 35px 25px 35px;
                         background-color:rgb(102,186,102);}
                         
                    a.sally_link {text-decoration:underline;
                                  color:rgb(255,255,180);}
                         a.sally_link:active, a.sally_link:visited {color:rgb(255,255,180);text-decoration:underline;} 
                            a.sally_link:hover {color:rgb(255,240,80);text-decoration:underline;}
                            
     img.webcobild {width:419px;
                   height:383px;
                   position:absolute;
                   left:50px;
                   top:130px;}
       a.home_webco {position: absolute;
                    background:url(bilder/home_webco.gif)/*0 0 no-repeat*/;
                    width:40px;
                    height:34px;
                    top:430px;
                    left:645px;
                    display:block;}
          
     a.home_webco:active,a.home_webco:visited {background:url(bilder/home_webco.gif)/*0 0 no-repeat*/;}
      a.home_webco:hover {background:url(bilder/home_illu_hov.gif)/*0 0 no-repeat*/;}
          
        div.back_webco {width:670px;
                       height:450px;
                       position:absolute;
                       top:30px;
                       left:30px;
                       border:2px dashed rgb(102,186,102);}
                       
/*PORTFOLIO Seite*/
    
    p.portftext {position: absolute;
                         left:460px;
                         top:20px;
                         width:190px;
                         padding:20px 35px 25px 35px;
                         background-color:rgb(156,155,199);}
                         
                    a.portf_link {text-decoration:underline;
                                  color:rgb(255,255,180);}
                         a.portf_link:active, a.portf_link:visited {color:rgb(255,255,180);text-decoration:underline;} 
                            a.portf_link:hover {color:rgb(255,240,80);text-decoration:underline;}
                            
     img.portfbild {width:433px;
                   height:388px;
                   position:absolute;
                   left:45px;
                   top:110px;}
       a.home_portf {position: absolute;
                    background:url(bilder/home_portf.gif)/*0 0 no-repeat*/;
                    width:40px;
                    height:34px;
                    top:430px;
                    left:645px;
                    display:block;}
          
     a.home_portf:active,a.home_portf:visited {background:url(bilder/home_portf.gif)/*0 0 no-repeat*/;}
      a.home_portf:hover {background:url(bilder/home_illu_hov.gif)/*0 0 no-repeat*/;}
          
        div.back_portf {width:670px;
                       height:450px;
                       position:absolute;
                       top:30px;
                       left:30px;
                       border:2px dashed rgb(156,155,199);}  
                       
/*Kontakt Seite*/
    
    p.webcotext {position: absolute;
                         left:460px;
                         top:20px;
                         width:190px;
                         padding:20px 35px 25px 35px;
                         background-color:rgb(86,165,205);}
                         
                    a.sally_link {text-decoration:underline;;
                                  color:rgb(255,255,180);}
                         a.sally_link:active, a.sally_link:visited {color:rgb(255,255,180);text-decoration:underline;} 
                            a.sally_link:hover {color:rgb(255,240,80);text-decoration:underline;}
                            
     img.kontbild {width:407px;
                   height:357px;
                   position:absolute;
                   left:45px;
                   top:135px;}
       a.home_kontlink {position: absolute;
                    background:url(bilder/home_kont.gif)/*0 0 no-repeat*/;
                    width:40px;
                    height:34px;
                    top:430px;
                    left:645px;
                    display:block;}
          
     a.home_kontlink:active,a.home_kontlink:visited {background:url(bilder/home_kont.gif)/*0 0 no-repeat*/;}
      a.home_kontlink:hover {background:url(bilder/home_illu_hov.gif)/*0 0 no-repeat*/;}
          
        div.back_kont {width:670px;
                       height:450px;
                       position:absolute;
                       top:30px;
                       left:30px;
                       border:2px dashed rgb(86,165,205);}  
                       
/*RECHT Seite*/   

      img.rechtbild {width:450px;
                   height:420px;
                   position:absolute;
                   left:130px;
                   top:40px;}
       a.home_rechtlink {position: absolute;
                    background:url(bilder/home_recht.gif);
                    width:40px;
                    height:34px;
                    top:360px;
                    left:570px;
                    display:block;}
          
     a.home_rechtlink:active,a.home_rechtlink:visited {background:url(bilder/home_recht.gif);}
      a.home_rechtlink:hover {background:url(bilder/home_illu_hov.gif);}