html,body {
	width:98%;
	height:98%;
}



/*#content {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(5, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;

}*/

#content {
  display: grid;

  grid-template-areas: "topbar topbar"
  						"sidebar tab";
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

/*#topbar { grid-area: 1 / 1 / 2 / 6; }
#sidebar { grid-area: 2 / 1 / 6 / 2; }
#tid { grid-area: 2 / 2 / 6 / 6; }*/



#topbar {
	grid-area: topbar;
	border:2px solid red;
	height:10vh;
	width:98vw;
}

#sidebar {
	grid-area: sidebar;
	border:2px solid blue;
	width:10vw;
	height:85vh;

}

#tab {
	grid-area: tab;
	border:2px solid green;
	width:88vw;
	height:84.5vh;
	background-color:#c0c0c0;
}

/**********tid*************/

.tid_parent {
    display: grid;
    grid-template-columns:  minmax(0, .2fr) repeat(5, 1fr);
    grid-template-rows: minmax(0, .2fr) repeat(4, 1fr);
    gap: 8px;
    overflow: auto;
    height:75vh;
}


.div0 {
    grid-row: span 1 / span 1;
    
     color: #323130;
  background-color: #CC00CC;
  border:
  1px solid #323130;
}

    
.div1 {
    grid-row: span 5 / span 4;
    grid-row-start: 2;
     color: #323130;
  background-color: #99CCFF;
  border:
  1px solid #323130;
}



.div6 {
    grid-row: span 4 / span 4;
    grid-column-start: 2;
    grid-row-start: 2;
    
    color: #323130;
  background-color: #fbf5ee;
  border:
  1px solid #323130;
}

.div7 {
    grid-row: span 4 / span 4;
    grid-column-start: 3;
    grid-row-start: 2;
    
    color: #323130;
  background-color: #fbf5ee;
  border:
1px solid #323130;
}

.div8 {
    grid-row: span 4 / span 4;
    grid-column-start: 4;
    grid-row-start: 2;
    
    color: #323130;
  background-color: #fbf5ee;
  border:
1px solid #323130;
}

.div9 {
    grid-row: span 4 / span 4;
    grid-column-start: 5;
    grid-row-start: 2;
    
    color: #323130;
  background-color: #fbf5ee;
  border:
1px solid #323130;
}

.div10 {
    grid-row: span 4 / span 4;
    grid-column-start: 6;
    
    color: #323130;
  background-color: #fbf5ee;
  border:
1px solid #323130;
}

/***********klokke*********/
.kl_parent {
    display: grid;
    grid-template-rows: repeat(11, 1fr);
    gap: 8px;
    overflow: auto;
    height:75vh;
}

.kl {
	text-align:center;
}