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

}

 *{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:#6A6359;}


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

div#header_box {width: 800px; height:160px; border-bottom:1px solid #000;}

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 #FFFFFF;	/* skapar en linje i div-elementets övre kant */
	border-bottom:1px solid #FFFFFF;	 /* skapar en linje i div-elementets nedre 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.6em; 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.1em; font-variant:small-caps; margin-top:1em; Georgia,verdana, sans-serif; color:#6A6359;}
div#column2 p.specialtext {font:.7em verdana;}


#box1 {width: 200px; padding: 5px; float: left;}
.box3
{ 
font-family: Verdana, Helvetica, Arial, sans-serif;
scrollbar-base-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #920400;

color: #C0C0C0; 
font-weight: normal; 
font-size:.9em; color:#000000;
line-height: 140%; 
height: 390px; 
width: 540px; 
padding: 5px; 

overflow: auto

}

#box2 {
background-color: #FFFFFF;
width: 360px; padding: 10px;
margin-right: auto; margin-left: auto; text-align: left;}
div.img
 	      {
 margin: 2px;
 border: 1px solid #0000ff;
 height: auto;
 width: auto;
 float: left;
 text-align: center;
 } 
 div.img img
 {
 display: inline;
 margin: 3px;
 border: 1px solid #ffffff;
 }
 div.img a:hover img {border: 1px solid #0000ff;}
 div.desc
 {
 text-align: center;
 font-weight: normal;
 width: 120px;
 margin: 2px;
 }


div#footer {width:800px; height:20px; background-color:#FFF; 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: #FFFFFF; /*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) */