* {
    margin: 0px;
    padding: 0px;
    text-align:left;
    font-family: Helvetica;
}

html, body
{



}

#wrapper{
    /*background-color: #808080; */

    width: 1900px;
    height: 1100px;
    margin: 0px;
}

#hauptbereich {
  /*background-color: red; */
   
    float: left;
    width:1800px;
    height: 920px;
     margin: 20px 50px;

}

 #steuerung-kopf-l {
    background-color: #FFFFFF;
    /*width:610px; */
    height: 26px;
    margin-left: 25px;
    /*float: left;*/
    font-size:1.3em;
}

#steuerung-kopf-l li {

display: inline;

 }

#steuerung-kopf-l a {

   /*width: 122px;  */
   display: block;
   float: left;
   color: black;
   font-size: 20px;
   letter-spacing: 0.1em;
   text-decoration: none;

   

}

 #steuerung-kopf-l a:hover {

      color: #808080;

      }

#steuerung-kopf-r {
    background-color: #FFFFFF ;
    /*width:450px;*/
    height: 21px;
    margin-right: 250px;
    padding-top: 5px;
     float: right;
    font-size:1.0em;
}

#steuerung-kopf-r li {

display: inline;

 }

#steuerung-kopf-r a {

   /*width: 75px;*/
   display: block;
   text-align: center;
   float: right;
   color: black;
   font-size: 12px;
   padding-top: 5px;
   padding-right: 10px;
   letter-spacing: 0.4em;
   text-decoration: none;

    

}

 #steuerung-kopf-r a:hover {

      color: #808080;

      }

#inhalt-l {
  /*background-color: #FF00FF ; */
     width:900px;
     float:left;
     height: 1020px;
      margin: 0px auto;
    
      
    }
   

    
   #inhalt-l h1 { 
   color: #808080;
   padding-bottom: 0.5em;
    letter-spacing: 0.2em;

    text-decoration: none;
       padding-top: 50px;
       }

    #inhalt-l p {
       padding-top: 10px;
       }

        #inhalt-l h2 {
   color: #808080;
       
       }
        #inhalt-l h5 {
   color: #808080;
    text-align: left;
       }
       
#inhalt-r {
 /* background-color: #00FF00 ; */
     width:900px;
     float:right;
     height: 1020px;
      margin: 0px auto;


    }



   #inhalt-r h1 {
   color: #808080;
    
    letter-spacing: 0.12em;
     text-align: center;
    text-decoration: none;
       padding-top: 20px;
       padding-left: 100px;
       }

        #inhalt-r p {
       padding-top: 10px;
       text-align: center;
       }

        #inhalt-r h2 {
   color: #808080;
       text-align: center; 
       }
        #inhalt-r h3 {
   color: #808080;
       text-align: justify ;
       letter-spacing: 0.10em;
       padding-left: 200px;
       }
       
         #inhalt-r h5 {
   color: #808080;
    text-align: center;
       }
       
      #auswahl {
  background-color: #FFFFFF ;
    
     margin-left: 200px;
     
     width:605px;
     height: 605px;
     


    } 
       
       #inhalt-A1 {
     background-image: url(PTC-Creo-Logo.jpg);  
     width:270px;
     float:left;
     height: 270px;
     margin-left: 20px; 
     margin-top: 20px;


    }

      #inhalt-A1:hover {
      /*background-image: url(PTC-Produkte.gif); */
     width:270px;
     float:left;
     height: 270px;



    }
    #inhalt-A2 {
  background-image: url(der-cad-shop.jpg);

     width:270px;
     float:left;
     height: 270px;
     margin-left: 20px;
     margin-top: 20px;


    }
    
    #inhalt-A2:hover {
  background-image: url(Produkte.gif);

     width:270px;
     float:left;
     height: 270px;
    


    }
    
    #inhalt-B1 {
  background-image: url(Dienstleistungen-CAD-ConES.jpg);
     width:270px;
     float:left;
     height: 270px;
     margin-left: 20px;
     margin-top: 20px;


    }

     #inhalt-B1:hover {
  background-image: url(CAD-ConES-Dienstleistung-weltweit.gif);
     width:270px;
     float:left;
     height: 270px;
      


    }
  


   
    
    #inhalt-B2 {
   background-image: url(Sketch_CityCar270x270a.gif);

     width:270px;
     float:left;
     height: 270px;
     margin-left: 20px;
     margin-top: 20px; 


    }