/* ==========================================================================
   tannhelse.no — stilark gjenoppbygd fra eSite-originalen (#27778).
   GENERERT av Esite2JsonTool/sites/tannhelse.no/build-css.mjs — varige tillegg i style-extra.css.
   ========================================================================== */

/* ---- PT Sans (var Google Fonts, nå selvhostet) ---- */
@font-face { font-family:'PT Sans'; font-style:normal; font-weight:400; src:url(fonts/pt-sans-400.ttf) format('truetype'); }
@font-face { font-family:'PT Sans'; font-style:normal; font-weight:700; src:url(fonts/pt-sans-700.ttf) format('truetype'); }

/* ---- css_styles 15166 ---- */
a  { Color:#67ABAC; }
a:hover  { Color:#67ABAC;Text-decoration:underline; }
.a  { Color:#67ABAC; }
.itemheader, h1  { Color:#1C1C1C;Font-family:'PT Sans', sans-serif;Font-size:2.3em;Text-decoration:none; }
.itemintroduction {  }
.itembody {  }
.itemdate {  }
.htmlformlabel, .EditorLabel {}
body { Color:#444444;Font-family:'PT Sans', sans-serif;Font-size:17px; }
.itemimagestyle {  }
.FolderItemCell {  }
.imagepreviewstyle {  }
.itempreviewheader, h2  { Color:#1C1C1C;Font-family:'PT Sans', sans-serif;Font-size:1.3em;Text-decoration:none;Line-height:1em;Margin-top:4px; }
.itempreviewintro {  }
.itempricelabel {  }
.itemprice {  }
.itemopenlink, .EsiteActionLink, .ESiteActionLink {  }
.itemopenlink:hover, .EsiteActionLink:hover, .ESiteActionLink:hover {  }
.itemopenlink {  }
.PageSelectorCell {  }
.PageSelectorCell a, .PageSelectorCell span {  }
.PageSelectorCell table { width:100%; }
.PageSelectorCell table td.PagesCell { width:100%; }
.ColorBoxImage {}
.HVInput ESiteTextBox,

{
  color:#555555 !important;
}

.gallerybox
{
    width:100%;
}

.bildegalleribilde
{
 float:left;
    
}

.aquarethumb
{
width:40%;
height:200px;
object-fit:cover;    
  margin-left:15px;
   margin-right:15px;
  margin-top:30px;
  opacity:0.80;
  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.aquarethumb:hover
{

  opacity:0.95 !important;

}

.utdannelse
{

font-size:80%;
}

h3
{
color:#67abac !important;
font-size:1.4em;
}

h4
{
color:#67abac !important;
font-weight:700;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.linkhand
{
cursor:pointer;
}

a.fb-btn
{
	font-weight:400;
  font-size:1.65em;
	color:#fff;
  width:90%;
  max-width:300px;
	position:relative;
	margin-top:15px;
  border-radius:5px;
	display:inline-block;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:#3B5998;
	text-decoration:none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	
}

a.fb-btn:hover
{
	
	background-color:#30497e;
  cursor:pointer;
}

.single-photo__gradient-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 999;
    background: transparent;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, transparent 30%, transparent 70%, rgba(0,0,0,0.7) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, transparent 30%, transparent 70%, rgba(0,0,0,0.7) 100%);
}

.seksti
{
 min-height:500px; 
content-align:center;
  text-align:center;
}

.prevtekstholder
{
margin-left:auto;
  margin-right:auto;
  float:none;
}

.clearfix:before,
.clearfix:after
{
content: " ";
display: block;
}

.clearfix:after
{
clear:both;
}

a h2:hover
  {
  	     color:#67abac !important;
    text-decoration:none !important;
    }

.fargestrek
{
width:100px;
height:2px;
background:#67abac;
}

.graastrek
{
width:60px;
height:2px;
background:#cccccc;  
}

.iframe-container
{
    position: relative;
  padding-bottom: 58%;
    padding-top: 0px; height: 0; overflow: hidden;
}
 
.iframe-container iframe,
.iframe-container object,
.iframe-container embed
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slidetekstholder
{
	color:#ffffff !important;
	position: absolute;
	top: 42%;
	left: 50%;
	width: 50%;
	margin: auto;
	text-align: center;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	
}

.flexbox-container
{
  padding: 20px;
    background: #eee;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.mappeintroduction
{
	  font-size:1.3em;
	  line-height:1.5em;
	font-weight:400;
	
}
#SkjemaDiv iframe
{
	width:100%;
	  height:720px; /* Docly: 600px i eSite — +Turnstile-widgeten og plass til feilmeldingen fra skjema.js */
	float:none;
	overflow: visible !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
	margin-left:auto;
	margin-right:auto;
	-webkit-overflow-scrolling: none;
	
}

#BildeDiv img
{
	height: auto;
	 width:100%;
}

.kontaktheading
{
		  font-size:2.2em;
	  line-height:1.2em;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:30px;
	  
}
.bildetekst
{
	color:#ffffff;
		font-size:4vw;
	text-decoration:none;
	
}

	   

.bildeheading
{
		  font-size:1.6em;
	  line-height:1.4em;
	color:#fff;
	text-transform:uppercase;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); 
} 

.btn-bilde a
{
	
	  font-weight:400;
  font-size:0.7em;
	  text-transform: uppercase;
	color:#ffffff;
	position:relative;
	margin-top:10px;
	display:inline-block;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	border:1px;
	border-color:#ffffff;
	border-style:solid;
  border-radius:2px;
	text-decoration:none;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	
}

.btn-bilde a:hover
{
	  color:#67abac;
	text-decoration:none;
	background-color:#fff;
	
}

.btn-bilde-positiv a
{
	
	  font-weight:400;
  font-size:0.7em;
	  text-transform: uppercase;
	color:#67abac;
	position:relative;
	margin-top:10px;
	display:inline-block;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	border:1px;
	border-color:#67abac;
	border-style:solid;
  border-radius:2px;
	text-decoration:none;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	
}

.btn-bilde-positiv a:hover
{
	  color:#fff;
	text-decoration:none;
	background-color:#67abac;
	
}

.btn-bestill a
{
	
	  font-weight:400;
  font-size:0.7em;
	  text-transform: uppercase;
	color:#fff;
  background-color:#67abac;
	position:relative;
	margin-top:10px;
	display:inline-block;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	border:1px;
	border-color:#67abac;
	border-style:solid;
  border-radius:2px;
	text-decoration:none;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	
}

.btn-bestill a:hover
{
	  color:#fff;
	text-decoration:none;
	background-color:#67abac;
	
}

#HeaderHolder
{
	position:relative;
top:auto;
 	}
 

a.prevbtn
{
	  font-weight:400;
  font-size:1em;
	  text-transform: uppercase;
	color:#ffffff ;
	position:relative;
	margin-top:20px;
	display:inline-block;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 16px;
	padding-bottom: 16px;
	border:1px;
  border-radius:5px;
	border-color:#ffffff;
	border-style:solid;
	text-decoration:none;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	
}
  
a.prevbtn:hover
{
	  color:#67abac;
	text-decoration:none;
	background-color:#fff;
	
}

#DisplayUnderside, #KartHolder
  {
  margin-top:0px;
  }

#RespSlide
{
		padding-top:0px;

}

.slideramme
{
height:65vh;
min-height:200px;
max-height:250px;
border-bottom:5px solid #BEDFC1;
} 

@media  (min-width: 768px){
  
  .aquarethumb
{
width:30%;
height:200px;  

}

.slideramme
{
height:65vh;
min-height:200px;
max-height:780px;
border-bottom:5px solid #BEDFC1;
} 
  
  
 
  
  
  #DisplayUnderside, #KartHolder
  {
  margin-top:94px;
  }
  
  
  
  
.iframe-container
{
    position: relative;
  padding-bottom: 30%;
    padding-top: 0px; height: 0; overflow: hidden;
}
  
  
  
  #HeaderHolder
{
	
	   position:fixed;
top:0px;
	z-index:999;
  -webkit-transform: translateZ(0);
} 
  
  

#RespSlide
{
		padding-top:90px;

}
  
 
  
.btn-bilde a
{
	
	  font-weight:400;
  font-size:1em;
	  text-transform: uppercase;
	color:#ffffff ;
	position:relative;
	margin-top:20px;
	display:inline-block;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 16px;
	padding-bottom: 16px;
	border:1px;
  border-radius:5px;
	border-color:#ffffff;
	border-style:solid;
	text-decoration:none;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);

}
  
.btn-bilde a:hover
{
	  color:#5FB0B8;
	text-decoration:none;
	background-color:#fff;
	
}
  
  
  .btn-bilde-positiv a
{
	
	  font-weight:400;
  font-size:1em;
	  text-transform: uppercase;
	color:#5FB0B8 ;
	position:relative;
	margin-top:20px;
	display:inline-block;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 16px;
	padding-bottom: 16px;
	border:1px;
  border-radius:5px;
	border-color:#5FB0B8;
	border-style:solid;
	text-decoration:none;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
 
}
  
.btn-bilde-positiv a:hover
{
	  color:#fff;
	text-decoration:none;
	background-color:#5FB0B8;
	
}
  
    .btn-bestill a
{
	
	  font-weight:400;
  font-size:1em;
	  text-transform: uppercase;
	color:#fff ;
   background-color:#67abac;
	position:relative;
	margin-top:15px;
	display:inline-block;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	border:1px;
  border-radius:5px;
	border-color:#5FB0B8;
	border-style:solid;
	text-decoration:none;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
 
}
  
.btn-bestill a:hover
{
	  color:#fff;
	text-decoration:none;
	background-color:#5FB0B8;
	
}
  
  
  
.bildeheading
{
	
	  font-size:3em;
	  
	color:#fff;
	text-transform:uppercase;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); 
}  
  
  

.bildeintroduction
{
	font-size:1.3em;
	  line-height:1.5em;
	font-weight:400;
	color:#ffffff !important;
	margin-bottom:30px;
	  
}

  
 
  

  
}

/* ---- body (eSite skrev dette som inline <style> i <head>) ---- */
body {Min-Height:100%;Background-color:#FFFFFF;Padding-top:0px;Padding-left:0px;Padding-right:0px;Padding-bottom:0px;Margin-top:0px;Margin-left:0;Margin-right:0;Margin-bottom:0px;}

/* ---- styles_xhtml_menu 1249 ---- */
.xm1249 .xi a
{ 
Color:#333333;
Font-size:1.1em;
Text-decoration:none;
Display:block;
Padding-top:12px;
Padding-bottom:4px;
Margin-left:15px;

}
.xm1249 .xi a:hover, .xm1249 .xi:hover a
{ 
Color:#1C1C1C;Display:block;Background-color:#FFFFFF;Border-bottom-width:1px;Border-bottom-style:Solid;Border-bottom-color:#67ABAC;
}
.xm1249 .sub a
{ 

}
.xm1249 .sel a
{ 
Color:#1C1C1C;Display:block;Border-bottom-width:1px;Border-bottom-style:Solid;Border-bottom-color:#67ABAC;
}
.xm1249 .subsel a
{ 
Color:#1C1C1C;Display:block;Border-bottom-width:1px;Border-bottom-style:Solid;Border-bottom-color:#67ABAC;
}
.xm1249 .xi
{ 
Float:Left;
}
.xm1249 .xi:hover
{ 
Background-color:#FFFFFF;
}
.xm1249 .sub
{ 

}
.xm1249 .sel
{ 

}
.xm1249 .subsel
{ 

}
.xm1249 .sep
{ 
Display:none;
}
.xm1249
{ 
Padding-top:0px;Padding-left:0px;Padding-right:0px;Padding-bottom:0px;Margin-top:0px;Margin-left:0px;Margin-right:0px;Margin-bottom:0px;
}
.xmindent1249
{ 
Float:Left;Width:16px;
}


/* ---- styles_xhtml_menu 1248 ---- */
.xm1248 .xi a
{ 
Color:#000000;Font-family:Arial;Text-decoration:none;Display:block;Padding-top:8px;Padding-left:16px;Padding-right:16px;Padding-bottom:8px;
}
.xm1248 .xi a:hover, .xm1248 .xi:hover a
{ 
Text-decoration:underline;
}
.xm1248 .sub a
{ 

}
.xm1248 .sel a
{ 
Font-weight:bold;
}
.xm1248 .subsel a
{ 

}
.xm1248 .xi
{ 

}
.xm1248 .sub
{ 

}
.xm1248 .sel
{ 
Background-color:#FFFFFF;
}
.xm1248 .subsel
{ 

}
.xm1248 .sep
{ 
Display:none;
}
.xm1248
{ 
Width:150px;Background-color:#EEEEEE;Margin-top:0px;Margin-left:0px;Margin-right:0px;Margin-bottom:0px;Border-top-width:1px;Border-top-style:Solid;Border-top-color:#000000;Border-left-width:1px;Border-left-style:Solid;Border-left-color:#000000;Border-right-width:1px;Border-right-style:Solid;Border-right-color:#000000;Border-bottom-width:1px;Border-bottom-style:Solid;Border-bottom-color:#000000;
}
.xmindent1248
{ 
Padding-left:16px;
}


/* ---- Css_layout_styles 1227 (scopet til .pt-1227) ---- */
.pt-1227 #HeaderHolder {Clear:Both; Width:100%; Background-color:#FFFFFF; Padding-top:14px; Margin-top:0px; Margin-bottom:0px; Border-bottom-width:5px; Border-bottom-style:Solid; Border-bottom-color:#BEDFC1; Box-shadow:0px 1px 2px 0px rgba(0,0,0, 0.1); -moz-box-shadow:0px 1px 2px 0px rgba(0,0,0, 0.1); -webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0, 0.1);}
.pt-1227 #Header {Clear:Both; Background-color:#FFFFFF; Padding-bottom:8px;}
.pt-1227 #LogoDiv {Width:60%; Max-Width:280px; Padding-right:10px; Padding-bottom:4px; Margin-top:-4px;}
.pt-1227 #bestill_knapp {Float:Right; Margin-top:-10px; Margin-left:20px;}
.pt-1227 #Menu {Float:Right;}
.pt-1227 #DropBtn {Margin-top:10px;}
.pt-1227 #span1 {Margin-bottom:5px;}
.pt-1227 #span12 {Margin-bottom:5px;}
.pt-1227 #span122 {Margin-bottom:5px;}
.pt-1227 #MenuClear {Clear:Both;}
.pt-1227 #Xs-menu-holder {Clear:Both; Width:100%; Position:Absolute; Z-index:999; Background-color:#339999; Padding-bottom:-20px;}
.pt-1227 #Xs-menu {Display:none; Padding-top:0px; Padding-bottom:0px; Margin-left:-15px; Margin-bottom:0px;}
.pt-1227 #Div2 {Clear:Both;}
.pt-1227 #Page {Clear:Both; Margin-left:auto; Margin-right:auto;}
.pt-1227 #BildeDiv {Padding-bottom:0px; Margin-bottom:0px;}
.pt-1227 #RespSlide {Float:None; Clear:Both; Padding-left:0px; Padding-right:0px; Margin-left:auto; Margin-right:autopx; Color:#FFFFFF;}
.pt-1227 #Div3 {Clear:Both;}
.pt-1227 #Display {Clear:Both; Text-align:Center; Background-color:#FFFFFF; Padding-top:30px; Padding-bottom:25px;}
.pt-1227 #Telefondiv {Padding-top:0px; Padding-bottom:55px; Color:#67ABAC; Border-top-width:0px; Border-bottom-width:0px;}
.pt-1227 #GruppebildeHolder {Float:None; Width:100%; Text-align:Center; Padding-left:0px; Padding-right:0px; Padding-bottom:0px; Margin-left:auto; Margin-right:auto; Margin-bottom:-60px;}
.pt-1227 #Gruppebilde {Margin-left:auto; Margin-right:auto;}
.pt-1227 #TjenesteDiv {Clear:Both; Text-align:Center; Padding-top:40px; Padding-bottom:30px;}
.pt-1227 #KontaktomradeHolder {Background-color:#339999; Padding-top:50px; Padding-bottom:20px;}
.pt-1227 #Kontaktholder {Color:#FFFFFF;}
.pt-1227 #KontaktTekst {Float:None; Text-align:Center; Margin-left:auto; Margin-right:auto; Margin-bottom:40px;}
.pt-1227 #Div1 {Clear:Both; Height:1px; opacity:0.5; Margin-left:15px; Margin-right:15px; Margin-bottom:20px; Border-bottom-width:1px; Border-bottom-style:Solid; Border-bottom-color:#FFFFFF;}
.pt-1227 #SkjemaDiv {Color:#FFFFFF;}
.pt-1227 #SpaceDiv {Height:50px; Text-align:Left;}
.pt-1227 #Kontaktinfo {Text-align:Left; Color:#FFFFFF;}
.pt-1227 #SpaceDiv2 {Height:40px; Text-align:Left;}
.pt-1227 #Footer {Clear:Left; Text-align:Center; Background-color:#EBEBEB; Padding-top:15px; Padding-left:0px; Padding-right:0px; Padding-bottom:24px; Margin-left:0px; Margin-right:0px; Font-size:15px; Border-top-color:#B2B2B2;}
.pt-1227 #FB_follow {Margin-bottom:20px;}
.pt-1227 #bg {Clear:Both; Padding-top:0px; Padding-left:0px; Padding-right:0px; Padding-bottom:0px; Margin-top:0px; Margin-left:0px; Margin-right:0px; Margin-bottom:0px;}

/* ---- Css_layout_styles 17256 (scopet til .pt-17256) ---- */
.pt-17256 #HeaderHolder {Clear:Both; Width:100%; Background-color:#FFFFFF; Padding-top:14px; Margin-top:0px; Margin-bottom:0px; Border-bottom-width:5px; Border-bottom-style:Solid; Border-bottom-color:#BEDFC1; Box-shadow:0px 1px 2px 0px rgba(0,0,0, 0.1); -moz-box-shadow:0px 1px 2px 0px rgba(0,0,0, 0.1); -webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0, 0.1);}
.pt-17256 #Header {Clear:Both; Background-color:#FFFFFF; Padding-bottom:8px;}
.pt-17256 #LogoDiv {Width:60%; Max-Width:280px; Padding-right:10px; Padding-bottom:4px; Margin-top:-4px;}
.pt-17256 #bestill_knapp {Float:Right; Margin-top:-10px; Margin-left:20px;}
.pt-17256 #Menu {Float:Right;}
.pt-17256 #DropBtn {Margin-top:10px;}
.pt-17256 #span1 {Margin-bottom:5px;}
.pt-17256 #span12 {Margin-bottom:5px;}
.pt-17256 #span122 {Margin-bottom:5px;}
.pt-17256 #MenuClear {Clear:Both;}
.pt-17256 #Xs-menu-holder {Clear:Both; Width:100%; Position:Absolute; Z-index:999; Background-color:#339999; Padding-bottom:-20px;}
.pt-17256 #Xs-menu {Display:none; Padding-top:0px; Padding-bottom:0px; Margin-left:-15px; Margin-bottom:0px;}
.pt-17256 #Div2 {Clear:Both;}
.pt-17256 #Page {Float:None; Clear:Both; Width:100%; Padding-top:50px; Padding-left:0px; Padding-right:0px; Padding-bottom:0px;}
.pt-17256 #DisplayUnderside {Clear:Both; Background-color:#FFFFFF; Padding-top:10px; Padding-bottom:80px;}
.pt-17256 #Kontakt {Clear:Both;}
.pt-17256 #KontaktomradeHolder {Background-color:#339999; Padding-top:50px; Padding-bottom:20px;}
.pt-17256 #Kontaktholder {Color:#FFFFFF;}
.pt-17256 #KontaktTekst {Float:None; Text-align:Center; Margin-left:auto; Margin-right:auto; Margin-bottom:40px;}
.pt-17256 #Div1 {Clear:Both; Height:1px; opacity:0.5; Margin-left:15px; Margin-right:15px; Margin-bottom:20px; Border-bottom-width:1px; Border-bottom-style:Solid; Border-bottom-color:#FFFFFF;}
.pt-17256 #SkjemaDiv {Color:#FFFFFF;}
.pt-17256 #SpaceDiv {Height:50px; Text-align:Left;}
.pt-17256 #Kontaktinfo {Text-align:Left; Color:#FFFFFF;}
.pt-17256 #SpaceDiv2 {Height:40px; Text-align:Left;}
.pt-17256 #FooterHolder {Clear:Both;}
.pt-17256 #Footer {Clear:Left; Text-align:Center; Background-color:#EBEBEB; Padding-top:15px; Padding-left:0px; Padding-right:0px; Padding-bottom:24px; Margin-left:0px; Margin-right:0px; Font-size:15px; Border-top-color:#B2B2B2;}
.pt-17256 #FB_follow {Margin-bottom:20px;}
.pt-17256 #Div1 {Clear:Both; Height:0px; Background-color:#EBEBEB; Padding-top:0px; Padding-bottom:0px; Margin-top:0px; Margin-bottom:0px;}

/* ---- Css_layout_styles 18748 (scopet til .pt-18748) ---- */
.pt-18748 #HeaderHolder {Clear:Both; Width:100%; Background-color:#FFFFFF; Padding-top:14px; Margin-top:0px; Margin-bottom:0px; Border-bottom-width:5px; Border-bottom-style:Solid; Border-bottom-color:#BEDFC1; Box-shadow:0px 1px 2px 0px rgba(0,0,0, 0.1); -moz-box-shadow:0px 1px 2px 0px rgba(0,0,0, 0.1); -webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0, 0.1);}
.pt-18748 #Header {Clear:Both; Background-color:#FFFFFF; Padding-bottom:8px;}
.pt-18748 #LogoDiv {Width:60%; Max-Width:280px; Padding-right:10px; Padding-bottom:4px; Margin-top:-4px;}
.pt-18748 #bestill_knapp {Float:Right; Margin-top:-10px; Margin-left:20px;}
.pt-18748 #Menu {Float:Right;}
.pt-18748 #DropBtn {Margin-top:10px;}
.pt-18748 #span1 {Margin-bottom:5px;}
.pt-18748 #span12 {Margin-bottom:5px;}
.pt-18748 #span122 {Margin-bottom:5px;}
.pt-18748 #MenuClear {Clear:Both;}
.pt-18748 #Xs-menu-holder {Clear:Both; Width:100%; Position:Absolute; Z-index:999; Background-color:#339999; Padding-bottom:-20px;}
.pt-18748 #Xs-menu {Display:none; Padding-top:0px; Padding-bottom:0px; Margin-left:-15px; Margin-bottom:0px;}
.pt-18748 #Div2 {Clear:Both;}
.pt-18748 #Page {Float:None; Clear:Both; Width:100%; Padding-top:0px; Padding-left:0px; Padding-right:0px; Padding-bottom:0px;}
.pt-18748 #KartHolder {Clear:Both; Background-color:#FFFFFF;}
.pt-18748 #Kontakt {Clear:Both; Margin-top:0px;}
.pt-18748 #KontaktomradeHolder {Background-color:#339999; Padding-top:50px; Padding-bottom:20px;}
.pt-18748 #Kontaktholder {Color:#FFFFFF;}
.pt-18748 #KontaktTekst {Float:None; Text-align:Center; Margin-left:auto; Margin-right:auto; Margin-bottom:40px;}
.pt-18748 #Div1 {Clear:Both; Height:1px; opacity:0.5; Margin-left:15px; Margin-right:15px; Margin-bottom:20px; Border-bottom-width:1px; Border-bottom-style:Solid; Border-bottom-color:#FFFFFF;}
.pt-18748 #SkjemaDiv {Color:#FFFFFF;}
.pt-18748 #SpaceDiv {Height:50px; Text-align:Left;}
.pt-18748 #Kontaktinfo {Text-align:Left; Color:#FFFFFF;}
.pt-18748 #SpaceDiv2 {Height:40px; Text-align:Left;}
.pt-18748 #FooterHolder {Clear:Both;}
.pt-18748 #Footer {Clear:Left; Text-align:Center; Background-color:#EBEBEB; Padding-top:15px; Padding-left:0px; Padding-right:0px; Padding-bottom:24px; Margin-left:0px; Margin-right:0px; Font-size:15px; Border-top-color:#B2B2B2;}
.pt-18748 #FB_follow {Margin-bottom:20px;}
.pt-18748 #Div1 {Clear:Both; Height:0px; Background-color:#EBEBEB; Padding-top:0px; Padding-bottom:0px; Margin-top:0px; Margin-bottom:0px;}

/* ---- Css_layout_styles 33155 (scopet til .pt-33155) ---- */
.pt-33155 #HeaderHolder {Clear:Both; Width:100%; Background-color:#FFFFFF; Padding-top:14px; Margin-top:0px; Margin-bottom:0px; Border-bottom-width:5px; Border-bottom-style:Solid; Border-bottom-color:#BEDFC1; Box-shadow:0px 1px 2px 0px rgba(0,0,0, 0.1); -moz-box-shadow:0px 1px 2px 0px rgba(0,0,0, 0.1); -webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0, 0.1);}
.pt-33155 #Header {Clear:Both; Background-color:#FFFFFF; Padding-bottom:8px;}
.pt-33155 #LogoDiv {Width:60%; Max-Width:280px; Padding-right:10px; Padding-bottom:4px; Margin-top:-4px;}
.pt-33155 #bestill_knapp {Float:Right; Margin-top:-10px; Margin-left:20px;}
.pt-33155 #Menu {Float:Right;}
.pt-33155 #DropBtn {Margin-top:10px;}
.pt-33155 #span1 {Margin-bottom:5px;}
.pt-33155 #span12 {Margin-bottom:5px;}
.pt-33155 #span122 {Margin-bottom:5px;}
.pt-33155 #MenuClear {Clear:Both;}
.pt-33155 #Xs-menu-holder {Clear:Both; Width:100%; Position:Absolute; Z-index:999; Background-color:#339999; Padding-bottom:-20px;}
.pt-33155 #Xs-menu {Display:none; Padding-top:0px; Padding-bottom:0px; Margin-left:-15px; Margin-bottom:0px;}
.pt-33155 #Div2 {Clear:Both;}
.pt-33155 #Page {Float:None; Clear:Both; Width:100%; Padding-top:50px; Padding-left:0px; Padding-right:0px; Padding-bottom:0px;}
.pt-33155 #DisplayUnderside {Clear:Both; Background-color:#FFFFFF; Padding-top:10px; Padding-bottom:80px;}
.pt-33155 #Kontakt {Clear:Both;}
.pt-33155 #KontaktomradeHolder {Background-color:#339999; Padding-top:50px; Padding-bottom:20px;}
.pt-33155 #Kontaktholder {Color:#FFFFFF;}
.pt-33155 #KontaktTekst {Float:None; Text-align:Center; Margin-left:auto; Margin-right:auto; Margin-bottom:40px;}
.pt-33155 #Div1 {Clear:Both; Height:1px; opacity:0.5; Margin-left:15px; Margin-right:15px; Margin-bottom:20px; Border-bottom-width:1px; Border-bottom-style:Solid; Border-bottom-color:#FFFFFF;}
.pt-33155 #SkjemaDiv {Color:#FFFFFF;}
.pt-33155 #SpaceDiv {Height:50px; Text-align:Left;}
.pt-33155 #Kontaktinfo {Text-align:Left; Color:#FFFFFF;}
.pt-33155 #SpaceDiv2 {Height:40px; Text-align:Left;}
.pt-33155 #FooterHolder {Clear:Both;}
.pt-33155 #Footer {Clear:Left; Text-align:Center; Background-color:#EBEBEB; Padding-top:15px; Padding-left:0px; Padding-right:0px; Padding-bottom:24px; Margin-left:0px; Margin-right:0px; Font-size:15px; Border-top-color:#B2B2B2;}
.pt-33155 #FB_follow {Margin-bottom:20px;}
.pt-33155 #script {Clear:Both; Height:0px; Background-color:#EBEBEB; Padding-top:0px; Padding-bottom:0px; Margin-top:0px; Margin-bottom:0px;}

/* ---- Style_set 15778 (alle sider) ---- */
.icon-bar
{
	  display: block;
	  width: 28px;
	  height: 2px;
	  background-color: #339999;
	  border-radius: 1px;
-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease; 
}


#DropBtn.active .icon-bar:first-child
{
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform-origin:center center;
margin-top:8px;
opacity:1;
}



#DropBtn.active .icon-bar:last-child
{
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform-origin:center center;
margin-top:-14px;
opacity:1;
}

#DropBtn.active .icon-bar
{
opacity:0;
}



.droppmeny li
{
	  padding:0px;
	margin-left:-25px;
	 
}
.droppmeny li a
{
	  padding:12px 0px 12px 20px;
	  color:#fff;
	text-decoration:none !important;
	  display:block;
	
}
.droppmeny li:last-child
{
	padding-bottom:12px;
	margin-bottom:-20px;
	
}
.droppmeny li a:hover
{
	 background-color:#bedfc1;
	  color:#fff;
	
}
.underliggendevalgt
{
	background-color:#bedfc1;
	  
}
ul.droppmeny
{
	 padding-left: 0;
	 
}
ul.droppmeny, .droppmeny li
{
	display:block;
	padding:0px;
	text-decoration:none;
	
}

/* ---- Style_set 16271 (forsiden, scopet til .ss-16271) ---- */
.ss-16271 .frame_style16271 {}
.ss-16271 .rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.ss-16271 .rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
.ss-16271 .rslides li:first-child {position: relative; display: block; float: left;}
.ss-16271 .rslides img {display: block; height: auto; width: 100%; border: 0;}
.ss-16271 .rslides1_s1 a {z-index:10 !important; text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ffffff; background: rgba(255,255,255,0.2); border:1px solid #fff; width:12px; height: 12px; margin-left:-22px; clear:none !important; float:left !important; content-align:center; position:absolute; left:50%; top:70%;}
.ss-16271 .rslides1_s2 a {z-index:10 !important; text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ffffff; background: rgba(255,255,255,0.2); border:1px solid #fff; width:12px; height: 12px; clear:none !important; float:left !important; content-align:center; position:absolute; left:50%; top:70%;}
.ss-16271 .rslides1_s3 a {z-index:10 !important; text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ffffff; background: rgba(255,255,255,0.2); border:1px solid #fff; width:12px; height: 12px; margin-left:22px; clear:none !important; float:left !important; content-align:center; position:absolute; left:50%; top:70%;}
.ss-16271 .rslides_here a {background: #ffffff; background: rgba(255,255,255,1);}
.ss-16271 .rslides_tabs {list-style: none; display:none;}
@media  (min-width: 768px) {
.ss-16271 .rslides_tabs {list-style: none; display:inherit;}
}

/* ---- Style_set 33062 (bildegalleriet, scopet til .ss-33062) ---- */
.ss-33062 .sl-next {font-size: 8rem !important;}
.ss-33062 .sl-prev {font-size: 8rem !important;}

/* ---- Inline stiler fra originalen, gjort om til klasser (styles.mjs) ---- */
.s-b0:not(#_):not(#_):not(#_) { border:0px }
.s-br14:not(#_):not(#_):not(#_) { border-radius:14px }
.s-cfff_imp:not(#_):not(#_):not(#_) { color:#fff !important }
.s-cfff_imp-tdunderline:not(#_):not(#_):not(#_) { color:#fff !important; text-decoration:underline }
.s-clboth:not(#_):not(#_):not(#_) { clear:both }
.s-clboth-h130:not(#_):not(#_):not(#_) { clear:both; height:130px }
.s-clboth_imp:not(#_):not(#_):not(#_) { clear:both !important }
.s-clboth_imp-mt40_imp:not(#_):not(#_):not(#_) { clear:both !important; margin-top:40px !important }
.s-dnone-vishidden:not(#_):not(#_):not(#_) { display:none; visibility:hidden }
.s-h100-w99p:not(#_):not(#_):not(#_) { height:100px; width:99% }
.s-h470:not(#_):not(#_):not(#_) { height:470px }
.s-m0-p0:not(#_):not(#_):not(#_) { margin:0; padding:0 }
.s-m0_a_10_a-flnone:not(#_):not(#_):not(#_) { margin:0px auto 10px auto; float:none }
.s-m25_a_25_a:not(#_):not(#_):not(#_) { margin:25px auto 25px auto }
.s-m25_a_30_a-clboth:not(#_):not(#_):not(#_) { margin:25px auto 30px auto; clear:both }
.s-m25_a_45_a:not(#_):not(#_):not(#_) { margin:25px auto 45px auto }
.s-m25_a_45_a-clboth:not(#_):not(#_):not(#_) { margin:25px auto 45px auto; clear:both }
.s-m30_0_30_0:not(#_):not(#_):not(#_) { margin:30px 0px 30px 0px }
.s-m30_0_40_0:not(#_):not(#_):not(#_) { margin:30px 0px 40px 0px }
.s-maxh124-ovhidden:not(#_):not(#_):not(#_) { max-height:124px; overflow:hidden }
.s-mb10:not(#_):not(#_):not(#_) { margin-bottom:10px }
.s-mb15:not(#_):not(#_):not(#_) { margin-bottom:15px }
.s-mb15-op1:not(#_):not(#_):not(#_) { margin-bottom:15px; opacity:1 }
.s-mb16-mt20:not(#_):not(#_):not(#_) { margin-bottom:16px; margin-top:20px }
.s-mb30:not(#_):not(#_):not(#_) { margin-bottom:30px }
.s-mb35:not(#_):not(#_):not(#_) { margin-bottom:35px }
.s-mb50:not(#_):not(#_):not(#_) { margin-bottom:50px }
.s-mb50-p0:not(#_):not(#_):not(#_) { margin-bottom:50px; padding:0px }
.s-mt10:not(#_):not(#_):not(#_) { margin-top:10px }
.s-mt20:not(#_):not(#_):not(#_) { margin-top:20px }
.s-pt200-pb200:not(#_):not(#_):not(#_) { padding-top:200px; padding-bottom:200px }
.s-pt80-pb80:not(#_):not(#_):not(#_) { padding-top:80px; padding-bottom:80px }
.s-tacenter:not(#_):not(#_):not(#_) { text-align:center }
.s-taleft:not(#_):not(#_):not(#_) { text-align:left }
.s-tdunderline:not(#_):not(#_):not(#_) { text-decoration:underline }
.s-w100p-bgnone:not(#_):not(#_):not(#_) { width:100%; background:none }
.s-w100p-ha-op0d9:not(#_):not(#_):not(#_) { width:100%; height:auto; opacity:0.9 }
.s-w300:not(#_):not(#_):not(#_) { width:300px }

/* ---- Docly-tillegg (style-extra.css) ---- */
/* Lysbildene på forsiden: eSite satte background-image (cover, sentrert) i style= på hver <li>. Bildet er
   et felt på lysbilde-dokumentet og vises som <img> som fyller boksen (= background-size:cover). */
.bgbox { position:relative; overflow:hidden; }
#BildeDiv .bgbox > img.bgimg { position:absolute; left:0; top:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center center; z-index:0; }

/* onmouseover="this.style.opacity='0.8'" på tjenestekortene */
.mainimg:hover { opacity:0.8; }

/* Mobilmenyen (site.js slideToggle, som jQuery) */
#Xs-menu.is-open { display:block; }
#Xs-menu.is-sliding { overflow:hidden; }

/* Bildespillet på forsiden (site.js, som jQuery responsiveSlides: speed 500). Malen tegner første bilde
   synlig fra start, med de samme verdiene responsiveSlides satte i style= på hvert <li>. */
.rslides.rs-aktiv > li.rs-li { display:list-item; float:none; position:absolute; opacity:0; z-index:1; -webkit-transition:opacity 500ms ease-in-out; transition:opacity 500ms ease-in-out; }
.rslides.rs-aktiv > li.rs-li.rs-synlig { display:block; float:left; position:relative; opacity:1; z-index:2; }

/* Samme luft under kontaktfeltets skillelinje på alle sidemaler som på forsiden.
   Avgrenset til kontaktfeltet: andre elementer med det gamle navnet Div1 berøres ikke. */
#Kontaktholder > #Div1 {
    height: 1px;
    margin-bottom: 20px;
}

/* Footer: moderne gullstjerner med en langsom, diskret lysrefleks. */
#Kontaktinfo .footer-review-stars {
    display: inline-block;
    margin-top: 10px;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
}
.footer-stars-shine {
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 34px;
    letter-spacing: 5px;
    line-height: 1.2;
    color: #ffd373;
    background-image: linear-gradient(110deg, #f5bd50 0%, #ffda83 38%, #fff3ce 46%, #ffda83 54%, #f5bd50 65%, #ffda83 100%);
    background-size: 300% 100%;
    background-position: 100% 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 2px 2px rgba(70, 57, 18, 0.12));
    animation: footer-stars-sweep 8s ease-in-out infinite;
}
@keyframes footer-stars-sweep {
    0%, 65% { background-position: 100% 0; }
    90%, 100% { background-position: 0% 0; }
}
#Kontaktinfo .footer-review-stars:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 5px;
}
#Footer a.fb-btn {
    border-radius: 999px;
    padding: 12px 24px;
}
/* Små tilbakemeldinger uten å endre layout eller flytte den faste headeren. */
@media (prefers-reduced-motion: no-preference) {
    .tb-valg .tb-knapp,
    #Footer a.fb-btn,
    .btn-bestill a,
    .btn-bilde-positiv a {
        transition: background-color 180ms ease, color 180ms ease,
                    border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
    }
    .tb-skjema:not([hidden]), .tb-kvittering {
        animation: content-soft-in 240ms ease-out;
    }
    .rs-synlig .bildeheading,
    .rs-synlig .bildeintroduction {
        animation: content-soft-in 600ms ease-out;
    }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .tb-valg .tb-knapp:not(:disabled):hover,
    #Footer a.fb-btn:hover,
    .btn-bestill a:hover,
    .btn-bilde-positiv a:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 14px rgba(22, 66, 67, 0.14);
    }
    .tb-valg .tb-knapp:not(:disabled):active,
    #Footer a.fb-btn:active,
    .btn-bestill a:active,
    .btn-bilde-positiv a:active {
        transform: translateY(0);
        box-shadow: none;
    }
}
@keyframes content-soft-in {
    from { opacity: 0.4; }
    to { opacity: 1; }
}
/* Ikke vis nettleserens/Bootstraps fokusramme ved museklikk.
   Tastaturfokus beholdes, og inndatafeltenes markering berøres ikke. */
@supports selector(:focus-visible) {
    body a:focus:not(:focus-visible),
    body button:focus:not(:focus-visible),
    body [role="button"]:focus:not(:focus-visible) {
        outline: none;
    }
    body a:focus-visible,
    body button:focus-visible,
    body [role="button"]:focus-visible {
        outline: 2px solid #357577;
        outline-offset: 4px;
    }
    #KontaktomradeHolder a:focus-visible,
    #KontaktomradeHolder button:focus-visible { outline-color: #fff; }
    #KontaktomradeHolder .tb-footer a:focus-visible,
    #KontaktomradeHolder .tb-footer button:focus-visible { outline-color: #214f51; }
}
.tb-knapp:focus-visible,
#Footer a.fb-btn:focus-visible,
.btn-bestill a:focus-visible {
    outline: 3px solid #214f51;
    outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
    .tb-knapp, .tb-pil, #Footer a.fb-btn, .btn-bestill a,
    .btn-bilde a, .btn-bilde-positiv a, .icon-bar,
    .rslides.rs-aktiv > li.rs-li { transition: none; }
}
#Footer #Div5 a { color: #357577; }
#Footer #Div5 a:hover,
#Footer #Div5 a:focus { color: #245658; text-decoration: underline; }
@media (prefers-reduced-motion: reduce) {
    .footer-stars-shine { animation: none; }
}