body {
  background-color: rgb(270, 190, 195);
  border: 0px;
  padding: 0px;
  margin: 0px;
}



/******************/
/* GRID SÆTTES OP */
/******************/

.headContent {
  grid-area: head;
}

.menuContent {
  grid-area: menu;
}

.leftContent {
  grid-area: left;
}

.mainContent {
  grid-area: main;
}

.rightContent {
  grid-area: right;
}

.footerContent {
  grid-area: footer;
}


.mainContainer {
  display: grid;
  grid-template-areas:
    'head head head head head head'
    'menu main main main main right'
    'left footer footer footer footer right';
  grid-gap: 0px;
  padding: 0px;
}

/*alle divs indeni .mainContainer:*/
.mainContainer > div {
  text-align: center;
  padding: 0px;
  border: 1px solid #ebe787;
}



/*******************/
/* CONTENT-OMRÅDER */
/*******************/

.headContent {
}

.menuContent {
  font-size: 20px;
}

.leftContent {
  min-width: 200px;
}

.mainContent {
}


}

.footerContent {
  font-size: 20px;
}




/**********/
/* MENUEN */
/**********/

.menuContent {
  display: ;
}

.menuContent ul {
  min-width: 200px;
  list-style: none;
}



.menuContent li a:hover {
  background-color: rgb(17, 17, 17);
}