/* =====================================================
Imported style sheets
===================================================== */
@import url(templates.css); /* Templates style */
/* =====================================================
Table of content
========================================================
1.	Global
2.	Structure
3.	Header
4.	Menu
5.	Main content
6.	News
7.	Campaign
8.	Footer
9.	Search
10.	Personnel
11.	Sitemap
12.	Slideshow
13.	Poll
14. Text toobar

/* =====================================================
1.	Global
===================================================== */
html {
	height:				100%;
	margin-bottom:		1px;
}
body {
	font-family: "Trebuchet MS", Verdana, Arial, Tahoma, sans-serif;
	font-size: 70%;
	margin: 0;
	padding: 0;
	background: #f3f3f3;
}
.clear {
	clear:				both;
}
.clFloatAndAlignRight {
	text-align:			right;
	float:				right;
}
.clFloatLeft {
	float:				left;
}
/* =====================================================
2.	Structure
===================================================== */
#iSuperWrapperStart {
	margin:				3px auto 0;
	width:				955px;
	background:			url(../images/bg-t1.gif) #fff center repeat-y;
}
#iSuperWrapperStart2 {
	width:				948px;
	margin:				0px;
	padding:			0px 0px 0px 0px;
	background: url(../images/bg-bottom-right.gif) no-repeat bottom right; 
}
#iSuperWrapperNormal {
	margin:				50px auto 0;
	width:				955px;
}
#iSuperWrapper {
	margin:				50px auto 0;
	width:				955px;
	background:			url(images/bg.gif) #fff center repeat-y;
}
#iBreadcrumbReplacer {
	height:				15px;
}
#iBanner {
	width:				140px;
	overflow:			hidden;
	float:				left;
	margin:				0 0 1em 13px;
}
#iMenuColumn {
	float:				left;
	overflow:			hidden;
	width:				170px;
}
#iContentWrapper {
	float:				right;
	padding:			26px 20px 23px 0px;
	margin-right:		0px;
	width:				856px;
	/*	background:			lightgreen;*/
}
#iT2 {
	float:				left;
	margin-left:		20px;
	width:				396px;
	margin-right:		8px;
}
#iT3 {
	float:				left;
	margin-left:		20px;
	width:				470px;
	margin-right:		8px;
	color:				#333333;
}
.clWrapperBottom {
	margin:				auto;
	width:				955px;
	height:				6px;
	clear:				left;
	background:			url(../images/bg-bottom.gif) no-repeat;
}
#iFooter {
	height:				auto !important;
	height:				30px;
	min-height:			30px;
	margin:				0 auto;
	width:				955px;
	color:				#000;
}
/* =====================================================
3.	Header
===================================================== */
#iHeader {
	background:			url(../images/header.gif) no-repeat top #ffffff;
	height:				82px;
	width:				946px;
	border-top:			1px solid #cccccc;
	border-left:		1px solid #cccccc;
	border-right:		1px solid #cccccc;
}
#iHeader2{
	width:				794px;
	float:				right;
}
#iHeaderImage {
	float:				left;
}
#iHeaderImage a {
	background:			transparent;
}
#iHeaderImage img {
	border:				0;
	margin-left:		0px;
}
#iHeaderLinks {
	width:				100%;
	background:			#f3f3f3;
}
#iHeaderLinks ul {
	list-style:			none;
	text-align:			right;
	margin:				0;
	padding:			0 0 5px 0;
}
#iHeaderLinks ul li {
	display:			inline;
	margin:				0;
	padding:			0;
}
#iHeaderLinks ul.rss,
#iHeaderLinks li.rss {
	background:			url(../images/rss.gif) left no-repeat;
	padding-left:		14px;
}
#iHeaderLinks ul li a {
	/*border-left:		1px solid #666;*/
	padding:			0 7px 0 10px;
	color:				#666666;
	font-size:			90%;
	text-decoration: 	none;
}
#iHeaderLinks ul li a:hover,
#iHeaderLinks ul li a:focus {
	background:			#f3f3f3;
	text-decoration: 	underline;
}
#iHeaderLinks ul li a.clFirstItem {
	border-left:		0;
	padding-left:		7px;
}
a.logoImage:hover{
	color:				transparent;
	background:			transparent;
	text-decoration:	none;
}
/* =====================================================
x.	Breadcrumbs
===================================================== */
#iBreadcrumbs {
	width:				400px;
	padding:			0px 0px 12px 0px;
	background:			#fff;
	color:				#999999;
}
#iBreadcrumbs a:link,
#iBreadcrumbs a:visited,
#iBreadcrumbs a:active {
	font-weight:		normal;
	text-decoration:	none;
}
#iBreadcrumbs a:hover,
#iBreadcrumbs a:focus {
	background:			transparent;
	text-decoration:	underline;
}

