﻿/* CSS for vetwangel.no */
/* https://www.google.com/fonts: */
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,700,700italic);*/
/*fig_text*/

body {
	/*font-family: 'Open Sans', sans-serif;*/ /* Fra @import */
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	/*font-weight: Hvis det brukes tall brukes intervallet fra 100 til 900. 400 er det samme som normalt og 700 er det samme som bold*/
	font-weight: 300;
	color: #555;
	margin: 0;
	padding: 0;
	/*background-color: rgba(0,0,0,0.3); /*for testing*/
}
#the_page {
	max-width: 1200px;
	min-height:715px;
	margin: 0 auto 0 auto;
	position: relative; /* Er med på å sikre at alle elementer i #the_page plassere sig inden for grænsene til #the_page */
	/* border: border-width border-style(required) border-color; */
	/*border: 1px solid; /*for testing*/
}
img {
	display: block;
	padding: 2px;
}
form {
	float: left;
	margin: 40px 0 0 10px;
	padding: 10px 10px 10px 10px;
	font-size: 1em;
	border: 1px solid; /*for testing*/
}
input.tall_valider_vekst{
	float: right;
	margin: 0 0 0 8px;
	font-size: 1em;
	width: 80px;
}
input#startdato, input#sluttdato{
	float: right;
}

/* slider: */
#sliderdiv {
position: relative;
}
#gallery-1 {
  width: 100%;
  max-width: 820px;
  max-height: 600px;
  margin-bottom: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
}
/*-------------*/

/*--------------veksttabell start---------------*/
/*#tallvalg {
float: left;
}
#datovalg{
float: left;
}*/
#submit_stil{
float: left;
color:blue;
font-style:italic;
font-weight:bold;
font-size: 1em;
}
.orret_color{
color:#8B0000;
}
.laks_color{
color:#191970;
}
span.over_tabel{
 margin-right: 20px;
}
#temp_tbl, #vekt_tbl, #antall_tbl {
text-align: right;
}
table {
width: 80%;
}
th.td{
padding: 7px 10px 10px 10px;
}
th{
font-size: 0.9em;
border-bottom: 2px solid #111111;
border-top: 1px solid #999;
text-align: right;
}
th.teksttillegg_1{
text-align: left;
}
td.tall_1, td.tall_2, td.tall_3, td.tall_4, td.tall_5, td.tall_6, td.tall_7{
font-size: 1em;
text-align: right;
}
td.tall_1{
text-align: left;
}
p.tabell_overskrift{
font-size: 1em;
}
td.tall_foot_l{
font-size: 1em;
padding-top: 10px;
text-align: left;
border-top: 1px solid #999;
}
td.tall_foot_2, td.tall_foot_3, td.tall_foot_4, td.tall_foot_5, td.tall_foot_6, td.tall_foot_7{
font-size: 1em;
padding-top: 10px;
text-align: right;
border-top: 1px solid #999;
}
/*------------------veksttabell slutt----------------*/

/* ---------- Antibiotika ------------*/
input#temp, input#resultat {
font-family: arial, helvetica, sans-serif;
font-weight:bold;
color: blue;
width:50px;
height:22px;
text-align:right;
}

/*-----------volumen og dosering, start------*/

