/* BODY */

body	{							/* separat fil for ie5 */
		margin: 0px;
		padding: 0px;				/* opera satter padding */
		}

div.big#big	{						/* behovs ej + ger scroll i sidled ie5/mac */
		margin: 0px;				/* pos:absolute sabbar fixed-fixen i ie5/pc */
		padding: 0px;
		z-index: 1;
		}							/* anvands i cgi-album */

/* HEAD */

div.top#top	{						/* separat fil for ie5 */
		position: relative;
		position: fixed;
		top: 0px;
		right: 0px;
		left: 0px;
		height: 70px;
		margin: 0px;
		padding: 0px;
		text-align: left;
		z-index: 10;
		}							/* position top - default, nn6 */

div.head#head	{
		position: relative;
		top: 0px;
		right: 0px;
		left: 0px;
		height: 51px;
		z-index: 11;
		}							/* position head */


div.head a img#hemim	{
		vertical-align: middle;
		}							/* position hem (utanfor menubox) */


/* HEAD MENUBOX */

div.head div.menubox	{
		position: relative;
		top: 2px;
		bottom: 2px;
		left: 2px;
		width: 98%;
		height: 47px;
		margin: 0px;
		padding: 0px;
		z-index: 12;
		}

div.head div.menubox#headmenu .menu,			/* class for finns en span.menu ocksa */
div.head div.menubox#headmenu a#hem	{			/* separat fil for nn6, ie5 som ej fattar border i % */
		position:absolute;						/* doljs fran simple med id */
		top: 0px;
		height: 21px;
		margin: 0px 0px 1px 0px;
		border-width: 1px 0.5% 1px 0.5%;
		border-style: solid;
		text-align: center;
		vertical-align: bottom;
		z-index: 13;
		}

div.head div.menubox#headmenu a#hem	{
		left: 0px;
		width: 18%;
		height: 45px;
		margin: 0%;
		text-align: left;
		font-size: 35px;
		}

div.head div.menubox#headmenu a#what	{
		left: 19%;
		width: 10%;
		padding-top: 6px;						/* tillagg for osynlig platta */
		}

div.head div.menubox#headmenu a#how	{
		left: 30%;
		width: 10%;
		padding-top: 6px;						/* tillagg for osynlig platta */
		}

div.head div.menubox#headmenu a#where	{
		left: 41%;
		width: 10%;
		padding-top: 6px;						/* tillagg for osynlig platta */
		}

div.head div.menubox#headmenu a#why	{
		left: 52%;
		width: 10%;
		padding-top: 6px;						/* tillagg for osynlig platta */
		}

div.head div.menubox#headmenu a#who	{
		left: 63%;
		width: 10%;
		padding-top: 6px;						/* tillagg for osynlig platta */
		}

div.head div.menubox#headmenu a#when	{
		left: 74%;
		width: 10%;
		padding-top: 6px;						/* tillagg for osynlig platta */
		}

div.head div.menubox#headmenu span#nbsp	{
		left: 85%;
		width: 14%;
		padding-top: 6px;						/* tillagg for osynlig platta */
		}

div.head div.menubox#headmenu span#subplatta	{	/* separat fil for nn6, ie5 som ej fattar border i % */
		position: absolute;
		top: 24px;
		right: 0%;
		left: 19%;
		width: 80%;
		height: 21px;
		margin: 0px;
		border-width: 1px 0.5% 1px 0.5%;
		border-style: solid;
		text-align: left;
		vertical-align: middle;
		z-index: 14;
		}									/* synliga plattan dar submeny bor */

div.head div.menubox#headmenu span.headsub	{		/* separat fil for nn6, ie5 som ej fattar border i % */
		position: absolute;
		top: 24px;
		height: 21px;
		margin: 0px 0px 0px 3%;				/* tillagg for att fa den mitt under */
		padding-left: 1%;
		border-width: 1px 0.5% 1px 0.5%;
		border-style: solid;
		text-align: left;
		vertical-align: middle;
		font-weight: normal;
		font-size: 0.9em;
		visibility: hidden;
		z-index: 15;
		}									/* position submenu */

