body{
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    background: #99d6ff
}

.beholder{
    position: relative;
    width: 80%;
    margin: 0 auto;
    background: #e6f5ff;
    padding: 20px;
    box-sizing: border-box;
    min-height: 400px;
}
.full-vidde{
    width: 100%;
}

.main{
    width: 100%;
    min-height: 400px;
    background: #ccc;
    float: left;
}

.sidebar{
    width: 28%;
    min-height: 400px;
    background: #ccc;
    float: right;
    box-sizing: border-box;
    padding: 20px;
}
/*  Denne delen, (Linje 1 til 37) er utviklet av William Fosmark Haugland, siste gang endret 15.10.2020  */
.margin-top20px{
    margin-top: 20px;
}
.topp-main{
    background: #ccc;
    padding: 20px;
    background: #f1f1f1;
}
h1{
    margin: 9px 0;

}
.sidebar ul{
    margin: 0;
    padding: 0; 
}
.sidebar ul li{
    list-style: none;
    padding: 8px;
}
.sidebar ul li:hover{
    background: red;
    color: #fff;
}

.footer{
    padding-top: 20px;
    text-align: center;
    font-weight: bold;

}

}
@media screen and (min-width: 600px)
{
    .beholder
    {
        width: 100%;
    }
    nav ul li{
        display: block;
        text-align: center;
    }
    

}
@media screen and (min-width: 768px)
{
    .beholder
    {
        width: 100%;
    }
    nav ul li{
        display: block;
        text-align: center;
    }
    .main,
    .sidebar
    {
        width: 100%;
        float: none;
    }
    .sidebar
    {
        margin-top: 30px;
    }

}
@media screen and (min-width: 900px)
{
    .beholder
    {
        width: 100%;
    }
    nav ul li{
        display: block;
        text-align: center;
    }
    .main,
    .sidebar
    {
        width: 100%;
        float: none;
    }
    .sidebar
    {
        margin-top: 20px;
    }
    
}
@media screen and (min-width: 1200px)
{
    .beholder
    {
        width: 100%;
    }
    nav ul li{
        display: block;
        text-align: center;
    }
    .main,
    .sidebar
    {
        width: 100%;
        float: none;
    }
    .sidebar
    {
        margin-top: 20px;
    }

}

@media
only screen and (min-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	table, thead, tbody, th, td, tr {
		display: block;
	}

	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 1px solid #ccc; }

	td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
    td:nth-of-type(1):before {content: "Bruker"}
    td:nth-of-type(2):before {content: "Fakultet"}
    td:nth-of-type(3):before {content: "Institutt"}
    td:nth-of-type(4):before {content: "Informasjon"}

}

@media only screen and (min-width: 1024px){
/*tabell css*/
table {
  width: 100%;
  border-collapse: collapse;
}
tr:nth-of-type(odd) {
  background:#eee;
}
th {
  background: #333;
  color: white;
  font-weight: bold;
}
td, th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: left;
}
}
/* Denne delen, (Linje 159 til 216) er utviklet av Oskar Brekke Fuglem, siste gang endret 16.10.2020  */ */