ul.dosering {
list-style-type:none;
font-size: 1em;
}
ul.dosering li{
list-style-type:none;
}
input.radio_b {
margin: 8px 0px 8px 0px;
}
div.volumenboks {
position: relative;
max-width: 380px;
padding: 5px 0 0 5px;
margin: 5px 0 10px -50px;
border: 1px solid #5f5f5f; /*for testing*/
box-shadow: 10px 10px 5px #888;
}
div.doseringsboks {
margin: 5px 0 5px -50px;
/*border: 1px solid; /*for testing*/
}
#dia, #omk, #are, #fir, #dybde, #antall, #pris, #komp, .knapp_k, #kg_fisk, #volumen, #alfa, #beta, #salmo, #trid, 
#hydrogen, #alphamax, #betamax, #salmosan, #trident, #alfa_ppm, #beta_ppm, #salmo_ppm, #trid_ppm, #hydrogenp_ppm, 
#hydrogenp_a3, #hydrogenp_b3, #hydrogenp_c3 {
font-family: arial, helvetica, sans-serif;
font-weight:bold;
color: blue;
}
#alfa_ppm, #beta_ppm, #salmo_ppm, #trid_ppm, #hydrogenp_ppm, 
#dia, #omk, #fir, #dybde, #antall, #komp, #hydrogen, #alphamax, #betamax, #salmosan, #trident{
width:50px;
height:22px;
text-align:right;
}
#dia, #omk, #are, #fir, #dybde, #antall, #komp, #kg_fisk, #volumen,  
#hydrogen, #alphamax, #betamax, #salmosan, #trident {
margin-right: 5px;
}
#volumen {
margin-bottom: 5px;
}
/* Se: section.main_text article.text_block_F div.volumenboks p{} */

#kg_fisk, #volumen, #are, #alfa, #beta, #salmo, #trid, #hydrogenp_a3, #hydrogenp_b3, #hydrogenp_c3, #pris {
width:80px;
height:22px;
text-align:right;
}
#alfa, #beta, #salmo, #trid{
margin-top:5px;
/*margin-left:10px;*/
}
.knapp_k{
font-size: 1em;
font-style:italic;
margin: 0px 5px 0px 0px;
}
#hydrogenp_a3, #hydrogenp_b3, #hydrogenp_c3 {
margin-top:5px;
/*margin-left:5px;*/
}
/*-------------------------------------------*/

/* Tekst: */
h1 {
	margin: 0 0 1em 0;
	font-size: 2.8em;
	font-weight: 700;
	line-height: 1.1em;
}
h2 {
	margin: 0 0 0.5em 0;
	font-size: 1.6em;
	font-weight: 700;
	line-height: 1.1em;
}
h3 {
	margin: 0 0 0.5em 0;
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1.1em;
}
h4 {
	margin: 0 0 1.5em 0;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.1em;
}

p {
	margin: 0 0 1em 0;
	line-height: 1.4em;
}
.front_linjestart {
	font-size: 1.6em;
	font-weight: 700;
}

a:visited {
	/*color: #65b1ff;*/
	color: #555;
}

a{
	text-decoration: none;
	color: #555;
	transition: background-color 0.5s;
}
a:hover {
	background-color: rgba(0,0,204,0.3);/*#1F93D1;/*rgba(0,0,0,0.5);*/
}
/* Header for body: */

div.background_top {
	height: 80px;
	width: 100%;
	/*border: 1px solid #fff; /*for testing*/
	/* background: background-color background-image background-repeat background-attachment background-position; */
	background: #7d7e7d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-8 */
}

div.background_top header {
	position: relative; 
	height: 80px;
	margin-bottom: 20px;
	max-width: 1200px;
	margin: 0 auto 0 auto;
	/*border: 1px solid #fff; /*for testing*/
}
div.background_top header div.topp {
	position: absolute;
	width: 90%;
	top: 2px;
	left: 5%;
	color: #fff;
	margin: 0 0 0.5em 0;
	font-size: 1em;
	font-weight: 500;
}
div.background_top header div.topp span{
	margin: 0 0 1em 0;
	font-size: 1.6em;
}

