﻿/*
 * KKV CSS
 * * * * * * * * * * * * * * * */
@import url(oldstyles.css);

body {
	background-image:url(../images/page_gradient.gif);
	background-repeat:repeat-x;
	margin-top:0;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	background-color:#e9e9e9;
	font-size:0.95em;
	color:#000;
	height:100%; 
	margin:0px; 
	padding:0px;
}

html {height:100%;}

a {color:#0071bd; text-decoration:none;}

img {border:none;}
p 
{
	margin-top:0; 
	margin-bottom:30px;
	font-size:0.75em;
	line-height:1.13em;
}

a:hover {text-decoration:underline;}

h1 {
	font-size:1.00em;
	line-height:1.13em;
	font-weight:bold;
	margin-top:0;
	margin-bottom:10px;
}

h2{
	font-size:0.88em;
	line-height:1.00em;
	font-weight:bold;
	margin-bottom:4px;
	margin-top:0;
}

h3{
	font-size:0.75em;
	line-height:0.88em;
	font-weight:bold;
	margin-bottom:0;
	margin-top:0;
}

.white{color:#FFFFFF;}
.blue{color:#0071bd!important;}

.smallGrey{
	font-size:0.56em;
	color:#646867;
}

a.arrowlink_11px {
	background:url(../images/pilar/blue_arrow_small.gif) no-repeat 5px;
	padding-left:12px;
	font-size:0.88em;
	font-weight:bold;
}


.right-container a.arrowlink_12px{
	background:url(../images/pilar/blue_arrow.gif) no-repeat left 2px ;
	padding:0;
	margin:0;
	padding:0 0 0 10px;
	font-weight:normal;
	margin-bottom:10px;
	font-size:0.75em;
	line-height:0.88em;
}

.right-container a.dokumentlink{
	padding:0;
	margin:0;
	padding:0 0 0 20px;
	font-weight:normal;
	margin-bottom:10px;
	font-size:0.75em;
	line-height:1.13em;
	background-repeat:no-repeat;
	background-position: left 1px;
/*	background:url(../images/iconer/doc_icon.gif) no-repeat left 1px ;*/
}

.right-container a.pdf
{
    BACKGROUND-IMAGE: url(../images/icons/pdf.gif)
}
.right-container a.word
{
    BACKGROUND-IMAGE: url(../images/icons/word.gif)
}
.right-container a.excel
{
    BACKGROUND-IMAGE: url(../images/icons/excel.gif)
}
.right-container a.zip
{
    BACKGROUND-IMAGE: url(../images/icons/zip.gif)
}
.right-container a.img
{
    BACKGROUND-IMAGE: url(../images/icons/images.gif)
}
.right-container a.ppt
{
    BACKGROUND-IMAGE: url(../images/icons/ppt.gif)
}
.right-container a.misc
{    
    BACKGROUND-IMAGE: url(../images/icons/misc.gif) 
}
.right-container a.www
{
	BACKGROUND-IMAGE: url(../images/icons/www2.gif);	
    /* BACKGROUND-IMAGE: url(../images/icons/www.gif) */
}
.right-container a.intern
{
	BACKGROUND-IMAGE: url(../images/icons/intern.gif);	
    /* BACKGROUND-IMAGE: url(../images/icons/www.gif) */
}

ul.date-list {
	width:100%;
	margin-bottom:10px;
	margin-top: 0px;
	padding:0px;
	/*font-size:10px;*/
}

ul.date-list li
{
	width:95%;
	display:block;
	margin-bottom:1px;
}

ul.date-list a{
	margin-left:0px;
	font-size:0.75em;
}

div.horizontal-line 
{
	margin-top:8px;
	border-bottom:solid 1px #d6d6d6;
	margin-bottom:8px;
	width:100%;
	line-height:0px;
	height:1px;
	margin-left:0px;
	float:right;
	clear:both;
}

div.horizontal-line-blue {
	margin-top:8px;
	border-bottom:solid 1px #afc9e0;
	margin-bottom:8px;
	width:100%;
	line-height:0px;
	height:1px;
	margin-left:0px;
	float:left;
}
 
 /* Bakgrund */
 div.bg-center {
	width:887px;
	min-height:100%; 
	margin-top:0;
	margin-bottom:0px;
	margin-right: auto;
	margin-left: auto;	
}
div.bg-container {
	width:887px;
	min-height:100%; 
	margin-top:0;
	margin-bottom:0px;
	background-image: url(../images/pageBg_shade.gif);
	/*margin-right: auto;
	margin-left: auto;*/
	float:left;
	
}

 /* Innehåll container*/
 div.content-container{
 width:877px;
 margin-left:5px;
 margin-right:5px;
 }

 /* Logga */
 div.logo {
	padding:18px 20px 16px 20px; 
	float:left;
	margin:0;
 }
 
  /* Toolbox */
div.toolbox{
 	background:url(../images/top_dekor.gif) no-repeat;
	width:14.38em;
	height:72px;
	padding:10px 15px 10px 0; 
	float:right;
	margin:0;
 }
 
div.english{
	width:80px;
	height:18px;
	float:right;
	margin:0;
	margin-bottom:5px;
 }
 
div.links{
   margin:0;
   	width:14.51em;
	float:left;	
 }

 
span.tools-left{
	margin:0;
	width:7.5em;
	float:left;
 }
 
span.tools-right{
	width:6.0em;
	float:right;
	margin:0;
 }
 
div.links a{
	background:url(../images/pilar/tool_arrow.gif) no-repeat;
	font-size:0.69em;
	display:block;
	padding:0 0 0 14px;
	line-height:0.81em;
	margin:0;
	margin-top:2px;
 }

  /* Topbar med sök */
div.topbar{
  background-image:url(../images/topBar_gradient.gif);
	width:877px;
	height:27px;
	float:left;
	margin:0;
	margin-top:0;
 }
 
div.search{
 	background-color:#facc21;
	width:215px;
	height:27px;
	float:right;
	border-left:solid 2px #FFFFFF;
	border-right:solid 2px #FFFFFF;
	margin:0;
	margin-right:13px;
	padding-right:5px;
 }
 
div.search div{
	margin:0;
	padding:0;
  margin-left:5px;
  margin-top:2px;
 }
 
input.search-field{
  font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:0.69em;
   color:#626262;
   width:150px;
   height:13px;
   margin:0;
	padding:0;
   padding:1px 4px 1px 4px;
	float:left;
	margin-left:8px;
	margin-top:2px;
 }
 
input.search-button {
	margin:0;
	padding:0;
	float:left;
	margin-left:7px;
}

  /* Left container */
div.left-container {
	margin:0;
	padding:0;
	width:186px;
	float:left;
	height:100%; 
}

div.left-container div{
	margin:0;
	padding:12px 15px 10px 15px;
}

/* Meny */
.left ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.leftmenu{
	background-position:left bottom;
	margin:0;
	padding:0;
}
.leftmenu ul{

	padding:0;
	margin:0;
}
.leftmenu ul.level2{
	background-color:#f5f5f5;
	border-bottom:solid 1px #d6d6d6;
	border-top:solid 1px #d6d6d6;
	padding-bottom:3px;
}

.left li{
	border-collapse:collapse;
	padding:0;
	margin:0;
	line-height:0.88em;
}
.left li.listlevel1{
	padding:0;
	margin:0;
	
	padding-top:5px;
}
.left li.listlevel2{
	padding:0;
	margin:0;
}
.left a{
	padding:0;
	margin:0;
	font-family:Arial;
	font-size:0.80em;
	line-height:1.25em;
	display:block;
}
.left a:visited{
	font-weight:normal;
}
.left a:active{
	font-weight:normal;
}
.left a.hreflevel1{
	background:url(../images/pilar/menu_unselected.gif) no-repeat;
	padding:0;
	margin:0;
	padding:4px 8px 4px 22px;
	border-bottom:solid 1px #d6d6d6;
}
.left a.hreflevel1-selected-start{
	background:url(../images/pilar/menu_selected.gif) no-repeat ;
	padding:0;
	margin:0;
	padding:4px 8px 4px 22px;
	border-bottom:solid 1px #d6d6d6;
}
.left a.hreflevel1-selected{
	background:url(../images/pilar/menu_selected.gif) no-repeat ;
	padding:0;
	margin:0;
	padding:4px 8px 4px 22px;
	font-weight:bold;
	
}
.left a.hreflevel1-selected-noChildren{
	background:url(../images/pilar/menu_selected.gif) no-repeat ;
	padding:0;
	margin:0;
	padding:4px 8px 4px 22px;
	font-weight:bold;
	border-bottom:solid 1px #d6d6d6;
}

.left a.hreflevel2{
	background:url(../images/pilar/subMenu_arrow.gif) no-repeat 16px 7px;
	padding:0;
	margin:0;
	padding:2px 10px 2px 23px;
	font-size:0.73em;	
}
.left a.hreflevel2-expanded{
	background:url(../images/pilar/subMenu_arrow_expanded.gif) no-repeat 15px 8px;
	padding:0;
	margin:0;
	padding:2px 10px 2px 23px;
	font-size:0.73em;	
}
.left a.hreflevel2-selected{
	background:url(../images/pilar/subMenu_arrow.gif) no-repeat 16px 7px;
	padding:0;
	margin:0;
	padding:2px 10px 2px 23px;
	font-size:0.73em;
	font-weight:bold;
}

.left a.hreflevel3{
	background:url(../images/pilar/subMenu_arrow.gif) no-repeat 23px 7px;
	padding:0;
	margin:0;
	padding:1px 10px 5px 30px;
	font-size:0.73em;	
}
.left a.hreflevel3-expanded{
	background:url(../images/pilar/subMenu_arrow_expanded.gif) no-repeat 22px 7px;
	padding:0;
	margin:0;
	padding:1px 10px 5px 30px;
	font-size:0.73em;	
}
.left a.hreflevel3-selected{
	background:url(../images/pilar/subMenu_arrow.gif) no-repeat 23px 7px;
	padding:0;
	margin:0;
	padding:1px 10px 5px 30px;
	font-size:0.73em;	
	font-weight:bold;
}

.left a.hreflevel4{
	background:url(../images/pilar/subMenu_arrow.gif) no-repeat 30px 7px;
	padding:0;
	margin:0;
	padding:1px 10px 5px 37px;
	font-size:0.73em;
}
.left a.hreflevel4-selected{
	background:url(../images/pilar/subMenu_arrow.gif) no-repeat 30px 5px;
	padding:0;
	margin:0;
	padding:0px 10px 5px 37px;
	font-size:0.73em;
	font-weight:bold;
}
 /* meny slut */
 
 div.left-container  div.leftBox_top{
	background:url(../images/leftBox_top.gif) no-repeat;
	width:157px;
	height:47px;
	float:left;
	padding:0;
	margin:0;
	margin-left:15px;
	margin-top:10px;
}
div.left-container div.leftBox_top h2{
	position:relative;
	margin-left:-5px; 
	margin-top:15px;
}
 div.left-container  div.leftBox_1px{
	background:url(../images/leftBox_1px.gif) no-repeat;
	width:157px;
	height:1px;
	float:left;
	padding:0;
	margin-left:15px;
}
 div.left-container  div.leftBox_bgLight{
	background:url(../images/leftBox_bgLight.gif) repeat-y;
	width:137px;
	float:left;
	padding:10px 10px 10px 10px;
	margin-left:15px;
 	line-height:12pt;
}
 div.left-container  div.leftBox_bgLight a{
 	font-size:0.75em;
}
div.left-container  div.leftBox_bgDark{
	background:url(../images/leftBox_bgDark.gif) repeat-y;
	width:137px;
	float:left;
	padding:10px 10px 10px 10px;
	margin-left:15px;
 	line-height:12pt;
}
 div.left-container  div.leftBox_bgDark a{
 	font-size:0.75em;
}
 div.left-container  div.leftBox_bottom{
	background:url(../images/leftBox_bottom.gif) no-repeat;
	width:157px;
	height:9px;
	float:left;
	padding:0;
	margin-left:15px;
	margin-bottom:10px;
}

div.left-container div.leftColumn_top{
	background:url(../images/leftColumn_top.gif) no-repeat;
	width:152px;
	height:34px;
	float:left;
	margin: 0 0 0 10px;
	padding: 0px 5px 0px 5px;
}
div.left-container div.leftColumn_bottom{
	background:url(../images/leftColumn_bottom.gif) no-repeat;
	width:162px;
	height:12px;
	float:left;
	margin: 0 0 0 10px;
	padding: 0px;
}
div.leftColumn_top h2{
	margin:0;
	padding:0;
	position:relative;
	margin:12px 0px 0px 10px;
	font-size: 0.725em;
}
div.left-container div.leftColumn_bg{
	background:url(../images/leftColumn_bg.gif) repeat-y;
	width:132px;
	float:left;
	margin-left:10px;
	padding:5px 15px 5px 15px;
}
div.left-container div.leftColumn_bg div{
	margin:0;
	padding:0;
	margin-left:0;
	margin-bottom:5px;
	float:left;
	width:157px;
}
div.leftColumn_bg div img{
	float:left;
	margin:0;
	padding:0;
	width:50px;
	margin-left:-2px;
	margin-right:6px;
}

div.leftColumn_bg p
{
	font-size: 0.7125em;
	padding:0px 0px 5px 0px;
	margin:0px;
}
div.leftColumn_bg p a{
	float:left;
	margin:0;
	padding:0px 0px 5px 0px;
	width:123px;
}
div.leftColumn_bg p a.newsletterlink
{
	background-image: url(../images/upphandling_newsletter.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}
 /* Left container slut*/



  /* Main container */
div.main-container {
	width:690px;
	float:right;
	border-left:solid #d6d6d6 1px;
	margin:0;
	padding:0px;
	margin-top:12px;
	margin-bottom:0;
}
  /* brödsmulor */
  
div.breadcrumb {
  	width:660px;
  	float:left;
	margin-left:15px;
	margin-right:15px;
	font-size:0.69em;	
	margin-bottom:8px;
	color:#0071bd;
 }

div.breadcrumb div.horizontal-line {
	width:100%;
  	float:left;
	border-bottom:solid 1px #d6d6d6;
	margin-top:1px;
}
  /* brödsmulor slut*/

div.main-container div.start{
	margin-left:15px;
	margin-right:8px;
	width:430px;
	float:left;
	padding:0;
}

div.main-container div.textPage{
	margin-top:0;
	margin-left:15px;
	margin-right:8px;
	width:420px;
	float:left;
}
div.main-container div.textPage ol li
{
	list-style-type:decimal;
}
div.main-container div.textPage ul li
{
	list-style-type:disc;
}
.wholeTextPage{
	width:660px!important;
}
.wideTextPage{
	width:580px!important;
}
.subscribeTextPage
{
	width:545px!important;
}
div.main-container div.textPage p{
	margin-bottom:20px;
	margin-top:0;
}
div.main-container div.textPage p.intro{
	font-weight:bold;
}

div.main-container div.textPage ul, div.main-container div.textPage ol{
	margin-bottom:20px;
	list-style:none;
	font-size:0.75em;
}
/*div.main-container div.textPage li 
{*/
	/*background:url(../images/star.gif) no-repeat left 3px;*/
/*	list-style-type:square;
	padding-top:0px;
	padding-left:3px;
	margin-bottom:0.5em;
	min-height:0px;
	margin-left:-25px;
}*/
div.main-container div.textPage div.width400 {
	width:400px;
}

div.main-container div.textPage div.puffBox1{
	width:210px;
	margin-left:-3px;
	margin-right:3px;
	margin-top:5px;
	margin-bottom:5px;
	padding:0;
	float:left;
}
div.main-container div.textPage div.puffBox2{
	width:210px;
	margin-left:4px;
	margin-right:-4px;
	margin-top:5px;
	margin-bottom:5px;
	padding:0;
	float:left;
}
div.main-container div.textPage div.puffBox1 ul
{
	margin-top:5px;
}
div.main-container div.textPage div.puffBox1 li
{
	margin-top:-5px;
}
div.main-container div.textPage div.puffBox2 ul
{
	margin-top:5px;
}
div.main-container div.textPage div.puffBox2 li
{
	margin-top:-5px;
}

div.main-container div.textPage  div.puffBox_top{
	background:url(../images/puffBox_top.gif) no-repeat;
	width:210px;
	height:10px;
	float:left;
	margin:0;
	padding:0;
}
div.main-container div.textPage div.puffBox_bg{
	background:url(../images/puffBox_bg.gif);
	width:185px;
	height:80px;
	float:left;
	margin:0;
	padding:5px 10px 5px 15px;
	display:block;
}
div.main-container div.textPage div.puffBox_bg div.noImage{
	float:left;
	width:100%;
}
div.main-container div.textPage div.puffBox_bg div{
	float:right;
	width:120px;
}
div.main-container div.textPage div.puffBox_bg div.puffImage{
	float:left!important;
	width:60px;
	overflow:hidden;
}
div.main-container div.textPage div.puffBox_bg div h3
{
	font-size:1.00em;
}
div.main-container div.textPage div.puffBox_bg div a{
	color:#000000;
	font-size: 0.75em;
}
div.main-container div.textPage div.puffBox_bottom{
	background:url(../images/puffBox_bottom.gif) no-repeat;
	width:210px;
	height:10px;
	float:left;
	margin:0;
	padding:0;
}
div.main-container div div.banner{
	margin-left:0;
	margin-right:0px;
	width:425px;
	margin:0;
	height:108px;
	overflow:hidden;
}
div.main-container div div.banner div.text{
	left:254px; 
	top:-90px;
	width:175px;
	position:relative;
	font-size:0.94em;
	font-weight:bold;
	color:#0071bd;
	margin:0;
}
div.main-container div div.banner div.text a{
	display:block;
	font-size:0.75em;
	font-weight:normal;
	margin-top:5px;
}
div.main-container div div.whitebox-top{
	background:url(../images/whiteBox_top.gif) no-repeat;
	width:433px;
	height:30px;
	float:left;
	margin-top:10px;
	margin-left:-4px;
	margin-right:0;
	margin-bottom:0;
	padding:0;
}
div.main-container div div.whitebox-top h3{
	position:relative;
	margin-left:15px; 
	margin-top:10px;
}
div.whiteBox p, div.blueBox p, div.whiteBox h3, div.blueBox h3
{
	line-height: 1.35em;
}
div.main-container div div.whitebox-main{
	background:url(../images/whiteBox_bg.gif) repeat-y;
	width:408px;
	padding:8px 12px 0px 13px;
	float:left;
	margin-bottom:0;
	margin-left:-4px;
	margin-right:0;
}

div.main-container div div.whitebox-main div.horizontal-line {
	margin-top:8px;
	border-bottom:solid 1px #d6d6d6;
	margin-bottom:8px;
	width:100%;
	line-height:0px;
	height:1px;
	margin-left:0px;
	float:left;
}
div.main-container div div.whitebox-main div.prenumerara {
	margin-left:0; 
	margin-bottom:-20px;
	float:left;
	width:100%;
}
div.main-container div div.whitebox-bottom{
	background:url(../images/whiteBox_bottom.gif) no-repeat;
	width:433px;
	height:8px;
	float:left;
	margin-left:-4px;
	margin-bottom:12px;
}
div.main-container div div.puff{
	width:205px;/*205px*/
	margin-right:10px;/*10px*/
	margin-bottom:15px;
	float:left;
	margin-left:0;
}
div.main-container div div.puff img{
	margin-right:5px;
	float:left;
	width:49px;
}
div.main-container div div.puff p{
	margin-bottom:0;
	line-height:1.06em;
}
div.main-container div div.puff a{
	font-weight:bold;
	display:block;
}
div.main-container div div.puff div{
	float:right;
	width:141px;
	margin-top:0;
	margin-left:0;
	margin-right:0;
}
div.main-container div div.puff div.noImage
{
	float:left;
	width:100%;
}

.alertDiv
{
	width:100%;
	clear:both;
	margin: 4px 4px 0px 4px; 
}
.alertDiv p
{
	margin: 0px;
	padding:0px;
}

 /* Right container*/
div.right-container{
	width:231px;
	float:right;
	margin:0;
	margin-right:10px;
	margin-left:-5px;
	padding:0;
}

div.rightTop-img{
	margin:0;
	padding:0;
	margin-bottom:15px;
	padding-left:5px;
}

div.rightColumn_top{
	background:url(../images/rightColumn_top.gif) no-repeat;
	width:231px;
	height:34px;
	float:left;
	margin:0;
	padding:0;
}
div.rightColumn_top h3{
	margin:0;
	padding:0;
	position:relative;
	margin-left:15px; 
	margin-top:11px;
}
div.rightColumn_bg{
	background:url(../images/rightColumn_bg.gif) repeat-y;
	width:201px;
	float:left;
	margin:0;
	padding:5px 15px 15px 15px;
}
div.rightColumn_bg div{
margin:0;
	padding:0;
	margin-left:0;
	margin-bottom:10px;
	float:left;
	width:230px;
}
div.rightColumn_bg div img{
	float:left;
	margin:0;
	padding:0;
	width:50px;
	margin-left:-2px;
	margin-right:6px;
}
div.rightColumn_bg div a{
	float:left;
	margin:0;
	padding:0;
	width:173px;
	font-weight:bold;
	padding-top:5px;
}
div.link{
	margin:0;
	padding:0;
	display:block;
}
div.rightColumn_middlehead{
	background:url(../images/rightColumn_midheader.gif) no-repeat;
	width:231px;
	height:26px;
	float:left;
	margin:0;
	padding:0;
}
div.rightColumn_middlehead h3{
	position:relative;
	margin-left:15px; 
	margin-top:6px;
}
div.rightColumn_bg h3{
	margin-bottom:13px;
}

div.rightColumn_bg span.date{
	display:block;
	margin-top:10px;
	color:#646867;
	font-size:0.63em;
}
span.date-top{
	display:block;
	margin-top:0;
	color:#646867;
	font-size:0.63em;
}
div.rightColumn_bg p a{
	font-size: 1.00em;
}
div.rightColumn_bg a{
	display:block;
	font-size: 0.75em;
	line-height:1.13em;
	margin-bottom:3px;
}
div.rightColumn_bg a.link_11px{
	display:block;
	font-size:0.69em;
}

div.rightColumn_bg p{
	margin-bottom:13px;
	color:#646867;
	font-size:0.69em;
}
div.rightColumn_bg a.arrowlink_12px_b{
	background:url(../images/pilar/blue_arrow_small.gif) no-repeat left 5px;
	display:block;
	font-weight:bold;
	padding-left:5px;
}
div.rightColumn_bottom{
	background:url(../images/rightColumn_bottom.gif) no-repeat;
	width:231px;
	height:12px;
	float:left;
	margin:0;
	padding:0;
}

 /* Right container slut*/
 
 /* Footer*/
 div.footer{
 	margin-top:10px;
 	/*margin-bottom:20px;*/
 	font-size:0.63em;
	color:#535353;
	padding-left: 4px;
	padding-right: 4px;
	width:878px;
	float:left;
	line-height:1.00em;
 }
  div.footer div.adress{
  width:810px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
 }
 div.footer a{
 }

  div.footer div.footer-divider{
  border-right:#535353 solid 1px;
  padding-right:3px;
  margin-right:3px;
  float:left;
 }
 div.footer div.footer-divider-last{
  border-right:none;
  margin-bottom:10px;
  float:left;
 }

/* Processer */
div.process
{
	margin-top: 7px;
	margin-left:auto;
	margin-right:auto;
	width:137px;
	display:block;
	clear:both;
}

div.processItem
{
	width:115px;
	text-align:center;
	border:solid 1px #eeeeee;
	font-size:0.68em;
	font-weight:bold;
	min-height:40px;
	padding:10px;
	z-index:1;
}

div.verticalAlign 
{
	position:relative;
	top:7px;
	text-align: center;
	/*border:1px solid #669900;*/
	display:block
}

div.processItem img
{
	z-index:10;
}

div.processItem span
{
	overflow:hidden;
}

div.processItem a, div.processItem a:hover
{
	color:#ffffff;
	text-decoration:none;
}

div.processItem .disabled
{
	background-color:#cccccc;
	color:#333333;
}

div.processSeparator
{
	margin-left:51px;
	margin-top:-5px;
	margin-bottom: -5px;
}

/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
