/* styl typ01 */	
.pole-typ01 {
	background-color: #ddd;
	border: 1px solid black;
	height: 99px;
	width: 198px;
}
#r-typ01 {border:2px solid red; background-color: #fff;}
#g-typ01 {border:2px solid green; background-color: #fff;}
#b-typ01 {border:2px solid blue; background-color: #fff;}

/* styl typ02 */	
#r-typ02 {border:2px solid red; background-color: #fff; width: 35px; margin-left:35px;}
#g-typ02 {border:2px solid green; background-color: #fff; width: 100px; margin-left:90px;}
#b-typ02 {border:2px solid blue; background-color: #fff; width: 25%; margin-left:25%;}

/* styl typ03 */	
#r-typ03 {border:2px solid red; background-color: #fff; width: 35px; margin-left:35px; margin-top:10px}
#g-typ03 {border:2px solid green; background-color: #fff; width: 100px; margin-left:90px; margin-top:5px}
#b-typ03 {border:2px solid blue; background-color: #fff; width: 25%; margin-left:25%; margin-top:20%}

/* styl typ04 */	
.pole-typ04 {
	background-color: #ddd;
	border: 1px solid black;
	height: 99px;
	width: 198px;
	position:relative;
}
#r-typ04 {border:2px solid red; background-color: #fff; width: 35px; position:absolute; left:30px; top:55px;}
#g-typ04 {border:2px solid green; background-color: #fff; width: 100px; position:absolute; left:60px; top:60px;}
#b-typ04 {border:2px solid blue; background-color: #fff; width: 25%; position:absolute; left:100px; top:2px;}