body
	{
	/*
	background: #ffffff url(../bilder/grunge/bg_horn_svart.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 100% 100%;
	*/
	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 6em 0;
	width: 100%;
	}

img { margin: 0; }

	.omo img
		{
		border: 1px solid transparent;
		}

	.omo:hover img
		{
		border: 1px dotted #009900;
		background: transparent;
		}

#arbetsyta-xx
	{
	display: block;	
	width: 90%;										/* arbetsyta bredd */
	text-align: center;
	margin: 0 auto;
	padding: 9.8em 0 0 0;
	}

#huvud-xx
	{
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	text-align: left;
	float: left;
	margin: 0;
	}
	
#huvud-xx-nav							
	{
	display: block;	
	width: 100%;
	height: 67px;
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 0;
	}
	
	#album-nav-bord-v2-nav
		{
		float: right;
		margin: 0;
		}
	
#huvud-xx-innehall
	{
	width: 300px;
	float: left;
	position: absolute;
	}

	#huvud-xx-innehall p
		{
		font-family: roboto, helvetica, arial, sans-serif;
		font-size: 15px;
		font-weight: 500;
		letter-spacing: auto;
		color: #000000;
		margin: 0;
		padding: 0;
		}
		
	#huvud-xx a { color: #009900; text-decoration: none; }
	#huvud-xx a:hover { color: #00cc33; text-decoration: none; }
	
/* logo */
	
#logo-xx
	{
	display: block;
	position: absolute;
	float: left;
	z-index: +1;
	}

.logo-xx-linje-1
	{
	display: block;
	float: left;
	width: 288px;
	height: 3px;
	background: url(../bilder/grunge/grunge_svart_mindre.gif);
	background-repeat: no-repeat;
	background-position: -95px -46px;
	margin: -2px 0 3px 0;
	}

.logo-xx-linje-2
	{
	display: block;
	float: left;
	width: 310px;
	height: 4px;
	background: url(../bilder/grunge/grunge_svart_mindre.gif);
	background-repeat: no-repeat;
	background-attachment: ;
	background-position: -85px -106px;
	margin: 2px 0 3px 0;
	}
	
.logo-xx-linje-3
	{
	display: block;
	float: left;
	width: 295px;
	height: 4px;
	background: url(../bilder/grunge/grunge_svart_mindre.gif);
	background-repeat: no-repeat;
	background-attachment: ;
	background-position: -63px -126px;
	margin: 1px 0 1px 0;
	}

/* intro */

.intro-bild-xx-kvadrat
	{
	width: 100%;
	max-width: 1000px;
	height: auto;
	margin: 0.6em 0 2em 0;
	padding: 0;
	}
		
.intro-bild-xx-liggande
	{
	width: 100%;
	max-width: 900px;
	height: auto;
	margin: 0.6em 0 3em 0;
	padding: 0;
	}

/* album */

.album-xx-bord
	{
	display: block;
	width: 100%;
	height: auto;
	float: left;
	top: 0.4em;
	text-align: center;
	margin: 0 auto 2.4em auto;
	padding: 0;
	}
	
.album-xx-bord-innehall
	{
	}

/* bilder */

.album-xx-tn
	{
	display: inline-block;
	/* width: 40%;
	max-width: 400px */
	min-width: 240px;
	height: auto;
	margin: 1%;
	padding: 0;
	}		
	
	.album-xx-tn-a3p
		{
		display: inline-block;
		/* width: 44%;
		max-width: 440px;*/
		min-width: 240px;
		height: auto;
		margin: 1%;
		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 0 -4px 0;
	padding: 0;
	}
	
.album-xx-tn-bild-kvadrat
	{
	position: absolute;
	top: 14%;
	left: 6.9%;
	max-width: 86%;
	height: auto;
	padding: 0;
	margin: 0 0 0 -1px;
	}
	
.album-xx-tn-bild-staende
	{
	position: absolute;
	top: 14%;
	left: 15.5%;
	max-width: 68%;
	max-height: 99.4%;
	padding: 0;
	margin: 0;
	}
	
