/* Local layout primitives replacing the former Bootstrap dependency. */
*, *::before, *::after {
	box-sizing: border-box;
}

html {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.5;
}

body {
	margin: 0;
	color: #212529;
	background: #fff;
	font-size: 1rem;
}

a {
	color: #007bff;
	text-decoration: none;
}

a:hover {
	color: #0056b3;
	text-decoration: underline;
}

.container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.col {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-12 { flex: 0 0 100%; max-width: 100%; }
.col-xs-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-xs-3 { flex: 0 0 25%; max-width: 25%; }
.col-xs-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }

.nav {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.nav-stacked {
	flex-direction: column;
}

.nav-pills a {
	border-radius: .25rem;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.img-thumbnail {
	max-width: 100%;
	height: auto;
	padding: .25rem;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
}

.img-circle {
	border-radius: 50%;
}

.pull-left { float: left !important; }
.pull-right { float: right !important; }
.clearfix::after { display: block; clear: both; content: ""; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-muted { color: #6c757d !important; }
.small { font-size: 80%; font-weight: 400; }

.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	padding: .75rem 1rem;
	margin-bottom: 1rem;
	list-style: none;
	background-color: #e9ecef;
	border-radius: .25rem;
}

.breadcrumb-item + .breadcrumb-item::before {
	display: inline-block;
	padding-right: .5rem;
	padding-left: .5rem;
	color: #6c757d;
	content: "/";
}

.breadcrumb-item.active { color: #6c757d; }

.table {
	width: 100%;
	margin-bottom: 1rem;
	color: #212529;
	border-collapse: collapse;
}

.table th, .table td {
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
}

.table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; }
.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, .05); }
.table-responsive { display: block; width: 100%; overflow-x: auto; }

.form-group { margin-bottom: 1rem; }
.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); }
.form-text { display: block; margin-top: .25rem; }
.input-group { display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }
.input-group > .form-control { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; }
.input-group-text { display: flex; align-items: center; padding: .375rem .75rem; color: #495057; background: #e9ecef; border: 1px solid #ced4da; }
.input-group-append { display: flex; margin-left: -1px; }

.card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; }
.card-body { flex: 1 1 auto; padding: 1.25rem; }

@media (min-width: 576px) {
	.container { max-width: 540px; }
	.col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
	.col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
}

@media (min-width: 768px) {
	.container { max-width: 720px; }
	.col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
	.col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
	.col-md-12 { flex: 0 0 100%; max-width: 100%; }
}

@media (min-width: 992px) {
	.container { max-width: 960px; }
	.col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; }
	.col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
}

@media (min-width: 1200px) {
	.container { max-width: 1140px; }
}

@media (max-width: 767px) {
    body {
        position: absolute;
    }
}
.hovedheader {
	color:white;
	padding:1em;
	/* background: linear-gradient(to right, rgba(51, 102, 153, 0.9) 0%, rgba(255, 255, 255, 0) 95% ); */
	background-color: rgba(51, 102, 153, 0.9);
}

.hovedheader img {
	float: left;
	margin: 2em;
	border-radius: 50%;
}
.venstremeny {
	overflow-x: hidden;
	margin-top:1em;
	margin-bottom: 1em;
}
.venstremeny li {
	display: block;
	width: 100%;
}
.venstremeny li:hover {
	background-color: lightgray;
}
.venstremeny a {
	padding-top:0.2em;
	padding-bottom:0.2em;
	display: inline-block;
	width: 100%;
	padding-left: 0.5em;
}
.venstremeny a:hover {
	text-decoration: none;
}
.venstremeny a.active {
	background-color: rgba(51, 102, 153, 0.9);
	color: white;
}
.venstremeny .p2 {
	margin-left:7.5%;
}
.venstremeny .active a, 
.hovedheader {
	margin-bottom: 1em;
}
.hovedheader a {
	margin-right:2em;
}
.hovedheader a img {
	max-width:70px;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
.hovedheader h1 small {
	color:#eee;
}
.adsbygoogle {
	display:block;
}
main {
	margin-bottom: 1em;
}

.bildeboks {
	margin-left:1em;
	float:right;
}
footer {
	vertical-align:bottom;
	color:white;
	padding:1em;
	background-color: rgba(51, 102, 153, 0.9);
	width: 100%;
}
footer .selvlink {
	color: #eee;
}