div.background_top_F {
	height: 80px;
	width: 100%;
	/*border: 1px solid #fff; /*for testing*/
	/* background: background-color background-image background-repeat background-attachment background-position; */
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 100%, #7db9e8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 100%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 100%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}

div.background_top_F header {
	position: relative; 
	height: 80px;
	margin-bottom: 20px;
	max-width: 1200px;
	margin: 0 auto 0 auto;
	/*border: 1px solid #fff; /*for testing*/
}
div.background_top_F header div.topp {
	position: absolute;
	width: 90%;
	top: 2px;
	left: 5%;
	color: #fff;
	margin: 0 0 0.5em 0;
	font-size: 1em;
	font-weight: 500;
}
div.background_top_F header div.topp span{
	margin: 0 0 1em 0;
	font-size: 1.6em;
}

/* Navigation: */

nav {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 50px 0px 0px 0px;
	width: 100%;/* ny */
	z-index:10;
}
nav::after {
	content: '';
	display: block;
	clear: both;
}
nav span {
	/*color: #fff;*/
	display: none;
}
a#meny_klikk {
	color: #fff;
}	
nav ul {
	list-style: none;
	margin: 0;
	padding: 0px;
}
nav > ul > li {
	/*background:url(pic_kode/meny_0.gif) no-repeat center center;*/
	/*background-color: #2b0306;/*black*/
	background: #7d7e7d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-8 */
}
nav ul li a.aktuell_meny {
	/*background:url(pic_kode/meny_1.gif) no-repeat center center; */
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 100%, #7db9e8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 100%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 100%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
nav ul li:hover {
	background-color: rgba(0,0,204,1);/*#1F93D1;/*#2b0306;*/
}
nav ul li a {
	display: inline-block;
	color: #fff;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
}
nav ul li a:visited {
	color: #fff;
}
nav ul li a:hover {
	background-color: rgba(0,0,204,1);/*#1F93D1;/*#6d0911;*/
}
/*Submenuer: */
nav ul ul {
	position: absolute;
	top: 100%;
	/*background-color: #2b0306; /* ? */
	display: none;
}
nav ul ul li {
	position: relative;
	background-color: #808080;
	/*background: #b5bdc8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YmRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODM0M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #b5bdc8 0%, #28343b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b5bdc8 0%,#28343b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b5bdc8 0%,#28343b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b5bdc8 0%,#28343b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b5bdc8 0%,#28343b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-8 */
}
nav ul ul li a{
	/*border: 1px solid #fff; /*for testing*/
	width: 10em;/*ny*/
}

nav ul li:hover > ul {
	display: block;
	margin-top: 0px;
}
/*nav ul ul ul {
	left: 100%;
	top: 0px;
}*/
/* Top-level (dette er spesielt aktuelt ved subnivåer):*/
nav > ul {
	padding-left: 20px;
}
nav > ul > li {
	float: left;
}
nav > ul > li > a {
	width: auto;
}
nav > ul > ul > li > a {
	width: auto;
}

/* Footer for body: */
div.background_bottom {
	/*clear: both;*/
	width: 100%;
	margin-top:10px;
	margin-bottom:0px;
	height:125px; 
	z-index:0;
	/*background:url(pic_kode/bunnlinje.jpg);*/
	background: #b5bdc8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YmRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODM0M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #b5bdc8 0%, #28343b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b5bdc8 0%,#28343b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b5bdc8 0%,#28343b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b5bdc8 0%,#28343b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b5bdc8 0%,#28343b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-8 */
}
div.background_bottom footer {
	position: relative;
	margin-bottom: 0px;
	max-width: 1200px;
	margin: 0 auto 0 auto;
	/*border: 1px solid #fff; /*for testing*/
}
div.background_bottom footer aside {
	width: 30%;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	font-style:italic;
	font-size: 0.9em;
	color: #fff;
	/*border: 1px solid #fff; /*for testing*/
}
div.background_bottom footer aside a {
	color: #fff;
}

/* Section - Alle: */

section {
	padding: 0 30px 0px 30px;
	/*border: 1px solid; /*for testing*/
	/*background-color: #999999; /*for testing*/
	margin-bottom: 10px;
}
section::after { /* psudoelement som ligger til et fantom html-element etter alle de andre, således at float elementet aside forbliver innen for section*/
	content: ''; /* Alle pseudoelementer må ha content */
	display: block;
	clear: both;
}

/* Section Main: */

section.main article.main_block {
	float: left;
	width: 48%;
	text-align: left;
	/*border: 1px solid; /*for testing*/
	margin: 20px 0px 20px 0px;
}
section.main article#fiskehelse{
	margin-top: 180px;
}
section.main figure.main_fig {
	float: right;
	/*width: Skalerer automatisk til billedet i figure*/
	text-align: right;
	/*border: 1px solid; /*for testing*/
	margin: 20px 0px 20px 0px;
	box-shadow: 10px 10px 5px #888;
}
section.main figure.main_fig figcaption.fig_text {
	font-size: 0.7em;
	font-weight: 400;
	text-align: left;
}
figure#stort_bilde figcaption.fig_text {
	font-size: 0.7em;
	font-weight: 400;
	text-align: left;
}
div.flex_boks {
	display: -webkit-flex; /* Safari */
	display: flex;
	float: left;
	/*border: 2px solid #800000;*/
	justify-content: space-between;
	/*flex-flow: row wrap;*/
}
div#rulletekst, div#rulletekst_right{
	max-width: 500px; 
	max-height: 200px; 
	/*margin: auto;*/
	overflow: auto; 
	/*border: 2px solid #800000; */
	box-shadow: 10px 10px 30px #888; /*#888*/
	-webkit-flex: 1 1 100%;  /* Safari 6.1+ */
    -ms-flex: 1 1 100%;  /* IE 10 */    
    flex: 1 1 100%;
}
div#rulletekst{
	margin-right: 170px;
}



