/* -- Reset -- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* -- Vanliga stilformat -- */
p { margin:0 0 1em 0; }
a.title { text-decoration:none; cursor:pointer; }
h1 { padding:0; margin:0 0 0 25px; float:left; display:inline; }
h2 { color:#666; margin:0 0 10px 0; font-weight:normal; font-size:2em; }
h3 { margin: 1em 0 0.3em 0; font-size:1em; font-weight:bold; }
h4 { margin: 1em 0 0.3em 0; font-size:1em; font-weight:bold; color:red; }
ul { margin:1em 0; list-style:square; }
a { color:#8aa1b3; text-decoration:none; }
a:hover { color:#8aa1b3; text-decoration:underline; }

/* -- Huvudtaggar som styr bakgrund och placering av innehållet på sidan -- */
body { background:#e4ebf1 url(images/bg2.gif) repeat-x top center; width:100%; height:100%; padding:0 0 10px 0; font-size:75%; font-family:arial, helvetica, san-serif; }
#bodycontent { float:left; width:100%; text-align:center; margin:0; padding:0; height:100%; }
#wrapper { margin:0 auto; width:760px; }
#wrappercontent { float:left; width:100%; margin:0; padding:0; height:100%; background:transparent url(images/bg1.gif) repeat-y 50% 0; }
#content { float:left; width:100%; margin:0; padding:0; height:100%; background:transparent url(images/bg3.gif) no-repeat 50% 0; }

/* -- Sidhuvud -- */
#header { float:left; padding:15px 0 20px 0; width:750px; margin:0 0 0 5px; text-align:left; background-color:#fff; display:inline; }
 #headerlinks { float:right; padding:0 13px 0 0; }
 #headerlinks img { margin:0 2px; }

/* -- Huvudmeny -- */
/* Huvudmenyn består av två bilder. De ligger som en bakgrundsbild i #mainmenu, och när i a-taggen där den syns vid mouse-over.
   För att ändra i menyn måste två nya bilder skapas, t.ex. i photoshop. De ska innehålla huvudrubrikerna och vara 750px breda.
   Vid hover, flyttas bakgrundsbilden "mainmenu_hover.gif" så att den syns som bakgrundsbild till den länk som muspekaren är över.
   Bredden på varje menyrubriks länk anges under "Länkbredd" nedan och positionen på bakgrundsbilden anges under "Bakgrundsplacering"
   Om fler rubriker i menyraden tillkommer måste också den nya få ett id "mmX", samt egenskaper för den läggas till nedan.
*/   
#mainmenu {float:left; width:750px; height:30px; background:transparent url(images/mainmenu.gif); overflow:hidden; margin:0 5px; display:inline;}
#mainmenu a {display:block; float:left; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:30px; background:transparent url(images/mainmenu_hover.gif) no-repeat 750px 30px;}
* html #mainmenu a  {height:30px; he\ight:0;}
/*Länkbredd*/
#mainmenu a#mm1 {width:195px;}
#mainmenu a#mm2 {width:103px;}
#mainmenu a#mm3 {width:120px;}
#mainmenu a#mm4 {width:94px;}
#mainmenu a#mm5 {width:63px;}
#mainmenu a#mm6 {width:85px;}
#mainmenu a#mm7 {width:90px;}
/*Bakgrundsplacering*/
#mainmenu a#mm1:hover {background-position: 0 0; z-index:50;}
#mainmenu a#mm2:hover {background-position: -195px 0; z-index:50;}
#mainmenu a#mm3:hover {background-position: -298px 0; z-index:50;}
#mainmenu a#mm4:hover {background-position: -418px 0; z-index:50;}
#mainmenu a#mm5:hover {background-position: -512px 0; z-index:50;}
#mainmenu a#mm6:hover {background-position: -575px 0; z-index:50;}
#mainmenu a#mm7:hover {background-position: -660px 0; z-index:50;}

/* -- Hela mittenområdet med sidans innehåll-- */
#main { float:left; margin:0 0 0 5px; width:750px; padding:0; background:#fff url(images/main-bg.gif) repeat-x top left; display:inline; }
#main .wrapper { float:left; width:750px; padding:0 0 20px 0; background:transparent url(images/main-bottom.gif) repeat-x bottom left; display:inline; }

/* -- Brödtext -- */
#body { float:left; width:400px; padding:0;}
#body img.mainimg { float:left; width:500px; }
#body .content { float:left; margin:20px 0 0 20px; display:inline; }

/* -- Område för undermeny, nyheter och banners -- */
#extra { float:right; width:250px; margin:0; padding-bottom:15px; }
#extra .content { float:left; width:230px; margin:20px 0 20px 10px; display:inline; }
#extra h3 { color:#666; margin:0 0 10px 0; font-weight:normal; font-size:2em; }

/* -- Undermeny -- */
#sub-menu { float:right; width:250px; margin:0; padding: 20px 0 0 0; background:#8aa1b3 url(images/menu-bg.gif) repeat-x 0 0; }
#sub-menu h3 { color:#e9eef3; margin:0 0 10px 10px; font-weight:normal; font-size:2em; }
#sub-menu ul { margin:0; padding:0 0 35px 0; width:100%; list-style:none; font-family:arial, helvetica, sans-serif; font-size:1.3em; background:transparent url(images/menu-bottom.gif) repeat-x 0 100%;}
#sub-menu ul li { margin:0 0 0.5em 0; padding:0; }
#sub-menu ul li a { color:#e9eef3; text-decoration:none; padding:0 0 0 30px; }
#sub-menu ul li a:hover { background:transparent url(images/menu2-arrow.gif) no-repeat 15px 7px; }
#sub-menu ul li strong { font-size:1.2em; display:block; margin:7px 0; color:#e9eef3;; }

/* -- Nyhetsrutor  -- */
.news { width:230px; float:left; padding:10px 0 7px 0; margin:0 10px 10px 0; background:#ecf0f3 url(images/news-bg.gif) no-repeat bottom center; }
.news h4 { margin:10px 5px 0.3em 10px; color:#066; font-weight:normal; font-family: arial, helvetica, sans-serif; font-size:1.3em; }
.news p { margin: 0 10px; color:#399; }
.news a { float:right; margin: 5px 10px 0 0; padding:0 12px 0 0; color:#066; font-size:0.8em; background:transparent url(images/news-readmore-arrow.gif) no-repeat 100% 50% }

/* -- Banners -- */
#important-buttons { float:right; margin:20px 0 10px 0;}
#important-buttons a { display:block; padding: 0 0 10px 0; }

/* -- Footer -- */
#footer { float:left; width:100%; padding:0; background:#e4ebf1 url(images/footer.gif) no-repeat 0 0; text-align: left; color:#fff; font-size:1em; }
#footer .content { float:left; padding:5px 15px 10px 15px; }

/* -- Sitemap -- */
#sitemap { margin:0; padding:0; list-style:none; }
#sitemap li {margin:0; padding:5px 0 0 0; font-weight:bold;}
#sitemap ul {margin:0; list-style:none; padding:0 0 0 8px; background:transparent url(images/sitemap-ulul.gif) repeat-y 8px 100%;}
#sitemap ul li { padding:5px 0 0 20px; background:transparent url(images/sitemap-ululli.gif) no-repeat 0 12px; font-weight:normal; }