div.head div.menubox#headmenu span.headsub#whatsub	{
		left: 19%;
		}

div.head div.menubox#headmenu span.headsub#howsub	{
		left: 30%;
		}

div.head div.menubox#headmenu span.headsub#wheresub	{
		left: 41%;
		}

div.head div.menubox#headmenu span.headsub#whysub	{
		left: 52%;
		}

div.head div.menubox#headmenu span.headsub#whosub	{
		left: 63%;
		}

div.head div.menubox#headmenu span.headsub#whensub	{
		left: 74%;
		}

div.head div.menubox#headmenu span.headsub#nbspsub	{
		left: 85%;
		}

xdiv.head div.menubox#headmenu span.headsub a	{	/* behovs? */
		padding: 2px 0.5em 2px 0.5em;
		}								/* position textstrangen i submeny */

div.head div.menubox span.sub	{
		display: none;
		}								/* for att inte visa submenu (overallt) */


/* </HEAD MENUBOX> */


div.nav#nup	{
		position: relative;
		top: 0px;
		right: 0px;
		left: 0px;
		margin: 0px;
		padding: 3px 3px 3px 7px;
		border-width: 1px 0px 1px 0px;
		border-style: solid;
		z-index: 14;
		}								/* navremsan direkt under head */

span.nav#nright	{
		position: absolute;
		top: 0px;
		right: 20px;
		xleft: 60%;
		margin: 1px;
		text-align: right;
		z-index: 13;
		}								/* navremsan direkt under head */

span.nav#nright	a	{
		margin: 4px;
		padding: 0px;
		}								/* navremsan direkt under head */

div.nav#nup a img	{
		margin: 0px;
		padding: 0px;
		vertical-align: middle;
		}								/* navremsan direkt under head - icq */



/* MAIN */

/* explorer 5/mac och opera kraver relative middle! */
/* nn6 kraver fixed middle annars dšr lankarna i mitten (regerar pŒ bgpic) */
/* fixed funkar inte i ie5/pc */
/* overflow funkar (med fixed) i nn6/pc-mac */
/* overflow funkar (med relative) i ie5/mac */
/* overflow funkar inte i opera */
/* nn6: fixed/fixed/absolut funkar ej! */

   
div.middle#middle	{					/* separat fil for ie5/pc */
		position: absolute;
		top: 70px;
		right: 0px;
		bottom: 3em;
		left: 0px;
		text-align: left;
		vertical-align: middle;
		z-index: 2;
		}								/* position mittstycket - default */

div.margin#leftmarg	{					/* separat fil for nn6 */
		position: absolute;
		top: 0px;
		right: 86%;
		bottom: 3em;
		left: 0px;
		width: 14%;
		z-index: 4;
		}								/* position leftmargin - default */
		
div.margin#rightmarg	{				/* separat fil for nn6 */
		position: absolute;
		top: 80%;
		right: 0px;
		bottom: 3em;
		width: 7%;
		z-index: 4;
		}								/* position rightmargin - default */
		

/* MARGIN MENUBOX */

div.margin div.menubox	{
		position: absolute;
		width: 10em;
		margin: 0px;
		padding: 15px 0px 15px 0px;
		border-width: 1px;
		border-style: solid;
		z-index: 6;
		}								/* postion menubox - default*/

div.margin div.menubox a	{
		display: block;
		margin: 0px;
		padding: 1px 15px;
		}								/* position menubox */
		
div.margin div.menubox a:first-child	{
		font-size: 150%;
		}

div.margin div.menubox span.sub a:first-child	{
		font-size: 100%;
		}								/* kompensera tillbaka fontsize */

div.margin div.menubox span.sub span.sub a:first-child	{
		font-size: 100%;
		}								/* kompensera tillbaka fontsize */

div.margin div.menubox#outline	{		/* separat fil for nn6 */
		top: 3em;						/* ie fattar ej procent ... */
		left: 30%;
		}								/* postion menubox - default, ie5/pc */

div.margin div.menubox#inline	{
		top: 1em;
		left: 10px;
		}								/* position menubox */