/*--Table:--*/
table {
	width: 100%;
}
td.dato_td {
	width: 100px; 
	padding: 4px 4px 4px 4px;
	vertical-align: top;
}
td.tekst_td {
	border-bottom:1px solid blue; 
	margin-top: 0px; 
	padding: 4px 4px 4px 4px;
	vertical-align: top;
}
th.dato_tekst_th {
	padding: 5px 0 5px 0;
	border-bottom: 1px solid;
	text-align: center;
}
/*-----------*/
/* Section Til_kart: */

section.til_kart figure.mini_kart {
	float: left;
	width: 254px;
	text-align: left;
	/*border: 1px solid; /*for testing*/
	margin: 20px 0px 20px 0px;
	border: 1px solid rgba(140,140,140,0.4);
}
section.til_kart figcaption.mini_kart_text {
	font-size: 0.9em;
	font-weight: 600;
}
section.til_kart a.velg_kart .mini_kart{
	transition: background-color 0.5s;
}
section.til_kart a.velg_kart .mini_kart:hover {
	background-color: rgba(140,140,140,0.4);
}

/* Section Main Text tekstsider: */
section.main_text {
	position: relative;
	/*border: 1px solid; /*for testing*/
}
section.main_text article.text_block {
	float: right;
	width: 60%;
	text-align: left;
	line-height: 1.1em;
	padding: 0px 10px 0px 10px;
	margin: 20px 60px 20px 0px;
	font-size: 1em;
	/*border: 1px solid black; /*for testing*/
}

section.main_text article.text_block p {
	/*columns: <column-width> || <column-count>;*/
	-webkit-columns: 250px 2; /*Når bredden blir mindre enn 250px skifter det til en column*/
	-moz-columns: 250px 2;
	columns: 250px 2;
	
	border-bottom: 3px solid #F87431;
	padding: 5px 0 20px 0;/*top right bottom left (1.5 x 1.5)*/
}

section.main_text article.text_block p span.bilde_tekst {
	font-style: italic;
	font-weight: 600;
	font-size: 0.8em;
}
section.main_text article.text_block_F {
	float: left;
	width: 80%;/*90%;*/
	text-align: left;
	line-height: 1.1em;
	padding: 0px 10px 0px 10px;
	margin: 20px 60px 20px 0px;
	font-size: 1em;
	/*border: 1px solid; /*for testing*/
}

section.main_text article.text_block_F p {
	/*columns: <column-width> || <column-count>;*/
	-webkit-columns: 250px 2; /*Når bredden blir mindre enn 250px skifter det til en column*/
	-moz-columns: 250px 2;
	columns: 250px 2;
	
	border-bottom: 3px solid #F87431;
	padding: 5px 0 20px 0;/*top right bottom left (1.5 x 1.5)*/
}
section.main_text article.text_block_F div.volumenboks p {
	border-bottom: 0px;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	text-align: right;
}

