body
	{
	text-align: center;
	margin: 0;
	padding: 0;
	}

img
	{
	image-rendering: auto;
	/* image-rendering: crisp-edges; */
	/* image-rendering: pixelated; */
	}
	
/* 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: 380px)
		{
	  	.topnav { padding: 2px 0 0 0; }
		}	

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

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

.topnav .icon
	{
	display: none;
	}

@media screen and (max-width: 800px)
	{
	.topnav a:not(:first-child) { display: none; }
	.topnav a.icon
		{
		display: block;
		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]
	{
	border: none;
	float: right;
	position: relative;
	width: auto;
	font-family: Open Sans, arial, helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px	;
	color: #000000;	
	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: 960px)
		{
		.topnav input[type=text]
			{
			float: left;
			width: auto;
			font-size: 13px;
			color: #000000;
			margin: 5px 0 0 4px;
			padding: 3px 3px 3px 4px;
			border-radius: 4px;
			box-shadow: 0 0 8px 2px #14187c;
			}
		}	
	
	@media screen and (max-width: 740px)
		{
		.topnav input[type=text]
			{
			float: left;
			width: auto;
			font-size: 12px;
			color: #000000;
			margin: 5px 0 4px 4px;
			padding: 3px 3px 3px 4px;
			border-radius: 4px;	
			box-shadow: 0 0 8px 2px #14187c;
			}
		}	
	
	@media screen and (max-width: 380px)
		{
		.topnav input[type=text]
			{
			float: left;
			width: auto;
			font-size: 11px;
			color: #000000;
			margin: 0;
			padding: 2px 2px 2px 4px;
			margin: 6px 0 4px 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: 380px)
		{
		.introbilder-block { width: 100%; margin: 0.2em 0 0 0; }
		}
		
.introbild-tn-block
	{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0;
	}
	
	/*
	@media screen and (max-width: 740px)
		{
		.introbild-tn-block { width: 100%; }
		}
	*/

.introbild-tn-div
	{
	display: inline-block;
	width: 18%;
	height: auto;
	max-width: 120px;
	margin: 0.6em;
	padding: 1px;
	border-radius: 6px;
	box-shadow: 0 0 8px #cccccc;
	}
	
	@media screen and (max-width: 1000px)
		{
		.introbild-tn-div { margin: 0.4em; }
		}
	
	@media screen and (max-width: 740px)
		{
		.introbild-tn-div { margin: 0.4em; }
		}
		
	@media screen and (max-width: 380px)
		{
		.introbild-tn-div { margin: 0.2em; }
		}
	
/* v2 */		
		
