@font-face {
    font-family: uthevetsans;
    src: url(/fonts/NotoSans-Bold.woff2) format('woff2');
}
@font-face {
    font-family: vanligsans;
    src: url(/fonts/NotoSans-Regular.woff2) format('woff2');
}
@font-face {
    font-family: fastbredde;
    src: url((/fonts/NotoMono-Regular.woff2) format('woff2');
}

h3 {
	font-family: uthevetsans;
	color: #555;
	font-size: 1.2em;
	padding-left: 1vw;
	text-align: center;
	}

table { 
border-spacing: 0;
border-collapse: collapse;
}	
p, td, a {
	font-family: vanligsans;
	font-size: 14px;
	color: #222;
	padding:0;
	margin:0;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;

	}

a {font-weight: bold;
	color: #000;}
body {
    margin: 0;
    padding: 0;
    background-color: #f0f0f0;
    text-align: center;
}

.m-menu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 10hw;
    background:#213E56;
    z-index: 100;
    margin: 0;
    padding: 0;

}
.m-menu a {
    display: block;
    padding:5px 7px 5px 7px;
    font-family: vanligsans, helvetica;
    font-size: 1.1em;
    text-decoration: none;
    color: #ddd;
    background-color: #213E56;
}

.m-menu a:hover {
    background: #aaa;
    color: #fff;
}
.m-menu a.active {
    background: #f0f0f0;
    color: #333;
}


.m-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.m-menu li {
    float:left;
    display: inline;
}

.chart-container {
	position: relative;
	width: 90vw;
	height: 100vh;
	padding-left: 5vw;
	padding-right: 5vw;
	text-align: left;
	}
	
#priser {
	float: left;
	margin-left: 1vw;
	margin-right: 1vw;
	}
	
#farger {
	float:left;
	padding:0;
	margin-left:1vw;
	
}


#farger .red {
	color: rgba(205,10,37,1);

}
#farger .orange {
	color: rgba(244,139,66,1)
}

#farger .green {
	color: rgba(30,162,72,1);
}
#farger p {
	font-size: .6em;}

#disclamer {
float:left;
margin-left: 1vw;}

#kart {
	float:left;
	margin-top: 1vw;
}