/*
    Stilmall för skärm

    Stillklasser är definierade med layoutinformation först.
*/

/*
    Grundstilar
*/

body {
	text-align:center;
	margin: 0;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 68.75%;/* 11px */ /* 75%; /* 12px */
	line-height: 1.3; /* appliceras på alla underliggande element när den anges utan enhet. */
	background-color: #C9D1D7;
	background-image: url(/img/body_bg.gif);
	background-repeat: repeat-x; 
	background-position: left -15px;
}
html {
	height:100%;
} 
.auraltext {
	position: absolute;
	left: -900px;
	overflow: hidden;
	
	width: 0;
	height: 0px;
	font-size:0px;
}
br, hr {
	clear:both;
}
img {
	border:0;
}
address {
	font-style:normal;
}
a
{
	font-weight:normal;
	color:Blue;
	text-decoration:underline;
}
p
{
	margin: 0 0 1em 0;
}
blockquote 
{
    font-style:italic;
    
	margin: 0 20px 0.5em 20px;
}

h1, .heading1, h2, .heading2, h3, .heading3, h4, .heading4
{
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

h1, .heading1, h2, .heading2, h3, .heading3
{
	margin: 0.4em 0 0 0;
}

h1, .heading1
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:145.5%;
	padding: 0.4em 0;
}

h2, .heading2, h3, .heading3, h4, .heading4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2, .heading2, h3, .heading3
{
	padding: 0.2em 0;
}

/*h1 a, h2 a, h3 a, h4 a
{
}*/

h2, .heading2
{	 
	font-size:118.2%;
}

h3, .heading3
{	
	font-size:109.1%; 
}

h4, .heading4
{	
	margin: 0.2em 0 0 0;
    padding: 0.1em 0;
	font-size: 100%;
}

.skip 
{
    float: right;
    margin: 3px;
    
    color: #ccc;
}
img.right 
{
    float:right;
    margin: 0 0 1em 1em;
}
img.left 
{
    float:left;
    margin: 0 1em 1em 0;
}
div.clearer 
{
    clear:both;  
    height: 0;
	font-size: 0%;
    line-height: 0%;
}
hr.clearer 
{
    clear:both;
	left: -900px;
	
	width: 0;
	font-size:1px;
	color:#fff;
}
/* Generell klass som kan användas för alla alternerande rader i tabeller, listor mm. */
.alt
{
    background-color: #eee;
}
/*
    Layoutregioner
*/
div#container {
	text-align:left;
	margin:auto;
	max-width:968px;
	min-width:771px;
}
.backgroundstyle {background-image: url(/img/container/container_bg_left.gif);background-repeat: repeat-y;background-color: #FFFFFE;}
.backgroundstyle .layer2{background-image: url(/img/container/container_bg_right.gif);background-repeat: repeat-y; background-position: right; height: 100%;}
.backgroundstyle .layer3{background-image: url(/img/container/container_fade_left.gif);background-repeat: no-repeat; background-position: left -15px; height: 100%;}
.backgroundstyle .layer4{background-image: url(/img/container/container_fade_right.gif);background-repeat: no-repeat; background-position: right -15px; height: 100%;}
.backgroundstyle .layer5{background-image: url(/img/container/container_fade_top.gif); background-repeat: no-repeat; background-position: left top;}
.backgroundstyle .layer6{background-image: url(/img/container/container_fade_bottom.gif); background-repeat: no-repeat; background-position: left bottom;}

div#header {
	padding: 5px 0 0 0;
	margin: 0 2.9%;
	min-height:147px;
}
div#breadcrumb
{
	height: 2.5em;
	line-height: 2.5em;
	padding: 0 1.653%;
}
div#navigation {
	float:left;
	display: inline;
	width: 21.18%;
	margin: 0 0 0 3.306%;
	min-height: 404px;
}
div#widecontent
{
	width: 70.04%;
	margin: 0 3.306% 0 0;
	float: right;
	min-height:410px;
	display: inline;
}
div#content {
	float:left;
	width:71.97%;
	min-height:410px;
	margin: 0;
}
div#contentwide 
{
	float: left;
	min-height: 410px;
	margin: 0;
}
div#related 
{
	float:right;
	display: inline;
	width:27.36%;
	margin: 0;
}
div#footer
{
    margin: 10px 5px 0;
    padding: 0 2.893%;
    background-color: #F2F2F2;
}


