.m_marieberg_karta-wrap{
	margin: 0;
	width:100%;
	height: auto;
	position: relative;
}
.m_marieberg_karta-map{
	width: 100%;
	height: auto;
	padding: 0;
	background-color:#ccc;
}


.platser-bild{
	background-color:#ccc;
}

.platser-bild img{
	border-radius: 50%;
}

.karta-markor{
	position: absolute;
	width: 5%;
	height: 11%;
	background-image: url('../images/gfx-marker-shadow.png');
	background-size: cover;
	margin-left: 0;
}
.karta-markor.selected {

	transform-origin: bottom center;
	transform: scale(2, 2);
	opacity: 1;
}

.thumb-holder{
	padding: 3px;
}

.area-map .map .thumb-holder-infobox img{
	width: auto;
max-width: auto;
height: auto;
display: block;
}


.platser-beskrivning-close{
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;	
}

.karta-markor * img{
	border-radius: 50%;
	width: 100%;
	cursor: pointer;
}

.karta-markor.selected * img{
	border: 2px solid #fff;
}

.wrapper-karta-infobox{
	position: fixed;
	z-index: 1000;
	margin: 2rem;
}


.karta-infobox{
display: none;
background-color: #fff;
position: fixed;
top: 20%;
left: 50%;
padding: 1rem;
width: 28%;
box-shadow: 0px 8px 26px -13px rgba(0,0,0,0.58);
margin-left: -14%;

}

/*
.karta-infobox:after {
    content:"";
    border-color: #fff transparent transparent transparent;
    border-style:solid;
    border-width:10px;
    width:0;
    height:0;
    position:absolute;
    bottom:-20px;
    left:50%;
}

*/
.karta-infobox h3{
	margin-bottom: 0;
}

.karta-infobox p{
	margin-bottom: 0;
}

@media only screen and (max-width: 48em) {

	.karta-markor.selected * img{
		border-width: 1px;
	}

	.wrapper-karta-infobox{

		position: relative;
		top: auto;
		right: auto;
	}
	.karta-infobox:after {
		display: none;
	}

	.karta-infobox{
	top: 1%;
	left: 1%;
	width: 98%;
margin-left: 0;
}

}