.introbild-tn-div-v2
	{
	display: inline-block;
	width: 120px;
	height: 120px;
	margin: 0.6em;
	padding: 1px;
	border-radius: 6px;
	box-shadow: 0 0 8px #cccccc;
	}
	
	@media screen and (max-width: 1200px)
		{
		.introbild-tn-div-v2 { margin: 0.5em; width: 110px; height: 110px; }
		}
		
	@media screen and (max-width: 960px)
		{
		.introbild-tn-div-v2 { margin: 0.4em; width: 90px; height: 90px; border-radius: 5px; }
		}		

	@media screen and (max-width: 740px)
		{
		.introbild-tn-div-v2 { margin: 0.3em; width: 80px; height: 80px; border-radius: 4px; box-shadow: 0 0 6px #cccccc; }
		}				
		
	@media screen and (max-width: 380px)
		{
		.introbild-tn-div-v2 { margin: 0.2em; width: 50px; height: 50px; border-radius: 4px; box-shadow: 0 0 6px #cccccc; }
		}	
	
.introbild-tn-div-padding
	{
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
.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: 4px;
	left: 5px;
	width: 110px;
	height: 110px;
	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: 74px; height: 74px; }
		}
		
	@media screen and (max-width: 380px)
		{
		.introbild-tn-v2 { top: 1px; left: 3px; width: 44px; height: 44px; }
		}	
	
.introbild-tn-s			/* tn stående bild */
	{
	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
	{
	border: 1px solid;
	width: 100%;
	height: auto;
	text-align: center;
	}	
*/
	
.row:after
	{
	content: "";
	display: block;
	width: 100%;
	height: auto;
	clear: both;	
	}

.container
	{
	display: block;
	position: relative;	
	width: 98%;
	height: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
/*	
.container img
	{
	max-width: 450px;
	max-height: 450px;
	margin: 0 0 1.2em 0;
	border-radius: 8px;
	}
*/
	
.container img
	{
	width: 450px;
	height: 450px;
	margin: 0 0 1.2em 0;
	border-radius: 8px;
	}

.container img:hover { box-shadow: 3px 3px 10px 2px #ededed; }
	
	@media screen and (max-width: 1200px)
		{
		.container img { width: 350px; height: 350px; margin: 0 0 1em 0; }
		}
		
	@media screen and (max-width: 960px)
		{
		.container img { width: 300px; height: 300px; margin: 0 0 0.8em 0; }
		}
	
	@media screen and (max-width: 740px)
		{
		.container img { width: 300px; height: 300px; margin: 0 0 0.6em 0; }
		}
		
	@media screen and (max-width: 380px)
		{
		.container img { width: 200px; height: 200px; 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: 500px;
	height: 500px;
	margin: 0 0 1.2em 0;
	border-radius: 8px;
	}
	
.container-s img:hover { box-shadow: 3px 3px 10px 2px #ededed; }
	
	@media screen and (max-width: 1200px)
		{
		.container-s img { width: 450px; height: 450px; margin: 0 0 1em 0; }
		}
		
	@media screen and (max-width: 960px)
		{
		.container-s img { width: 350px; height: 350px; margin: 0 0 0.6em 0; }
		}		
	
	@media screen and (max-width: 740px)
		{
		.container-s img { width: 300px; height: 350px; margin: 0 0 0.6em 0; }
		}
		
	@media screen and (max-width: 380px)
		{
		.container-s img { width: 220px; height: 220px; margin: 0 0 0.4em 0; }
		}
	
#imgtext
	{
	position: relative;
	width: 100%;	
	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: #000000;
	margin: 0 0 2em 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{
		#imgtext { font-size: 14px; line-height: 22px; }
		}
	
	@media screen and (max-width: 600px)
		{
		#imgtext { font-size: 13px; line-height: 19px; }
		}
		
	@media screen and (max-width: 380px)
		{
		#imgtext { font-size: 11px; line-height: 14px; }
		}
		
/* spalt */

.spalt-block
	{
	display: inline-block;
	position: relative;
	width: 30%;
	text-align: center;
	margin: 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;
	text-align: left;
	margin: 0 0 2.2em 0;
	}

	@media screen and (max-width: 740px)
		{
		.spalt-egenskaper
			{
			text-align: center;
			border-top: 1px dotted #cccccc;
			margin: 0.8em 0 0 0;
			padding: 0.4em 0 0.8em 0;
			}
		}
		
.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
			{
			/* border-bottom: 1px dotted #cccccc; */
			margin: 0;
			}
		}
		
.spalt-produktblad-p
	{
	display: block;
	width: auto;
	margin: 12px;
	padding: 1.2em 0.6em 0.4em 0.6em;
	border-radius: 8px;
	}
	
.spalt-produktblad-p:hover { box-shadow: 3px 3px 10px 2px #ededed; }	

.spalt-produktblad-bild
	{
	width: 160px;
	height: 226px;
	box-shadow: 4px 4px 14px #ededed;
	border-radius: 6px;
	margin: 0 0 0.8em 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: 440px)
		{
		.spalt-produktblad-bild { width: 110px; height: 155px; }
		}
		
	@media screen and (max-width: 380px)
		{
		.spalt-produktblad-bild { width: 100px; height: 141px; }
		}
		
.spalt-produktblad-x2
	{
	display: inline-block;
	vertical-align: top;
	margin: 0 1em 1em 1em;
	}
	
	@media screen and (max-width: 740px)
		{
		.spalt-produktblad-x2 { width: 180px; margin: 0 0.4em 0.4em 0.4em; }
		}
		
	@media screen and (max-width: 440px)
		{
		.spalt-produktblad-x2 { width: 120px; margin: 0 0.2em 0.2em 0.2em; }
		}		

	@media screen and (max-width: 380px)
		{
		.spalt-produktblad-x2 { width: 110px; margin: 0 0.2em 0.2em 0.2em; }
		}
	
.spalt-produktblad-bild-x2
	{
	width: 140px;
	height: auto;
	box-shadow: 4px 4px 14px #ededed;
	border-radius: 6px;
	margin: 0 0 0.6em 0;
	}	
	
	@media screen and (max-width: 960px)
		{
		.spalt-produktblad-bild-x2 { width: 120px; }
		}	

	@media screen and (max-width: 740px)
		{
		.spalt-produktblad-bild-x2 { width: 100px; }
		}

	@media screen and (max-width: 380px)
		{
		.spalt-produktblad-bild-x2 { width: 80px; }
		}
	
#spalt-produktblad-lank
	{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
	#spalt-produktblad-lank p
		{
		color: #181ea5;
		margin: 0;
		padding: 0;
		}
		
#spalt-produktblad-lank-neutral
	{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0;
	border-radius: 8px;
	}
	
	#spalt-produktblad-lank-neutral p
		{
		color: #999999;
		}
		
	#spalt-produktblad-lank-neutral a:hover
		{
		color: #999999;
		}
		
.produktblad-text-ikon
	{
	position: relative;
	top: 0.3em;
	float: lef;
	color: #181ea5;
	margin: 0 6px 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: 380px)
		{
		.produktblad-text-ikon { margin: 0 1px 0 0; }
		}
	
.produktblad-text-ikon-neutral
	{
	position: relative;
	top: 0.3em;
	float: lef;
	color: #999999;
	margin: 0 0.2em 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: 380px)
		{
		.spalt-resurser { margin: 0.6em 0 0.6em 0; }
		}
		
.spalt-resurser-lank
	{
	width: 100%;
	max-width: 300px;
	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: 380px)
		{
		.spalt-resurser-lank { width: 80%; border-radius: 4px; }
		}	
.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.2em 0.2em 0.5em 0.2em; }
		}
		
	@media screen and (max-width: 380px)
		{
		.spalt-resurser-lank-p { padding: 0.4em 0.1em 0.3em 0.1em; }
		}
		
.spalt-resurser-lank-p p
	{
	color: #ffffff;
	font-weight: 700;
	margin: 0;
	}
	
	@media screen and (max-width: 740px)
		{
		.spalt-resurser-lank-p p { margin: 0; }
		}
		
	@media screen and (max-width: 380px)
		{
		.spalt-resurser-lank-p p { margin: 0 0 5px 0; }
		}
		
.spalt-resurser-lank-p a:hover
	{
	text-decoration: none;
	}	
	
.spalt-resurser-lank-ikon
	{
	color: #ffffff;
	position: relative; 
	top: 6px;
	}	
		
	@media screen and (max-width: 380px)
		{
		.spalt-resurser-lank-ikon { top: 5px; }
		}	

/* spalt kontakt */	
		
.spalt-kontakt
	{
	display: block;
	width: 100%;
	float: left;
	text-align: center;
	margin: 0;
	}
	
	@media screen and (max-width: 960px)
		{
		.spalt-kontakt { margin: 0 0 1.2em 0; }
		}	
	
	@media screen and (max-width: 740px)
		{
		.spalt-kontakt {  display: none; visibility: hidden; }
		}
		
	/* 	
	@media screen and (max-width: 380px)
		{
		.spalt-kontakt { margin: 0.6em 0 0.6em 0; }
		}
	*/
	
.spalt-kontakt-p
	{
	display: block;
	width: auto;
	margin: 12px;
	padding: 0.8em 0.6em 0.2em 0.6em;
	border-radius: 8px;
	}
	
.spalt-kontakt-p:hover { box-shadow: 3px 3px 10px 2px #ededed; }	

.spalt-kontakt-lank
	{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
	.spalt-kontakt-lank p
		{
		color: #181ea5;
		margin: 0;
		padding: 0;
		}
		
.spalt-kontakt-ikon
	{
	position: relative;
	top: 0.3em;
	float: lef;
	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; }
		}

	@media screen and (max-width: 380px)
		{
		.spalt-kontakt-ikon { margin: 0 1px 0 0; }
		}	
		
.spalt-linje
	{
	display: block;
	width: auto;
	margin: 0 12px;
	}	
	
	@media screen and (max-width: 740px)
		{
		.spalt-kontakt {  display: none; visibility: hidden; }
		}
	
.spalt-linje-p
	{
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #ffffff;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	}					
	
	@media screen and (max-width: 740px)
		{
		.spalt-linje-p {  display: none; visibility: hidden; }
		}
	
/* 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: 380px)
	{
	.bild-s
		{
		width: 100%;
		max-width: 100px;
		height: auto;
		margin: 0 0.4em 0 0.4em;
		border-radius: 4px; 
		}
	}

/* area */	
	
.area
	{
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 16px 0 0 0;
	}
	
.area-2
	{
	width: 90%;
	max-width: 1200px;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	}
		
.area-3
	{
	width: 100%;
	float: left;
	text-align: left;
	background: rgba(237, 237, 237, 0.6);
	/* background: #ededed; */
	border-radius: 10px;
	margin: 0;
	padding: 0;
	}

/* meny */		
		
.meny
	{
	display: block;
	position: relative;
	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: 10px 10px 0 0;
	margin: 0;
	padding: 0;
	}
	
.meny-fot
	{
	display: block;
	position: relative;
	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;
	margin: 0;
	padding: 0 0 0.4em 0;
	}

	.meny-2
		{
		width: 100%;
		float: left;
		padding: 0;
		margin: 0;
		}
		
.meny-logo
	{
	float: left;
	margin: 6px 0 0 16px;
	padding: 0;
	}
	
@media screen and (max-width: 1200px)
	{
  	.meny-logo { margin: 3px 0 0 8px; }
	}	
	
@media screen and (max-width: 600px)
	{
  	.meny-logo { margin: 3px 0 0 4px; }
	}

@media screen and (max-width: 380px)
	{
  	.meny-logo { margin: 3px 0 0 1px; }
	}
	
@media screen and (max-width: 300px)
	{
  	.meny-logo { margin: 3px 0 0 1px; }
	}
	
.meny-logo-bild
	{
	width: 200px;
	height: 70px;
	margin: 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{
	  	.meny-logo-bild { width: 190px; height: 67px; }
		}
		
	@media screen and (max-width: 600px)
		{
	  	.meny-logo-bild { width: 160px; height: 56px; }
		}	
	
	@media screen and (max-width: 380px)
		{
	  	.meny-logo-bild { width: 150px; height: 53px; }
		}	
	
	@media screen and (max-width: 300px)
		{
	  	.meny-logo-bild { width: 135px; height: 47px; }
		}

.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: 0.6em 0.4em 0.2em 0.2em; }
	}	
*/	
	
@media screen and (max-width: 400px)
	{
  	.mib { margin: 0.6em 0.45em 0.2em 0.1em; }
	}	
	
.mib-logo
	{
	width: 80px;
	height: 80px;
	position: relative;
	top: -20px;
	margin-bottom: -24px;
	padding: 0 0.2em 0 0;
	}
	
@media screen and (max-width: 740px)
	{
  	.mib-logo
		{
		width: 72px;
		height: 72px;
		top: -23px;
		margin-bottom: -26px;
		padding: 0;
		}
	}
	
@media screen and (max-width: 600px)
	{
  	.mib-logo
		{
		width: 65px;
		height: 65px;
		top: -20px;
		padding: 0;
		margin-bottom: -25px;
		}
	}

@media screen and (max-width: 400px)
	{
  	.mib-logo
		{
		width: 60px;
		height: 60px;
		top: -26px;
		margin-right: 2px;
		margin: bottom: -25px;
		padding: 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;
	}
	
.meny-cell-payoff p
	{
	font-family: Open Sans, arial, helvetica, sans-serif;
	font-weight: 600;
	font-size: 15px;
	font-style: normal;
	line-height: auto;
	color: #ffffff;
	margin: 0 1em 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 { font-weight: 400; }
		}	
	
	@media screen and (max-width: 960px)
		{
	  	.meny-cell-payoff p { font-size: 14px; font-weight: 400; }
		}
	
	@media screen and (max-width: 740px)
		{
	  	.meny-cell-payoff p { font-size: 13px; font-weight: 400; }
		}
		
	@media screen and (max-width: 540px)
		{
	  	.meny-cell-payoff p { font-size: 12px; font-weight: 400; }
		}
		
	@media screen and (max-width: 510px)
		{
	  	.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)
		{
	  	padding: 1em 0.2em;
		}	
		
	@media screen and (max-width: 960px)
		{
	  	padding: 0.8em 0.2em;
		}	
		
	@media screen and (max-width: 740px)
		{
	  	padding: 0.6em 0.2em;
		}	
	
	@media screen and (max-width: 380px)
		{
	  	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: 480px)
		{
	  	.meny-cell-payoff-fot p { font-size: 11px; }
		}

.payoff-block
	{
	display: inline-block;
	margin: 0;
	padding: 0;
	}
	
@media screen and (max-width: 700px)
	{
  	.payoff-block { margin: 0 0 0 0; }
	}	
	
	.payoff-block-tel
		{
		display: inline-block;
		margin: 0;
		}
		
@media screen and (max-width: 700px)
	{
  	.payoff-block-tel { margin: 0.2em 0 0 0; }
	}

.payoff-block-fot
	{
	display: inline-block;
	}	
	
.payoff-ikon
	{
	display: inline-block;
	position: relative;
	top: 4px;
	color: #ffffff;
	margin: 0 0.3em 0 0;
	padding: 0;
	}
	
.payoff-ikon:hover
	{
	text-shadow: 0 0 8px #ffffff;
	text-decoration: none;
	}

.payoff-tel
	{
	display: inline-block;
	}
	
.payoff-epost
	{
	display: inline-block;
	}	
	
.payoff-block-social
	{
	display: inline-block;
	margin: 0 0.2em 0 0;
	padding: 0;
	}
	
.payoff-block-social-fb
	{
	display: inline-block;
	margin: 0;
	padding: 0;
	}
	
	.payoff-block-social-fb img
		{
		position: relative;
		width: 22px;
		height: 22px;
		top: 6px;
		float: left;
		height: auto;
		margin: 0 0.8em 0 0;
		}
		
	@media screen and (max-width: 800px)
		{
	  	.payoff-block-social-fb img { width: 20px; height: 20px; top: 5px; }
		}
		
.payoff-block-social-yt
	{
	display: inline-block;
	margin: 0;
	padding: 0;
	}	
	
	.payoff-block-social-yt img
		{
		position: relative;
		width: 26px;
		height: 19px;
		top: 5px;
		float: left;
		width: 26px;
		height: auto;
		margin: ;
		padding: ;
		}
		
	@media screen and (max-width: 800px)
		{
	  	.payoff-block-social-yt img { width: 24px; height: auto; top: 6px; }
		}
	
/* visar och släcker fb, yt */
	
@media screen and (max-width: 800px)
	{
  	.payoff-block-social-fb { display: none; visibility: hidden; }
	}
	
@media screen and (max-width: 800px)
	{
  	.payoff-block-social-yt { display: none; visibility: hidden; }
	}
	
/* meny logo v2 */	
	
.meny-logo-v2
	{
	float: left;
	margin: 8px 0 0 18px;
	padding: 0;
	}

/* droppmeny */	
	
.droppmeny
	{
	width: 100%;
	float: left;
	height: auto;
	top: 30px;
	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: 0 0 1px 1px;
		padding: 0;
		}	
	}
	
.droppmeny-social-yt
	{
	display: inline-block;
	position: relative;
	top: 2px;
	width: 22px;
	height: auto;
	margin: 0 2px 0 0;
	padding: 6px 2px 4px 3px;
	}
	
@media screen and (max-width: 600px)
	{
  	.droppmeny-social-yt
		{
		top: 3px;
		width: 20px;
		height: auto;
		margin: 0 2px 0 0;
		padding: 4px 1px 4px 3px;
		}	
	}
	
.droppmeny-social-fb
	{
	display: inline-block;
	position: relative;
	top: -2px;
	width: 20px;
	height: 20px;
	margin: 0 2px 0 0;
	padding: 6px 2px 0 3px;
	}	
	
@media screen and (max-width: 600px)
	{
  	.droppmeny-social-fb
		{
		top: 0;
		width: 18px;
		height: 18px;
		margin: 0 2px 0 0;
		padding: 4px 1px 0 2px;
		}	
	}
	
/* 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: 350px)
	{
  	.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-positon: 0 0;
	text-align: center;
	margin: 12px 0 0 0;
	padding: 0;
	}
	
.arbetsyta
	{
	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: -14px 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: 380px)
		{
		.brod { margin-top: -12px; }
		}
	
.brod p 
	{
	font-family: Open Sans, arial, helvetica, sans-serif;
	font-weight: 400;
	font-size: 13px;
	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: 12px; }
		}
	
	@media screen and (max-width: 960px)
		{
		.brod p { font-size: 11px; }
		}
	
	@media screen and (max-width: 740px)
		{
		.brod p { font-size: 10px; }
		}
	
	@media screen and (max-width: 380px)
		{
		.brod p { font-size: 9px; }
		}
	
/* rubrik */

.rubrik
	{
	display: block;
	width: 100%;
	float: left;
	text-align: center;
	margin: 0.6em 0 1.1em 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{
	  	.rubrik { margin: 0.55em 0 1.05em 0; }
		}
		
	@media screen and (max-width: 960px)
		{
		.rubrik { margin: 0.55em 0 0.8em 0; }
		}			
	
	@media screen and (max-width: 740px)
		{
		.rubrik { margin: 0.5em 0 0.7em 0; }
		}	
	
	@media screen and (max-width: 380px)
		{
		.rubrik { margin: 0.4em 0 0.4em 0; }
		}
	
/* 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;
	}
	
	@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: 380px)
		{
	  	.data-vit { padding: 0.2em 0 0.6em 0; }
		}	
	
.data-vit-2
	{
	display: block;
	width: auto;
	padding: 0;
	float: auto;
	/* padding: 0.8em 2% 0.8em 2%; */
	margin: 0 2%;
	}
		
/* ingress */		
		
.ingress 
	{
	display: block;
	width: 100%;
	height: auto;
	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 { margin-top: 0.25em }
		}	
		
	@media screen and (max-width: 380px)
		{
	  	.ingress { margin-top: 0.2em; }
		}	
		
.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: 22px; }
		}
	
	@media screen and (max-width: 960px)
		{
		.ingress h3 { font-size: 13px; line-height: 20px; }
		}
	
	@media screen and (max-width: 740px)
		{
		.ingress h3 { font-size: 12px; line-height: 16px; }
		}
		
	@media screen and (max-width: 380px)
		{
		.ingress h3 { font-size: 11px; line-height: 14px; }
		}
	}
		
.ingress-2 
	{
	margin: 0;
	padding: 0;
	}

/* 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: 20px; }
		}
	
	@media screen and (max-width: 600px)
		{
		.egenskaper p { font-size: 12px; line-height: 16px; }
		}
		
	@media screen and (max-width: 380px)
		{
		.egenskaper p { font-size: 12px; line-height: 14px; }
		}

.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: #66cc66;
	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: 380px)
		{
	  	.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: 380px)
		{
	  	.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: 380px)
		{
	  	.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;
	}
		
/* produktkatalog */

.produktkatalog
	{
	display: inline-block;
	width: 24%;
	min-width: 120px;
	height: ;
	margin: 0 0 1em 0;
	padding: 0;
	}
	
.produktkatalog-bild
	{
	display: block;
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0 0 1em 0;
	padding: 0;	
	}
	
.produktkatalog-bild-innehall
	{
	display: block;
	position: relative;
	text-align: center;
	margin: 0;
	padding: 1em 1em 0.2em 1em;
	}
	
	.produktkatalog-bild-innehall img
		{
		width: 100%;
		height: auto;
		border-radius: 6px;
		box-shadow: 4px 4px 10px 2px #ededed;
		}
		
/* album NY */

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

/* album div */
	
.album-div
	{
	display: inline-block;
	width: 23%;
	height: auto;
	max-width: 480px;
	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: 380px)
		{
		.album-div { width: 45%; margin: 0; }
		}
		
/* album div 80 */
	
.album-div-80
	{
	display: inline-block;
	width: 80%;
	max-width: 800px;
	height: auto;
	vertical-align: top;
	margin: 0.8em;
	padding: 1px;
	border-radius: 8px;
	}
	
.album-div-80:hover { box-shadow: 3px 3px 10px 2px #ededed; }

	@media screen and (max-width: 1200px)
		{
		.album-div-80 { width: 80%; margin: 0.5em; }
		}			
		
	@media screen and (max-width: 740px)
		{
		.album-div-80 { width: 100%; margin: 0 0 1em 0; }
		}
		
	@media screen and (max-width: 380px)
		{
		.album-div-80 { width: 100%; float: left; margin: 0 0 1em 0; }
		}
		
/* 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;
	}
	
/*
.album-div-60:hover { box-shadow: 3px 3px 10px 2px #ededed; }
*/

	@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; }
		}
		
	@media screen and (max-width: 380px)
		{
		.album-div-60 { width: 100%; float: left; margin: 0 0 1em 0; }
		}		
	
/* album div 50 */
	
.album-div-50
	{
	border: 1px solid transparent;
	display: inline-block;
	width: 46%;
	max-width: 480px;
	height: auto;
	vertical-align: top;
	margin: 0.8em;
	padding: 1px;
	border-radius: 8px;
	}

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

	@media screen and (max-width: 1200px)
		{
		.album-div-50 { width: 45%; margin: 0.5em; }
		}			
		
	@media screen and (max-width: 740px)
		{
		.album-div-50 { width: 46%; margin: 0 0 1em 0; }
		}
		
	@media screen and (max-width: 380px)
		{
		.album-div-50 { width: 100%; float: left; margin: 0 0 1em 0; }
		}
	
/* album div 33 */
	
.album-div-33
	{
	border: 1px solid transparent;
	display: inline-block;
	width: 30.6%;
	height: auto;
	max-width: 480px;
	vertical-align: top;
	margin: 0.6em;
	padding: 1px;
	border-radius: 8px;
	}
	
.album-div-33:hover { box-shadow: 3px 3px 10px 2px #ededed; }

	@media screen and (max-width: 1200px)
		{
		.album-div-33 { width: 29%; margin: 0.6em; }
		}
		
	@media screen and (max-width: 740px)
		{
		.album-div-33 { width: 46%; margin: 0 0 1em 0;}
		}
		
	@media screen and (max-width: 380px)
		{
		.album-div-33 { width: 100%; float: left; margin: 0 0 1em 0; }
		}
		
/* album div 25 */
	
.album-div-25
	{
	border: 1px solid transparent;
	display: inline-block;
	width: 22%;
	height: auto;
	max-width: 480px;
	vertical-align: top;
	margin: 0.6em;
	padding: 1px;
	border-radius: 8px;
	}
	
.album-div-25:hover { box-shadow: 3px 3px 10px 2px #ededed; }

	@media screen and (max-width: 1200px)
		{
		.album-div-25 { width: 22%; margin: 0.5em; }
		}
		
	@media screen and (max-width: 960px)
		{
		.album-div-25 { width: 30.5%; margin: 0.3em; }
		}
		
	@media screen and (max-width: 740px)
		{
		.album-div-25 { width: 45%; margin: 0.2em; }
		}
		
	@media screen and (max-width: 380px)
		{
		.album-div-25 { width: 44%; margin: 0 0 0.1em 0; }
		}
		
/* album div 20 */
	
.album-div-20
	{
	border: 1px solid transparent;
	display: inline-block;
	width: 18%;
	height: auto;
	max-width: 480px;
	vertical-align: top;
	margin: 0.4em;
	padding: 1px;
	border-radius: 8px;
	}
	
.album-div-20:hover { box-shadow: 3px 3px 10px 2px #ededed; }

	@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: 380px)
		{
		.album-div-20 { width: 44%; margin: 0.1em; }
		}		
		
/* 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;
	}
	
/* album innehåll */
	
.album-div-p
	{
	position: relative;
	margin: 0.8em;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{
	  	.album-div-p { margin: 0.6em; }
		}
		
	@media screen and (max-width: 740px)
		{
	  	.album-div-p { margin: 0.4em; }
		}
		
	@media screen and (max-width: 380px)
		{
	  	.album-div-p { margin: 0.2em; }
		}
	
/* album tn */
	
.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; }
	}	
	
/* album bilder */

.album-bild-l
	{
	position: absolute;
	top: 16%;
	/* top: 15%; */
	left: 2%;
	max-width: 96%;
	height: auto;
	margin: 0;
	}
	
.album-bild-s
	{
	position: absolute;
	top: 2%;
	left: 17.5%;
	/* left: 16.8%; */
	width: auto;
	max-height: 96%;
	margin: 0;
	}
	
/* bildtexter */		
		
.album-div-bildtext
	{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}
	
.album-div-bildtext-padding
	{
	padding: 0.8em 0.2em;
	}
		
	@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: 380px)
		{
	  	.album-div-bildtext-padding { padding: 0.3em 0.07em; }
		}	
		

/* album ÄLDRE */

.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: 380px)
		{
		.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: 380px)
	{
 	.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: 380px)
	{
	.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: 380px)
		{
		.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: 380px)
			{
			.album-foto-l-flyt { width: 80%; }
			}
		
	.album-foto-s
		{
		position: absolute;
		top: 2.5%;
		left: 30%;
		max-width: auto;
		max-height: 94%;
		padding: 0;
		margin: 0;
		border-radius: 6px;
		}
		
	.album-bildtext
		{
		/* border-top: 1px dotted #b3b3b3; */
		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-bildtext-fri
			{
			width: 100%;
			height: auto;
			float: left;
			text-align: center;
			margin: 0;
			padding: 1em 0;
			}
			
		@media screen and (max-width: 600px)
			{
			.album-bildtext-fri { padding: 0.4em 0; }
			}
			
		@media screen and (max-width: 380px)
			{
			.album-bildtext-fri { padding: 0.2em 0; }
			}	

	@media screen and (max-width: 380px)
		{
		.album-bildtext p { font-size: 11px; line-height: 16px; }
		}
		
	.album-produkt-bildtext
		{
		width: 100%;
		height: auto;
		float: left;
		text-align: center;
		margin: 0;
		padding: 1em 0;
		}
		
	@media screen and (max-width: 600px)
		{
	  	.album-produkt-bildtext { padding: 0.6em 0; }
		}
		
	@media screen and (max-width: 350px)
		{
	  	.album-produkt-bildtext {padding: 0.4em 0; }
		}	
		
		.album-bildtext-2
			{
			max-width: 90%;
			margin: 0 auto;
			padding: 0 1em;
			}
			
		@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%; border: 1px solid #ff000; }
		}	
	
	@media screen and (max-width: 740px)
		{
	  	.album-produkt-video { position: relative; width: 70%; margin-left: 15%; }
		}
		
	@media screen and (max-width: 380px)
		{
	  	.album-produkt-video { position: relative; width: 70%; margin-left: 15%; }
		}
			
.album-bildtext-oversikt
	{
	width: 96%;
	height: auto;
	margin: 0 2%;
	padding: 0;
	}
			
	.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: 380px)
		{
	  	.kontakt-social-ikon { width: 20px; height: 20px; margin: 0.2em 0.2em 0 0.2em; }
		}			

/* översikt */

.oversikt
	{
	display: inline-block;
	width: 28%;
	height: auto;
	margin: 1.5%;
	margin-bottom: 2em;
	padding: 0;
	}
	
.oversikt-bild
	{
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
	border-radius: 6px;
	}
	
.oversikt-bildtext
	{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin: 0;
	padding: 1em 0;
	}

.oversikt-bildtext-2
	{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	}
	
/* 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: 380px)
		{
	  	.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%;
	}
			
/* blankare */

.blankare
	{
	width: 100%;
	float: left;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0;	
	}
	
.blankare-2
	{
	margin: 0;
	padding: 1em 0 0 0;
	}
	
.blankare-bild
	{
	display: inline-block;
	width: 20%;
	min-width: 200px;
	margin: 0.4em;
	padding: 0;
	}
	
.blankare-foto
	{
	width: 100%;
	height: 148px;
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
	border-radius: 6px;
	}
	
	.blankare-bild-l
		{
		position: absolute;
		top: 0;
		left: 2%;
		max-width: 96%;
		height: auto;
		margin: 0 0 0 -1px;
		padding: 0;
		border-radius: 6px;
		}
	
	.blankare-bildtext
		{
		width: 100%;
		height: 40px;
		float: left;
		text-align: center;
		margin: 0 0 0.6em 0;
		padding: 0.6em 0;
		}
	
/* block (artikel v2) */	
		
.block
	{
	width: 100%;
	float: left;
	text-align: left;
	background: #ffffff;
	border-radius: 8px;
	margin: 0 0 0.8em 0;
	padding: 0;
	}	
	
	@media screen and (max-width: 1200px)
		{
	  	.block { margin: 0 0 0.6em 0; }
		}
		
	@media screen and (max-width: 960px)
		{
	  	.block { margin: 0 0 0.4em 0; }
		}
		
	@media screen and (max-width: 740px)
		{
	  	.block { margin: 0 0 0.2em 0; }
		}	
		
	@media screen and (max-width: 380px)
		{
	  	.block { margin: 0 0 0.1em 0; }
		}	
	
.block-p
	{
	margin: 0;
	padding: 0 1em 1em 1em;
	}	
	
	@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: 380px)
		{
	  	.block-p { padding: 0.2em; }
		}	
	
