html.wf-loading * {
        opacity: 0; /** For google web font script. */
		FILTER: alpha(opacity=0); -moz-opacity: 0;
}
.wf-loading:after {
	/* first up, we need to define some content */
    /** content: "loading fonts.."; */
    /* let's now give it some dimensions, a background color and position it on the page */ 
    /** width: 100%; */
    /** height: 100%; */
    /** position: fixed; */
    /** top: 0; */
    /** left: 0; */
    /* okay, so what do we want our label to actually look like?  */ 
    /** color: #135040; */
    /** font-size: 1.5em; */
    /** font-weight: bold; */
    /** line-height: 20em; */
    /** text-align: center; */
}

body {
	font-family: 'Source Sans Pro',Arial,Helvetica,Lucida,sans-serif !important; 
	font-display: fallback;
	/** font-family: Helvetica,Arial,Lucida,sans-serif!important; */
	letter-spacing:0.035em;word-spacing:0.05em; 
	/** font-weight:300; */
	/** 10nov22: font-weight:400; 500 har ingen virkning */
	font-weight:400; 
	-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; 
	/** 10nov22: FONT-SIZE: 1.2rem; */  
	FONT-SIZE: 1.9rem;  
 	/** LINE-HEIGHT:1.6; */
 	LINE-HEIGHT:1.5;
}
h1, h2, h3 {
 	/** LINE-HEIGHT:1.6 !important; */
 	LINE-HEIGHT:1.3 !important;
}

