/* huvuddokument */
body 
{
height: 100%;
background-image: url(images/bodybg.gif);
background-repeat: repeat-x;
background-attachment: fixed;		/* måste vara detta för att den ska följa med centreringen i FF */
background-position: top left;
background-color: #006BB6; 
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: center;			/* centrerar horisontellt i IE */
}


/* center box */
#center 
{
width: 600px; 
height: 400;
margin: 0 auto;				/* centrerar horisontellt i FF */
top: 10px;
padding: 0px;
background-image: url(images/centerbg.png);
background-repeat: no-repeat;
background-attachment: scroll;		/* måste vara detta för att den ska följa med centreringen i FF */
background-position: top left;
border: 0px solid #FFFFFF;
position: relative;
}

/* center box left, med flashvideo */
#center_left 
{
width: 336; 
height: 342;
top: 10px;
left: 10px;
padding: 0px;
/* background: transparent; */
border: 0px solid #FFFFFF;
position: absolute;
}

/* center box right, textinnehåll */
#center_right
{
text-align: left;
width: 244; 
height: 342;
top: 10px;
right: 10px;
padding: 0px;
/* background: transparent; */
border: 0px solid #FFFFFF;
position: absolute;
}





/* top */
#top 
{
width: 600px; 
height: 100px;
/* margin: 0px 0px 0px 0px; */
margin: 0 auto;				/* centrerar i FF */
padding: 0px;
background-image: url(images/toptext.png);
background-repeat: no-repeat;
background-attachment: scroll;		/* måste vara detta för att den ska följa med centreringen i FF */
background-position: top left;
border: 0px solid #FFFFFF;
position: static;
top: 0px;
}



/* vänstersidan */
#left
{
width: 100px; 
height: 500px; 
margin: 0px 0px 0px 0px;
padding: 0px;
background: transparent;
border: 0px solid #FFFFFF;
top: 20px;
left: 20px;
position: absolute;
}

/* högersidan */
#right 
{
width: 100px; 
height: 500px; 
margin: 0px 0px 0px 0px;
padding: 0px;
background: transparent;
border: 0px solid #FFFFFF;
top: 20px;
right: 20px;
position: absolute;
}




/*meny-tabell på högersidan*/
#righttable
{
margin: 0px 0px 0px 0px;
padding: 0px;
border:0px solid #000000;
width: 100%;
height: 100%;
cellspacing:0;
cellpadding:0;
}

/*meny-tabell på vänstersidan*/
#lefttable
{
margin: 0px 0px 0px 0px;
padding: 0px;
border:0px solid #000000;
width: 100%;
height: 100%;
cellspacing:0;
cellpadding:0;
}


/* inställningar för de olika bildbakgrunderna */
.smilla {background-image: url(images/smilla.png); background-repeat: no-repeat; background-attachment: scroll;	background-position: top right;}
.willy {background-image: url(images/willy.png); background-repeat: no-repeat; background-attachment: scroll;	background-position: top right;}
.krista {background-image: url(images/krista.png); background-repeat: no-repeat; background-attachment: scroll;	background-position: top right;}
.mathias {background-image: url(images/mathias.png); background-repeat: no-repeat; background-attachment: scroll;	background-position: top right;}
.mona {background-image: url(images/mona.png); background-repeat: no-repeat; background-attachment: scroll;	background-position: top right;}
.hk2text {background-image: url(images/hk2text.png); background-repeat: no-repeat; background-attachment: scroll;	background-position: top right;}
.primotext {background-image: url(images/primotext.png); background-repeat: no-repeat; background-attachment: scroll;	background-position: top left;}


/* generella inställningar */
p {margin: 0px 0px 0px 0px;}

a.menu:link {text-decoration: none; color: #999999}
a.menu:visited {text-decoration: none; color: #999999}
a.menu:hover {text-decoration: none; color: #666666}
a.menu:active {text-decoration: none; color: #999999}