body {
  background-color: aliceblue;
  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 menu menu menu menu menu'
    'left 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 skyblue;
}



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

.headContent {
}

.menuContent {
  font-size: 20px;
}

.leftContent {
  min-width: 200px;
}

.mainContent {
}

.rightContent {
  min-width: 200px;
}

.footerContent {
  font-size: 20px;
}




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


/* Taget ud for at reparere visning i Safari:

.menuContent {
  display: table;
}
*/



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

/*får menuen til at være vandret:*/
.menuContent li {
  display: inline;
}

.menuContent li a:hover {
  background-color: #111111;
}