/* Jordomseiling.com – stilark */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:#fff;color:#333;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px}
a{color:#13667A;text-decoration:none}
a:hover{text-decoration:underline;color:#0a3f4a}
img{max-width:100%;height:auto;border:0}

/* Layout */
.wrapper{width:964px;margin:0 auto}
@media(max-width:980px){.wrapper{width:100%}}

/* Topp */
.toptable{width:100%;border-top:1px solid #13667A;border-right:1px solid #13667A;border-left:1px solid #13667A;border-collapse:collapse;table-layout:fixed}
.toptable td.logo{width:227px;padding:0 10px 10px 0;border-right:1px solid #13667A;text-align:right;vertical-align:bottom}
.toptable td.bilde{border-right:1px solid #13667A;text-align:center;padding:0;overflow:hidden}
.toptable td.bilde img{width:100%;height:150px;object-fit:cover}
.toptable td.bilde:last-child{border-right:0}

/* Brødsmulesti */
.breadbar{border:1px solid #13667A;border-top:0;padding:4px 10px;font-size:12px;background:#f5f9fa}
.breadbar a{color:#333}

/* Hoved-layout */
.mainrow{display:flex;border:1px solid #13667A;border-top:0;min-height:500px}
.sidebar{width:165px;flex-shrink:0;border-right:1px solid #13667A;padding:12px 8px}
.content-area{flex:1;padding:14px 18px;min-width:0}

/* Sidebar-nav */
.sidenav{list-style:none}
.sidenav li{margin-bottom:4px}
.sidenav a{font-family:"Trebuchet MS",Verdana,Arial,sans-serif;font-size:13px;font-weight:bold;color:#333;display:block;padding:3px 4px;border-radius:2px}
.sidenav a:hover,.sidenav a.active{background:#13667A;color:#fff;text-decoration:none}
.sidenav li.sub a{font-weight:normal;font-size:12px;padding-left:14px}

/* Innhold */
h1,h2,h3{font-family:Verdana,Arial,sans-serif;color:#7B8DA1}
h1{font-size:20px;margin-bottom:10px}
h2{font-size:16px;margin:16px 0 6px}
.contentheading{font-size:15px;font-weight:bold;color:#7B8DA1;margin:0 0 6px}
.createdate{font-size:12px;color:#999;margin-bottom:10px}
.introtext{margin-bottom:10px;line-height:1.7}
.fulltext{margin-bottom:12px;line-height:1.7}
.fulltext img,.introtext img{max-width:100%;height:auto;margin:10px 0;display:block}
.fulltext img[align="left"],.introtext img[align="left"]{float:left;margin:4px 20px 16px 0;display:inline}
.fulltext img[align="right"],.introtext img[align="right"]{float:right;margin:4px 0 16px 20px;display:inline}
.fulltext figure,.introtext figure{margin:4px 0 16px 0}
.fulltext figure[style*="float:left"],.introtext figure[style*="float:left"]{margin:4px 20px 16px 0}
.fulltext figure[style*="float:right"],.introtext figure[style*="float:right"]{margin:4px 0 16px 20px}
figcaption{font-size:12px;text-align:center;color:#666;margin-top:4px}
.readmore{font-size:12px;margin-top:6px}
.readmore a{color:#13667A;font-weight:bold}

/* Artikkelliste */
.article-list{list-style:none}
.article-list li{border-bottom:1px solid #eee;padding:10px 0}
.article-list li:last-child{border-bottom:0}
.article-list .art-title{font-size:14px;font-weight:bold}
.article-list .art-date{font-size:12px;color:#999;margin:2px 0 4px}
.article-list .art-intro{font-size:13px;color:#555;line-height:1.5}

/* Galleri */
.album-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.album-card{width:140px;text-align:center}
.album-card img{width:140px;height:105px;object-fit:cover;border:1px solid #ccc;border-radius:2px}
.album-card .alb-name{font-size:12px;margin-top:4px;color:#333}

.photo-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.photo-grid a{display:block;width:150px}
.photo-grid a img{width:150px;height:112px;object-fit:cover;border:1px solid #ccc;border-radius:2px;transition:opacity .2s}
.photo-grid a:hover img{opacity:.85}

/* Lenker */
.link-list{list-style:none}
.link-list li{padding:7px 0;border-bottom:1px solid #eee}
.link-list .lnk-title{font-size:14px;font-weight:bold}
.link-list .lnk-desc{font-size:13px;color:#555}

/* Sponsorer */
.sponsors{margin-top:18px;text-align:center}
.sponsors a{display:block;margin:10px auto}
.sponsors img{max-width:130px;height:auto}

/* Kontakt */
.contact-box{background:#f5f9fa;border:1px solid #c8dfe5;border-radius:4px;padding:14px 18px;margin-top:10px;line-height:1.8}

/* Bunn */
footer{border-top:1px solid #13667A;padding:8px;text-align:center;font-size:12px;color:#888;margin-top:0}

/* Lightbox */
#lb-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:9999;align-items:center;justify-content:center;flex-direction:column}
#lb-overlay.open{display:flex}
#lb-img{max-width:90vw;max-height:85vh;border:3px solid #fff;border-radius:2px}
#lb-caption{color:#ddd;font-size:14px;margin-top:8px;text-align:center;max-width:80vw}
#lb-close{position:absolute;top:14px;right:20px;color:#fff;font-size:28px;cursor:pointer;line-height:1}
#lb-prev,#lb-next{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:36px;cursor:pointer;padding:10px;user-select:none;background:rgba(0,0,0,.3);border-radius:4px}
#lb-prev{left:10px}
#lb-next{right:10px}
@media(max-width:700px){.wrapper{width:100%}.mainrow{flex-direction:column}.sidebar{width:100%;border-right:0;border-bottom:1px solid #13667A}.toptable td.bilde{display:none}}