/* =====================================================
5.	Main content
===================================================== */
#iContentWrapper a:link,
#iContentWrapper a:visited,
#iContentWrapper a:focus {
	color:				#666666;
}
#iContentWrapper a:hover {
	text-decoration:	underline;
}
.clContentMain .header {
	font-size:			155%;
	margin:				0;
}
.clContentMain h1 {
	font-size:			155%;
	margin:				0;
}

.clContentMain small {
	color:				#666;
	margin:				0;
}
.clContentMain h2 {
	font-size:			150%;
	margin:				0;
}
.clContentMain h3 {
	font-size:			140%;
	margin:				0;
}
.clContentMain h4 {
	font-size:			120%;
	margin:				0;
}
.clContentMain h5 {
	font-size:			110%;
	margin:				0;
}
.clContentMain h6 {
	font-size:			100%;
	margin:				0;
}

.clContentMain select,
.clContentMain input {
	font-size:			100%;
}

.clContentMain a:hover {
	
	background:			#fff;
	color:				#000;
}
.clContentMain textarea {
	font-size:			110%;
}
.clContentMain caption {
	font-style:			italic;
}
.clContentMain th {
	text-align:			left;
}
.clContentMain dt {
	font-weight:		bold;
}
.clContentMain acronym {
	cursor:				help;
	background:			#eee;
}
.clContentMain .clExtraLink {
	padding-bottom:		5px;
}
#eventNewsWrapper{
	width:				486px;
	float:				left;
	color:				#000000;
}
#event{
	width:				218px;
	float:				right;
	padding-right:			10px;
}
#event a
{   color:#000000;
}
#event ul
{   list-style:none;
    margin:0px;
    padding:0px;
    width:100%;
    }
#event ul li a
{   text-decoration:none;
    }
#event ul li a span.date
{   display:block;
    width:100%;
    float:left;
    color:#666666;
    }
#event ul li a span.split
{   display:none;
    }            
#event ul li a span.headline
{   display:block;
    width:100%;
    float:left;
    font-weight:bold;
    font-size:1.2em;
    color:#000000;
    }    
#event ul li a span.ingress
{   display:block;
    width:100%;
    float:left;
    color:#000000;
    padding-bottom:10px;
    }    
#news{
	width:				228px;
	float:				left;
}
#eventNewsWrapper p{
	padding:			0px 0px 0px 0px;
	margin:				0px;
}
#iStartPageNews small{
	padding:			0px 0px 0px 0px;
	margin:				0px;
	color:				#666666;
}
#eventNewsWrapper a:link,
#eventNewsWrapper a:visited,
#eventNewsWrapper a:active {
	padding:			0px 0px 0px 0px;
	margin:				0px;
	color:				#000000;
}
#eventNewsWrapper a:hover{
	background:			#ffffff;
}
#eventNewsWrapper h2{
	padding:			0px 0px 15px 0px;
}
/* =====================================================
6.	News
===================================================== */
#iStartPageNews {
	width:				482px;
	float:				left;
	overflow:			hidden;
}
#iStartPageNews h1 {
	position:			absolute;
	left:				-9999px;
}
.clMainnewsEntries {
	margin-bottom:		3em;
	color:				#333333;
}
.clMainnewsEntries h2 {
	margin-bottom:		1em;
}
.clLinknewsEntries small {
	font-size:			100%;
}
.clLinknewsEntries p {
	margin:				0 0 15px 0;
}
.clArchiveLink {
	margin-right:		10px;
	padding-bottom:		10px;
	text-align:			right;
}
.clArchiveNewsTable small {
	font-size:			100%;
}
.clArchiveNewsTable p {
	margin:				0 0 15px 0;
}

/** Tillägg Your Voice **/
.yvnNwsIntroduction2
{   color:#666666;
    }
a.yvnNwsIntroduction2
{   text-decoration:none;
    }
a.yvnNwsHeading2 {
	font-size:120%;
	color:#000000;
	margin:0;
	font-weight:bold;
	text-decoration:none;
}

/* =====================================================
4.	Navigation
===================================================== */
#iTopNav {
	height:				auto !important;
	height:				20px;
	min-height:			20px;
	margin:				0 8px 0 0;
	margin-top:			59px;
	margin-left:		0px;
}
#iTopNav ul {
	float:				left;
	list-style:			none;
	margin:				2px 0 0 0;
	padding:			0;
}
#iTopNav ul li {
	margin-top:			2px;

	padding:			2px 0px;
	display:			inline;

}
#iTopNav ul.spacer,
#iTopNav li.spacer{
	background:			url(../images/ulDisc.gif) no-repeat top;
	background-position: left;
}