/* specifikationer */	
		
.specifikationer
	{
	width: 100%;
	float: left;
	text-align: left;
	background: #ffffff;
	border-radius: 8px;
	margin: 0 0 0.8em 0;
	}
	
.specifikationer-2
	{
	margin: 0;
	padding: 1em;
	}
	
.specifikationer-bord
	{
	border-bottom: 1px dotted #999999;
	width: 100%;
	float: left;
	margin: 0.4em 0 2em 0;
	}
	
	.specifikationer-bord td
		{
		border-top: 1px dotted #999999;
		text-align: left;
		margin: 0px;	
		padding: 10px 0 10px 0;
		}

	.specifikationer-bord td p
		{
		font-family: Open Sans, arial, helvetica, sans-serif;
		font-weight: 400;
		font-size: 15px;
		font-style: normal;
		line-height: 22px;
		color: #000000;
		margin: 0;
		padding: 0;
		}
		
	@media screen and (max-width: 600px)
		{
		.specifikationer-bord td p { font-size: 13px; line-height: 19px; }
		}
		
	.specifikationer-bord td h3
		{
		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;
		}
		
	@media screen and (max-width: 600px)
		{
		.specifikationer-bord td h3 { font-size: 13px; line-height: 19px; }
		}
		
.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: 0.6em 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: 740px)
		{
		.spec-info-rad { padding: 0.2em 0 0.3em 0; }
		}
	
	@media screen and (max-width: 380px)
		{
		.spec-info-rad { padding: 0 0 0.2em 0; }
		}

