﻿/*XFORMS*/
#id_matrix
{
	border:0px !important;
	border-spacing:0;
	padding:0;
	table-layout:fixed !important;	
}

#id_matrix tr td fieldset input[type=text]
{	
	width:100px !important;
	border:0px !important;
}

#id_matrix tr td fieldset input[type=radio]
{	
	width:20px !important;
	border:0px !important;
}

#id_matrix tr td fieldset
{		
	border:0 !important;
}

.xForm
{
    width:654px;
    margin-bottom:0; 
    background:#ffffff url('/img/shadow654.gif') no-repeat; 
    padding:14px 14px 0 14px; 
    border:0; 
}

.xForm TEXTAREA
{
    width:295px;    
}

.xform-shadow-bottom
{
    background:#ffffff url('/img/shadow654-bottom.gif') no-repeat top; 
    height:4px;
    padding:16px 0px 0;
    width:654px;    
}        

.XForms-table
{
    width:645px;    
}

/*GENERELL GRUNDFORMATERING*/
body {background:#ffffff url(../img/bg4.jpg) no-repeat top center;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#222222; 
	line-height:18px;
	margin:0;
	padding:0;
	overflow:scroll;
	overflow:-moz-scrollbars-vertical;}
	#sitemap {width:938px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;}

#container {width:938px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;}
a {text-decoration:none;}
ul, #main ul.images, #main ul.form , #main div.filter ul, #main div.standardform ul, #main div.sort ul{list-style:none outside; clear:both; margin:0; padding:0;}
#main .maintext ul {list-style:disc outside; margin-left:20px;}
#main .maintext ul li {padding:6px 0 0 7px;}
#main .maintext ol {margin:0 0 0 27px; padding:0;}
#main .maintext ol li {padding:6px 0 0 0;}

