body {
color:#635141;
font:83%/1.5 Verdana,Tahoma,Arial,sans-serif;
margin:0;
/* Use backgound image as opposed to colour so that site is still functional if images are off */
	background: #AF936B url('bilder/bakgrund2.gif') no-repeat; 
/* Shove all content to the center of the screen for Internet Explorer 5 */
	text-align:center;
}
#wrapper-a { 
background: #AF936B; 
width: auto; 
}
#wrapper-b { 
background: #AF936B; 
margin: 0 auto; 
text-align: left; 
width: 770px; 
}
#pageheadContainer,
#contentContainer,
#footContainer{
	width:770px;
}
#pageheadContainer-intro {
	background: transparent;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:20px;
	color: #635141;
	left: 400px;
	padding-left: 10px;
	position: absolute;
	width: 350px;
	top: 79px;
}
#pageheadContainer-skipnav { 
left: -9999px; 
overflow: hidden; 
position: absolute; 
}
#pageheadContainer{
	background:#AF936B url('bilder/overst2.jpg') no-repeat 0 0;
	height:190px;
	position: relative; 
	width: 770px;
}
#namn {
	font-family:Verdana,Tahoma,Arial,sans-serif; 
	font-style: normal; 
	font-size:30px; 
	color: #635141; 
	left: 130px; 
	position: absolute; 
	top: 66px; 
	}
#namn a:hover, #namn a:focus, #namn a:active{
	color: #635141;
	background-color:#FFFFFF;
}
	
	
#contentContainer{
	background:#AF936B url('bilder/bakgrund2.gif') 0 0 repeat-y;
	position: relative; 
	width: 770px;

	float:left;
}
#datum{
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:10px;
}
	

ul#nav-b li { 
background: none; 
display: inline; 
margin-left: 5px; 
padding: 0; 
}

#nav-b li a { 
border: 1px solid #DDDDDD; 
color: #999999; 
font-size: .9em; 
padding: 3px 4px 3px 20px; 
text-decoration: none; 
}

#nav-b li a:hover, #nav-b li a:focus, #nav-b li a:active { 
color: #666666; 
}



#nav-a { 
right: 0px; 
list-style-type: none; 
position: absolute; 
top: 152px; 
margin:0; 
}

#nav-a li { 
float: left; 
margin: 0 1px 0 0; 
width: 107px; 
}

#nav-a li a { 
display: block; 
height: 20px; 
overflow: hidden; 
text-indent: -9999px; 
width: 107px; 
}

#nav-a-startsida a { 
background: transparent url('bilder/nav_startsida.jpg') no-repeat 0 0; 
}

#nav-a-verksamheten a { 
background: transparent url('bilder/nav_verksamheten.jpg') no-repeat 0 0; 
}

#nav-a-tjanster a { 
background: transparent url('bilder/nav_tjanster.jpg') no-repeat 0 0; 
}

#nav-a-kontakt a { 
background: transparent url('bilder/nav_kontakt.jpg') no-repeat 0 0; 
}
#nav-a-karta a { 
background: transparent url('bilder/nav_karta.jpg') no-repeat 0 0; 
}
#nav-a-webbplatsen a { 
background: transparent url('bilder/nav_webbplatsen.jpg') no-repeat 0 0; 
}
#nav-a-webbkarta a { 
background: transparent url('bilder/nav_webbkarta.jpg') no-repeat 0 0; 
}

#nav-a-startsida a:hover, #nav-a-startsida a:focus, #nav-a-startsida a:active, #nav-a-verksamheten a:hover, #nav-a-verksamheten a:focus, #nav-a-verksamheten a:active, #nav-a-tjanster a:hover, #nav-a-tjanster a:focus, #nav-a-tjanster a:active, #nav-a-kontakt a:hover, #nav-a-kontakt a:focus, #nav-a-kontakt a:active, #nav-a-karta a:hover, #nav-a-karta a:focus, #nav-a-karta a:active, #nav-a-webbplatsen a:hover, #nav-a-webbplatsen a:focus, #nav-a-webbplatsen a:active, #nav-a-webbkarta a:hover, #nav-a-webbkarta a:focus, #nav-a-webbkarta a:active { background-position: 0 -20px; 
}

#nav-a-startsida-2 a { 
background: transparent url('bilder/nav_startsida_2.jpg') no-repeat 0 0; 
}

#nav-a-verksamheten-2 a { 
background: transparent url('bilder/nav_verksamheten_2.jpg') no-repeat 0 0; 
}

#nav-a-tjanster-2 a { 
background: transparent url('bilder/nav_tjanster_2.jpg') no-repeat 0 0; 
}

