HTML
{
	overflow-y:scroll;
	height:100%;
}
BODY
{
	width:100%;
	font-family:Verdana, Helvetica, Sans-Serif;
	margin:0;
	font-size:11px;
}
INPUT, SELECT, TD, TH, TEXTAREA
{
	font-family:Verdana, Helvetica, Sans-Serif;
	font-size:11px;
}
A
{
	text-decoration:underline;
	color:#007cc2;
}
A:hover
{
	text-decoration:underline;
	color:#007cc2;
}
A:visited
{
	text-decoration:underline;
	color:#86bcdb;
	color:#007cc2;
}
A.puff
{
	color:#333333;
	text-decoration:none;
}
A.puff:hover
{
	color:#333333;
	text-decoration:underline;
}

H1
{
	font-size:18px;
	font-weight:normal;
	color:#007cc2;
	padding:10px 0;
	margin:0;
}
H2
{
	font-size:13px;
	border-bottom:1px solid #DEDEDE;
	padding:5px 0;
	margin:5px 10px 10px 0;
}
H3
{
	font-size:13px;
	margin:15px 0 5px 0;
	padding:0;
}
H4
{
	font-size:13px;
	margin:15px 0 5px 0;
	padding:0;
}
H5
{
	font-size:10px;
	margin:0;
	padding:0;
}
P
{
	margin:5px 0 10px 0;
	padding:0;
}

DIV.hr
{
	height:1px;
	margin:10px 0;
	background-color:#DEDEDE;
	clear:both;
	overflow:hidden;
}
.hidden
{
	visibility:hidden;
}
DIV.padding
{
	clear:both;
	height:10px;
	margin:0;
	padding:0;
}
DIV.image_thumbs IMG
{
	width:75px;
	height:75px;
	padding:1px;
	background-color:#DEDEDE;
	margin:6px 0 6px 12px;
}
TD#content_main DIV.pageimage
{
	/*padding-top:39px;*/
	width:270px;
	float:right;
	clear:right;
	margin:0 0 10px 20px;
}
TD#content_right DIV.pageimage
{
	/*padding-top:39px;*/
	width:210px;
	margin:0 0 10px 0;
}
DIV.pageimage IMG
{
	border:1px solid #a3a1a2;
	width:206px;
	width:266px;
	padding:1px;
	background-color:#FFFFFF;
}
DIV.pageimage P.imagetext
{
	font-style:italic;
}
DIV.body
{
	margin:0 20px 0 0;
}
DIV.related
{
	float:left;
	width:40%;
	padding:0 2% 2% 2%;
	margin:2%;
	background-color:#FFFFFF;
	background-image:url(box_bg.jpg);
	background-repeat:repeat-x;
	background-position:0 100%;
	border:1px solid #DEDEDE;
}
H2.expandable
{
	border-bottom:1px solid #1787c7;
	padding:2px 5px;
	margin:3px 0;
	background-image:url(h2_expandable_bg2.jpg);
	background-repeat:repeat-x;
	background-color:#e6ebf1;
	background-position:0 100%;
}

H2.expandable A
{
	display:block;
	color:#333333;
	text-decoration:none;
	background-image:url(h2_expandable_expand.gif);
	background-repeat:no-repeat;
	background-position:100% 50%;
}
H2.expandable A.expanded
{
	background-image:url(h2_expandable_collapse.gif);
}




/*
======================================================================
GRUNDBLOCK: wrapper -> head, nav, main/content, foot
======================================================================
*/

DIV#wrapper
{
	width:800px;
	margin:0 auto;
	overflow:hidden;
}

#head
{
	display:block;

	height:84px;
	width:790px;
	margin:10px 5px 0 5px;
	padding:0;
	
	background-image:url(head_bg.jpg);
	background-image:url(head_autumn-hav-kobbar.jpg);
	background-image:url(head_summer-sunset.jpg);
	background-repeat:no-repeat;
}
#nav
{
	display:block;

	height:31px;
	width:790px;
	margin:10px 5px 0 5px;
	padding:1px 0;

	background-image:url(nav-bg2.gif);
	background-repeat:no-repeat;
	
	overflow:hidden;
}
#main
{
	display:block;
	clear:both;

	width:790px;
	margin:0 5px;
	padding:10px 0;
	min-height:300px;
}

