body {
    padding-right: 10%;
    padding-left: 10%;
}

.content {
    width: fit-content;
    margin: auto;
    display: grid;
    border: 5px solid black;;
    background-color: #404040;
    font-family: Georgia;
    /*Legg til de ulike grid dimensionene*/
    grid-template-columns: 15px 200px 200px 200px 60px 10px;
    grid-template-rows: 15px 100px 15px 100px 15px 400px 85px 10px;
}

.overskrift {
/*Plasseringen til overskriften i grid*/
    padding-top: 10px;
    padding-left: 10px;
    grid-row: 2;
    grid-column-start: 2;
    grid-column-end: 6;
/*ulike egenskaper til overskriften*/
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(255, 255, 255); 
    background-color: #3f5765   ;
    border: 2px solid black;
}

/*egenskaper til overskriftene i tabellen*/
th {
background-color: #3f4259;
color: white;

}

/*annenhver farge i tabellen*/
#table tr:nth-child(even){background-color: #f2f2f2;}
#table tr:nth-child(odd){background-color: #bdd4de  ;}


/*Plasseringen til tabellen i grid*/
.tabell {
    grid-row: 4;
    grid-column-start: 2;
    grid-column-end: 6;
/*egenskaper til tabellen*/
    border: #3f5765 solid 1px;
    background-color:#bdd4de ;
}

/*plassering til alle bildene*/
.khalifa {
    grid-row: 6;
    grid-column-start: 2;
    grid-column-end: 2;
}

.shanghai {
    grid-row: 6;
    grid-column-start: 3;
    grid-column-end: 3;   
}

.makkah {
    grid-row: 6;
    grid-column-start: 4;
    grid-column-end: 4;
}