html {height: 100%;}
body {
	 
	background-image: url(1_web_hardware/MainBoard.png)
}

<!-- Universal Selektor alles in alle Browsern auf 0 -->
* {margin: 0px; padding: 0px; border: 0px;}

h1 {font-size: 1.7em; color: black; font-family: 'URW Palladio L'; font-weight: bold; font-style: italic; line-height: 100%;}
h2 {font-size: 1.7em; color: darkred; font-family: 'URW Palladio L'; font-weight: bold; font-style: italic; line-height: 100%; }
h3 {font-size: 1.2em; font-family: 'URW Palladio L'; font-weight: bold; font-style: italic; line-height: 110%; }
h4 {font-size: 2.0em; font-family: 'URW Palladio L'; font-weight: bold; font-style: italic; line-height: 0%; }
h5 { }
h6 {font-size: 0.7em; color: darkgray; font-family: 'URW Palladio L'; font-weight: bold; font-style: italic; line-height: 100%; }

#kopf {
  position: absolute;
  margin-top:  10px;
  margin-left: 10px;
  width: 1625px;
  height: 90px;
  background-image: url(F_png/progit_logo_blank.png);  
  border-radius: 4px;
  border: 2px solid black;	  
  box-shadow: 9px 9px #7F7F7F; 
}

.m6 {
  color: black; 
  background-image: linear-gradient(to right, lightgray, silver, white, silver, silver, silver, lightgray, blue);	
  padding-right: 5px;
  border-radius: 7px;  
}

#kopfanzeige {
  position: absolute;
  margin-top:  5px;
  margin-left: 400px;
}

section {
  margin-top: 10px;
  margin-left: 340px;
  width: 1300px;
  height: 680px;
  background-image: url(A_Hardware/C_png/higrund_45.png);
  border-radius: 4px;
  border: 2px solid gray;
  float: left;
  overflow: auto;
  list-style: none;
}

#figure {
	position: absolute;
	margin-top: 5px;
}
 
.adress {
  height: 280px;
  width: 616px; 
  float: left;  
  padding: 10px;
  background-image: linear-gradient(to right, lightgray, silver, white, silver, silver, silver, lightgray, blue);
}

.adress label {width: 250px;}
.adress input {height: 20px; background-color: white; }

#Anrede {margin-left: 50px; width: 60px;}
#Vorname {margin-left: 37px;}
#Name {margin-left: 60px;}
#Strasse {margin-left: 8px;}
#PLZ {margin-left: 28px;}
#Ort{margin-left: 0px;}

#handy {margin-left: 47px;}
#email {margin-left: 91px;}

.adress2 {
  height: 280px;
  width: 616px; 
   
  padding: 10px;
  background-image: linear-gradient(to right, lightgray, silver, white, silver, silver, silver, lightgray, red);
}

.adress2 label {width: 250px;}
.adress2 input {height: 20px; background-color: white; }

#Anrede2 {margin-left: 50px; width: 60px;}
#Vorname2 {margin-left: 37px;}
#Name2 {margin-left: 60px;}
#Strasse2 {margin-left: 8px;}
#PLZ2 {margin-left: 28px;}
#Ort2{margin-left: 0px;}

#handy2 {margin-left: 47px;}
#email2 {margin-left: 91px;}

.li1 {background-image: linear-gradient(to right, lightgray, silver, white, silver, silver, silver, lightgray, blue);}
.li1 img {width: 100px; height: 100px; padding: 5px 30px 5px 1px; float: left;}

#lptbest01 {margin-left: 250px;}
#pt1best01 {margin-left:  10px; width: 40px; text-align: center;   }
#lptprs01 {margin-left: 90px;}
#ptprs01 {margin-left:  10px;  width: 80px;  }
#lptqsum01 {margin-left: 140px;}
#ptqsum01 {margin-left:  10px;  width: 60px;   text-align: right;}

#lbest09 {margin-left: 250px;}
#pc1best09 {margin-left:  10px; width: 40px; text-align: center;   }
#lprs09 {margin-left: 90px;}
#prs09 {margin-left:  10px;  width: 110px;  }
#lqsum09 {margin-left: 140px;}
#qsum09 {margin-left:  10px;  width: 60px;   text-align: right;}

#lbest10 {margin-left: 250px;}
#pc1best10 {margin-left:  10px; width: 40px; text-align: center;   }
#lprs10 {margin-left: 90px;}
#prs10 {margin-left:  10px;  width: 80px;  }
#lqsum10 {margin-left: 140px;}
#qsum10 {margin-left:  10px;  width: 60px;   text-align: right;}

#lbest19 {margin-left: 250px;}
#pc1best19 {margin-left:  10px; width: 40px; text-align: center;   }
#lprs19 {margin-left: 90px;}
#prs19 {margin-left:  10px;  width: 80px;  }
#lqsum19 {margin-left: 140px;}
#qsum19 {margin-left:  10px;  width: 60px;   text-align: right;}

