body
{

	margin:10px;
	padding:10px;
	
	color:#002900;
	
	
}

#page
{
	display:flex;
	flex-direction:row; /*row column  row-reverse  column-reverse*/
	flex-wrap:wrap;/*wrap   nowrap*/
	
}

#osa1
{
	flex-grow:2;
	flex-basis: 150px;
	background-color: #CCFFCC;
}

#osa2
{
	flex-grow:1;
	flex-basis: 50px;
	background-color:#CCFFCC;
}

#osa3
{
	flex-grow:3;
	flex-basis: 170px;
	background-color:#CCFFCC;
}


section
{
	border-style: solid;
	border-width: 5px;
	border-color: #4DDB94;
	padding: 10px;
	margin: 10px;
	/*width:400px;*/
	min-width: 150px;
	/*max-width  min-height  max-height*/
	
	/*float: left;*/
	overflow:auto;/*visible  hidden  scroll auto*/
	/*overflow-x ja overflow-y*/
	/*no-display   no-content*/
}

img
{
	float:right;/*none  left  right*/
}