.album-xx-tn-bild-liggande
	{
	position: absolute;
	top: 18%;
	left: 6.9%;
	max-width: 86%;
	height: auto;
	padding: 0;
	margin: 0 0 0 -1px;
	}
	
/* snapshots */

.album-xx-tn-ss
	{
	display: inline-block;
	min-width: 240px;
	height: auto;
	margin: 1%;
	padding: 0;
	}
	
.album-xx-tn-ss-div
	{
	position: relative;
	text-align: center;
	margin: 0 0 0.4em 0;
	padding: 0;
	}
	
.album-xx-tn-ss-div img
	{
	width: 100%;
	height: auto;
	margin: 0 0 -2px 0;
	padding: 0;
	}

.album-xx-tn-ss-bild-liggande
	{
	position: absolute;
	top: 13%;
	left: 3%;
	max-width: 94%;
	height: auto;
	padding: 0;
	margin: 0 0 0 -1px;
	}

/* bildtexter */	
	
.album-xx-tn-bildtext
	{
	width: 99%;
	height: 140px;
	float: left;
	text-align: left;
	margin: 0.6em 0 0 0;
	padding: 0 0 0 0.8em;
	}
	
	.album-xx-tn-bildtext p
		{
		font-family: roboto mono, helvetica, arial, sans-serif;
		font-size: 0.9em;
		font-weight: 300;
		line-height: 1.4em;
		color: #000000;
		margin: 0;
		padding: 0;
		}	
		
	.album-xx-tn-bildtext h3
		{
		font-family: roboto mono, helvetica, arial, sans-serif;
		font-size: 0.9em;
		font-weight: 500;
		line-height: auto;
		color: #000000;
		margin: 0 0 0.8em 0;
		padding: 0;
		}	
		
.album-xx-tn-bildtext-deal
	{
	display: block;
	width: 100%;
	float: left;
	text-align: left;
	margin-top: 0.8em;
	padding: 0;
	}

	.album-xx-tn-bildtext-deal p
		{
		font-family: roboto mono, helvetica, arial, sans-serif;
		font-size: 0.7em;
		font-weight: 400;
		line-height: auto;
		color: #000000;
		margin: 0;
		padding: 0;
		}
	
/* text */

.text-xx
	{
	position: relative;
	width: 100%;
	float: left;
	text-align: left;
	margin: 0 0 0.6em 0;	
	}
	
.text-xx-stycke
	{
	width: 100%;
	float: left;
	text-align: left;
	margin: 0 0 1em 0;	
	}
	
	.c
		{
		text-align: center;
		}

.text-xx-stycke-print
	{
	border-top: 1px dotted #000000;
	width: 100%;
	float: left;
	margin: 0 0 1em 0;
	padding-top: 0.7em; 
	}

.text-xx-stycke-print-deal
	{
	display: inline-block;
	width: 100%;
	margin-bottom: 0.6em;
	padding-bottom: 0.7em;
	border-bottom: 1px dotted #000000;
	}
		
/* infotext */

.infotext-xx
	{
	display: block;
	max-width: 1360px;
	position: relative;
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 0;
	}

	.infotext-xx-info
		{
		padding: 0;
		}
		
	.infotext-xx-artikel
		{
		width: 100%;
		float: left;
		margin: 0 0 1.6em 0;
		padding: 0;
		}
		
	.infotext-xx p
		{
		font-family: roboto mono, helvetica, arial, sans-serif;
		font-size: 0.9em;
		font-weight: 300;
		line-height: 1.4em;
		color: #000000;
		margin: 0;
		padding: 0;
		}
		
	.infotext-xx h3
		{
		font-family: roboto mono, helvetica, arial, sans-serif;
		font-size: 1.4em;
		font-weight: 500;
		line-height: 1.3em;
		color: #000000;
		margin: 0 0 1em 0;
		padding: 0;
		}
	
	.infotext-xx h4
		{
		font-family: roboto mono, helvetica, arial, sans-serif;
		font-size: 0.9em;
		font-weight: 500;
		line-height: 1.3em;
		color: #000000;
		margin: 0;
		padding: 0;
		}
		
	.infotext-xx a
		{
		color: #009900;
		font-weight: 400;
		text-decoration: none;
		}
		
	.infotext-xx a:hover	
		{
		color: #00cc33;
		font-weight: 400;
		text-decoration: none;
		}
		
