html { scroll-behavior: smooth; }

body
	{
	background: #000000;
	width: 100%;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
#vit
	{
	background: #ffffff;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	}

img { margin: 0; padding: 0; }

.omo { cursor: pointer; }
.omo:hover { opacity: 1; filter: brightness(105%); }
	
.omo-div { border: 1px solid transparent; }
.omo-div:hover { border: 1px dotted #009900; background: transparent; }
		
.w100fl { display: block; width: 100%; float: left; margin: 0; padding: 0; }
.w100fl-br { display: block; width: 100%; float: left; margin: 0; padding: 0 0 2em 0; }

.tal { text-align: left; }

.w100fl-album
	{
	width: 100%;
	float: left;
	margin: 0;
	padding: 0 0 48px 0;
	}
	
.w100fl-snapshots
	{
	width: 100%;
	float: left;
	margin: 0;
	padding: 36px 0 48px 0;
	}

.w100fl-br {}

	@media screen and (max-width: 560px)
		{ .w100fl-br { padding: 0 0 1em 0; } }	

.arbetsyta
	{
	width: 94%;   /* arbetsyta bredd */
	max-width: 1400px;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	}
	
.arbetsyta-v2
	{
	width: 94%;   /* arbetsyta bredd */
	height: auto;
	text-align: center;
	margin: 0;
	padding: 0 3%;
	}	
		
#arbetsyta-index
	{
	width: 94%;   /* synk med .arbetsyta */
	text-align: center;
	margin: 0 auto;
	padding: 148px 0 72px 0;
	}
	
	@media screen and (max-width: 900px)
		{ #arbetsyta-index { padding: 140px 0 0 0; } }	
	
	@media screen and (max-width: 560px)
		{ #arbetsyta-index { padding: 136px 0 0 0; } }
	
#huvud
	{
	display: block;
	width: 100%;
	height: 136px;
	position: absolute;
	text-align: left;
	float: left;
	margin: 0 0 16px 0;
	}
	
	@media screen and (max-width: 740px) /* synkas med #rubrik-bg */
		{ #huvud { height: 100vh; } }	
	
#huvud-innehall
	{
	display: block;	
	position: absolute;
	top: 67px;
	float: left;
	width: 400px;
	text-align: left;
	margin: 0;
	padding: 0;
	z-index: 1000;
	}
	
	@media screen and (max-width: 560px)
		{ #huvud-innehall { top: 58px; width: auto; } }	

#huvud-innehall p
	{
	font-family: roboto, helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	/* text-transform: uppercase; */
	letter-spacing: normal;
	float: left;
	color: #666666;
	margin: 0;
	padding: 0;
	}
		
	@media screen and (max-width: 560px)
		{ #huvud-innehall p { font-size: 12px; letter-spacing: 0.1px; } }

/* navigering a */		
				
#huvud a { color: #00d647; text-decoration: none; }
#huvud a:hover { color: #00ff00; text-decoration: none; }

/* logo */

.logo-text-1
	{
	display: block;
	float: left;
	width: 300px;
	height: 24px;
	position: relative;
	top: -6px;
	left: 8px;
	margin: 0;
	filter: brightness(140%);
	}
	
	@media screen and (max-width: 560px)
		{ .logo-text-1
			{
			width: 300px;
			height: 18px;
			top: -6px;
			left: 6px;
			}
		}	

.logo-text-2
	{
	display: block;
	width: 300px;
	height: 24px;
	float: left;
	position: relative;
	top: -9px;
	left: 14px;
	margin: 0;
	padding: 0;
	filter: brightness(140%);
	}
	
	@media screen and (max-width: 560px)
		{ .logo-text-2
			{
			width: 300px;
			height: 18px;
			top: -8px;
			}
		}	

/*
.huvud-lank-1 { margin: 0 4px 0 4px; }
.huvud-lank-1-ikon { position: relative; top: 3px; }
.huvud-lank-2 { margin: 0 10px 0 0; }
.huvud-lank-2-ikon { position: relative; top: 3px; }
*/

.huvud-text-skugga  { filter: drop-shadow(0 0 14px rgb(0 0 0 / 1)); }

.skugga-svart-1  { filter: drop-shadow(0 0 18px rgb(0 0 0 / 0.6)); }
.skugga-svart-2  { filter: drop-shadow(0 0 12px rgb(0 0 0 / 0.6)); }
.skugga-svart-3  { filter: drop-shadow(0 0 8px rgb(0 0 0 / 0.6)); }
.skugga-svart-4  { filter: drop-shadow(0 0 6px rgb(0 0 0 / 1)); }
.skugga-svart-5  { filter: drop-shadow(0 0 22px rgb(0 0 0 / 1)); }
.skugga-gra  { filter: drop-shadow(0 0 14px rgb(0 0 0 / 0.4)); }

.skugga-svart-v2-1  { text-shadow: 0 0 6px #000000; }
.skugga-svart-v2-2  { text-shadow: 0 0 8px #000000; }
.skugga-svart-v2-3  { text-shadow: 0 0 12px #000000, 0 0 24px #000000; }
.skugga-svart-v2-4  { text-shadow: 0 0 6px #000000, 0 0 12px #000000, 0 0 24px #000000; }
.skugga-svart-v2-5  { text-shadow: 0 0 6px #000000, 0 0 16px #000000, 0 0 48px #000000; }
.skugga-svart-v2-5-1  { text-shadow: 0 0 16px #000000, 0 0 48px #000000; }

.skugga-vit-v2-1  { text-shadow: 0 0 6px #ffffff; }
.skugga-vit-v2-2  { text-shadow: 0 0 8px #ffffff; }
.skugga-vit-v2-3  { text-shadow: 0 0 12px #ffffff, 0 0 24px #ffffff; }
.skugga-vit-v2-4  { text-shadow: 0 0 6px #ffffff, 0 0 12px #ffffff, 0 0 24px #ffffff; }

/* logo */	
	
#logo
	{
	display: block;
	position: absolute;
	float: left;
	width: 230px;
	height: 67px;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	z-index: +1;
	filter: brightness(140%);
	}
	
	@media screen and (max-width: 560px)
		{ #logo { width: 200px; height: 58px; } }

.logo-skugga { filter: drop-shadow(0 0 44px rgb(0 0 0 / 1)); }
.logo-skugga-svart { filter: drop-shadow(0 0 50px rgb(0 0 0 / 1)); }
.logo-skugga-vit { filter: drop-shadow(0 0 50px rgb(255 255 255 / 0.5)); }

/* logo linjer */
		
.logo-linje-1
	{
	display: block;
	float: left;
	position: relative;
	left: 0;
	top: -1px;
	width: 264px;
	height: 3px;
	background: url(../bilder/grunge/grunge_svart_mindre.gif);
	background-repeat: no-repeat;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	background-position: -95px -46px;
	margin: 0 0 1px 0;
	padding: 0;
	}
	
	@media screen and (max-width: 560px)
		{ .logo-linje-1
			{ 
			width: 300px;
			background-position: -165px -46px;
			margin: 0;
			}
		}
		
.logo-linje-1-gra
	{
	display: block;
	float: left;
	position: relative;
	left: 0;
	top: -1px;
	width: 264px;
	height: 3px;
	background: url(../bilder/grunge/grunge_gra_mindre_v2.gif);
	background-repeat: no-repeat;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	background-position: -112px -46px;
	margin: 0 0 1px 0;
	padding: 0;
	filter: brightness(140%);
	}
	
	@media screen and (max-width: 560px)
		{ .logo-linje-1-gra
			{ 
			width: 300px;
			background-position: -165px -46px;
			margin: 0;
			}
		}
		
.logo-linje-1-vit
	{
	display: block;
	float: left;
	position: relative;
	left: 0;
	top: -1px;
	width: 264px;
	height: 3px;
	background: url(../bilder/grunge/grunge_vit_mindre_v2.png);
	background-repeat: no-repeat;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	background-position: -112px -46px;
	margin: 0 0 1px 0;
	padding: 0;
	/* filter: brightness(80%); */
	}
	
	@media screen and (max-width: 560px)
		{ .logo-linje-1-vit
			{ 
			width: 300px;
			background-position: -165px -46px;
			margin: 0;
			}
		}		
	
.logo-linje-2
	{
	display: block;
	float: left;
	position: relative;
	left: 14px;
	top: -5px;
	width: 280px;
	height: 4px;
	background: url(../bilder/grunge/grunge_svart_mindre.gif);
	background-repeat: no-repeat;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	background-position: -85px -106px;
	margin: 0;
	padding: 0;
	}
	
	@media screen and (max-width: 560px)
		{ .logo-linje-2
			{
			left: 10px;
			top: -2px;
			width: 290px;
			background-position: -175px -106px;
			}
		}
		
.logo-linje-2-gra
	{
	display: block;
	float: left;
	position: relative;
	left: 5px;
	top: -5px;
	width: 280px;
	height: 4px;
	background: url(../bilder/grunge/grunge_gra_mindre_v2.gif);
	background-repeat: no-repeat;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	background-position: -90px -106px;
	margin: 0;
	padding: 0;
	filter: brightness(140%);
	}
	
	@media screen and (max-width: 560px)
		{ .logo-linje-2-gra
			{
			left: 10px;
			top: -2px;
			width: 290px;
			background-position: -175px -106px;
			}
		}
		
.logo-linje-2-vit
	{
	display: block;
	float: left;
	position: relative;
	left: 5px;
	top: -5px;
	width: 280px;
	height: 4px;
	background: url(../bilder/grunge/grunge_vit_mindre_v2.png);
	background-repeat: no-repeat;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	background-position: -90px -106px;
	margin: 0;
	padding: 0;
	/* filter: brightness(80%); */
	}
	
	@media screen and (max-width: 560px)
		{ .logo-linje-2-vit
			{
			left: 10px;
			top: -2px;
			width: 290px;
			background-position: -175px -106px;
			}
		}		
	
.logo-linje-3
	{
	display: block;
	float: left;
	position: relative;
	left: 4px;
	top: -8px;
	width: 205px;
	height: 4px;
	background: url(../bilder/grunge/grunge_svart_mindre.gif);
	background-repeat: no-repeat;
	background-position: -210px -126px;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	margin: 0;		
	padding: 0;
	}
	
	@media screen and (max-width: 560px)
		{ .logo-linje-3
			{
			width: 210px;
			top: -4px;
			background-position: -220px -126px;
			}
		}

.logo-linje-3-gra
	{
	display: block;
	float: left;
	position: relative;
	left: 10px;
	top: -8px;
	width: 205px;
	height: 4px;
	background: url(../bilder/grunge/grunge_gra_mindre_v2.gif);
	background-repeat: no-repeat;
	background-position: -210px -126px;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	margin: 0;		
	padding: 0;
	filter: brightness(140%);
	}
	
	@media screen and (max-width: 560px)
		{ .logo-linje-3-gra
			{
			width: 210px;
			top: -4px;
			background-position: -220px -126px;
			}
		}
		
.logo-linje-3-vit
	{
	display: block;
	float: left;
	position: relative;
	left: 10px;
	top: -8px;
	width: 205px;
	height: 4px;
	background: url(../bilder/grunge/grunge_vit_mindre_v2.png);
	background-repeat: no-repeat;
	background-position: -210px -126px;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	margin: 0;		
	padding: 0 50px 0 0;
	/* filter: brightness(80%); */
	}
	
	@media screen and (max-width: 560px)
		{ .logo-linje-3-vit
			{
			width: 210px;
			top: -4px;
			background-position: -220px -126px;
			}
		}		
		
.ingress { float: left; margin: 36px 0; }

	@media screen and (max-width: 740px)
		{ .ingress { margin: 16px 0 0 0; } }
		
/* bjornvolution */

.bjornvolution-huvud
	{
	display: inline-block;
	float: left;
	position: relative;
	top: -5px;
	width: 60px;
	height: 30px;
	background: url(../bilder/diverse/bjornvolution/bjornvolutution_80px.png);
	background-repeat: no-repeat;
	background-size: 40px auto;
	background-position: 4px 1px;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	}
	
	@media screen and (max-width: 560px)
		{ .bjornvolution-huvud
			{
			display: inline-block;
			float: left;
			position: relative;
			top: 0;
			width: 40px;
			height: 22px;
			background: url(../bilder/diverse/bjornvolution/bjornvolutution_68px.png);
			background-repeat: no-repeat;
			background-size: 34px auto;
			background-position: 4px -3px;
			image-rendering: auto;
			image-rendering: crisp-edges;
			image-rendering: pixelated;
			}
		}
	
/* rubriker */

#rubrik-block
	{
	display: block;
	float: left;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	max-height: 1400px; /* synkas med #rubrik-bg, #rubrik-fade */
	}
	
#rubrik-bord
	{
	display: table;
	position: absolute;
	top: 0;
	left: 0;
	float: left;
	width: 100%;
	height: 100vh;
	max-height: 1400px; /* synkas med #rubrik-block, #rubrik-bg */
	text-align: center;
	margin: 0;
	padding: 0;
	}
		
#rubrik-innehall
	{
	display: table-cell;
	vertical-align: middle;
	width: 90%;
	margin: 0;
	padding: 0 5% 48px 5%;
	}	
		
#rubrik-skugga
	{
	background-image: radial-gradient(#000000, transparent);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	max-height: 1400px; /* synkas med #rubrik-block */
	opacity: 0.6;
	}

#rubrik-block-skugga
	{
	background-image: radial-gradient(#000000, transparent);
	display: block;
	float: left;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	max-height: 1200px;
	}	

.rubrik-h1
	{
	display: block;
	width: 96%;
	float: left;
	margin: 64px auto 44px auto;
	padding: 0 2%;
	}

	@media screen and (max-width: 560px)
		{ .rubrik-h1 { margin: 64px 0 36px 0; } }
		
.rubrik-h2
	{
	display: block;
	width: 90%;
	float: left;
	margin: 0 0 54px 0;
	padding: 0 5%;
	}

	@media screen and (max-width: 560px)
		{ .rubrik-h2 { margin: 0 0 48px 0; } }	

.rubrik-h3
	{
	display: block;
	width: 100%;
	float: left;
	margin: 0 0 22px 0;
	padding: 0;
	}

.rubrik-h3 p
	{
	font-family: arvo, roboto, helvetica, arial, sans-serif;
	font-size: 1.06em;
	font-weight: 400;
	line-height: 1.6em;
	color: #000000;
	margin: 0;
	padding: 0;
	/* filter: drop-shadow(0 0 8px rgb(0 0 0 / 1)); */
	}
	
	@media screen and (max-width: 1200px)
		{ .rubrik-h3 p { font-size: 1em; line-height: 1.55em; } }		
	
	@media screen and (max-width: 560px)
		{ .rubrik-h3 p { font-size: 1em; line-height: 1.5em; } }	


.rubrik-h4 { display: block; width: 100%; float: left; margin: 0 0 1.2em 0; padding: 0; }

.material-icons.rubrik-ikon { font-size: 16px; position: relative; top: 2px; margin: 0 3px 0 0; }
	
	@media screen and (max-width: 560px)
		{ .material-icons.rubrik-ikon { font-size: 16px; top: 3px; margin: 0 1px 0 0; } }
		
.rubrik-lank, .rubrik-lank-inaktiv { display: inline-block; margin: 0 6px 0 6px; }
.rubrik-lank:hover { color: #00ff00; }
/* .rubrik-lank-inaktiv:hover { color: ; } */

	@media screen and (max-width: 560px)
		{ .rubrik-lank, .rubrik-lank-inaktiv { margin: 0 3px 0 3px; } }
		
/* rubrik ikon tag */		
		
.material-icons.rubrik-ikon-tag { font-size: 36px; position: relative; top: 2px; margin: 0 8px 0 0; }
	
	@media screen and (max-width: 560px)
		{ .material-icons.rubrik-ikon-tag { font-size: 22px; top: 1px; margin: 0 6px 0 0; } }
		
.startpil
	{
	display: inline-block;
	background-color: #009900;
    color: #808080;
    cursor: pointer;
    padding: 12px;
    font-size: 18px;
	}
	
	@media screen and (max-width: 960px)
		{ .start { padding: 10px; } }

.startpil:hover
	{
    background-color: #464646;
	color: #009900;
	}
	
.startpil img
	{
    width: 32px;
	height: 32px;
	}
	
	@media screen and (max-width: 960px)
		{ .startpil img { width: 24px; height: 24px; } }		
		
/* enjoy */
		
.album-enjoy-rubrik
	{
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 32px;	
	width: 90%;
	height: auto;
	margin: 0;
	padding: 0 5% 0 5%;
	}
	
	@media screen and (max-width: 2800px)
		{ .album-enjoy-rubrik { bottom: 32px; } }
		
	@media screen and (max-width: 2400px)
		{ .album-enjoy-rubrik { bottom: 28px; } }		
	
	@media screen and (max-width: 1200px)
		{ .album-enjoy-rubrik { bottom: 26px; } }
		
	@media screen and (max-width: 800px)
		{ .album-enjoy-rubrik { bottom: 18px; } }		
		
	@media screen and (max-width: 560px)
		{ .album-enjoy-rubrik { width: 96%; padding: 0 2%; bottom: 18px; } }
		
.album-enjoy-rubrik p
	{
	font-family: arvo, roboto, helvetica, arial, sans-serif;
	font-size: 1.06em;
	font-weight: 600;
	line-height: 1.6em;
	color: #ffffff;   /* synkas med .vit */
	margin: 0;
	padding: 0;
	word-break: break-word;
	text-shadow: 0 0 6px #000000, 0 0 36px #000000;
	}
	
	@media screen and (max-width: 1600px)
		{ .album-enjoy-rubrik p { font-size: 16px; line-height: 24px; } }		
	
	@media screen and (max-width: 1200px)
		{ .album-enjoy-rubrik p { font-size: 15px; line-height: 23px; } }		
	
	@media screen and (max-width: 560px)
		{ .album-enjoy-rubrik  p { font-size: 13px; line-height: 20px; } }	

/* undernav */

.undernav
	{
	display: block;
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
	margin: 16px 0 84px 0;
	padding: 0;
	}

.undernav-info
	{
	max-width: 1600px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	}
	
	/*
	@media screen and (max-width: 560px)
		{ .undernav-info { } }	
	*/
	
.undernav-pil { display: table; width: 100%; position: relative; text-align: center; margin: 0 auto 0 auto; }
		
.undernav-lank-v2
	{
	display: inline-block;
	margin: 10px 10px;
	padding: 4px 18px 5px 10px;
	}
	
	@media screen and (max-width: 740px)
		{ .undernav-lank-v2 { margin: 10px 8px; } }	
	
	@media screen and (max-width: 560px)
		{ .undernav-lank-v2 { display: block; width: 80%; margin: 16px 10%; padding: 5px 0; } }
	
/*
.aktiv { background-color: #ededed; }
.aktiv-vit { background-color: #ededed; }	
.aktiv-svart { background-color: #333333; }
.svart-bg { background-color: #000000; }
*/

.undernav-lank-v2 p
	{
	font-family: roboto, helvetica, arial, sans-serif;
	font-size: 1em;
	font-weight: 700;
	color: #17b419;
	letter-spacing: ;
	margin: 0;
	}
	
.undernav-lank-v2 p:hover
	{
	color: #1fc921;
	text-decoration: none;
	/* filter: drop-shadow(0 0 10px rgb(0 204 51 / 1)); */
	}
	
	@media screen and (max-width: 560px)
		{ .undernav-lank-v2 p { font-size: 15px; } }
			
.undernav-lank-v2 a
	{
	font-family: roboto, helvetica, arial, sans-serif;
	font-size: 1em;
	font-weight: 700;
	letter-spacing: 0.2px;
	margin: 0;
	}
		
	@media screen and (max-width: 560px)
		{ .undernav-lank-v2 a { font-size: 15px; } }
		
/* undernav ikon */		
		
.material-icons.undernav-ikon
	{
	font-size: 20px;
	position: relative;
	top: 4px;
	margin: 0;
	}
	
	@media screen and (max-width: 560px)
		{ .material-icons.undernav-ikon { font-size: 16px; top: 2px; margin: 0 0 0 -2px; } }
	
.undernav-linje-1-gra
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_gra_745px_02.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 50% 0;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 6px;
	margin: 12px 0 6px 0;
	}
	
	@media screen and (max-width: 560px)
		{ .undernav-linje-1-gra { margin: 6px 0 6px 0; } }	
	
.undernav-linje-1-svart
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_svart_745px_02.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 50% 0;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 6px;
	margin: 12px 0 4px 0;
	}
	
	@media screen and (max-width: 560px)
		{ .undernav-linje-1-svart { margin: 6px 0 8px 0; } }	
	
.undernav-linje-2-gra
		{
		display: block;
		float: left;
		background: url(../bilder/grunge/linje_gra_631px.gif);
		background-repeat: no-repeat;
		/* background-attachment: ; */
		background-position: 50% 0;
		image-rendering: auto;
		image-rendering: crisp-edges;
		image-rendering: pixelated;
		width: 100%;
		height: 6px;
		margin: 2px 0 42px 0;
		}
		
	@media screen and (max-width: 560px)
		{ .undernav-linje-2-gra { margin: 6px 0 18px 0; } }
	
.undernav-linje-2-svart
		{
		display: block;
		float: left;
		background: url(../bilder/grunge/linje_svart_631px.gif);
		background-repeat: no-repeat;
		/* background-attachment: ; */
		background-position: 50% 0;
		image-rendering: auto;
		image-rendering: crisp-edges;
		image-rendering: pixelated;
		width: 100%;
		height: 6px;
		margin: 2px 0 42px 0;
		}
		
	@media screen and (max-width: 560px)
		{ .undernav-linje-2-svart { margin: 4px 0 18px 0; } }
		
.undernav-linje-2-svart-v2
		{
		display: block;
		float: left;
		background: url(../bilder/grunge/linje_svart_631px.gif);
		background-repeat: no-repeat;
		/* background-attachment: ; */
		background-position: 50% 0;
		image-rendering: auto;
		image-rendering: crisp-edges;
		image-rendering: pixelated;
		width: 100%;
		height: 6px;
		margin: 0 0 24px 0;
		}
		
	@media screen and (max-width: 560px)
		{ .undernav-linje-2-svart-v2 { margin: 4px 0 18px 0; } }
		
.undernav-linje-2-gra-v2
		{
		display: block;
		float: left;
		background: url(../bilder/grunge/linje_gra_631px.gif);
		background-repeat: no-repeat;
		/* background-attachment: ; */
		background-position: 50% 0;
		image-rendering: auto;
		image-rendering: crisp-edges;
		image-rendering: pixelated;
		width: 100%;
		height: 6px;
		margin: 0 0 24px 0;
		}
		
	@media screen and (max-width: 560px)
		{ .undernav-linje-2-gra-v2 { margin: 4px 0 18px 0; } }

.returnknapp
	{
	position: relative;
	top: 0.25em;
	margin: 0 2px 0 0;
	}
	
	@media screen and (max-width: 560px)
		{ .returknapp { top: 0.08em; margin: 0 1px 0 0; } }	
		
/* bubblor */
	
.vit-bubbla-aktiv { background-color: #ededed; }
.vit-bubbla-aktiv:hover { background-color: #f5f5f5; }
	
.svart-bubbla-aktiv { background-color: #333333; }
.svart-bubbla-aktiv:hover { }
	
/* linjer */
	
.linje-1
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_gra_745px_01.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 50% 0;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;	
	width: 100%;
	height: 10px;
	margin: 0.8em 0 0.8em 0;
	}
	
.linje-2
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_svart_745px_02.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 50% 0;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;	
	width: 100%;
	height: 10px;
	margin: 0.8em 0 0.8em 0;
	}
	
	.linje-2-gra
		{
		display: block;
		float: left;
		background: url(../bilder/grunge/linje_gra_745px_02.gif);
		background-repeat: no-repeat;
		/* background-attachment: ; */
		background-position: 50% 0;
		image-rendering: auto;
		image-rendering: crisp-edges;
		image-rendering: pixelated;
		width: 100%;
		height: 10px;
		margin: 0.8em 0 0.8em 0;
		}
	
.linje-3
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_gra_631px.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 50% 0;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 10px;
	margin: 0.8em 0 0.8em 0;
	}
	
.linje-v-1
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_svart_745px_01.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 700px auto;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 10px;
	margin: 32px 0 36px 0;
	}
	
	@media screen and (max-width: 560px)
		{ .linje-v-1 { margin: 16px 0 22px 0; } }	
		
.linje-v-2
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_svart_745px_02.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 50% 50%;
	background-size: 600px auto;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 10px;
	margin: 36px 0 42px 0;
	}
		
	@media screen and (max-width: 560px)
		{ .linje-v-2 { margin: 16px 0 22px 0; } }
		
.linje-v-3
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_svart_745px_02.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 50% 50%;
	background-size: 500px auto;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 10px;
	margin: 36px 0 42px 0;
	}
		
	@media screen and (max-width: 560px)
		{ .linje-v-2 { margin: 16px 0 22px 0; } }

.linje-v-1-svart
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_svart_745px_02.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 0 0;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 10px;
	margin: 1.2em 0 1.8em 0;
	}
	
	@media screen and (max-width: 560px)
		{ .linje-v-1-svart { margin: 1em 0 1.2em 0; } }

.linje-v-1-gra
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_gra_745px_02.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 0 0;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 10px;
	margin: 1.2em 0 1.8em 0;
	}
	
	@media screen and (max-width: 560px)
		{ .linje-v-1-gra { margin: 1em 0 1.2em 0; } }	
		
.linje-v-2-svart
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_svart_745px_02.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: -25% 0;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 10px;
	margin: 1.2em 0 1.8em 0;
	}
		
	@media screen and (max-width: 560px)
		{ .linje-v-2-svart { margin: 1em 0 1.2em 0; } }
		
	.linje-v-2-gra
		{
		display: block;
		float: left;
		background: url(../bilder/grunge/linje_gra_745px_02.gif);
		background-repeat: no-repeat;
		/* background-attachment: ; */
		background-position: -25% 0;
		image-rendering: auto;
		image-rendering: crisp-edges;
		image-rendering: pixelated;
		width: 100%;
		height: 10px;
		margin: 1.2em 0 1.8em 0;
		}
		
	@media screen and (max-width: 560px)
		{ .linje-v-2-gra { margin: 0.6em 0 1.2em 0; } }	
		
	.linje-v-3-svart
		{
		display: block;
		float: left;
		background: url(../bilder/grunge/linje_svart_745px_02.gif);
		background-repeat: no-repeat;
		/* background-attachment: ; */
		background-position: -45% 0;
		image-rendering: auto;
		image-rendering: crisp-edges;
		image-rendering: pixelated;
		width: 100%;
		height: 10px;
		margin: 1.2em 0 1.8em 0;
		}
		
	@media screen and (max-width: 560px)
		{ .linje-v-3-svart { margin: 1em 0 1.2em 0; } }	

	.linje-v-4
		{
		display: block;
		float: left;
		background: url(../bilder/grunge/linje_svart_745px_02.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		image-rendering: auto;
		image-rendering: crisp-edges;
		image-rendering: pixelated;
		width: 100%;
		height: 10px;
		margin: 1.2em 0 1.8em 0;
		}
		
	@media screen and (max-width: 560px)
		{ .linje-v-4 { margin: 1em 0 1.2em 0; } }	
		
	.linje-v-4-svart
		{
		display: block;
		float: left;
		background: url(../bilder/grunge/linje_svart_745px_02.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		image-rendering: auto;
		image-rendering: crisp-edges;
		image-rendering: pixelated;
		width: 100%;
		height: 10px;
		margin: 1.2em 0 1.8em 0;
		}
		
	@media screen and (max-width: 560px)
		{ .linje-v-4-svart { margin: 1em 0 1.2em 0; } }
		
	.linje-v-5
		{
		display: block;
		float: left;
		background: url(../bilder/grunge/linje_svart_halvfet_872px.gif);
		background-repeat: no-repeat;
		background-position: -50px 0;
		image-rendering: auto;
		image-rendering: crisp-edges;
		image-rendering: pixelated;
		width: 100%;
		height: 10px;
		margin: 1.2em 0 1.8em 0;
		}
		
	@media screen and (max-width: 560px)
		{ .linje-v-5 { margin: 1em 0 1.2em 0; } }	

.linje-fet-1
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_svart_fet_887px.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 50% 0;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 10px;
	margin: 0.8em 0 0.8em 0;
	}
	
.linje-fet-2
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_svart_halvfet_872px.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 50% 0;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 10px;
	margin: 0.8em 0 0.8em 0;
	}
	
	.linje-fet-2-gra
		{
		display: block;
		float: left;
		background: url(../bilder/grunge/linje_gra_halvfet_872px.gif);
		background-repeat: no-repeat;
		/* background-attachment: ; */
		background-position: 50% 0;
		image-rendering: auto;
		image-rendering: crisp-edges;
		image-rendering: pixelated;
		width: 100%;
		height: 10px;
		margin: 0.8em 0 0.8em 0;
		}
	
.linje-fet-3
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_svart_745px_02.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 50% 0;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 10px;
	margin: 0.8em 0 1.2em 0;
	}
	
	.linje-fet-3-gra
		{
		display: block;
		float: left;
		background: url(../bilder/grunge/linje_gra_745px_02.gif);
		background-repeat: no-repeat;
		/* background-attachment: ; */
		background-position: 50% 0;
		image-rendering: auto;
		image-rendering: crisp-edges;
		image-rendering: pixelated;
		width: 100%;
		height: 10px;
		margin: 0.8em 0 1.2em 0;
		}
		
.linje-fet-4
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_svart_631px.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 50% 0;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 10px;
	margin: 0.8em 0 1.2em 0;
	}
	
	.linje-fet-4-gra
		{
		display: block;
		float: left;
		background: url(../bilder/grunge/linje_gra_631px.gif);
		background-repeat: no-repeat;
		/* background-attachment: ; */
		background-position: 50% 0;
		image-rendering: auto;
		image-rendering: crisp-edges;
		image-rendering: pixelated;
		width: 100%;
		height: 10px;
		margin: 0.8em 0 1.2em 0;
		}
		
	@media screen and (max-width: 560px)
		{ .linje-fet-4-gra { margin: 0.6em 0 1em 0; } }	
	
.linje-fot
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_gra_halvfet_872px.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 50% 0;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 10px;
	margin: 0 0 0.2em 0;
	}
	
.linje-fot-svart
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_svart_halvfet_872px.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 50% 0;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 10px;
	margin: 0 0 0.2em 0;
	}
	
.linje-fot-gra
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_gra_halvfet_872px.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 50% 0;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 10px;
	margin: 0.8em 0 0.2em 0;
	}
	
.lank-ikon { position: relative; float: left; top: 1px; margin: 0; }

	@media screen and (max-width: 560px)
		{ .lank-ikon { top: 2px; } }	
		
.lank-ikon-block { display: inline-block; float: left; vertical-align: top; }
.lank-text-block { display: inline-block; vertical-align: top; width: 80%; vertical-align: top; }

	
/* hej */

.hej
	{ width: 100%; float: left; margin: 16px 0 16px 0; }
	
.hej-bord
	{ display: table; height: 100%; }
	
.hej-rad
	{ display: table-row; }
	
.hej-cell-bild
	{ display: table-cell; }
	
.hej-cell-bild img
	{ width: 64px; height: 64px; margin: 0 16px 0 0; }
	
	@media screen and (max-width: 560px)
		{ .hej-cell-bild img { width: 48px; height: 48px; margin: 0 12px 0 0;  } }
	
.hej-cell-text
	{ display: table-cell; vertical-align: middle; }
	
/* album */	

.album-intro { display: inline-block; position: relative; text-align: center; }

.album-intro-samling { display: inline-block; position: relative; margin: 0 0 2em 0; }

.intro-bild-v2
	{
	max-width: 100%;
	height: auto;
	margin: 0.6em 0 2em 0;
	}
	
.intro-bild-v2-kvadrat
	{
	width: 100%;
	width: 100%;
	max-width: 800px; /* 1000px */
	height: auto;
	margin: 0.6em 0 0 0;
	}
		
.intro-bild-v2-liggande
	{
	width: 100%;
	max-width: 1100px; /* 1000px */
	height: auto;
	margin: 0.6em 0 0 0;
	}

.album
	{
	display: block;
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
.album-tn-div
	{
	display: inline-block;
	position: relative;
	margin: 0.2em;
	padding: 0;
	}
	
.album-tn-div-v2			/* med bildtext i tn */
	{
	display: inline-block;
	background-color: transparent;
	vertical-align: top;
	width: 32%;
	max-width: 560px;
	margin: 0.4em;
	padding: 0;
	}
		
	@media screen and (max-width: 1800px)
		{ .album-tn-div-v2 { width: 32%; } }

	@media screen and (max-width: 1400px)
		{ .album-tn-div-v2 { width: 44%; } }	
		
	@media screen and (max-width: 1200px)
		{ .album-tn-div-v2 { width: 44%; } }	
		
	@media screen and (max-width: 960px)
		{ .album-tn-div-v2 { width: 100%; } }	
		
	@media screen and (max-width: 560px)
		{ .album-tn-div-v2 { width: 100%; margin: 0.4em 0 0.4em 0; } }
		
.album-tn-div-v2-info
	{
	display: inline-block;
	position: relative;
	background-color: transparent;
	vertical-align: top;
	text-align: center;
	width: 32%;
	max-width: 368px;
	height: auto;
	margin: 12px 12px 0 12px;
	padding: 0;
	}
	
	@media screen and (max-width: 1400px)
		{ .album-tn-div-v2-info { width: 44%; } }
		
	@media screen and (max-width: 960px)
		{ .album-tn-div-v2-info { width: 44%; } }
		
	@media screen and (max-width: 560px)
		{ .album-tn-div-v2-info { width: 100%; margin: 12px 0;} }

.album-tn-div-v2-2
	{
	width: 100%;
	max-width: 560px;
	height: auto;
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
.album-tn
	{
	display: inline-block;
	position: relative;
	margin: 0.06em 0.2em 0.1em 0.06em;
	}

.album-tn-v2
	{
	max-width: 100%;
	height: auto;
	margin: 0.2em;
	}
	
.album-tn-v3   /* med bakgrundsbild */
	{
	position: relative;
	left: 0;
	width: 100%;
	max-width: 560px;
	height: auto;
	margin: 0;
	padding: 0;
	}

/*	
@media screen and (max-width: 1200px)
	{ .album-tn-v3 { left: 1px; } }
	
@media screen and (max-width: 740px)
	{ .album-tn-v3 { left: 1px; } }	
*/

.album-tn-v4
	{
	position: relative;
	top: 16%;
	left: 0;
	width: 100%;
	height: auto;
	margin: 0;
	}
	
.album-tn-v4-s
	{
	position: relative;
	top: 0;
	left: 17%;
	width: auto;
	height: 100%;
	margin: 0;
	}
	
.album-tn-v5
	{
	position: relative;
	max-width: 97%;
	height: auto;
	left: 1.6%;
	margin: 0;
	padding: 0;
	}
	
	.album-tn-v3-2 /* med bakgrundsbild i album med kvadratiska bilder */
		{
		max-width: 100%;
		height: auto;
		margin: 0;
		}
	
.album-tn-v3-l			/* liggande bild */
	{
	position: absolute;
	top: 16%;
	/* top: 15%; */
	left: 1.6%;
	width: 97%;
	/* max-width: 518px; */
	height: auto;
	margin: 0;
	}
	
.album-tn-v3-s				/* stående bild */
	{
	position: absolute;
	top: 1.6%;
	left: 18%;
	/* left: 16.8%; */
	/* max-width: 100%; */
	width: auto;
	height: 97%;
	/* max-height: 100%; */
	margin: 0;
	}
	
	@media screen and (max-width: 960px)
		{ .album-tn-v3-s { height: 96%; top: 2.1%; } }	
	
.album-tn-v4
	{
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	}
	
.album-tn-v4-kvadrat
	{
	position: relative;
	left: -1px;
	width: 100%;
	max-width: 518px;
	height: auto;
	margin: 0;
	padding: 0;
	}
		
.album-tn-v4-kvadrat-242
	{
	width: 242px;
	height: 242px;
	margin: 0;
	padding: 0;
	}
		
.album-tn-v4-kvadrat-259
	{
	width: 100%;
	max-width: 259px;
	height: auto;
	margin: 0;
	padding: 0;
	}
		
/* bildtexter tn */		
		
.album-tn-bildtext
	{
	display: block;
	width: 100%;
	height: auto;
	background-color: transparent;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	}
	
.album-tn-bildtext-2 { width: 96%; padding: 0 4% 0 0; margin: 18px 0 64px 0; }

	@media screen and (max-width: 560px)
		{ .album-tn-bildtext-2 { width: 100%; padding: 0; margin: 18px 0 24px 0; } }

.album-tn-bildtext-2 p { color: #808080; }
		
/* bildtext mindre */

.bildtext-mindre
	{
	display: block;
	position: relative;
	width: 98%;
	text-align: left;
	font-family: roboto, helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 19px;
	margin: 0;
	padding: 0;
	overflow: visible;
	}
	
	@media screen and (max-width: 560px)
		{ .bildtext-mindre { font-size: 11.5px; margin: 0; } }	
		
/* album */	

#album-bord-v2
	{
	display: table;
	width: 100%;
	max-width: 2200px; /* 1600px */
	height: auto;
	position: relative;
	top: 0.4em;
	text-align: center;
	margin: 0 auto 3em auto;
	padding: 0;
	}
	
#album-bord-innehall-v2 { height: auto; }
	
#album-bord-innehall-flyt { }

.tn-g-v2
	{
	background: none;
	display: inline-block;
	width: 244px;
	height: 244px;
	text-align: center;
	position: relative;
	margin: 12px; 
	padding: 0;
	}

.tn-g-gra-v2
	{
	background: #333333;
	display: inline-block;
	width: 244px;
	height: 244px;
	text-align: center;
	position: relative;
	margin: 12px; 
	padding: 0;
	}

.tn-g-gra-v2-fri
	{
	background: #333333;
	display: block;
	width: 244px;
			height: 244px;
			text-align: center;
			position: relative;
			float: left;
			margin: 0.2em 1em 1em 0; 
			padding: 0;
			}
			
	.tn-g-ljusgra-v2-fri
			{
			background: #ededed;
			display: block;
			width: 244px;
			height: 244px;
			text-align: center;
			position: relative;
			float: left;
			margin: 0.2em 1em 1em 0; 
			padding: 0;
			}
	
.tn-g-ljusgra-v2
	{
	background: #ededed;
	display: inline-block;
	width: 244px;
	height: 244px;
	text-align: center;
	position: relative;
	margin: 12px; 
	padding: 0;
	}
	
.tn-g-ljusgra-v3
	{
	background: #ededed;
	display: inline-block;
	text-align: center;
	position: relative;
	margin: 12px; 
	padding: 0;
	}
		
.tn-g-v3
	{
	background: none;
	display: inline-block;
	width: 244px;
	height: 244px;
	text-align: center;
	position: relative;
	margin: 0.4em; 
	padding: 0;
	}

/* 302 px */
	
.tn-g-gra-v4
		{
		background: #333333;
		display: inline-block;
		width: 302px;
		height: 302px;
		text-align: center;
		position: relative;
		margin: 6px; 
		padding: 0;
		}
	
.tn-g-2-bord
	{
	display: table;
	width: 100%;
	height: 100%;
	}
		
.tn-g-2
	{
	display: table-cell;
	position: relative;
	margin: 0;
	padding: 0;
	}
	
/* .tn-g-2 img { padding: 0; margin: 0 0 -3px 0; } */
	
.tn-g-text
	{
	border: none;
	display: table;
	background: #ededed url(../bilder/grunge/platta_gra_ljus.gif);
	background-repeat: no-repeat;
	background-position: 250% -50px;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: auto;
	text-align: left;
	position: relative;
	text-align: center;
	margin: 0 auto 2em auto;
	float: none;
	padding: 0;
	}
	
			.tn-g-text-v2
				{
				border: none;
				display: table;
				background: #ededed url(../bilder/grunge/platta_gra_ljus.gif);
				background-repeat: no-repeat;
				/* background-attachment: ; */
				background-position: 320px -20px;
				image-rendering: auto;
				image-rendering: crisp-edges;
				image-rendering: pixelated;
				width: 390px;
				text-align: left;
				position: relative;
				float: none;
				margin: 0 24px 24px 0;
				padding: 0;
				}
				
			.tn-g-text-v3
				{
				border: none;
				display: table;
				background: #ededed url(../bilder/grunge/platta_gra_ljus.gif);
				background-repeat: no-repeat;
				/* background-attachment: ; */
				background-position: 300px -100px;
				image-rendering: auto;
				image-rendering: crisp-edges;
				image-rendering: pixelated;
				width: 390px;
				text-align: left;
				position: relative;
				float: none;
				margin: 0 24px 24px 0;
				padding: 0;
				}
				
			.tn-g-text-v4
				{
				border: none;
				display: table;
				background: #ededed url(../bilder/grunge/platta_gra_ljus.gif);
				background-repeat: no-repeat;
				/* background-attachment: ; */
				background-position: 340px -120px;
				image-rendering: auto;
				image-rendering: crisp-edges;
				image-rendering: pixelated;
				width: 390px;
				text-align: left;
				position: relative;
				float: none;
				margin: 0 24px 24px 0;
				padding: 0;
				}
	
.tn-g-text-2 { margin: 0; padding: 10px 12px 8px 12px; }

.album-linje-gra
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_gra_745px_02.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 50% 0;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 10px;
	margin: 0 0 0.3em 0;
	padding: 0;
	}
		
	@media screen and (max-width: 560px)
		{ .album-linje-gra { margin: 0; } }	
	
.album-linje-svart
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_svart_745px_02.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 50% 0;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 10px;
	margin: 0 0 0.3em 0;
	padding: 0;
		}
		
	@media screen and (max-width: 560px)
		{ .album-linje-svart { margin: 0; } }
		
.album-linje-svart-info
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_svart_745px_02.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 50% 0;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 10px;
	margin: 24px 0 32px 0;
	padding: 0;
	}

	@media screen and (max-width: 560px)
		{ .album-linje-svart-info { background: none; margin: 18px 0 0px 0; } }
	
	/*	
	@media screen and (max-width: 560px)
		{ .album-linje-svart-info { margin: 18px 0 24px 0; } }
	*/
		
.album-linje-gra-info
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_gra_745px_02.gif);
	background-repeat: no-repeat;
	/* background-attachment: ; */
	background-position: 50% 0;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	height: 10px;
	margin: 24px 0 32px 0;
	padding: 0;
	}
	
	@media screen and (max-width: 560px)
		{ .album-linje-gra-info { background: none; margin: 18px 0 0px 0; } }
	
	/*	
	@media screen and (max-width: 560px)
		{ .album-linje-gra-info { background: none; margin: 18px 0 24px 0; } }
	*/
	
/* enjoy */

.enjoy-stycke { text-align: left; margin: 28px 28px; }

	@media screen and (max-width: 560px)
		{ .enjoy-stycke { margin: 22px 24px; } }	

.album-xx-tn
	{
	display: inline-block;
	/* min-width: 240px; */
	width: 100%;
	max-width: 602px;
	height: auto;
	margin: 24px 0 48px 0;
	padding: 0;
	}
	
.album-xx-tn-div
	{
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
.album-xx-tn-div img
	{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	}
	
.album-xx-tn-bild-kvadrat
	{
	position: absolute;
	top: 20%;
	left: 6.9%;
	max-width: 86%;
	height: auto;
	padding: 0;
	margin: 0 0 0 -1px;
	}

/* text */

.infotext
	{
	display: table;
	width: 100%;
	max-width: 1600px; /* 1200px */
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	}

.infotext-info { padding: 0 ; }

.inforuta
	{
	display: block;
	background: #333333 url(../bilder/bg/grunge_horn_svart.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	text-align: left;
	float: left;
	margin: 1em 0 2em 0;
	}

	@media screen and (max-width: 560px)
		{ .inforuta { margin: 0.4em 0 2em 0; } }	
	
.inforuta-gra
	{
	display: block;
	background: #ededed url(../bilder/grunge/bg_horn_ljusgra.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	width: 100%;
	text-align: left;
	float: left;
	margin: 1em 0 2em 0;
	}
	
	.inforuta-innehall
		{
		float: left;
		padding: 0.7em 0.9em 0.7em 0.9em;
		margin: 0;
		}
		
.inforuta-innehall-v2
	{
	float: left;
	padding: 0.8em 0.9em 1em 0.9em;
	margin: 0;
	}
		
	@media screen and (max-width: 560px)
		{ .inforuta-innehall-v2 { padding: 0.8em 0.8em 0.8em 0.8em; } }
		
.detaljer
	{
	width: 100%;
	/* width: 98%; */
	float: left;
	/* padding: 1%; */
	margin: 0 0 24px 0;
	}
		
	@media screen and (max-width: 560px)
		{
		.detaljer
			{
			/* width: 94%; */
			margin: 0 0 18px 0;
			/* padding: 3%; */
			}
		}
		
.inforuta-tech
	{
	width: 100%;
	float: left;
	margin: 0 0 18px 0;
	}
	
	@media screen and (max-width: 560px)
		{ .inforuta-tech
			{
			width: 100%;
			float: left;
			margin: 0 0 14px 0;
			}
		}
		
.inforuta-tech-spec
	{
	display: block;
	width: 100%;
	float: left;
	margin: 0 0 12px 0;
	padding: 0;
	}
	
	@media screen and (max-width: 560px)
		{ .inforuta-tech-spec
			{
			width: 100%;
			float: left;
			margin: 0 0 12px 0;
			}
		}
	
.inforuta-tech-ikon
	{
	position: relative;
	top: 2px;
	margin-right: 12px;
	}
	
	@media screen and (max-width: 560px)
		{ .inforuta-tech-ikon { top: 4px; } }

.inforuta-tech-del { display: inline-block; margin-right: 12px; }

	@media screen and (max-width: 560px)
		{ .inforuta-tech-del { margin: 0 10px 6px 0; } }

.inforuta-tech-del-delare { display: inline-block; position: relative; top: -1px; font-weight: 400; margin-right: 0.6em; }

	@media screen and (max-width: 560px)
		{ .inforuta-tech-del-delare { width: 100%; height: 1px; margin: 0 0 0.6em 0;  } }

/* hej */

.hej
	{
	width: 100%;
	float: left;
	margin: 2em 0 2em 0;
	}
	
	@media screen and (max-width: 560px)
		{ .hej { margin: 1em 0 1em 0; } }	
	
.hej-bord { display: table; height: 100%; }
.hej-rad { display: table-row; }	
.hej-cell { display: table-cell; }	
	
.hej-bild
	{
	width: 64px;
	height: auto;
	margin: 0 1em 0 0;
	}

.hej-hej
	{
	display: table-cell;
	vertical-align: middle;
	padding: 2px 0 0 0;
	}
		
/* artikel */

.artikel
	{
	width: 100%;
	float: left;
	text-align: center;
	margin: 1em 0 0 0;
	padding: 0;
	}
	
.artikel-info
	{
	width: 100%;	
	height: auto;
	max-width: 1200px;
	position: relative;
	text-align: center;
	margin: 0 auto 0 auto;
	}
	
.artikel-rubrik
	{
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 24px 0;	
	}
	
.artikel-rubrik-album
	{
	width: 100%;
	float: left;
	text-align: center;
	margin: 104px 0 36px 0;	
	}

	@media screen and (max-width: 2400px)
		{ .artikel-rubrik-album { margin: 58px 0 32px 0; } }	
	
	@media screen and (max-width: 1400px)
		{ .artikel-rubrik-album { margin: 36px 0 24px 0; } }	
	
.artikel-text
	{
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 2em 0;	
	}
	
.artikel-spec
	{
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 2em 0;
	padding: 0;
	}
	
.artikel-spec-rad
	{
	display: inline-block;
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 0.2em 0;
	padding: 0;
	}
	
/* bild */

.bild
	{
	display: inline-block;
	position: relative;
	width: 80%;
	max-width: 800px;
	height: auto;
	margin: 0 0 16px 0;
	padding: 0;
	}
	
	@media screen and (max-width: 560px)
		{ .bild { width: 100%; } }
	
/* text */

.text
	{
	position: relative;
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 16px 0;
	}
	
	@media screen and (max-width: 560px)
		{ .text { margin: 0 0 12px 0; } }
	
.text-bild
	{
	float: left;
	width: 100%;
	margin: 0 0 1.8em 0;
	}
	
	@media screen and (max-width: 560px)
		{ .text-bild { margin: 0 0 48px 0; } }		
	
.text-bild-foto
	{
	float: left;
	margin: 0 24px 16px 0;
	padding: 0;
	}	
	
	@media screen and (max-width: 560px)
		{ .text-bild-foto { margin: 0 0 16px 0; } }	
	
.text-bild-cell
	{
	display: table-cell;
	width: 244px;
	height: auto;
	vertical-align: middle;
	text-align: center;	
	}

	@media screen and (max-width: 740px)
		{ .text-bild-cell { width: 100vw; } }
		
.text-bild-cell img
	{
	width: 244px;
	height: auto;
	margin: 0 0 16px 0;
	}		
	
	.text-bild-cell-gra
		{
		display: table-cell;
		background: #ededed;
		width: 244px;
		height: 244px;
		vertical-align: middle;
		text-align: center;	
		}
		
	.text-bild-cell-morkgra
		{
		display: table-cell;
		background: #333333;
		width: 244px;
		height: 244px;
		vertical-align: middle;
		text-align: center;	
		}

	.text-bild-cell-morkgra-grunge
		{
		background: #333333 url(../bilder/bg/grunge_horn_svart.gif);
		background-repeat: no-repeat;
		background-position: 90% 105%;
		display: table-cell;
		width: 244px;
		height: 244px;
		vertical-align: middle;
		text-align: center;
		}
		
	.text-bild-cell-morkgra-grunge-2
		{
		background: #333333 url(../bilder/bg/grunge_horn_svart.gif);
		background-repeat: no-repeat;
		background-position: 70% 105%;
		display: table-cell;
		width: 244px;
		height: 244px;
		vertical-align: middle;
		text-align: center;
		}	
		
	.text-bild-cell-morkgra-grunge-3
		{
		background: #333333 url(../bilder/bg/grunge_horn_svart.gif);
		background-repeat: no-repeat;
		background-position: 40% 105%;
		display: table-cell;
		width: 244px;
		height: 244px;
		vertical-align: middle;
		text-align: center;
		}

		.text-bild-cell-morkgra-grunge img	
			{
			position: relative;
			margin: 1px 0 -3px 0;
			padding: 0;
			}
			
.text-spalt-h
	{
	display: table-cell;
	min-width: 240px;
	}
	
	@media screen and (max-width: 1200px)
		{ .text-spalt-h { display: block; float: left; } }	

.text-stycke
	{
	width: 100%;
	float: left;
	text-align: left;
	margin: 0 0 18px 0;	
	}
	
	@media screen and (max-width: 1200px)
		{ .text-stycke { margin: 0 0 17px 0; } }	
	
	@media screen and (max-width: 560px)
		{ .text-stycke { margin: 0 0 16px 0; } }	
	
.text-stycke-lank
	{
	width: 100%;
	float: left;
	text-align: left;
	margin: 0 0 12px 0;	
	}

	@media screen and (max-width: 1200px)
		{ .text-stycke-lank { margin: 0 0 12px 0; } }	

	@media screen and (max-width: 560px)
		{ .text-stycke-lank { margin: 0 0 12px 0; } }
	
.c { text-align: center; }
		
/* album nav v2 */

#album-nav-bord-v2							
	{
	width: 100%;
	height: 67px;
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 0;
	}
	
	@media screen and (max-width: 560px)
		{ #album-nav-bord-v2 { height: 58px; } }	
	
#album-nav-bord-v2-nav
	{
	float: right;
	margin: 0;
	}
	
.album-nav-td-v2
	{
	display: table-cell;
	vertical-align: top;
	float: left;
	margin: 0;
	}
	
/* new */

.new
	{
	position: absolute;
	float: right;
	right: 16px;
	top: 16px;
	background: #4d4d4d;
	padding: 2px 8px 2px 8px;
	z-index: 1;
	}
	
.new p
	{
	font-family: roboto;
	font-size: 0.8em;
	letter-spacing: 1px;
	font-weight: 500;
	color: #00cc33;
	text-shadow: 0 0 2px #000000;
	margin: 0;
	}	

/* fot */

#fot-fade
	{
	background-image: linear-gradient(transparent, #000000);
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 300px; /* synkas med #fot-bg */
	opacity: 0.6;
	margin: 0;
	padding: 0;
	}
	
#fot-fade-2
	{
	background-image: linear-gradient(transparent, #000000);
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 300px; /* synkas med #fot-bg */
	opacity: 0.8;
	margin: 0;
	padding: 0;
	}
	
#fot-block
	{
	position: relative;
	top: 0;
	left: 0;
	width: 94%;
	max-width: 1200px;
	text-align: center;
	margin: 24px auto 0 auto;
	padding: 0 3%;
	}
	
#fot-block p
	{
	font-family: roboto, helvetica, arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.2px;
	/* color: #808080; */
	margin: 0;
	padding: 0;
	}
	
	@media screen and (max-width: 560px)
		{ #fot-block p { font-size: 14px; letter-spacing: 0.1px; } }
		
.fot-ikon-bild-block { margin: 52px 0 0 0; }

.fot-ikon-bild
	{
	display: inline-block;
	margin: 0 24px;
	}
	
	@media screen and (max-width: 740px)
		{ .fot-ikon-bild { margin: 0 8px; } }		

.fot-ikon-bild img
	{
	width: auto;
	height: 60px;
	border-radius: 5px;
	}

	@media screen and (max-width: 740px)
		{ .fot-ikon-bild img { height: 46px; } }

/* fot äldre */

.fot-bord
	{
	display: table;
	width: 100%;
	float: left;
	margin: 36px 0 72px 0;
	padding: 0;
	}
	
.fot-innehall
	{
	display: table-cell;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
.fot-innehall p
	{
	font-family: roboto, helvetica, arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.2px;
	color: #808080;
	margin: 0;
	padding: 0;
	}
	
	@media screen and (max-width: 560px)
		{ .fot-innehall p { font-size: 14px; letter-spacing: 0.1px; } }

.fot-block-1
	{
	display: block;
	width: 100%;
	float: left;
	margin: 12px 0 8px 0;
	}
	
	/*
	@media screen and (max-width: 800px)
		{ .fot-block-1 { display: block; width: 100%; } }
	*/
		
.fot-block-2
	{
	display: inline-block;
	/* float: ; */
	margin: 0 0.1em 0 0.1em;		
	}
		
.fot-ikon
	{
	position: relative;
	top: 3px;	
	}
	
/* enhance */	

.enhance-knapp { display: none; visibility: hidden; }
	
	@media screen and (min-width: 1200px)
		{ .enhance-knapp { display: inline-block; visibility: visible; } }
		
.enhance-block { display: none; visibility: hidden; }

	@media screen and (min-width: 1200px)
		{ .enhance-block { display: block; visibility: visible; } }

.enhance-foto-a { display: none; visibility: hidden; }				
	
	@media screen and (max-width: 1200px)
		{ .enhance-foto-a
			{
			display: inline-block;
			visibility: visible; 
			width: auto;
			height: auto;
			float: right;
			position: absolute;
			top: 3%;
			right: 3%;
			}
		}
	
/*	
.enhance-foto-a
	{
	display: inline-block;
	width: auto;
	height: auto;
	float: right;
	position: absolute;
	top: 3%;
	right: 3%;
	}	
*/	

.enhance-bg
	{
	background: url(../bilder/diverse/enhance/enhance_bg_2400px.avif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50%;
	background-size: 100%;
	background-color: #000000;
	text-align: center;
	margin: 0 0 32px 0;
	padding: 16px 0 48px 0;
	}
	
	@media screen and (max-width: 1600px)
		{ .enhance-bg
			{
			background: url(../bilder/diverse/enhance/enhance_bg_1600px.avif);
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: 50%;
			background-size: 100%;
			}
		}
		
	@media screen and (max-width: 1200px)
		{ .enhance-bg
			{
			background: url(../bilder/diverse/enhance/enhance_bg_1200px.avif);
			background-repeat: no-repeat;
			background-attachment: scroll;
			background-position: 50%;
			background-size: 100%;
			}
		}
		
.skiss-block { }

.skiss-bg
	{
	background: url(../bilder/bg/skisser_02_neg_2400px.avif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50%;
	background-size: 50%;
	background-color: #000000;
	text-align: center;
	margin: 0 0 32px 0;
	padding: 300px 0;
	}
	
	@media screen and (max-width: 2400px)
		{ .skiss-bg
			{
			background: url(../bilder/bg/skisser_02_neg_1600px.avif);
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: 50%;
			background-size: 65%;
			}
		}	
	
	@media screen and (max-width: 1600px)
		{ .skiss-bg
			{
			background: url(../bilder/bg/skisser_02_neg_2400px.avif);
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: 50%;
			background-size: 110%;
			}
		}
		
	@media screen and (max-width: 1200px)
		{ .skiss-bg
			{
			background: url(../bilder/bg/skisser_02_neg_1600px.avif);
			background-repeat: no-repeat;
			background-attachment: scroll;
			background-position: 50%;
			background-size: 130% auto;
			}
		}
		
	@media screen and (max-width: 960px)
		{ .skiss-bg
			{
			background: url(../bilder/bg/skisser_02_neg_1200px.avif);
			background-repeat: no-repeat;
			background-attachment: scroll;
			background-position: 50%;
			background-size: 200% auto;
			padding: 280px 0;
			}
		}
		
	@media screen and (max-width: 560px)
		{ .skiss-bg
			{
			background: url(../bilder/bg/skisser_02_neg_900px.avif);
			background-repeat: no-repeat;
			background-attachment: scroll;
			background-position: 50%;
			background-size: 180% auto;
			padding: 180px 0;
			}
		}		
		
/*	
.galleri-mellanrum-stycke { text-align: left; margin: 12px 24px 0 28px; }	

	@media screen and (max-width: 560px)
		{ .galleri-mellanrum-stycke { margin: 8px 16px 0 16px; } }
*/

.galleri-mellanrum-bg
	{
	background: #e7e7e7 url(../bilder/bg/galleri_mellanrum_vagg_v2_400px.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: 0 0;
	text-align: center;
	margin: 0 0 32px 0;
	padding: 16px 0 48px 0;
	}

/* enhance sida */		
	
#arbetsyta-enhance
	{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	}
	
.enhance-huvud
	{
	/* background: rgba(255, 255, 255, 0.5); */
	display: block;
	position: relative;
	top: 0;
	width: 100%;
	height: 92px;
	}

.enhance-navigering
	{
	display: block;
	width: 100%;
	float: left;
	margin: 24px 0 0 0;
	}
	
.enhance-tillbaka
	{
	display: inline-block;
	position: relative;
	float: left;
	top: 8px;
	left: 30px;
	}
	
.enhance-rubrik
	{
	display: inline-block;
	float: right;
	position: absolute;
	top: 20px;
	right: 30px;	
	}

.material-icons.enhance-ikon
	{
	font-size: 20px;
	position: relative;
	top: 4px;
	margin: 0 4px 0 10px;
	}
	
.material-icons.enhance-foto-a-ikon
	{
	font-size: 22px;
	position: relative;
	top: 4px;
	margin: 0;
	padding: 0;
	}	
	
.material-icons.enhance-ikon-rubrik
	{
	font-size: 36px;
	position: relative;
	top: -4px;
	margin: 0;
	}
	
.material-icons.enhance-tillbaka-ikon
	{
	font-size: 24px;
	position: relative;
	top: 5px;
	margin: 0 2px 0 0;
	}

.enhance-album
	{
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0;
	}

.enhance-foto
	{
	background-color: #000000;
	display: block;
	width: 100%;
	height: auto;
	/* max-width: 2400px; */
	margin: 0;
	padding: 0;
	}

/* copyright foto */

.cred-stor
	{
	width: 30px;
	height: 30px;
	position: relative;
	top: 8px;
	left: 3px;
	margin: 0 0 -30px 0;
	z-index: 1;
	}
	
	.cred-stor-vit
		{
		width: 40px;
		height: 40px;
		position: relative;
		top: 20px;
		left: 16px;
		margin: 0 0 -40px 0;
		z-index: 1;
		}

.cred-stor-p
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-shadow: 0px 0px 4px #ffffff;
	text-decoration: none;
	padding: 4px 0 0 8px;
	margin: 0;
	}

.cred-stor-p:hover
	{
	color: #0089c2;
	text-decoration: none;
	}
	
/* fade */

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

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

@keyframes fade
	{
	from {opacity: 0}
	to {opacity: 1}
	}

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

@-webkit-keyframes fade-2
	{
	from {opacity: 0}
	to {opacity: 1}
	}

@keyframes fade-2
	{
	from {opacity: 0}
	to {opacity: 1}
	}	
	
/* google material icons */

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

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

	@media screen and (max-width: 800px)
		{ .material-icons.md-14 { font-size: 13px; } }

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 560px)
	{ .material-icons.md-24 { font-size: 19px; } }
	
.material-icons.md-32 { font-size: 32px; }
	
@media screen and (max-width: 560px)
	{ .material-icons.md-32 { font-size: 27px; } }

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

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

	@media screen and (max-width: 800px)
		{ .material-icons.md-48 { font-size: 42px; } }

	@media screen and (max-width: 560px)
		{ .material-icons.md-48 { font-size: 36px; } }
		
	@media screen and (max-width: 400px)
		{ .material-icons.md-48 { font-size: 28px; } }
		
.material-icons.md-56 { font-size: 56px; }
.material-icons.md-64 { font-size: 64px; }
.material-icons.md-128 { font-size: 128px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.bg-grunge
	{
	background: url(../bilder/bg/grunge_horn_v2.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 100% 103%;	
	}

.bg-svart
	{
	background: url(../bilder/bg/glasspinnefabriken_0908_svv_04_bg_2400px.jpg) transparent;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 20% 0%;
	background-size: 120% auto;
	}
	
	@media screen and (max-width: 1400px)
		{ .bg-svart
			{
			background: url(../bilder/bg/glasspinnefabriken_0908_svv_04_bg_2400px.jpg) transparent;
			background-attachment: scroll;
			background-repeat: no-repeat;
			background-position: 40% 0%;
			background-size: 170% auto;
			}	
		}

	@media screen and (max-width: 960px)
		{ .bg-svart
			{
			background: url(../bilder/bg/glasspinnefabriken_0908_svv_04_bg_1600px.jpg) transparent;
			background-attachment: scroll;
			background-repeat: no-repeat;
			background-position: 45% 0%;
			background-size: 200% auto;
			}
		}
		
	@media screen and (max-width: 740px)
		{ .bg-svart
			{
			background: url(../bilder/bg/glasspinnefabriken_0908_svv_04_bg_1600px.jpg) transparent;
			background-attachment: scroll;
			background-repeat: no-repeat;
			background-position: 45% 0%;
			background-size: 220% auto;
			}
		}
		
	@media screen and (max-width: 560px)
		{ .bg-svart
			{
			background: url(../bilder/bg/glasspinnefabriken_0908_svv_04_bg_1200px.jpg) transparent;
			background-attachment: scroll;
			background-repeat: no-repeat;
			background-position: 45% 0%;
			background-size: 280% auto;
			}
		}

.bg-svart-v2
	{
	position: absolute;
	background: url(../bilder/bg/glasspinnefabriken_0908_svv_04_bg_2400px.jpg) #000000;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 20% 0%;
	background-size: 120% 100vh;
	z-index: +2;
	}
	
	@media screen and (max-width: 2400px)
		{ .bg-svart-v2
			{
			background-position: 45% 0%;
			background-size: 150% 100vh;
			}	
		}	
	
	@media screen and (max-width: 1400px)
		{ .bg-svart-v2
			{
			background-position: 45% 0%;
			background-size: 180% 100vh;
			}	
		}
		
	@media screen and (max-width: 1200px)
		{ .bg-svart-v2
			{
			background-position: 50% 0%;
			background-size: 200% 100vh;
			}
		}

	@media screen and (max-width: 960px)
		{ .bg-svart-v2
			{
			background-position: 50% 0%;
			background-size: 260% auto;
			}
		}
		
	@media screen and (max-width: 740px)
		{ .bg-svart-v2
			{
			background-attachment: scroll;
			background-position: 45% 0%;
			background-size: 320% auto;
			}
		}
		
	@media screen and (max-width: 630px)
		{ .bg-svart-v2
			{
			background-repeat: no-repeat;
			background-position: 50% 0;
			background-size: 360% auto;
			}
		}			
		
	@media screen and (max-width: 560px)
		{ .bg-svart-v2
			{
			background-repeat: no-repeat;
			background-position: 50% 0;
			background-size: 560% auto;
			}
		}

.bg-svart-v3
	{
	background: url(../bilder/bg/glasspinnefabriken_0908_svv_04_bg_2400px.jpg) transparent;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 20% 0%;
	background-size: 200% auto;
	}
	
	@media screen and (max-width: 1400px)
		{ .bg-svart-v3
			{
			background: url(../bilder/bg/glasspinnefabriken_0908_svv_04_bg_2400px.jpg) transparent;
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-position: 40% 0%;
			background-size: 200% auto;
			}	
		}

	@media screen and (max-width: 960px)
		{ .bg-svart-v3
			{
			background: url(../bilder/bg/glasspinnefabriken_0908_svv_04_bg_2400px.jpg) transparent;
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-position: 45% 0%;
			background-size: 400% auto;
			}
		}
		
	@media screen and (max-width: 740px)
		{ .bg-svart-v3
			{
			background: url(../bilder/bg/glasspinnefabriken_0908_svv_04_bg_2400px.jpg) transparent;
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-position: 45% 0;
			background-size: 500% auto;
			}
		}
		
	@media screen and (max-width: 560px)
		{ .bg-svart-v3
			{
			background: url(../bilder/bg/glasspinnefabriken_0908_svv_04_bg_2400px.jpg) transparent;
			background-attachment: fixed;
			background-repeat: no-repeat;
			background-position: 45% 0%;
			background-size: 600% auto;
			}
		}		
		
.bg-svart-enhance
	{
	background: url(../bilder/bg/glasspinnefabriken_0908_svv_04_bg_2400px.jpg) #000000;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 20% 0%;
	background-size: 120% auto;
	}
	
	@media screen and (max-width: 1400px)
		{ .bg-svart-enhance
			{
			background: url(../bilder/bg/glasspinnefabriken_0908_svv_04_bg_2400px.jpg) #000000;
			background-attachment: scroll;
			background-repeat: no-repeat;
			background-position: 40% 0%;
			background-size: 170% auto;
			}	
		}