html { scroll-behavior: smooth; }
body { text-align: center; margin: 0; padding: 0; background-color: #b2d9ff; }
img { image-rendering: auto; }

.area
	{
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 16px 0 0 0;
	filter: drop-shadow(0 0 8px rgb(0 0 0 / 0.2));
	}
	
	@media screen and (max-width: 520px)
		{ .area { filter: none; } }	

.area-2
	{
	width: 90%;
	max-width: 1600px; /* tidigare 1400px */
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	}
	
	@media screen and (max-width: 520px)
		{ .area-2 { width: 96%; } }	

.area-3
	{
	/* background: rgba(237, 237, 237, 0.9); */
	background: rgba(255, 255, 255, 0.9);
	width: 100%;
	float: left;
	text-align: left;
	border-radius: 10px;
	margin: 0 0 16px 0; /* styr marginal mot underfot */
	padding: 0;
	}
	
/* navigering */

.topnav
	{
	/* border-top: 1px dotted #8184ce; */
	display: block;
	width: 100%;
	float: left;
	text-align: center;
	background-color: none;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 6px 0 8px 0;
	}
	
	@media screen and (max-width: 740px)
		{ .topnav { padding: 4px 0 2px 0; } }
	
	@media screen and (max-width: 600px)
		{ .topnav { margin: 0 0 2px 0; padding: 2px 0 0 0; } }
		
	@media screen and (max-width: 480px)
		{ .topnav { margin: 0 0 2px 0; padding: 2px 0 0 0; } }
		
	@media screen and (max-width: 440px)
		{ .topnav { margin: 0 0 2px 0; padding: 2px 0 0 0; } }	

.topnav a
	{
	display: inline-block;
	position: relative;
	top: -4px;
	font-family: Open Sans, arial, helvetica, sans-serif;
	font-weight: 600;
	font-size: 15px;
	font-style: normal;
	line-height: auto;
	color: #ffffff;
	margin: 0;
	padding: 4px 10px 6px 10px;
	text-align: left;
	margin: 0;
	background: transparent;
	border-radius: 6px;
	}
	
	@media screen and (max-width: 1200px)
		{ .topnav a { font-size: 15px; padding: 3px 6px 5px 6px; } }
		
	@media screen and (max-width: 800px)
		{ .topnav a { font-size: 15px; padding: 5px 6px 7px 6px; } }
		
	@media screen and (max-width: 480px)
		{ .topnav a { font-size: 15px; padding: 5px 6px 7px 6px; } }

.topnav a:hover
	{
	color: #ffffff;
	text-decoration: none;
	background: #464df1;
	text-shadow: 0 0 8px #ffffff;
	}
	
.meny-ikon { position: relative; color: #66cc66; padding: 4px 2px 0 2px; }

	@media screen and (max-width: 960px)
		{ .meny-ikon { padding: 0; } }

	@media screen and (max-width: 740px)
		{ .meny-ikon { padding: 0; } }

	@media screen and (max-width: 440px)
		{ .meny-ikon { padding: 0; } }

.md-24-meny { font-size: 24px; top: 6px; }

	@media screen and (max-width: 1200px)
		{ .md-24-meny { font-size: 20px; top: 0; } }

	@media screen and (max-width: 960px)
		{ .md-24-meny { font-size: 18px; top: 0; } }

	@media screen and (max-width: 740px)
		{ .md-24-meny { font-size: 16px; top: 0; } }
		
	@media screen and (max-width: 480px)
		{ .md-24-meny { font-size: 16px; top: 0; } }
		
	@media screen and (max-width: 440px)
		{ .md-24-meny { font-size: 16px; top: 2px; } }
		
.meny-ikon-v2 { position: relative; color: #66cc66; padding: 0 0 2px 0; }
		
.md-24-meny-v2 { font-size: 22px; position: relative; top: 5px; color: #ffffff; }

	@media screen and (max-width: 1200px)
		{ .md-24-meny { font-size: 20px; top: 0; } }

	@media screen and (max-width: 960px)
		{ .md-24-meny { font-size: 18px; top: 0; } }

	@media screen and (max-width: 740px)
		{ .md-24-meny { font-size: 16px; top: 0; } }
		
	@media screen and (max-width: 480px)
		{ .md-24-meny { font-size: 16px; top: 0; } }
		
	@media screen and (max-width: 440px)
		{ .md-24-meny { font-size: 16px; top: 2px; } }
		
.topnav .icon { display: none; }

@media screen and (max-width: 800px)
	{
	.topnav a:not(:first-child)
		{ display: none; }
	.topnav a.icon
		{ display: block; z-index: 1000; width: auto; float: right; }
	}

@media screen and (max-width: 800px)
	{
	.topnav.responsive { position: relative; }
	.topnav.responsive a.icon
		{
		position: relative;
		float: right;
		right: 0;
		top: 0;
		}
	.topnav.responsive a
		{
		float: none;
		display: block;
		text-align: left;
		}
	}

/* sökruta */

.topnav input[type=text]
	{
		display: none;
		visibility: hidden;
	border: none;
	float: right;
	position: relative;
	width: auto;
	font-family: Open Sans, arial, helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px	;
	color: #000000;	
	background-image: linear-gradient(#ffffff, #ededed);
	margin: 0.6em 0 1em 1em;
	padding: 4px 2px 4px 6px;
	border-radius: 6px;	
	box-shadow: 0 0 8px 2px #14187c;
	}	
	
	@media screen and (max-width: 1200px)
		{
		.topnav input[type=text]
			{
			float: left;
			width: auto;
			font-size: 13px;
			color: #000000;
			background-image: linear-gradient(#ffffff, #ededed);
			margin: 0;
			padding: 2px 2px 2px 5px;
			margin: 6px 0 3px 4px;
			border-radius: 4px;	
			box-shadow: 0 0 6px 1px #14187c;
			}
		}
	
	@media screen and (max-width: 960px)
		{
		.topnav input[type=text]
			{
			float: left;
			width: auto;
			font-size: 13px;
			color: #000000;
			background-image: linear-gradient(#ffffff, #ededed);
			margin: 0;
			padding: 2px 2px 2px 5px;
			margin: 0 0 3px 4px;
			border-radius: 4px;	
			box-shadow: 0 0 6px 1px #14187c;
			}
		}	
	
	@media screen and (max-width: 740px)
		{
		.topnav input[type=text]
			{
				display: inline-block;
				visibility: visible;
			z-index: 1000;	
			float: left;
			width: auto;
			font-size: 13px;
			color: #000000;
			background-image: linear-gradient(#ffffff, #ededed);
			margin: 0;
			padding: 2px 2px 2px 5px;
			margin: 6px 0 0 4px;
			border-radius: 4px;	
			box-shadow: 0 0 6px 1px #14187c;
			}
		}	
	
	@media screen and (max-width: 520px)
		{
		.topnav input[type=text]
			{
			float: left;
			width: auto;
			font-size: 13px;
			color: #000000;
			background-image: linear-gradient(#ffffff, #ededed);
			margin: 0;
			padding: 2px 2px 2px 5px;
			margin: 7px 0 0 4px;
			border-radius: 4px;	
			box-shadow: 0 0 6px 1px #14187c;
			}
		}

/* intro */

.intro
	{
	display: block;
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
	}

.introbilder-block
	{
	display: inline-block;
	position: relative;
	float: left;
	width: 69%;
	height: auto;
	margin: 0.6em 0 0 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .introbilder-block { width: 69%; margin: 0.5em 0 0 0; } }
		
	@media screen and (max-width: 1000px)
		{ .introbilder-block { width: 59%; margin: 0.4em 0 0 0; } }
	
	@media screen and (max-width: 740px)
		{ .introbilder-block { width: 100%; margin: 0.3em 0 0 0; } }
		
	@media screen and (max-width: 520px)
		{ .introbilder-block { width: 100%; margin: 0.2em 0 0 0; } }
		
.introbild-tn-block
	{
	width: 96%;
	height: auto;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 2% 0 2%;
	}
	
	@media screen and (max-width: 1200px)
		{ .introbild-tn-block { width: 100%; padding: 0; } }
	
/* tn v2 */		
		
.introbild-tn-div-v2
	{
	border: 1px solid transparent;
	display: inline-block;
	width: 140px;
	height: 140px;
	margin: 0.6em;
	padding: 1px;
	border-radius: 6px;
	box-shadow: 0 0 8px #cccccc;
	}
	
	@media screen and (max-width: 1200px)
		{ .introbild-tn-div-v2 { width: 110px; height: 110px; margin: 0.5em; } }
		
	@media screen and (max-width: 960px)
		{ .introbild-tn-div-v2 { width: 90px; height: 90px; border-radius: 5px; margin: 0.4em; } }		

	@media screen and (max-width: 740px)
		{ .introbild-tn-div-v2 { width: 80px; height: 80px; border-radius: 4px; box-shadow: 0 0 6px #cccccc; margin: 0.3em; } }				
		
	@media screen and (max-width: 520px)
		{ .introbild-tn-div-v2 { width: 60px; height: 60px; border-radius: 4px; box-shadow: 0 0 6px #cccccc; margin: 0.2em; } }	
	
.introbild-tn-div-padding
	{
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
/* tillbehör */
	
.introbild-tn-div-tillbehor
	{
	background-color: #ffffff;
	opacity: 0.8;
	display: block;
	position: absolute;
	top: 106px;
	width: 86%;
	height: auto;
	text-align: center;
	margin: 0 7% 0 7%;
	padding: 4px 0 3px 0;
	border-radius: 4px;
	z-index: 1000;
	}
	
	@media screen and (max-width: 1200px)
		{ .introbild-tn-div-tillbehor { top: 78px; width: 104px; height: 21px; margin: 0 0 0 3px; } }
		
	@media screen and (max-width: 960px)
		{ .introbild-tn-div-tillbehor { top: 60px; width: 84px; height: 19px; margin: 0 0 0 3px; border-radius: 3px; } }
		
	@media screen and (max-width: 740px)
		{ .introbild-tn-div-tillbehor { top: 54px; width: 76px; height: 17px; margin: 0 0 0 2px; } }
		
	@media screen and (max-width: 520px)
		{ .introbild-tn-div-tillbehor { top: 38px; width: 56px; height: 14px; margin: 0 0 0 2px; } }	
	
.introbild-tn-div-tillbehor p { text-shadow: 0px 0px 3px #ffffff; }	

/* mässamatta */
	
.introbild-tn-div-massmatta
	{
	background: #ffffff;
	opacity: 1;
	position: absolute;
	top: 92px;
	text-align: center;
	width: 100%;
	height: auto;
	padding: 4px 0 3px 0;
	z-index: 1000;
	}
	
	@media screen and (max-width: 1200px)
		{ .introbild-tn-div-massmatta { top: 82px; } }
		
	@media screen and (max-width: 960px)
		{ .introbild-tn-div-massmatta { top: 66px; } }
		
	@media screen and (max-width: 740px)
		{ .introbild-tn-div-massmatta { top: 58px; } }
		
	@media screen and (max-width: 520px)
		{ .introbild-tn-div-massmatta { top: 40px; padding: 4px 0 3px 0; } }
	
.introbild-tn-div-massmatta p { text-shadow: 0px 0px 3px #ffffff; }	
	
/* play */

/* .play-ram { border: 1px solid transparent; } */
/* .play-ram { border: 1px solid #cc3333; } */
.play-ram { border: 1px solid transparent; }
	
.introbild-tn-div-play
	{
	background-color: #cc3333;
	opacity: 0.8;
	display: block;
	position: absolute;
	top: 106px;
	width: 86%;
	height: auto;
	text-align: center;
	margin: 0 7% 0 7%;
	padding: 4px 0 3px 0;
	border-radius: 4px;
	z-index: 1000;
	}
	
	@media screen and (max-width: 1200px)
		{ .introbild-tn-div-play { top: 78px; width: 104px; height: 21px; margin: 0 0 0 3px; } }
		
	@media screen and (max-width: 960px)
		{ .introbild-tn-div-play { top: 60px; width: 84px; height: 19px; margin: 0 0 0 3px; border-radius: 3px; } }
		
	@media screen and (max-width: 740px)
		{ .introbild-tn-div-play { top: 54px; width: 76px; height: 17px; margin: 0 0 0 2px; } }
		
	@media screen and (max-width: 520px)
		{ .introbild-tn-div-play { top: 38px; width: 56px; height: 14px; margin: 0 0 0 2px; } }	
		
.introbild-tn-div-play p
	{
	color: #ffffff;
	padding: 0;
	margin: 0;
	position: relative;
	top: -1px;	
	}
	
	@media screen and (max-width: 1200px)
		{ .introbild-tn-div-play p { margin: 0; } }
	
	@media screen and (max-width: 960px)
		{ .introbild-tn-div-play p { margin: -1px 0 0 0; } }
		
	@media screen and (max-width: 740px)
		{ .introbild-tn-div-play p { margin: -1px 0 0 0; } }
		
	@media screen and (max-width: 520px)
		{ .introbild-tn-div-play p {  margin: -2px 0 0 0; } }
	
.introbild-tn-div-play p:hover { text-shadow: 0px 0px 3px #ffffff; }

/* max (alternativ) */

/* .max-ram { border: 1px solid transparent; } */
.max-ram { border: 1px solid transparent; }
/* .max-ram { border: 1px solid #181ea5; } */
	
.introbild-tn-div-max
	{
	background-color: #181ea5;
	opacity: 0.8;
	display: block;
	position: absolute;
	top: 106px;
	width: 86%;
	height: auto;
	text-align: center;
	margin: 0 7% 0 7%;
	padding: 4px 0 3px 0;
	border-radius: 4px;
	z-index: 1000;
	}
	
	@media screen and (max-width: 1200px)
		{ .introbild-tn-div-max { top: 78px; width: 104px; height: 21px; margin: 0 0 0 3px; } }
		
	@media screen and (max-width: 960px)
		{ .introbild-tn-div-max { top: 60px; width: 84px; height: 19px; margin: 0 0 0 3px; border-radius: 3px; } }
		
	@media screen and (max-width: 740px)
		{ .introbild-tn-div-max { top: 54px; width: 76px; height: 17px; margin: 0 0 0 2px; } }
		
	@media screen and (max-width: 520px)
		{ .introbild-tn-div-max { top: 38px; width: 56px; height: 14px; margin: 0 0 0 2px; } }	
		
.introbild-tn-div-max p
	{
	color: #ffffff;
	font-weight: 600px;
	position: relative;
	top: -1px;
	padding: 0;
	margin: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .introbild-tn-div-max p { margin: 0; } }
	
	@media screen and (max-width: 960px)
		{ .introbild-tn-div-max p { margin: -1px 0 0 0; } }
		
	@media screen and (max-width: 740px)
		{ .introbild-tn-div-max p { margin: -1px 0 0 0; } }
		
	@media screen and (max-width: 520px)
		{ .introbild-tn-div-max p {  margin: -2px 0 0 0; } }
	
.introbild-tn-div-max p:hover { text-shadow: 0px 0px 3px #ffffff; }
	
.introbild-tn			/* tn kvadratisk bild */
	{
	position: absolute;
	top: 3%;
	left: 3%;
	width: 94%;
	max-height: 94%;
	margin: 0;
	padding: 0;
	}
	
/* v2 */
	
.introbild-tn-v2
	{
	position: absolute;
	top: 3px;
	left: 5px;
	width: 130px;
	height: 130px;
	margin: 0;
	padding: 0;
	}	

	@media screen and (max-width: 1200px)
		{ .introbild-tn-v2 { width: 100px; height: 100px; } }
		
	@media screen and (max-width: 960px)
		{ .introbild-tn-v2 { top: 2px; left: 4px; width: 82px; height: 82px; } }
	
	@media screen and (max-width: 740px)
		{ .introbild-tn-v2 { top: 1px; left: 3px; width: 72px; height: 72px; } }
		
	@media screen and (max-width: 520px)
		{ .introbild-tn-v2 { top: 1px; left: 3px; width: 54px; height: 54px; } }	
		
.introbild-tn-v2-play
	{
	position: absolute;
	top: 0;
	left: 10px;
	width: 100px;
	height: 95px;
	margin: 0;
	padding: 0;
	}	

	@media screen and (max-width: 1200px)
		{ .introbild-tn-v2-play { left: 11px; width: 88px; height: 88px; } }
		
	@media screen and (max-width: 960px)
		{ .introbild-tn-v2-play { left: 8px; width: 74px; height: 70px; } }
	
	@media screen and (max-width: 740px)
		{ .introbild-tn-v2-play { left: 7px; width: 66px; height: 60px; } }
		
	@media screen and (max-width: 520px)
		{ .introbild-tn-v2-play { left: 5px; width: 50px; height: 44px; } }	
		
.introbild-tn-v2-max 
	{
	position: absolute;
	top: 1px;
	left: 8px;
	width: 106px;
	height: 106px;
	margin: 0;
	padding: 0;
	}	

	@media screen and (max-width: 1200px)
		{ .introbild-tn-v2-max { left: 11px; width: 88px; height: 88px; } }
		
	@media screen and (max-width: 960px)
		{ .introbild-tn-v2-max { left: 8px; width: 74px; height: 74px; } }
	
	@media screen and (max-width: 740px)
		{ .introbild-tn-v2-max{ left: 7px; width: 66px; height: 60px; } }
		
	@media screen and (max-width: 520px)
		{ .introbild-tn-v2-max { left: 5px; width: 50px; height: 44px; } }		

.introbild-tn-s
	{
	position: absolute;
	top: 3%;
	left: 15%;
	width: auto;
	max-height: 94%;
	margin: 0;
	padding: 0;
	}	
	
.introbild-tn-bildblock
	{
	background: transparent;
	position: relative;
	left: 1px;
	width: 100%;
	/* max-width: 520px;*/
	height: auto;
	margin: 0;
	padding: 0;
	visibility: hidden;
	}
	
.column { }
	
.column img
	{
	opacity: 1;
	cursor: pointer;
	border-radius: 4px;
	margin: 2px 0 0 0;
	}

.column img:hover { opacity: 0.8; }
	
.row:after
	{
	content: "";
	display: block;
	width: 100%;
	height: auto;
	clear: both;	
	}

.container
	{
	display: block;
	position: relative;	
	width: 99%;
	height: 100%;
	text-align: center;
	margin: 0.4em 0 0 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .container { margin: 0.38em 0 0 0; } }
		
	@media screen and (max-width: 960px)
		{ .container { margin: 0.36em 0 0 0; } }
	
	@media screen and (max-width: 740px)
		{ .container { margin: 0.34em 0 0 0; } }
		
	@media screen and (max-width: 520px)
		{ .container { margin: 0.3em 0 0 0; } }

.container img
	{
	width: 600px;
	height: 600px;
	margin: 0 0 1.2em 0;
	border-radius: 8px;
	}

.container img:hover { box-shadow: 0 0 8px 2px #ededed; }
	
	@media screen and (max-width: 1200px)
		{ .container img { width: 400px; height: 400px; margin: 0 0 1em 0; } }
		
	@media screen and (max-width: 960px)
		{ .container img { width: 350px; height: 350px; margin: 0 0 0.8em 0; } }
	
	@media screen and (max-width: 740px)
		{ .container img { width: 280px; height: 280px; margin: 0 0 0.6em 0; } }
		
	@media screen and (max-width: 520px)
		{ .container img { width: 240px; height: 240px; margin: 0 0 0.4em 0; } }
		
.container-s
	{
	display: block;
	position: relative;	
	width: 98%;
	height: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
.container-s img
	{
	width: 600px;
	height: 600px;
	margin: 0 0 22px 0;
	border-radius: 8px;
	}
	
	@media screen and (max-width: 1200px)
		{ .container-s img { width: 500px; height: 500px; margin: 0 0 1em 0; } }
		
	@media screen and (max-width: 960px)
		{ .container-s img { width: 400px; height: 400px; margin: 0 0 0.6em 0; } }		

	@media screen and (max-width: 520px)
		{ .container-s img { width: 300px; height: 300px; margin: 4px 0 8px 0; } }
		
.container-s img:hover { box-shadow: 3px 3px 10px 2px #ededed; }

	@media screen and (max-width: 520px)
		{ .container-s img:hover { box-shadow: none; } }
	
#imgtext
	{
	position: relative;
	width: 100%;	
	margin: 0 0 32px 0;
	padding: 0;
	font-family: Open Sans, arial, helvetica, sans-serif; /* synk med p */
	font-weight: 400;
	font-size: 16px;
	font-style: normal;
	line-height: 26px;
	overflow-wrap: break-word;
	color: #000000;
	}
	
	@media screen and (max-width: 1200px)
		{ #imgtext { font-size: 15px; line-height: 26px; margin: 0 0 28px 0 } }
	
	@media screen and (max-width: 960px)
		{ #imgtext { font-size: 15px; line-height: 25px; margin: 0 0 20px 0 } }
	
	@media screen and (max-width: 740px)
		{ #imgtext { width: 96%; font-size: 15px; line-height: 23px; margin: 0 0 18px 0; padding: 0 2% 0 2%; } }
		
/* spalt */

.spalt-block
	{
	display: inline-block;
	position: relative;
	width: 30%;
	text-align: center;
	margin: 12px 0 0 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .spalt-block { width: 30%; } }
		
	@media screen and (max-width: 1000px)
		{ .spalt-block { width: 40%; } }		

	@media screen and (max-width: 740px)
		{ .spalt-block { width: 100%; } }
	
.spalt-block-p { width: 100%; }
		
.spalt-egenskaper
	{
	display: block;
	width: auto;
	max-width: ;
	text-align: left;
	margin: 0 0 42px 0;
	}

	@media screen and (max-width: 740px)
		{
		.spalt-egenskaper
			{
			width: 100%;
			max-width: 100%;
			text-align: center;
			border-top: 1px dotted #cccccc;
			margin: 0.8em 0 0 0;
			padding: 18px 0 16px 0;
			}
		}

.spalt-egenskaper p
	{
	font-weight: 600;
	margin-bottom: 0.4em;
	}		
		
.spalt-egenskaper-p { margin: 0 0 0 12px; }	
	
	@media screen and (max-width: 1200px)
		{ .spalt-egenskaper-p { margin: 0; } }
		
/* spalt produktblad */
		
.spalt-produktblad
	{
	display: block;
	width: auto;
	text-align: center;
	margin: 0;
	}
	
	@media screen and (max-width: 740px)
		{ .spalt-produktblad { margin: 0; } }
		
.spalt-produktblad-p
	{
	display: block;
	width: auto;
	margin: 12px;
	padding: 1.2em 0.6em 0.4em 0.6em;
	border-radius: 8px;
	}
	
	@media screen and (max-width: 520px)
		{ .spalt-produktblad-p { padding: 1.2em 0.6em 0 0.6em; } }	
	
.spalt-produktblad-p:hover { box-shadow: 3px 3px 10px 2px #ededed; }

	@media screen and (max-width: 520px)
		{ .spalt-produktblad-p:hover { box-shadow: none; } }	

.spalt-produktblad-bild
	{
	width: 180px;
	height: 254px;
	box-shadow: 4px 4px 14px #ededed;
	border-radius: 6px;
	margin: 0 0 16px 0;
	}

	/*
	@media screen and (max-width: 1200px)
		{ .spalt-produktblad-bild { width: 150px; height: 212px; } }
	
	@media screen and (max-width: 960px)
		{ .spalt-produktblad-bild { width: 140px; height: 198px; } }

	@media screen and (max-width: 740px)
		{ .spalt-produktblad-bild { width: 120px; height: 169px; } }
	*/
		
	@media screen and (max-width: 520px)
		{ .spalt-produktblad-bild { width: 180px; height: 254px; } }
		
#spalt-produktblad-lank
	{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 0 1% 0;
	padding: 0 0 2% 0;
	border-radius: 8px;
	}
	
#spalt-produktblad-lank p { color: #181ea5; margin: 0; }
		
#spalt-produktblad-lank-neutral
	{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0;
	padding: 0 0 2% 0;
	border-radius: 8px;
	}
	
#spalt-produktblad-lank-neutral p { color: #999999; margin: 0; }
#spalt-produktblad-lank-neutral a:hover { color: #999999; }
		
.produktblad-text-ikon
	{
	position: relative;
	top: 4px;
	float: ;
	color: #181ea5;
	margin: 0 4px 0 0;
	padding: 0;
	}
	
	@media screen and (max-width: 960px)
		{ .produktblad-text-ikon { margin: 0 2px 0 0; } }
	
	@media screen and (max-width: 740px)
		{ .produktblad-text-ikon { margin: 0 1px 0 0; } }

	@media screen and (max-width: 520px)
		{ .produktblad-text-ikon { margin: 0 1px 0 0; } }
	
.produktblad-text-ikon-neutral
	{
	position: relative;
	top: 4px;
	float: ;
	color: #999999;
	margin: 0 6px 0 0;
	padding: 0;
	}
	
/* spalt resurser */
		
.spalt-resurser
	{
	display: block;
	width: auto;
	text-align: center;
	margin: 0 0 2em 0;
	}
	
	@media screen and (max-width: 960px)
		{ .spalt-resurser { margin: 0 0 1.2em 0; } }	
	
	@media screen and (max-width: 740px)
		{ .spalt-resurser { margin: 1em 0 1em 0; } }
		
	@media screen and (max-width: 520px)
		{ .spalt-resurser { margin: 0.6em 0 24px 0; } }
		
.spalt-resurser-lank
	{
	width: 100%;
	max-width: 340px;
	height: auto;
	text-align: center;
	background: #181ea5;
	margin: 0 auto 0.6em auto;
	border-radius: 8px;
	}
	
.spalt-resurser-lank:hover
	{
	background: #334bb7;
	text-shadow: 0 0 8px #ffffff;
	text-decoration: none;
	}	

	@media screen and (max-width: 740px)
		{ .spalt-resurser-lank { width: 80%; border-radius: 6px; } }
		
	@media screen and (max-width: 520px)
		{ .spalt-resurser-lank { width: 80%; border-radius: 18px; } }
		
.spalt-resurser-lank-p
	{
	width: 100%;
	margin: ;
	padding: 0.2em 0.1em 0.6em 0.1em;
	}	
	
	@media screen and (max-width: 960px)
		{ .spalt-resurser-lank-p { padding: 0.3em 0.2em 0.5em 0.2em; } }

	@media screen and (max-width: 740px)
		{ .spalt-resurser-lank-p { padding: 0.4em 0.1em 0.3em 0.1em; } }
		
.spalt-resurser-lank-p p
	{
	color: #dadcff;
	font-weight: 700;
	margin: 0 0 2px 0;
	padding: 0;
	}

	@media screen and (max-width: 740px)
		{ .spalt-resurser-lank-p p
			{
			font-size: 14px;
			font-weight: 600;
			margin: 0 0 5px 0;
			}
		}
						
	@media screen and (max-width: 520px)
		{ .spalt-resurser-lank-p p { font-size: 15px; margin: 0 0 5px 0; } }
		
.spalt-resurser-lank-ikon
	{
	color: #ffffff;
	position: relative; 
	margin: 3px 2px 0 0;
	}	
		
	@media screen and (max-width: 740px)
		{ .spalt-resurser-lank-ikon { margin: 0 2px 0; top: 0; } }	

/* spalt kontakt */	
		
.spalt-kontakt
	{
	display: block;
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 8px 0;
	}
	
	@media screen and (max-width: 960px)
		{ .spalt-kontakt { margin: 0 0 1.2em 0; } }	
		
	@media screen and (max-width: 740px)
		{ .spalt-kontakt { margin: 0 0 8px 0; } }
		
	@media screen and (max-width: 520px)
		{ .spalt-kontakt { visibility: hidden; display: none; } }	
		
/* spalt kontakta oss */	
		
.spalt-kontakta-oss
	{
	visibility: hidden;
	display: none;
	}
	
	@media screen and (max-width: 520px)
		{ .spalt-kontakta-oss
			{
			display: block;
			visibility: visible;
			}
		}	

.spalt-kontakt-p
	{
	display: block;
	width: auto;
	margin: 12px;
	padding: 12px 0.6em 8px 0.6em;
	border-radius: 8px;
	}
	
	@media screen and (max-width: 1200px)
		{ .spalt-kontakt-p { margin-bottom: 0; } }	
	
	@media screen and (max-width: 960px)
		{ .spalt-kontakt-p { margin-bottom: 0; } }		
	
	@media screen and (max-width: 740px)
		{ .spalt-kontakt-p { margin-bottom: 0; } }		
	
.spalt-kontakt-p:hover { box-shadow: 3px 3px 10px 2px #ededed; }

	@media screen and (max-width: 520px)
		{ .spalt-kontakt-p:hover { box-shadow: none; } }	

.spalt-kontakt-p p { font-weight: 600; }

		
.spalt-kontakt-lank
	{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 6px 0 12px 0;
	padding: 0;
	}
	
.spalt-kontakt-lank p
	{
	color: #181ea5;
	font-weight: 600;
	margin: 0;
	padding: 0;
	}
		
.spalt-kontakt-ikon
	{
	position: relative;
	top: 4px;
	float: ;
	color: #181ea5;
	margin: 0 6px 0 0;
	padding: 0;
	}
	
	@media screen and (max-width: 960px)
		{ .spalt-kontakt-ikon { margin: 0 2px 0 0; } }
	
	@media screen and (max-width: 740px)
		{ .spalt-kontakt-ikon { margin: 0 1px 0 0; } }

/* tags */

.spalt-tags
	{
	display: block;
	width: 100%;
	float: left;
	text-align: center;
	margin: 0;
	}
	
	@media screen and (max-width: 960px)
		{ .spalt-tags { margin: 0 0 1.2em 0; } }
		
	@media screen and (max-width: 740px)
		{ .spalt-tags { margin: 0; } }	
		
	@media screen and (max-width: 520px)
		{ .spalt-tags { visibility: hidden; display: none; } }	
	
.spalt-tags-p
	{
	display: block;
	width: auto;
	margin: 12px;
	padding: 0.6em 0.6em 0.2em 0.6em;
	border-radius: 8px;
	}
	
	@media screen and (max-width: 1200px)
		{ .spalt-tags-p { margin-bottom: 0; } }	
	
	@media screen and (max-width: 960px)
		{ .spalt-tags-p { margin-bottom: 0; } }		
	
	@media screen and (max-width: 740px)
		{ .spalt-tags-p { margin-bottom: 0; } }	

/*
.spalt-tags p
	{
	display: inline-block;
	background: #c8e6b1;
	color: #181ea5;
	padding: 2% 3%;
	margin: 2% 1%;
	border-radius: 5px;
	}
	
.spalt-tags p:hover { background: #d9eec9; text-decoration: none; }
*/

.spalt-tags p
	{
	border: 1px solid #cccccc;
	display: inline-block;
	background: #ffffff;
	color: #181ea5;
	padding: 2% 3%;
	margin: 2% 1%;
	border-radius: 12px;
	}
	
.spalt-tags p:hover { background: #ededed; text-decoration: none; }
	
/* tags ikon */
	
.material-icons.tags-ikon
	{
	font-size: 15px;
	color: #96d06b;
	position: relative;
	float: left;
	top: 4px;
	left: -1px;
	margin: 0 4px 0 0;
	padding: 0;
	}

	@media screen and (max-width: 1200px)
		{ .material-icons.tags-ikon { font-size: 15px; } }

	@media screen and (max-width: 960px)
		{ .material-icons.tags-ikon { font-size: 15px; top: 2px; left: -1px; margin: 0 4px 0 0; } }

	@media screen and (max-width: 520px)
		{ .material-icons.tags-ikon { font-size: 15px; top: 3px; left: -1px; margin: 0 3px 0 0; } }
			
/* spalt linje */
		
.spalt-linje
	{
	display: block;
	width: auto;
	text-align: center;
	margin: 0 12px;
	}	

	@media screen and (max-width: 520px)
		{ .spalt-linje { visibility: hidden; display: none; } }	
	
.spalt-linje-p
	{
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #ffffff;
	display: block;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	}					
	
/* bild s */
	
.bild-s
	{
	max-width: 300px;
	height: auto;
	margin: 0 1em 0 1em;
	border-radius: 6px;
	}
	
@media screen and (max-width: 600px)
	{
	.bild-s
		{
		width: 100%;
		max-width: 200px;
		height: auto;
		margin: 0 0.6em 0 0.6em;
		border-radius: 4px; 
		}
	}
	
@media screen and (max-width: 520px)
	{
	.bild-s
		{
		width: 100%;
		max-width: 100px;
		height: auto;
		margin: 0 0.4em 0 0.4em;
		border-radius: 4px; 
		}
	}

/* meny */		
	
.meny
	{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	background-image: linear-gradient(#464df1, #181ea5);
	border-radius: 10px 10px 0 0;
	margin: 0;
	padding: 0;
	}
	
@media screen and (max-width: 520px)
	{ .meny { background-image: linear-gradient(#464df1, #181ea5); } }

@media screen and (max-width: 520px)
	{ .meny { background-image: linear-gradient(#464df1, #181ea5); } }
	
.meny-fot
	{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	background-image: linear-gradient(#464df1, #181ea5);
	border-radius: 0 0 10px 10px;
	margin: 0;
	padding: 0 0 0.4em 0;
	}

	.meny-2
		{
		width: 100%;
		float: left;
		padding: 0;
		margin: 0;
		}
		
.meny-fot-v2
	{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	background-image: linear-gradient(#464df1, #181ea5);
	border-radius: 0 0 10px 10px;
	margin:  0;
	padding: 0 0 0.2em 0;
	}
	
.meny-logo-bild
	{
	width: 300px;
	height: 78px;
	float: left;
	margin: 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .meny-logo-bild
			{
			width: 280px;
			height: 68px;
			float: left;
			margin: 0;
			padding: 0;		
			}
		}
		
	@media screen and (max-width: 960px)
		{ .meny-logo-bild
			{
			width: 240px;
			height: 68px;
			float: left;
			margin: 0;
			padding: 0;		
			}
		}

	@media screen and (max-width: 740px)
		{ .meny-logo-bild
			{
			width: 200px;
			height: 58px;
			float: left;
			margin: 0;
			padding: 0;		
			}
		}			
	
.meny-logo-bild img
	{
	width: 260px;
	height: auto;
	position: relative;
	left: 25px;
	top: 7px;
	margin: 0;
	padding: 0;
	filter: drop-shadow(0 0 6px rgb(16 20 106 / 1));
	}

	@media screen and (max-width: 1200px)
		{ .meny-logo-bild img
			{
			width: 220px;
			height: auto;
			left: 25px;
			top: 7px;
			}
		}	
		
	@media screen and (max-width: 960px)
		{ .meny-logo-bild img
			{
			width: 200px;
			height: auto;
			left: 25px;
			top: 8px;
			}
		}	
		
	@media screen and (max-width: 740px)
		{ .meny-logo-bild img
			{
			width: 180px;
			height: auto;
			left: 10px;
			top: 8px;
			}
		}	
		
.mib
	{
	z-index: 1000;
	display: inline-block;
	float: right;
	position: relative;
	margin: 0.8em 1.2em 0.4em 0.2em;
	}
	
	@media screen and (max-width: 600px)
		{ .mib { margin: 12px 10px 0 8px; } }	
	
	@media screen and (max-width: 520px)
		{ .mib { display: none; visibility: hidden; } }
	
.mib-logo
	{
	position: relative;
	width: 90px;
	height: 90px;
	top: -22px;
	margin: 0 5px -30px 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{
		.mib-logo
			{
			width: 64px;
			height: 64px;
			top: -34px;
			padding: 0;
			margin: 0 4px -38px 0;
			}
		}
	
	@media screen and (max-width: 960px)
		{
		.mib-logo
			{
			width: 64px;
			height: 64px;
			top: -15px;
			padding: 0;
			margin: 0 4px -24px 0;
			}
		}
	
	@media screen and (max-width: 600px)
		{
		.mib-logo
			{
			width: 54px;
			height: 54px;
			top: -30px;
			padding: 0;
			margin: 0 3px -28px 0;
			}
		}
	
/* meny bord */		
		
.meny-bord
	{
	display: table;
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	}

.meny-rad { display: table-row; }
.meny-cell { display: table-cell; }
	
.meny-cell-payoff
	{
	display: table-cell;
	width: 100%;
	height: auto;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	}
	
	@media screen and (max-width: 520px)
		{ .meny-cell-payoff { text-align: right; padding: 0 12px 0 0; } }
	
.meny-cell-payoff p
	{
	font-family: Open Sans, arial, helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	font-style: normal;
	line-height: auto;
	color: #c6c8f7;
	position: relative;
	top: -6px;
	margin: 0 12px 0 0;
	padding: 0;
	}
	
.meny-cell-payoff p:hover { text-shadow: 0 0 8px #ffffff; text-decoration: none; }
	
	@media screen and (max-width: 1200px)
		{ .meny-cell-payoff p { position: relative; top: -6px; font-size: 13px; font-weight: 400; color: #c6c8f7; margin: 0 12px 0 0; } }	
		
	@media screen and (max-width: 960px)
		{ .meny-cell-payoff p { display: none; visibility: hidden; } }

/*	
.meny-cell-payoff-fot
	{
	display: table-cell;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 1.2em 0.2em;
	}
	
	@media screen and (max-width: 1200px)
		{ .meny-cell-payoff-fot { padding: 1em 0.2em; }	}
		
	@media screen and (max-width: 960px)
		{ .meny-cell-payoff-fot { padding: 0.8em 0.2em; } }	
		
	@media screen and (max-width: 740px)
		{ .meny-cell-payoff-fot { padding: 0.6em 0.2em; } }	
	
	@media screen and (max-width: 520px)
		{ .meny-cell-payoff-fot { padding: 0.4em 0.1em; } }	
	
.meny-cell-payoff-fot p
	{
	font-family: Open Sans, arial, helvetica, sans-serif;
	font-weight: 400;
	font-size: 18px;
	font-style: italic;
	line-height: normal;
	color: #ffffff;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 2px #0d224b;
	}
	
	@media screen and (max-width: 1200px)
		{ .meny-cell-payoff-fot p { font-size: 16px; } }
		
	@media screen and (max-width: 960px)
		{ .meny-cell-payoff-fot p { font-size: 14px; } }
		
	@media screen and (max-width: 740px)
		{ .meny-cell-payoff-fot p { font-size: 12px; } }
		
	@media screen and (max-width: 520px)
		{ .meny-cell-payoff-fot p { font-size: 11px; } }
*/

.payoff-block
	{
	display: inline-block;
	float: auto;
	vertical-align: top;
	margin: 0;
	padding: 0;
	}

.payoff-block-fot { display: inline-block; }	

.payoff-ikon-block
	{
	display: inline-block;
	position: relative;
	top: 0;
	color: #ffffff;
	margin: 0 16px 0 0;
	padding: 5px 5px 1px 5px;
	}
	
.payoff-ikon-block:hover { text-shadow: 0 0 8px #ffffff; text-decoration: none; }

	@media screen and (max-width: 1200px)
		{ .payoff-ikon-block { top: 0; margin: 0 4px 0 0; padding: 5px 5px 1px 5px; } }
		
	@media screen and (max-width: 960px)
		{ .payoff-ikon-block { top: 0; margin: 0 3px 0 0; padding: 5px 5px 1px 5px; } }
		
	@media screen and (max-width: 600px)
		{ .payoff-ikon-block { top: 0; margin: 0 3px 0 0; padding: 4px 4px 0 4px; } }
		
	@media screen and (max-width: 520px)
		{ .payoff-ikon-block { top: 0; margin: 0 6px 0 0; padding: 4px 4px 0 4px; } }
	
.material-icons.md-20-ikon { font-size: 21px; margin: 0 4px 0 0; padding: 0; }

	@media screen and (max-width: 1200px)
		{ .material-icons.md-20-ikon { font-size: 21px; margin: 0; padding: 0; } }

	@media screen and (max-width: 960px)
		{ .material-icons.md-20-ikon { font-size: 21px; margin: 0; padding: 0; } }

	@media screen and (max-width: 600px)
		{ .material-icons.md-20-ikon { font-size: 20px; margin: 0; padding: 0; } }

	@media screen and (max-width: 520px)
		{ .material-icons.md-20-ikon { font-size: 24px; margin: 0; padding: 0; } }

.payoff-p { display: inline-block; }

.payoff-block-social
	{
	display: inline-block;
	float: right;
	margin: 0 8px 0 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .payoff-block-social { margin: 0 8px 0 0; } }	
	
	@media screen and (max-width: 960px)
		{ .payoff-block-social { margin: 0 8px 0 0; } }	

	@media screen and (max-width: 600px)
		{ .payoff-block-social { display: none; visibility: hidden; } }	
		
/*		
.sok-ikon {}

	@media screen and (max-width: 600px)
		{ .sok-ikon { display: none; visibility: hidden; } }	
*/
		
.payoff-block-social-ikon
	{
	display: inline-block;
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	top: 3px;
	text-align: center;
	margin: 0 12px 0 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .payoff-block-social-ikon { width: 22px; height: 22px; top: 3px; margin: 0 5px 0 0; padding: 3px; } }
	
	@media screen and (max-width: 960px)
		{ .payoff-block-social-ikon { width: 22px; height: 22px; margin: 0 5px 0 0; padding: 3px; } }
	
	@media screen and (max-width: 600px)
		{ .payoff-block-social-ikon { width: 22px; height: 22px; margin: 0 4px 0 0; padding: 3px; } }
		
	@media screen and (max-width: 520px)
		{ .payoff-block-social-ikon { width: 18px; height: 18px; margin: 0 5px 0 0; padding: 2px; } }
	
.social-ikon-fb
	{
	position: relative;
	width: 21px;
	height: 21px;
	float: left;
	margin: 3px 0 0 4px;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .social-ikon-fb { width: 19px; height: 19px; margin: 0; top: 2px; } }	
	
	@media screen and (max-width: 960px)
		{ .social-ikon-fb { width: 18px; height: 18px; margin: 0; top: 0; } }
	
	@media screen and (max-width: 600px)
		{ .social-ikon-fb { width: 17px; height: 17px; margin: 0; top: -1px; } }

	@media screen and (max-width: 520px)
		{ .social-ikon-fb { width: 17px; height: 17px; margin: 0; top: 0; } }

.social-ikon-yt
	{
	position: relative;
	width: 22px;
	height: 15px;
	margin: 6px 0 0 1px;
	padding: 0;
	top: 1px;
	}
	
	@media screen and (max-width: 1200px)
		{ .social-ikon-yt { width: 20px; height: 14px; margin: 0; top: 6px; } }
	
	@media screen and (max-width: 960px)
		{ .social-ikon-yt { width: 20px; height: 14px; margin: 0; top: 3px; } }
	
	@media screen and (max-width: 600px)
		{ .social-ikon-yt { width: 19px; height: 14px; margin: 0; top: 2px; } }
		
	@media screen and (max-width: 520px)
		{ .social-ikon-yt { width: 18px; height: 13px; margin: 0; top: 3px; } }
	
/* droppmeny */	
	
.droppmeny
	{
	display: block;
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	}		
	
.droppmeny-2 { margin: 0; padding: 0 2% 0 2%; }
	
.droppmeny-linje
	{
	border-top: 1px dotted #8184ce;
	width: 100%;
	float: left;
	margin: 0 0 12px 0;
	padding: 0;
	}
	
/* droppmeny social */

.droppmeny-social
	{
	display: inline-block;
	width: auto;
	height: auto;
	float: right;
	margin: 0 0 0.1em 0;
	padding: 0;
	}
	
	@media screen and (max-width: 800px)
		{
	  	.droppmeny-social
			{
			display: inline-block;
			width: 100%;
			height: auto;
			float: left;
			margin: 2px 0 -1px 1px;
			padding: 0;
			}	
		}
		
/* skuggor */

.topp-skugga
	{
	display: block;
	float: left;
	width: 100%;
	height: 10px;
	background: url(../bilder/bg/skugga/skugga_meny_v2.png);
	background-repeat: repeat;
	background-positon: 0 0;
	text-align: center;
	margin: 0 0 8px 0;
	padding: 0;
	}
	
	@media screen and (max-width: 600px)
		{ .topp-skugga { margin: 0 0 4px 0; } }
		
	@media screen and (max-width: 520px)
		{ .topp-skugga { margin: 0 0 2px 0; } }
	
.fot-skugga
	{
	display: block;
	float: left;
	width: 100%;
	height: 10px;
	background: url(../bilder/bg/skugga/skugga_meny_v2_fot.png);
	background-repeat: repeat;
	background-position: 0 0;
	text-align: center;
	margin: 12px 0 0 0;
	padding: 0;
	}
	
.arbetsyta
	{
	display: block;
	width: 100%;
	float: left;
	margin: 0 auto;
	padding: 0;
	}
	
.arbetsyta-2 { margin: 0 2% 0 2%; }
		
/* brödsmulor */

.brod
	{
	display: block;
	position: absolute;
	width: auto;
	height: auto;
	float: left;
	margin: -10px 0 0 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .brod { margin-top: -14px; } }	
	
	@media screen and (max-width: 960px)
		{ .brod { margin-top: -15px; } }
	
	@media screen and (max-width: 740px)
		{ .brod { margin-top: -13px; } }
		
	@media screen and (max-width: 520px)
		{ .brod { margin-top: -8px; } }

.brod p 
	{
	font-family: Open Sans, arial, helvetica, sans-serif;
	font-weight: 400;
	font-size: 15px;
	font-style: normal;
	line-height: auto;
	overflow-wrap: break-word;
	color: #666666;
	margin: 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .brod p { font-size: 15px; } }
	
	@media screen and (max-width: 960px)
		{ .brod p { font-size: 14px; } }
	
	@media screen and (max-width: 740px)
		{ .brod p { font-size: 13px; } }
	
	@media screen and (max-width: 520px)
		{ .brod p { font-size: 13px; } }
		
.material-icons.md-20-brod { position: relative; top: 4px; font-size: 18px; margin: 0; padding: 0; }

	@media screen and (max-width: 1200px)
		{ .material-icons.md-20-brod { font-size: 18px; } }

	@media screen and (max-width: 960px)
		{ .material-icons.md-20-brod { font-size: 18px; } }

	@media screen and (max-width: 600px)
		{ .material-icons.md-20-brod { font-size: 18px; } }

	@media screen and (max-width: 520px)
		{ .material-icons.md-20-brod { font-size: 13px; top: 2px; margin: 0; } }
	
/* rubrik */

.rubrik
	{
	display: block;
	width: 100%;
	float: left;
	text-align: center;
	margin: 40px 0 42px 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .rubrik { width: 98%; text-align: center; margin: 12px 0 12px 0; padding: 0 1%; } }
		
	@media screen and (max-width: 960px)
		{ .rubrik { width: 96%; text-align: center; center: 12px 0 8px 0; padding: 0 2%; } }	
	
	@media screen and (max-width: 520px)
		{ .rubrik { width: 99%; text-align: center; margin: 18px 0 8px 0; padding: 0 0.5%; } }
		
/* rubrik utan brödsmulor */

.nbc { margin-top: 12px; }
	
	@media screen and (max-width: 1200px) { .nbc { margin-top: 0; } }
	
/* rubrik utan centrering */	
	
.nc { }

	@media screen and (max-width: 960px) { .nc { text-align: center; } }
	
/* data */
	
.data
	{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	}
	
.data-vit
	{
	width: 100%;
	float: left;
	text-align: left;
	background: #ffffff;
	border-radius: 8px;
	margin: 0 0 16px 0;
	padding: 0.8em 0 2em 0;
	filter: drop-shadow(0 0 4px rgb(0 0 0 / 0.1));
	/* box-shadow: 0 0 8px 2px #ededed; */
	}
	
	@media screen and (max-width: 960px)
		{ .data-vit { padding: 0.6em 0 1em 0; } }
		
	@media screen and (max-width: 740px)
		{ .data-vit { padding: 0.4em 0 0.8em 0; } }	
		
	@media screen and (max-width: 520px)
		{ .data-vit { margin: 0; padding: 0.2em 0 0.6em 0; filter: none; } }	
	
.data-vit-2
	{
	display: block;
	width: auto;
	padding: 0;
	float: auto;
	margin: 0 2%;
	}
	
.data-vit-block
	{
	width: 100%;
	float: left;
	text-align: left;
	background: #ffffff;
	border-radius: 8px;
	margin: 0 0 12px 0;
	padding: 18px 0 24px 0;
	}
	
	@media screen and (max-width: 1400px)
		{ .data-vit-block { padding: 12px 0 18px 0; } }
	
	@media screen and (max-width: 960px)
		{ .data-vit-block { padding: 0.6em 0 1em 0; } }
		
	@media screen and (max-width: 740px)
		{ .data-vit-block { padding: 0.4em 0 0.8em 0; } }	
		
	@media screen and (max-width: 520px)
		{ .data-vit-block { margin: 0 0 8px 0; padding: 0; } }	
	
.data-vit-block-2 { padding: 0; margin: 0; }
		
/* ingress */

.ingress-block
	{
	display: table;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	}
	
.ingress-block-2
	{
	display: inline-block;
	text-align: left;
	width: 100%;
	max-width: 1200px;
	margin: 36px 0 36px 0;
	}	
	
	@media screen and (max-width: 1200px)
		{ .ingress-block-2 { width: 96%; margin: 36px 0 24px 0; padding: 0 2%; } }	
	
.ingress 
	{
	display: block;
	float: ;
	text-align: left;
	margin: 0.4em 1.2em 0 0.2em;
	padding: 0;
	}	
	
	@media screen and (max-width: 1200px)
		{ .ingress { margin-top: 0.4em; } }
	
	@media screen and (max-width: 960px)
		{ .ingress { margin-top: 0.3em; } }

	@media screen and (max-width: 740px)
		{ .ingress { width: 96%; margin: 16px 0 0 0; padding: 0 2% 0 2%; } }

	@media screen and (max-width: 520px)
		{ .ingress { width: 98%; margin: 16px 0 0 0; padding: 0 1%; } }			
		
.ingress-2  { margin: 0; padding: 0; }

.ingress h3
	{
	font-family: Open Sans, arial, helvetica, sans-serif;
	font-weight: 600;
	font-size: 15px;
	font-style: normal;
	line-height: 23px;
	overflow-wrap: break-word;
	color: #000000;
	width: auto;
	float: left;
	margin: 0 0.35em 0 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .ingress h3 { font-size: 14px; line-height: 20px; } }
	
	@media screen and (max-width: 960px)
		{ .ingress h3 { font-size: 13px; line-height: 18px; } }
	
	@media screen and (max-width: 740px)
		{ .ingress h3 { font-size: 12px; line-height: 14px; } }
		
	@media screen and (max-width: 520px)
		{ .ingress h3 { font-size: 11px; line-height: 13px; } }
		
/* ingress ikon */

.ingress-medarbetare
	{
	display: inline-block;
	float: left;
	width: auto;
	height: auto;
	padding: 0;
	margin: 4px 10px -4px 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .ingress-medarbetare { margin: 2px 8px 0 0; } }
	
	@media screen and (max-width: 960px)
		{ .ingress-medarbetare { margin: 1px 6px 0 0; } }

	@media screen and (max-width: 740px)
		{ .ingress-medarbetare { margin: 2px 4px 0 0; } }
	
.ingress-medarbetare img
	{
	width: 80px;
	height: 80px;
	}
	
	@media screen and (max-width: 960px)
		{ .ingress-medarbetare img { width: 52px; height: 52px; } }
		
	@media screen and (max-width: 740px)
		{ .ingress-medarbetare img { width: 60px; height: 60px; } }	

/* egenskaper */
	
.egenskaper
	{
	width: 99%;
	float: left;
	text-align: center;
	margin: 0 auto 1em auto;
	padding: 0;
	}
	
	@media screen and (max-width: 600px)
		{ .egenskaper { margin-bottom: 1em; } }
		
.egenskaper p
	{
	font-family: Open Sans, arial, helvetica, sans-serif;
	font-weight: 700;
	font-size: 15px;
	font-style: normal;
	line-height: 22px;
	color: #000000;
	margin: 0;
	padding: 0;
	}

	@media screen and (max-width: 1200px)
		{ .egenskaper p { font-size: 14px; line-height: 22px; } }
	
	@media screen and (max-width: 960px)
		{ .egenskaper p { font-size: 13px; line-height: 20px; } }
	
	@media screen and (max-width: 740px)
		{ .egenskaper p { font-size: 12px; line-height: 16px; } }
		
	@media screen and (max-width: 520px)
		{ .egenskaper p { font-size: 12px; line-height: 15px; } }

.egenskaper-block
	{
	display: inline-block;
	margin: 0.2em 0.5em 0.4em 0;
	padding: 0;
	}
		
	@media screen and (max-width: 600px)
		{ .egenskaper-block { margin: 0 0.2em 0 0; } }
		
.egenskaper-ikon
	{
	position: relative;
	top: 9px;
	float: ;
	color: #87c936;
	margin: 0 0 0 0;
	padding: 0;
	}
	
	@media screen and (max-width: 960px)
		{ .egenskaper-ikon { top: 8px; } }

	@media screen and (max-width: 740px)
		{ .egenskaper-ikon { top: 7px; } }
		
	@media screen and (max-width: 520px)
		{ .egenskaper-ikon { top: 6px; } }

.egenskaper-oversikt
	{		
	width: 100%;
	float: left;
	text-align: center;
	margin: 1em 0 0 0;
	padding: 0;
	}
	
	@media screen and (max-width: 740px)
		{ .egenskaper-oversikt { margin: 0.4em 0 0 0; } }
		
	@media screen and (max-width: 520px)
		{ .egenskaper-oversikt { margin: 0.2em 0 0 0; } }
	
.egenskaper-oversikt-block
		{
		display: inline-block;
		margin: 0 0 1em 0;
		padding: 0 2% 0 2%;
		vertical-align: top;
		text-align: center;
		margin: 0;
		padding: 0 0.8em 0 0.8em;
		}
		
	@media screen and (max-width: 960px)
		{ .egenskaper-oversikt-block  { padding: 0 0.6em 0 0.6em; } }		
		
	@media screen and (max-width: 740px)
		{ .egenskaper-oversikt-block  { max-width: 80px; padding: 0 0.4em 0 0.4em; } }	
			
	@media screen and (max-width: 520px)
		{ .egenskaper-oversikt-block  { max-width: 50px; padding: 0 0.2em 0 0.2em; } }
	
.egenskaper-oversikt-ikon
	{
	position: relative;
	color: #66cc66;
	margin: 0 0 0.3em 0;
	padding: 0;
	}

/* album */

.album-block
	{
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	text-align: center;
	margin: 0;
	margin: 0;
	padding: 0;
	}
	
.album-block-p { height: auto; }

	/*
	@media screen and (max-width: 520px)
		{ .album-block-p { padding: 4px; border: 1px solid; } }
	*/
	
/* album */

.album-block-spec
	{
	display: block;
	width: 100%;
	max-width: 1200px;
	height: auto;
	float: left;
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
	}
		

/* album div */
	
.album-div
	{
	display: inline-block;
	width: 23%;
	height: auto;
	max-width: 520px;
	vertical-align: top;
	margin: 0.4em;
	padding: 1px;
	border-radius: 8px;
	}

	@media screen and (max-width: 1200px)
		{ .album-div { width: 22%; margin: 0.4em; } }		
		
	@media screen and (max-width: 960px)
		{ .album-div { width: 22%; margin: 0.3em; } }			
		
	@media screen and (max-width: 740px)
		{ .album-div { width: 45%; margin: 0.2em; } }
		
	@media screen and (max-width: 520px)
		{ .album-div { width: 45%; margin: 0; } }
		
/* album div 80 */
	
.album-div-80
	{
	display: inline-block;
	width: 80%;
	max-width: 1200px;
	height: auto;
	vertical-align: top;
	margin: 16px 0;
	padding: 1px;
	border-radius: 8px;
	}

	@media screen and (max-width: 1200px)
		{ .album-div-80 { width: 80%; margin: 12px 0; } }			
		
	@media screen and (max-width: 740px)
		{ .album-div-80 { width: 100%; margin: 0 0 8px 0; } }
		
	@media screen and (max-width: 520px)
		{ .album-div-80 { width: 100%; margin: 0 0 8px 0; padding: 0; float: left; } }
	
/*	
.album-div-80:hover { box-shadow: 3px 3px 10px 2px #ededed; }

	@media screen and (max-width: 520px)
		{ .album-div-80:hover { box-shadow: none; } }
*/
		
/* album div 60 */
	
.album-div-60
	{
	display: inline-block;
	width: 60%;
	max-width: 800px;
	height: auto;
	vertical-align: top;
	margin: 0.8em;
	padding: 1px;
	border-radius: 8px;
	}

	@media screen and (max-width: 1200px)
		{ .album-div-60 { width: 80%; margin: 0.5em; } }			
		
	@media screen and (max-width: 740px)
		{ .album-div-60 { width: 100%; margin: 0 0 1em 0; border-radius: 6px; } }
		
	@media screen and (max-width: 520px)
		{ .album-div-60 { width: 98%; margin: 0 1% 0.6em 1%; padding: 0; float: left; } }		
		
.album-div-60:hover { box-shadow: 3px 3px 10px 2px #ededed; }	

	@media screen and (max-width: 520px)
		{ .album-div-60:hover { box-shadow: none; } }
	
/* album div 50 */
	
.album-div-50
	{
	border: 1px solid transparent;
	display: inline-block;
	width: 46%;
	max-width: ;
	height: auto;
	vertical-align: top;
	margin: 0.8em;
	padding: 1px;
	border-radius: 8px;
	}

	@media screen and (max-width: 1200px)
		{ .album-div-50 { width: 45%; margin: 0.5em; } }			
	
	@media screen and (max-width: 740px)
		{ .album-div-50 { width: 98%; margin: 0 1% 16px 1%; padding: 0; float: left; } }

/*		
.album-div-50:hover { box-shadow: 3px 3px 10px 2px #ededed; }	

	@media screen and (max-width: 520px)
		{ .album-div-50:hover { box-shadow: none; } }
*/
	
/* album div 33 */
	
.album-div-33
	{
	border: 1px solid transparent;
	display: inline-block;
	width: 30.6%;
	height: auto;
	max-width: 520px;
	vertical-align: top;
	margin: 0.6em;
	padding: 1px;
	border-radius: 8px;
	}

	@media screen and (max-width: 1200px)
		{ .album-div-33 { width: 29%; margin: 0.6em; } }
		
	@media screen and (max-width: 740px)
		{ .album-div-33 { width: 45%; margin: 6px; } }
		
	@media screen and (max-width: 520px)
		{ .album-div-33 { width: 45%; margin: 6px; padding: 0; } }

/*		
.album-div-33:hover { box-shadow: 3px 3px 10px 2px #ededed; }	

	@media screen and (max-width: 520px)
		{ .album-div-33:hover { box-shadow: none; } }
*/
		
/* album div 33 v2 */
	
.album-div-33-v2
	{
	border: 1px solid transparent;
	display: inline-block;
	width: 340px;
	height: auto;
	vertical-align: top;
	margin: 12px 12px 12px 12px;
	padding: 1px;
	border-radius: 8px;
	}

	@media screen and (max-width: 1200px)
		{ .album-div-33-v2 { width: 280px; margin: 6px; } }
		
	@media screen and (max-width: 960px)
		{ .album-div-33-v2 { width: 210px; margin: 5px; } }		
		
	@media screen and (max-width: 740px)
		{ .album-div-33-v2 { width: 164px; margin: 4px; } }	
		
	/*	
	@media screen and (max-width: 520px)
		{ .album-div-33-v2 { width: 100%; margin: 3px; border-radius: 6px; } }		
	*/
	
	@media screen and (max-width: 520px)
		{ .album-div-33-v2 { width: 100%; margin: 3px; border-radius: 6px; } }

.album-div-33-v2:hover { box-shadow: 3px 3px 10px 2px #ededed; }	

	@media screen and (max-width: 520px)
		{ .album-div-33-v2:hover { box-shadow: none; } }		

.album-div-33-v2 img
	{
	position: relative;
	top: 0;
	left: 0;
	max-width: 85%;
	height: auto;
	margin: 0 0 12px 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .album-div-33-v2 img { max-width: 85%; } }
		
	@media screen and (max-width: 960px)
		{ .album-div-33-v2 img { max-width: 85%; } }
		
	@media screen and (max-width: 740px)
		{ .album-div-33-v2 img { max-width: 90%; } }
		
	@media screen and (max-width: 520px)
		{ .album-div-33-v2 img { max-width: 80%; } }
		
/* album div 50 v2 */

.album-div-50-v2
	{
	display: inline-block;
	width: 500px;
	height: auto;
	vertical-align: top;
	margin: 6px 8px 4px 8px;
	padding: 8px;
	border-radius: 8px;
	}

	@media screen and (max-width: 1400px)
		{ .album-div-50-v2 { width: 520px; margin: 7px; } }
		
	@media screen and (max-width: 1200px)	
		{ .album-div-50-v2 { width: 360px; margin: 6px; } }		

	@media screen and (max-width: 960px)
		{ .album-div-50-v2 { width: 260px; margin: 5px; } }	
		
	@media screen and (max-width: 740px)
		{ .album-div-50-v2 { width: 200px; margin: 4px; } }
		
	@media screen and (max-width: 520px)
		{ .album-div-50-v2 { width: 130px; margin: 3px; border-radius: 6px; } }	

.album-div-50-v2:hover { box-shadow: 3px 3px 10px 2px #ededed; }	

	@media screen and (max-width: 520px)
		{ .album-div-50-v2:hover { box-shadow: none; } }		

.album-div-50-v2 img
	{
	width: 421px;
	height: 421px;
	}

	@media screen and (max-width: 1400px)
		{ .album-div-50-v2 img { width: 270px; height: 270px; } }

	@media screen and (max-width: 1200px)
		{ .album-div-50-v2 img { width: 180px; height: 180px; } }

	@media screen and (max-width: 740px)
		{ .album-div-50-v2 img { width: 200px; height: 200px; } }	

	@media screen and (max-width: 520px)
		{ .album-div-50-v2 img { width: 129px; height: 129px; } }	
		
/* album div 33 v2 5x4 */
	
.album-div-33-v2-5x4
	{
	border: 1px solid transparent;
	display: inline-block;
	width: 320px;
	height: 256px;
	vertical-align: top;
	margin: 8px;
	padding: 1px;
	border-radius: 8px;
	}

	@media screen and (max-width: 1200px)
		{ .album-div-33-v2-5x4 { width: 270px; height: 216px; margin: 6px; } }
		
	@media screen and (max-width: 960px)
		{ .album-div-33-v2-5x4 { width: 220px; height: 176px; margin: 5px; } }		
		
	@media screen and (max-width: 740px)
		{ .album-div-33-v2-5x4 { width: 158px; height: 126px; margin: 4px; } }	
		
	@media screen and (max-width: 520px)
		{ .album-div-33-v2-5x4 { width: 142px; height: 116px; margin: 3px; border-radius: 6px; } }		

.album-div-33-v2-5x4:hover { box-shadow: 3px 3px 10px 2px #ededed; }	

	@media screen and (max-width: 520px)
		{ .album-div-33-v2-5x4:hover { box-shadow: none; } }		

.album-div-33-v2-5x4 img
	{
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	height: 246px;
	margin: 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .album-div-33-v2-5x4 img { height: 210px; } }
		
	@media screen and (max-width: 960px)
		{ .album-div-33-v2-5x4 img { height: 170px; } }
		
	@media screen and (max-width: 740px)
		{ .album-div-33-v2-5x4 img { height: 120px; } }
		
	@media screen and (max-width: 520px)
		{ .album-div-33-v2-5x4 img { height: 110px; } }
	
/* album div 25 */
	
.album-div-25
	{
	border: 1px solid transparent;
	display: inline-block;
	width: 23%;
	height: auto;
	max-width: 500px;
	vertical-align: top;
	margin: 4px 8px;
	padding: 1px;
	border-radius: 8px;
	}

	@media screen and (max-width: 1200px)
		{ .album-div-25 { width: 22%; margin: 8px; } }
		
	@media screen and (max-width: 960px)
		{ .album-div-25 { width: 30.5%; margin: 8px; } }
		
	@media screen and (max-width: 740px)
		{ .album-div-25 { width: 45%; margin: 6px; } }
		
	@media screen and (max-width: 520px)
		{ .album-div-25 { width: 45%; margin: 6px; padding: 0; } }
		
album-div-25:hover { box-shadow: 3px 3px 10px 2px #ededed; }

	@media screen and (max-width: 520px)
		{ .album-div-25:hover { box-shadow: none; } }	
		
/* album div 20 */
	
.album-div-20
	{
	border: 1px solid transparent;
	display: inline-block;
	width: 18%;
	height: auto;
	max-width: 520px;
	vertical-align: top;
	margin: 0.4em;
	padding: 1px;
	border-radius: 8px;
	}

	@media screen and (max-width: 1200px)
		{ .album-div-20 { width: 18%; margin: 0.2em; } }		
		
	@media screen and (max-width: 960px)
		{ .album-div-20 { width: 22%; margin: 0.15em; } }
		
	@media screen and (max-width: 740px)
		{ .album-div-20 { width: 30%; margin: 0.15em; } }
		
	@media screen and (max-width: 520px)
		{ .album-div-20 { width: 44%; margin: 0.1em; } }

.album-div-20:hover { box-shadow: 3px 3px 10px 2px #ededed; }	

	@media screen and (max-width: 520px)
		{ .album-div-20:hover { box-shadow: none; } }
		
/* album div 15 */
	
.album-div-15
	{
	border: 1px solid transparent;
	display: inline-block;
	width: 14.5%;
	height: auto;
	max-width: 520px;
	vertical-align: top;
	margin: 0.4em;
	padding: 1px;
	border-radius: 8px;
	}

	@media screen and (max-width: 1200px)
		{ .album-div-15 { width: 15%; margin: 0.1em; } }		
		
	@media screen and (max-width: 960px)
		{ .album-div-15 { width: 15%; margin: 0.1em; } }	
		
	@media screen and (max-width: 740px)
		{ .album-div-15 { width: 30%; margin: 0.08em; } }
		
	@media screen and (max-width: 520px)
		{ .album-div-15 { width: 29%; margin: 0.05em; } }
		
.album-div-15:hover { box-shadow: 3px 3px 10px 2px #ededed; }
		
	@media screen and (max-width: 520px)
		{ .album-div-15:hover { box-shadow: none; } }
		
/* album div 10 */
	
.album-div-10
	{
	border: 1px solid transparent;
	display: inline-block;
	width: 195px;
	height: 195px;
	max-width: 520px;
	vertical-align: top;
	margin: 6px;
	padding: 1px;
	border-radius: 8px;
	}

	@media screen and (max-width: 1200px)
		{ .album-div-10 { width: 15%; margin: 0.1em; } }		
		
	@media screen and (max-width: 960px)
		{ .album-div-10 { width: 23%; margin: 0; } }	
		
	@media screen and (max-width: 520px)
		{ .album-div-10 { width: 70px; height: 105px; margin: 1px; } }
		
	/* { .album-div-10 { width: 22%; margin: 0 1px; border: 1px solid; } } */
		
.album-div-10:hover { box-shadow: 3px 3px 10px 2px #ededed; }
		
	@media screen and (max-width: 520px)
		{ .album-div-10:hover { box-shadow: none; } }		
		
/* album div 100 */

.album-div-100
	{
	display: inline-block;
	width: 100%;
	height: auto;
	position: relative;
	margin: 0.8em 0 0.8em 0;
	padding: 1px;
	border-radius: 8px;
	}
	
/* lila bg */

.lila { background-color: #e5e8f6; }

/* album innehåll */
	
.album-div-p
	{
	position: relative;
	float: ;
	margin: 6px;
	padding: 6px;
	}
	
	@media screen and (max-width: 1200px)
		{ .album-div-p { margin: 0.6em; } }
		
	@media screen and (max-width: 740px)
		{ .album-div-p { margin: 2px; } }
		
	@media screen and (max-width: 520px)
		{ .album-div-p { margin: 0; padding: 6px 6px 0 6px; } }
		
.album-div-p-v2
	{
	position: relative;
	text-align: center;
	margin: 12px;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .album-div-p-v2 { margin: margin: 8px; } }
		
	@media screen and (max-width: 960px)
		{ .album-div-p-v2 { margin: 5px; } }
		
	@media screen and (max-width: 740px)
		{ .album-div-p-v2 { margin: 4px; } }
		
	@media screen and (max-width: 520px)
		{ .album-div-p-v2 { margin: 3px; } }

.album-div-p-v2 img
	{
	width: 221px;
	height: 221px;
	}

	@media screen and (max-width: 1200px)
		{ .album-div-p-v2 img { width: 173px; height: 173px; } }
	
	@media screen and (max-width: 960px)
		{ .album-div-p-v2 img { width: 173px; height: 173px; } }
		
	@media screen and (max-width: 740px)
		{ .album-div-p-v2 img { width: 140px; height: 140px; } }	

	@media screen and (max-width: 520px)
		{ .album-div-p-v2 img { width: 129px; height: 129px; } }	

/* album ikoner */
	
.album-div-ikon
	{
	/* border: 1px solid #000000; */
	display: inline-block;
	width: 100px;
	height: 100px;
	max-width: ;
	vertical-align: top;
	margin: 0.4em;
	padding: 1px;
	border-radius: 8px;
	}	

.album-div-ikon-p
	{
	position: relative;
	margin: 8px;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .album-div-ikon-p { margin: 0.6em; } }
		
	@media screen and (max-width: 740px)
		{ .album-div-ikon-p { margin: 0.4em; } }
		
	@media screen and (max-width: 520px)
		{ .album-div-ikon-p { margin: 0.2em; } }		

/* album tn FULHACK - BORT*/
	
.album-bildblock
	{
	background: transparent;
	position: relative;
	left: 1px;
	width: 100%;
	max-width: 520px;
	height: auto;
	margin: 0 0 -5px 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .album-bildblock { left: 1px; } }
	
	@media screen and (max-width: 740px)
		{ .album-bildblock { left: 1px; } }	

	@media screen and (max-width: 740px)
		{ .album-bildblock { left: 0; margin: 0; } }
	
/* album bilder */

.album-bild-l
	{
	position: absolute;
	top: 16%;
	left: 2%;
	max-width: 96%;
	height: auto;
	margin: 0;
	}
	
.album-bild-s
	{
	position: absolute;
	top: 2%;
	left: 17.5%;
	width: auto;
	max-height: 96%;
	margin: 0;
	}
	
/* bildtexter */		
		
.album-div-bildtext
	{
	width: 96%;
	height: auto;
	float: left;
	text-align: center;
	padding: 0 2% 0 2%;
	margin: 0;
	}

	@media screen and (max-width: 520px)
		{ .album-div-bildtext { width: 100%; padding: 0; } }	
	
.album-div-bildtext-padding { padding: 12px 2px 6px 2px; }
		
	@media screen and (max-width: 1200px)
		{ .album-div-bildtext-padding { padding: 0.6em 0.15em; } }
		
	@media screen and (max-width: 960px)
		{ .album-div-bildtext-padding { padding: 0.5em 0.13em; } }
		
	@media screen and (max-width: 740px)
		{ .album-div-bildtext-padding { padding: 0.4em 0.1em; } }
		
	@media screen and (max-width: 520px)
		{ .album-div-bildtext-padding { padding: 0; } }	
		
/* album översikt mm */

.album
	{
	display: block;
	width: 100%;
	float: left;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0;	
	}
	
.album-2 { margin: 0; padding: 0; }
	
.album-bild
	{
	display: inline-block;
	width: 30%;
	height: auto;
	max-width: 520px;
	margin: 0.6em;
	padding: 1px;
	border-radius: 8px;
	}
	
	@media screen and (max-width: 1200px)
		{ .album-bild { width: 30%; margin: 0.6em; } }
		
	@media screen and (max-width: 1000px)
		{ .album-bild { width: 31%; margin: 0.2em; } }
	
	@media screen and (max-width: 740px)
		{ .album-bild { width: 47%; margin: 0.2em; } }
		
	@media screen and (max-width: 520px)
		{ .album-bild { width: 45%; margin: 0.2em; } }
	
.album-bild-oversikt
	{
	border: 1px solid transparent;
	display: inline-block;
	width: 28%;
	height: auto;
	margin: 1.5%;
	margin-bottom: 0.6em;
	padding: 0;
	border-radius: 8px;
	}
	
.album-bild-oversikt:hover { box-shadow: 3px 3px 10px 2px #ededed; }
	
	@media screen and (max-width: 1200px)
		{ .album-bild-oversikt { width: 30%; margin: 1%; margin-bottom: 0.4em; } }
	
	@media screen and (max-width: 600px)
		{ .album-bild-oversikt { width: 45%; margin: 1%; margin-bottom: 0.1em; } }
	
.album-bild-oversikt-video
	{
	border: 1px solid transparent;
	display: inline-block;
	width: 28%;
	height: auto;
	margin: 1.5%;
	margin-bottom: 0.6em;
	padding: 0;
	border-radius: 8px;
	}
	
.album-bild-oversikt:hover { box-shadow: 3px 3px 10px 2px #ededed; }

	@media screen and (max-width: 1200px)
		{ .album-bild-oversikt-video { width: 30%; margin: 1%; margin-bottom: 0.4em; } }
	
	@media screen and (max-width: 600px)
		{ .album-bild-oversikt-video { width: 45%; margin: 1%; margin-bottom: 0.1em; } }
	
@media screen and (max-width: 740px)
	{
 	.album-bild-oversikt-video
		{
		display: block;
		float: left;
		width: 100%;
		height: auto;
		margin: 1%;
		margin-top: 0.2em;
		margin-bottom: 0.1em;
		}
	}
	
@media screen and (max-width: 520px)
	{
 	.album-bild-oversikt-video
		{
		display: block;
		float: left;
		width: 100%;
		height: auto;
		margin: 1%;
		margin-top: 0.6em;
		margin-bottom: 0.1em;
		}
	}
	
.album-foto
	{
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
	border-radius: 6px;
	}
	
.album-produkt
	{
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
	border-radius: 6px;
	}
	
.album-produkt-video
	{
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
	border-radius: 6px;
	}
	
	@media screen and (max-width: 740px)
		{.album-produkt-video { display: block; } }	
	
	@media screen and (max-width: 520px)
		{ .album-produkt-video { display: block; } }
	
.album-foto-bg
	{
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	}
	
.album-foto-bg-video
	{
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	}
	
	@media screen and (max-width: 740px)
		{ .album-foto-bg-video { display: none; visibility: hidden; } }
	
	@media screen and (max-width: 520px)
		{ .album-foto-bg-video { display: none; visibility: hidden; } }
	
.album-foto-l
	{
	position: absolute;
	top: 20%;
	left: 2%;
	max-width: 96%;
	height: auto;
	margin: 0 0 0 -1px;
	padding: 0;
	border-radius: 6px;
	}
	
.album-foto-l-flyt
	{
	width: 100%;
	max-width: 400px;
	height: auto;
	margin: 0;
	padding: 0;
	border-radius: 6px;
	}
		
	@media screen and (max-width: 520px)
		{ .album-foto-l-flyt { width: 80%; } }
		
.album-foto-s
	{
	position: absolute;
	top: 2.5%;
	left: 30%;
	width: auto;
	max-height: 94%;
	padding: 0;
	margin: 0;
	border-radius: 6px;
	}
		
.album-bildtext
	{
	width: 100%;
	height: 60px;
	float: left;
	text-align: center;
	margin: 0;
	padding: 1em 0;
	}
		
	@media screen and (max-width: 600px)
		{ .album-bildtext { border-top: none; padding: 0.4em 0; } }
		
.album-produkt-bildtext
	{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0;
	padding: 2em 0 1em 0;
	}
		
	@media screen and (max-width: 600px)
		{ .album-produkt-bildtext { padding: 0.6em 0; } }
		
	@media screen and (max-width: 520px)
		{ .album-produkt-bildtext {padding: 0.4em 0; } }
		
.album-bildtext-oversikt
	{
	border: 1x solid;
	width: 96%;
	height: auto;
	margin: 0;
	padding: 0 2%;
	}
		
.album-bildtext-2
	{
	width: 96%;
	margin: 0 auto;
	padding: 0 2%;
	}
	
	/*
	@media screen and (max-width: 600px)
		{ .album-bildtext-2 { padding: 0 0.6em; } }
	*/
			
.album-produkt-video
	{
	width: 100%;
	height: auto;
	background: transparent;
	position: absolute;
	top: 19%;
	left: 0;	
	}
	
	@media screen and (max-width: 1200px)
		{ .album-produkt-video { width: 90%; top: 15%; margin-left: 5%; } }		
	
	@media screen and (max-width: 960px)
		{ .album-produkt-video { width: 80%; top: 10%; margin-left: 10%; } }	
	
	@media screen and (max-width: 740px)
		{ .album-produkt-video { position: relative; width: 70%; margin-left: 15%; } }
		
	@media screen and (max-width: 520px)
		{ .album-produkt-video { position: relative; width: 70%; margin-left: 15%; } }
	
	.album-bildtext-kontakt
		{
		width: 100%;
		height: auto;
		float: left;
		text-align: center;
		margin: 0;
		padding: 1em 0;
		}
		
		.album-bildtext-kontakt p
			{
			font-family: Open Sans, arial, helvetica, sans-serif;
			font-weight: 400;
			font-size: 13px;
			font-style: normal;
			line-height: 20px;
			color: #000000;
			margin: 0;
			padding: 0;
			}
			
		.album-bildtext-kontakt h4
			{
			font-family: Open Sans, arial, helvetica, sans-serif;
			font-weight: 600;
			font-size: 13px;
			font-style: normal;
			line-height: auto;
			color: #000000;
			margin: 0 0 6px 0;
			padding: 0;
			}
			
/* social ikoner */

.kontakt-social-ikon
	{
	display: block;
	width: 40px;
	height: 40px;
	float: left;
	margin: 1em 1em 0 1em;
	}
	
	@media screen and (max-width: 1200px)
		{ .kontakt-social-ikon { width: 34px; height: 34px; margin: 0.8em 0.8em 0 0.8em; } }
		
	@media screen and (max-width: 960px)
		{ .kontakt-social-ikon { width: 30px; height: 30px; margin: 0.6em 0.6em 0 0.6em; } }
		
	@media screen and (max-width: 740px)
		{ .kontakt-social-ikon { width: 26px; height: 26px; margin: 0.4em 0.4em 0 0.4em; } }	
		
	@media screen and (max-width: 520px)
		{ .kontakt-social-ikon { width: 20px; height: 20px; margin: 0.2em 0.2em 0 0.2em; } }
	
/* video */

.video
	{
	position: relative;
	width: ;
	height: 0;
	text-align: center;
	overflow: hidden;
	margin: 0 0 1.2em 0;
	padding-top: 0;
	padding-bottom: 56.25%;
	border-radius: 6px;
	}
	
	@media screen and (max-width: 520px)
		{ .video { width: 90%; margin: 0.8em auto 0 auto; } }

.video iframe, .video object, .video embed
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	
/* block */	
		
.block
	{
	display: block;
	width: 100%;
	float: left;
	text-align: left;
	background: #ffffff;
	border-radius: 8px;
	margin: 0;
	padding: 0;
	}	
	
	@media screen and (max-width: 1200px)
		{ .block { margin: 0; } }
		
	@media screen and (max-width: 960px)
		{ .block { margin: 0; } }
		
	@media screen and (max-width: 740px)
		{ .block { margin: 0; } }	
		
	@media screen and (max-width: 520px)
		{ .block { margin:  0; } }	
	
.block-p
	{
	display: block;
	display: block;
	margin: 0;
	padding: 12px;
	}	
	
	@media screen and (max-width: 1200px)
		{ .block-p { padding: 0.8em; } }
		
	@media screen and (max-width: 960px)
		{ .block-p { padding: 0.6em; } }
		
	@media screen and (max-width: 740px)
		{ .block-p { padding: 0.4em; } }	
		
	@media screen and (max-width: 520px)
		{ .block-p { padding: 8px; } }	
		
.block-rubrik
	{
	width: 100%;	
	float: left;
	text-align: left;
	margin: 12px 0 12px 0;
	padding: 0;
	}	
	
	@media screen and (max-width: 520px)
		{ .block-rubrik { text-align: center; margin: 8px 0 14px 0; } }	

/* specifikationer */	

.spec-block
	{
	display: table;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	}

.spec-div
	{
	display: inline-block;
	float: left;
	width: 50%;
	height: auto;
	vertical-align: top;
	margin: 0 0 32px 0;
	padding: 0;
	}

	@media screen and (max-width: 740px)
		{ .spec-div { width: 100%; margin: 0 0 24px 0; } }
			
.spec-div-2
	{
	display: block;
	float: left;
	width: 96%;
	position: relative;
	padding: 0 2%;
	}
	
.spec-div-allman
	{
	display: table;
	background-color: #e5e8f6;
	display: block;
	float: left;
	width: 100%;
	max-width: 1200px;
	height: auto;
	vertical-align: top;
	tex-align: center;
	margin: 24px 0;
	padding: 0;
	border-radius: 8px;
	}
	
.spec-div-allman-2
	{
	display: block;
	float: left;
	width: 96%;
	position: relative;
	margin: 0;
	padding: 1% 2%;
	}

.spec-info
	{
	border-top: dotted 1px #999999;
	width: 100%;
	float: left;
	margin: 0 0 1.2em 0;
	padding: 0;
	}
	
.spec-info-rad
	{
	border-bottom: dotted 1px #999999;
	width: 100%;
	margin: 0;
	padding: 6px 0 7px 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .spec-info-rad { padding: 0.5em 0; } }
	
	@media screen and (max-width: 960px)
		{ .spec-info-rad { padding: 0.4em 0; } }
		
	@media screen and (max-width: 520px)
		{ .spec-info-rad { padding: 2px 0; } }

.spec-info-rad p { margin: 0; padding: 0; }
		
.spec-info-sektion
	{
	display: inline-block; 
	float: left;
	width: 100%;
	margin-bottom: 0;
	}
	
	@media screen and (max-width: 740px)
		{ .spec-info-sektion { float: left; width: 96%; margin: 6px 2% 6px 2%; padding: 0 0 0 0; } }
		
	@media screen and (max-width: 520px)
		{ .spec-info-sektion { float: left; width: 100%; margin: 6px 0 6px 0; padding: 0; } }

.spec-info-block { display: inline-block; }
	
.spec-info-block img
	{
	width: 80%;
	max-width: 200px;
	height: auto;
	margin: 0.4em 0 0 0;
	}
	
/* spec ikoner */
	
.spec-ikon-div
	{
	display: inline-block;
	margin: 4px 18px 4px 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .spec-ikon-div { margin: 3px 16px 3px 0; } }
	
	@media screen and (max-width: 960px)
		{ .spec-ikon-div { margin: 3px 14px 3px 0; } }

	@media screen and (max-width: 740px)
		{ .spec-ikon-div { width: 96%; float: left; margin: 1px 2% 1px 2%; } }
		
	@media screen and (max-width: 520px)
		{ .spec-ikon-div { width: 100; float: left; margin: 0; } }
	
.spec-ikon-box
	{
	position: relative;
	float: left;
	width: 35px;
	height: 35px;
	background: #ffffff;
	border-radius: 6px;
	margin: 0 5px 0 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .spec-ikon-box { width: 32px; height: 32px; } }
	
	/*
	@media screen and (max-width: 960px)
		{ .spec-ikon-box { width: 30px; height: 30px; } }
	*/
	
	@media screen and (max-width: 960px)
		{ .spec-ikon-box { width: 30px; height: 30px; border-radius: 4px; margin: 0 8px 8px 0; } }
	
.spec-ikon
	{	
	position: absolute;
	top: 5px;
	left: 5px;	
	}
	
	@media screen and (max-width: 1200px)
		{ .spec-ikon { top: 4px; left: 4px; } }
	
	@media screen and (max-width: 960px)
		{ .spec-ikon { top: 3px; left: 3px; } }
	
.spec-ikon-text
	{
	position: relative;
	float: left;
	font-size: 15px;
	line-height: auto;
	top: 5px;
	margin: 0;
	}

	@media screen and (max-width: 960px)
		{ .spec-ikon-text { font-size: 14px; } }
		
	@media screen and (max-width: 740px)
		{ .spec-ikon-text { font-size: 12px; } }
	
.spec-systemoversikt
	{
	display: block;
	width: 100%;
	float: left;
	margin: 24px 0 24px 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .spec-systemoversikt { margin: 20px 0 20px 0; } }
	
	@media screen and (max-width: 960px)
		{ .spec-systemoversikt { margin: 18px 0 18px 0; } }
	
	@media screen and (max-width: 520px)
		{ .spec-systemoversikt { margin: 16px 0 16px 0; } }
	
/* mallar v2 */

.mallar-v2
	{
	border-top: dotted 1px #999999;
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	}

.mallar-v2-block
	{
	border-bottom: dotted 1px #999999;
	width: 100%;
	height: auto;
	float: left;
	margin: 8px 0 16px 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .mallar-v2-block { padding: 0.7em 0 0 0; } }
	
	@media screen and (max-width: 960px)
		{ .mallar-v2-block { padding: 0.6em 0 0 0; } }
	
	@media screen and (max-width: 740px)
		{ .mallar-v2-block { padding: 0.5em 0 0.5em 0; } }
		
	@media screen and (max-width: 520px)
		{ .mallar-v2-block { padding: 14px 0 14px 0; } }	

.mallar-v2-bild
	{
	display: block;
	width: 100%;
	/* min-width: 220px; */
	height: auto;
	float: left;
	text-align: center;
	margin: 0 1em 1em 0;
	padding: 0;
	}
	
.mallar-v2-bild img
	{
	width: 80%;
	max-width: 220px;
	height: auto;
	margin: 0;
	padding: 0.4em;
	box-shadow: 4px 4px 8px 2px #ededed;
	}
		
	@media screen and (max-width: 600px)
		{ .mallar-v2-bild img { max-width: 220px; } }		
		
.mallar-v2-bild-staende
	{
		
	display: block;
	width: 220px;
	/* min-width: 220px; */
	height: auto;
	float: left;
	text-align: center;
	margin: 0 1em 1em 0;
	padding: 0;
	}
	
.mallar-v2-bild-staende img
	{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0.4em;
	box-shadow: 4px 4px 8px 2px #ededed;
	}
		
	@media screen and (max-width: 600px)
		{ .mallar-v2-bild-staende img { max-width: 100px; } }	
		
.mallar-v2-bild-staende-mindre
	{
	display: block;
	width: 100%;
	/* min-width: 220px; */
	height: auto;
	float: left;
	text-align: center;
	margin: 0 1em 1em 0;
	padding: 0;
	}
	
	@media screen and (max-width: 600px)
		{ .mallar-v2-bild-staende-mindre { width: 100%; } }		

.mallar-v2-bild-staende-mindre img
	{
	width: 30%;
	height: auto;
	margin: 0;
	padding: 0.4em;
	box-shadow: 4px 4px 8px 2px #ededed;
	}
		
	@media screen and (max-width: 600px)
		{ .mallar-v2-bild-staende-mindre img { max-width: 100px; } }
		
.mallar-v2-bild-staende-mindre-mindre
	{
	display: block;
	width: 33%;
	min-width: 220px;
	height: auto;
	float: left;
	text-align: center;
	margin: 0 1em 1em 0;
	padding: 0;
	}	
	
	@media screen and (max-width: 600px)
		{ .mallar-v2-bild-staende-mindre-mindre { width: 100%; } }		

.mallar-v2-bild-staende-mindre-mindre img
	{
	width: 25%;
	height: auto;
	margin: 0;
	padding: 0.4em;
	box-shadow: 4px 4px 8px 2px #ededed;
	}
		
	@media screen and (max-width: 600px)
		{ .mallar-v2-bild-staende-mindre-mindre img { max-width: 60px; } }
		
/* mall bild v3 */
		
.mallar-v2-bild-v3
	{
	display: block;
	width: 360px;
	height: auto;
	float: left;
	text-align: center;
	margin: 0 24px 32px 32px;
	padding: 0;
	}
	
	@media screen and (max-width: 1400px)
		{ .mallar-v2-bild-v3 { width: 280px; height: auto; margin: 0 12px 28px 28px; } }
		
	@media screen and (max-width: 960px)
		{ .mallar-v2-bild-v3 { width: 220px; height: auto; margin: 0 10px 24px 24px; } }
	
	@media screen and (max-width: 520px)
		{ .mallar-v2-bild-v3 { width: 100%; height: auto; margin: 0 0 14px 0; } }
	
.mallar-v2-bild-v3 img
	{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	/* box-shadow: 4px 4px 8px 2px #ededed; */
	}
	
	@media screen and (max-width: 740px)
		{ .mallar-v2-bild-v3 img { max-width: 180px; } }

	@media screen and (max-width: 520px)
		{ .mallar-v2-bild-v3 img { max-width: 200px; height: auto; box-shadow: 3px 3px 12px #ededed; } }
		
.mallar-v2-bild-v3-s
	{
	display: block;
	width: 220px;
	max-height: 220px;
	float: left;
	text-align: center;
	margin: 0 16px 32px 32px;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .mallar-v2-bild-v3-s { width: 200px; max-height: 200px; margin: 0 12px 28px 28px; } }
		
	@media screen and (max-width: 960px)
		{ .mallar-v2-bild-v3-s { width: 180px; max-height: 180px; margin: 0 10px 24px 24px; } }
		
	@media screen and (max-width: 740px)
		{ .mallar-v2-bild-v3-s { width: 140px; max-height: 140px; margin: 0 8px 20px 20px; } }
		
	@media screen and (max-width: 520px)
		{ .mallar-v2-bild-v3-s { width: 100%; max-height: 140px; margin: 0 0 14px 0; } }
	
.mallar-v2-bild-v3-s img
	{
	width: auto;
	height: 100%;
	max-height: 220px;
	margin: 0;
	padding: 0;
	/* box-shadow: 4px 4px 8px 2px #ededed; */
	}
	
	@media screen and (max-width: 1200px)
		{ .mallar-v2-bild-v3-s img { max-height: 200px; } }	
		
	@media screen and (max-width: 960px)
		{ .mallar-v2-bild-v3-s img { max-height: 180px; } }	
		
	@media screen and (max-width: 740px)
		{ .mallar-v2-bild-v3-s img { max-height: 140px; } }	

	@media screen and (max-width: 520px)	
		{ .mallar-v2-bild-v3-s img { max-height: 140px; box-shadow: 3px 3px 12px #ededed; } }

/* mall bild v3 */

.mallar-v2-spec
	{
	display: inline-block;
	float: left;
	text-align: left;
	margin: 0 0 1em 1em;
	padding: 0;
	}
	
	@media screen and (max-width: 520px)
		{ .mallar-v2-spec
			{
			width: 100%;
			text-align: center;
			margin: 0;
			}
		}

.mallar-v2-spec-rad
	{
	display: block;
	width: 100%;
	text-align: left;
	margin: 0 0 0.5em 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .mallar-v2-spec-rad { margin: 0.35em 0 0.35em 0; } }
		
	@media screen and (max-width: 1000px)
		{ .mallar-v2-spec-rad { margin: 0.3em 0 0.3em 0; } }
	
	@media screen and (max-width: 740px)
		{ .mallar-v2-spec-rad { margin: 0.25em 0 0.25em 0; } }
		
	@media screen and (max-width: 520px)
		{ .mallar-v2-spec-rad { margin: 8px 0 8px 0; } }
	
.mallar-v2-spec-rad p { margin: 0; }
	
	@media screen and (max-width: 520px)
		{ .mallar-v2-spec-rad { text-align: center; } }
	
.mallar-v2-block-ikon
	{
	position: relative;
	top: 0.3em;
	color: #181ea5;
	margin: 0 0.2em 0 0;
	padding: 0;
	}
		
/* fot */

/*
.fot
	{
	display: block;
	width: 100%;
	height: auto;
	float: left;
	background: url(../bilder/bg/skyskrapor/skyskrapor_topp.jpg) #181ea5;
	background-position: 100% 0;
	background-repeat: no-repeat;
	border-radius: 0 0 10px 10px;
	}	
	
.fot-2 { padding: 0.6em 0.6em 1.2em 0; }
	
.fot-payoff
	{
	display: inline-block;
	width: auto;
	float: right;
	text-align: center;
	padding: 1.6em 2em;
	}
	
@media screen and (max-width: 600px)
	{ .fot-payoff { padding: 0 1em 1em 1em; } }
	
	.fot-payoff p
		{
		font-family: Open Sans, arial, helvetica, sans-serif;
		font-weight: 400;
		font-size: 18px;
		font-style: italic;
		line-height: normal;
		color: #ffffff;
		margin: 0;
		padding: 0;
		text-shadow: 1px 1px 2px #0d224b;
		}
		
@media screen and (max-width: 600px)
	{ .fot-payoff p { font-size: 15px; } }
*/
	
/* fot v4 */

.fot-block { display: block; width: 100%; }

.fot-block-2
	{
	width: 95%;
	padding: 6px 2.5% 0 2.5%;
	}
	
@media screen and (max-width: 520px)
	{ .fot-block-2 { width: 92%; padding: 6px 4% 0 4%; } }	

.fot-rubrik
	{
	display: block;
	width: 100%;
	margin: 8px 0 0 0;
	}
	
	@media screen and (max-width: 520px)
		{ .fot-rubrik { margin: 6px 0 0 0; } }	
	
.fot-info
	{
	display: inline-block;
	position: relative;
	width: 49.5%;
	/* max-width: 300px;
	float: left; */
	vertical-align: top; 
	margin: 0;
	padding: 0;
	}
	
	@media screen and (max-width: 520px)
		{ .fot-info { width: 49%; margin: 0; } }
		
.fot-info p, .fot-rubrik p 
	{
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	font-weight: 400;
	font-size: 15px;
	font-style: normal;
	line-height: 23px;
	overflow-wrap: break-word;
	color: #e5e8f6;
	margin: 0 0 16px 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .fot-info p { font-size: 15px; line-height: 23px; margin: 0 0 15px 0; } }
	
	@media screen and (max-width: 520px)
		{ .fot-info p { font-size: 15px; line-height: 23px; margin: 0 0 14px 0; } }
		
.fot-info a { color: #e5e8f6; text-decoration: none; }
.fot-info a:hover { color: #ffffff; text-decoration: underline; }
	
.fot-info-social
	{
	display: inline-block;
	float: left;
	width: auto;
	margin: 0 0 16px 0;
	}
	
	@media screen and (max-width: 740px)
		{ .fot-info-social
			{
			display: block;
			width: 100%;
			text-align: center;
			}
		}	
	
.fot-info-ikon-g
	{
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 32px;
	height: 32px;
	margin: 0 22px 0 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .fot-info-ikon-g { width: 28px; height: 28px; margin: 0 16px 0 0; } }
		
	@media screen and (max-width: 740px)
		{ .fot-info-ikon-g { float: none; } }			
	
.fot-info-ikon-fb
	{
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 32px;
	height: 32px;
	margin: 0 22px 0 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .fot-info-ikon-fb { width: 28px; height: 28px; margin: 0 16px 0 0; } }
		
	@media screen and (max-width: 740px)
		{ .fot-info-ikon-fb { float: none; } }	
	
.fot-info-ikon-yt
	{
	display: inline-block;
	position: relative;
	vertical-align: top;
	float: left;
	width: 32px;
	height: auto;
	margin: 0 22px 0 0;
	top: 6px;
	}	
	
	@media screen and (max-width: 1200px)
		{ .fot-info-ikon-yt { width: 28px; height: auto; top: 5px; margin: 0 16px 0 0; } }	

	@media screen and (max-width: 740px)
		{ .fot-info-ikon-yt { float: none; margin: 0; } }	
		
.fot-mib
	{
	display: inline-block;
	float: right;
	vertical-align: top;
	}

.fot-mib img
	{
	display: inline-block;
	position: relative;
	top: -30px;
	float: right;
	width: 160px;
	height: auto;
	margin: 0 0 -30px 0;	
	}
	
	@media screen and (max-width: 1200px)
		{ .fot-mib img
			{
			width: 130px;
			height: auto;
			top: -10px;
			margin: 0 12px -10px 0;
			}
		}		
	
	@media screen and (max-width: 960px)
		{ .fot-mib img
			{
			width: 120px;
			height: auto;
			top: -10px;
			margin: 0 12px -10px 0;
			}
		}	
	
	@media screen and (max-width: 520px)
		{ .fot-mib img
			{
			width: 100px;
			height: auto;
			top: -5px;
			margin: 0 0 -5px 0;
			}
		}	
	
.underfot
	{
	display: block;
	width: 100%;
	height: 64px;
	float: left;
	text-align: center;
	}
	
.underfot-text
	{ margin: 0 6px; }	

/* fot äldre */

/*		
.fot-adress
	{
	width: 100%;
	float: left;
	text-align: center;
	padding: 1em 0 4em 0;
	}
	
	.fot-adress p
		{
		font-family: Open Sans, arial, helvetica, sans-serif;
		font-weight: 600;
		font-size: 15px;
		font-style: normal;
		line-height: 22px;
		color: #000000;
		margin: 0;
		padding: 0;
		text-shadow: 0px 0px 4px #ffffff;
		}
		
@media screen and (max-width: 600px)
	{ .fot-adress p { font-size: 13px; } }
		
.fot-adress-block
	{
	display: inline-block;
	margin: 0 1em 0 0;
	}
*/
			
/* artikel */

.artikel
	{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0 0 1em 0;
	padding: 0;
	}
	
@media screen and (max-width: 600px)
	{ .artikel { margin: 0 0 0.6em 0; } }

.artikel-2 { margin: 0; padding: 1em; }
		
.artikel-text { width: 100%; float: left;  text-align: left; }
		
.artikel-stycke
	{
	width: 100%;
	float: left;
	margin: 0.8em 0 1.8em 0.2em;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ .artikel-stycke { margin: 0.7em 0 1.2em 0.2em; } }	

	@media screen and (max-width: 960px)
		{ .artikel-stycke { margin: 0.6em 0 1em 0.2em; } }	
		
	@media screen and (max-width: 740px)
		{ .artikel-stycke { margin: 0.5em 0 0.8em 0.2em; } }
		
	@media screen and (max-width: 520px)
		{ .artikel-stycke { margin: 0.4em 0 0.6em 0.2em; } }	
		
.artikel-rubrik
	{
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 1.6em 0;
	padding: 0; 
	}
	
.artikel-fri
	{
	width: 100%;
	float: left;
	text-align: left;
	background: #ffffff;
	border-radius: 8px;
	margin: 0 0 0.8em 0;
	}	
	
.artikel-fri-bild
	{
	display: inline-block;
	float: left;
	max-width: 240px;
	height: auto;
	margin: 0 1.4em 1em 1em;
	}
	
	@media screen and (max-width: 960px)
		{ .artikel-fri-bild { max-width: 200px; margin: 0 1em 0.8em 0.8em; } }
	
	@media screen and (max-width: 740px)
		{ .artikel-fri-bild { max-width: 160px; margin: 0 0.6em 0.6em 0.6em; } }
		
	@media screen and (max-width: 520px)
		{ .artikel-fri-bild { max-width: 100px; margin: 0 0.4em 0.4em 0.4em; } }	
		
.artikel-fri-bild-s
	{
	display: inline-block;
	float: left;
	max-height: 240px;
	height: auto;
	margin: 0 1.4em 1em 1em;
	}
	
	@media screen and (max-width: 960px)
		{ .artikel-fri-bild-s { max-height: 200px; margin: 0 1em 0.8em 0.8em; } }
	
	@media screen and (max-width: 740px)
		{ .artikel-fri-bild-s { max-height: 160px; margin: 0 0.6em 0.6em 0.6em; } }
		
	@media screen and (max-width: 520px)
		{ .artikel-fri-bild-s { max-height: 100px; margin: 0 0.4em 0.4em 0.4em; } }
	
/* spalt */

.artikel-spalt-50-c
	{
	display: inline-block;
	width: 49.5%;
	min-width: 220px;
	height: auto;
	float: left;
	text-align: center;
	margin: 0 0 0.8em 0;
	padding: 0;
	}
			
/* linjer */

.linje
	{
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #ffffff;
	width: 100%;
	float: left;
	margin: 12px 0 24px 0;
	}
	
	@media screen and (max-width: 960px)
		{ .linje { margin: 0.4em 0 0.4em 0; } }	
	
	@media screen and (max-width: 740px)
		{ .linje { margin: 0.3em 0 0.3em 0; } }	
		
	@media screen and (max-width: 520px)
		{ .linje { margin: 0.2em 0 0.2em 0; } }	

.dold {}

	@media screen and (max-width: 520px)
		{ .dold { display: none; visbility: hidden; } }		

.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w100 { width: 100%; }

.h60 { height: 60%; }
.h65 { height: 65%; }
.h70 { height: 70%; }
.h75 { height: 75%; }
.h80 { height: 80%; }
.h85 { height: 85%; }
.h90 { height: 90%; }
.h95 { height: 95%; }
.h100 { height: 100%; }

.c { text-align: center; }
.tac { text-align: center; }

.v { text-align: left; }
.l { text-align: left; }
.tal { text-align: left; }

.h	{ text-align: right; }
.r	{ text-align: right; }
.tar { text-align: right; }

.fl { float: left; }
.fr { float: right; }
.fx { float: ; }

.b1s { border: 1px solid; }
.bb0 { border-bottom: 0; }

.op1 { opacity: 1; }
.op8 { opacity: 0.8; }
.op4 { opacity: 0.4; }

.wa { width: auto; }

.skugga { box-shadow: 3px 3px 10px 2px #ededed; }

/* omo */

.omo {}
.omo:hover
	{
	opacity: 1;
	filter: brightness(103%);
	/* filter: contrast(95%); */
	}
		
.w100fll { width: 100%; float: left; }	
.w100fl { width: 100%; float: left; }

.bild-l-mw200 { width: 100%; max-width: 200px; height: auto; }
.bild-l-mw300 { width: 100%; max-width: 300px; height: auto; }

	@media screen and (max-width: 740px)
		{ .bild-l-mw300 { width: 100%; max-width: 200px; height: auto; } }

.bild-l-mw400 { width: 100%; max-width: 400px; height: auto; }

	@media screen and (max-width: 740px)
		{ .bild-l-mw400 { width: 100%; max-width: 300px; height: auto; } }

.bild-l-mw500 { width: 100%; max-width: 500px; height: auto; }

	@media screen and (max-width: 740px)
		{ .bild-l-mw500 { width: 100%; max-width: 400px; height: auto; } }

.bild-l-mw600 { width: 100%; max-width: 600px; height: auto; }

	@media screen and (max-width: 740px)
		{ .bild-l-mw600 { width: 100%; max-width: 500px; height: auto; } }
		
.bild-l-mw700 { width: 100%; max-width: 700px; height: auto; }

	@media screen and (max-width: 740px)
		{ .bild-l-mw700 { width: 100%; max-width: 600px; height: auto; } }

.bild-l-mw800 { width: 100%; max-width: 800px; height: auto; }

	@media screen and (max-width: 740px)
		{ .bild-l-mw800 { width: 100%; max-width: 700px; height: auto; } }

.bild-l-mw1000 { width: 100%; max-width: 1000px; height: auto; }

.m0 { margin: 0; }
.m1 { margin: 1em; }
.m1000 { margin: 1em 0 0 0; }
.m1010 { margin: 1em 0 1em 0; }

.mb0 { margin-bottom: 0; }
.mb1 { margin-bottom: 1em; }

	@media screen and (max-width: 740px)
		{ .mb1 {  margin-bottom: 0.2em; } }
		
	@media screen and (max-width: 520px)
		{ .mb1 {  margin-bottom: 0.1em; } }

.mb2 { margin-bottom: 2em; }

	@media screen and (max-width: 740px)
		{ .mb2 {  margin-bottom: 0.8em; } }
		
	@media screen and (max-width: 520px)
		{ .mb2 {  margin-bottom: 0.6em; } }

.mt0 { margin-top: 0; }

.mt1 { margin-top: 1em; }

	@media screen and (max-width: 960px)
		{ .mt1 {  margin-top: 0.6em; } }

	@media screen and (max-width: 740px)
		{ .mt1 {  margin-top: 0.4em; } }
		
	@media screen and (max-width: 520px)
		{ .mt1 {  margin-top: 18px; } }

.mt-02 { margin-top: -0.2em; }

	@media screen and (max-width: 960px)
		{ .mt-02 {  margin-top: -0.15em; } }

	@media screen and (max-width: 740px)
		{ .mt-02 {  margin-top: -0.1em; } }
		
	@media screen and (max-width: 520px)
		{ .mt-02 {  margin-top: -0.05em; } }

.mt-04 { margin-top: -0.4em; }

	@media screen and (max-width: 960px)
		{ .mt-04 {  margin-top: -0.3em; } }

	@media screen and (max-width: 740px)
		{ .mt-04 {  margin-top: -0.2em; } }
		
	@media screen and (max-width: 520px)
		{ .mt-04 {  margin-top: -0.1em; } }

.mt-1 { margin-top: -1em; }

	@media screen and (max-width: 960px)
		{ .mt-1 {  margin-top: -0.6em; } }

	@media screen and (max-width: 740px)
		{ .mt-1 {  margin-top: -0.4em; } }
		
	@media screen and (max-width: 520px)
		{ .mt-1 {  margin-top: -0.2em; } }

.t0 { top: 0; }
.t2 { top: 2%; }
.t3 { top: 3%; }
.t4 { top: 4%; }
.t5 { top: 5%; }
.t8 { top: 8%; }
.t10 { top: 10%; }
.t15 { top: 15%; }
.t20 { top: 20%; }
.t25 { top: 25%; }
.t30 { top: 30%; }
.t35 { top: 35%; }
.t40 { top: 40%; }
.t45 { top: 45%; }
.t50 { top: 50%; }

.l0 { left: 0; }
.l1 { left: 1%; }
.l2 { left: 2%; }
.l3 { left: 3%; }
.l4 { left: 3%; }
.l5 { left: 5%; }
.l6 { left: 6%; }
.l7 { left: 7%; }
.l8 { left: 8%; }
.l10 { left: 10%; }
.l12 { left: 12%; }
.l15 { left: 15%; }
.l18 { left: 18%; }
.l20 { left: 20%; }
.l25 { left: 25%; }
.l30 { left: 30%; }
.l35 { left: 35%; }
.l40 { left: 40%; }
.l45 { left: 45%; }
.l50 { left: 50%; }

.p0 { padding: 0; }
.p1 { padding: 1em; }
.p1000 { padding: 1em 0 0 0; }

.pt1 { padding-top: 1em; }

	@media screen and (max-width: 960px)
		{ .pt1 {  padding-top: 0.4em; } }

	@media screen and (max-width: 740px)
		{ .pt1 {  padding-top: 0.2em; } }
		
	@media screen and (max-width: 520px)
		{ .pt1 {  padding-top: -0.2em; } }
		
.pt0 { padding-top: 0; }

.pb2 { padding-bottom: 2em; }

	@media screen and (max-width: 740px)
		{ .pb2 { padding-bottom: 1.2em; } }
		
	@media screen and (max-width: 520px)
		{ .pb2 { padding-bottom: 0.8em; } }

.pb1 { padding-bottom: 1em; }

	@media screen and (max-width: 740px)
		{ .pb1 { padding-bottom: 0.6em; } }
		
	@media screen and (max-width: 520px)
		{ .pb1 { padding-bottom: 0.4em; } }

.pb0 { padding-bottom: 0; }

.br0 { margin: 0; }
.brx { margin: 0; }
.br1 { margin: 0 0 4px 0; }

	@media screen and (max-width: 740px)
		{ .br1 { margin: 0 0 3px 0; } }
		
	@media screen and (max-width: 520px)
		{ .br1 { margin: 0 0 2px 0; } }

.br12 { margin: 0 0 8px 0; }

	@media screen and (max-width: 740px)
		{ .br12 { margin: 0 0 6px 0; } }
		
	@media screen and (max-width: 520px)
		{ .br12 { margin: 0 0 4px 0; } }

.br2 { margin: 0 0 14px 0; }
.br22 { margin: 0 0 18px 0; }
.br3 { margin: 0 0 24px 0; }
.br4 { margin: 0 0 32px 0; }
.br5 { margin: 0 0 48px 0; }
.br6 { margin: 0 0 64px 0; }

.b140 { width: 140px; }
.b160 { width: 160px; }	

	@media screen and (max-width: 600px)
		{ .b160 { width: 100px; } }

.b180 { width: 180px; }

	@media screen and (max-width: 600px)
		{ .b180 { width: 120px; } }

.b200 { width: 200px; }

	@media screen and (max-width: 600px)
		{ .b200 { width: 140px; } }
		
.b220 { width: 220px; }
.b240 { width: 240px; }

.mw200 { min-width: 200px; }

/* typer */

h1
	{
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	font-weight: 600;
	font-size: 44px;
	font-style: italic;
	line-height: normal;
	letter-spacing: -0.005em;
	overflow-wrap: break-word;
	color: #1a1a1a;
	text-shadow: 0 0 14px #ffffff;
	width: 100%;
	float: auto;
	margin: 0 auto 24px auto;
	padding: 0;
	}
	
	@media screen and (max-width: 1400px)
		{ h1 { font-weight: 600; font-size: 34px; letter-spacing: auto; margin: 8px auto 14px auto; } }	
	
	@media screen and (max-width: 1200px)
		{ h1 { font-size: 30px; letter-spacing: auto; margin: 8px auto 14px auto; } }	

	@media screen and (max-width: 960px)
		{ h1 { font-size: 32px; letter-spacing: auto; margin: 8px auto 14px auto; } }	
		
	@media screen and (max-width: 740px)
		{ h1 { font-size: 24px; letter-spacing: auto; margin: 8px auto 14px auto; } }	
		
	@media screen and (max-width: 520px)
		{ h1 { font-size: 28px; line-height: 34px; margin: 10px 0 10px 0; } }
		
h2
	{
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: -0.005em;
	overflow-wrap: break-word;
	color: #1a1a1a;
	text-shadow: 0 0 8px #ffffff;
	width: 80%;
	float: auto;
	margin: 8px auto;
	padding: 0 10%;
	}
	
	@media screen and (max-width: 1400px)
		{ h2 { font-size: 18px; line-height: 28px; margin: 0 0 15px 0; } }	
	
	@media screen and (max-width: 1200px)
		{ h2 { font-size: 15px; line-height: 23px; margin: 0 0 15px 0; } }
	
	@media screen and (max-width: 960px)
		{ h2 { font-size: 15px; line-height: 23px; margin: 0 0 14px 0; } }

	@media screen and (max-width: 740px)
		{ h2 { font-weight: 400; font-size: 14px; line-height: 21px; margin: 0 0 14px 0; } }
		
	@media screen and (max-width: 520px)
		{ h2 { font-size: 15px; line-height: 23px; margin: 0 0 14px 0; } }
		
h3
	{
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	font-weight: 600;
	font-size: 30px;
	font-style: italic;
	line-height: auto;
	overflow-wrap: break-word;
	color: #1a1a1a;
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 32px 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1400px)
		{ h3 { font-size: 28px; margin: 0 0 22px 0;} }	
	
	@media screen and (max-width: 1200px)
		{ h3 { font-size: 24px; margin: 4px 0 10px 0;} }	
	
	@media screen and (max-width: 960px)
		{ h3 { font-size: 22px; margin: 4px 0 8px 0;} }	
		
	@media screen and (max-width: 520px)
		{ h3 { font-size: 22px; text-align: center; margin: 14px 0 14px 0; } }
		
h4 
	{
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	font-weight: 600;
	font-size: 20px;
	font-style: normal;
	line-height: 28px;
	overflow-wrap: break-word;
	color: #1a1a1a;
	margin: 0 0 12px 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1400px)
		{ h4 { font-size: 18px; line-height: 26px; margin: 0 0 15px 0; } }
	
	@media screen and (max-width: 1200px)
		{ h4 { font-size: 15px; line-height: 24px; margin: 0 0 15px 0; } }
	
	@media screen and (max-width: 960px)
		{ h4 { font-size: 15px; line-height: 24px; margin: 0 0 14px 0; } }
	
	@media screen and (max-width: 740px)
		{ h4 { font-size: 15px; margin: 0 0 14px 0; } }
		
	@media screen and (max-width: 520px)
		{ h4 { font-size: 17px; margin: 0 0 10px 0; } }
p 
	{
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	font-weight: 400;
	font-size: 18px;
	font-style: normal;
	line-height: 27px;
	overflow-wrap: break-word;
	color: #1a1a1a;
	margin: 0 0 16px 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{ p { font-size: 15px; line-height: 23px; margin: 0 0 15px 0; } }
	
	@media screen and (max-width: 520px)
		{ p { font-size: 14px; line-height: 22px; margin: 0 0 14px 0; } }
		
p a { color: #181ea5; text-decoration: none; }
p a:hover { text-decoration: underline; }	
	
.mindre  { font-size: 15px; line-height: 23px; }
	
	@media screen and (max-width: 960px)
		{ .mindre { font-size: 14px; line-height: 20px; margin: 0 0 8px 0;} }

	@media screen and (max-width: 520px)
		{ .mindre { font-size: 12px; line-height: 17px; margin: 0 0 14px 0; } }
		
a { color: #181ea5; text-decoration: none; }
a:hover { text-decoration: underline; }			

.a-neutral { color: #999999; text-decoration: none; }
.a-neutral:hover { color: #999999; text-decoration: underline; }
		
.a-ikon-block
	{ display: inline-block; }
	
.a-ikon
	{
	position: relative;
	top: 6px;
	color: #181ea5;
	margin: 0;
	padding: 0;
	}
		
strong { font-weight: 600; }

/* sis */

.normal { font-weight: normal; }
.kursiv { font-style: italic; }
.fet { font-weight: 700; }
.halvfet { font-weight: 600; }
.gra { color: #808080; }
.ljusgra { color: #ededed; }
.morkgra { color: #333333; }
.rod { color: #cc3333; }
.vit { color: #ffffff; }
.sparr { letter-spacing: 0.5px; }
.sparr1 { letter-spacing: 1px; }
.sparr2 { letter-spacing: 2px; }
.sparr3 { letter-spacing: 3px; }
.lank { color: #181ea5; }
.indrag { margin-left: 2%; }

.rundad { border-radius: 8px; }

	@media screen and (max-width: 960px)
		{ .rundad { border-radius: 7px; } }
		
	@media screen and (max-width: 740px)
		{ .rundad { border-radius: 6px; } }
		
	@media screen and (max-width: 520px)
		{ .rundad { border-radius: 5px; } }

.mrub { margin-bottom: 22px; }

	@media screen and (max-width: 960px)
		{ .mrub { margin-left: 4px; margin-bottom: 18px; } }
		
	@media screen and (max-width: 740px)
		{ .mrub { margin-left: 4px; margin-bottom: 14px; } }
		
	@media screen and (max-width: 520px)
		{ .mrub { margin-left: 4px; margin-bottom: 10px; } }

/* md-18 */

.material-icons.md-18 { font-size: 18px; }

	@media screen and (max-width: 1200px)
		{ .material-icons.md-18 { font-size: 17px; } }

	@media screen and (max-width: 960px)
		{ .material-icons.md-18 { font-size: 16px; } }

	@media screen and (max-width: 740px)
		{ .material-icons.md-18 { font-size: 15px; } }
		
	@media screen and (max-width: 520px)
		{ .material-icons.md-18 { font-size: 17px; } }

/* md-20 */

.material-icons.md-20 { font-size: 20px; }

	/*
	@media screen and (max-width: 520px)
		{ .material-icons.md-20 { font-size: 16px; } }
	*/
		
	@media screen and (max-width: 740px)
		{ .material-icons.md-20 { font-size: 17px; top: 4px; margin-right: 4px; } }
	
/* md-22 */

.material-icons.md-22 { font-size: 22px; }

	@media screen and (max-width: 1200px)
		{ .material-icons.md-22 { font-size: 20px; } }

	@media screen and (max-width: 960px)
		{ .material-icons.md-22 { font-size: 18px; } }

	@media screen and (max-width: 740px)
		{ .material-icons.md-22 { font-size: 16px; } }
		
	@media screen and (max-width: 520px)
		{ .material-icons.md-22 { font-size: 14px; } }
		
/* md-22 v2 */

.material-icons.md-22-v2 { font-size: 22px; }

	/*
	@media screen and (max-width: 1200px)
		{ .material-icons.md-22-v2 { font-size: 22px; } }

	@media screen and (max-width: 960px)
		{ .material-icons.md-22-v2 { font-size: 22px; } }
	*/

	@media screen and (max-width: 740px)
		{ .material-icons.md-22-v2 { font-size: 20px; } }
		
	@media screen and (max-width: 520px)
		{ .material-icons.md-22-v2 { font-size: 14px; } }

/* md-24 */

.material-icons.md-24 { font-size: 24px; top: 6px; }

	@media screen and (max-width: 1200px)
		{ .material-icons.md-24 { font-size: 20px; top: 5px; } }

	@media screen and (max-width: 960px)
		{ .material-icons.md-24 { font-size: 18px; top: 4px; } }

	/*
	@media screen and (max-width: 740px)
		{ .material-icons.md-24 { font-size: 16px; top: 3px; } }
	*/
		
	@media screen and (max-width: 740px)
		{ .material-icons.md-24 { font-size: 20px; top: 4px; margin-right: 4px; } }
		
/* md-24 v2 */

.material-icons.md-24-v2 { font-size: 24px; }

	@media screen and (max-width: 1200px)
		{ .material-icons.md-24-v2 { font-size: 20px; top: 5px; } }

	@media screen and (max-width: 960px)
		{ .material-icons.md-24-v2 { font-size: 18px; top: 4px; } }

	@media screen and (max-width: 740px)
		{ .material-icons.md-24-v2 { font-size: 16px; top: 3px; } }
		
	@media screen and (max-width: 520px)
		{ .material-icons.md-24-v2 { font-size: 13px; top: 2px; } }
		
/* md-24 produkt */

/*	
.material-icons.md-24-produkt { font-size: 24px; }

	@media screen and (max-width: 960px)
		{ .material-icons.md-24-produkt { font-size: 20px; } }

	@media screen and (max-width: 740px)
		{ .material-icons.md-24-produkt { font-size: 16px; } }
		
	@media screen and (max-width: 520px)
		{ .material-icons.md-24-produkt { font-size: 12px; } }
*/

/* md-30 */

.material-icons.md-30 { font-size: 30px; margin-left: -8px; }

	@media screen and (max-width: 1200px)
		{ .material-icons.md-30 { font-size: 28px; margin-left: -7px; } }

	@media screen and (max-width: 960px)
		{ .material-icons.md-30 { font-size: 24px; margin-left: -6px; } }

	@media screen and (max-width: 740px)
		{ .material-icons.md-30 { font-size: 22px; top: 6px; } }
	
	@media screen and (max-width: 520px)
		{ .material-icons.md-30 { font-size: 18px; margin-left: -4px; top: 4px; } }

.material-icons.md-32 { font-size: 32px; position: relative; float: left; left: -10px; top: 5px; }

	@media screen and (max-width: 1200px)
		{ .material-icons.md-32 { font-size: 28px; left: -10px; top: 4px; } }

	@media screen and (max-width: 960px)
		{ .material-icons.md-32 { font-size: 24px; left: -10px; top: 4px; } }

	@media screen and (max-width: 740px)
		{ .material-icons.md-32 { font-size: 22px; left: -6px; top: 4px; } }
	
	@media screen and (max-width: 520px)
		{ .material-icons.md-32 { font-size: 18px; left: -4px; top: 4px;  } }

.material-icons.md-36 { font-size: 36px; }

	@media screen and (max-width: 600px)
		{ .material-icons.md-36 { font-size: 26px; } }

.material-icons.md-40 { font-size: 40px; }

/* md-48 */

.material-icons.md-48 { font-size: 48px; }

	@media screen and (max-width: 600px)
		{ .material-icons.md-48 { font-size: 36px; } }
		
	@media screen and (max-width: 350px)
		{ .material-icons.md-48 { font-size: 26px; } }

.material-icons.md-54 { font-size: 54px; }
.material-icons.md-64 { font-size: 64px; }
.material-icons.md-96 { font-size: 96px; }
.material-icons.md-128 { font-size: 128px; }

/* fade */

.fade
	{
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
	}

@-webkit-keyframes fade
	{
	from {opacity: .4}
	to {opacity: 1}
	}

@keyframes fade
	{
	from {opacity: .4}
	to {opacity: 1}
	}
	

/* returknapp */

#myBtn
	{
    display: none;
    position: fixed;
    bottom: 20px;
    right: 25px;
    z-index: 99;
    border: none;
    outline: none; 
    background-color: #181ea5;
    color: #ededed;
	shadow: 1px 1px 2px #ffffff; 
    cursor: pointer;
    padding: 12px;
    border-radius: 8px;
    font-size: 18px;
	}
	
@media screen and (max-width: 520px)
	{ #myBtn { padding: 8px; font-size: 15px; border-radius: 7px; } }	

#myBtn:hover { background-color: #66cc66; }	

/* bg */

/*
.max
	{		
	background: url(../bilder/bg/AdobeStock_551149129_svv_v2-1.svg);
	background-size: cover;
	background-color: #ffffff;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
*/

	/*
	@media screen and (max-width: 520px)
		{ .max { background-image: linear-gradient(#ffffff, #b2d9ff); } }
	*/
	
.max
	{
	background: url(../bilder/bg/max_v2_1600px.jpg) #ffffff;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0% 100%;
	background-size: 100% 100%;
	}

	@media screen and (max-width: 960px)
		{ .max
			{
			background: url(../bilder/bg/max_v2_1200px.jpg) #ffffff;
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-position: 0% 100%;
			background-size: 180% 100%;
			}
		}
		
	@media screen and (max-width: 740px)
		{ .max
			{
			background: url(../bilder/bg/max_v2_1200px.jpg) #ffffff;
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-position: 0% 100%;
			background-size: 200% auto;
			}
		}

	@media screen and (max-width: 520px)
		{ .max
			{
			background: url(../bilder/bg/AdobeStock_551149129_svv_v2-1.svg);
			background-size: cover;
			background-color: #ffffff;
			background-attachment: fixed;
			background-repeat: no-repeat;
			}
		}
	
/* typer */
	
/* 400 */

@font-face
	{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-stretch: normal;
	font-display: swap;
	/* src: url(../typsnitt/open_sans_400.woff2) format('woff2'); */
	src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

/* 400 kursiv */

@font-face
	{
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	font-stretch: normal;
	font-display: swap;
	/* src: url(../typsnitt/open_sans_400_kursiv.woff2) format('woff2'); */
	src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVAewA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

/* 600 */

@font-face
	{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-stretch: normal;
	font-display: swap;
	/* src: url(../typsnitt/open_sans_600.woff2) format('woff2'); */
	src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVI.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

/* 600 kursiv */

@font-face
	{
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 600;
	font-stretch: normal;
	font-display: swap;
	/* src: url(../typsnitt/open_sans_600_kursiv.woff2) format('woff2'); */
	src: url(https://fonts.gstatic.com/s/opensans/v34/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjWVAewA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

/* 700 */

@font-face
	{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-stretch: normal;
	font-display: swap;
	/* src: url(../typsnitt/open_sans_700.woff2) format('woff2'); */
	src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVI.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}

/* material icons fallback */

@font-face
	{
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	/* src: url(../typsnitt/material_icons.woff2) format('woff2'); */
	src: url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
	}
	
/* material icons */	

.material-icons
	{
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-moz-font-feature-settings: 'liga';
	-moz-osx-font-smoothing: grayscale;
	}