section.main_text article.text_block_F p span.bilde_tekst {
	font-style: italic;
	font-weight: 600;
	font-size: 0.8em;
}
section.main_text article.text_block_FL {
	float: left;
	width: 80%;/*90%;*/
	text-align: left;
	line-height: 1.1em;
	padding: 0px 10px 0px 10px;
	margin: 20px 60px 20px 0px;
	font-size: 1em;
	/*border: 1px solid; /*for testing*/
}

section.main_text article.text_block_FL p {
	border-bottom: 3px solid #F87431;
	padding: 5px 0 20px 0;/*top right bottom left (1.5 x 1.5)*/
}
section.main_text article.text_block_FL div.volumenboks p {
	border-bottom: 0px;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	text-align: right;
}

section.main_text article.text_block_FL p span.bilde_tekst {
	font-style: italic;
	font-weight: 600;
	font-size: 0.8em;
}


a.les_mer {
	font-style: italic;
	font-weight: 600;
}
a.les_mer:hover {
	text-decoration: underline;
}

aside.asideplassering_left{
	position:absolute;
	margin-top:90px;
	margin-left:0px;
}
aside.asideplassering_left span {
	display: none;
	font-style:italic;
}
a#meny_klikk_SM {
	color: #000080;
}
.ul_left_right{
margin: 0;
padding:0;
list-style: none;
width: 170px;
}
.ul_left_right li{
border: 1px solid #F87431;
border-bottom: none;
}
.ul_left_right .b_border{
border: 1px solid #F87431;
}
.ul_left_right a{
font-style:italic;
/*font-size: 1.5em;*/
text-decoration: none;
padding: 5px 5px 5px 5px; 
display: block;
}
.ul_left_right .ul_sub_left li{
border: none;
list-style: none;
}
.ul_left_right a:hover{
font-weight: 600;
background-color: #B2F511;
}
a.sidemeny{
color:#000080; /* blue*/
} 
a.sidemeny_a {
font-weight:600;
color:#A00000;
}/* selected link */
a.sidemeny_right{
color:#000080; 
}
a.sidemeny_right_a {
font-weight:bold;
color:#A00000;
} /* selected link */

/*-----------kalkulator boks------*/
#fremvis{
position: relative;
width: 300px;
height: 150px;
margin: 10px 0px 0px 20px;
border: 1px solid black;
background-color:#E8E8E8;
border-radius: 20px;
box-shadow: 4px 6px 8px rgba(0,0,0,0.75);
}
#fremvis_sub{
position: absolute;
margin: 10px 0px 0px 30px;
text-align:right;
}
.tall_valider {
	font-size: 1em;
	width: 80px;
}
#startdato, #sluttdato {
	font-size: 1em;
	width: 100px;
}

/*--------------------------------------------*/

/* ---Videoramme: --*/
div.video_a {
	display: block;
	width:428px;
	height:240px;
	border: 1px solid black;/*#E8E8E8;*/
	box-shadow: 2px 2px 4px rgba(0,0,0,.5);
}
div.video_a_301 {
	display: none;
	width:301px;
	height:169x;
	border: 1px solid black;/*#E8E8E8;*/
	box-shadow: 2px 2px 4px rgba(0,0,0,.5);
}
div.video_a_235 {
	display: none;
	width:235px;
	height:132px;
	border: 1px solid black;/*#E8E8E8;*/
	box-shadow: 2px 2px 4px rgba(0,0,0,.5);
}
div#minvideo {
	display: block;
	}
div#minvideo_301 {
	display: none;
	}
div#minvideo_235 {
	display: none;
	}
/*----------------*/

/* Googel kart*/
section.stort_kart {
	position: relative;
}
section.stort_kart article.c_kart{
	float: left;
	height: 750px; 
	width: 100%;/*880px;*/
	margin-top: 20px;
	border-top: 1px solid #d7d7d7;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d7d7d7;
}
#Med_posisjon, #Uten_posisjon {
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 2px;
}

