/* lb-anpassning */
.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;
}
/*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 */