form {margin:0; padding:0;}
h1 {font-weight:normal; font-size:28px; line-height:32px; margin:10px 0 16px 0; padding:0;}
h2 {font-weight:normal; font-size:20px; line-height:26px; margin:30px 0 0 0; padding:0;}
h3 {font-weight:bold; font-size:14px; line-height:20px; margin:30px 0 0 0; padding:0; color:#444444;}
h3.pink {font-weight:bold; font-size:14px; line-height:20px; margin:30px 0 0 0; padding:0; color:#CF027F;}
img {border:0;}
area {border:0;}

input, select, textarea, #header {font-family:Arial, Helvetica, sans-serif; font-size:11px;}
input, select, textarea {border:1px solid #d4d4d4;}
input.noborder {border:none; margin:0; padding:0; width:auto;}
input.btn {border:0; background:url(../img/btn100.gif) no-repeat; padding:1px 5px 4px 5px; width:100px; text-align:center;}
input.btn:active {background:url(../img/btn100active.gif) no-repeat;}
#content input.btn {background:url(../img/btn120.gif) no-repeat; width:120px;}
#content input.btn:active {background:url(../img/btn120active.gif) no-repeat;}

#content {background:#ffffff; padding:0; position:relative;}

#content a {color:#444444; border-bottom:1px solid #bbbbbb; text-decoration:none;}
#content a.noborder {border-bottom: 0;}
#content a:hover {border-bottom:0; color:#222222;}
#content a.button, #content a.button-small, #content a.prevbutton, #content a.prevbutton-small {font-size:14px; font-weight:bold; color:#4573b3; border-bottom:0; padding:2px 12px 2px 18px; background:#ffffff url(../img/link.gif) no-repeat left center;}
#content a.prevbutton, #content a.prevbutton-small {background:#ffffff url(../img/link-prev.gif) no-repeat left top;}
#content a.button-small, #content a.prevbutton-small {font-size:12px;}
#content a.button:hover, #content a.button-small:hover {color:#44c8f5; background:#ffffff url(../img/link-hover.gif) no-repeat left center;}
#content a.prevbutton:hover, #content a.prevbutton-small:hover {color:#44c8f5; background:#ffffff url(../img/link-prev-hover.gif) no-repeat left top;}

.link, .pdf, .external, .word, .anchor {padding:2px 0 2px 24px; background:#ffffff url(../img/link.gif) no-repeat left center;}
.pdf {background:#ffffff url(../img/link-pdf.gif) no-repeat left top;}
.external {background:#ffffff url(../img/link-external.gif) no-repeat left top;}
.word {background:#ffffff url(../img/link-word.gif) no-repeat left top;}
.anchor {background:#ffffff url(../img/link-anchor.gif) no-repeat left top;}

#skipto, #uptomenu {position: absolute; width:1px; text-indent:-9999px;}




/*SIDHUVUD exkl menyer*/
#header {background-color:#ffffff; height:100px;}
#header a, #footer a {background-color:#ffffff; color:#4573b3;}
#header a:hover, #footer a:hover {background-color:#ffffff; color:#44c8f5;}

#search, #mainsearch, #searchform .inputtext {width:230px; margin-right:10px;}
.eng #search, .eng #mainsearch {width:220px; margin-right:10px;}
#left #mainsearch {width:180px;}
.leftwpzone {padding-left:0px;}
#header li.mainform {width:220px; float:left; clear:both;}
#header li.side {width:100px; float:left; margin-bottom:6px;}
#header li.mainform input {width:140px;}
#header li.mainform label {display:block; float:left; width:60px; text-align:right; padding-right:6px;}
#header #searchbox ul {padding:15px 0 0 15px;}
#header #searchbox li {display:inline; padding:0; margin:0;}

#logo {float:left; width:267px; height:100px; background:url(../img/headerline.gif) no-repeat right;}
#logo img {padding:20px 0 0 15px;}

#login, #logout {float:left; width:360px; height:100px; background:url(../img/headerline.gif) no-repeat right;}
#login ul {margin:12px 10px 0 10px;}
#login ul#helplinks {margin:2px 5px 0 20px;}
#logout ul#helplinks {margin:0 5px 0 0;}
#login ul#helplinks li {float:left; padding:3px 10px 0 10px; margin:0; width:auto;}
#logout ul#helplinks li {float:right; padding:0 10px 0 10px; margin:0; width:auto;}
ul#helplinks li a {padding:2px;}
ul#helplinks .active a {color:#ffffff; background:#44c8f5;}
#logout p {padding:10px 0 13px 15px; margin:0;}

#searchbox {clear:both; width:310px; border-top:1px solid #eaeaea;}
#searchbox input.btn {background:url(../img/btn40.gif) no-repeat; width:40px;}
#searchbox input.btn:active {background:url(../img/btn40active.gif) no-repeat;}
.eng #searchbox input.btn {background:url(../img/btn50.gif) no-repeat; width:50px;}
.eng #searchbox input.btn:active {background:url(../img/btn50active.gif) no-repeat;}

#titles {clear:both; color:#ffffff; padding:0; margin:0 0 0 12px; font-size:11px;}
#titles #breadcrumbs {margin:0; padding:2px 0 10px 0;}
#titles h1, #titles h2 {font-size:24px; line-height:28px; margin:0; padding:0 0 8px 7px; font-weight:normal;}
#titles a {color:#ffffff;}
#titles a:hover {text-decoration:underline;}
#titles #tools {float:right; width:auto; margin-right:0; padding:2px 0 0 50px;}
#titles #tools.space {margin-top:6px;}
#titles #tools a {color:#f3f3f3;}
#titles #tools li {float:left; padding:0 0 0 25px; width:auto;}
#titles #tools li.tip {background:url(../img/icon-tip.png) no-repeat; padding-right:20px; position: relative; }
#tellafriend 
{
    background: #FFF;
    border: solid 5px #CCC;
    left: 720px;
    height: 125px;
    margin: 0 0 -135px 0;
    position: relative;
    top: 20px;
    width: 140px;
    z-index: 100;
    font-size:11px;
}
#tellafriend table {
    margin: 0;
    padding: 0;
    width : 140px;
}
#tellafriend table tr {
    margin: 0;
    padding: 0;
}
#tellafriend table tr td {
    margin: 0;
    padding: 5px 10px 0 10px;
}
#tellafriend table tr td label {
    color: #000;
    display: block;
}
#tellafriend table tr td input.text {
    display: block;
    padding: 0 0 5px 0;
    width: 120px;
}
#tellafriend div.success 
{
    color: #000;
    font-weight: bold;
    margin: 50px 0 0 0;
    text-align: center;
}
#tellafriend div.error
{
    color: #cc0033;
    font-weight: bold;
    text-align: center;
}

#titles #tools li.print {background:url(../img/icon-print.png) no-repeat; padding-right:20px;}

#errorform table {
    margin: 0;
    padding: 0;
    width : 190px;
}
#errorform table tr {
    margin: 0;
    padding: 0;
}
#errorform table tr td {
    margin: 0;
    padding: 5px 10px 0 10px;
}
#errorform table tr td label {
    color: #000;
    display: block;
}
#errorform table tr td input.text {
    display: block;
    padding: 0 0 5px 0;
    width: 170px;
}
#errorform table tr td textarea.text {
    display: block;
    height: 100px;
    padding: 0 0 5px 0;
    width: 170px;
}
#errorform div.success 
{
    font-weight: bold;
    margin: 20px 0 0 0;
    text-align: center;
}


/*SIDFOT*/
#footer {background:#ffffff; font-size:11px; border-top:2px solid #d4d4d4; padding:12px 12px 12px 18px; height:24px; margin-bottom:20px;}
#footer ul li {float:left; padding:0 20px 0 0; width:auto;}




/*MENYER, NAVIGERING*/
#headermenu {float:left; width:310px;}
#headermenu ul li {float:left; height:30px; padding:12px 10px 0 12px; width:auto;}
#headermenu ul li a {padding:2px;}
#headermenu .active a {color:#ffffff; background:#44c8f5;}

#topmenu {clear:both; font-size:13px;}
#topmenu a {color:#000000;}