/* Bilder Caption:*/
figcaption.bildeA_cap{
	font-style:italic;
	font-size: 0.9em;
	font-weight: 600;
}
img#klekk_stor{
	display: block;
}
img#klekk_lille{
	display: none;
}
div.lukk_meny {
	display: none;
}

@media screen and (max-width:1000px) {
	section.main_text article.text_block {
	width: 65%;
	margin: 20px 20px 20px 0px;
	}
	div#rulletekst{
	margin-right: 100px;
	}
}

@media screen and (max-width:920px) {
	h1 {
		font-size: 2.4em;
	}
	section.main_text article.text_block {
	width: 70%;
	margin: 20px 20px 20px 0px;
	}
	section.main_text article.text_block_F {
	width: 85%;/*90%;*/
	}
	section.main_text article.text_block_FL {
	width: 85%;
	}
	div#rulletekst{
	margin-right: 40px;
	}
}

@media screen and (max-width: 825px) {
	h1 {
		font-size: 2.2em;
	}
	table {
	width: 90%;
	}
	div.flex_boks {
	display: block;
	}
	div#rulletekst{
	margin-right: 0px;
	}
	div#rulletekst_right{
	margin-top: 20px;
	}
	.main_fig {
	display: none;
	}
}

@media screen and (max-width:728px) {
	h1 {
		font-size: 1.8;
	}
	h2 {
		font-size: 1.4;
	}
	h3 {
		font-size: 1.1;
	}
	div.background_top {
	height: 90px;/*120px;*/
	}
	div.background_top header div.topp {
	font-size: 0.9em;
	}
	div.background_top header div.topp span{
	font-size: 1.4em;
	}
	div.background_top_F {
	height: 90px;/*120px;*/
	}
	div.background_top_F header div.topp {
	font-size: 0.9em;
	}
	div.background_top_F header div.topp span{
	font-size: 1.4em;
	}
	/* Forside*/
	section.main article.main_block {
	float: none;
	width: 90%;
	margin: 20px 0px 20px 0px;
	}
	section.main figure.main_fig {
		float: left;
		text-align: right;
	}
	section.main_text article.text_block {
	float: none;
	width: 90%;
	margin: 20px 20px 20px 0px;
	}
	section.main_text article.text_block_F {
	width: 100%;/*90%;*/
	}
	section.main_text article.text_block_FL {
	width: 100%;
	}
	
	/*-----------------------------*/
	aside.asideplassering_left{
	position:relative;
	margin-top:10px;
	margin-bottom: 30px;
	display: inline-block;
	/*border: 1px solid red; /*for testing*/
	}
	aside.asideplassering_left span {
	display: inline;
	position: absolute;
	font-style:italic;
	font-weight: 600;
	padding: 4px 4px;
	cursor:pointer;
	/*background-color: #B2F511;*/
	border: 2px solid #F87431;
	z-index: 1;
	}
	aside.asideplassering_left ul.ul_left_right {
		display: none;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
		padding: 4px 4px 4px 4px;
		z-index: 2;
	}
	aside.asideplassering_left:hover ul.ul_left_right {
		display: block;
		position: relative;
	}
	/*----------------------------*/
	
	/*--------------------------*/
	nav {
	padding-top: 0px;
	margin-left: 25px;
	height: 30px;
	top: 60px;
	width: 100px;
	display: inline-block;
	position: relative;
	}
	nav > ul {
	padding-left: 0px;
	}
	nav span {
	position: absolute;
	display: inline;
	font-style:italic;
	color: #fff;
	font-weight: 600;
	padding: 4px 30px 4px 27px;
	margin: 0px 0px  0px 0px;
	cursor:pointer;
	background:url(pic_kode/meny_0.gif) no-repeat center center; 
	/*border: 1px solid #fff;*/
	z-index:5;
	}
	nav > ul > li {
	float: none;
	display: none;
	/*background-color: #2b0306;/*black*/
	background: #7d7e7d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-8 */
	}
	
	nav > ul > li > a {
	width: 60px;
	}
	nav:hover ul li{
	display: block;
	position: relative;
	z-index:10;
	}
	nav ul li:hover > ul {
	display: inline-block;
	margin-top: -30px;
	/*margin-left: 80px;*/
	}
	/*----------------------------*/
	
	/*----------------------------*/
	div.lukk_meny {
	border: 1px solid #fff;/*#020303;*/
	width: 100px;
	height: 27px;
	margin: -20px 0px 0px 210px;
	background-color: #820606;
	position: relative;
	z-index:5;
	}
	div.lukk_meny a#meny_lukk {
	padding: 3px 0px 3px 4px;
	color: #fff;
	font-style:italic;
	font-weight: 600;
	position: absolute;
	}
	/*----------------------------*/
	form {
	font-size: 0.9em;
	}
	/* Tabell ------------*/
	th{
	font-size: 0.9em;
	}
	td.tall_1, td.tall_2, td.tall_3, td.tall_4, td.tall_5, td.tall_6, td.tall_7{
	font-size: 0.9em;
	}
	p.tabell_overskrift{
	font-size: 0.9em;
	}
	td.tall_foot_l, td.tall_foot_2, td.tall_foot_3, td.tall_foot_4, td.tall_foot_5, td.tall_foot_6, td.tall_foot_7{
	font-size: 0.9em;
	}
	/*---------------------*/
	/*-----------volumen og dosering, start------*/
	ul.dosering {
	font-size: 0.9em;
	}
	.knapp_k{
	font-size: 0.9em;
	}
	#alfa_ppm, #beta_ppm, #salmo_ppm, #trid_ppm, #hydrogenp_ppm, 
	#dia, #omk, #fir, #dybde, #antall, #komp, #hydrogen, #alphamax, #betamax, #salmosan, #trident{
	width:40px;
	}
	#kg_fisk, #volumen, #are, #alfa, #beta, #salmo, #trid, #hydrogenp_a3, #hydrogenp_b3, #hydrogenp_c3 {
	width:70px;
	}
	/*---------------------------*/
}

