/* td {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: small; color: #ffffff;} */
/* p {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: small; color: #ffffff;} */
/* li {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: small; color: #ffffff;} */

.img_intro {border: 5px #000000 solid;}

.text_uppdaterad {font-size: smaller; font-style: italic;}

.radtext {width:40em;}



body
{
	margin: 0;					/*ett värde gäller för alla riktningar, annars anges: top right bottom left */
	padding: 0;
	font: 1em/130% arial, hevetica, sans-serif;	/* generell storlek på all text inom body */
	text-align: center;				/* centrerar innehållet, d.v.s. den efterföljande containern */
	color: white;					/* sätter allmän textfärg */
	background-color: #404040;
	font-family: Arial, Verdana, Helvetica, sans-serif; color: #ffffff;
}

a:link { color: #dd7744; }				/* diverse generella stilar */
a:visited { color: #993300; }
	
a:hover, a:active
{
	color: #ffffff;
	background-color: #bb5522;
}

hr {border: 0; color: #000000; background-color: #000000; height: 0.2em;}

p.indented					/* p med indentering men utan mellanrum mellan stycken, använd <p class="indented">xxx</p>*/
{ 
	margin: 0px;
	padding: 0px;   
	text-indent: 1em; 
} 

h1 { line-height: 130%; color: #bb5522; }
h2 { line-height: 130%; color: #bb5522; }
h3 { line-height: 130%; color: #bb5522; }
h4 { line-height: 130%; color: #bb5522; }
h5 { line-height: 130%; color: #bb5522; }

#container-body					/* container för body */
{
	margin: 0;				/* automatiska marginaler för centreringen */
	width: 100%;				/* 100% bredd för att ha hela sidans bredd vid behov */
	text-align: center;			/* centrerar efterföljande containrar, d.v.s. container-menu/-main/-foot */
	background-color: #404040;
}

#container-menu					/* container för bredd och centrering av menyn */
{
	margin: auto;
	height: auto;
	width: 60em;				/* bredd på menyn */
	text-align: left;			/* återställer vänsterjustering för innehållet i menyn */
}

#menu						/* container för själva menyns innehåll */
{
	margin: 0.5em 0 0 0;
	height: 3.125em;			/* samma höjd som logo-bilden */
	font: bold 0.6em/3.125em arial, hevetica, sans-serif;
	color: white;
	background-color: black;
	border: 0.2em solid black;
	vertical-align: middle;
}

#menu ul					/* ul i menyn */
{
	margin: 0 0 0 0em;
	padding: 0;
	list-style-type: none;			/* ta bort prickar från listan */
	border-left: 0.1em solid #000000;	/* vänsterkant */
}

#menu li					/* li i menyn */
{
	display: inline;			/* placera listelement i rad istället för under varandra */
	padding: 0 0.5em 0 0.5em;		/* högerpadding mellan listelement */
	border-right: 0.1em solid #777777;	/* högerkant */
}
	
#menu li a
{
	text-decoration: none;
	color: #ffffff;
}
	
#menu li a:hover
{
	text-decoration: none;
	color: #000000;
	background-color: #bb5522;
}



#container-main					/* container för bredd och centrering av huvudinnehållet */
{
	margin: auto;
	width: 60em;				/* bredd på huvudinnehållet */
	text-align: left;			/* återställer vänsterjustering för huvudinnehållet */
}

#main						/* container för själva huvudinnehållet */
{
	margin: 0.5em 0 0 0;
	padding: 0 1em 0 1em;
	background-color: #303030;
	border: 0.2em solid black;
}

#main img
{
	border: 0.2em solid black;
}

#main img.full
{
	width: 50em;			/* 640px = 40em vid 1em fontstorlek, med img i <p caption> d.v.s. 80% blir det 40/0,8=50em för 640px */
	max-width: 640px;
}

#main h1 {} /* styles any <h1> in the container */
#main ul {} /* styles any <ul> in the container */
#main ul li {} /* styles any <li> in the container */
#main a {} /* styles any <a> in the container */
#main li a:link {} /* styles any <a> within an <li> in the container */

#mainhome					/* container för förstasidans själva huvudinnehåll */
{
	margin: 0.5em 0 0 0;
	padding: 0 1em 0 1em;
	background-color: #303030;
	border: 0.2em solid black;
}

#mainhome img
{
	border: 0em;
}

#container-foot					/* container för bredd och centrering av sidfoten */
{
	margin: auto;
	width: 60em;				/* bredd på sidfoten */
	text-align: left;			/* återställer vänsterjustering för innehållet i sidfoten */
}

#foot						/* container för själva sidfotens innehåll */
{
	margin: 0.5em 0 0.5em 0;
	padding: 0 1em 0 1em;
	height: auto;
	background-color: #303030;
	border: 0.33em solid black;		/* 0.2em/60%=0,33em */
	font-size: 60%;
}

.imgfloatright50
{
	float: right;
	width: 50%;
	max-width: 640px;
	border: 0.2em solid black;
	margin: 0 0 1em 1em;
}

.caption
{
	font-size: 80%;
	font-style: italic;
}

.hidden
{
	display: none;
}