#content
{
	display:block;
	
	margin:0;
	padding:10px 15px 10px 205px;
}
#foot
{
	display:block;

	height:30px;
	width:770px;
	margin:0 5px 10px 5px;
	padding:12px 10px 8px 10px;

	/*
	background-image:url(foot_bg.jpg);
	background-image:url(foot-bg.gif);
	*/
	background-image:url(foot-bg.jpg);
	background-repeat:no-repeat;
	
	text-align:center;
	font-size:10px;
	color:#808080;
}
/*
======================================================================
*/



/*
======================================================================
INNEHÅLLS-ELEMENT: "head"
======================================================================
*/
#head.season-spring{background-image:url(season-spring.jpg);}
#head.season-summer{background-image:url(season-summer.jpg);}
#head.season-autumn{background-image:url(season-autumn.jpg);}
#head.season-winter{background-image:url(season-winter.jpg);}
#head.season-valborg{background-image:url(season-valborg.jpg);}
#head.season-midsommar{background-image:url(season-midsommar.jpg);}
#head.season-lucia{background-image:url(season-lucia.jpg);}
#head.season-christmas{background-image:url(season-christmas.jpg);}
#head.season-newyear{background-image:url(season-newyear.jpg);}
#head.season-valentine{background-image:url(season-valentine.jpg);}





/*
======================================================================
*/


#foot A
{
	color:#808080;
}



#logo
{
	border:0;
}
#nav UL.navigation_0
{
	list-style:none;
	margin:0 9px 0 9px;
	padding:0;
/*
	border-right:1px solid #f5fafd;
	border-left:1px solid #8fc5e4;
*/
	font-weight:bold;
	height:31px;
}
#nav UL.navigation_0 LI
{
	display:block;
	float:left;
	margin:0;
	padding:0;
/*	border-right: 1px solid #DEDEDE;*/
}
#nav UL.navigation_0 LI A
{
	white-space:nowrap;
	background-image:url(nav-hover.gif);
	background-repeat:repeat-x;
	background-position:0 0;
/*	background-position:0 -62px;*/
	
/*
	border-left:1px solid #f5fafd;
	border-right:1px solid #8fc5e4;
*/
	display:block;
	padding:2px 21px 2px 22px;
	text-decoration:none;
	color:#444444;
	font-size:12px;
	line-height:27px;
/*
	width:68px;
	width:70px;
*/
	text-align:center;
}
#nav UL.navigation_0 LI A:hover
{
	background-position:0 0;
	/*background-color:#f1f1f1;*/
	/*color:#666666;*/
	/*
	filter:alpha(opacity=60);
	-moz-opacity:.6;
	opacity:.6;
	*/
	color:#999999;
}
#nav UL.navigation_0 LI A.active, #nav UL.navigation_0 LI A.open, #nav UL.navigation_0 LI A:active
{
	background-position:0 -2px;
	background-color:#85b7d3;
	background-color:#fb9f3b;
	background-color:#007cc2;
	border-right-color:#85b7d3;
	color:#000000;
	padding:2px 21px;
	border-left:1px solid #85b7d3;
	border-right:1px solid #85b7d3;
}





#normal
{
	border-collapse:collapse;
	width:100%;
	display:block;
}
#normal #content_left
{
	vertical-align:top;
	text-align:left;
	width:180px;
	padding:10px 0 10px 10px;
}

#normal #content_main
{
	vertical-align:top;
	text-align:left;
	padding:10px;
}
#normal #content_start
{
	vertical-align:top;
/*	text-align:left;*/
	padding:10px 10px 10px 0;
	overflow:hidden;
}
#normal #content_start TABLE.colholder
{
	border-collapse:collapse;
	width:100%;
}
#normal #content_start TABLE.colholder TD
{
	padding:0;
}
#normal #content_right
{
	vertical-align:top;
	text-align:left;
	width:210px;
	padding:10px 10px 0 10px;
}
#page_info
{
	border-top:1px solid #DEDEDE;
	padding:10px 0;
	margin:0 10px;
	font-size:10px;
	color:#666666;
}