@media screen and (max-width: 625px) {
	h1 {
		font-size: 1em;
	}
	h2 {
		font-size: 1em;
	}
	div.background_top header div.topp {
	font-size: 0.8em;
	}
	div.background_top header div.topp span{
	font-size: 1.4em;
	}
	div.background_top_F header div.topp {
	font-size: 0.8em;
	}
	div.background_top_F header div.topp span{
	font-size: 1.4em;
	}
	
	div.background_bottom {
	width: 100%;
	margin-top:10px;
	margin-bottom:0px;
	height:auto;
	}
	div.background_bottom footer {
	position: relative;
	margin-bottom: 0px;
	max-width: 1200px;
	margin: 0 auto 0 auto;
	/*border: 1px solid #fff; /*for testing*/
	}
	div.background_bottom footer aside {
	width: auto;
	float: none;
	margin-top: 20px;
	margin-left: 20px;
	font-style:italic;
	font-size: 0.8em;
	color: #fff;
	/*border: 1px solid #fff; /*for testing*/
	}
	
	/* Tabell: ------------*/
	table {
	width: 95%;
	}
	th{
	font-size: 0.8em;
	}
	td.tall_1, td.tall_2, td.tall_3, td.tall_4, td.tall_5, td.tall_6, td.tall_7{
	font-size: 0.8em;
	}
	p.tabell_overskrift{
	font-size: 0.8em;
	}
	td.tall_foot_l, td.tall_foot_2, td.tall_foot_3, td.tall_foot_4, td.tall_foot_5, td.tall_foot_6, td.tall_foot_7{
	font-size: 0.8em;
	}
	th.teksttillegg_5, th.teksttillegg_6 {
	display: none;
	}
	td.tall_5, td.tall_6{
	display: none;
	}
	td.tall_foot_5, td.tall_foot_6{
	display: none;
	}
	/*---------------------*/
	
	/*-----------volumen og dosering, start------*/
	ul.dosering {
	font-size: 0.8em;
	}
	.knapp_k{
	font-size: 0.8em;
	}
	#alfa_ppm, #beta_ppm, #salmo_ppm, #trid_ppm, #hydrogenp_ppm, 
	#dia, #omk, #fir, #dybde, #antall, #komp, #hydrogen, #alphamax, #betamax, #salmosan, #trident{
	width:30px;
	}
	#kg_fisk, #volumen, #are, #alfa, #beta, #salmo, #trid, #hydrogenp_a3, #hydrogenp_b3, #hydrogenp_c3 {
	width:55px;
	}
	/*---------------------------*/
	
}

