/* ==========================================================================
   vestfjordveien54.no — stilark gjenoppbygd fra eSite-originalen (#27778).
   Rekkefølgen speiler originalens <link>-rekkefølge (etter Bootstrap 3.0.3):
   css_styles 1159 → body-stil → menystil 1249 → layout (1227 forside / 17183 undersider)
   → Style_set 15165 (meny-knapp) → Style_set 21789 (lysbildeserien, bare forsiden).
   Layoutfilene var egne pr sidetype; der de skiller seg er reglene scopet med
   body-klassen (pt-forside / pt-underside).

   Skrift: originalen ba om 'Open Sans' fra http://fonts.googleapis.com, men nettleseren
   blokkerer http-stilark på en https-side (blandet innhold). Open Sans ble derfor aldri
   lastet — siden har alltid vist nettleserens sans-serif, og det er det vi bruker.
   Font Awesome 4.0.3 ble lastet fra CDN men brukt ingen steder — utelatt.
   ========================================================================== */

/* ---- css_styles 1159 ---- */
a { color:#C40079; text-decoration:underline; cursor:pointer; }
a:hover { color:#A90369; text-decoration:underline; }
.a { color:#C40079; text-decoration:underline; cursor:pointer; }
.itemintroduction { font-size:10pt; }
.itembody { font-size:10pt; }
body { color:#000000; font-family:sans-serif; font-size:16px; line-height:1.72em; }
.itemimagestyle { float:right; }
.imagepreviewstyle { float:left; margin-right:8px; margin-bottom:8px; }
.itempreviewheader, h2 { color:#000000; font-family:sans-serif; font-size:22px; text-transform:none; line-height:1.543em; }
.itempreviewintro { font-weight:bold; }
.PageSelectorCell { padding-top:12px; }
.PageSelectorCell table { width:100%; }
.PageSelectorCell table td.PagesCell { width:100%; }
.textshadow { text-shadow:1px 1px 1px rgba(0,0,0,0.8); }
h2 { text-decoration:none; color:#c40079; }
#BildetekstHolder { position:absolute; top:25%; width:100%; }
.graastrek { width:60px; height:2px; background:#444; margin-top:20px; margin-bottom:20px; }
.slideramme { height:70vh; min-height:500px; max-height:700px; }
.introtekst { min-height:360px; }
.flexbox-container { background:none; display:flex; align-items:center; }
#BildeForside { height:60vh; min-height:300px; padding-top:180px; }
.linkhand { cursor:pointer; }
iframe { width:100%; }
.ingress { color:#000000; font-family:sans-serif; font-size:1.3em !important; line-height:1.72em; font-weight:400; }
.footerbyline { color:#898989; font-size:0.75em; }
.footerbyline a { color:#898989; }
#Innhold { border-right:0px; }
#SlideHolder { position:absolute; top:95px; width:100%; z-index:-999; min-height:500px; }
#ToppHolderUnderside { height:100px; }
h1 { color:#262425; font-family:sans-serif; font-size:10vw; font-style:normal; display:inline-block; padding-bottom:4px; }
@media (min-width: 768px) {
  h1 { color:#262425; font-family:sans-serif; font-size:3em; font-style:normal; display:inline-block; padding-bottom:4px; }
  #ToppHolderUnderside { height:250px; }
  #SlideHolder { position:absolute; top:0px; width:100%; z-index:-999; }
  #Innhold { border-right:0px solid; }
}

/* ---- body (var inline <style> i <head>) ---- */
body { background-color:#FFFFFF; padding:0; margin:0; }

/* ---- menystil 1249 ---- */
.xm1249 .xi a { color:#FFFFFF; font-family:sans-serif; font-size:16px; text-decoration:none; font-weight:400; text-transform:uppercase; display:block; padding-top:12px; margin-left:25px; }
.xm1249 .xi a:hover, .xm1249 .xi:hover a { border-bottom:1px solid #FFFFFF; }
.xm1249 .sel a { border-bottom:1px solid #FFFFFF; }
.xm1249 .subsel a { padding-bottom:2px; border-bottom:1px solid #ffffff; }
.xm1249 .xi { float:left; }
.xm1249 .sep { display:none; }
.xm1249 { padding:0; margin:0; }

/* ---- layout 1227 (forsiden) og 17183 (undersider): felles ---- */
#Page { padding:0; margin:0; }
.pt-underside #Page { text-align:left; }
#ToppMeny { float:none; clear:both; width:100%; position:absolute; z-index:999; padding-top:20px; padding-bottom:20px; margin-bottom:20px; }
#Topp { float:none; width:100%; height:100px; max-width:1300px; background-color:#555555; margin-left:auto; margin-right:auto; }
#LogoMenyHolder { padding-left:0; padding-right:0; margin-bottom:20px; }
#Logodiv { width:50%; position:relative; z-index:999; text-align:center; max-width:280px; background-color:#FFFFFF; }
#LogoTopp { width:90%; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto; }
#LogoClear { clear:both; }
#LogodivXS { width:50%; text-align:center; background-color:#FFFFFF; padding-top:10px; padding-left:0; padding-bottom:10px; }
#LogoTopp2 { height:80px; margin-left:auto; margin-right:auto; }
#LogoClear2 { clear:both; }
#Menycontainer { margin-top:24px; }
#Meny-row { position:relative; z-index:50; max-height:100px; }
#Meny { float:right; clear:right; text-align:right; }
#MenyClear { clear:both; }
#drpbtn { padding-right:15px; margin-top:4px; }
#dropbtn2 { padding:10px 6px 6px 6px; }
#span1, #span13, #span12 { margin-bottom:5px; font-size:32px; }
#span2 { margin-top:4px; margin-right:12px; color:#FFFFFF; font-size:18px; }
#Heightdiv { clear:both; width:10%; height:20px; }
#Xsmeny { float:none; clear:both; width:100%; position:absolute; z-index:333; text-align:center; background-color:#c40079; }
#Xsmeny-mnu { display:none; text-align:center; padding-top:20px; padding-bottom:20px; }
#Xsmeny-mnu.is-open { display:block; }
#Xsmeny-mnu.is-sliding { overflow:hidden; }
#Footerholder { background-color:#7D7D7D; padding-top:30px; padding-bottom:30px; }
#Footer { text-align:center; color:#FFFFFF; }
#Bylineholder { clear:both; text-align:center; background-color:#E5E5E5; padding-top:12px; padding-bottom:12px; }
#Div6 { clear:both; }
#Div5 { clear:both; }

/* ---- layout 1227: bare forsiden ---- */
.pt-forside #BildeForside { float:none; clear:both; width:100%; position:relative; z-index:-10; top:0; min-height:510px; }
.pt-forside #SlideHolder { width:100%; }
.pt-forside #Bildetekst { float:none; text-align:right; color:#FFFFFF; font-size:22px; font-style:italic; }
.pt-forside #Infoholder { float:none; clear:both; background-color:#FFFFFF; padding-top:30px; padding-bottom:30px; }
.pt-forside #IntroHolder { width:100%; text-align:center; max-width:1300px; background-color:#FFFFFF; margin-top:-120px; }
.pt-forside #Div9 { clear:both; height:35px; }
.pt-forside #IntroArrangement { float:none; padding-left:0; padding-right:0; margin-top:15px; margin-left:auto; margin-right:auto; }
.pt-forside #Introelement { float:left; clear:none; background-color:#666666; padding:30px 15px; margin-bottom:15px; color:#FFFFFF; }
.pt-forside #Introtekst { float:none; text-align:left; padding-top:0; margin-top:-10px; margin-left:auto; margin-right:auto; }
.pt-forside #ArrClear2 { clear:both; }
.pt-forside #Kartholder { text-align:left; padding-top:0; padding-bottom:0; }
.pt-forside #Kart { background-color:#E5E5E5; padding:0; margin:0; border-width:0; }
.pt-forside #ArrClear { clear:both; height:0; }
.pt-forside #IntroClear { clear:both; }
.pt-forside #BedrifterHolder { clear:both; background-color:#ffffff; padding-top:30px; padding-bottom:45px; }
.pt-forside #Bedriftene { float:none; margin-left:auto; margin-right:auto; }

/* ---- layout 17183: bare undersidene ---- */
.pt-underside #ToppHolderUnderside { min-height:350px; background-image:url("img/4-nytt-skil-01t.jpg"); background-repeat:no-repeat; background-position:center center; background-size:cover; padding-bottom:20px; margin-bottom:20px; }
.pt-underside #Innholdholder { clear:both; padding-top:20px; padding-bottom:30px; }
.pt-underside #Div3 { clear:both; width:1px; height:20px; }
.pt-underside #Container { clear:both; padding-top:10px; }
.pt-underside #Innhold { padding-left:0; padding-bottom:50px; }
.pt-underside #Visingsramme { padding-left:0; padding-right:0; padding-bottom:30px; }

/* ---- Style_set 15165: MENY-knappen og nedtrekksmenyen ---- */
.icon-bar { display:block; width:28px; height:2px; background-color:#fff; border-radius:1px; transition:all .2s ease; }
#dropbtn2.active .icon-bar:first-child { transform:rotate(45deg); transform-origin:center center; margin-top:8px; opacity:1; }
#dropbtn2.active .icon-bar:last-child { transform:rotate(-45deg); transform-origin:center center; margin-top:-14px; opacity:1; }
#dropbtn2.active .icon-bar { opacity:0; }
.droppmeny li { padding:12px; }
.droppmeny li a { padding:12px; color:#fff; text-decoration:none !important; display:block; }
.droppmeny li:hover { background-color:#a90369; }
ul.droppmeny, .droppmeny li { display:block; padding:0; text-decoration:none; }
ul.droppmeny { padding-left:0; }

/* ---- Style_set 21789: lysbildeserien (var responsiveSlides + jQuery) ---- */
.rslides { position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0; }
.rslides li { -webkit-backface-visibility:hidden; position:absolute; display:block; width:100%; left:0; top:0; float:none; opacity:0; z-index:1; transition:opacity 800ms ease-in-out; }
.rslides li.rslides_on { position:relative; float:left; opacity:1; z-index:2; }

/* ---- inline style="…" fra originalen → navngitte klasser ---- */
/* Lysbildene hadde bakgrunnsbildet i style= — nå et <img> som dekker li-en på samme måte. */
.slideramme { padding-top:80px; padding-bottom:80px; }
.slidebilde { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center top; z-index:-1; }
.slidetekstholder { padding-top:200px; padding-bottom:200px; }
.bildeintroduction { margin-left:auto; margin-right:auto; text-align:center; }
.slide-h1 { padding-top:15px; color:#fff; text-align:center; text-shadow:1px 1px 2px #000; }
h1.h1-hvit { color:#fff; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mt30 { margin-top:30px; }
.clear-both { clear:both; }
a.ulenke, a.ulenke:hover { text-decoration:none; }
.bedriftsbilde { padding-left:20px; }
.logolenke { text-decoration:none; }

/* Google My Maps-iframen hadde style="border-width: 0px;" */
.kartramme { border-width:0; }

/* ---- /_conversion (rapporten, ikke en kundeside) ---- */
.rapport-innhold { padding-top:30px; padding-bottom:30px; }
.rapport-innhold h1 { display:block; }
.rapport-innhold h2 { margin-top:30px; }