/* Grundelement */

body {
background: #000000 url(../bilder/bg/grunge_horn_v2.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position : 100% 100%;
text-align: center;
margin: 0 0 16px 0; }

img { margin: 0; }

#arbetsyta {
	border: 1px solid #000000;
width: 822px;
text-align: center;
margin: 0 auto 0 auto; }

#arbetsytahel {
width: 100%;
text-align: center;
margin: 0 auto 0 auto; }

#huvud {
text-align: left;
margin: 0 0 24px 0; }

	#huvud p {
	font: 12px helvetica, arial, sans-serif;
	color: #666666;
	margin: 0; }

#huvudalbum {
text-align: left;
margin: 24px 0 64px 16px; }

#fot {
text-align: left;
margin: 36px 0 0 0; }

/* navigering */

/* album bg */

.albumbg1 { background: #000000 url(../bilder/bg/albumetta_v3.gif); }

.albumbg2 { background: #000000 url(../bilder/bg/albumetta_v4.gif); }

/* album bord */

.albumtnbord {
width: 822px;
text-align: left;
margin: 0 0 42px 0; }

.album-tn-mf-bord {
width: 822px;
text-align: left;
margin: 0 0 42px 0; }

.album-mf-bord {
width: 822px;
text-align: left;
margin: 0 0 42px 0; }

/* album tn */

.albumtn {
background: #000000 url(../bilder/bg/albumetta_v3.gif);
width: 244px;
height: 244px;
margin: 0 32px 0 0; }

.albumtn-2 {
background: #000000 url(../bilder/bg/albumetta_v3.gif);
width: 246px;
height: 246px;
margin: 0 32px 0 0; }

.albumtn2 {
background: #000000 url(../bilder/bg/albumetta_v4.gif);
width: 244px;
height: 244px;
margin: 0 32px 0 0; }

.albumtn2-2 {
background: #000000 url(../bilder/bg/albumetta_v4.gif);
width: 246px;
height: 246px;
margin: 0 32px 0 0; }

.albumtntom {
width: 244px;
height: 244px;
margin: 0 32px 0 0; }

.album-tn-mf {
background: #000000 url(../bilder/bg/albumetta_v3.gif);
width: 180px;
height: 180px;
margin: 0; }

.albumtnstart {
background: #000000 url(../bilder/bg/albumetta_v3.gif);
width: 244px;
height: 244px;
margin: 0 32px 16px 0; }

.albumtnstart2 {
background: #000000 url(../bilder/bg/albumetta_v4.gif);
width: 244px;
height: 244px;
margin: 0 32px 16px 0; }

.albumtnstarttom {
width: 244px;
height: 244px;
margin: 0 32px 16px 0; }

.albumtntext {
text-align: left;
margin: 0; }

/* album bilder */

.albumbildliggande {
width: 504px;
margin: 0; }

.albumbildstaende {
width: 337px;
margin: 0; }

.album-mf {
width: 504px;
margin: 0; }

/* album bilder stora BORT EFTER MOD */

.albumstor { margin: 24px 0 0 0; }

.albumstorliggande {
text-align: center;
width: 1024px;
margin: 24px auto 0 auto; }

.albumstorstaende {
text-align: center;
width: 681px;
margin: 24px auto 0 auto; }

/* navigering bilder */

.navigering {
width: 30px;
height: 30px;
text-align: left; }

ul {
padding: 0;
margin: 0;
text-align: left; }

li {
list-style: none;
padding: 0;
margin: 0;
text-align: center; }

.navigering li a {
display: block;
border: 1px solid #000000;
background: #000000 url(../bilder/bg/albumetta_v3.gif);
width: 30px;
height: 30px; 
font: 18px helvetica, arial, sans-serif;
font weight: bold;
color: #009900;
text-decoration: none;
margin: 0;
padding: 0; }

.navigering li a:hover {
border: 1px dotted #00cc33; }

/* Blandat */

.rubrik {
text-align: center;
margin: 0 0 24px 0; }

.rubrikmellan {
text-align: left;
margin: 0 0 16px 0; }

.rubriktext {
text-align: left;
margin: 0 0 2px 0; }

.tillbaka {
text-align: left;
margin: 0; }

.infotext {
text-align: left;
margin: 0 0 36px 0; }

.infotextinfo { padding: 0; }

/* inforutor */

.inforuta {
background: #000000 url(../bilder/bg/albumetta_v4.gif);
background-repeat: repeat;
width: 365px;
text-align: left;
float: right;
margin: 0 16px 16px 16px; }

.inforuta200px {
background: #000000 url(../bilder/bg/albumetta_v4.gif);
background-repeat: repeat;
width: 200px;
text-align: left;
float: right;
margin: 0 0 16px 16px; }

.inforuta250px {
background: #000000 url(../bilder/bg/albumetta_v4.gif);
background-repeat: repeat;
width: 250px;
text-align: left;
float: right;
margin: 0 0 16px 16px; }

.inforuta300px {
background: #000000 url(../bilder/bg/albumetta_v4.gif);
background-repeat: repeat;
width: 300px;
text-align: left;
float: right;
margin: 0 0 16px 16px; }

.inforutainfo { padding: 8px 8px 8px 10px; }

/* Linjer */

.linje {
text-align: left;
margin: 32px 0 32px 0; }

.linje1 {
text-align: left;
margin: 28px 0 22px 0; }

.linje2 {
text-align: left;
margin: 18px 0 18px 0; }

.linje3 {
text-align: left;
margin: 12px 0 12px 0; }

.linjefot {
text-align: left;
margin: 0 0 4px 0; }