body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#E1E1E1;
	line-height:150%;
	padding-bottom:50px;
}

/*Nollställer marginaler och padding för samtliga läsare*/
*
{
	margin:0;
	padding:0;
}

/*Tar bort alla ramar från bilder generellt*/
img
{
	border:none;
}

/*Rubrikinställningar*/
h1, h2, h3, h4, h5 {color:#7a1814; font-family: Georgia, Arial, Verdana, sans-serif; margin-bottom:.4em;}
h1 {font-size:1.4em;}
h2 {font-size:1.0em;}
h3 {font-size:.9em;}
h4 {font-size:.8em;}
h5 {font-size:.8em; font-style:italic;}

p 
{
margin-bottom:.8em;
font-size:.8em;
}

/*Anger maximal sidbredd*/

#sida_adsense {
	width:940px;
}

.google_adsense {
	width:200px;
	float:right;
	margin-top:230px;
}

#sida
{
	width:660px;
	background-color:#ffffff;
	margin-left:50px;
	margin-top:50px;
	margin-bottom:50px;
	border-style:solid;
	border-color:#000000;
	border-width:1px;
	float: left;
	
}
/*Huvudmeny */

.huvudmeny
{
	width:660px;
	height:143px;
	border-bottom: 1px solid #000000;
	font-size:.75em;
	background-color:#7a1814;
	margin-bottom:25px;
}

.huvudmeny ul
{
	list-style-type: none;
	margin: 0;
	padding-left:25px;
}

.huvudmeny li { display: inline; }

.huvudmeny li a
{
	text-decoration: none;
	margin-left: 5px;
	padding: 5px 10px;
	color:#FFFFFF;
}

.huvudmeny li a:hover
{
	background-color:#93AD6B;
}

.huvudmeny img
{
	float:left;
}

/*Positionerar datumet*/
.tid
{
	/*text-align:right;*/
	float:right;
	color:#93AD6B;	
	margin-right:10px;
}

/*Presentation av runstenar*/
.runsten
{
	clear:both;
	margin-bottom:10px;
	float:left;
	width:600px;

}

.runsten img
{
	float:left;
	border:1px #333333 solid;
	padding:5px;
	margin-right:10px;
}

/*En enda kolumn*/
.column_all
{
	width:600px;
	margin:0px 25px;
	float:left;
}

/*Vänstra kolumnen*/
.column_one
{
	width:298px;
	float: left;
	margin: 0px 25px;
}

/*Högra kolumnen med bilder och fakta*/
.column_two
{
	width:262px;
	float: left;
	font-size:0.8em;
	margin: 0px 25px;
	line-height:125%;
}

.column_two img
{
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	background:#FFFFFF;
	padding:5px;
	clear:both;
	margin:0px;
}

/*Sidfot*/
#sidfot
{
	font-size:0.8em;
	width:100%;
	clear:both;
	text-align:center;
	padding-top: 10px;
	border-top-style:solid;
	border-top-color:#333333;
	border-top-width:1px;
	margin-top:25px;
	float: left;
}

#sidfot p
{
	margin:1px;
}


/*This CSS-koden nedan bygger principiellt på ett exempel som presenteras i boken Stylin with CSS */

div#content div.clearfix {margin-top: 3px;} /* skapar mellanrum mellan formulärets olika rader */
div#content form label /* stylar label-elementen. Värdena är exempel och kan ändras efter önskemål. */
{
	width:120px; 
	float:left; 
	margin-left: 3px;
	font-size: .8em;
} 

div#content ul
{
	margin-left:20px;
	font-size:.8em;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	content: ".";		/* the period is placed on the page as the last thing before the div closes */
	display: block;		/* inline elements don't respond to the clear property */ 
	height: 0;			/* ensure the period is not visible */
	clear: both;		/* make the container clear the period */
	visibility: hidden; /* further ensures the period is not visible */
}

.clearfix 
{
	display: inline-block; /* a fix for IE Mac */
}   

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/*Anger utseende på felmeddelanden*/
.fel_form
{
	color:#FF0000;
}