#lbest20 {margin-left: 250px;}
#pc1best20 {margin-left:  10px; width: 40px; text-align: center;   }
#lprs20 {margin-left: 90px;}
#prs20 {margin-left:  10px;  width: 80px;  }
#lqsum20 {margin-left: 140px;}
#qsum20 {margin-left:  10px;  width: 60px;   text-align: right;}

#lbest21 {margin-left: 250px;}
#pc1best21 {margin-left:  10px; width: 40px; text-align: center;   }
#lprs21 {margin-left: 90px;}
#prs21 {margin-left:  10px;  width: 80px;  }
#lqsum21 {margin-left: 140px;}
#qsum21 {margin-left:  10px;  width: 60px;   text-align: right;}

#lbest30 {margin-left: 250px;}
#pc1best30 {margin-left:  10px; width: 40px; text-align: center;   }
#lprs30 {margin-left: 90px;}
#prs30 {margin-left:  10px;  width: 80px;  }
#lqsum30 {margin-left: 140px;}
#qsum30 {margin-left:  10px;  width: 60px;   text-align: right;}

#lbest40 {margin-left: 250px;}
#pc1best40 {margin-left:  10px; width: 40px; text-align: center;   }
#lprs40 {margin-left: 90px;}
#prs40 {margin-left:  10px;  width: 80px;  }
#lqsum40 {margin-left: 140px;}
#qsum40 {margin-left:  10px;  width: 60px;   text-align: right;}

#lbest41 {margin-left: 250px;}
#pc1best41 {margin-left:  10px; width: 40px; text-align: center;   }
#lprs41 {margin-left: 90px;}
#prs41 {margin-left:  10px;  width: 80px;  }
#lqsum41 {margin-left: 140px;}
#qsum41 {margin-left:  10px;  width: 60px;   text-align: right;}

#lbest48 {margin-left: 250px;}
#pc1best48 {margin-left:  10px; width: 40px; text-align: center;   }
#lprs48 {margin-left: 90px;}
#prs48 {margin-left:  10px;  width: 80px;  }
#lqsum48 {margin-left: 140px;}
#qsum48 {margin-left:  10px;  width: 60px;   text-align: right;}

#lbest50 {margin-left: 250px;}
#pc1best50 {margin-left:  10px; width: 40px; text-align: center;   }
#lprs50 {margin-left: 90px;}
#prs50 {margin-left:  10px;  width: 80px;  }
#lqsum50 {margin-left: 140px;}
#qsum50 {margin-left:  10px;  width: 60px;   text-align: right;}

#lbest60 {margin-left: 250px;}
#pc1best60 {margin-left:  10px; width: 40px; text-align: center;   }
#lprs60 {margin-left: 90px;}
#prs60 {margin-left:  10px;  width: 80px;  }
#lqsum60 {margin-left: 140px;}
#qsum60 {margin-left:  10px;  width: 60px;   text-align: right;}

#lbest70 {margin-left: 250px;}
#pc1best70 {margin-left:  10px; width: 40px; text-align: center;   }
#lprs70 {margin-left: 90px;}
#prs70 {margin-left:  10px;  width: 80px;  }
#lqsum70 {margin-left: 140px;}
#qsum70 {margin-left:  10px;  width: 60px;   text-align: right;}

#lbest72 {margin-left: 250px;}
#pc1best72 {margin-left:  10px; width: 40px; text-align: center;   }
#lprs72 {margin-left: 90px;}
#prs72 {margin-left:  10px;  width: 80px;  }
#lqsum72 {margin-left: 140px;}
#qsum72 {margin-left:  10px;  width: 60px;   text-align: right;}

#lbest80 {margin-left: 250px;}
#pc1best80 {margin-left:  10px; width: 40px; text-align: center;   }
#lprs80 {margin-left: 90px;}
#prs80 {margin-left:  10px;  width: 80px;  }
#lqsum80 {margin-left: 140px;}
#qsum80 {margin-left:  10px;  width: 60px;   text-align: right;}


.nachricht {
  height: 200px;
  float: left;
  background-image: linear-gradient(to right, lightgray, silver, white, silver, silver, silver, lightgray, blue);  
}
#buchung {width: 550px;}



#summe {
  background-image: linear-gradient(to right, lightgray, silver, white, silver, silver, silver, lightgray, red);  
}
#lartikl {margin-left: 250px;}
#artikl {margin-left:  10px; width: 80px; text-align: center;   }
#ltotale {margin-left: 390px;}
#totale {margin-left:  10px; width: 80px; text-align: center;   }

#senden {
  height: 200px;
  text-align: center;
  background-image: linear-gradient(to right, lightgray, silver, white, silver, silver, silver, lightgray, blue);  
}