@media screen and (max-width: 510px) {
/*-----------kalkulator boks------*/
	#fremvis{
	font-size: 0.9em;
	width: 280px;
	height: 125px;
	margin: 10px 0px 0px 10px;
	}
	#fremvis_sub{
	margin: 10px 20px 0px 10px;
	text-align:right;
	}
	.tall_valider {
		font-size: 0.9em;
	}
	#startdato, #sluttdato {
		font-size: 0.9em;
		width: 100px;
	}
/*--------------------------------------------*/
	figure#stort_bilde {
	display: none;
	}
	img#klekk_stor{
	display: none;
	}
	img#klekk_lille{
	display: block;
	}
}

@media screen and (max-width: 495px) {
	/* ---Videoramme: --*/
	div.video_a {
		display: none;
		width:428px;
		height:240px;
	}
	div.video_a_301 {
		display: block;
		width:301px;
		height:169x;
	}
	div.video_a_235 {
		display: none;
		width:235px;
		height:132px;
	}
	div#minvideo {
	display: none;
	}
	div#minvideo_301 {
	display: block;
	}
	div#minvideo_235 {
	display: none;
	}
	/*----------------*/
	
	/* Tabell: ------------*/
	th{
	font-size: 0.7em;
	}
	td.tall_1, td.tall_2, td.tall_3, td.tall_4, td.tall_5, td.tall_6, td.tall_7{
	font-size: 0.7em;
	}
	p.tabell_overskrift{
	font-size: 0.7em;
	}
	td.tall_foot_l, td.tall_foot_2, td.tall_foot_3, td.tall_foot_4, td.tall_foot_5, td.tall_foot_6, td.tall_foot_7{
	font-size: 0.7em;
	}
	/*th.teksttillegg_5, th.teksttillegg_6, th.teksttillegg_7 {
	display: none;
	}
	td.tall_5, td.tall_6, td.tall_7{
	display: none;
	}
	td.tall_foot_5, td.tall_foot_6, td.tall_foot_7{
	display: none;
	}*/
	/*---------------------*/
}


@media screen and (max-width: 364px) {
/*-----------kalkulator boks------*/
	#fremvis{
	font-size: 0.9em;
	width: 230px;
	height: 125px;
	margin: 10px 0px 0px 10px;
	}
	#fremvis_sub{
	margin: 10px 20px 0px 10px;
	text-align:right;
	}
	.tall_valider {
		font-size: 0.9em;
	}
	#startdato, #sluttdato {
		font-size: 0.9em;
	}
/*--------------------------------------------*/
	/* ---Videoramme: --*/
	div.video_a {
		display: none;
		width:428px;
		height:240px;
	}
	div.video_a_301 {
		display: none;
		width:301px;
		height:169x;
	}
	div.video_a_235 {
		display: block;
		width:235px;
		height:132px;
	}
	div#minvideo {
	display: none;
	}
	div#minvideo_301 {
	display: none;
	}
	div#minvideo_235 {
	display: block;
	}
	/*----------------*/
}

@media screen and (max-width: 335px) {	
	th.teksttillegg_5, th.teksttillegg_6, th.teksttillegg_7 {
	display: none;
	}
	td.tall_5, td.tall_6, td.tall_7{
	display: none;
	}
	td.tall_foot_5, td.tall_foot_6, td.tall_foot_7{
	display: none;
	}
	
}