/* inforuta */

.infotext
	{
	display: table;
	max-width: 1360px;
	position: relative;
	text-align: left;
	margin: 0 auto 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% 80%;
	width: 100%;
	text-align: left;
	float: left;
	margin: 1em 0 2em 0;
	}
	
.inforuta-xx
	{
	border: 1px dotted #000000;
	display: block;
	/* background: #ffffff; */
	/* background: #ededed *url(../bilder/grunge/bg_horn_ljusgra.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;*/
	width: 100%;
	float: left;
	text-align: left;
	margin: 1em 0 2em 0;
	padding: 0;
	}
		
	.inforuta-xx-2
		{
		float: left;
		padding: 0.6em 0 0 0.9em;
		}
		
.inforuta-xx-tech
	{
	width: 100%;
	float: left;
	margin: 0 0 0.5em 0;
	}
		
.inforuta-xx-tech-spec
	{
	display: block;
	float: left;
	margin: 0 1.6em 0.4em 0;
	padding: 0;
	}
	
.inforuta-xx-tech-ikon
	{
	position: relative;
	top: 0.24em;
	margin-right: 0.28em;
	}
		
/* rubriker */

.rubrik-xx
	{
	display: block;
	float: left;
	text-align: center;
	width: 100%;
	height: auto;
	margin: 0 0 2.4em 0;
	padding: 0;
	}
	
.rubrik-xx-innehall
	{
	margin: 0;
	padding: 0;
	}

.rubrik-xx-h1
	{
	display: block;
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 0.8em 0;
	padding: 0;
	}
	
	.rubrik-xx-h1 h1
		{
		font-family: roboto mono, helvetica, arial, sans-serif;
		font-size: 3em;
		font-weight: 700;
		line-height: auto;
		letter-spacing: 0.025em;
		color: #000000;
		margin: 0;
		padding: 0;
		}
	
.rubrik-xx-h2
	{
	display: block;
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
	}
	
	.rubrik-xx-h2 h2
		{
		font-family: roboto mono, helvetica, arial, sans-serif;
		font-size: 1.8em;
		font-weight: 500;
		font-style: normal;
		line-height: auto;
		letter-spacing: 0.01em;
		color: #000000;
		margin: 0;
		padding: 0;
		}
		
.rubrik-xx-h3
	{
	display: block;
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	}
	
.rubrik-xx-h3 h3
	{
	font-family: roboto mono, helvetica, arial, sans-serif;
	font-size: 1.4em;
	font-weight: 500;
	line-height: auto;
	letter-spacing: normal;
	color: #000000;
	margin: 0;
	padding: 0;
	}
	
/* undernav */

.undernav-xx
	{
	display: block;
	width: 100%;
	float: left;
	text-align: center;
	margin: 0;
	}
	
.undernav-xx-info
	{
	display: block;
	max-width: 1200px;
	position: relative;
	top: -0.8em;
	text-align: center;
	margin: 0 auto -0.4em auto;
	}
	
.undernav-xx-pil
	{
	display: table;
	width: 100%;
	position: relative;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0;
	}
	
.undernav-xx-lank
	{
	display: inline-block;
	margin: 0 1.2em 0 0;
	padding: 0;
	}

	.undernav-xx-lank a
		{
		font-family: roboto mono, helvetica, arial, sans-serif;
		font-size: 1em;
		font-weight: 500;
		letter-spacing: auto;
		margin: 0;
		}
			
	.undernav-xx-lank p
		{
		font-family: roboto mono, helvetica, arial, sans-serif;
		font-size: 1em;
		font-weight: 500;
		letter-spacing: auto;
		margin: 0;
		}
		
/* fot */

.fot-xx-bord
	{
	display: table;
	width: 100%;
	margin: 2em 0 0 0;
	padding: 0;
	}
	