/*
    Sidhuvud
*/
div#header a.logo
{
	float: left;
	width: 100%;
	margin: 0 0 13px 0;

	background-repeat: no-repeat;
	background-position: right bottom;
}
div#header a.logo:active {background-color: #FFFFFE;}

/* Quicknav */
#quicknav
{
	font-size: 83.33%;
	padding: 0;
	margin: 0;
}
#quicknav ul
{
	margin: 0;
	padding:0;
	float: right;
	list-style-type:none;	
    background-color: #F7F7F7;
}
#quicknav ul li 
{
	float: left;
	margin: 0;
	padding: 0;
	height: 2.8em;
    background-image: url(/img/quicknav/quicknav_bg.gif);
    background-repeat: repeat-x;
    background-position: 0 bottom;
}
#quicknav ul li a
{
	display: block;
    padding: 0.7em;
    
    background-image: url(/img/quicknav/quicknav_separator.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;

    text-decoration:none;
	color: #6C6C6C;
}
#quicknav ul li a:hover
{
    text-decoration:underline;
}

div#topsearch 
{
    float:right;
    padding: 0 5px;
    display: inline;
    margin: 0;
	height: 2.8em;
    background-image: url(/img/quicknav/quicknav_bg.gif);
    background-repeat: repeat-x;
    background-position: 0 bottom;
    background-color: #F7F7F7;
}
div#topsearch input
{
	float: left;
    margin: 1px 0;
}
#quicknav ul.langselect li a /*, #quicknav ul li.first a */
{
	background-image: none;
}
#quicknav ul.langselect
{
	padding-left: 9px;
	background-image: url(/img/quicknav/quicknav_l_bg.gif);
	background-repeat: no-repeat;
    background-position: 0 bottom;
}
#quicknav ul.langselect img
{
	height: 1.65em;
	margin: -1px 0;
	padding: 0 20px 0 0;
	background-image: url(/img/globalization.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

/* TopMenu */
div#toppanel
{
	background-color: #EFEFEF;
	background-image: url(/img/topmenu/topmenu_t_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
div#toppanel .layer2
{
	background-image: url(/img/topmenu/topmenu_l_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
div#toppanel .layer3
{
	background-image: url(/img/topmenu/topmenu_r_bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
div#toppanel .layer4
{
	background-image: url(/img/topmenu/topmenu_b_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
div#toppanel .layer5
{
	background-image: url(/img/topmenu/topmenu_lb_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
div#toppanel .layer6
{
	background-image: url(/img/topmenu/topmenu_rt_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
ul#topmenu 
{
	margin: 0;
	padding: 0;
}
ul#topmenu li {
	padding: 0;
	margin:0;
	float: left;
	list-style-type:none;		
}
ul#topmenu li.first
{
	margin-left: 0;
	background-image: url(/img/topmenu/topmenu_lt_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul#topmenu li.last 
{
	display: block;
    float: none;
    height: 4.45em;
	background-image: url(/img/topmenu/topmenu_rb_bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

ul#topmenu li a
{
	padding: 0 10px;
    margin: 0 7px;
	line-height: 4em;
    text-decoration:none;
	color: #696969;
	background-color: Transparent;
	font-size:115%;
}

ul#topmenu li a.selected
{
	font-weight:bold;
	color:#302828;
}

/*
    Meny
*/
div#mainmenu
{
	float: left;
	width: 100%;
	margin-bottom: 18px;
}
div#mainmenu div.heading
{
	float: left;
	margin: 0;
	padding: 0;
	width: 100%; 
	background-image: url(/img/menu/mainmenuhdng_bg.gif);
	background-repeat: repeat-x;
	background-color: #F2F2F2;
}
div#mainmenu div.heading div
{
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	background-image: url(/img/menu/mainmenuhdng_l_b_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
div#mainmenu div.heading .layer2 {	background-image: url(/img/menu/mainmenuhdng_l_t_bg.gif); background-position: left top;}
div#mainmenu div.heading .layer3 {	background-image: url(/img/menu/mainmenuhdng_r_t_bg.gif); background-position: right top;}
div#mainmenu div.heading h2
{
	float: left;
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	background-image: url(/img/menu/mainmenuhdng_r_b_bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
div#mainmenu div.heading a
{
	display: block;
	color: #0074bb;
	background-color: Transparent;
	background-position: 9.453% 50%;
	background-repeat: no-repeat;
	padding: 8px 8.45%;
	font-weight: bold;
}
div#mainmenu div.heading a.image
{
	padding-left: 27.36%;
}

ul.mainmenu 
{
	float: left;
	padding:0;
	margin:16px 0 0 0;
	border-top: solid 1px #F9F9F9;
	width: 100%;
}
ul.mainmenu li {
	list-style-type:none;	
	margin: 0;
	padding: 0;
}
ul.mainmenu li a.haschildren
{
	background-image:url(/img/menu/subindentor_haschildren.gif)!important;
	background-position:left;
	background-repeat:no-repeat;
}
ul.mainmenu li a.haschildrenfirst
{
	background-image:url(/img/plus.gif)!important;
	background-position:left;
	background-repeat:no-repeat;
}
ul.mainmenu ul
{
	margin: 0;
	padding: 0;
}
ul.mainmenu a {
	display:block;
	padding: 4px 2.439% 4px 7.960%;
	margin:0;

	height: 100%;			
	text-decoration:none;
	background-image: none;
	border-bottom: solid 1px #F9F9F9;

	color: #696969;
}
ul.mainmenu a.selected 
{
    font-weight:bold;
    background-color: #F9F9F9;
    border-bottom-color: #F6F6F6;
}
ul.mainmenu a.open 
{
	font-weight: bold;
}

ul.mainmenu .level1 li a
{
	background-image: url(/img/menu/subindentor.gif);
	background-position: 7% 7px;
	background-repeat: no-repeat;
	padding-left: 15.92%;
}
ul.mainmenu .level1 li a.selected {background-image: url(/img/menu/selectedsubindentor.gif)}
ul.mainmenu .level2 li a
{
	background-image: url(/img/menu/subindentor.gif);
	background-position: 15.5% 7px;
	background-repeat: no-repeat;
	padding-left: 23.88%;
}
ul.mainmenu .level2 li a.selected {background-image: url(/img/menu/selectedsubindentor.gif)}
ul.mainmenu .level3 li a { background-image: none;}
/*
ul.mainmenu .level3 li a
{
	background-image: url(/img/menu/subindentor.gif);
	background-position: 25.37% 7px;
	background-repeat: no-repeat;
	padding-left: 31.84%;
}
ul.mainmenu .level3 li a.selected {background-image: url(/img/menu/selectedsubindentor.gif)}
*/


div#careunitmenu
{
	float: left;
	width: 100%;
}
div#careunitmenu div.heading
{
	margin: 0 0 3px 0;
	padding:0;
	background-image: url(/img/menu/menuhdng_bg.gif);
	background-repeat: repeat-x;
	background-color: #F8F8F8;
	border-bottom-color: #FBFBFA;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
div#careunitmenu div.heading div
{
	padding: 0;
	margin: 0;
	background-image: url(/img/menu/menuhdng_l_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div#careunitmenu div.heading h2
{
	padding: 4px 0 4px 8.458%;
	margin: 0;
	color: #0074bb;
	background-image: url(/img/menu/menuhdng_r_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
div#careunitmenu div.heading h2 a
{
	display: block;
	color: #0074bb;
	background-color: Transparent;
	margin: -4px 0;
	padding: 4px 16% 4px 0;
	background-position: 90% 50%;
	background-repeat: no-repeat;
}
div#careunitmenu div.heading h2 a.expandedfalse
{
	background-image: url(/img/menu/show.gif);
}
div#careunitmenu div.heading h2 a.expandedtrue
{
	background-image: url(/img/menu/hide.gif);
}
ul.careunitmenu 
{
	float: left;
	margin:0;
	padding:0;
	width: 100%;
}
ul.careunitmenu li {
	list-style-type:none;
	background-image: url(/img/menu/menuitem_bg.gif);
	background-repeat: repeat-x;
	background-position: top right;
	background-color: #F1F7FB;
	
	margin: 0 0 3px 0;
}
ul.careunitmenu li a {
	display:block;
	padding: 11px 2.439% 12px 41px;
	margin:0;

	height: 100%;			
	text-decoration:none;
	background-position: 5px 50%;
	background-repeat: no-repeat;

	color: #696969;
}

/*
    Innehållsstilar
*/
p.intro 
{
    font-weight: bold;
}
span.email
{
}

/* Nyhetssida */
div.newsitem p 
{
    margin: 0.2em 0 0.2em;
}
div.newsitem span.date
{
    color: #666;
}

/* Sitemap */
div#content div.sitemap h2 a
{
    padding: 0 13px 0 0;
    background-image: url(/img/more_bullet.gif);
    background-repeat: no-repeat;
    background-position: right 8px;
}


/* Sökresultat */
div#content div.searchresult span.meta 
{
    color: #999;
}
div#content div.searchresult h3
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 100%;
    margin:0 0 0.2em 0;
}
div#content div.searchresult h3 a
{
    text-decoration:underline;
    color: #00f;
}
div#content div.searchresult div
{
    padding: 5px 7px;
}
div#content div.searchresult p
{
    margin:0 0 0.2em 0;
}


/*
    Stilar för relaterat innehåll (högerkolumnen)
*/
ul.calendar 
{
    margin:0;
    padding:0;
}
ul.calendar li a
{
    display: block;
}
ul.calendar li
{
    margin: 0;
    padding: 5px 7px;
    
    list-style-type:none;
    border-bottom: solid 1px #aaa;
}
ul.calendar li.last
{
    border-bottom: none;
}
ul.calendar li p
{
    margin: 0;
}

/* Stilmallar för sidfoten */
div#footer address
{
	color: #777777;
	width: 55%;
	display: block;
	padding: 0.55em 0;
}
div#footer address .email a
{
	color: #5B5B5B;
	padding: 0.8em 1em;
}
a#slllink
{
	float: right;
	display: block;
	background-image: url(/img/slllink.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 0.8em 0 0.8em 28px;
	
	text-decoration: none;
	color: #5B5B5B;
	font-size: 76%;
	font-weight: bold;
}

/* Välkomstrutan */
div#content .welcome
{
	float: left;
	width: 100%;
	background-image: url(/img/welcome/left.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
div#content .welcome .layer2
{
	background-image: url(/img/welcome/right.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
div#content .welcome .layer3
{
	background-image: url(/img/welcome/right_top.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
div#content .welcome .layer4
{
	background-image: url(/img/welcome/left_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div#content .welcome h1
{
	text-align: left;
	margin: 0 1.02%;
	padding: 9px 2.245%;
	background-image: url(/img/welcome/top_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
div#content .welcome img
{
	width: 97.96%;
	display: block;
	border-width: 0px;
	margin: 0 1.02%;
	padding: 0px;
}
div#content .welcome .layer5
{
	padding: 0;
	margin: 0;
	background-image: url(/img/welcome/right_bottom.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
div#content .welcome .layer6
{
	padding: 0;
	margin: 0;
	background-image: url(/img/welcome/left_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: right;
}
div#content .welcome .layer6 h3
{
	text-align: right;
	margin: 0 1.02%;
	padding: 0;
	height: 31px;
	line-height: 24px;
	background-image: url(/img/welcome/bottom_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
div#content .welcome .layer6 h3 a
{
	display: block;
	padding: 0 2em;
	margin: 0;
	background-image: none;
	font-weight: normal;
}
div#content .welcome .text
{
	display: block;
	border-width: 0;
	margin: 0 1.02%;
	padding: 0 2.245%;
}
div#content .important
{
	background-color: #F5D3A2;
}
div#content .important h1
{
	background-color: #FFE6C2; /*#FCBD30;*/
	background-image: url(/img/welcome/important.gif);
	background-repeat: no-repeat;
	background-position: 11px 50%;
	padding-left: 25px;
}
div#content .important h3 a
{
	background-color: #F5D3A2;
}
div#content .text h1
{
	margin: 0;
	padding: 0;
	background-image: none;
	background-color: Transparent;	
}
div#content .text h3 a
{
	display: inline;
	margin: 0;
	padding: 0;
	background-image: none;
	background-color: Transparent;	
}
/* Temapuffar */
div#themelist .puff
{
	margin: 4px 0 0 0;
	width: 32.65%;
	float: left;
	background-image: url(/img/themepuff/left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
div#navigation .themeimage 
{
	margin: 0 auto 20px;
	width: 79.60%;
	background-image: url(/img/themepuff/left.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 100%;
}
div#themelist .first
{
	margin-left: 0;
	margin-right: 1%;
}
div#themelist .last
{
	margin-left: 0;
	margin-right: 0;
	float: right;
}
div#themelist .puff .layer2, div#navigation .themeimage .layer2
{
	background-image: url(/img/themepuff/right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 100%;
}
div#themelist .puff .layer3, div#navigation .themeimage .layer3
{
	background-image: url(/img/themepuff/bottom.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 100%;
}
div#themelist .puff .layer4, div#navigation .themeimage .layer4
{
	background-image: url(/img/themepuff/left_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 100%;
}
div#themelist .puff .layer5, div#navigation .themeimage .layer5
{
	height: 100%;
	background-image: url(/img/themepuff/right_bottom.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
div#themelist .puff img, div#navigation .themeimage img
{
	width: 96.25%;
	margin: 0 0 0 1.88%;
	padding: 0;
}
div#themelist .puff h2, div#navigation .themeimage h2
{
	padding: 0 5.625% 13px;
	margin: 0;
	min-height: 40px;
}
div#themelist .puff a, div#navigation .themeimage a
{
	font-family: Trebuchet MS;
	display: block;
	background-image: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

/* related area (to the right) */
div#related .figure
{
	margin-bottom: 25px;
	text-align: center;
}
div#related .figure p
{
	font-style: italic;
	margin: 3px 0 0;
}
div#related img
{
	width: 100%;
	margin: 0;
	padding: 0;
}
div#related .puff
{
	background-color: #D2E8F5;
	padding: 0 10px 18px 10px;
	margin: 0 0 13px 0;
}
div#related .contact
{
	background-color: #D2E8F5;
}
div#related .link a, div#related .topicality a
{
	display: block;
}
div#related .topicality, div#related .link
{
	margin: 10px 0 0 0;
}
div#related .puff .header
{	
	border-bottom: solid 1px #E7F6FD;
	padding: 7px 10px;
	margin: 0 -10px 8px;
}
div#related .contact .header, div#related .puff .header
{
	background-color: #0074bb;
	color: #EAF5FB;	
}
div#related .puff .tipbulb
{
	padding-left: 33px;
	background-image: url(/img/tipbulb.gif);
	background-position: 10px 50%;
	background-repeat: no-repeat;
}
div#related .date
{
	display: block;
	color: #696969;
	font-style: italic;
}
div#related .more
{
	padding: 10px 0 0 0;
}
/* div#related .more a
{
	background-image: none;
	padding: 0;
	margin: 0;
}*/
div#related .theme
{
	background-color: Transparent;
}
div#related .theme .header
{
	padding-top: 12px;
	padding-bottom: 12px;
	margin-top: 2px;
	color: Black;
	background-color: Transparent;
	border: none;
}
div#related .theme a
{
	color: #0074bb;
}
/* Sub Start Page */
.substartpagebody
{
	float: right;
	display: block;
	width: 48.16%;
}
div.linkbuttons
{
	margin-top: 14px;
	float: left;
	width: 50%;
}
div.linkbuttons a
{
	font-weight: bold;
	display: block;
	padding: 8px 2%;
	margin: 0;
}
div.linkbuttons h2
{
	margin: 7px 3.673% 0 1.225%;
	padding: 0;
	border-width: 1px;
	border-style: solid;
/*	background-position: 94.69% 50%;
	background-repeat: no-repeat;*/
}
div.linkbuttons .link1
{
	background-color: #E1D3C8;
	border-color: #C0B6AD;
	border-top-color: #D9D0C7;
/*	background-image: url(/img/welcome/linkarrow1.gif);*/
}
div.linkbuttons .link2
{
	background-color: #E3E3E3;
	border-color: #D7D7D7;
	border-top-color: #F5F5F5;
/*	background-image: url(/img/welcome/linkarrow2.gif);*/
}
div.linkbuttons .link3
{
	background-color: #DEEBC0;
	border-color: #C4D0AA;
	border-top-color: #E0ECC4;
/*	background-image: url(/img/welcome/linkarrow3.gif);*/
}
div.linkbuttons .link4
{
	background-color: #DDDFEB;
	border-color: #C6C9D0;
	border-top-color: #E2E5EC;
/*	background-image: url(/img/welcome/linkarrow4.gif);*/
}

/* Normal page */
div#widecontent img
{
	max-width: 97.86%;
}

div#content .textualpagebody
{
	width: 90%;
}

/* Verksamhetslistning */
div#alphanumlist a
{
	display: block;
	margin-bottom: 1em;
}
div#alphanumlist h2 a
{
	margin-bottom: 0;
}
div#alphanumlinks
{
	background-color: #D2E8F5;
	line-height: 34px;
	padding: 0 1.327%;
}
div#alphanumlinks a
{
	display: inline;
	margin: 0 0.7375% 0 0.5900%;
}
div#alphanumlist .column1
{
	float: left;
	width: 31%;
}
div#alphanumlist .column2
{
	float: left;
	width: 31%;
	margin: 0 0 0 3.5%;
}
div#alphanumlist .column3
{
	float: right;
	width: 31%;
}

/* Profiles */
div.profileitem
{
	margin: 19px 1.622% 0 0;
	padding: 4px 0;
	float: left;
	border-bottom: solid 1px #979797;
	line-height: 1.5;
	display: inline;
	width: 98.37%;
}
div.profileitem div
{
	float: left;
}
div.profileitem a
{
	display: inline;
}
div.profileitem img
{
	float: right;
	height: 101px;
}

/* ThemePage */
#themebody, #themelinks
{
	float: left;
	width: 100%;
	background-image: url(/img/themepage/top.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#themelinks {background-image: none;}
#themebody .layer2
{
	background-image: url(/img/themepage/right.gif);
	background-repeat: repeat-y;
	background-position: right top;
	height: 100%;
}
#themebody .layer3
{
	background-image: url(/img/themepage/left.gif);
	background-repeat: repeat-y;
	background-position: left top;
	height: 100%;
}
#themebody .layer4
{
	background-image: url(/img/themepage/left_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100%;
}
#themebody .layer5
{
	background-image: url(/img/themepage/right_top.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 100%;
}
#themebody h1
{
	text-align: left;
	margin: 2px 1.02% 8px;
	padding: 8px 2.245%;
	background-repeat: repeat;
	background-position: left top;
}
#themebody .layer6
{
	background-image: url(/img/themepage/bottom.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 100%;
}
#themebody .layer7
{
	background-image: url(/img/themepage/left_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 100%;
}
#themebody .layer8
{
	background-image: url(/img/themepage/right_bottom.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 100%;
}
#themebody div.left, #themelinks div.left
{
	float: left;
	display: inline;
	width: 44.5%;
	margin: 20px 0 17px 0.6122%;
	padding: 0 1.837% 15px;
/*	background-image: url(/img/themepage/puff_bg.gif);
	background-position: left bottom;
	background-repeat: repeat-x;*/
}
#themelinks div.left {background-image: none; padding: 0; width: 48.16%;}
#themebody div.right, #themelinks div.right
{
	float: right;
	width: 44.5%;
	margin: 20px 0.6122% 17px 0;
	padding: 0 1.837% 15px;
}
#themelinks div.right {padding: 0; width: 48.16%;}
#themelinks .link
{
	padding: 0;
	margin: 0;
	background-color: #E9F1F4;
	background-image: url(/img/themepage/themelinkarrow.gif);
	background-position: 96.61% 50%;
	background-repeat: no-repeat;
}
#themelinks .link a
{
	display: block;
	padding: 10px 35px 10px 3.390%;
	margin: 0 0 7px 0;
	overflow: hidden;
}

/* SearchResultPage */
#search .ingress
{
	float: left;
	width: 34.37%;
	margin-top: 1em;
}
#search .paging
{
	text-align: right;
	padding-right: 10px;
	margin-top: 1em;
}
#search .paging a
{
	margin: 0 2px;
}
#search .paging a.selected
{
	font-weight: bold;
}
#search .searchresult
{
	margin-top: 2em;
}
#search .number
{
	float: left;
	width: 3.245%;
	display: block;
}
#search .meta
{
	float: right;
	width: 19.17%;
	padding: 0 10px;
	text-align: right;
	display: block;
}
#search .item
{
	float: left;
	border-top: solid 1px #999999;
	padding: 9px 0;
}
#search .item p
{
	margin-bottom: 0;
}
#search .firstitem
{
	border: none;
}
#search .item .content
{
	padding: 0 5px;
	display: inline-block;
}

/* XForm stc. */
#xform table
{
	width: 100%;
}
#xform label
{
	display: block;
}
#xform textarea
{
	overflow: scroll;
	width: 100%;
}
#xform fieldset label
{
	display: inline;
}

/* ListPage */
#pagelist .alt
{
	background-color: Transparent;
}
#pagelist .pageitem
{
	margin: 4px 1.622% 0 0;
	padding: 0 0 10px 0;
	float: left;
	border-bottom: solid 1px #979797;
	line-height: 1.5;
	display: inline;
	width: 98.37%;
}
#pagelist .pageitem p
{
	margin: 0;
}

/* Stil för att markera aktiva formulärelement vid t ex tabbning genom formulär. Låt ligga sist i denna css. */
input:focus, input:active, a:focus, a:active, select:focus, select:active, textarea:focus, textarea:active
{
    background-color: #F3F9FC;
    color: #000;
}

.topimage
{
	float:right;
	margin-left:10px;
	margin-right:5px;
}

.leftmainright
{
	width: 93.4%;
	margin-left: 3.2%;
	margin-right: 5%;
	min-height: 410px;
}

.checkboxgrouplist
{
	display: inline;
	list-style-type:none;
	margin-left: 0;
	padding-left: 0;	
}

.checkboxgrouplist li
{
	float:left;
	margin-left:10px;
}

.checkboxlist
{
	list-style-type:none;
	margin-left: 0;
	padding-left: 0;
}

.checkboxlist li
{
	float:none;
	margin-left:0;
	vertical-align:middle;
}

.checkboxlist li label
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	vertical-align:top;
}

.checkboxlist li input
{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

/*.searchfilter
{
	border: solid 1px Blue;
	height:220px;
}*/

table.searchfilter, table.unitlist
{
	width:90%;
}

table.searchfilter td
{
	width:25%;
	vertical-align:top;
}

table.unitlist, table.unitlist td, table.unitlist th
{
	border-color: Black;
    border-style: solid;
}

table.unitlist
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

table.unitlist td, table.unitlist th
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}


table.unitlist th
{
	background-color:#C9D1D7;
}

table.unitlist .bigcolumn
{
	width:50%;
}

table.unitlist .smallcolumn
{
	width:25%;
}

.filterbutton
{
	margin-bottom:10px;
}

.leftmain
{
	width:71%;
	float:left;
}

.genericpufflayer1
{		
	border: solid 2px #EFEFEF;
	overflow:hidden;	
	margin:0 0 13px 0;
	padding:0 0 0 0;
}

.genericpufflayer1 p
{
	margin:0 0 0 0;
}

.genericpufflayer1 h1
{
	text-align: left;
	margin: 0 0 0 0;
	padding: 9px 2.245%;
	background-image: url(/img/welcome/top_bg2.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.genericpufflayer2
{
	background-image: url(/img/welcome/right.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

.genericpufflayer3
{
	background-image: url(/img/welcome/right_top.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.genericpufflayer4
{
	background-image: url(/img/welcome/left_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}



.genericpufflayer5
{
	padding: 0;
	margin: 0;
	background-image: url(/img/welcome/right_bottom.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.genericpufflayer6
{
	padding: 0;
	margin: 0;
	background-image: url(/img/welcome/left_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: right;
}
.genericpufflayer6 h3
{
	text-align: right;
	margin: 0 1.02%;
	padding: 0;
	height: 31px;
	line-height: 24px;
	background-image: url(/img/welcome/bottom_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.genericpufflayer6 h3 a
{
	display: block;
	padding: 0 2em;
	margin: 0;
	background-image: none;
	font-weight: normal;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

.none
{
	float:none;
}

.full
{
	width:97%;
}

.half
{
	width:47.9%;
}

.third
{
	width:31.6%;
}

.quarter
{
	width:25%;
}

.large
{
	height:175px;
}

.small
{
	height:100px;
}

.puffspace
{
	margin-left:5px;
}

.genericpufflayer1 div.intro
{
	margin:0 0 0 0;
	padding:0 0 0 2.245%;
}