.spec-info-rad p
	{
	font-family: Open Sans, arial, helvetica, sans-serif;
	font-weight: 400;
	font-size: 15px;
	font-style: normal;
	line-height: 22px;
	color: #000000;
	margin: 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{
		.spec-info-rad p { font-size: 14px; line-height: 21px; }
		}
	
	@media screen and (max-width: 740px)
		{
		.spec-info-rad p { font-size: 12px; line-height: 18px; }
		}
		
	@media screen and (max-width: 380px)
		{
		.spec-info-rad p { font-size: 10px; line-height: 13px; }
		}
		
/*
	.spec-info-rad h3
		{
		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;
		}

	@media screen and (max-width: 600px)
		{
		.spec-info-rad h3 { font-size: 13px; line-height: 19px; }
		}
*/

.spec-info-sektion
	{
	display: inline-block; 
	float: left;
	width: 100%;
	margin-bottom: 0;
	}	
	
	.spec-info-sektion-2
		{
		padding: 0.6em;
		}
		
.spec-info-sektion-bla
	{
	background: #e5e8f6;
	display: inline-block; 
	width: 100%;
	height: auto;
	border: 1px solid transparent;
	margin-top: 0.8em;
	margin-bottom: 2em;
	padding: 0;
	border-radius: 8px;
	}	

.spec-info-block
	{
	display: inline-block; 
	}
	
.spec-info-block img
	{
	width: 80%;
	max-width: 200px;
	height: auto;
	margin: 0.4em 0 0 0;
	}
	
.spec-info-block-2
	{
	display: inline-block; 
	}

/* mallar */	
		
.mallar
	{
	width: 100%;
	float: left;
	text-align: left;
	background: #ffffff;
	border-radius: 8px;
	margin: 0 0 0.8em 0;
	}
	
.mallar-2
	{
	margin: 0;
	padding: 1em;
	}
	
.mallar-bord
	{
	border-bottom: dotted 1px #999999;
	width: 100%;
	float: left;
	margin: 0 0 2em 0;
	padding: 0;
	}
	
	.mallar-bord td
		{
		border-top: dotted 1px #999999;
		text-align: left;
		margin: 0px;	
		padding: 10px 0 10px 0;
		}
		
	.mallar-bord td p
		{
		font-family: Open Sans, arial, helvetica, sans-serif;
		font-weight: 400;
		font-size: 15px;
		font-style: normal;
		line-height: 22px;
		color: #000000;
		margin: 0;
		padding: 0;
		}
		
	@media screen and (max-width: 600px)
		{
		.mallar-bord td p { font-size: 13px; line-height: 19px; }
		}
		
	.mallar-bord td h3
		{
		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;
		}	
	
	@media screen and (max-width: 600px)
		{
		.mallar-bord td h3 { font-size: 13px; line-height: 19px; }
		}

/* 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: 0;
	padding: 1em 0 0 0;
	}

.mallar-v2-bild
	{
	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 { width: 100%; }
	}		
	
	.mallar-v2-bild img
		{
		width: 80%;
		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: 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 { width: 100%; }
	}	

	.mallar-v2-bild-staende img
		{
		width: 40%;
		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: 120px; }
		}	
		
.mallar-v2-bild-staende-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 { 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; }
		}	
		
.mallar-v2-spec
	{
	display: inline-block;
	float: left;
	text-align: left;
	margin: 0 0 1em 1em;
	padding: 0;
	}
	
	@media screen and (max-width: 600px)
		{
		.mallar-v2-spec { display: block; width: 100%; text-align: center; margin: 0 0 0.6em 0.6em; }
		}
	
.mallar-v2-spec-rad
	{
	display: block;
	text-align: left;
	margin: 0.4em 0;
	}
	
@media screen and (max-width: 600px)
	{
	.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;
		}
		
	.mallar-v2-spec-rad p
		{
		font-family: Open Sans, arial, helvetica, sans-serif;
		font-weight: 400;
		font-size: 15px;
		font-style: normal;
		line-height: auto;
		color: #000000;
		margin: 0;
		padding: 0;
		}
		
	@media screen and (max-width: 600px)
		{
		.mallar-v2-spec-rad p { font-size: 13px; line-height: 19px; }
		}
		
/*	
.mallar-v2-spec-rad h3
	{
	font-family: Open Sans, arial, helvetica, sans-serif;
	font-weight: 600;
	font-size: 15px;
	font-style: normal;
	line-height: auto;
	color: #000000;
	margin: 0;
	padding: 0;
	}	
	
@media screen and (max-width: 600px)
	{
	.mallar-v2-spec-rad h3 { font-size: 13px; line-height: 19px; }
	}
*/
		
.mall-bild
	{
	width: 100%;
	max-width: 180px;
	height: auto;
	float: left;
	margin: 1em;
	}	
	
@media screen and (max-width: 600px)
	{
	.mall-bild { text-align: center; margin: 0; }
	}	
	
.mall-bild-l
	{
	width: 100%;
	max-width: 180px;
	height: auto;
	float: left;
	margin: 1em;
	}	
	
@media screen and (max-width: 600px)
	{
	.mall-bild-l { text-align: center; margin: 0.4em; }
	}	
		
.mall-bild-s
	{
	width: auto;
	height: 180px;
	margin: 1em;
	}	
	
	@media screen and (max-width: 600px)
		{
		.mall-bild-s { height: 120px; margin: 0.6em 0 0.6em 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-logo
	{
	display: inline-block;
	width: 25%;
	min-width: 220px;
	float: left;
	text-align: center;
	margin: 0 0 0.6em 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-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
	{
		/* border: 1px solid #000000; */
	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;
	
	/* margin: 0;
	padding: 0.6em 1em; */
	}
	
.artikel-2-c
	{
	text-align: center;
	max-width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	}
		
	.artikel-c-80
		{
		text-align: center;
		max-width: 80%;
		margin: 0 auto 0 auto;
		}
		
	.artikel-c-90
		{
		text-align: center;
		max-width: 90%;
		margin: 0 auto 0 auto;
		}
		
	.artikel-c-100
		{
		text-align: center;
		max-width: 100%;
		margin: 0 auto 0 auto;
		}
		
.artikel-v
		{
		text-align: left;
		max-width: 100%;
		margin: 0 auto 0 auto;
		}
		
	.artikel-v-60
		{
		text-align: left;
		max-width: 60%;
		margin: 0 auto 0 auto;
		}
		
	.artikel-v-80
		{
		text-align: left;
		max-width: 80%;
		margin: 0 auto 0 auto;
		}
		
	.artikel-v-90
		{
		text-align: left;
		max-width: 90%;
		margin: 0 auto 0 auto;
		}
		
	.artikel-v-95
		{
		text-align: left;
		max-width: 95%;
		margin: 0 auto 0 auto;
		}
		
.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: 380px)
		{
	  	.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-rubrik-2
	{
	}

.alternativ-bild
	{
	width: 240px;
	max-width: 90%;
	height: auto;
	margin: 2em 0 0.2em 0;
	border-radius: 6px;
	}
	
@media screen and (max-width: 600px)
	{
 	.alternativ-bild { width: 180px; margin: 0.8em 0 0 0; border-radius: 4px; }
	}	
	
.alternativ-bild-s
	{
	width: 45%;
	max-width: 240px;
	min-width: 100px;
	height: auto;
	margin: 2em 0 0.2em 0;
	border-radius: 6px;
	}
	
@media screen and (max-width: 600px)
	{
 	.alternativ-bild-s { margin: 0.8em 0 0 0; }
	}	
	
.alternativ-bild-s-storre
	{
	width: 75%;
	max-width: 240px;
	min-width: 100px;
	height: auto;
	margin: 2em 0 0.2em 0;
	border-radius: 6px;
	}			

/* artikel produkt */
	
.artikel-produkt
	{
	display: inline-block;
	width: 240px;
	text-align: center;
	}
	
	.artikel-produkt-text
		{
		width: 100%;
		}
		
.artikel-fri
	{
	width: 100%;
	float: left;
	text-align: left;
	background: #ffffff;
	border-radius: 8px;
	margin: 0 0 0.8em 0;
	}	
	
	.artikel-fri-2
		{
		margin: 0;
		padding: 1em;
		}
		
	@media screen and (max-width: 600px)
		{
 		.artikel-fri-2 { padding: 0.6em; }
		}
			
	@media screen and (max-width: 350px)
		{
 		.artikel-fri-2 { padding: 0.4em; }
		}			
		
	.artikel-fri-2-c
		{
		text-align: center;
		margin: 0;
		padding: 1em;
		}
		
	@media screen and (max-width: 600px)
		{
 			.artikel-fri-2-c { padding: 0.6em; }
		}
		
	@media screen and (max-width: 350px)
		{
 			.artikel-fri-2-c { padding: 0.4em; }
		}	
		
.artikel-fri-bild
	{
	display: inline-block;
	float: left;
	max-width: 200px;
	height: auto;
	margin: 0 1em 1em 1em;
	}
	
	@media screen and (max-width: 960px)
		{
 		.artikel-fri-bild { max-width: 180px; margin: 0 0.8em 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: 380px)
		{
 		.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: 200px;
	height: auto;
	margin: 0 1em 1em 1em;
	}
	
	@media screen and (max-width: 960px)
		{
 		.artikel-fri-bild-s { max-height: 180px; margin: 0 0.8em 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: 380px)
		{
 		.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: 0.6em 0 1.2em 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: 380px)
		{
  		.linje { margin: 0.2em 0 0.2em 0; }
		}		

/* typer */

h1
	{
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	font-weight: 400;
	font-size: 30px;
	font-style: italic;
	/* letter-spacing: -0.33px; */
	line-height: normal;
	overflow-wrap: break-word;
	color: #000000;
	text-shadow: 2px 2px 6px #ffffff;
	margin: 0 0 18px 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{
	  	h1 { font-size: 24px; margin: 0 0 7px 0; }
		}	

	@media screen and (max-width: 960px)
		{
	  	h1 { font-weight: 600; font-size: 22px; letter-spacing: auto; margin: 0 0 6px 0; }
		}	
		
	@media screen and (max-width: 740px)
		{
	  	h1 { font-weight: 600; font-size: 20px; letter-spacing: auto;  margin: 0 0 5px 0; }
		}
		
	@media screen and (max-width: 380px)
		{
	  	h1 { font-weight: 600; font-size: 16px; letter-spacing: auto; margin: 0 0 4px 0; }
		}		
		
h2
	{
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 23px;
	letter-spacing: auto;
	overflow-wrap: break-word;
	color: #000000;
	text-shadow: 1px 1px 2px #ffffff;
	width: 100%;
	max-width: 740px;
	float: auto;
	margin: 8px auto;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{
		h2 { font-size: 14px; line-height: 22px; max-width: 720px; }
		}
	
	@media screen and (max-width: 960px)
		{
		h2 { font-size: 13px; line-height: 20px; max-width: 700px; }
		}
	
	@media screen and (max-width: 740px)
		{
		h2 { font-size: 12px; line-height: 16px; max-width: 600px; }
		}
		
	@media screen and (max-width: 380px)
		{
		h2 { font-size: 11px; line-height: 14px; max-width: 300px; }
		}
		
h3
	{
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	font-weight: 600;
	font-size: 20px;
	font-style: italic;
	line-height: auto;
	overflow-wrap: break-word;
	color: #000000;
	width: 100%;
	float: left;
	margin: 0 0 14px 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{
	  	h3 { font-size: 18px; margin: 4px 0 10px 0;}
		}	
	
	@media screen and (max-width: 960px)
		{
	  	h3 { font-size: 16px; margin: 4px 0 8px 0;}
		}	
		
	@media screen and (max-width: 740px)
		{
	  	h3 { font-size: 15px; margin: 4px 0 6px 0; }
		}
		
	@media screen and (max-width: 380px)
		{
	  	h3 { font-size: 14px; margin: 4px 0 4px 0; }
		}
		
h4 
	{
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	font-weight: 600;
	font-size: 15px;
	font-style: normal;
	line-height: 22px;
	overflow-wrap: break-word;
	color: #000000;
	margin: 0 0 8px 0;
	padding: 0;
	}
	
	@media screen and (max-width: 960px)
		{
		h4 { font-size: 14px; line-height: 20px; margin: 0 0 6px 0; }
		}
	
	@media screen and (max-width: 740px)
		{
		h4 { font-size: 13px; line-height: 16px; margin: 0 0 4px 0; }
		}
		
	@media screen and (max-width: 380px)
		{
		h4 { font-size: 12px; line-height: 14px; margin: 0 0 3px 0; }
		}
	
h5
	{
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	font-weight: 600;
	font-size: 15px;
	font-style: normal;
	line-height: 22px;
	overflow-wrap: break-word;
	color: #000000;
	margin: 0 0 1em 0;
	padding: 0;
	}
	
p 
	{
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	/* src: local('Open Sans'), local('Open-Sans'), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2) format('woff2'); */
	font-weight: 400;
	font-size: 15px;
	font-style: normal;
	line-height: 23px;
	overflow-wrap: break-word;
	color: #000000;
	margin: 0 0 1em 0;
	padding: 0;
	}
	
	@media screen and (max-width: 1200px)
		{
		p { font-size: 14px; line-height: 22px; }
		}
	
	@media screen and (max-width: 960px)
		{
		p { font-size: 13px; line-height: 20px; }
		}
	
	@media screen and (max-width: 740px)
		{
		p { font-size: 12px; line-height: 16px; }
		}
		
	@media screen and (max-width: 380px)
		{
		p { font-size: 11px; line-height: 14px; }
		}
		
p a { color: #181ea5; text-decoration: none; }
p a:hover { text-decoration: underline; }	

/*
400 - https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2
400i - https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2
material icons - https://fonts.gstatic.com/s/materialicons/v78/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2
*/
				
.mindre 
	{
	font-size: 13px;
	line-height: 20px;
	}
	
	@media screen and (max-width: 960px)
		{
		.mindre { font-size: 12px; line-height: 18px; }
		}
	
	@media screen and (max-width: 740px)
		{
		.mindre { font-size: 11px; line-height: 15px; }
		}
		
	@media screen and (max-width: 380px)
		{
		.mindre { font-size: 10px; line-height: 13px; }
		}
		
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; }
.vit { color: #ffffff; }
.sparr { letter-spacing: 0.5px }
.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: 380px)
		{
		.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: 380px)
		{
		.mrub { margin-left: 4px; margin-bottom: 10px; }
		}

.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; }
		
.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.6em; }
		}
		
	@media screen and (max-width: 380px)
		{
		.mb1 {  margin-bottom: 0.4em; }
		}

.mb2 { margin-bottom: 2em; }

	@media screen and (max-width: 740px)
		{
		.mb2 {  margin-bottom: 0.8em; }
		}
		
	@media screen and (max-width: 380px)
		{
		.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: 380px)
		{
		.mt1 {  margin-top: 0.2em; }
		}

.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: 380px)
		{
		.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: 380px)
		{
		.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: 380px)
		{
		.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%; }
.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: 380px)
		{
		.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: 380px)
		{
		.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: 380px)
		{
		.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: 380px)
		{
		.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: 380px)
		{
		.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; }


/* md-18 */

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

/* md-20 OBS hängert i hop med nav! */

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

/* OBS fulhack below RÖR EJ */

	@media screen and (max-width: 480px)
		{
	  	.material-icons.md-20 { font-size: 16px; }
		}
		
	/*
	@media screen and (max-width: 520px)
		{
	  	.material-icons.md-20 { font-size: 24px; }
		}
	*/
	
/* 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: 380px)
		{
	  	.material-icons.md-22 { font-size: 14px; }
		}

/* md-24 */

.material-icons.md-24 { 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: 380px)
		{
	  	.material-icons.md-24 { font-size: 12px; top: 3px; }
		}
		
/* 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: 380px)
		{
	  	.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: 380px)
		{
	  	.material-icons.md-30 { font-size: 18px; margin-left: -4px; top: 5px; }
		}

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

.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}
	}
	
/* kollaps */

.kollaps
	{
	background-color: #ededed;
	cursor: pointer;
	width: 100%;
	border: none;
	text-align: center;
	outline: none;
	margin: 0.2em 0 0 0;
	padding: 0.5em 0.1em 0.6em 0.1em;
	border-radius: 6px;
	border-top: 1px solid #ffffff;
	}
	
	@media screen and (max-width: 960px)
		{
  		.linje { padding: 0.4em 0.1em 0.4em 0.1em; }
		}	
	
	@media screen and (max-width: 740px)
		{
  		.linje { padding: 0.3em 0.1em 0.3em 0.1em; }
		}	
		
	@media screen and (max-width: 380px)
		{
  		.linje { padding: 0.2em 0.1em 0.2em 0.1em; }
		}		

.active, .kollaps:hover
	{
	background-color: #cccccc;
	border-top: 1px solid transparent;
	}

.kollaps-innehall
	{
	display: none;
	background-color: #ffffff;
	padding: 0 0.4em;
	overflow: hidden;
	} 
	
/* returknapp */

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

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

/* bakgrunder */

.max
	{
	background: url(../bilder/bg/max_2200px.jpg) #ffffff;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-size: 100%;
	}

	@media screen and (max-width: 960px)
		{
		.max
			{
			background: url(../bilder/bg/max_1200px.jpg) #ffffff;
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-position: 100% 0;
			background-size: 100%;
			}
		}
	
	@media screen and (max-width: 740px)
		{
	  	.max
			{
			background: url(../bilder/bg/max_800px.jpg) #ffffff;
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-position: 100% 0;
			background-size: 100%;
			}
		}
		
	@media screen and (max-width: 400px)
		{
	  	.max { background: none; }
		}		
	
	/*
	@media screen and (max-width: 380px)
		{
	  	.max {
			background: url(../bilder/bg/max_400px.jpg) #ffffff;
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-position: 100% 0;
			background-size: 100%;
			}
		}
	*/
		
.maxpartner
	{
	background: url(../bilder/bg/folk_i_farten_1600px.jpg) #ffffff;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0% 100%;
	background-size: 100%;
	}
	
	@media screen and (max-width: 380px)
		{
	  	.maxpartner {
			background: url(../bilder/bg/max_400px.jpg) #ffffff;
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-position: 100% 0;
			background-size: 100%;
			}
		}

.voltahuset_1917
	{
	background: url(../bilder/bg/voltahuset_1917_1600px.jpg) #ffffff;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0% 100%;
	background-size: 100%;
	}
	
	@media screen and (max-width: 380px)
		{
	  	.voltahuset_1917 {
			background: url(../bilder/bg/max_400px.jpg) #ffffff;
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-position: 100% 0;
			background-size: 100%;
			}
		}
		
.studio-narbild
	{
	background: url(../bilder/bg/studio_narbild_1600px.jpg) #ffffff;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0% 100%;
	background-size: 100%;
	}
	
	@media screen and (max-width: 1200px)
		{
	  	.studio-narbild {
			background: url(../bilder/bg/studio_narbild_1200px.jpg) #ffffff;
			}
		}
		
	@media screen and (max-width: 800px)
		{
	  	.studio-narbild {
			background: url(../bilder/bg/studio_narbild_800px.jpg) #ffffff;
			}
		}
	
	@media screen and (max-width: 380px)
		{
	  	.studio-narbild {
			background: url(../bilder/bg/max_400px.jpg) #ffffff;
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-position: 100% 0;
			background-size: 100%;
			}
		}