body  
       {
          background-image:url("../img/back1024.gif");
          background-position: right;
          background-repeat:no-repeat;
          margin: 0;
          padding: 0;
          background-color: white;
          color: #000000;
          font-family:century gothic;
          font-size: 100.01%;
       }
       
p  {
            color: #9A9692;
            font-size: 12pt;
            font-family:century gothic;
            position:absolute;

       }

h3  {
            color: #9A9692;
            font-size: 11pt;
            font-family:century gothic;
            position:absolute;
            font-weight: normal ;
       }       
              
h1   {
            color: #9A9692;
            font-size: 14pt;
            font-family:century gothic;
            position:absolute;
            font-weight: normal ;
       }      

#version
          {
           content:"V.1.3 11/4/08";
           margin-bottom:90px;
           margin-right:70px;
           position: absolute;
           font-family:century gothic;
           font-size: 10pt;
           color: #9A9692;
           z-index:1;
        }
        
               
#mainwindow1, #mainwindow2
       {
           background-image:url("../img/main2.gif");
           background-position:center;
           background-color: transparent;
        /*   margin: auto 10% 10% auto;  */
           margin-bottom: 50px;
           margin-top: 20%;
           margin-right: 10%;
           margin-left:auto;
         /*   position: absolute; */
           height: 500px;
           width: 1000px;
          /* right: 15%;  */
          z-index:3;
        }


#mainwindow1 
        { 
         background-image:url("../img/main1b.gif"); 
         }

#mainwindow2
        {
         background-image:url("../img/main2b.gif");
         }
 
         
          
#text1
          {
           background-color:transparent;
           margin-top: 90px;
           margin-left:70px;
           position:absolute;
           width: 300px;
           height: 300px;
        }
        
        
#textrechts
          {
           background-color:transparent;
           margin-top: 90px;
           margin-left:500px;
           position:absolute;
           width: 310px;
           height: 370px;
           z-index: 3;
        }   
             

#button1
          {
           background-image:url("../img/buttonarchi2.gif");
           background-color: transparent;
           margin-top: 77px;
           margin-left:557px;
           height:323px;
           width: 75px;
           position:absolute;
           cursor : pointer;
        }
        
#button2
          {
           background-image:url("../img/buttondesign2.gif");
           background-color: transparent;
           margin-top: 77px;
           margin-left:640px;
           height:323px;
           width: 82px;
           position:absolute;
           cursor : pointer;
        }
        
#button3
          {
           background-image:url("../img/buttonvitae2.gif");
           background-color: transparent;
           margin-top: 77px;
           margin-left:727px;
           height:323px;
           width: 98px;
           position:absolute;
           cursor : pointer;
        }
        
#button4
          {
           background-image:url("../img/buttoncontact2.gif");
           background-color: transparent;
           margin-top: 77px;
           margin-left:831px;
           height:323px;
           width: 111px;
           position: absolute;
           cursor : pointer;
        }
                                
#arrow1
         {

            background:url(../img/arrow4.gif) ;
            width:  20px;
            height: 17px;
            text-align: left;
            background-repeat: no-repeat;
            position: absolute;
            margin-left: 38px;
            margin-top: 423px;
            cursor : pointer;
         }


#arrow2
         {

            background:url(../img/arrow5.gif) ;
            width:  20px;
            height: 17px;
            text-align: left;
            background-repeat: no-repeat;
            position: absolute;
            margin-left: 78px;
            margin-top: 423px;
            cursor : pointer;
         }
         
#arrow3
         {

            background:url(../img/arrow3.gif) ;
            width:  15px;
            height: 15px;
            text-align: left;
            background-repeat: no-repeat;
            position: absolute;
            margin-left: 60px;
            margin-top: 424px;
            cursor : pointer;
            z-index:2;
         
         }   
                  
                    
         
#collage
          {
           background-image:url("../img/dreier2.gif");
           background-color: transparent;
           margin-top: 240px;
           margin-left:560px;
           height:161px;
           width: 417px;
           position: absolute;
           
        } 
       
        
#vitaetext1
          {
           background-color:transparent;
           margin-top:90px;
           margin-left:70px;
           height:400px;
           width: 600px;
           position: absolute;

        }        

#vitaetext2
          {
           background-color:transparent;
           margin-top:340px;
           margin-left:730px;
           height:100px;
           width: 300px;
           position: absolute;

        }    
                
