/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


body { background:#fff; font:normal 10pt Arial, Helvetica, sans-serif; color:#333; text-align:center; }
h1 { font:bold 18pt Arial, Helvetica, sans-serif; color:#737373; margin-bottom:10px; }
h2 { font:bold 12pt Arial, Helvetica, sans-serif; color:#737373; }
h3 { font:bold 10pt Arial, Helvetica, sans-serif; color:#000; margin-bottom:-10px;}
p { line-height:1.3em; margin:10px auto; }
strong { font-weight:bold; }
ul.bullets { list-style:disc; padding-left:20px; }
ul.bullets li { padding:2px 0; }
#maincol a { font-weight:bold; color:#934105; text-decoration:none; }
#maincol a:hover { border-bottom:1px dotted #934105; }

/*  Layout elements */
#wrapper { position:relative; width:961px; margin:0 auto; text-align:left; }
#logo { width:399px; height:100px; background:url(../images/layout/logo.gif) 0 0 no-repeat; text-indent:-9999em; }
#content { height:655px; background:url(../images/layout/background.jpg) 0 0 no-repeat; position:relative; margin-top:16px; }
#leftcol { width:442px; height:578px; position:absolute; top:33px; left:41px;}
#maincol { position:absolute; top:34px; left:484px; width:422px; height:576px; overflow:auto; }
#maincol div.padderbox { padding:52px 52px 52px 52px; }

/* Subject Menu & Main Menu */
#subjectmenu { position:absolute; top:43px; right:16px; width:30px; height:563px; }
#subjectmenu a { display:block; width:30px; height:112px; background: url(../images/layout/side_menu.gif) no-repeat; text-indent:-9999em; }
	a#item_1 { background-position: 0 0; }
	a#item_2 { background-position: 0 -118px; }
	a#item_3 { background-position: 0 -236px; }
	a#item_4 { background-position: 0 -354px; }
	a#item_5 { background-position: 0 -473px; height:90px; }

	a#item_1:hover, a#item_1.active { background-position: -30px 0;}
	a#item_2:hover, a#item_2.active { background-position: -30px -118px; }
	a#item_3:hover, a#item_3.active { background-position: -30px -236px;}
	a#item_4:hover, a#item_4.active { background-position: -30px -354px; }
	a#item_5:hover, a#item_5.active { background-position: -30px -473px; height:90px;}

#mainmenu { position:absolute; top:80px; left:516px; width:436px; height:35px; }
#mainmenu li {display:inline;}
#mainmenu a { display:block; float: left; height:35px; background:url(../images/layout/main_menu.gif) no-repeat; text-indent:-9999em; }
	a#item_11 { background-position: 0 0; width:95px; margin-right:10px; }
	a#item_12 { background-position: -105px 0; width:125px; margin-right:5px; }
	a#item_13 { background-position: -235px 0; width:100px; margin-right:5px; }
	a#item_14 { background-position: -340px 0; width:75px; margin-right:20px; }

	a#item_11:hover, a#item_11.active { background-position: 0 -35px; }
	a#item_12:hover, a#item_12.active { background-position: -105px -35px; }
	a#item_13:hover, a#item_13.active { background-position: -235px -35px; }
	a#item_14:hover, a#item_14.active { background-position: -340px -35px;  }

#leftmenu { width:200px; height:593px; background: url(../images/layout/menu-left.jpg) 0 0 no-repeat; position:relative; margin-left:209px; }
	#leftmenu ul { position:relative; left:17px; top:98px; width:161px; }
	#leftmenu ul a { display:block; height:30px; text-indent:-9999em; background:url(../images/layout/menu-left-buttons.jpg); }
	
	
	#leftmenu a#item_21 { background-position: 0 0; }
	#leftmenu a#item_22 { background-position: 0 -30px; }
	
	#leftmenu a#item_21:hover, #leftmenu a#item_21.active { background-position:0 -60px;}
	#leftmenu a#item_22:hover, #leftmenu a#item_22.active { background-position:0 -90px;}
	
#gavle { position:absolute; top:628px; left:155px; }
#spets { position:absolute; top:550px; left:45px; }
#vasa { position:absolute; top:628px; left:45px; }