body {margin:0px; padding:0px; font:.8em verdana, arial, sans-serif; text-align:center; background-color: #a4131a; color: #000000; 

}

 *{margin:0; padding:0;}
 
a { color: #A55517; background-color: inherit; text-decoration: none;  } 
a:hover { color: #000000; background-color: inherit; text-decoration:underline overline;}

p { margin-top:0; margin-bottom:.5em; color:#000000;}


div#mainwrap {width:800px; margin-left:auto; margin-right:auto; text-align:left; border:1px solid #000000;




}

div#header_box {width: 800px; height:160px; background-color:#FFFFFF;  border-bottom:1px solid #000000;}

div#column2 p { margin:1em 20px;}

div#contentarea {width:800px; background-color:#CECFC7; }

div#menybox {width:800px; height:35px; background-color:#FFFFFF;  }

/* topmeny */

div#listmenu {
	width:100%; 	/* ger div-elementet full bredd */
	height:20px;
	float:left;		/* gör att div-elementet omsluter listan */
	border-top:1px solid #FFF;	/* skapar en linje i div-elementets övre kant */
	
	font-size:.9em;	/* ANGE TECKENSTORLEKEN HÄR */
	font-family: Georgia, verdana, arial;
	font-weight: bold; /*tjocklek text*/
	background-color:#FFFFFF; /* ger div-elementet färg */
	margin-top:8px; /* knuffar ner div-elementet en bit i webbläsarfönstret för att göra 
	det här exemplet tydligare */
	}
div#listmenu ul {margin:0 0 0 20px; /* drar in ul från behållarens kant */
/* border: 1px solid #FFFFFF; */
	}
div#listmenu li {
	float:left;	/* får listan att justeras vågrätt i stället för lodrätt */
	list-style-type:none;	/* tar bort punkterna för varje listpost */  
	background-color:#FFFFFF; /* anger bakgrunden för menyalternativen */
	border-right:1px solid #6A6359; /* skapar linjer som separerar */
	}
div#listmenu li:first-child {
	border-left:1px solid #6A6359; /* den första lodräta linjen på menyn */
	}
div#listmenu li:hover {
	background-color:#FFFFFF;
	}
div#listmenu a {
	padding:0 6px; /*skapar luft på varje sida om menyalternativen */   
	text-decoration:none;	/* tar bort understrykningen av länken */
	color:#6A6359;	/* anger teckenfärgen */
	}
div#listmenu a:hover {
	color:#CCCCCC; /* anger färgen på rollovereffekten för texten */
}
/* den vågräta menyn slutar här */
/* HACK-ZON - */
/* hack for IE (alla modeller) så att menyn får en lodrät linje längst ut till vänster */
	* html div#listmenu ul {
	float:left; /* får ul att omsluta alla li-elementen */
	border-left:1px solid #000; /* lägger till linjen längst ut till vänster i ul-elementet */
	margin-left:15px; /* IE fördubblar värdet som angivits */
	}
	* html a {display:block} /* får IE 5 och 5.5 att acceptera padding för länken */ 
	}
/* slut på hack-zon */
/* SLUT PÅ LISTBASERAD MENY */
 

div#column2 {width:800px; background-color:#FFFFFF; float:left;}
div#column2 h1{font-size:1.8em; font-variant:small-caps; margin-top:1em; font-family: Georgia,'comic sans MS', verdana, sans-serif; color:#6A6359;}
div#column2 h3{font-size:1.0em; font-variant:small-caps; margin-top:1em; Georgia, verdana, sans-serif; color:#6A6359;}
div#column2 h2{font-size:1.0em; font-variant:small-caps; font-style: italic; margin-top:.6em; Georgia,verdana, sans-serif; color:#868776;  }


div#column2 h4{font-size:1.4em; font-variant:small-caps; margin-top:1em; 'comic sans MS', Georgia,verdana, sans-serif; color:#6A6359;}
div#column2 h5{font-size:.8em; font-variant:small-caps; margin-top:1em; Georgia, verdana, sans-serif; color:#6A6359;}
#column2 h6 {color: #434343; background-color: #FFFFFF; font-family:  Georgia, Arial, Helvetica, sans-serif; font-style: italic;
font-size: 9pt; margin: 5px 0px 5px 0px; padding: 5px; border: 1px dotted #434343;}





div#column2 image{border:none;}

.box3
{ 
font-family:  Verdana, Helvetica, Arial, sans-serif;
scrollbar-base-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #920400;
color: #fff; 
font-weight: normal; 
font-size:.9em; color:#000000;
line-height: 140%;  
height: 390px; 
width: 788px; 
padding: 5px; 
overflow: auto} 

.tabell {
border-collapse: collapse;
border: 0px #C0C0C0; }
.lefttext {text-align:left;}
.centeredtext {text-align:center;}
.righttext {text-align:right;} 
.justifiedtext {text-align:justify;} 
.tabell td {
border: 0px solid #C0C0C0;
padding: 5px;}






/*** left column Half of width box left ***/
div.half-width-box-left {
	margin: 5px 5px 10px 20px;
	border: 1px dotted #434343;
	background-color:#FEF5F5;
	padding: 15px;
	width: 270px;
	float: left;
}
div.half-width-box-left {
	width: 270px;	
}
/*** left column Half of width box right ***/
div.half-width-box-right {
	margin: 5px 20px 10px 5px;
	border: 1px dotted #434343;
	background-color:#FEF5F5;
	padding: 15px;
	width: 270px;
	float: right;
}
div.half-width-box-right {
	width: 270px;	
}
/*** Picture inside the text ***/
.img-float-left {
	float: left;
	padding: 2px;
	margin-right: 5px;
	border: 2px solid #7D7D7D;
}
.img-float-right {
	float: right;
	padding: 2px;
	margin-left: 5px;
	border: 2px solid #7D7D7D;
}

/*** Clearing of a float ***/
div.clear {
	clear: both;
	width: 100%;
	height: 1px;
}




div#footer {width:800px; height:20px; background-color:#A11318; background-image: url(redfooter.jpg); border-top:1px solid #000000; text-align:center; padding-top:5px; }
div#footer p {margin:0; font-size:.8em; font-weight: bold; color: #FFF; /*tjocklek text*/}
div#footer a { padding: 5px 5px 0 5px; color: #CCCCCC; background-color: inherit;} 
div#footer a:hover {color:#FFFFFF; text-decoration:underline overline;}


/* här följer den briljanta "ingen-extra-kod"-metoden för friläggning (clearing) som 
uppfunnits av Tony Aslett - www.csscreator.com */
/* lägg helt enkelt till klassen clearfix till den behållare som måste omge flytande element */
/* läs mer om hur och varför detta fungerar på http://www.positioniseverything.net/easyclearing.html */ 
.clearfix:after {
    content: ".";              /* punkten placeras på sidan som sista objekt innan div-elementet avslutas */
	display: block;          /* inline-element reagerar inte på egenskapen clear */ 
    height: 0;                  /* ser till att punkten inte är synlig */
    clear: both;               /* får behållaren att frilägga punkten */
    visibility: hidden;	     /* försäkrar ytterligare att punkten inte är synlig */
}

.clearfix {display: inline-block;}   /* en fix för IE Mac */

/* härnäst en fix för den fruktade Guillotine-buggen i IE6 */
/* Gömmer för IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Slut på gömning för IE-mac */
/* slut på "ingen-extra-kod"-metoden för friläggning (clearing) */