.fot-xx-innehall
	{
	display: table-cell;
	margin: 0;
	padding: 0;
	}
	
	.fot-xx-innehall p
		{
		font-family: roboto mono, helvetica, arial, sans-serif;
		font-size: 0.8em;
		font-weight: 500;
		letter-spacing: auto;
		color: #000000;
		margin: 0;
		padding: 0;
		}
		
/* länkar */

a { color: #009900; text-decoration: none; }
a:hover { color: #00cc33; text-decoration: none; }

/* linjer */
	
.linje-xx-xx-1
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_gra_745px_01.gif);
	background-repeat: no-repeat;
	background-attachment: ;
	background-position: 50% 0;
	width: 100%;
	height: 10px;
	margin: 0.8em 0 0.8em 0;
	}
	
.linje-xx-2
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_svart_745px_02.gif);
	background-repeat: no-repeat;
	background-attachment: ;
	background-position: 50% 0;
	width: 100%;
	height: 10px;
	margin: 0.8em 0 0.8em 0;
	}
	
.linje-xx-3
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_gra_631px.gif);
	background-repeat: no-repeat;
	background-attachment: ;
	background-position: 50% 0;
	width: 100%;
	height: 10px;
	margin: 0.8em 0 0.8em 0;
	}
	
.linje-xx-v-1
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_svart_745px_02.gif);
	background-repeat: no-repeat;
	background-attachment: ;
	background-position: 0 0;
	width: 100%;
	height: 10px;
	margin: 1.2em 0 1.8em 0;
	}
	
	.linje-xx-v-2
		{
		display: block;
		float: left;
		background: url(../bilder/grunge/linje_svart_745px_02.gif);
		background-repeat: no-repeat;
		background-attachment: ;
		background-position: -25% 0;
		width: 100%;
		height: 10px;
		margin: 1.2em 0 1.8em 0;
		}
		
	.linje-xx-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;
		width: 100%;
		height: 10px;
		margin: 1.2em 0 1.8em 0;
		}
		
	.linje-xx-v-3
		{
		display: block;
		float: left;
		background: url(../bilder/grunge/linje_svart_745px_02.gif);
		background-repeat: no-repeat;
		background-attachment: ;
		background-position: -45% 0;
		width: 100%;
		height: 10px;
		margin: 1.2em 0 1.8em 0;
		}
		
	.linje-xx-v-4
		{
		display: block;
		float: left;
		background: url(../bilder/grunge/linje_svart_745px_02.gif);
		background-repeat: no-repeat;
		background-attachment: ;
		background-position: 0 0;
		width: 100%;
		height: 10px;
		margin: 1.2em 0 1.8em 0;
		}
		
	.linje-xx-v-5
		{
		display: block;
		float: left;
		background: url(../bilder/grunge/linje_svart_halvfet_872px.gif);
		background-repeat: no-repeat;
		background-attachment: ;
		background-position: -50px 0;
		width: 100%;
		height: 10px;
		margin: 1.2em 0 1.8em 0;
		}
		
.linje-xx-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;
	width: 100%;
	height: 10px;
	margin: 0.8em 0 0.8em 0;
	}
	
.linje-xx-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;
	width: 100%;
	height: 10px;
	margin: 0.8em 0 0.8em 0;
	}
	
.linje-xx-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;
	width: 100%;
	height: 10px;
	margin: 0.8em 0 1.2em 0;
	}
		
.linje-xx-fet-4
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_svart_631px.gif);
	background-repeat: no-repeat;
	background-attachment: ;
	background-position: 50% 0;
	width: 100%;
	height: 10px;
	margin: 0.8em 0 1.2em 0;
	}

.linje-xx-fot
	{
	display: block;
	float: left;
	background: url(../bilder/grunge/linje_gra_halvfet_872px.gif);
	background-repeat: no-repeat;
	background-attachment: ;
	background-position: 50% 0;
	width: 100%;
	height: 10px;
	margin: 0 0 0.2em 0;
	}
	
.linje-xx-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;
	width: 100%;
	height: 10px;
	margin: 0 0 0.2em 0;
	}

	
/* ikoner */
	
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-56 { font-size: 56px; }
.material-icons.md-64 { font-size: 64px; }
.material-icons.md-128 { font-size: 128px; }

.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }