h2 {
	position: absolute;
	left: 20px;
	top: 20px;
}

#rohstoff-text {
	position: absolute;
	top: 50px;
	left: 0px;
	width: 280px;
	height: 288px;
	overflow:auto;
	padding: 10px 20px;
	background-color: #a4bee0;
	
    scrollbar-base-color: white;
    scrollbar-3d-light-color: white;
    scrollbar-arrow-color: #00529D;
    scrollbar-darkshadow-color: white;
    scrollbar-face-color: white;
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: white;
    scrollbar-track-color: #1D8FCB; 	
}
#rohstoff-text p {
	color: white;
}

#koks, #teer, #waschoel, #ammoniak, #benzol, #ferngas, #ferngas-en { 
	position: absolute;
	font-size: 12px;
	padding: 1px 10px;
	text-align: center;   
	letter-spacing: -1px;
	
}
#koks     { left: 380px; top: 218px; background-color: #FFFFFF; color: #000000; border: 1px solid #000000;}
#teer     { left: 423px; top: 302px; background-color: #E5F9EB; color: #03A222; border: 1px solid #03A222;}
#waschoel { left: 528px; top: 328px; background-color: #F6CCDE; color: #D3025B; border: 1px solid #D3025B;}
#ammoniak { left: 555px; top: 112px; background-color: #FDFCE3; color: #8D8B18; border: 1px solid #8D8B18;}
#benzol   { left: 665px; top: 320px; background-color: #CBE0EA; color: #3B7A9F; border: 1px solid #3B7A9F;}
#ferngas  { left: 660px; top: 37px;  background-color: #FFFFFF; color: #902444; border: 1px solid #902444;}
#ferngas-en { left: 640px; top: 37px;  background-color: #FFFFFF; color: #902444; border: 1px solid #902444;}