#nav-a-kontakt-2 a { 
background: transparent url('bilder/nav_kontakt_2.jpg') no-repeat 0 0; 
}
#nav-a-karta-2 a { 
background: transparent url('bilder/nav_karta_2.jpg') no-repeat 0 0; 
}
#nav-a-webbplatsen-2 a { 
background: transparent url('bilder/nav_webbplatsen_2.jpg') no-repeat 0 0; 
}
#nav-a-webbkarta-2 a { 
background: transparent url('bilder/nav_webbkarta_2.jpg') no-repeat 0 0; 
}

#nav-a-startsida-2 a:hover, #nav-a-startsida-2 a:focus, #nav-a-startsida-2 a:active, #nav-a-verksamheten-2 a:hover, #nav-a-verksamheten-2 a:focus, #nav-a-verksamheten-2 a:active, #nav-a-tjanster-2 a:hover, #nav-a-tjanster-2 a:focus, #nav-a-tjanster-2 a:active, #nav-a-kontakt-2 a:hover, #nav-a-kontakt-2 a:focus, #nav-a-kontakt-2 a:active, #nav-a-karta-2 a:hover, #nav-a-karta-2 a:focus, #nav-a-karta-2 a:active, #nav-a-webbplatsen-2 a:hover, #nav-a-webbplatsen-2 a:focus, #nav-a-webbplatsen-2 a:active, #nav-a-webbkarta-2 a:hover, #nav-a-webbkarta-2 a:focus, #nav-a-webbkarta-2 a:active { background-position: 0 -20px; 
}



#footContainer{
	background:#AF936B;
	clear:both;
	width:770px;
}

#pagehead,
#content,
#foot{
	width:770px;
	position:relative;
	text-align:left;
	background: #AF936B url('bilder/body_bg.gif') 0 0 repeat-x;
	left: 0px;
	
}



#foot{
	height:40px;
}

#content{
	background:transparent url('bilder/bakgrund2.gif') 0 0 repeat-y;
/* Ensure this background tile is never cut short, min-height for Firefox and pals, _height 'hack' for Internet Explorer */
	min-height:300px;
}

#foot{
	background: url('bilder/bakgrund3.gif') 0 0 no-repeat;
}

/*=====[ Set up two column layout for articles and subcontent ]=====*/

#article{
	width:450px;
	float:left;
	margin-left:50px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

#subContent{
/* Fix double margin bug in IE on floats using display:inline */
	display:inline;
	width:180px;
	float:left;
	padding:40px 0 20px 0;
	margin-left:30px;
	color:#635141;
	font-size:0.9em;
}

/*=====[ Navigations ]=====*/

#pagehead h1 a{
/* Create blank hit area for logo/signature - PNG here would have been nice but hey, this is IE land we live in!  */
	display:block;
	text-indent:-9999px;
	width:230px;
	height:150px;
	text-decoration:none;
/* Float to make hit area work in... yup, you gussed it ayyyeee 5! */
	float:left;
}

#pagehead a:hover{
/* prevent background colour used on site wide anchors */
	background:transparent;
}

#pagehead h1{
/* Position blank hit area over background logo/signature */
	position:absolute;
	top:0;
	left:0;
}

/* Main navigation list */

#pagehead ul{
	display:block;
	position:absolute;
	top:106px;
	right:20px;
}

#pagehead li{
	display:block;
	float:left;
	width:80px;
	margin-left:3px;
}

#pagehead li a{
	display:block;
	height:20px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
/* Line height same as height, which puts the text vertically centered, hoorah! */
	line-height:20px;
	text-decoration:none;
	text-transform:lowercase;
}


#pagehead li a:hover{	
	background:#170C0A;
	border-top: solid 1px #DC5020;
	color:#DC5020;
}

#pagehead li.active{
	background:#170C0A;
	border-left: solid 1px #DC5020;
	border-bottom: solid 1px #DC5020;
	border-right: solid 1px #DC5020;
	color:#DC5020;
}

#pagehead a:link{
	color:#FEFAF7;
	background:#170C0A;
}
#pagehead a{
	color:#FEFAF7;
	background:#170C0A;
}
#foot {
	width:770px;
}
/* Foot navigation and FIR */

#foot ul{
	position:absolute;
	top:10px;
}

#foot li{
/* hide bullets */
	list-style-type:none;
}

 #foot1{
	/* width to solve odd problem with Opera 7.5 */
	width:360px;
	position:absolute;
	left:0px;
	top: -6px;
}
#foot1 a{
	color:#FADD5D;
	background-color:#8C2F04;
}
#foot1 a:hover{
	color:#fff;
	background-color:#8C2F04;
}
#foot1 a:visited{
	color:#fff;
	background-color:#8C2F04;
}
#foot2{
	/* width to solve odd problem with Opera 7.5 */
	width:280px;
	position:absolute;
	left:450px;
	top: -6px;
}

/* This is the anchor top button at bottom of page */
#pageTop{
	position:absolute;
	width:770px;