#iTopNav ul li a {
	font-family: 		Verdana,"Trebuchet MS", Tahoma, sans-serif;
	font-size:			100%;
	color:				#000;
	padding-left:		7px;
	text-decoration:	none;
	
}
#iTopNav ul li a:hover,
#iTopNav ul li a:focus {
	background:			transparent;
	text-decoration:	underline;
}
#iTopNav ul li a.clSelected {
	color:				#f15d22;
}
#iMenuColumn {
	float:				left;
	width:				160px;
	min-height:			1px;
}
#iMenuColumn h2 {
	position:			absolute;
	left:				-9999px;
}
#iMenu h3 {
	font-size:			120%;
	color:				#000;
}
#iMenu a:link,
#iMenu a:visited,
#iMenu a:focus {
	color:				#666;
	line-height:        1.8em;
	text-decoration:	none;
}
#iMenu a:hover {
	text-decoration:	underline;
	background:			#fff;
	color:				#666;
}
#iMenu a.start
{   color:#f15d22;
	font-weight:bold;
}
#iMenu ul {
	list-style:			none;
	margin:				0;
	padding-left:		0;
}
#iMenu ul li {
	padding:			1px 0;
}
#iMenu ul li ul li {
	border:				0;
	padding-left:		5px;
}
/* =====================================================
7.	Campaigns
===================================================== */
#iCampaignListing {
	width:				18px;
	overflow:			hidden;
	margin:				0 10px 0 1px;
}
#iStartCampaignListing {
	float:				left;
	overflow:			hidden;
	margin:				0px 0px 0px 26px;

}
#iStartCampaignListing iStartCampaignListingT1{
	width:				258px;
}
#iStartCampaignListing iStartCampaignListingT2{
	width:				447px;
}
#iCampaignListing h2, #iStartCampaignListing h2 {
	position:			absolute;
	left:				-9999px;
}
.clStartCampaign {
	padding:			0 0;
}
.clStartCampaign img {
	padding-bottom:5px;
}
.clStartCampaign a:hover{
	color:				transparent;
	background:			transparent;
	text-decoration:	none;
}
a.campaignImage:hover{
	color:				transparent;
	background:			transparent;
	text-decoration:	none;
}
/* =====================================================
8.	Footer
===================================================== */
#iFooter {
	font-size:			90%;
}
#iFooter a:link,
#iFooter a:visited,
#iFooter a:focus {
	color:				#000;
	text-decoration:	none;
}
#iFooter a:hover,
#iFooter a:focus {
	background:			#f3f3f3;
	text-decoration:	underline;
}
#iFooter p {
	margin:				0;
	padding:			0;
}
#iFooter span{
	font-size:			90%;
}
#iFooterContactLeft {
	float:				left;
	width:				190px;
	padding:			10px 20px;

}
#iFooterContactMiddle {
	float:				left;
	width:				100px;
	padding:			10px 10px;
}
#iFooterContactRight {
	float:				left;
	width:				280px;
	padding:			1px 10px;
}
#iFooterContactLogo {
	float:				right;
	padding-right:		15px;
	padding-top:		0px;
	width:				290px;
}
#iN3 {
	margin:				0 auto;
	width:				950px;
	padding:			0;
	text-align:			right;
}
#iN3 img {
	border:				0;
}
/* =====================================================
9.	Search
===================================================== */
#iSearchForm {
	float:				right;
	padding-top:		5px;
	padding-right:		10px;
}
#iSearchForm input {
	font-size:			100%;
}
#iT3 #iSearchResultList li {
	padding:			2px 0;
}
#iSearchFormAdvanced h2 {
	font-size:			120%;
	margin:				0.5em 0;
}
#iSearchFormAdvanced form {
	margin:				0;
	padding-left:		5px;
}
#iSearchFormAdvanced fieldset legend {
	color:				#000;
}
#iSearchFormAdvanced form p {
	margin:				0;
}
.clSearchNavigation {
	padding-bottom:		5px;
}
.clSubmitButton {
	padding:			0 4px;
}
/* =====================================================
10.	Personnel
===================================================== */
/* Personnel */
#idDepartmentList {
	list-style:			none;
	margin:				0 0 2em 0;
	padding:			0;
}
#idDepartmentList li {
	padding:			0;
}
.clDepartment {
	padding-bottom:		20px;
}
.vcard {
	padding:			5px;
}
.vcard p {
	margin:				2px 0;
	padding:			0;
}
.vcard p a:link,
.vcard p a:visited,
.vcard p a:active {
	color:				#233446;
}
.clOddRow {
	background:			#eaeaea;
}
.clPersonnelPopup {
	background:			#fff;
	padding:			10px;
}
.clPersonArea p {
	margin:				0.5em 0;
}
.clPersonImageColumn {
	float:				left;
}
.clPersonInfoColumn {
	float:				left;
	padding:			0 0.5em;
}
.clHCard {
	clear:				both;
	padding:			1em;
}
.type {
	display:			none;
}
.clHidden {
	display:			none;
}
.clMoreInfoHidden {
	display:			none;
}
/* =====================================================
11.	Sitemap & Site Index
===================================================== */
#iSiteIndex p {
	margin:				0 0 0.5em 0;
}
/* =====================================================
12.	Slideshow
===================================================== */
#idGalleryImageHolderIframe 
{
	float:			left;
	padding:		0;
	text-align:		center;
	width:			450px;
}
#idGalleryImageHolder {
	float:			left;
	padding:		5px;
	text-align:		center;
	width:			485px;
}
#idGalleryImage {
	width:			462px;
	height:			230px;
}
#idGalleryListing {
	float:			left;
	padding:		0 5px 5px 5px;
	width:			123px;
	overflow:		hidden;
}
#idGalleryListing #idGalleryListingEntries {
	height:			396px;
	overflow:		auto;
	border:			1px solid #8898a8;
}
#idGalleryListing img {
	display:		block;
	border:			0;
}
#idGalleryListing #idGalleryListingEntries .clGalleryListEntry {
	text-align:		center;
	padding-top:	9px;
}
/* =====================================================
13.	Poll
===================================================== */
#iPoll {
	margin-bottom:		10em;
	padding-bottom:		10em;
	border-bottom:		1px solid #e5e5e5;
}
#iPoll h2 {
	margin:				0;
}
#iPoll h3 {
	font-size:			110%;
	margin:				0;
}
.clPrevPolls h2 {
	font-size:			120%;
	margin-top:			1em;
}
.clPrevPollsCol1 {
	width:				260px;
	float:				left;
	margin-right:		20px;
}
.clPrevPollsCol2 {
	width:				260px;
	float:				right;
}
ul.clPollListing {
	margin:				0 0 2em 0;
	padding:			0;
	list-style:			none;
}
ul.clPollListing li {
	clear:				both;
}
.clPollBar {
	float:				left;
}
.clPollPercent {
	float:				right;
}
/* =====================================================
14.	Bannercolumn
===================================================== */
#iBanner a:hover {
	background:			transparent;
}
#iBanner script {
	margin:				0;
	padding:			0;
}
#iBanner img {
	margin:				0;
	padding:			0;
}
/* =====================================================
14.	Text toobar
===================================================== */
#iTextToobar {
	font-size:			90%;
	color:				#666666;
	width:				475px;
	border-top:			1px solid #ebebeb;
	margin-top:			20px;
}
#iTextToobar a:link,
#iTextToobar a:visited,
#iTextToobar a:focus {

	text-decoration:	none;
}
#iTextToobar a:hover,
#iTextToobar a:focus {
	background:			#ffffff;
	text-decoration:	underline;
}
#iTextToobar p {
	margin:				0;
	padding:			0;
}
#iTextToobar span{
	font-size:			90%;
}
#iTextToobarAuthor{
	float:				left;
	width:				210px;
	margin:				0px;
	padding:			6px 0px 0px 0px;
}
#iTextToobarTextSizeIncrease{
	float:				right;
	margin:				0px;
	padding:			6px 10px 0px 5px;
}
#iTextToobarTextSizeDecrease{
	float:				right;
	margin:				0px;
	padding:			6px 7px 0px 10px;
}
#iTextToobarMailText {
	float:				left;
	padding:			6px 25px 0px 7px;
	background: 		url(../images/iTextToobarMailText_bg.gif) no-repeat right; 
}
#iTextToobarPrintText {
	float:				right;
	margin:				0px;
	padding:			6px 22px 0px 0px;
	background: 		url(../images/iTextToobarPrintText_bg.gif) no-repeat right;
}
.right{
	float:				right;
	margin-right:		4px;
}
.left{
	float:				left;
	margin-left:		4px;
}
#smycken{
	width:				324px;
	padding-bottom:		20px;
}
#medlem{
	width:				324px;
	padding-bottom:		20px;
}
/* =====================================================
16.	Orderform
===================================================== */
table.info
{  border:0px;
   margin-bottom:25px;
    }
table.info td.lable
{   font-size:135%;
    font-weight:bold;
    vertical-align:top;
    padding-right:12px;
    }
table.info td.lable2
{   font-size:110%;
    font-weight:bold;
    vertical-align:top;
    padding-right:12px;
    }
legend
{   font-size:120%;
    font-weight:bold;
    }
span.heading3
{   font-size:110%;
    color:#f35d4e;
    }
.yvnPollHeading1
{   font-size:135%;
    color:#f15d22;
    }
.yvnDbtSignature
{   padding-bottom:20px;
    border-bottom:1px solid #CCCCCC;
    }
.yvnDbtHeading1
{   font-weight:bold;
    }