p.body {
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
}
p.legend, p.footer {
  font-family: helvetica, arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 1em;
}
ul.std > li {
  line-height: normal;
  margin: 6px 0 0 0;
  /*font-weight: bold;*/
}
dt.std {
  margin: 6px 0 0 0;
}
.ukapitel {
  font-weight: bold;
  font-style: italic;
  /*text-transform: uppercase;
  font-variant: small-caps;*/
}
.translation
{
  background-color: #eee;
  padding: 8px 8px 0px 8px;
  border: 1px dotted #555;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
/*	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-ms-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	border-top-right-radius: 4px;*/
  margin-bottom: 8px;
}
.pekadlink
{
  background-color: #ebfeda;
}
.efterlysning
{
  font-style: italic;
  background-color: #FFFEE0;
/*
  padding: 8px 8px 0px 8px;
  border: 1px dotted #555;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-ms-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
  margin-bottom: 8px;
	*/
}
abbr
{
	border-bottom: 1px dotted #666;
    cursor: help;
}
.abbrevs
{
  font-family: monospace;
  font-size: 12px;
}
.sidtitel
{
	font-family: "Comic Sans MS", arial, sans-serif;
	font-weight: strong;
	/*font-size: 16px;*/
	color: #363;
}
h4.sidtitel
{
	font-size: 16px;
}

.jsaction {
	cursor: pointer;
	text-decoration: none;
	border-bottom: dotted 1px;
}
jsaction:hover {
	color: #fff;
	background-color: #333;
	border-bottom-color: transparent;
	font-weight: bold;
	cursor: pointer;
}
.karta-container {
    position:relative;
}
.karta {
    width: 100%;
    z-index:0;
    visibility:visible;
}
.karta-detalj {
    position:absolute;
    visibility:visible;
	opacity:1.0;
}
.karta {
    /* karta-info width/height 20 px = karta-img padding 3 + ikon-info-xy.png width/height 14 px
    height: 20px; width: 20px;
   	padding-top: 3px;
    padding-left: 3px;*/
    border-radius: 5px 5px 5px 5px;
    position:absolute;
    visibility:visible;
	opacity:1.0;
    cursor:pointer;
}
.karta:hover {
	background:#ffffff;
	color:#000000;
	opacity:0.8;
}
.karta {
    padding: 3px;
}

.karta#karta-1 { top:2px; left:2px; z-index:10; }
.karta#karta-2 { top:2px; left:10px; z-index:20; }
.karta#karta-3 { top:2px; left:10px; z-index:30; }
.karta#karta-4 { top:2px; left:10px; z-index:40; }

.clear
{
clear:both;
}

/* centrerad bild */
img-centrerad {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.img-maxwidth {
    /*display: block;
    margin-left: auto;
    margin-right: auto;
	 sätt individuell maxwidth genom style i bilden 
    max-width: 400px;
	width: 100%;
    */
	display: inline-block;
	border-radius: 8px;
	border: 0;
    max-width: 100%;
    height: auto;
}
img.bottom {
    vertical-align: text-bottom;
}

/* -- START Skärmbredd, brytpunkter VSK/bildspel -- */
/* Princip: mobile first responsive design */
/* Default: ALL DEVICES, i.e. here goes css rules for extra small devices (phones, 480px and down) */
table.fotobred-bredd  {width:100%;}


/* Youtube video iframe */
/* origin=https://dev.to/deammer/embed-responsive-youtube-videos-in-2021-5dkh */
.video-container1 {
  position: relative;
  padding-bottom: 56.25%;
}

.video-container1 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video1 {
  aspect-ratio: 16 / 9;
  width: 100%;
}

/* origin=https://static.skridsko.net/vanerskridsko/mariestad/foto/040308-Hinden-Jarlehus/foto.html */
    .vcontainer {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
    }

    .vvideo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/*lb-link*/
.lb-btn {
	display: inline-block;
	border-radius: 4px;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	border: solid 1px #999;
	white-space: nowrap; 
}
.lb-btn-alt {
	display: inline-block;
	border-radius: 4px;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	border: solid 1px #fff;
	white-space: nowrap; 
}
  .lb-btn:hover, .lb-btn-alt:hover  {
    border-color: #e7746f;
    color: #e7746f !important; 
}

/* modifiering lightbox.css */
.lb-dataContainer {
	background-color:#ffffff;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-ms-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-ms-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}
.lb-data {
    color:#666666;
}

/* CSS Intrinsic Ratio Technique, https://benmarshall.me/responsive-iframes/ */

/* Special för aktuell video: http://embedresponsively.com */