img     {
          border: none !important; /*important nur zum testen*/
          display: block;
         }



.gshow
        {
          background-color:transparent;
          background-position: top;
          height: 330px;
          width: 700px;
          margin: 68px auto auto 280px;
          position:absolute;
          padding:0;
          z-index:1;
       }
 
 
.gtext
        {
          background-color:transparent;
          background-position: center;
          border: 1px black;
          height: 100px;
          width: 200px;
          margin: 283px auto auto 790px;
          position:absolute;
          padding:0;
          z-index:3;
       }
       
            

      
        
#gallery1,#gallery2,#gallery3,#gallery4,#gallery5,#gallery6,#gallery7,#gallery8,#gallery9,#gallery10,#gallery11,
#gallery12,#gallery13,#gallery14,#gallery15,#gallery16,#gallery17,#gallery18
      {
          background-color:transparent;
          border: 1px solid #9A9692;
          height: 50px;
          width: 50px;
          margin: 75px auto auto 20px;   
          position:absolute;
      }  
       
#gallery1      {margin: 75px auto auto 20px;}          
#gallery2      {margin: 75px auto auto 75px;}     
#gallery3      {margin: 75px auto auto 130px;}
#gallery4      {margin: 130px auto auto 20px;}
#gallery5      {margin: 130px auto auto 75px;}            
#gallery6      {margin: 130px auto auto 130px;}      
#gallery7      {margin: 185px auto auto 20px;}     
#gallery8      {margin: 185px auto auto 75px;}     
#gallery9      {margin: 185px auto auto 130px;}     
#gallery10     {margin: 240px auto auto 20px;}      
#gallery11     {margin: 240px auto auto 75px;}     
#gallery12     {margin: 240px auto auto 130px;}      
#gallery13     {margin: 295px auto auto 20px;}      
#gallery14     {margin: 295px auto auto 75px;}      
#gallery15     {margin: 295px auto auto 130px;}      
#gallery16     {margin: 350px auto auto 20px;}     
#gallery17     {margin: 350px auto auto 75px;}     
#gallery18     {margin: 350px auto auto 130px;}


.p1   {
            color: #ff5500;
            font-size: 15pt;
            font-family:century gothic;
            margin-left: 118px;
            margin-top: 420px;
            text-decoration:none;
            cursor : pointer;
            position:absolute;
            z-index:2;
       }
     

.p2
       {
            color: #ff5500;
            font-size: 15pt;
            font-family:century gothic;
            margin-left: 238px;
            margin-top: 420px;
            text-decoration:none;
            cursor : pointer;
            position:absolute;
            z-index:2;
       }
.p3
       {
            color: #ff5500;
            font-size: 15pt;
            font-family:century gothic;
            margin-left: 318px;
            margin-top: 420px;
            text-decoration:none;
            cursor : pointer;
            position:absolute;
            z-index:2; 
       }
.p4
       {
            color: #ff5500;
            font-size: 15pt;
            font-family:century gothic;
            margin-left: 498px;
            margin-top: 420px;
            text-decoration:none;
            cursor : pointer;
            position:absolute;
            z-index:2;
       }
            
            
.p1shadow   {
            background:url(../img/archishadow.gif);
            margin-left: 92px;
            margin-top: 418px;
            cursor : pointer;
            position:absolute;
            z-index:1;
            height:30px;
            width:150px;
       }        
       
.p2shadow   {
            background:url(../img/designshadow.gif);
            margin-left: 212px;
            margin-top: 418px;
            cursor : pointer;
            position:absolute;
            z-index:1;
            height:30px;
            width:150px;
       } 
       
.p3shadow   {
            background:url(../img/vitaeshadow.gif);
            margin-left: 294px;
            margin-top: 420px;
            cursor : pointer;
            position:absolute;
            z-index:1;
            height:30px;
            width:200px;
       }  
       
.p4shadow   {
            background:url(../img/kontaktshadow.gif);
            margin-left: 473px;
            margin-top: 418px;
            cursor : pointer;
            position:absolute;
            z-index:1;
            height:30px;
            width:150px;
       }
       
.parrowshadow  {
            background:url(../img/arrowshadow2.gif);
            margin-left: 57px;
            margin-top: 421px;
            cursor : pointer;
            position:absolute;
            z-index:1;
            height:21px;
            width:21px;
       }