html {
	scroll-behavior: smooth;
}
.aa {
	FONT-SIZE: 18pt; COLOR: #ff9900; 
}
a:link {
	/** COLOR: #d5094e; TEXT-DECORATION: none */
	/** COLOR: #dd094e; TEXT-DECORATION: none */
	/** COLOR: #e74575; TEXT-DECORATION: none */
	/** COLOR: #c83363; TEXT-DECORATION: none; */
	/** COLOR: #ea5585; TEXT-DECORATION: none; */ 
	/** COLOR: #da4575; TEXT-DECORATION: none; */
	/** COLOR: #ca3565; */
	TEXT-DECORATION: none; 
	COLOR: #da4575; 
	FONT-SIZE: 1.1em;
  	/** opacity:0.9; filter:alpha(opacity=90); */
}
.ui-widget {
	letter-spacing:0.035em;word-spacing:0.05em; 
	font-family: 'Source Sans Pro',Arial,Helvetica,Lucida,sans-serif !important; 
}
.ui-widget-content a:link {
	COLOR: #dd094e; TEXT-DECORATION: none !important; 
}
a:visited {
	COLOR: #da4575; TEXT-DECORATION: none; 
  	/** opacity:0.9; filter:alpha(opacity=90); */
}
.ui-widget-content a:visited {
	COLOR: #dd094e; TEXT-DECORATION: none !important; 
}
a:hover {
	/** COLOR: #5070ba; */
	COLOR: #da4575 !important; 
	TEXT-DECORATION: underline;
	/** BACKGROUND-COLOR: rgba(251, 247, 239, 1); */
	/** border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; */
}
/**
Dette gjør surv-sider feil.
input[type=radio] { 
	margin-top: 2rem;
}
*/
.ui-widget-content a:hover {
	COLOR: #8090ba;
	TEXT-DECORATION: underline
}
/**
.ts a:link {
	TEXT-DECORATION: none;
}
.ts a:visited {
	TEXT-DECORATION: none;
}
.ts a:hover {
	TEXT-DECORATION: underline
}
*/
.trans {
	FILTER: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6
}
.butt {
	FONT-SIZE: 18px; COLOR: #000000; word-spacing:3px; 
}
.article {
	padding-top:0.5rem;
	padding-left:1.5rem;
	padding-right:1rem;
	padding-bottom:1rem;
	column-width: 400px;
	column-gap: 3rem;
	column-rule: 2px solid #eee;
}
.panel-group,
.panel-heading,
.panel {
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
	border-radius: 4px !important;
}
.btn {
  	/** opacity:0.9; filter:alpha(opacity=90); */
	COLOR: #da4575; 
	/** COLOR: #ea5585; */
	/** COLOR: #c83363; */ 
	/** COLOR: #da1365; */
	/** COLOR: #ca1365; */
	border-top: 2px solid #fcf8f0; border-bottom: 2px solid #b69e7b; border-left: 2px solid #fcf8f0; border-right: 2px solid #b69e7b;
	BACKGROUND-COLOR: rgba(251, 247, 239, 1);
	/** BACKGROUND-COLOR: #f7f0e0; */
	/** BACKGROUND-COLOR: #f8efdb; */
	border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='false');
  	background-image: none !important;
    margin-top:1px;
    margin-bottom:1px;
    text-shadow: 0 0 0; 
    /** FONT-SIZE: 21px; */
    FONT-SIZE: 1.1em; 
	/** letter-spacing:0.09em; word-spacing:0.1em; */
	/** letter-spacing:0.03em; */
	letter-spacing:0.035em; 
    outline: 0;
    /** FONT-WEIGHT: bold; */
    /** FONT-WEIGHT: 600; */
    FONT-WEIGHT: 400; 
    padding-left:30px;
    padding-right:30px;
    padding-top:5px;
    padding-bottom:5px;
}
.btn:hover {
	/*COLOR: #5075B1;*/ 
	/* COLOR: #70555a; */
	/** COLOR: #ca1365; */
	/** COLOR: #da1365; */
	COLOR: #5070ba;
	BACKGROUND-COLOR: #faf0e0; 
	border-top: 2px solid #faf5e0; border-bottom: 2px solid #e6ceab; border-left: 2px solid #faf5e0; border-right: 2px solid #e6ceab;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
    	background-image: none !important;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='false');
}
.btn:focus,
.btn:active:hover, 
.btn:active:focus, 
.btn:active {
   	outline: none !important;
	COLOR: #70555a; 
	BACKGROUND-COLOR: #faf5e0; 
    	background-image: none !important;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='false');
	border-top: 2px solid #40352a; border-bottom: 2px solid #40352a; border-left: 2px solid #40352a; border-right: 2px solid #40352a;
}
.btn:focus,.btn:active {
   	outline: none !important; 
	border-color: #404040;
}
.btn-primary {
	FONT-SIZE: 17px; COLOR: #ffffff; letter-spacing:1px; word-spacing:2px; 
}
.img-container {
	position: relative;
	text-align: center;
}
.text-centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.cc-front-menu-grid { 
	/** background: url(/im/cc-cover-ai-jan25-2-fr.webp) center; */
    /** background-size: cover; */
	/** box-shadow: 0 0 8px 8px #e4ecd4 inset; */
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1rem;
	padding: 1rem; 
	/** box-shadow: 0 0 8px 8px white inset; */
}
.cc-front-menu-fig {
	align-self: center; 
	/** padding-bottom: 5px; */
	max-height: 350px;
	overflow: hidden;
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
	border-color: rgb(234,244,222);
	border-width:2px;
	border-style:solid;
	background-color:white;
	padding:0.5rem;
}
.box-text {
	align-self: end;
    justify-self: end;
    padding: 2rem;
	/** text-shadow: white 0.1em 0.1em 0.2em; */
	text-shadow: white -0.05em 0em 0em;
}
.box1 {
	/** align-self:start; */
	grid-column:1; /*Line 1 to 3 */
	grid-row:1;
}
.box2 {
	/** align-self:end; */
	grid-column:2;
	grid-row:1;
}
.box3 {
	/** justify-self:end; */
	grid-column:1;
	grid-row:2;
}
.box4 {
	grid-column:2;
	grid-row:2;
}
.cc-front-top-grid { 
	/** background: url(/im/cc-cover-ai-jan25-2-fr.webp) center; */
    /** background-size: cover; */
	/** box-shadow: 0 0 8px 8px #e4ecd4 inset; */
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	grid-gap: 1rem;
	padding: 1rem; 
	/** box-shadow: 0 0 8px 8px white inset; */
}
.cc-front-top-fig {
	align-self: center; 
	/** padding-bottom: 5px; */
	max-height: 250px;
	overflow: hidden;
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
	border-color: rgb(234,244,222);
	border-width:2px;
	border-style:solid;
	background-color:white;
	padding:0.5rem;
}
.cc-front-grid { 
	display: grid;
	/** 03sep25: grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); */
	/** invalid 09dec25: grid-template-columns: repeat(auto-fit, minmax(1fr, 1fr)); */
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); 
	grid-gap: 2rem;
	margin-right: 4rem;
}
.cc-front-grid-b { 
	display: grid;
	/** 03sep25: grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); */
	/** invalid 09dec25: grid-template-columns: repeat(auto-fit, minmax(1fr, 1fr)); */
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); 
	grid-gap: 1.5rem;
	/** margin-right: 4rem; */
}
.cc-front-fig {
	align-self: center;
	padding-bottom: 5px;
	max-height: 250px;
	overflow: hidden;
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
}
.cc-front-first-fig {
    grid-column: 1/3;
    grid-row: 1/3;
	align-self: center;
}
.cc-front-rowspan-fig {
	grid-row: 3/5;
	align-self: center;
}
.cc-front-first-text {
	grid-column: 1/3;
    grid-row: 2; 
	/** grid-row: 1/3; */
    align-self: flex-start;
    background-color: white;
	FILTER: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;
	z-index: 2;
}
.cc-front-char {
	align-self: center;
	text-align: center;
	font-size: 120px;
	padding-bottom: 5px;
	FILTER: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;
}
.cc-front-char a:link {
	font-size: 60px;
}
.padding-m {
	padding: 15px;
}
p.first-letter::first-letter {
  float:left;
  /** padding: 0 8px 0 0; */
  padding: 0 4px 0 0;
  /** color: #81935e; **/
  font-size: 2.5em;
  /** font-family: Baskerville; */
  /** margin-bottom: -0.2em; */
  /** margin-bottom: -0.4em; */
  margin-bottom: -12px;
  /** margin-top: -0.33em; */
  margin-top: -12px;
  FILTER: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8
}
.andr-sel {
	padding-top:3px; padding-bottom:3px; padding-left:8px; padding-right:8px;
}
.andr-sel option {
	padding-top:1px; padding-bottom:1px; padding-left:8px; padding-right:8px;
}
.cc-align-right {
	left: auto !important;
	right: 0px;
}
.frontbreak {
	margin-bottom: 20px;  
}
.topmarg {
	margin-top: 10px;  
}
.pmenumargin {
	margin-bottom: 20px;  
}
/** Forms **/
.formrow {
	padding: 3px;  
}
.formbreak {
	margin-bottom: 30px;  
}
.imgbreak {
	margin-bottom: 20px;  
}
.vcenter {
	display:flex;
        align-items:center;
}
/** Carousel **/
.carousel-control.left, .carousel-control.right {
    	background-image: none !important;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='false');
}
/* ProdMenu */
.pmenu-img {
	padding-right: 5px; 
        float: left !important;
}
/* Heading */
.cc-header,
.cc-shop-header {
	/* Def for ie8. Also media q */
  	color: #91a36e;
  	background-color: #fcf8e3;
  	background-image: url('/im/header-host6-14-i8.jpg');
	background-repeat: no-repeat;
	text-align: right;
    font-size: 18px;
	padding: 10px 10px 10px; /* side padding builds on .container 15px */
  	text-align: right;
	height: 80px;
	margin-bottom: 1px;
	TEXT-DECORATION: none
}
.cc-header p,
.cc-shop-header p {
	FONT-SIZE: 18px; COLOR: #40352a; 
	/** LINE-HEIGHT: 20px; */
}
.cc-header p span, 
.cc-shop-header p span { 
	background-color: #ffffff; 
  	opacity:0.65; filter:alpha(opacity=65); 
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	padding: 3px;
}
/* Menu bar */
#cc-navbar-id.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
}
.navbar-default {
	border-color: rgb(234,244,222);
	/** Changed 21jan22: BACKGROUND-COLOR: #ffffff; */
	/** 26apr22 removed BACKGROUND-COLOR: #e1ecd4; */
	border-width:2px;
  	/** opacity:0.97; filter:alpha(opacity=97); */ 
	box-shadow:0px 0px 0px;
	padding-bottom: 0px; 
    	background-image: none !important;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='false');
    z-index:10;
}
.navbar-default a:link {
/** 	TEXT-DECORATION: none; */
	/** color: #ba3565; */
	color: #da4575;
}
.navbar > .container-fluid { 	
	height: 45px; 
  	/** background-color: #e6F1d8; */
  	/** background-color: #e9f3dd; */
  	/** background-color: #f5eeda; */
  	/** background-color: #f5ecd8; */
  	/** background-color: #eaf2dd; */
  	/** mar21: background-color: #e9f3dd; */
  	/** background-color: #e1ecd4; */
  	background-color: #e4ecd4; 
	FONT-WEIGHT: bold;
	margin-bottom: 0px;  
}
.affix + .container-fluid {
     padding-top:70px; 
}
.affix .small_logo {
    display: inline;
	filter: brightness(103%); 
	-webkit-filter: brightness(103%);
}
.small_logo {
    display: none;
}
#cc-navbar-id.affix { 	
	height: 45px; 
}
.navbar-header {
    border-top-width:0px;
	word-spacing:0px;
}
.navbar-nav {
     /** margin:-1px; */
     margin: 3px; 
}
.navbar-collapse {
     overflow-y: auto; 
     max-height: 270px;
	 /** background-color: white; */
}
.navbar-nav-dropdown > li {
     margin-top:10px; 
     /** FONT-SIZE: 18px; */
	FONT-SIZE: 2rem;  
 	/** LINE-HEIGHT:2rem; */
 	LINE-HEIGHT:1.8;
	 COLOR: #40352a; 
	 /** LINE-HEIGHT: 25px; */
}
.dropdown-menu > li {
	FONT-SIZE: 2rem;  
}
.cc-dropdown-menu > li {
     margin-top:5px; 
     /** FONT-SIZE: 19px; */ 
	FONT-SIZE: 2rem;  
 	/** LINE-HEIGHT:2rem; */
 	LINE-HEIGHT:1.8;
	 COLOR: #40352a; 
	/** LINE-HEIGHT: 25px; */
}
.cc-docs-nav .navbar-nav > li > a {
	/** FONT-SIZE: 20px; letter-spacing:0.05em; word-spacing:0.1em; */ 
	letter-spacing:0.07em; word-spacing:0.1em;  
}
.cc-docs-nav .navbar-nav > li > a:link,
.cc-docs-nav .navbar-nav > li > a:visited {
	/** COLOR: #ca044E; */ 
	COLOR: #dd094E; 
  	Text-shadow: none;
}
.dropdown-menu > li > a {
	COLOR: #dd094E; 
}
.cc-dropdown-menu > li > a:link,
.cc-dropdown-menu > li > a:visited {
	COLOR: #dd094E; 
}
.cc-docs-nav .navbar-nav > li > a:hover {
	TEXT-DECORATION: underline; 
}
.cc-docs-nav .navbar-toggle {
}
.cc-docs-nav .navbar-toggle:hover {
}
.panel-success {
	padding: 3px;
	/** border-color: #f0e5da; */
	/** border-color: #a0958a; */
	/** border-color: #e0e5d4; */
	border-color: #ccd0d5; 
	/** background-color: #ececf4; */
	/** background-color: #ececf0; */
	/** background-color: #ecf0f5; */
	/** background-color: #fcfcfc; */
	/** background-color: #e4ecd424; */
	/** background-color: #ece6d424; */
	/** background-color: #80757505; */ 
}
/* Info panels */
.panel-info > .panel-heading {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='false');
	background-color: #dae6fa; 
}
/* Side panels */
#cc-sidebar-id.affix-top {
    position: static;
}
#cc-sidebar-id.affix {
    position: fixed;
    top: 70px;
}
.cc-sidebar {
       	margin-top: 10px; 
       	padding-top: 10px; 
}
.panel-warning {
	border-color: rgb(234,244,222) !important;
    	border-width:2px !important;
}
.panel-warning  > .panel-heading {
	/** background-color: rgb(248,239,219); */
	background-color: rgba(251, 247, 239, 1) !important;
    	background-image: none !important !important;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='false');
	BORDER-COLOR: #F0F8eb !important; 
    /* 04nov19    margin:2px; */
    margin:5px !important; 
	padding:10px 5px !important;
}
.cc-panel-body {
  padding-left:  0px !important;
  padding-right: 0px !important;
  margin-left:  3px !important;
  margin-right:  3px !important;
  margin-top:  0px !important;
  margin-bottom:  0px !important;
  padding-top:  3px !important;
  padding-bottom:  3px !important;
}
/*
table {
    border-collapse: collapse;
	border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;
    border-style: hidden; 
    box-shadow: 0 0 0 1px #666; 
}
td {
    border: 1px solid #ccc;
}
*/
.cc-sidenav {
  padding-top:    0px;
  padding-bottom: 0px;
	border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;
}
.cc-sidenav li {
    padding-left: 0.2em;
    padding-right: 0.15em;
    text-indent:-1.0em;
}
.cc-sidebar a:link,
.cc-sidebar a:visited {
	COLOR: #Cf096E; 
	TEXT-DECORATION: none
}
/* Top level sidebar */
.cc-sidebar a:hover,
.cc-sidebar a:focus {
	/** COLOR: #ca044E; */
	COLOR: #dd094E; 
  	text-decoration: underline;
}
.cc-sidebar a:focus {
  outline: none; 
}
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.nav > li > a:hover,
.nav > li > a:focus {
  	text-decoration: underline;
	/** COLOR: #ca044E; */ 
	/** COLOR: #dd094E; */
	color: #da4575;
	/** background-color: #FfF8E3; */
	/** changed 21jan22: background-color: rgba(251, 247, 239, 1); */
	BACKGROUND-COLOR: rgba(251, 247, 239, 1) !important; 
	/** border-top: 1px solid #faf5e0; border-bottom: 1px solid #e6ceab; border-left: 1px solid #faf5e0; border-right: 1px solid #e6ceab; */
	/** outline: 2px solid #f8edda; */
	border-radius: 7px; 
	/** border-radius: 4px; */
  	opacity:1.0; filter:alpha(opacity=100); 
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='false');
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:link,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:visited {
	/** COLOR: #ca044E; */ 
	COLOR: #dd094E; 
}