#topmenu.startpage ul li, #topmenu.startpage-eng ul li {float:left; width:132px; margin: 0 0 22px 2px;}
#topmenu.startpage a, #topmenu.startpage-eng a {display:block; width:122px; padding:4px 4px 4px 6px; background-color:#7b7b7b; background-image: url(../img/menu.gif);}
#topmenu.startpage ul li.first, #topmenu.startpage-eng ul li.first {width:134px; margin-left:0;}
#topmenu.startpage ul li.first a, #topmenu.startpage-eng ul li.first a {width:124px;}
#topmenu.startpage li.active a, #topmenu.startpage-eng li.active a {background-color:#44c8f5; background-image: url(../img/menuactive.gif);}
#topmenu.startpage li a:hover, #topmenu.startpage-eng li a:hover {background-color:#4573b3; background-image: url(../img/menuhover.gif);}
#topmenu.startpage a span.title, #topmenu.startpage-eng a span.title {display:block; font-weight:bold; color:#ffffff;}
#topmenu.startpage a span.description, #topmenu.startpage-eng a span.description {display:block; margin:8px 0 0 0; font-size:11px; line-height:16px; height:35px; padding-right:2px;}

#topmenu.startpage-eng ul li, #topmenu.sub-eng ul#level1 li {width:154px;}
#topmenu.startpage-eng a, #topmenu.sub-eng ul#level1 li a {width:144px;}
#topmenu.startpage-eng ul li.first, #topmenu.sub-eng ul#level1 li.first {width:158px;}
#topmenu.startpage-eng ul li.first a, #topmenu.sub-eng ul#level1 li.first a {width:148px;}

#topmenu.nosub {height:64px;}
#topmenu ul#level1 li {float:left; width:auto; margin:0 0 0 2px;}
#topmenu ul#level1 li a {display:block; color:#ffffff; width:122px; margin:0; background-color:#7b7b7b; font-weight:bold; padding:4px 4px 4px 6px;}
#topmenu ul#level1 li.first {width:134px; margin:0;}
#topmenu ul#level1 li.first a {margin:0; width:124px;}
.eng #topmenu ul#level1 li a {width:144px;}
.eng #topmenu ul#level1 li.first a {width:148px;}
#topmenu ul#level1 li a:hover {background-color:#4573b3;}
#topmenu ul#level1 li.active a, #topmenu.nosub ul#level1 li.active a {background: #44c8f5 url(../img/submenu.gif) repeat-x bottom; margin:0; padding:4px 4px 6px 6px;}
#topmenu.nosub ul#level1 li.active a {padding:4px 4px 4px 6px; background-image:none;}
#topmenu ul#level1 li.active a:hover, #topmenu.nosub ul#level1 li.active a:hover {background: #4573b3 url(../img/submenuhover.gif) repeat-x bottom;}

#topmenu ul#level2 {width:938px; text-align:center; background-color:#44c8f5; margin-bottom:16px;}
#topmenu ul#level2 li {display:inline; margin:0 8px 0 8px;}
.eng #topmenu ul#level2 li {display:inline; margin:0 4px 0 4px;}
#topmenu ul#level2 li a, .eng #topmenu ul#level2 li a {display:inline-block; padding:4px;}
#topmenu ul#level2 li a:hover {color:#ffffff; background-color:#4573b3;}
#topmenu ul#level2 li.active a {color:#ffffff; font-weight:bold;}

#content #submenu {font-size:11px; border-top:1px solid #d7d7d7; width:190px; margin-left:20px;}
#content #submenu a {border:0; color:#333333;}
#content #submenu a:hover {color:#cf027f;}
#content #submenu li {padding:4px 0 4px 18px; border-bottom:1px solid #d7d7d7;}
#content #submenu li.more {background:url(../img/more.gif) no-repeat left center;}
#content #submenu li.more-open {background:url(../img/more-open.gif) no-repeat left center;}
#content #submenu li li {border:0; padding:5px 0 5px 0;}
#content #submenu li li a {display:block; border-left:4px solid #d7d7d7; padding: 0 0 0 10px;}
#content #submenu li li a:hover {border-left:4px solid #f11486;}
#content #submenu .active, #submenu .more-open {font-weight:bold;}
#content #submenu .active a {color:#f11486;}




/*SÄRSKILDA INNEHÅLLSYTOR, GENERELLT*/
#left, #main, #resource {float:left; margin:26px 12px 12px 0; padding:0 0 50px 0; min-height:350px;}
/*#left, #content {border:1px solid red;}*/
#resource h3 {margin:0;}
#main div h3 a {border:0; color:#cf0277;}
#main div h3 a:hover {text-decoration:underline; color:#cf0277;}
#resource p {margin:6px 0 0 0;}
#resource img {display:block;}

#resource div div.shadow-zone {padding:14px 14px 0;margin-bottom:0px; border:0px solid #ffffff;  background:#ffffff url(../img/shadow220.gif) no-repeat;}

#resource div div {margin-bottom:15px; border:4px solid #ffffff;}

#resource div div.shadow, #resource div div.shadow-img {margin-bottom:0; background:#ffffff url(../img/shadow220.gif) no-repeat; padding:14px 14px 0 14px; border:0;}
#resource div div.shadow span.player a img { float:left; }
#resource div div.shadow-bottom, #resource div div.shadow-img-bottom {height:14px; background:#ffffff url(../img/shadow220-bottom.gif) no-repeat; border:0; padding:0;}
#resource div div.shadow-img {border:0; padding:4px 4px 0 4px; margin:0;}
#resource div div.shadow-img a {border:0;}
#resource div div.shadow-img-bottom {background:#ffffff url(../img/shadow220-img-bottom.gif) no-repeat top; height:4px;}

