/* ==========================================================================
   djanders.no — stilark gjenoppbygd fra eSite-originalen (#27778).
   Rekkefølgen speiler originalens <link>-rekkefølge (etter Bootstrap 3.0.3):
   css_styles → body-stil → menystil 1248 → layout 17804/19389.
   De to layoutfilene var identiske; css_styles 19469 (gallerisidene) skilte seg
   bare i #Display img og .videodiv — scopet her med body-klassen pt-galleri.

   Skrift: originalen ba om 'Muli' fra http://fonts.googleapis.com, men nettleseren
   blokkerer http-stilark på en https-side (blandet innhold). Muli ble derfor aldri
   lastet — siden har alltid vist nettleserens sans-serif. Det er det kunden har
   godkjent, så det er det vi bruker. Se /_conversion.
   ========================================================================== */

/* ---- css_styles 15166 / 19469 (felles) ---- */
a { color:#2AF7BF; text-decoration:none; }
a:hover { color:#2AF7BF; text-decoration:underline; }
.a { color:#2AF7BF; text-decoration:none; }
.itemheader, h1 { font-family:sans-serif; font-size:36px; font-style:normal; font-weight:400; }
.itemintroduction { font-family:Arial; font-size:16px; font-weight:bold; }
.itembody { font-family:Arial; font-size:14px; }
body { font-family:sans-serif; font-size:16px; font-style:normal; font-weight:400; }
.itempreviewheader, h2 { font-family:sans-serif; font-size:26px; font-style:normal; font-weight:400; }
.itempreviewintro { font-family:Arial; font-size:14px; font-weight:normal; }
#Style img { width:100%; height:auto; }

.ESiteTextBox { color:#666666 !important; background:#fff !important; padding:16px; font-style:normal !important; text-shadow:none !important; border:none !important; border-radius:5px !important; width:100% !important; }

.videodiv { position:relative; padding-bottom:56.25%; padding-top:0; height:0; overflow:hidden; border-radius:5px; box-shadow:0 0 6px 2px rgba(0,0,0,0.5); }
.videodiv iframe, .videodiv object, .videodiv embed { position:absolute; top:0; left:0; width:100%; height:100%; }

/* Gallerisidene (css_styles 19469) */
.pt-galleri #Display img { width:100%; height:auto; max-width:300px; }
.pt-galleri .videodiv { text-align:center; margin:auto; }
.pt-galleri .videodiv iframe, .pt-galleri .videodiv object, .pt-galleri .videodiv embed { max-width:900px; margin-left:auto; margin-right:auto; text-align:center; margin-bottom:50px; padding-bottom:50px; }

.CustomFormSendButton { color:#fff !important; display:inline-block; background:none !important; background-color:#2AF7BF !important; height:51px !important; width:92px !important; border:none !important; border-radius:5px !important; clear:both !important; float:right !important; margin-bottom:10px !important; margin-top:25px !important; cursor:pointer !important; -webkit-appearance:none !important; transition:all .1s ease; }
.CustomFormSendButton:hover { background-color:#ffffff !important; background:#ffffff !important; color:#2AF7BF !important; }
.ErrorLabel { border:none; width:100%; display:inline-block; background-color:#da3c3c; color:#ffffff; text-align:center; padding:15px; border-radius:6px; }

/* «background: ##2AF7BF» og «!important;» var ugyldige deklarasjoner i originalen og ble
   ignorert av nettleseren — utelatt her, med samme resultat. */
.facebookknapp a { color:#fff !important; display:inline-block; font-size:18px; text-decoration:none; border:2px solid #ffffff; border-radius:5px !important; padding:15px; clear:both !important; -webkit-appearance:none !important; transition:all .1s ease; }
.facebookknapp a:hover { background:#2AF7BF !important; color:#fff !important; }

/* ---- body (var inline <style> i <head>) ---- */
body { background-color:#000000; background-image:url("img/bg3.jpg"); background-repeat:no-repeat; background-position:center top; background-attachment:fixed; background-size:cover; padding:0; margin:0; }

/* ---- menystil 1248 ---- */
.xm1248 .xi a { color:#000000; font-family:sans-serif; font-size:18px; text-decoration:none; font-style:normal; font-weight:400; display:block; padding:8px 16px; }
.xm1248 .xi a:hover, .xm1248 .xi:hover a { color:#FFFFFF; text-decoration:none; }
.xm1248 .sel a { color:#FFFFFF; }
.xm1248 .xi:hover { background-color:#2AF7BF; }
.xm1248 .sel { background-color:#2AF7BF; }
.xm1248 .sep { display:none; }
.xm1248 { text-align:center; background-color:#FFFFFF; padding:0; margin:0; }

/* ---- layout 17804 / 19389 ---- */
#Page { text-align:left; padding:0; margin:0 auto; }
#Header { padding-top:35px; }
#Logoholder { float:left; text-align:center; padding-left:0; padding-right:0; margin-bottom:30px; }
#Menyholder { float:right; clear:right; padding-left:0; padding-right:0; }
#Spacediv { width:200px; height:70px; }
#Meny { padding-top:6px; padding-bottom:6px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; }
#MenyKnapp { text-align:center; color:#FFFFFF; font-size:20px; cursor:pointer; }
#MenyDrop { float:right; clear:right; position:relative; z-index:999; padding-left:0; padding-right:0; }
#DropMeny { display:none; padding:0; margin:0; }
#DropMeny.is-open { display:block; }
#DropMeny.is-sliding { overflow:hidden; }
#Div1 { clear:both; }
#DisplayContainer { clear:both; margin-top:40px; color:#FFFFFF; }
#Div2 { height:80px; }
#Display { text-align:center; }
#ClearDiv { clear:both; height:100px; }
#FooterContaienr { clear:both; padding-top:30px; }
#Facebook { text-align:center; margin-top:10px; margin-bottom:50px; }
#Footer { text-align:center; }
#ClearDivFooter { clear:both; height:40px; }
#Style { clear:both; width:100%; padding-left:0; padding-right:0; }
#ClearDivPage { clear:both; }

/* ---- Kontaktskjema (var inline <style> i innholdet + eSite sin admin.css, som bare
   Kontaktskjema lastet, foran Bootstrap). eSite satte i tillegg textarea-høyden med JS. ---- */
.EditorLabelSpace { display:block; clear:left; height:16px; }
.FirstLabelSpace { display:none; }
textarea.ESiteTextBox { height:100px; }
.CustomFormSendButtonDiv { text-align:center; }
.cf-turnstile { margin-top:16px; }
.cf-turnstile:empty { margin-top:0; }

/* ---- inline style="…" fra originalens innhold → navngitte klasser ---- */
.bunntekst, a.bunnlenke, .bunntekst a.bunnlenke { color:#ffffff; font-size:12px; }
.uthevet { color:#2af7bf; font-size:150%; }
.lenke-stor { font-size:120%; }
.mb30 { margin-bottom:30px; }
.img-sentrert { display:block; margin-left:auto; margin-right:auto; }
.img-maks900 { border-width:0; max-width:900px; }
.nyhet-bilde { margin-left:auto; margin-right:auto; max-width:350px; }
.videoramme { max-width:900px; overflow:hidden; text-align:center; margin:auto; }

/* ---- Bildegalleriet (var PhotoSwipe 3 + jQuery) ---- */
.Images img { width:100%; max-width:300px; height:auto; aspect-ratio:1 / 1; object-fit:cover; }
.lysboks { position:fixed; top:0; right:0; bottom:0; left:0; z-index:100000; background:#000; display:none; }
.lysboks.is-open { display:block; }
.lysboks-bilde { position:absolute; top:0; left:0; right:0; bottom:44px; display:flex; align-items:center; justify-content:center; }
.lysboks-bilde img { max-width:100%; max-height:100%; object-fit:contain; }
.lysboks-verktoy { position:absolute; left:0; right:0; bottom:0; height:44px; background:rgba(0,0,0,0.8); display:flex; justify-content:center; }
.lysboks-verktoy button { width:64px; height:44px; background:none; border:0; color:#fff; font-size:28px; line-height:44px; cursor:pointer; }
.lysboks-verktoy button:hover, .lysboks-verktoy button:focus { color:#2AF7BF; outline:0; }
.lysboks-teller { color:#fff; font-size:14px; line-height:44px; min-width:64px; text-align:center; }
body.lysboks-aapen { overflow:hidden; }


/* ---- /_conversion (rapporten, ikke en kundeside) ---- */
.rapport-innhold { text-align:left; background:rgba(0,0,0,0.8); padding:20px; margin-top:40px; }
.rapport-innhold h2 { margin-top:30px; }
.rapport-innhold .table th, .rapport-innhold .table td { border-color:#444; }
.rapport-innhold code { background:#222; color:#2AF7BF; }