#startpuff1
{
	background-image:url(dev_startbild.jpg);
	background-repeat:no-repeat;
	width:510px;
	height:174px;
	margin-bottom:10px;
	padding:20px 20px 20px 20px;
	cursor:inherit;
}
DIV.main-puff A.puff-link
{
	padding:0;
	margin:0;
	width:550px;
	height:224px;
	display:block;
}
DIV.kdm-puff
{
	display:block;
	
	height:214px;
	width:270px;
	margin:0;
	padding:0;

	background-image:url(puff-left.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	overflow:hidden;
}
DIV.kdm-puff.left
{
	float:left;
	background-image:url(puff-left.gif);
}
DIV.kdm-puff.right
{
	float:right;
	background-image:url(puff-right.gif);
}
DIV.kdm-puff DIV.puff-bg
{
	padding:20px;
	width:230px;
	height:174px;
	background-image:none;
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
}
DIV.kdm-puff A.puff-link
{
	padding:0;
	margin:0;
	width:270px;
	height:214px;
	display:block;
}
DIV.kdm-puff A.puff-link *, DIV.main-puff A.puff-link *
{
	cursor:hand;
	cursor:pointer;
}

#content_left UL.navigation_1, .box DIV.area UL.navigation_1, .box DIV.area UL.poll-result
{
	list-style:none;
	margin:0;
	padding:0 0 10px 0;
}
#content_left UL.navigation_1 LI, .box DIV.area UL.navigation_1 LI
{
	line-height:16px;
}
.box DIV.area UL.poll-result LI
{
	clear:both;
	line-height:16px;
	display:block;
	margin:5px 0;
	font-weight:bold;
}
.box DIV.area UL.poll-result LI DIV
{
	float:left;
	clear:left;
	line-height:16px;
	margin:0 0 0 10px;
	border:1px solid #85b7d3;
	background-color:#FFFFFF;
	background-color:#b4d8ed;
	background-image:url(poll-graph.jpg);
	background-repeat:repeat-y;
	background-position:0 0;
	overflow:visible;
	text-align:right;
	font-weight:normal;
}
.box DIV.area UL.poll-result LI B
{
	float:left;
	clear:left;
}
.box DIV.area UL.poll-result LI.sum
{
	background-image:none;
	border:none;
}
#content_left UL.navigation_1 A, .box DIV.area UL.navigation_1 A
{
	display:block;
	text-decoration:none;
	color:#333333;
	padding-left:10px;
	background-image:url(subnav_a.gif);
	background-position:0 7px;
	background-repeat:no-repeat;
}
#content_left UL.navigation_1 A:hover, .box DIV.area UL.navigation_1 A:hover
{
	text-decoration:underline;
	color:#000000;
}
#content_left UL.navigation_1 A.active, #content_left UL.navigation_1 A.open, .box DIV.area UL.navigation_1 A.active, , .box DIV.area UL.navigation_1 A.open
{
	color:#007cc2;
	background-image:url(subnav_a_active.gif);
	font-weight:bold;
}
#content_left UL.navigation_2, .box DIV.area UL.navigation_2
{
	list-style:none;
	margin:0;
	padding:2px 0 5px 20px;
	font-size:10px;
}
#content_left UL.navigation_2 LI, .box DIV.area UL.navigation_2 LI
{
	line-height:16px;
}
#content_left UL.navigation_2 A, .box DIV.area UL.navigation_2 A
{
	display:block;
	text-decoration:none;
	color:#333333;
	padding-left:10px;
	background-image:url(subnav_a.gif);
	background-position:0 6px;
	background-repeat:no-repeat;
}
#content_left UL.navigation_2 A.active, #content_left UL.navigation_2 A.open, .box DIV.area UL.navigation_2 A.active, , .box DIV.area UL.navigation_2 A.open
{
	color:#007cc4;
	background-image:url(subnav_a_active.gif);
	font-weight:bold;
}







DIV#sitemap UL
{
	list-style:none;
	margin:0;
	padding:0;
	line-height:16px;
	border:1px solid Red;
	border:0;
	background-image:url(tree-connect.gif);
	background-repeat:repeat-y;
	background-position:4px 0;
	
}
DIV#sitemap LI
{
	display:block;
	clear:left;
	padding:4px 0 4px 35px;
	margin:0 0 0 5px;
	background-image:url(tree-node.gif);
	background-repeat:no-repeat;
	background-position:0 8px;
	border:1px solid Blue;
	border:0;
}

DIV#sitemap UL.navigation_0
{
	font-size:12px;
	font-weight:bold;
}

DIV#sitemap UL.navigation_1
{
	font-size:12px;
	font-weight:normal;
}
DIV#sitemap UL.navigation_2, DIV#sitemap UL.navigation_3
{
	font-size:11px;
	font-weight:normal;
}
DIV#sitemap A
{
	margin:0;
	padding:0 0 0 15px;
	color:#333333;
	text-decoration:none;
	background-image:url(tree-page.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	line-height:16px;
}
DIV#sitemap A:hover
{
	text-decoration:underline;
	color:#000000;
}
DIV#sitemap A.root
{
	font-size:14px;
	font-weight:bold;
}







DIV#controlbar
{
	float:right;
	height:24px;
	margin:0;
	padding:1px 1px 0 5px;
	background-image:url(controlbar-left.gif);
	background-repeat:no-repeat;
}
DIV#controlbar TABLE
{
	border-collapse:collapse;
}
DIV#controlbar TD
{
	margin:0;
	padding:0 0 1px 0;
	vertical-align:top;
	background-image:url(controlbar-bg.gif);
	background-repeat:repeat-x;
	height:23px;
	line-height:23px;
}
DIV#controlbar TD.right
{
	margin:0;
	padding:0 0 1px 0;
	vertical-align:top;
	background-image:url(controlbar-right.gif);
	background-repeat:repeat-x;
	height:23px;
	line-height:23px;
}
DIV#controlbar SPAN
{
	margin:0;
	padding:0 5px;
	line-height:23px;
}
DIV#controlbar INPUT
{
	margin:0;
	padding:3px 5px;
	border:0;
	height:16px;
	line-height:16px;
	border-left:1px solid #8FC5E4;
	background-image:url(input-bg.jpg);
	background-repeat:repeat-x;
	width:100px;
	outline:none;
	display:block;
}

A.btn
{
	background-image:url(btn-bg.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	border-left:1px solid #F5FAFD;
	border-right:1px solid #8FC5E4;
	height:23px;
	display:block;
	float:left;
}
A.submit
{
	background-image:url(btnsubmit-bg.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	border-left:1px solid #F5FAFD;
	height:23px;
	width:30px;
	display:block;
	float:left;
}
A.btn:hover, A.submit:hover
{
	background-position:0 -23px;
}
A.btn IMG, A.submit IMG
{
	height:23px;
	border:0;
}







/*
BOX ELEMENT
*/
.box{
	width:210px;
	background-image:url(box_bg.gif);
	background-repeat:no-repeat;
	min-height:25px;
	margin:0 0 10px 0;
}
.box.right{
	float:right;
}
.box H3
{
	
	float:left;
	margin:0 0 0 5px;
	padding:0 15px 0 5px;
	line-height:25px;

	background-image:url(box_h_bg.gif);
	background-position:100% 0;
	background-repeat:no-repeat;

	font-size:11px;
	font-family:Verdana;
	white-space:nowrap;
	max-width:143px
}
.box IMG.ico
{
	float:left;
	margin:-8px -5px 0 5px;
	padding:0;
	width:32px;
	height:32px;
	background-image:none;
	background-repeat:no-repeat;

}
.box IMG.person
{
	background-image:url(box-ico-blue-person.jpg);
}
.box IMG.shortcut
{
	background-image:url(box-ico-blue-shortcut.jpg);
}
.box IMG.poll
{
	background-image:url(box-ico-blue-poll.jpg);
}

.box DIV.area
{
	display:block;
	
	width:188px;
	clear:both;
	padding:10px 10px 0 10px;

	background-image:url(box_a_bg.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
	background-color:#FEFFFF;
	
	border-left:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;

	font-size:10px;
	font-family:Verdana;
}

.box DIV.foot
{
	display:block;
	background-image:url(box_f_bg.gif);
	background-repeat:no-repeat;
	height:5px;
	width:210px;
}








DL.search-result
{
	margin-right:20px;
}
DL.search-result A
{
	text-decoration:underline;
}
DL.search-result DT
{
	font-size:12px;
	font-weight:bold;
	margin:15px 0 0 40px;
}
DL.search-result DT SPAN
{
	font-size:11px;
	font-weight:normal;
	margin:0 10px;
	color:#666666;
}
DL.search-result DD
{
	padding:0;
	margin:3px 0 2px 40px;
	line-height:15px;
}
DL.search-result DD.link A
{
	color:#666666;
}
DL.search-result DD.link
{
	color:#666666;
}




DL.autopuffar
{
	clear:both;
	margin:15px 0 0 0;
	padding:0;
}
DL.autopuffar DD.br
{
	clear:both;
	height:5px;
}
DL.autopuffar DD.img, DL.autopuffar DD.img2
{
	clear:both;
	margin:0 10px 0 0;
	float:left;
}
DL.autopuffar DT
{
	font-weight:bold;
	margin:4px 0;
}
DL.autopuffar DD
{
	margin:4px 0;
}
DL.autopuffar DD A
{
    text-decoration:none;
    color:#000000;
}
DL.autopuffar DD.img IMG
{
	border:1px solid #A3A1A2;
	background-color:#FFFFFF;
	padding:1px;
	width:75px;
	height:50px;
}
DL.autopuffar DD.img2 IMG
{
	border:1px solid #848484;
	background-color:#FFFFFF;
	padding:1px;
	width:100px;
}
/*

DL.autopuffar A
{
	text-decoration:underline;
}
DL.autopuffar DT
{
	font-size:12px;
	font-weight:bold;
	margin:15px 0 0 0;
}
DL.autopuffar DT SPAN
{
	font-size:11px;
	font-weight:normal;
	margin:0 10px;
	color:#666666;
}
DL.autopuffar DD
{
	padding:0;
	margin:3px 0 2px 40px;
	line-height:15px;
}
DL.autopuffar DD.link A
{
	color:#666666;
}
DL.autopuffar DD.link
{
	color:#666666;
}

*/






DIV.pagelinks
{
	float:left;
	clear:both;
	width:100%;
	padding:5px 0 0 0;
	border-top:1px solid #DEDEDE;
	color:#DEDEDE;
	font-size:10px;
}
DIV.pagelinks A
{
	white-space:nowrap;
	margin:5px 10px;
	float:left;
}
DIV.pagelinks DIV.separator
{
	float:left;
	height:16px;
	width:1px;
	margin:5px 0;
	
	background-color:#DEDEDE;
}
A.file, A.page, A.url
{
	display:block;
	
	padding:2px 0 2px 18px;
	line-height:16px;
	background-image:none; /*eg default*/
	background-repeat:no-repeat;
	background-position:0 50%;
	text-decoration:none;
	color:#333333;
}
A.file:hover, A.page:hover, A.url:hover
{
	text-decoration:underline;
	color:#666666;
}


A.doc{background-image:url(icon/doc.gif);}
A.gif{background-image:url(icon/gif.gif);}
A.jpeg{background-image:url(icon/jpeg.gif);}
A.jpg{background-image:url(icon/jpg2.gif);}
A.pdf{background-image:url(icon/pdf.gif);}
A.ppt{background-image:url(icon/ppt.gif);}
A.rss{background-image:url(icon/rss.gif);}
A.swf{background-image:url(icon/swf.gif);}
A.tif{background-image:url(icon/tif.gif);}
A.tiff{background-image:url(icon/tiff.gif);}
A.xls{background-image:url(icon/xls.gif);}
A.zip{background-image:url(icon/zip.gif);}

A.page{background-image:url(icon/link-internal.gif);}
A.url{background-image:url(icon/link-external.gif);}




TABLE.form
{
    margin:10px 40px;
}
TABLE.form TH
{
    text-align:left;
    font-weight:bold;
    padding-top:5px;
}
TABLE.form TD.line
{
    height:10px;
}



IFRAME.bordered
{
	border:1px solid #a3a1a2;
	padding:1px;
	background-color:#FFFFFF;
	width:576px;
	
}
SPAN.maxlength{
	font-size:10px;
	float:right;
}