* {
  /*box-sizing: border-box;*/
}


  #mynetwork {
	/*position: inherit;*/
	width: 660px;
	top: -15px;
	/*z-index: 50;*/
	left: 1px;	
	padding-top: -205px;
      }

#grafiekje {
}


#stredge {
	height: auto;
}


.tabs {
  display: flex;
  flex-wrap: wrap;
  width: 700px;
}
 
.tabs label {
  order: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  /*padding: 1rem 2rem;*/
padding: 10px;
  margin-right: 0.2rem;
  cursor: pointer;
  transition: background ease 0.3s;
border: 1px 1px 1px 0px solid;
border-color: #090909;
border-radius: 10px 10px 0px 0px;
background: #9e9e9e;
}
 
.tabs .tab {
  order: 9;
  flex-grow: 1;
  width: 100%;
  display: none;
  padding: 1rem;
  background: #f2f2f2;
  padding: 20px;
}
 
.tabs input[type="radio"] {
  display: none;
}
 
.tabs input[type="radio"]:checked + label {
  background: #f2f2f2;
}
 
.tabs input[type="radio"]:checked + label + .tab {
  display: block;
}
 


@media (max-width: 685px) {
  .tabs .tab,
  .tabs label {
   order: initial;
  }
 
  .tabs label {
    width: 100%;
    margin-left: 50px;
  }
}
 


/*--------------*/