.dropdown-toggle {
	/** padding-left: 10px; */
	padding-left: 5px;
	/** padding-right: 10px; */
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.navbar-default .navbar-toggle:focus {
    /** background-color: #e6F1d8; */
    /** background-color: #eeeeee; */
    /** background-color: rgba(251, 247, 239, 1); */
    background-color: white; 
}
/** Front-lines **/
.cc-front-lines {
  margin-top: 4px;
  margin-bottom: 4px;
  border-top: 2px dotted #e9F3dc; 
  color: #40352a;
  text-align: center;
}
.cc-front-frame-left-dotted {
  border-left: 2px dotted #e9F3dc; 
}
.cc-front-img {
   position: relative;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
   transform: translateY(-50%);
}
/** Footer **/
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 175px !important;
}
.cc-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 150px;
  bottom: 0;
  margin-bottom: 0;
  margin-top: 40px; 
  color: #40352a;
  text-align: center;
  background-color: #e9F3dc; 
}
.footerbg {
  padding-top: 20px;
  /* background-color: #e9F3dc; */ 
  	/** mar21: background-color: #e9f3dd; */
  	background-color: #e1ecd4; 
  z-index:9;
}
.ad-bg {
  padding-top: 20px;
  background-color: #ffffff; 
}
.footer-links {
  margin: 10px 0;
  padding-left: 0;
}
.footer-links li {
  display: inline;
  padding: 0 2px;
}
.footer-links li:first-child {
  padding-left: 0;
}
.colorna {
	/** COLOR: #a0958a; */
	/** COLOR: #b8c8a3; */
	/** COLOR: #dff0d8; */
	/** COLOR: #cfe0c8; */
	/** COLOR: #f5ecd8; */
	/** COLOR: #e0e5d4; */
	COLOR: #81935e; 
}
.textb {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #353022; LINE-HEIGHT: 22px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tbb {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #547da8; LINE-HEIGHT: 22px; 
}
/**********/
/* Default for ie8 */
.svgtextbox {
    margin-left:auto;
    margin-right:auto;
	width:50%;
}
.cc-docs-section {
        margin-left: 30px;
        margin-right: 20px;
}
.cc-front-section {
        padding-right: 40px;
}
.hll {
	FONT-SIZE: 35px; 
	/**COLOR: #91a36e;*/ 
	/**COLOR: #5075B1;*/ 
	COLOR: #4065a1; 
	/** LINE-HEIGHT: 45px; */ 
	padding-bottom: 10px;
}
.hl_l {
	FONT-SIZE: 25px; COLOR: #96ac8e; 
	/** LINE-HEIGHT: 45px; */ 
	padding-bottom: 10px;
}
.hlr {
	FONT-SIZE: 25px; COLOR: #cE426C; 
	/** LINE-HEIGHT: 45px; */ 
	padding-bottom: 10px;
}
.hlg {
	FONT-SIZE: 26px; COLOR: #809160; 
	/** LINE-HEIGHT: 45px; */ 
	margin-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.hlb {
	FONT-SIZE: 25px; COLOR: #6085C1; 
	/** LINE-HEIGHT: 45px; */ 
	TEXT-ALIGN: center;
	padding-bottom: 10px; letter-spacing: 0.1em;
}
.hlgr {
    FONT-SIZE: 35px; 
	COLOR: #9b9191;  
	/** COLOR: #9b9179; */ 
	/** LINE-HEIGHT: 45px; */ 
	padding-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.hlh1 {
    FONT-SIZE: 60px; COLOR: #9b9179;  
	/** LINE-HEIGHT: 50px; */ 
	margin-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.hsh3 {
    FONT-SIZE: 30px; COLOR: #9b9179; 
	/** LINE-HEIGHT: 25px; */
	margin-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	letter-spacing: 0.06em;
}
.hlvi {
     FONT-SIZE: 25px; COLOR: #91936e; 
	 /** LINE-HEIGHT: 45px; */ 
	padding-bottom: 10px;
}
.hlna {
    FONT-SIZE: 25px; COLOR: #91936e; 
	/** LINE-HEIGHT: 45px; */
	padding-bottom: 10px;
}
.hslb {
	FONT-SIZE: 21px; 
	COLOR: #A9B599; 
	/** LINE-HEIGHT: 30px; */ 
	TEXT-ALIGN: left
  	opacity:0.8; filter:alpha(opacity=80); 
}
.hscentre {
	FONT-SIZE: 21px; COLOR: #789fb8; 
	/** LINE-HEIGHT: 30px; */ 
	TEXT-ALIGN: center
}
.hsr {
	FONT-SIZE: 24px; 
	/** COLOR: #d51365; */
	/** COLOR: #da4575; */
	/** COLOR: #dd2270; */
	/** COLOR: #ed2e7e; */
	COLOR: #dd1e6e; 
	/** LINE-HEIGHT: 32px; */ 
	TEXT-ALIGN: center;
	padding-bottom: 10px;
  	opacity:0.7; filter:alpha(opacity=70); 
}
.hsb {
	FONT-SIZE: 24px; COLOR: #7075B1; 
	/** LINE-HEIGHT: 30px;*/ 
	TEXT-ALIGN: center
}
.hsgr {
	FONT-SIZE: 24px; COLOR: #7b7159; 
	/** LINE-HEIGHT: 32px; */ 
	TEXT-ALIGN: center;
	padding-bottom: 1px;
	text-align: center;
  	opacity:0.8; filter:alpha(opacity=80); 
}
.hsna {
	/** COLOR: #91936e; */
	FONT-SIZE: 24px; 
	/** COLOR: #60554a; */
	/** COLOR: #807575; */
	COLOR: #777575; 
	/** LINE-HEIGHT: 34px; */ 
	/** letter-spacing:0.05em; word-spacing:0.1em; */
	/** font-weight:400; */
	TEXT-ALIGN: center;
  	/** opacity:0.7; filter:alpha(opacity=70); */
}
.hshv {
	FONT-SIZE: 24px; COLOR: #f1f3fe; 
	/** LINE-HEIGHT: 30px;*/ 
	TEXT-ALIGN: center
}
.hl {
	/** font-family: 'Tangerine', serif; */
	FONT-SIZE: 30px; 
	/** COLOR: #A9B599; */
	COLOR: #99a589; 
	/** LINE-HEIGHT: 40px; */ 
	TEXT-ALIGN: center;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
h1 {
	FONT-SIZE: 30px; 
	COLOR: #5075B1; 
	/** LINE-HEIGHT: 32px; */
	TEXT-ALIGN: left;
	margin-bottom: 10px;
   }
.hs {
	FONT-SIZE: 28px; 
	COLOR: #5075B1; 
	/** LINE-HEIGHT: 32px; */ 
	TEXT-ALIGN: center;
	margin-bottom: 15px;
  	opacity:0.8; filter:alpha(opacity=80); 
   }
.hsp {
	FONT-SIZE: 24px; 
	/** COLOR: #81935e; */
	COLOR: #60713c; 
	/** LINE-HEIGHT: 32px; */
	TEXT-ALIGN: center;
	margin-bottom: 20px;
	text-align: center;
  	opacity:0.8; filter:alpha(opacity=80); 
   }
.hsl {
	FONT-SIZE: 24px; 
	/**COLOR: #6f6159;*/ 
	/** COLOR: #4064a0; */
	/** COLOR: #1a4ea5; */
	COLOR: #265dba; 
	/** LINE-HEIGHT: 32px; */
	TEXT-ALIGN: center;
	margin-bottom: 10px;
  	opacity:0.8; filter:alpha(opacity=80); 
   }
.hsg {
	FONT-SIZE: 24px; 
	COLOR: #81935e; 
	/** LINE-HEIGHT: 32px; */
	/** margin-bottom: 10px; */
	/** margin-bottom: -5px; */
	margin-top: 10px;
	text-align: center;
  	/** opacity:0.8; filter:alpha(opacity=80); */
}
.tb {
   	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #40352a; 
	/** LINE-HEIGHT: 25px; */
   }  
.tbr {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #cE426C; 
	/** LINE-HEIGHT: 20px; */ 
}
.tby {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #f7e9c4; 
	/** LINE-HEIGHT: 20px; */
}
.tbg {
	FONT-WEIGHT: bold; FONT-SIZE: 17px; COLOR: #6B7E58; 
	/** LINE-HEIGHT: 25px; */
}
.tbgr {
	FONT-WEIGHT: bold; FONT-SIZE: 17px; COLOR: #9b9179; 
	/** LINE-HEIGHT: 23px; */
}
.tn {
	COLOR:#40352a; 
	/** FONT-SIZE:20px; COLOR:#2a252a; LINE-HEIGHT:30px; */
   }
.tgr {
	FONT-SIZE:18px; COLOR:#a0958a; 
	/** LINE-HEIGHT:25px; */
   }
   /**
label {
	FONT-WEIGHT: bold; FONT-SIZE: 17px; COLOR: #40352a; LINE-HEIGHT: 25px; 
   }
   */
select {
	margin-top:2px; 
	margin-bottom:2px; 
	margin-left:2px; 
	margin-right:2px; 
	font-size: 20px;
	letter-spacing:0.05em; 
	word-spacing:0.1em;
	padding:5px;
}
option {
	margin-top:5px; 
	margin-bottom:5px; 
	margin-left:2px; 
	margin-right:2px; 
}
.form-control {
	border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;
	font-size: 2rem;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"] {
	font-size: 20px;
	/** LINE-HEIGHT: 25px; */
	border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;
}
.flabel {
	margin-top:2px; 
	margin-bottom:2px; 
	margin-left:2px; 
	margin-right:2px; 
}
.pmenucol {
	margin-bottom: 30px;  
/**	FONT-SIZE: 20px; COLOR: #40352a; */
	/** LINE-HEIGHT: 28px; */
}
/* Heading i sidemenyene / panels */
.panel-heading > h4 {
	FONT-SIZE: 19px; letter-spacing:0.05em; word-spacing:0.1em;  
	FONT-WEIGHT: bold;
       	margin-top: 3px; 
       	margin-bottom: 3px; 
}
/* Hver enkelt av sidemenyene / panels */
.cc-sidebar a {
	FONT-SIZE: 20px; letter-spacing:0.05em; 
  	display: block;
    margin-top: -3px; 
    margin-bottom: -3px; 
  	padding-left:  5px;
  	padding-right: 5px;
}
/* Bottom level sidebar */
.cc-panel-body > .nav > li > a {
	/** LINE-HEIGHT: 21px; */
	FONT-SIZE: 19px; 
}
.cc-panel-body {
  background-color: #ffffff;
}
.rod {
	FONT-SIZE: 24px; letter-spacing:1px; word-spacing:2px; font-style: italic; 
	COLOR: #C7355C; 
}
/** .ts { */
	/** FONT-SIZE: 1.6rem; */ 
/** } */
/**
.ts {
	FONT-SIZE: 19px; COLOR: #50453a; LINE-HEIGHT: 21px; padding: 5px; 
*/
/** padding pga prod spm i spørreskjema */ 
/** }
*/
/**
.tsf {
	FONT-SIZE: 18px; 
	COLOR: #807368; 
	LINE-HEIGHT: 22px; 
}
*/
/**
.tn_v {
	FONT-SIZE: 13px; COLOR: #50453a; LINE-HEIGHT: 20px; 
}
.tn_g {
	FONT-SIZE: 13px; COLOR: #50453a; LINE-HEIGHT: 20px; 
}
.tn_y {
	FONT-SIZE: 12pt; COLOR: #50453a; LINE-HEIGHT: 18px; 
}
.tn_r {
	FONT-SIZE: 12pt; COLOR: #50453a; LINE-HEIGHT: 18px; 
}
.tn_b {
	FONT-SIZE: 12pt; COLOR: #50453a; LINE-HEIGHT: 18px; 
}
*/
.ta {
	FONT-SIZE: 13px; COLOR: #90857a; 
	/** LINE-HEIGHT: 20px; */
}
.tn_ul {
	FONT-SIZE: 13px; COLOR: #353022; BORDER-TOP-STYLE: solid; BORDER-BOTTOM: solid; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid
}
.tnul {
	FONT-SIZE: 13px; COLOR: #6f6346; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: underline; BORDER-BOTTOM-STYLE: none
}
.text {
	FONT-SIZE: 16px; COLOR: #353022; FONT-FAMILY: Geneva, Helvetica, Arial, Verdana, sans-serif;
	/** LINE-HEIGHT: 28px; */
	letter-spacing:0.03em; word-spacing:0.1em;
}
.ts_ul {
	FONT-SIZE: 19px; COLOR: #50453a; 
	/** LINE-HEIGHT: 26px; */
	TEXT-DECORATION: underline
}
.tsul {
	FONT-SIZE: 19px; COLOR: #50453a; 
	/** LINE-HEIGHT: 26px; */
	TEXT-DECORATION: underline
}
.ab {
	FONT-SIZE: 19px; COLOR: #96ac8e; 
}
@media screen and (max-width: 600px) {
/** Pga av at 768 ble plukket opp av ipad i landskapsorientering. */
.navbar-collapse {
	 min-height: 320px; 
}
}
@media screen and (max-width: 768px) {
/* Mobile */
body {
	/** font-family: Helvetica,Arial,Lucida,sans-serif!important; */
	/** letter-spacing:0.03em;word-spacing:0.05em; */
	letter-spacing:0.02em;word-spacing:0.04em; 
	font-weight:400;
	-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; 
	/** FONT-SIZE: 2rem; */
	FONT-SIZE: 2.1rem; 
	/** LINE-HEIGHT: 1.8; */
	LINE-HEIGHT: 1.6; 
	/** FONT-SIZE: 18px; */  
}
/**
a:link {
	FONT-SIZE: 2.2rem; 
}
.btn {
	FONT-SIZE: 2.2rem; 
}
*/
.tn {
	FONT-SIZE: 2.1rem; 
	letter-spacing:0.035em;word-spacing:0.05em; 
}
.ts {
	FONT-SIZE: 2.1rem; 
	letter-spacing:0.035em;word-spacing:0.05em; 
}
.navbar-toggle {
	/** added 26apr22 */
	margin-bottom: 0px;
}
.navbar-default {
	padding-bottom: 2px;
}
.navbar-collapse {
     overflow-y: auto; 
     max-height: 270px;
	 background-color: white; 
	 /** min-height: 320px; */
}
.dropdown-menu,
.navbar-nav-dropdown > li {
	/** FONT-SIZE: 2rem; */
	/** LINE-HEIGHT: 4rem; */
}
.cc-front-grid {
    margin-right: 0rem;
}
.svgtextbox {
    margin-left:auto;
    margin-right:auto;
	width:80%;
}
.cc-docs-section {
	margin-left: 15px;
	margin-right: 15px;
}
.cc-front-section {
	padding-right: 10px;
}
.btn {
	/** FONT-SIZE: 20px; */  
    letter-spacing:0.04em; word-spacing:0.07em; 
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"] {
	FONT-SIZE: 20px;  
}
select {
	FONT-SIZE: 19px;  
}
.hll,
.hlgr,
.hlna {
	FONT-SIZE: 28px; 
	/** LINE-HEIGHT: 46px; */ 
}
.hscentre {
	FONT-SIZE: 23px; 
	/** LINE-HEIGHT: 46px; */
}   
h1,
.hl {
	/** FONT-SIZE: 26px; */
	font-size: calc(3.0rem + 1vw);
}
h2,
.hs,
.hscentre {
	/** FONT-SIZE: 26px; */
	font-size: calc(2.8rem + 1vw);
}
.hsp,
.hsl,
.hsg,
.hsgr,
.hlh1,
.hsna,
.hsr {
	/** FONT-SIZE: 3rem; */
	font-size: calc(2.8rem + 1vw);
	/** LINE-HEIGHT: 5rem; */
	/** FONT-SIZE: 23px; LINE-HEIGHT: 30px; */
	margin-top: 3px;
	padding-bottom: 3px;
}   
.hsh3 {
	FONT-SIZE: 21px; 
	/** LINE-HEIGHT: 25px; */
	margin-top: 5px;
	padding-bottom: 5px;
}   
.navbar-nav-dropdown li {
    margin-top:15px; /** Added 28jun21 */
	LINE-HEIGHT: 25px; 
}
/**
label {
	LINE-HEIGHT: 33px; 
}
*/
#cc-sidebar-id.affix {
    position: static;
 	width:100%;
}
.cc-docs-nav .navbar-nav > li > a {
	LINE-HEIGHT: 30px; 
}
.panel-heading > h4 {
	LINE-HEIGHT: 30px; 
}
.cc-sidebar {
 	 margin-top: 0px; 
}
.cc-sidebar a {
       	margin-top: 0px; 
       	margin-bottom: 0px; 
}
.pmenucol {
	/** LINE-HEIGHT: 30px; */ 
	margin-top: 10px;   
	/** margin-bottom: 50px !important;  */
}
.pmenu-img {
	margin-right: 10px; 
}
.rod {
	FONT-SIZE: 26px; 
}
/**
.ts,
.tsm,
.tsf {
	LINE-HEIGHT: 24px; 
}
*/
.cc-header, 
.cc-shop-header {
	background-image: url('/im/header-host6-14-xs.jpg');
}
/* Bottom level sidebar */
.cc-panel-body > .nav > li > a {
	LINE-HEIGHT: 26px;
}
}
@media screen and (min-width: 768px) {
/* Nettbrett ipad stående: sw768sh1024 */
body {
	/** font-family: 'Source Sans Pro',Arial,Helvetica,Lucida,sans-serif!important; */
	/** 10nov22: letter-spacing:0.03em;word-spacing:0.05em; */ 
	letter-spacing:0.035em;word-spacing:0.05em; 
	font-weight:400;
	-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; 
	/** FONT-SIZE: 2rem; */
	/** 10nov22: FONT-SIZE: 1.8rem; */
	/** FONT-SIZE: 1.9rem; */ 
	FONT-SIZE: 1.9rem;  
	/** LINE-HEIGHT: 3rem; */ 
	/** FONT-SIZE: 18px; */  
}
.tn { 
	/** For iPad var font-size på body for generell. En liten størrelse fra Bootstrap slo til i noen tilfeller. Derfor denne spesifiseringen. */
	FONT-SIZE: 1.9rem;  
	letter-spacing:0.035em;word-spacing:0.05em; 
}
.ts {
	FONT-SIZE: 1.9rem;  
	letter-spacing:0.035em;word-spacing:0.05em; 
}
.navbar-collapse {
	padding-left: 0px;
  	background-color: #e4ecd4; /** pga iPad */
	/** min-height: 320px; */
}
.svgtextbox {
    margin-left:auto;
    margin-right:auto;
	width:60%;
}
.cc-menu-rotate {
	-ms-transform: rotate(270deg); 
	-webkit-transform: rotate(270deg); 
	transform: rotate(270deg);
	margin-left: -45px;
}
.cc-docs-section {
	margin-left: 15px;
	margin-right: 15px;
}
.cc-front-section {
	padding-right: 30px;
}
.btn {
	/** FONT-SIZE: 19px; */  
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"] {
	FONT-SIZE: 20px;  
}
select {
	FONT-SIZE: 20px;  
}
.hll,
.hlgr,
.hlh1,
.hlna {
	FONT-SIZE: 28px; 
	/** LINE-HEIGHT: 35px; */
}  
.hsh3 {
	FONT-SIZE: 20px; 
	/** LINE-HEIGHT: 25px; */
}  
h1,
.hl {
	/** FONT-SIZE: 26px; */
	font-size: calc(2.5rem + 1vw);
}
h2,
.hs,
.hscentre {
	/** FONT-SIZE: 26px; */
	font-size: calc(2.3rem + 1vw);
}
.hsp,
.hsl,
.hsg,
.hsgr,
.hsna,
.hsr {
	/** FONT-SIZE: 26px; */
	font-size: calc(2.5rem + 1vw);
	/** LINE-HEIGHT: 32px; */ 
}
.tbgr, 
.tbg, 
.tb {
	FONT-SIZE: 20px; 
	/** LINE-HEIGHT: 26px; */ 
}
.tbr {
	FONT-SIZE: 20px; 
	/** LINE-HEIGHT: 28px; */ 
}
/*
.tn {
	FONT-SIZE: 18px; LINE-HEIGHT: 28px; 
}
*/
.tgr {
	FONT-SIZE:16px; 
	/** LINE-HEIGHT:24px; */ 
   }
.navbar-nav-dropdown li {
	/** FONT-SIZE: 18px; */
	LINE-HEIGHT: 22px; 
	/**
	FONT-SIZE: 2rem;  
 	LINE-HEIGHT:2rem;
	*/
}
/**
label {
	FONT-SIZE: 17px; LINE-HEIGHT: 26px; 
}
*/
.panel-heading > h4 {
	FONT-SIZE: 16px; LINE-HEIGHT: 30px; 
       	margin-top: 5px; 
       	margin-bottom: 5px; 
}
.cc-sidebar {
   	margin-top: 3px;
}
.cc-sidebar a {
	FONT-SIZE: 16px;  
}
#cc-sidebar-id.affix {
    top: 50px;
    max-width:180px; 
}
.pmenucol {
	/** FONT-SIZE: 20px; */
	/** LINE-HEIGHT: 28px; */
}
.pmenu-img {
	margin-right: 8px; 
}
.rod {
	FONT-SIZE: 23px;  
}
/**
.ts {
	FONT-SIZE: 19px; LINE-HEIGHT: 25px; 
}
.tsm,
.tsf {
	FONT-SIZE: 18px; LINE-HEIGHT: 24px; 
}
*/
.cc-header {
  	background-image: url('/im/header-host6-14-sm.jpg');
}
.cc-shop-header {
  	background-image: url('/im/header-host6-14-sm.jpg');
}
/* Bottom level sidebar */
.cc-panel-body > .nav > li > a {
	/** FONT-SIZE: 16px;  */
	/** LINE-HEIGHT: 16px; */
}  
.cc-docs-nav .navbar-nav > li > a {
	/** FONT-SIZE: 20px; */
	/** LINE-HEIGHT: 23px; */ 
}
}
/** @media screen and (min-width: 992px) { */
@media screen and (min-width: 1200px) {
/* Store skjermer */
/** Vær oppmerksom på at iPad gikk hit da min-width var 992px. */ 
.svgtextbox {
    margin-left:auto;
    margin-right:auto;
	width:40%;
}
.tn {
	/** FONT-SIZE: 1.9rem; */ 
	FONT-SIZE: 2rem;  
	letter-spacing:0.035em;word-spacing:0.05em; 
}
.ts {
	/** FONT-SIZE: 1.9rem; */ 
	FONT-SIZE: 2rem;  
	letter-spacing:0.035em;word-spacing:0.05em; 
}
.cc-docs-section {
        margin-left: 30px;
        margin-right: -30px;
}
.cc-front-section {
        padding-right: 40px;
}
.btn {
	/** FONT-SIZE: 18px; */  
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"] {
	FONT-SIZE: 20px;  
}
select {
	FONT-SIZE: 20px;  
}
h1,
.hl {
	/** FONT-SIZE: 26px; */
	font-size: calc(2.5rem + 1vw);
}
h2,
.hs,
.hscentre {
	/** FONT-SIZE: 26px; */
	font-size: calc(2.3rem + 1vw);
}
.hll,
.hlna {
	FONT-SIZE: 35px; 
	/**LINE-HEIGHT: 45px;*/ 
}  
.hscentre,
.hsp,
.hsl,
.hsg,
.hsgr,
.hsna,
.hsr {
	font-size: calc(2.4rem + 1vw);
/**	font-size: calc(1.3rem + 1vw); */
/**	FONT-SIZE: 25px; */
/**	LINE-HEIGHT: 32px; */
}
.tbgr, 
.tbg, 
.tb {
	FONT-SIZE: 19px; 
/**	LINE-HEIGHT: 30px;*/
}  
.tbr {
	FONT-SIZE: 19px; 
/**	LINE-HEIGHT: 28px; */
}  
/**
.tn {
	FONT-SIZE: 19px; LINE-HEIGHT: 33px; 
}
*/
p {
    margin: 0 0 15px;
}
.tgr {
	FONT-SIZE:17px; LINE-HEIGHT:25px; 
   }
.navbar-nav-dropdown li {
	/** LINE-HEIGHT: 28px; */
	/** FONT-SIZE: 19px; */
	/** FONT-SIZE: 2rem; */ 
 	LINE-HEIGHT:2rem;
	letter-spacing:0.07em; word-spacing:0.1em;  
}
/**
label {
	FONT-SIZE: 18px; LINE-HEIGHT: 28px; 
}
*/
.panel-heading > h4 {
	FONT-SIZE: 19px; 
/**	LINE-HEIGHT: 25px; */
}
.cc-sidebar {
       	margin-top: 70px; 
}
.cc-sidebar a {
	FONT-SIZE: 19px; letter-spacing:0.05em; word-spacing:0.1em;  
/**	LINE-HEIGHT: 20px;*/
       	margin-top: -3px; 
       	margin-bottom: -3px; 
  	padding-left:  5px;
  	padding-right: 5px;
}
.cc-panel-body {
	padding-top: 3px;
	padding-bottom: 3px;
}
.pmenucol {
/**	FONT-SIZE: 19px; */
/**	LINE-HEIGHT: 28px; */
}
.pmenu-img {
	margin-right: 5px; 
}
.rod {
	FONT-SIZE: 24px; 
}
/**
.ts {
	FONT-SIZE: 18px; LINE-HEIGHT: 28px; 
}
.tsm {
	FONT-SIZE: 18px; LINE-HEIGHT: 28px; 
}
.tsf {
	FONT-SIZE: 17px; LINE-HEIGHT: 28px; 
}
*/
.cc-header, 
.cc-shop-header {
  	/* sommer ** background-image: url('/im/header-host6-14.jpg'); */ 
  	/* vinter ** background-image: url('/im/header-host7-14.jpg'); */
  	background-image: url('/im/header-host6-14.jpg'); 
}
/* Bottom level sidebar */
.cc-panel-body > .nav > li > a {
/**	LINE-HEIGHT: 21px;*/
	FONT-SIZE: 19px; 
}
.cc-docs-nav .navbar-nav > li > a {
	/** FONT-SIZE: 19px; */
	LINE-HEIGHT: 21px; 
}
}
table.bbtab {
	border:1px solid #dedede;
	border-collapse:collapse
}
.bbtab td {
	border: 1px solid #dedede;
	padding: 5px;
}
.bbtab th {
	border: 1px solid #dedede;
	padding: 5px;
}
#slideshow { 
	height: 100%; 
    	margin: 0px auto;
}
.img-responsive {
    margin: 0px auto;
    /* sentrere */
}
/* Tabs */
#nav { 
	width: 340px;
    	margin: 0px auto; 
    	padding: 0px;
}
#nav li { width: 50px; height: 50px; float: left; margin: 8px; list-style: none;   }
#nav a:focus { outline: none; }
#nav img { border: none; display: block; margin-left:auto;
	margin-right:auto;
}
.gr {
        COLOR: #7b7159;
}
a {
	outline: 0;
}
.ui-tabs-vertical {margin-top: 0em; }
.ui-tabs-vertical .ui-tabs-nav { margin-top: 0em; padding: .2em .1em .2em .2em; width: 100%; }
.ui-tabs-vertical .ui-tabs-nav li { width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; width: 100%; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; COLOR: #7b7159; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; }
.ui-tabs-panel p {
        margin-top: 0em;
}
.cc-bg-white {
	background-color: #ffffff;
}
.cc-head-link {
	COLOR: #809160; TEXT-DECORATION: none;
	text-vertical-align: bottom;
	margin-bottom:  0px;
	padding-bottom:  0px;
}
.story-img {
	margin: 5px; 
}
.pmenu-img-ms {
	margin-right: 5px; 
	clear:both; 
        float: left !important;
	width:50px;
}
.prod-img {
	padding-right: 5px; 
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
.tx-c {
	text-align: center;
        margin-top: 7px;
        margin-bottom: 7px;
}
.tx-r {
	text-align: right;
}
.tx-l {
	text-align: left;
}
.cc-docs-section > p {
        margin-top: 5px;
        margin-bottom: 7px;
}
.keep-t {
  	display: inline;
	white-space:nowrap;
}
.bg-red {
	border: 1px solid rgb(255, 204, 187);
  	background-color: #ffeee8; 
	border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;
}
.bg-green {
	border: 1px solid rgb(208,237,210); 
  	background-color: #e9F3dc; 
	border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;
	padding: 5px;
}
.bg-yellow {
	/** border: 1px solid  #FDF3D5; Blir ikke avrundet i Chrome på Windows 10 */
  	background-color: rgba(251, 247, 239, 1); 
  	/** background: rgba(251, 247, 239, 1); */
  	/** background-color: #fefaed; 
  	background: #fefaed; 
	*/
	padding: 10px;
	border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;
}
.bg-white {
	border: 1px solid  #FDFdfd;
  	background-color: #ffffff; 
  	background: #ffffff; 
	padding: 3px;
	border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;
}
table.bbtab {
	border:1px solid #dedede;
	border-collapse:collapse
}
table.story-table {
	padding: 5;
	margin: 5;
}
.navbar-custom .navbar-nav > li > a {
	color:#fff;
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
	color: #ffffff;
	background-color:transparent;
}
.navbar-custom .navbar-brand {
	color:#91a36e;
}
figure {
	position: relative;
	overflow: hidden;
}
figcaption {
	position: absolute;
	background: white;
	background: rgba(255,255,255,0.75);
	color: black;
	padding: 10px 20px;
	TEXT-ALIGN: center;
	font-style:italic;
	opacity: 0;
	-webkit-transition: all 0.6s ease;
	-moz-transition:    all 0.6s ease;
	-o-transition:      all 0.6s ease;
}
figure:hover figcaption {
	opacity: 1;
}
figure:before {
	content: ">";
	position: absolute;
	font-weight: 800;
	background: black;
	background: rgba(255,255,255,0.75);
	text-shadow: 0 0 5px white;
	COLOR: #Cf095E; 
	width: 24px;
	height: 24px;
	-webkit-border-radius: 12px;
	-moz-border-radius:    12px;
	border-radius:         12px;
	text-align: center;
	font-size: 14px;
/**	line-height: 24px;*/
	-moz-transition: all 0.6s ease;
	opacity: 0.75;
}
figure:hover:before {
	opacity: 0;
}
.cap-left:before {  bottom: 10px; left: 10px; }
.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }
.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }
.cap-top:before { top: 10px; left: 10px; }
.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }
.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: 0; bottom: -30%;}
.cap-bot:hover figcaption { bottom: 0; }
.divmiddle {
	vertical-align: middle;
	display:flex;justify-content:center;align-items:center;
}
section {
	min-height: 300px;
	height: auto !important;
	height: 100%; 
	/** padding-top:180px; 22des23 */
	padding-top:80px;
	margin-bottom:20px;
	margin-top:20px;
} 
@media screen and (max-width: 992px) {
section {
	min-height: 500px;
	padding-top:340px;
}
}
.bg-capt {
	-webkit-border-radius: 9px;
	-moz-border-radius:    9px;
	border-radius:         9px;
	padding:12px;
	background-color:rgba(255,255,255,0.75)
}
.bg-kompost,
.bg-insekt,
.bg-organic,
.bg-moden,
.bg-naturlig,
.bg-handklaer,
.bg-kjemikalier,
.bg-cottonmill,
.bg-cottontransp,
.bg-cottonsouth {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.bg-kompost {
	background: url('/im/okologisk-kompost.jpg') no-repeat center center fixed; 
}
@media screen and (max-width: 992px) {
.bg-kompost {
	background: url('/im/okologisk-kompost-s.jpg');
}
}
.bg-insekt {
	background: url('/im/insekter.jpg') no-repeat center center fixed; 
}
@media screen and (max-width: 992px) {
.bg-insekt {
	background: url('/im/insekter.jpg'); 
}
}
.bg-organic {
	background: url('/im/organic.jpg') no-repeat center center fixed; 
}
@media screen and (max-width: 992px) {
.bg-organic {
	background: url('/im/organic-s.jpg'); 
}
}
.bg-moden {
	background: url('/im/moden-bomull.jpg') no-repeat center center fixed; 
}
@media screen and (max-width: 992px) {
.bg-moden {
	background: url('/im/moden-bomull-s.jpg'); 
}
}
.bg-naturlig {
	background: url('/im/naturlig.jpg') no-repeat center center fixed; 
}
@media screen and (max-width: 992px) {
.bg-naturlig {
	background: url('/im/21093b-l.jpg'); 
}
}
.bg-handklaer {
	background: url('/im/handklaer.jpg') no-repeat center center fixed; 
	background-attachment: fixed;
}
@media screen and (max-width: 992px) {
.bg-handklaer {
	background: url('/im/9603-l.jpg'); 
}
}
.bg-kjemikalier {
	background: url('/im/kjemikalier-freeimages-com.jpg') no-repeat center center fixed; 
	background-attachment: fixed;
}
@media screen and (max-width: 992px) {
.bg-kjemikalier {
	background: url('/im/kjemikalier-freeimages-com.jpg'); 
}
}
.bg-cottonmill {
	background: url('/im/Cottonmill-Tashkent-1905-15.jpg') no-repeat center center fixed; 
	background-attachment: fixed;
}
@media screen and (max-width: 992px) {
.bg-cottonmill {
	background: url('/im/Cottonmill-Tashkent-1905-15.jpg'); 
}
}
.bg-cottontransp {
	background: url('/im/Bundesarchiv-Bremen-Schiff.jpg') no-repeat center center fixed; 
	background-attachment: fixed;
}
@media screen and (max-width: 992px) {
.bg-cottontransp {
	background: url('/im/Bundesarchiv-Bremen-Schiff.jpg'); 
}
}
.bg-cottonsouth {
	background: url('/im/CottonNegrosSouth.jpg') no-repeat center center fixed; 
	background-attachment: fixed;
}
@media screen and (max-width: 992px) {
.bg-cottonsouth {
	background: url('/im/CottonNegrosSouth.jpg'); 
}
}
/**
.divider {
	height: 0px;
	width:50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 25px;
	background-color: #ffffff;
	border-top: 3px dotted #e9F3dc;
	color: #40352a;
}
*/
.v-img-rounded {
	border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
.svgbox svg {
	/* width:100%;
	height:100%;*/
	display: block;
	margin: auto;
	/** 09dec25: margin-top: 25px; */
	margin-top: 65px;
	margin-bottom: 10px;
}
path {
/* fill:#5075B1; */
	fill:#899579;
}

@media screen and (min-width: 768px) {
.element-valign {
	position: relative;
  	top: 50%;
  	transform: perspective(1px) translateY(50%);
	-webkit-transform: translateY(50%);
  	-ms-transform: translateY(50%);
}
}
.tCircle {
   border-radius: 50%;
   width: 36px;
   height: 36px;
   padding: 4px;
   margin: 2px;
   background: #fff;
   border: 2px solid #666;
   text-align: center;
}
.frontCircle {
   border-radius: 50%;
   width: 170px;
   height: 170px;
   padding: 4px;
   margin: 2px;
   background: #fff;
   border: 2px solid #BBC7A1;
   text-align: center;
}
.frontCircle2 {
   border-radius: 25%;
   width: 170px;
   height: 170px;
   padding: 4px;
   margin: 2px;
   background: #fff;
   border: 2px solid #BBC7A1;
   text-align: center;
}
@media screen and (max-width: 1400px) {
.imgDiv {
	margin-top: 12%;
}
}
.front-deco {
  	/** border: 4px dotted #e1ecd3; */
	border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;
}


.divider {
    height: 1rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.cookie-consent-banner {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f8f9fa;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    color: black;
    padding: 15px;
    font-size: 14px;
    text-align: center;
    z-index: 1000;
}

.cookie-consent-button {
    border: none;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
}

.cookie-consent-button:hover {
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
}

.cookie-consent-button:active {
    opacity: .5;
}

.cookie-consent-button.btn-success {
    background-color: #34a853;
    color: white;
}

.cookie-consent-button.btn-grayscale {
    background-color: #dfe1e5;
    color: black;
}

.cookie-consent-button.btn-outline {
    background-color: #e6f4ea;
    color: #34a853;
}

.cookie-consent-options {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.cookie-consent-options label {
    margin: 0 10px;
    font-size: 14px;
}

.cookie-consent-options input {
    margin-right: 5px;
}