#resource div div.shadow-zone {padding:14px 14px 0;margin-bottom:0px; border:0px solid #ffffff;  background:#ffffff url(../img/shadow220.gif) no-repeat;}





/*SÄRSKILDA INNEHÅLLSYTOR, STARTSIDAN*/
.startpage #main {width:455px;}
.startpage #main #news, .startpage #main #calendar {clear:both; margin:0 7px 0 20px;}
.startpage #resource {width:454px; margin-right:0;}
.startpage #resource .left {float:left; width:220px; margin-right:14px;}
.startpage #resource .right {float:left; width:220px;}

.startpage #main #calendar p {padding:0; margin:0 0 0 4px;}
.startpage #resource {width:454px; margin-right:0;}

.startpage-eng #main {width:689px;}
.startpage-eng #resource {width:220px; margin-right:0;}
.startpage-eng #main #news {clear:both; margin:0 0 0 10px; padding:0 20px 0 245px;}

#resource div.fullwidth div.shadow, #resource div.fullwidth div.shadow-img {background:#ffffff url(../img/shadow454.gif) no-repeat;}
#resource div.fullwidth div.shadow-bottom {background:#ffffff url(../img/shadow454-bottom.gif) no-repeat;}
#resource div.fullwidth div.shadow-img-bottom {background:#ffffff url(../img/shadow454-img-bottom.gif) no-repeat top;}

.box-border {background:#ffffff;}
.box-border h3 {border:5px solid #d7d7d7; border-bottom:0; padding:10px 10px 0 10px; font-size:16px; line-height:22px;}
.box-border ul {border:5px solid #d7d7d7; border-top:0; padding:1px 10px 10px 10px;}
#resource .box-border li {padding:8px 0 0 0; margin:0;}
#resource .box-border p {padding:0 0 8px 0; margin:0;}
#resource .box-border p.date {padding:0; margin:0; width:62%;} /* note:?? */

.box-black {padding:10px;}
.box-purple h3, .box-blue h3, .box-yellow h3, .box-green h3 {padding:2px 6px 2px 6px;}
.box-purple p, .box-blue p, .box-yellow p, .box-green p {padding:0 6px 6px 6px;}

.box-black, #content .box-black a {background:#000000; color:#ffffff;}
.box-purple, #content .box-purple a {background:#f11486; color:#000000;}
.box-blue, #content .box-blue a {background:#44c8f5; color:#000000;}
.box-yellow, #content .box-yellow a {background:#f5f634; color:#000000;}
.box-green, #content .box-green a {background:#99cf16; color:#000000;}

.box-black h3, #content .box-black h3 a {color:#f5f634; font-size:16px;}
.box-purple h3, #content .box-purple h3 a {background:#81017e; color:#ffffff;}
.box-blue h3, #content .box-blue h3 a {background:#0055a8; color:#ffffff;}
.box-yellow h3, #content .box-yellow h3 a {background:#cccc00; color:#ffffff;}
.box-green h3, #content .box-green h3 a {background:#3a9625; color:#ffffff;}

#content .box-black a, #content .box-purple a, #content .box-blue a, #content .box-yellow a, #content .box-green a {border:0;}
#content .box-black a:hover, #content .box-purple a:hover, #content .box-blue a:hover, #content .box-yellow a:hover, #content .box-green a:hover {text-decoration:underline;}

#content .quicklinks h3  a, #content h3.pink a, #content .quicklinks h3.pink a, #content .quicklinks h3.green a, #content .quicklinks h3.black a {font-weight:bold; color:#cf027f; border:0;}
#content .quicklinks h3.green a {color:#3a9625;}
#content .quicklinks h3.black a {color:#000000;}
#content .quicklinks h3 a:hover, #content #tv-small h3 a:hover {text-decoration:underline;}
#content h3.blue a {font-weight:bold; color:#0055a8; border:0;}
#content h3.pink a {font-weight:bold; color:#cf027f; border:0;}
.quicklinks {margin:0px;}
.quicklinks p {padding-bottom:16px;}
.quicklinks p.img {padding:4px 0 6px 0;}
#content .datelist {margin:0px;}
#content .datelist li {margin:0; padding:10px 0 0 0;}
#content .datelist li p, .datelist li p.date {margin:0; padding:0;}
.datelist li a.button {display:block; margin-top:6px;}

#content #tv-small h3 {font-size:12px;}
#content #tv-small * {font-size:11px;}
#content #tv-small span.player {display:block; width:192px; height:107px; margin:6px 0 8px 0; padding:0; background:#d7d7d7;}
#content #news span.player {display:block; width:428px; height:269px; margin:4px 0 18px 0; padding:0; background:#d7d7d7;}
.subpage1 #content span.player {display:block; width:396px; height:249px; margin:4px 0 18px 0; padding:0; background:#d7d7d7;}

div.shadow h3.large {font-size:18px; line-height:22px; padding-top:2px;}



/*SÄRSKILD FORMATERING, STARTSIDAN*/
.startpage #main h2.section {border-top:3px solid #d7d7d7; margin-top:40px; padding:20px 0 10px 3px; font-weight:bold; font-size:18px;}
.startpage #main h2.section a {border:0; color:#cf027f;}
.startpage #main h2.section a:hover {text-decoration:underline;}

.newsintro-img {clear:both; float:left; margin:4px 20px 0 0; width:108px;}
.newsintro, .startpage-eng #news .newsintro {float:left; width:275px; margin:0 0 10px 0;}
.newsintro-wide, .startpage-eng #news .newsintro-wide {margin:0 0 10px 0;}

.startpage-eng .newsintro-img {clear:both; float:left; width:235px; margin-bottom:15px;}
.startpage-eng .newsintro-img img {margin:0 0 0 20px;}
.startpage-eng .newsintro {float:left; width:410px; margin-bottom:15px;}
.startpage-eng #news .newsintro-img {clear:both; float:left; margin:4px 20px 0 0; width:108px;}
.startpage-eng #news .newsintro-img img {margin:0;}
.startpage-eng #news .newsintro {float:left; width:275px; margin:0 0 10px 0;}

.newsintro h2, .newsintro-wide h2 {margin:0; padding:0; font-size:18px; line-height:22px;}
#content .newsintro h2 a, #content .newsintro-wide h2 a {color:#000000; border:0;}
#content .newsintro h2 a:hover, #content .newsintro-wide h2 a:hover {text-decoration:underline;}
.newsintro p, .newsintro-wide p {margin:0; padding:0 0 10px 0;}
.newsintro p.date, .newsintro-wide p.date {padding:2px 0 2px 0;}

#orderform {
    border: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
}
#orderform table {
    margin: 10px 0 0 0;
    padding: 0;
    width : 180px;
}
#orderform table tr {
    margin: 0;
    padding: 0;
}
#orderform table tr td {
    margin: 0;
    padding: 0;
}
#orderform table tr td.label {
    padding: 0 5px 5px 0;
}
#orderform table tr td.input {
    padding: 0 0 5px 0;
}
#orderform table tr td.input input {
    width: 117px;
}


