html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr
{
margin: 0;
padding: 0;
border: 0;
}
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary
{
display: block;
}

/* blader: 46,112,138
tre: 25 42 60
bakgrund: 0 0 30
gul: 247 219 75 */

html{
	 background: linear-gradient(to bottom, #2c6f8a 0%, #020120 100%);
}


header{
	top: 0;
	clear: both;
	margin-top:-150px;
	margin-bottom: 15px;
}

header img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#mainLogo{
	height: 150px;
}


nav{
	clear:both;
}
nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
	width: 60%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
nav li a {
  display: block;
  text-align: center;
  text-decoration: none;
}

li{
	margin-bottom: 15px;
}

a{
	margin: 5px;
}

body{
	height: 100%;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:150px;
}

footer{
  bottom: 0;
  width: 100%;
  clear: both;
}


h1{
 color:rgb(252,212,4);
 text-align: center;
 margin-bottom: 10px;
}

h2{
 color:rgb(46,112,138);
}

h3{
 color:rgb(46,112,138);
}

#veibeskrivelse{
  display: block;
  margin-left: auto;
  margin-right: auto;
	width: 90%;
	border-radius: 150px ;
	border:5px solid rgb(252,212,4);
}

#timeTable tr{
margin-bottom: 15px;

}

#colapsableListPicture{
	width: 100%;
}

table{
  margin-left: auto;
  margin-right: auto;
	width: 100%;
}

.dropArrow{
	width:15px;
	float:right;
}



.navSelect {
	background-color: rgb(252,212,4);
	color:rgb(46,112,138);
	cursor: pointer;
	padding: 18px;
	width: 66%;
	border: none;
	text-align: center;
	outline: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 15px;
	border-radius: 10px ;
}


#bukkehaugenmini{
  width: 100%;
	margin-bottom: 10px;
}

#bukkehaugTimeplan{
	width: 33%;
}

.tider{
	padding: 2px;
	border:2px solid black;
	width: 33%
}

.andreLinker{
	background-color: rgb(252,212,4);
	color:rgb(46,112,138);
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: center;
	outline: none;
	font-size: 15px;
	border-radius: 100px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}
.active, .andreLinker:hover {
	background-color:rgb(252, 144, 3);
}

.collapsible {
	background-color: rgb(252,212,4);
	color:rgb(46,112,138);
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: center;
	outline: none;
	font-size: 15px;
	border-radius: 100px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}

.collapsible2 {
	background-color: rgb(252,212,4);
	color:rgb(46,112,138);
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: center;
	outline: none;
	font-size: 15px;
	border-radius: 100px;
	margin-left: auto;
	margin-right: auto;
}

.active, .collapsible:hover {
	background-color:rgb(252, 144, 3);
}

.active, .collapsible2:hover {
	background-color:rgb(252, 144, 3);
}

.content {
	padding: 0 18px;
	display: none;
	text-align: center;
	overflow: hidden;
	margin-top: 10px;
  background-color: rgb(252,212,4);
	border-radius: 10px;
	width: 85%;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}