html, body {
  padding:0;
  margin: 0;
  height:100%;
}

.container {
    min-height: 100%;
    height:100%;
    margin:auto;
    display: flex;
    flex-direction: column;
}

.container table{
}

.flex-container {
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-content: stretch;
    align-items: stretch;
     min-height:100%;
}

.flex-container > #drawgraphdiv {
  order: 0;
  /*flex: 1 1 auto;*/
  align-self: auto;
  /*border: 1px solid #ff0000;*/
  height:auto !important;
 
}

.flex-container > div > #drawcmds {
  order: 0;
  flex: 1 1 auto;
  align-self: auto;
  /*border: 1px solid #ff0000;*/
  height:auto !important;
 
}

#drawcmds 
{
	border: 0px;
	min-height: 300px;
	height: 300px
}

#drawgraphdiv 
{
	/*
	min-width: 300px;
	width: 300px
	*/
}

.canvasdiv {
	padding: 10px;
	width: 1000px
}

#canvas {
	cursor:crosshair; 
	border: 1px solid; 
	background-color: white
}

#graphfunc
{
	padding: 20px;
	/*width: 800px */
}

.graphfunctable
{
	padding: 0px;
	/*width: 700px;
	height: 100px */
}

#setE, #setK, #gradfolge 
{
	overflow-wrap: break-word; 
}

.septr
{
}