/*SÄRSKILDA INNEHÅLLSYTOR, UNDERSIDOR*/
.subpage1 #left, .subpage2 #left {width:242px;}
.subpage1 #left img, .subpage2 #left img {padding-left:30px;}
.subpage1 #main {width:415px; padding-right:20px;}
.subpage1 #resource {width:220px; font-size:11px; line-height:16px;}
.subpage2 #main {width:605px; padding-right:20px;}
.subpage2 #main .mainintro {width:415px; padding:0 20px 4px 4px;}

#content.subpage3 {padding-bottom:50px;}
.subpage3 .left, .subpage3 .right, .subpage3 #intro {width:420px; padding:0 10px 0 20px;}
.subpage3 .left, .subpage3 .right {width:430px; margin-top:0; float:left;}
.subpage3 .left {clear:both;}
.subpage3 #intro {padding:20px 0 0 20px; font-weight:bold;}
.subpage3 h3 a {border:0; color:#cf0277;}

.maintext, .mainpreview {padding:0 0 4px 4px;}
.mainpreview {color:#999999;}

.mainresource {padding-top:10px;}
.mainresource h3, .mainresource p {margin:0;}
.mainresource p {padding:4px 0 4px 0;}
.mainresource h3 a {border:0; color:#cf0277;}
.mainresource h3 a:hover {text-decoration:underline; color:#cf0277;}
.mainresource div.shadow {margin-bottom:0; background:#ffffff url(../img/shadow410.gif) no-repeat; padding:14px 14px 0 14px; border:0;}
.mainresource div.shadow-bottom {height:24px; background:#ffffff url(../img/shadow410-bottom.gif) no-repeat; border:0; padding:0;}
.mainresource div.shadow604 {margin-bottom:0; background:#ffffff url(../img/shadow604.gif) no-repeat; padding:14px 14px 0 14px; border:0;}
.mainresource div.shadow-bottom604 {height:24px; background:#ffffff url(../img/shadow604-bottom.gif) no-repeat; border:0; padding:0;}


.mainresource li {clear:both; margin-top:10px;}
.mainresource li.side {padding-left:126px;}
.mainresource li.mainform input {width:200px;}
.mainresource li.topaligned input {vertical-align: top;}
.mainresource li.mainform label {display:block; float:left; width:120px; text-align:right; padding-right:6px;}
.mainresource li.mainformwide input {width:200px;}
.mainresource li.mainformwide label {display:block; float:left; width:131px; text-align:right; padding-right:6px;}
 #ulform label {display:block; float:left; width:131px; text-align:right; padding-right:6px;}

span.top {display:block; width:80px; float:right; font-size:11px;}
#content span.top a {border:0; color:#4573b3; padding:2px 0 2px 20px; background:url(../img/link-top.gif) no-repeat left top;}
#content span.top a:hover {color:#44c8f5; background:url(../img/link-top-hover.gif) no-repeat left top;}




/*SÄRSKILD FORMATERING, UNDERSIDOR*/
.in-list {border-top:2px solid #d7d7d7;}
.card {margin:20px 0 0 0; padding:15px 0 0 0; }
.card-first {border-top:0; margin:0; padding:0;}
.card img {float:left;}
.card p, .card h3 {margin:0; padding-left:90px;}
.card h3 {font-size:12px;}
.card p.title {font-size:11px; margin:3px 0 10px 0;}
.card p.space {margin-top:10px;}

sitemap #main {margin:0; padding:0;}
#content .mapcol {list-style:none outside; width:194px; float:left; clear:none; font-size:11px; padding:0 20px 50px 20px;}
#content .mapcol li {font-weight:bold; margin-top:12px;}
#content .mapcol li a {border-bottom:0; padding:0; margin:0;}
#content .mapcol li a:hover {color:#cf027f;}
#content .mapcol .title {border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; margin:30px 0 -8px 0; font-size:12px; padding-bottom:4px;}
#content .mapcol .title a {color:#4573b3;}
#content .mapcol .title a:hover {color:#44c8f5;}
#content .mapcol li.level2, #content .mapcol li.level3 {font-weight:normal; margin-top:0;}
#content .mapcol li.level2 a, #content .mapcol li.level3 a {display:inline-block; padding:0 0 0 8px; border-left:4px solid #d7d7d7; margin:0 0 0 2px;}
#content .mapcol li.level2 a:hover, #content .mapcol li.level3 a:hover {border-left:4px solid #f11486;}
#content .mapcol li.level3 a {margin-left:24px;}




/*LÄNKLISTOR*/
#resource ul.linklist {padding:4px 0 4px 0;}
#resource ul.linklist li{padding:2px 0 2px 24px; background:url(../img/link.gif) no-repeat 0 6px;}
#resource ul.linklist li.pdf {background:url(../img/link-pdf.gif) no-repeat left top;}
#resource ul.linklist li.external {background:url(../img/link-external.gif) no-repeat left top;}
#resource ul.linklist li.word, #resource ul.linklist li.docx, #resource ul.linklist li.doc {background:url(../img/link-word.gif) no-repeat left top;}

#resource ul.linklist li.anchor {background:url(../img/link-anchor.gif) no-repeat left top;}

#main .mainresource ul.linklist {list-style:none outside; padding:4px 0 4px 0;}
#main .mainresource ul.linklist li {padding:0 0 4px 0; background:none;}
#content .mainresource ul.linklist li a {display:block; padding:0 0 0 18px; background:url(../img/link.gif) no-repeat left center; border:0; color:#4573b3; font-weight:bold;}
#content .mainresource ul.linklist li a:hover {background:url(../img/link-hover.gif) no-repeat left center; border:0; color:#44c8f5;}
#content .mainresource ul.linklist li.anchor a {background:url(../img/link-anchor.gif) no-repeat left top;}
#content .mainresource ul.linklist li.anchor a:hover {background:url(../img/link-anchor-hover.gif) no-repeat left top;}

#resource ul.buttonlist li {padding:4px 0 4px 0;}
#resource ul.buttonlist li a {padding:2px 0 0 18px; background:url(../img/link.gif) no-repeat left center; border:0; color:#4573b3; font-weight:bold;}
#resource ul.buttonlist li a:hover {background:url(../img/link-hover.gif) no-repeat left center; color:#44c8f5;}




/*TABELLISTOR*/
table {margin:10px 0 5px 0; border-collapse:collapse; clear:both; width:100%;}
#main table {margin-bottom:12px;}
.pageno
{
	cursor:pointer;
	color:#4573B3;
}
#events
{
	list-style:none !important;
}
#events li.odd{background:#efefef;}
table tr.odd {background:#efefef;}
table tr.space td {border-top:24px solid #ffffff;}
table td, table th {padding:2px 6px 4px 6px; vertical-align:top; text-align:left;}
table th, #content table th a {background-color:#4573b3; color:#ffffff; border:0; font-weight:normal;}
#content table th a {padding-right:12px; background:url(../img/sort-asc-inactive.gif) no-repeat center right;}
#content table th.active a {font-weight:bold; background:url(../img/sort-asc.gif) no-repeat center right;}
#content table th.active a {font-weight:bold; background:url(../img/sort-desc.gif) no-repeat center right;}
#content table th.activeasc a {font-weight:bold; background:url(../img/sort-asc.gif) no-repeat center right;}
#content table th.activedesc a {font-weight:bold; background:url(../img/sort-desc.gif) no-repeat center right;}

#content table th a:hover {background:url(../img/sort-asc-hover.gif) no-repeat center right;}
td.right, th.right {text-align:right; padding-right:30px;}
td.small {font-size:11px; padding-bottom:10px;}
td.right {text-align:right; font-size:11px;}
table .city {width:100px; font-size:11px; text-align:left;}
table .region {width:60px; font-size:11px;}
th.date, th.city, th.region {font-size:12px;}
td.date {width:70px;}
table.member tr.odd {background:#ffffff;}
table.member tr.even {background:#efefef;}
table.member .city {text-align:left;}




/*ANDRA LISTOR*/
#left ul li.space {padding:0 0 5px 20px;}

ul.nav {padding:14px 0 20px 0;}
ul.nav li {display:inline; padding:0 2px 0 2px;}

#content a.pageno {border:1px solid #bbbbbb; padding:2px 4px 2px 4px; font-weight:bold; color:#4573b3;}
#content a.pageno:hover {border:1px solid #4573b3;}
#content ul.nav li.active a.pageno {color:#bbbbbb;}

ul.labellist li {clear:both; padding:6px 0 6px 0;}
ul.labellist li.left {clear:none; float:left; width:140px;}
ul.labellist li.label {clear:both; float:left; width:50px; font-weight:bold;}

ul#searchresult {list-style:none outside;}
ul#searchresult li {padding:0 0 2px 0; margin:0 0 16px 0; clear:both;}
ul#searchresult h3 {margin:0; padding:0;}
ul#searchresult h3 a {color:#444444; border-bottom:1px solid #bbbbbb; text-decoration:none;}
ul#searchresult h3 a:hover {border-bottom:0; color:#222222; text-decoration:none;}
ul#searchresult li.pdf h3, ul#searchresult li.pdf-locked h3 {margin-left:24px;}
ul#searchresult li p {padding:6px 0 6px 0; margin:0;}
ul#searchresult li p.info, ul#searchresult li p.breadcrumbs {font-size:11px; color:#7b7b7b; padding:0; margin:0; float:left; width:auto;}
ul#searchresult li p.info {width:200px;}
ul#searchresult li p.breadcrumbs {width:300px;}
ul#searchresult li.locked, ul#searchresult li.pdf-locked {padding-left:50px; background:url(../img/gsa-locked.gif) no-repeat left top;}
ul#searchresult li.pdf-locked {background:url(../img/gsa-pdf-locked.gif) no-repeat left top;}
ul#searchresult li.locked *, ul#searchresult li.pdf-locked * {color:#7b7b7b;}

#main ul.images {margin-top:30px;}
#main  ul.images li {float:left; padding-top:15px; width:175px;}
#main  ul.images li.odd {clear:both;}
#main  ul.images li.text {float:none; border-top:2px solid #d7d7d7; padding-top:15px; width:auto;}
#main  ul.images li img {float:left;}
#main  ul.images li p {float:left; width:60px; padding:0 0 0 10px; font-size:11px; margin:0;}




/*FORMULÄR*/
div.filter {margin:15px 0 20px 0; clear:both; padding:10px 0 10px 0; border-top:2px solid #d7d7d7; border-bottom:2px solid #d7d7d7; font-size:11px;}
div.filter ul li {width:160px; float:left; padding:2px 0 2px 0;}
div.filter ul li label {margin-right:4px; display:block; float:left; width:70px; text-align:right;}
div.filter ul li.left {clear:both; width:240px;}
div.filter ul li.left select {width:140px;}
div.filter ul li.inactive select, div.filter ul li.inactive label {color:#bbbbbb;}

div.fullpage {margin:15px 0 20px 0; clear:both; padding:10px 0 10px 0; border-top:2px solid #d7d7d7; font-size:11px;}
div.fullpage ul.radiorow {border-bottom:2px solid #d7d7d7; }
div.fullpage ul.radiorow input.btn {margin-top:2px;}
div.fullpage ul.radiorow li {display:inline; padding:0 25px 0 0;}
div.fullpage ul.radiorow li span {display:inline-block;}
div.fullpage ul.radiorow li * {margin-bottom:8px;}
div.fullpage ul.first {list-style:none;}


#main .maintext div.fullpage ul.radiorow li{padding:0 0 0 20px;}
#main .maintext div.fullpage label  {vertical-align:middle; margin-left:4px;  }
#main .maintext div.fullpage ul.radiorow{ list-style-type:none; margin-left:0px; }
#main .maintext div.fullpage ul.subscriptionItem.first, ul.subscriptionItem{ list-style-type:none;  }
#main .maintext div.fullpage ul.subscriptionItem{ list-style-type:none; margin-left:0px; }
div.fullpage div.left, div.fullpage div.right {margin:0 0 20px 0; float:left; width:260px;}
div.fullpage div.left {margin-right:80px;}
div.fullpage div.left li, div.fullpage div.right li {display:block; clear:both; padding:0; margin:0;} 
div.fullpage h3 {clear:both; border-top:2px solid #d7d7d7; padding:10px 0 10px 0; margin-top:10px;}
div.fullpage ul.first h3 {clear:both; border-top:0; padding:0 0 10px 0;}
div.fullpage div.left label, div.fullpage div.right label {clear:both; width:100px; display:inline-block; margin-bottom:2px; padding-bottom:2px;}
div.fullpage div.left select, div.fullpage div.right select {width:150px; margin:2px;}
div.fullpage div.buttonrow {clear:both; border-top:2px solid #d7d7d7; padding-top:20px;}

div.standardform {width:350px; font-size:11px;}
div.standardform li.full label, div.standardform li.full .label {display:block; float:left; width:95px; margin:0; padding:0;}
div.standardform li.full label.noblock {display:inline; float:none; width:auto;}
div.standardform li.full {margin-top:10px; clear:both;}
div.standardform li.side {margin-left:95px;}
div.standardform li.side label {clear:none; display:inline;}
div.standardform input#searchmember {width:200px;}
div.standardform input.noborder {margin:2px 2px 0 0;}
div.standardform .btn {margin:10px 5px 0 0;}
div.standardform p {margin-top:10px;}
div.standardform li.full label.wide {width:150px;}

.swemap {width:260px !important;}

div.border {margin:20px 0 20px 0; clear:both; padding:0 0 10px 0; border-top:2px solid #d7d7d7; width:100%;}

div.sort {font-size:11px; margin-bottom:20px;}
div.sort select {margin-right:8px;}

#left .form {width:210px; font-size:11px;}
#left .form li {padding:0 0 3px 20px;}
#left .form li.space {padding:0 0 5px 20px; margin-top:10px;}
#left .form input.btn {margin-top:20px;}

img#map, #left img#map {float:right; margin:0; padding:0;}

p.error {color:#cc0033; font-size:11px; line-height:17px; font-weight:bold; margin-top:5px;}
input.error {border:1px solid #cc0033;}
label.error {color:#cc0033;}

#mainsearchform {margin:6px 0 20px 0;}




/*DIV SMÅTT*/
.intro {font-weight:bold;}
.maintext div.intro {margin-bottom: 15px; }
.loginname {font-weight:bold; font-size:12px;}
.clear {clear:both; margin:0; padding:0; height:1px; overflow:hidden;}
.extraspace {padding:10px 0 28px 0;}
.contact, .resultinfo {font-size:11px;}
.subheader {margin:-8px 0 28px 0; font-size:16px;}
.startpage .line, .startpage-eng .line {border-top:2px solid #d7d7d7; margin:0 0 15px 0; clear:both;}
.line-wide, .line {border-top:2px solid #d7d7d7; margin:0 20px 15px 20px;}
.tree {clear:both; margin:30px 0 30px 0; border-top:1px dotted #d7d7d7; border-bottom:2px solid #d7d7d7; padding:20px 0 20px 24px;}
.tree h3 {margin-top:0; padding-top:0;}
.tree .tree {margin:30px 0 0 0; border-bottom:0; padding:20px 0 0 24px;}
p.description {font-size:11px; line-height:17px; margin:0; padding:0 0 10px 0;}
h3.description {font-size:12px; line-height:18px; margin:0; padding:0;}
.indent {padding-left:20px;}
p.date {margin:0; font-size:11px; color:#7b7b7b;}
.preload {position:absolute; left:-9999px;}
.totalsum {display:block; padding:10px; font-size:14px; font-weight:bold; color:#7b7b7b;}
.pretable {margin-bottom:20px;}
.mainresource p.infop {padding:10px 0 20px 0;}

/*Background images */
img.image1
{
	src:url(/img/banner.gif);
}
body.image1 {background:#ffffff url(../img/bg1.jpg) no-repeat top center;}
body.image2 {background:#ffffff url(../img/bg2.jpg) no-repeat top center;}
body.image3 {background:#ffffff url(../img/bg3.jpg) no-repeat top center;}
body.image4 {background:#ffffff url(../img/bg4.jpg) no-repeat top center;}
body.image5 {background:#ffffff url(../img/bg5.jpg) no-repeat top center;}

/* SITEMAP*/
ul.SiteMap{margin: 0;}
ul.SiteMap li {float: left; width: 19%; margin: 0 1% 0 0;list-style: none;padding-top:6px;}
#content   ul.SiteMap li a{font-weight:bold;color:#4573B3;margin-left:15px;}
#content   ul.SiteMap li a:hover { color:#44C8F5;}
#content   ul.SiteMap li ul li a:hover{color:#CF027F;}
#content   ul.SiteMap li ul li a{font-weight:bold;color:#444444;border-bottom:0px}
ul.SiteMap ul {margin-left: 10px;padding-left: 10px;}
ul.SiteMap li ul li{font-weight:bold;width: 100%;font-size:12px;}
ul.SiteMap li ul li ul li{float: none;width: 100%;font-size:12px;}
li.title{font-size:12px;margin:30px 0 -8px;padding-bottom:4px;}
#content ul.SiteMap li ul li ul li a {border-left:4px solid #D7D7D7;margin:0 0 0 2px;padding:0 0 0 8px;border-bottom:0px;font-weight:normal;}
#content ul.SiteMap li ul li ul li a:hover {border-left:4px solid #F11486;}

#membershiplinks {margin-left:5px; margin-bottom:5px; font-size:12px;}
#membershiplinks a {color:#4573B3; text-decoration:none;} 
#membershiplinks a:hover { color:#44C8F5; text-decoration:none;}


/* Avtal 2010 */
#toAvtal { display:none; }
#fancy_div a.firstpageSplashLink { background:transparent url(../img/btn100.gif) no-repeat scroll 0 0; width:100px; padding:1px 0px 3px 0px; display:block; text-align:center; color:#222222; float:right; margin:0px 0px 0px 0px;}

/*PUL*/
#infoPul { display:none; }

/* JSCalc, återställande av felaktig tabellformatering */
.DynarchCalendar-topCont
{
    margin:0;
    width:auto;
    text-align: center;
}

.DynarchCalendar-topCont table
{
    margin: 0 auto 0 auto;
    padding: 0;
    width:auto;
    text-align: center;
}

.DynarchCalendar-topCont td, .DynarchCalendar-topCont th
{
    margin:0;
    padding: 0;
    width:auto;
    text-align: center;
}

.NewsImageHolder
{
	float:left;
	padding: 0.5em 1em 0em 0em;
	font-style:italic;
}
