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.0em; font-family: 'URW Palladio L'; font-weight: bold; line-height: 100%; }
h4 {font-size: 2.0em; font-family: 'URW Palladio L'; font-weight: bold; font-style: italic; line-height: 0%; }
h5 { }
h6 {}
 
.m4 {
  background-color: orange;
  padding-right: 5px;
  border-right: 1px solid black;
  border-radius: 5px;
} 
 
section {
  position: absolute;  
  margin-top: 140px;
  margin-left: 930px;
  width: 650px;
  height: 505px;
  background-image: url(A_Hardware/C_png/higrund_45.png);
  border-radius: 4px;
  border: 2px solid blue;
  float: right;
  overflow: auto;
  list-style: none;
}

figure {
	margin-top: 15px;
	margin-left: 45px;
	width: 85%;'
	border-radius: 4px;	
	border: 2px solid gray;
}

img {
	width: 100%;
}

figcaption {
	padding: 10px;
}

#text1 {
  position: absolute;
  margin-top: 150px;
  margin-left: 280px;	  
  width: 620px; 
  height: 200px; 
  text-align: center;
  padding-left:20px;
/*  background-color: red;*/
} 
 
#download {
	position: absolute;
	margin-top: 440px;
	margin-left: 750px;
	border-radius: 4px;
   border: 2px solid blue;
   background-image: linear-gradient(to right, lightblue, silver, white);
} 
 
section a {
 text-decoration: none;
 color: #4D4D4D;"
 
}
section p {
	padding-left: 10px;  
}
  
 
#text1 {
	 position: absolute;	 
	 margin-top: 160px; 
	 margin-left: 450px;   
    text-align: left;
}
 
 
#video {
	position: absolute;
	margin-left: 1030px;
	margin-top: 540px;
	width: 500px;
	height: 310px;
	background-color: white;
	border-radius: 6px; 
   border: solid 2px gray;
}