div.margin div.menubox span.sub	{
		position: absolute;
		top: 7em;
		left: 1em;
		width: 10em;
		visibility: hidden;
		}								/* for att inte visa undermenu (overallt) */

div.margin div.menubox span.sub span.sub	{
		position: absolute;
		visibility: hidden;
		}								/* for att inte visa undermenu (overallt) */

/* </ MARGIN MENUBOX > */
		


div.main#main	{						/* separat fil for nn6, ie5/pc  */
		margin: 7% 7% 7% 14%;
		border-width: 1px;
		border-style: solid;
		z-index: 3;
		}								/* position main - default */

div.mainbig#mbig	{					/* separat fil for nn6, ie5/pc  */
		margin: 5px;
		border-width: 1px;
		border-style: solid;
		z-index: 3;
		}								/* position mainbig - default */

div.mainbig#album	{
		top: -10px;
		margin: 5px;
		padding-bottom: 30px;
		text-align: center;
		z-index: 3;
		}								/* position main - cgi-album */

div.content#content	{					/* separat scrollad fil for nn6, ie5/pc */
		padding: 10% 10% 10% 7em;
		z-index: 5;
		}								/* position content - default */

div.content#who	{						/* separat scrollad fil for nn6, ie5/pc */
		padding: 10% 150px 10% 7em;
		z-index: 5;
		}								/* position content, who - default */

div.content#intro	{					/* separat scrollad fil for nn6, ie5/pc */
		padding: 10% 20% 10% 10em;
		z-index: 5;
		}								/* position content, index-sidor - default */

div.content#inside	{					/* separat scrollad fil for nn6/mac-pc, ie5/pc */
		padding: 2em 10% 10% 12em;
		z-index: 5;
		}								/* position content, when (mbig) - default */



/* FOOT */

div.bottom#bottom	{					/* separat scrollad fil for ie5 fixed fix  */
		position: relative;
		position: fixed;
		right: 0px;
		bottom: -1px;
		left: 0px;
		height: 3.2em;
		margin: 0px;
		padding: 0px;
		text-align: left;
		vertical-align: bottom;
		z-index: 10;
		}								/* position foot - default, nn6 */

div.bottom#one	{						/* inte fixed sa ingen extrafik for ie5  */
		position: absolute;
		bottom: -1px;
		left: 0px;
		height: 1.6em;
		margin-left: 20px;
		text-align: left;
		vertical-align: bottom;
		z-index: 10;
		}								/* position foot - default */

div.nav#ndown	{
		}								/* navremsan direkt over foot */

div.foot {
		position: relative;
		right: 0px;
		bottom: -1px;
		left: 0px;
		margin: 0px;
		padding: 3px 3px 3px 7px;
		border-width: 1px 0px 0px 0px;
		border-width: 0px;				/* julspecial */
		border-style: solid;
		z-index: 11;
		}								/* position foot */

div.foot#one	{
		height: 1.6em;
		}								/* position foot */

div.foot#two	{
		height: 3.2em;
		}								/* position foot */

.stat	{								/* separat fil simple - hide */
		float: left;
		padding-top: 2px;
		padding-right: 5px;
		}								/* position nedstat */		


/* EXTRAS */

.hide	{	display: none;
		}								/* gom raknarna */

.pic	{								/* aven farg i body */
		margin: 5px;
		}								/* when-album, what-art */

.bildtext	{
		margin-right: 20%;
		margin-bottom: 50px;
		margin-left: 20%;
		}								/* album - when o what */

dt	{	margin-top: 1em;
		}								/* netiquetten + farg + font - how */


/* ERROR DOC */

body.global #content	{
		position: relative;
		top: 30px;
		left: 30px;
		width: 250px;
		z-index: 5;
		}

body.global #bottom	{
		position: relative;
		position: fixed;
		right: 0px;
		bottom: -1px;
		left: 0px;
		height: 3.2em;
		margin: 0px;
		padding: 0px;
		text-align: right;
		vertical-align: bottom;
		z-index: 10;
		}

/* Xmax */

#bells {
	position: absolute;
	margin-top: 70px;
	width: 100%;
	height: 36px;
	text-align: center;
	z-index: 3;
	}