/* ==========================================================================
   2notteroy.no — stilark gjenoppbygd fra eSite-originalen (#27778).
   Rekkefølgen speiler originalens <link>-rekkefølge. Alle sider brukte samme
   layout (1227), så ingenting er scopet. Bakgrunnsbildene lå under
   /files/Design og er flyttet til img/ (relativt til dette stilarket).
   ========================================================================== */

/* ---- css_styles 1159 ---- */
a  { Text-decoration:underline;cursor:hand; }
a:hover  { Text-decoration:underline; }
.a  { Text-decoration:underline;cursor:hand; }
.itemheader, h1  { Color:#44322D;Font-family:Georgia;Font-size:25px;Text-decoration:none;Font-weight:bold;Margin-top:0px;Margin-left:0px;Margin-right:0px;Margin-bottom:0px; }
.itemintroduction { Font-size:10pt; }
.itembody { Font-size:10pt; }
.itemdate {  }
.htmlformlabel, .EditorLabel {}
body { Color:#000000;Font-family:Arial;Font-size:16px; }
.itemimagestyle { Float:right; }
.FolderItemCell {  }
.imagepreviewstyle { Float:left;Margin-right:8px;Margin-bottom:8px;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; }
.itempreviewheader, h2  { Color:#44322D;Font-family:Georgia;Font-size:20px; }
.itempreviewintro { Font-size:10pt; }
.itempricelabel {  }
.itemprice {  }
.itemopenlink, .EsiteActionLink, .ESiteActionLink {  }
.itemopenlink:hover, .EsiteActionLink:hover, .ESiteActionLink:hover {  }
.itemopenlink {  }
.PageSelectorCell { Padding-top:12px; }
.PageSelectorCell a, .PageSelectorCell span {  }
.PageSelectorCell table { width:100%; }
.PageSelectorCell table td.PagesCell { width:100%; }
.ColorBoxImage {}
.cssclassdirectedit { border : 1px dotted #888888}

.imagedisplaygallery
{
border:1px solid black;
}

.FormStepControl
{
padding-top:16px;
}

.itemopenlink:hover
{
text-decoration:underline;
}

.ImageOverviewPreview
{
border:1px solid #999999;
margin-top:24px;
}

.Selected .ImageOverviewPreview
{
border:4px solid blue;
}

.ImagesOverviewTable
{
margin-top:24px;

border-top:1px solid #999999;
}

/* ---- <style> i <head> (var inline i eSite) ---- */
body { Background-image:url('img/bkg-tre.jpg');background-repeat:repeat;background-position:left top;Margin-top:0px;Margin-left:auto;Margin-right:auto;Margin-bottom:0px; }

/* ---- styles_xhtml_menu 1249 ---- */
.xm1249 .xi a
{ 
Color:#000000;Font-family:Arial;Font-size:10pt;Text-decoration:none;Font-weight:normal;
}
.xm1249 .xi a:hover, .xm1249 .xi:hover a
{ 
Text-decoration:underline;
}
.xm1249 .sub a
{ 

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

}
.xm1249 .xi
{ 
Float:Left;Height:27px;Display:block;Background-color:#EEEEEE;Background-image:url('img/menu-bg.jpg');cursor:hand;Padding-top:8px;Padding-left:12px;Padding-right:12px;Border-right-width:1px;Border-right-style:Solid;Border-right-color:#999999;Vertical-align:Middle;
}
.xm1249 .xi:hover
{ 
Background-color:#FFFFFF;Background-image:url('img/menu-bg-hover.jpg');
}
.xm1249 .sub
{ 

}
.xm1249 .sel
{ 
Background-image:url('img/menu-bg-sel.jpg');
}
.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 (lastet av eSite, ikke i bruk på sidene) ---- */
.xm1248 .xi a
{ 
Color:#000000;Font-family:Arial;Text-decoration:none;
}
.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
{ 
Padding-top:8px;Padding-left:16px;Padding-right:16px;Padding-bottom:8px;
}
.xm1248 .sub
{ 

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

}
.xm1248 .sep
{ 

}
.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;List-style:none;
}
.xmindent1248
{ 
Padding-left:16px;
}


/* ---- Css_layout_styles 1227 ---- */


#Window
{
	Height:100%;
	Text-align:Center;
	Padding-top:26px;
	Padding-left:15px;
	Padding-right:15px;
	Padding-bottom:0px;
	
}


#Page
{
	Width:950px;
	Text-align:Left;
	Margin-left:auto;
	Margin-right:auto;
	
}


#Header
{
	Height:300px;
	Padding-top:0px;
	Padding-left:0px;
	Padding-right:0px;
	Padding-bottom:0px;
	Color:#FFFFFF;
	Border-bottom-width:2px;
	Border-bottom-style:Solid;
	Border-bottom-color:#000000;
	
}


#Menuborder
{
	Height:35px;
	Background-image:url('img/menu-behind-bg.jpg');
	Border-bottom-width:1px;
	Border-bottom-style:Solid;
	Border-bottom-color:#000000;
	
}


#Div1
{
	Background-image:url('img/bkg-visning.png');
	background-repeat:repeat;
	background-position:left top;
	Margin-bottom:10px;
	
}


#Display_area
{
	Clear:Both;
	Text-align:Left;
	Padding-top:40px;
	Padding-left:50px;
	Padding-right:50px;
	Padding-bottom:150px;
	
}


#footerbilder
{
	Border-top-width:6px;
	Border-top-style:Solid;
	Border-top-color:#FFFFFF;
	Border-left-width:0px;
	Border-left-style:Solid;
	Border-left-color:#FFFFFF;
	Border-right-width:0px;
	Border-right-style:Solid;
	Border-right-color:#FFFFFF;
	Border-bottom-width:6px;
	Border-bottom-style:Solid;
	Border-bottom-color:#FFFFFF;
	
}


#Footer
{
	Clear:Both;
	Text-align:Center;
	Padding-top:16px;
	Padding-left:16px;
	Padding-right:16px;
	Padding-bottom:16px;
	Color:#FFFFFF;
	
}


#Krediteringslinje
{
	Text-align:Center;
	Padding-top:6px;
	Color:#FFFFFF;
	Font-size:11px;
	
}



/* Custom styles */


/* ---- Style_set 8970 (tabellstil, Gruppeledelse) ---- */
.table_style8970 table
{
border-spacing:1px
}
.table_style8970 table td
{
padding:2px
}
.mceContentBody  table
{
border-spacing:1px
}
.mceContentBody  table td
{
padding:2px
}
.table_style8970
{

}
.item_row8970 td:hover, .table_style8970 tbody tr:hover td:hover
{

}
.group_header_style8970
{
Color:#FFFFFF;Font-weight:bold;Background-color:#000000;Padding-top:2px;Padding-left:4px;Padding-right:4px;Padding-bottom:2px;
}
.header_row8970 td, .table_style8970 thead td, .table_style8970 th, .mceContentBody thead td
{
Padding-left:8px;Padding-right:8px;
}
.header_row8970 td:hover, .table_style8970 thead td:hover, .table_style8970 th:hover, .mceContentBody thead td:hover
{

}
.header_row8970 td.headerSortDown, .table_style8970 thead td.headerSortDown, .table_style8970 th.headerSortDown
{

}
.header_row8970 td.headerSortUp, .table_style8970 thead td.headerSortUp, .table_style8970 th.headerSortUp
{

}
.header_row8970, .table_style8970 thead tr, .mceContentBody thead tr
{
Background-color:#cccccc;
}
.item_row8970 td, .table_style8970 tbody td, .mceContentBody tbody tr
{
Background-color:#ffffff;Padding-left:8px;Padding-right:8px;
}
.item_row8970, .table_style8970 tbody tr, .mceContentBody tbody tr
{

}
.item_row8970:hover td, .table_style8970 tbody tr:hover td
{

}
.table_style8970 table, table.table_style8970 table, .mceContentBody table
{

}

/* ==========================================================================
   Inline style="…" fra eSite (maler og editor), gjort om til klasser
   ========================================================================== */
/* Lysbildeserien i toppen (document.write med inline stiler i eSite) */
#slideshow5373 { position:relative; width:950px; height:300px; overflow:hidden; }
#slideshow5373 .lerret { position:absolute; width:950px; height:300px; top:0; left:0; }
/* Editor-stiler i innholdet */
.u { text-decoration:underline; }
.xl { font-size:x-large; }
.l { font-size:large; }
.ledertabell { width:752px; height:95px; }
.hvit { color:#ffffff; }
/* Gruppeledelse — tabellen var generert med inline stiler pr celle */
.gruppetabell .gruppe-header { Color:#FFFFFF; Font-weight:bold; Background-color:#000000; Padding-top:2px; Padding-left:4px; Padding-right:4px; Padding-bottom:2px; }
.gruppetabell .kolonnerad { Background-color:#cccccc; }
.gruppetabell .kolonnerad td { Padding-left:8px; Padding-right:8px; }
.gruppetabell .medlem td { Background-color:#ffffff; Padding-left:8px; Padding-right:8px; }
/* Bildegalleriet */
.FolderHSep .hsep { width:32px; }
.FolderVSep { height:32px; }

/* Lysboksen i bildegalleriet (erstatter jQuery Colorbox) */
.lysboks { display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; background:rgba(0,0,0,0.85); }
.lysboks.apen { display:flex; align-items:center; justify-content:center; }
.lysboks-ramme { background:#fff; padding:10px; text-align:center; }
.lysboks-ramme img { display:block; max-width:740px; max-height:400px; margin:0 auto; }
.lysboks-bunn { padding-top:8px; color:#444; font-size:13px; }
.lysboks-bunn button { background:none; border:0; font-size:22px; line-height:1; cursor:pointer; color:#44322D; padding:0 10px; }
.lysboks-lukk { float:right; }

/* Konverteringsrapporten (/_conversion) */
.rapport table { border-collapse:collapse; width:100%; margin-bottom:20px; font-size:13px; }
.rapport th, .rapport td { border:1px solid #ccc; padding:4px 6px; text-align:left; vertical-align:top; }
.rapport h2 { margin-top:25px; }

/* Gruppeledelse: e-postadressene var bilder (Arial 13 px, 21 px høye) generert av eSite. Nå er de
   ekte lenker; høyden og kolonnebreddene låses til det bildene ga, så tabellen står likt. */
.gruppetabell .epost { display:block; height:21px; line-height:21px; font-size:13px; color:#000; text-decoration:none; white-space:nowrap; }
.gruppetabell .epost:hover { text-decoration:underline; }
.gruppetabell .kolonnerad td:nth-child(1) { width:183px; }
.gruppetabell .kolonnerad td:nth-child(2) { width:211px; }
.gruppetabell .kolonnerad td:nth-child(3) { width:404px; }

/* Responsivt oppsett: behold originalens uttrykk uten fast sidebredde. */
#Window, #Page, #Header, #Menuborder, #Display_area, #Footer {
    box-sizing:border-box;
}
#Page { width:100%; max-width:950px; }
#Header { height:auto; }
#slideshow5373 { width:100%; height:auto; aspect-ratio:950 / 300; }
#slideshow5373 .lerret { width:100%; height:100%; }
#slideshow5373 img { display:block; width:100%; height:100%; object-fit:cover; }
#Menuborder { height:auto; min-height:35px; }
.xm1249 { display:flex; flex-wrap:wrap; }
.xm1249 .xi { float:none; height:auto; padding:0; display:flex; }
.xm1249 .xi a { display:flex; align-items:center; min-height:44px; padding:0 12px; box-sizing:border-box; }
#Display_area { overflow-wrap:anywhere; }
#Display_area img, #footerbilder img { max-width:100%; height:auto; }
#footerbilder img { display:block; width:100%; }
#Display_area iframe, #Display_area video { max-width:100%; }
#Display_area table { max-width:100%; }
.ledertabell { width:100%; height:auto; }
.gruppetabell { table-layout:fixed; }
.gruppetabell .epost { height:auto; min-height:21px; white-space:normal; overflow-wrap:anywhere; }
.gruppetabell .kolonnerad td:nth-child(n) { width:auto; }
#Footer { overflow-wrap:anywhere; }

/* Galleri: bildekort, myk innlasting og mobilvennlig bildevisning. */
.galleri-intro { color:#594b43; margin:12px 0 24px; line-height:1.6; }
.galleri-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:18px; }
.galleri-kort { position:relative; display:block; aspect-ratio:4 / 3; overflow:hidden; border-radius:10px; background:linear-gradient(120deg, #d9d0c3, #f3eee5, #d9d0c3); box-shadow:0 3px 10px rgba(43,31,22,.15); }
#Display_area .galleri-kort img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.galleri-kort-ikon { position:absolute; bottom:10px; right:10px; display:grid; place-items:center; width:32px; height:32px; border-radius:50%; color:#fff; background:rgba(0,0,0,.55); pointer-events:none; }
.galleri-kort.lastet.synlig { animation:galleri-inn .65s ease both; animation-delay:var(--forsinkelse, 0ms); }
.galleri-kort.bildefeil::after { content:'Åpne bildet'; position:absolute; inset:0; display:grid; place-items:center; background:#e8dfd2; color:#44322d; }
@keyframes galleri-inn { from { opacity:.25; transform:translateY(18px) scale(.97); } to { opacity:1; transform:translateY(0) scale(1); } }
@media (hover:hover) { .galleri-kort:hover img { transform:scale(1.06); } }
body.galleri-apent { overflow:hidden; }
.lysboks .lysboks-ramme { width:min(1100px, 100%); background:#191714; color:#fff; border-radius:14px; padding:12px; box-shadow:0 20px 80px rgba(0,0,0,.5); }
.lysboks-scene { position:relative; display:flex; align-items:center; justify-content:center; min-height:180px; height:70vh; height:70dvh; touch-action:pan-y pinch-zoom; overflow:hidden; border-radius:8px; background:#0c0b0a; }
.lysboks .lysboks-scene img { max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; transition:opacity .18s; }
.lysboks.laster .lysboks-scene img { opacity:.15; }
.lysboks-status { position:absolute; left:12px; right:12px; text-align:center; color:#fff; pointer-events:none; }
.lysboks .lysboks-bunn { color:#fff; gap:12px; }
.lysboks .lysboks-bunn button { color:#fff; border-radius:50%; background:#39322b; font-size:28px; }
.lysboks .lysboks-bunn button:hover { background:#65503d; }
.lysboks-hint { margin:8px 0 0; color:#c6bdb3; font-size:13px; }
@media (max-width:800px) { .galleri-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; } }
@media (max-width:600px) {
    .galleri-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
    .lysboks { padding:8px; }
    .lysboks .lysboks-ramme { padding:8px; }
    .lysboks-hint { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
    .galleri-kort.lastet.synlig { animation:none; }
    #Display_area .galleri-kort img, .lysboks .lysboks-scene img { transition:none; }
}

a:focus-visible, button:focus-visible { outline:3px solid #805427; outline-offset:3px; }
.lysboks { padding:12px; box-sizing:border-box; }
.lysboks-ramme { max-width:100%; max-height:100%; overflow:auto; box-sizing:border-box; }
.lysboks-ramme img { max-width:100%; max-height:calc(100vh - 110px); max-height:calc(100dvh - 110px); width:auto; height:auto; object-fit:contain; }
.lysboks-bunn { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px; }
.lysboks-bunn button { min-width:44px; min-height:44px; }
.lysboks-lukk { float:none; }

@media (max-width:800px) {
    #Window { padding:12px; }
    #Display_area { padding:28px 24px 60px; }
    .xm1249 .xi { flex:1 0 30%; box-sizing:border-box; border-bottom:1px solid #999; }
    .xm1249 .xi a { width:100%; justify-content:center; text-align:center; font-size:15px; }
    .FolderTable { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
    .FolderTable tbody, .FolderTable tr { display:contents; }
    .FolderTable .FolderItemCell { display:block; width:auto; min-width:0; }
    .FolderTable .FolderItemCell:empty, .FolderTable .FolderHSep, .FolderTable .FolderVSep { display:none; }
    .FolderTable .ColorBoxLnk { display:block; }
    .FolderTable .ColorBoxImage { display:block; width:100%; height:auto; }
}

@media (max-width:600px) {
    #Window { padding:0; }
    #Display_area { padding:24px 16px 40px; line-height:1.55; }
    h1, .itemheader { font-size:clamp(22px, 6vw, 25px); line-height:1.25; }
    h2, .itempreviewheader { line-height:1.3; }
    .itembody, .itemintroduction, .itempreviewintro { font-size:16px; }
    .xl { font-size:21px; }
    .xm1249 .xi { flex-basis:50%; }
    .xm1249 .xi a { min-height:48px; padding:8px 10px; }
    .FolderTable { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; }
    .ledertabell, .ledertabell tbody, .ledertabell tr, .ledertabell td,
    .gruppetabell, .gruppetabell tbody, .gruppetabell tr, .gruppetabell td { display:block; width:auto; height:auto; box-sizing:border-box; }
    .ledertabell tr, .gruppetabell .medlem { margin:0 0 16px; padding:12px; background:#fff; border:1px solid #d8d0c6; }
    .ledertabell td, .gruppetabell .medlem td { padding:3px 0; }
    .ledertabell td p { margin:0; }
    .gruppetabell .kolonnerad { display:none; }
    .gruppetabell .gruppe-header { padding:10px 12px; margin-bottom:12px; }
    .gruppetabell .medlem td:first-child { font-weight:bold; }
    .gruppetabell .epost { font-size:16px; line-height:1.5; padding:4px 0; text-decoration:underline; }
    .ledertabell a { display:inline-block; padding:4px 0; }
    #Footer { font-size:15px; line-height:1.5; }
}