/* This position worked out using a highly technical formula: left a bit, right a bit, no left a bit... bingo! */
	left:482px;
	top:-40px;
}

#pageTop a{
	display:block;
	width:26px;
	height:26px;
	text-indent:-9999px;
	text-decoration:none;
/* Float to make hit area work in... yup, you gussed it again Internot Exploder 5 */
	float:left;
}

/*=====[ General params and typography ]=====*/

body{
	
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:62.5%;
	font-weight:normal;
}

/* #content ul used to prevent main navigation, within #pagehead, list breaking */
#content ul{
	margin:0.8em 0 0.6em 1em;
	padding-left:1em;
	list-style-type:square; 
}

ol{
	margin:0.8em 0 0.6em 2em;
	padding-left:1em;
	list-style-type:lower-roman;
}

blockquote{
	margin:0.8em 0 0.6em 1em;
	padding-left:1em;
	font-style:italic;
	border-left:4px solid #635141;
}

.img{
	width:191px;
	height:265px;
	padding:2px;
	border: 1px solid #635141;
}

/*Set font size for content area */
#content{
	font-size:1.25em;
}

p{
	margin-top: 0.2em;
	margin-right: 0;
	margin-bottom: 0.2em;
	margin-left: 0;
}

a{
	color:#635141;
	font-weight:normal;
	text-decoration:none;
}
li.left a{
	color:#635141;
	font-weight:normal;
	text-decoration:none;
}

li.left a:hover{
	background-color:#ffffff;
	color:#635141;
	border-bottom:1px dotted #FB5933;
}
li.middle a{
	color:#635141;
	font-weight:normal;
	text-decoration:none;
}

li.middle a:hover{
	background-color:#F2F8FF;
	color:#635141;
	border-bottom:1px dotted #FB5933;
}
.anpassa a{
	color:#635141;
	font-weight:normal;
	text-decoration:none;
	border-bottom:1px solid #FB5933;
}

.anpassa a:hover{
	background-color:#F2F8FF;
	color:#635141;
	border-bottom:1px dotted #FB5933;
}
a:hover{
	background-color:#ffffff;
	color:#635141;
}

#article{
	line-height:1.7em;
	color:#635141;
}

h1,
h2,
h3,
h4{
 font-family:Verdana,Tahoma,Arial,sans-serif; 
}

h1{
	color:#635141;
	margin-bottom:.5em;
	line-height:1.3em;
	font-size:1.3em;
	font-style:normal;
}

h2{
	margin:0.8em 0 0.6em 0;
	font-size:1.2em;
}

h3{
	margin:0.8em 0 0.6em 0;
	font-size:1.1em;
}

/* Sub Content */

#subContent h2{
	font-size:1.3em;
}

#subContent h3{
	font-size:1.1em;
}
#subContent img{
	border:0 none;
}
.image_right p{
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.image_right img{
	float:right;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	border: 1px solid #635141; margin-left:5px;
}
.mer {
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size: 95%;
	color:#635141;
	font-weight:normal;
	text-decoration:none;
}
.mer a{
	color:#635141;
	font-weight:normal;
	text-decoration:none;
	border-bottom:1px solid #FB5933;
}

.mer a:hover{
	background-color:#F2F8FF;
	color:#635141;
	border-bottom:1px dotted #FB5933;
}
#pagehead-sub-header {
	margin: 0 auto;
	text-align: left;font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size: 10px;
}

#sub-header {
	overflow: hidden; /* no idea why this works, but it fixes a FF problem */
}

#sub-header {
	list-style: none;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size: 10px;
	color:#635141;
	background-color:#FFFFFF;
	
}

#sub-header a {
	float: left;
	color:#635141;
	background-color:#FFFFFF;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
}
.subHeader a:link {
	font-family: Verdana,Tahoma,Arial,sans-serif;
  	font-size: 10px;  /* Enables font size scaling in MSIE */
	font-weight:normal;
  	color:#635141;
	background-color:#FFFFFF;
  	text-decoration: none;
  	margin: 0;
	border: 0 none;
}

.subHeader a:hover {
	font-family: Verdana,Tahoma,Arial,sans-serif;
  	font-size: 10px;  /* Enables font size scaling in MSIE */
	font-weight:normal;
  	color:#ff0000;
	background-color:#FFFFFF;
	text-decoration: none;
	border: 0 none;
}
.subHeader a:visited {
	font-family: Verdana,Tahoma,Arial,sans-serif;
  	font-size: 10px;  /* Enables font size scaling in MSIE */
	font-weight:normal;
  	color:#ff0000;
	background-color:#FFFFFF;
  	text-decoration: none;
	border: 0 none;
}

 #sub-header a:hover { color:#FE2815; background-color:#ffffff;}
 #sub-header a:hover span {	color:#FE2815; background-color:#ffffff;}