﻿/* 
    ==================================================
    Content

    This is the old css, only used for the content.
    This stylesheet will be removed in sprint 2.
    ================================================== 
*/

div.ess-facets, aside.ess-facets {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
}

.ess-facet {
    padding: 30px 0 0 0 !important;
}

.MidColumn ul {
    list-style-type: disc;
    padding: 0.8em 0 0.8em 1.25em;
}

.MidColumn ol {
    list-style-type: decimal;
    padding: 0.8em 0 0.8em 1.25em;
}

/* New additions 2014-06 */
	
	/* RIGHT SIDEBAR */

	.Person strong {
		font-weight: bold;
	}

	/* XFORMS n CONTACT */
	table#id_matrix tr td {
	  padding: 5px 0;
	}

	table#id_matrix tr td:last-child {
	  padding: 5px 0px 5px 15px ;
	}

	table#id_matrix input[type="submit"], div.MidColumn input.button,
	div.ContactBox input[type="submit"], div.ContactBox input[type="submit"] {
	  padding: 1px 6px;
	}

	table#id_matrix fieldset {
	  padding: 5px 0;
	  border-top: 1px solid #ccc;
	  border-bottom: 1px solid #ccc;
	}

	div.MidColumn input.button {
	  margin-bottom: 10px;
	}
	
	/* Editor output */

	div.EditorContent p strong {
		font-weight: bold;
	}

	div.EditorContent p em {
		font-style: italic;
	}

	/* font adjustments */

	.ContactBox h2 {
		font-size: 14px;	
	}
	
/* New end */

Label {
	cursor:pointer;
}

/*Länkar generellt*/
.GreyBarBox .Content a:link,
.GreyBarBox .Content a:visited,
.FAQ-Answer a:link,
.FAQ-Answer a:visited,
.MidColumn .EditorContent a:link,
.MidColumn .EditorContent a:visited {
    text-decoration:underline;
}
div.PageFooter a:hover,
.MidColumn .EditorContent a:hover,
ul.Docs li a:hover {
	color:#046CB1;
	text-decoration:underline;
}
/* the _only_ exception with no underline */
.GreyBarBox .Content a:hover,
.FAQ-Answer a:hover {
	text-decoration:none;
	color:#046CB1;
}


.LinkList span.External-link,
span.External-link {
	margin-left:5px;
	margin-top:2px;
	width:10px;
	height:10px;
	font-size:0px;
	line-height:0px;
	background-image:url(../Images/old/link-ext.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	position:absolute;
	text-indent:-9999px;
	
	display:inline;
}

h1.PageName {
	font-size: 2em;
	font-weight: normal;
	line-height: 1.4em;
	padding-bottom: 0.3em;
}
h1.BoxHeading {
	font-weight: normal;
	font-size: 1.2em;
	padding-bottom: 8px;
	clear: both;
}
.RoundedHead {
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.4em;
	padding:0;
	background:url(../Images/old/rub-rounded-left.jpg) 0 0 no-repeat transparent;
	clear: both;
}
.RoundedHead span {
	display:block;
	padding:10px 10px 15px 10px;
	background:url(../Images/old/rub-rounded-right.jpg) right 0 no-repeat transparent;
}
/* Dold länk för hoppa till innehållet */
 .hidden {
	left:0px;
	top:-50px;
	overflow:hidden;
	position:absolute;
	width:100%;
	margin:0 auto;
	z-index:100;
	background:transparent;
	text-align: center;
}
.hidden:active,
.hidden:focus {
	margin:0 auto;
	top:0px;
	font-size:1em;
	font-weight:bold;
	background-color:#D61924;
	color:#fff;
}


/*Brytare, bibehåller bakgrundshantering*/
.Breaker {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}
/* Linje för separering */
.Divider {
	clear:both;
	font-size:0px;
	line-height:0px;
	margin:10px 0;
	padding:0;
	border-bottom:solid 1px #ccc;
}

.MidContent {
	clear: both;
	padding-top: 20px;
	float: left;
	width: 100%;
	padding-bottom: 0px; /*20px;*/
}
/* --------------- Sidtypsspecifika kolumner */
.MidColumnWide {
	float:left;
    padding: 1px 30px 15px;
}

/* --- Box rundade hörn --- */
.StandardBox {
	background:transparent no-repeat url(../Images/old/box-right.gif);
	background-repeat: repeat-y;
	background-position:100%;
	clear: both;
	float: left;
	width: 100%;
}
.StandardBox .Top {
	float: left;
	width: 100%;
	background:transparent no-repeat url(../Images/old/box-left-top.gif);
	background-repeat: no-repeat;
	height: 10px;
	font-size: 0px;
	line-height: 0px;
}
.StandardBox .Top span {
	float:right;
	background-image:url(../Images/old/box-right-top.gif);
	background-position:right top;
	width:10px;
	height:10px;
	background-color: #FFF;
}
.StandardBox .Content {
	background:transparent no-repeat url(../Images/old/box-left.gif);
	background-repeat: repeat-y;
	clear: both;
	padding-right: 4%;
	padding-left: 4%;
	width: 92%;
	float: left;
}
.StandardBox .Bottom {
	float: left;
	width: 100%;
	background-image:url(../Images/old/box-left-bot.gif);
	background-repeat: no-repeat;
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	padding-bottom: 15px;
	background-color: #FFF;
}
.StandardBox .Bottom span {
	float:right;
	background-image:url(../Images/old/box-right-bot.gif);
	background-position:right top;
	width:10px;
	height:10px;
	background-color: #FFF;
}
/* --- Box puffar --- */
.PuffBox {
	background:url(../Images/old/box-puff-gradient-right.gif) right bottom no-repeat transparent;
	clear: both;
	float: left;
	width: 100%;
	margin-bottom:15px;
}
.BoxSmall {
	background:url(../Images/old/box-puff-gradient-right-small.gif) right bottom no-repeat transparent;
}
.PuffBox .Top {
	float: left;
	width: 100%;
	background:transparent no-repeat url(../Images/old/box-puff-left-top.gif);
	background-repeat: no-repeat;
	height: 5px;
	font-size: 0px;
	line-height: 0px;
}
.PuffBox .Top span {
	float:right;
	background:transparent no-repeat url(../Images/old/box-puff-right-top.gif);
	background-position:top right;
	width:10px;
	height:10px;
}
.PuffBox .Bottom {
	float: left;
	width: 100%;
	clear:both;
	background-repeat: no-repeat;
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	background-color:#FFF;
	padding-bottom: 0;
	background-position: left top;
	background-image: url(../Images/old/box-puff-gradient-leftbottom.gif);
}
.PuffBox .Bottom span {
	font-size:0px;
	line-height:0px;
	float:right;
	background:transparent no-repeat url(../Images/old/box-puff-gradient-rightbottom.gif);
	background-position:top right;
	width:10px;
	height:10px;
}
/* Puffbox content */
.PuffBox .Content {
	background:url(../Images/old/box-puff-gradient-left.gif) left bottom no-repeat transparent;
	clear: both;
	padding-right: 2%;
	padding-left: 2%;
	width: 96%;
	float: left;
}
.PuffBox p {
	padding-bottom:0;
	margin:0;
}
.BoxSmall .Content {
	width:92%;
	padding-left:4%;
	padding-right:4%;
}
.PuffBox a:link, .PuffBox a:visited, .PuffBox a:hover {
	display:block;
	text-decoration:none;
	color:#000;
}
.PuffBox a:hover .BoxHeading {
	text-decoration:underline;
}
.PuffBox .BoxHeading {
	font-weight: normal;
	color: #9c5e17;
	font-size: 1.2em;
	padding-bottom: 2px;
	margin-bottom:0;
	display:block;
	clear:none;
}
.PuffBox.ImageLeft img {
	float:left;
	margin:0 10px 0px 0;
}
.PuffBox.ImageRight img {
	float:right;
	margin:0 0 0px 10px;
}
.PuffBox.ImageWide img {
	padding-bottom: 8px;
}
/* Puffbox content */
div.Special {
	background-color: transparent;
	background-image: url(../Images/old/box-special-right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
div.Special div.Content {
	background-color: transparent;
	background-image: url(../Images/old/box-special-left.gif);
	background-repeat: no-repeat;
	background-position: left 95%;
}
div.Special span.Bottom {
	background-color: #FFF;
	background-image: url(../Images/old/box-special-left-bot.gif);
	background-repeat: repeat-x;
}
div.Special span.Bottom span {
	background:transparent no-repeat url(../Images/old/box-special-right-bot.gif) right top;
}
/* Puffbox small */
.Puff2Col {
	float:left;
	width:100%;
	clear:both;
}
.Puff2Col .PuffBox {
	clear:none;
}
.PuffBox.BoxSmall {
	width:47%;
}
.BoxSmall .BoxHeading {
	font-size:1.0em;
	padding-bottom:0;
	padding-top: 4px;
}
.BoxSmall .Top, .BoxSmall .Top span {
	height:5px;
}
.BoxSmall .Bottom, .BoxSmall .Bottom span {
	height:5px;
	background-position:0 -5px;
}
.TextPuff:link, .TextPuff:visited {
	color: #333;
	text-decoration: none;
	float:left;
	width:100%;
	clear:both;
	padding-bottom: 15px;
}
.TextPuff:hover {
	cursor:pointer;
}
.TextPuff span {
	display:block;
}
a.ReadMore:link, a.ReadMore:visited {
	padding-left:10px;
	background:url(../Images/old/arrow.gif) 0 4px no-repeat transparent;
	text-decoration:none;
}
a.ReadMore:hover {
	text-decoration:underline;
}
.NewsList .ReadMore {
	clear:both;
}
.Image {
	float: left;
	padding-right: 10px;
}
.TextWrap {
	float: left;
}

/*Lista med gul punkt*/
.DotList {
	margin: 0px;
	padding: 0px;
}
.DotList li {
	list-style-type:none;
	padding-bottom: 3px;
}
.DotList a {
	background-image:url(../Images/old/dot.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	display:block;
	background-position: 0px 6px;
}
/*Flytare*/
.Right {
	float: right;
	width: 49%;
}
.Left {
	float: left;
	width: 49%;
}
/* Sidfot */
.Footer {
	clear: both;
	width: 100%;
	text-align: center;
	font-size:0.9em;
	line-height:1.4em;
	float: left;
}
.Footer a:link, .Footer a:visited {
	text-decoration:underline;
}
.Footer a:hover {
	text-decoration:none;
}
.FooterOne, .FooterTwo {
	float: left;
	padding-left:20px;
	padding-right: 30px;
}
.FooterThree {
	float:right;
	margin-right:20px;
	padding-right:60px;
	/*background:url(../Images/old/logo-skovde-footer.gif) right 0 no-repeat transparent; */
}
.FooterContent {
	background:url(../Images/old/footerbg.gif) 0 bottom repeat-x #f0f0f0;
	margin-right: auto;
	margin-left: auto;
	padding:10px 0 14px 0;
	text-align: left;
}
.FooterContent p {
	margin:0;
	padding:0;
}
.FooterContent .EditorContent p {
	margin:0;
	padding:0;
}
.FooterContent .FooterThree a:link, 
.FooterContent .FooterThree a:visited {
	background:url(../Images/old/arrow.gif) 0 3px no-repeat transparent;
	padding-left:10px;
	text-decoration: underline;
}
.FooterContent .FooterThree a:hover {
	text-decoration:underline;
}
/*Färgade puffar startsida*/
.PuffArea {
	float:left;
	width:100%;
	clear: both;
	margin-bottom:5px;
}
.PuffArea a:link, .PuffArea a:visited {
	display:block;
	margin-bottom:10px;
	background-repeat:no-repeat;
	color:#FFF;
	text-decoration:none;
	font-size:1.3em;
}
.PuffArea span {
	display:block;
	padding-left:50px;
	padding-top:13px;
	padding-bottom:15px;
}
/*Näringslivpuff*/
.Enterprise:link, .Enterprise:visited {
	background: url(../Images/old/puffpurple-left.gif);
}
.Enterprise span {
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url(../Images/old/puffpurple-right.gif);
	background-position: right top;
}
/*Flyttapuff*/
.Move:link, .Move:visited {
	background:transparent no-repeat url(../Images/old/puffblue-left.gif);
}
.Move span {
	background-color: transparent;
	background-image: url(../Images/old/puffblue-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
/*Att göra puff*/
.SeAndDo:link, .SeAndDo:visited {
	background:transparent no-repeat url(../Images/old/puffred-left.gif);
}
.SeAndDo span {
	background-color: transparent;
	background-image: url(../Images/old/puffred-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
/*Rubrikplatta*/
h1.HeadingBlock {
	clear:both;
	background:transparent url(../Images/old/headingbg.gif) repeat-x;
	color: #FFF;
	font-size: 1.0em;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform:uppercase;
	line-height: 1em;
	float: left;
	width: 100%;
}
h1.HeadingBlock span {
	display:block;
	padding-left:8px;
	padding-right:8px;
	padding-top: 4px;
	padding-bottom: 5px;
}
/*Nyhetslista*/
.NewsList {
	clear:both;
	padding:0 10px 25px 10px;
}
.NewsItem {
	display: block;
	clear: both;
	float: left;
	width: 100%;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #e8e8e8;
}
.NewsItem:link, .NewsItem:visited,
.NewsItem a:link, .NewsItem a:visited {
	text-decoration:none;
}
.MidColumn .LinkList .ItemNewsHeading, .ItemNewsHeading {
	color:#046CB1;	
}
.MidColumn .LinkList .NewsItem:link,
.MidColumn .LinkList .NewsItem:visited {
	width:96%;
	border:none;	
}
.NewsItem .Heading,
.NewsItem .ItemNewsHeading {
	margin:0;
	padding:0 0 0.2em 0;
	font-weight:normal;
	display:block;
	clear:none;
}
.NewsItem .Date,
.NewsItem .NewsDate {
	display:block;
	font-size:0.9em;
	color:#5c5c5c;
}
.NewsItem .NewsPuffText {
	color:#000;	
}
.NewsImage {
	float: right;
	margin-left:10px;
	margin-bottom:5px;
}
.SmallNews {
	padding-bottom:7px;
	margin-bottom:7px;
}
.SmallNews .Heading {
	font-size:1.0em;
	padding:0;
	margin:0;
	display:inline;
}
.SmallNews .Date {
	display:inline;
	padding-left:6px;
	margin-left:6px;
	border-left:solid 1px #5c5c5c;
}
/*Vänstermeny*/

span.BoxBot {
	display:block;
	clear:both;
	background:transparent no-repeat url(../Images/old/box-rounded-bl.gif);
	background-repeat: no-repeat;
	height:14px;
	background-position: left top;
	margin-bottom: 15px;
}
.BoxBot span {
	display:block;
	background-repeat: no-repeat;
	background-position:right bottom;
	height:14px;
	width: 10px;
	float: right;
	background-color: transparent;
	background-image: url(../Images/old/box-rounded-br.gif);
}


/*Ingressfält*/
P.DateNews {
	margin:0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*Ingressfält*/
P.Ingress {
	font-size: 1.2em;
	line-height:1.3em;
	color: #000;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0.8em;
	padding-left: 0px;
}
p.PuffMain {
	margin:0;
	clear: both;
	float: left;
	width: 100%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 0;
}
.PuffMainLeft {
	float:left;
}
.PuffMainRight {
	float: right;
}
/* Box */

.Head-Round-Red {
	float:left;
	width:100%;
	clear:both;
	color:#fff;
	font-weight:bold;
	padding:0px;
	margin:0px;
	background:url(../Images/old/rounded-header-red-left.png) 0 0 no-repeat #952427;
}

.Head-Round-Red span {
	background:url(../Images/old/rounded-header-red-right.png) right 0 no-repeat transparent;
	padding-top: 7px;
	padding-right: 12px;
	padding-bottom: 7px;
	padding-left: 12px;
	display: block;
}

.Head-Round-Bottom {
	display:block;
	height:7px;
	font-size:0px;
	line-height:0px;
	width: 100%;
	padding: 0px;
	background-color:#F0F0F0;
	background-image:url(../Images/old/lm-right.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	margin: 0px;
	clear: both;
	float: left;
}
.Head-Round-Bottom span {
	display:block;
	height:7px;
	font-size:0px;
	line-height:0px;
	background:url(../Images/old/lm-left.gif) 0 0 no-repeat transparent;
	width: 7px;
	float: left;
}
.Box-Rounded {
	clear:both;
}
.Box-Rounded .Box-Content {
	float:left;
	width:100%;
	background-color:#f0f0f0;
	clear: both;
}
.Box-Rounded .Box-Content .Inner {
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 8px;
}
/*Högerkolumnboxar artikelsidor*/
.RightBox {
	clear: both;
	padding-bottom: 15px;
	float: left;
	width: 100%;
}
/*Dokumentlista*/
.Docs {
	margin:0px;
	clear: both;
	width: 90%;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.Docs li {
	list-style-type:none;
	float:left;
	width:100%;
	padding:2px 0 2px 0;
}
.Docs a:link, .Docs a:visited {
	display:block;
	width:90%;
	padding:2px 0 4px 20px;
	text-decoration:none;
	background:transparent no-repeat url(../Images/old/default.gif);
	color: #000;
}
.Docs a:hover {
	text-decoration:underline;
}
/*Docs specifikt*/
.Docs .pdf:link, .Docs .pdf:visited {
	background:transparent no-repeat url(../Images/old/pdf.gif);
}
.Docs .doc:link, .Docs .doc:visited {
	background:transparent no-repeat url(../Images/old/doc.gif);
}
.Docs .docx:link, .Docs .docx:visited {
	background:transparent no-repeat url(../Images/old/doc.gif);
}
.Docs .dot:link, .Docs .dot:visited {
	background:transparent no-repeat url(../Images/old/doc.gif);
}
.Docs .xls:link, .Docs .xls:visited {
	background:transparent no-repeat url(../Images/old/xls.gif);
}
.Docs .xlt:link, .Docs .xlt:visited {
	background:transparent no-repeat url(../Images/old/xls.gif);
}
.Docs .xlsx:link, .Docs .xlsx:visited {
	background:transparent no-repeat url(../Images/old/xls.gif);
}
.Docs .txt:link, .Docs .txt:visited {
	background:transparent no-repeat url(../Images/old/txt.gif);
}
.Docs .tif:link, .Docs .tif:visited {
	background:transparent no-repeat url(../Images/old/tif.gif);
}
.Docs .tiff:link, .Docs .tiff:visited {
	background:transparent no-repeat url(../Images/old/gif.gif);
}
.Docs .ppt:link, .Docs .ppt:visited {
	background:transparent no-repeat url(../Images/old/ppt.gif);
}
.Docs .pptx:link, .Docs .pptx:visited {
	background:transparent no-repeat url(../Images/old/ppt.gif);
}
.Docs .pot:link, .Docs .pot:visited {
	background:transparent no-repeat url(../Images/old/ppt.gif);
}
.Docs .png:link, .Docs .png:visited {
	background:transparent no-repeat url(../Images/old/png.gif);
}
.Docs .mpg:link, .Docs .mpg:visited {
	background:transparent no-repeat url(../Images/old/mpg.gif);
}
.Docs .mp3:link, .Docs .mp3:visited {
	background:transparent no-repeat url(../Images/old/mp3.gif);
}
.Docs .jpg:link, .Docs .jpg:visited {
	background:transparent no-repeat url(../Images/old/jpg.gif);
}

.Docs .jpeg:link, .Docs .jpeg:visited {
	background:transparent no-repeat url(../Images/old/jpeg.gif);
}
.Docs .htm:link, .Docs .htm:visited {
	background:transparent no-repeat url(../Images/old/htm.gif);
}
.Docs .html:link, .Docs .html:visited {
	background:transparent no-repeat url(../Images/old/html.gif);
}
.Docs .htmint:link, .Docs .htmint:visited {
	background:transparent no-repeat url(../Images/old/html-int.gif);
}
.Docs .gif:link, .Docs .gif:visited {
	background:transparent no-repeat url(../Images/old/gif.gif);
}
.default {
	background:transparent no-repeat url(../Images/old/default.gif);
}
/*Länklista*/
.LinkList {
	clear: both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.LinkList li {
	list-style-type:none;
	padding:0 0 0.6em;
	margin:0;
}
body.StartPage .LinkList li {
	padding-left: 0px;
	width: 94%;
	float: none;
	font-size:1.1em;
	margin-right: auto;
	margin-left: auto;
}
body.StartPage .LinkList li a:link, body.StartPage .LinkList li a:visited {
	color:#000;
	text-decoration:none;
}
body.StartPage .LinkList li a:hover {
	text-decoration:underline;
}
.LinkList li.Active {
	font-weight:bold;
}
div.MidColumn .LinkList a, 
div.MidColumn .LinkList a:link, 
div.MidColumn .LinkList a:visited {
	display:block;
	padding:0 0 0 10px;
	background:url(../Images/old/arrow.gif) 0 4px no-repeat transparent;
	text-decoration: none;
	clear: both;
	color: #000;
}
.LinkList a span {
    text-decoration: none;
}
.LinkList a:hover span {
	text-decoration:underline;
}
.LinkList span {
	display:block;
}

.LinkList .temNewsHeading span{
	display: inline-block;
}

div.MidColumn .LinkList a
div.MidColumn .LinkList a:link, 
div.MidColumn .LinkList a:visited {
	color:#046CB1;
}
div.MidColumn .LinkList a:hover {
	text-decoration:underline;
}
span.LinkListText {
	color:#000;
	padding-left: 10px;
}

.NoLinkListItem {
	display:block;
	width:96%;
	text-decoration:none;
	padding:3px;
	margin-bottom: 10px;
	color:#454545;
	float: left;
}
.NoLinkListItem .LinkListHeading {
}

.LinkListHeading {
    line-height: 1.5;
    display: inline-block !important;
}

.LinkListHeading.pdf {
    background:url(../Images/old/pdf.gif) no-repeat 3px 0;
    padding-left:22px;
}

div.MidColumn .LinkList a.LinkListItem:link,
div.MidColumn .LinkList a.LinkListItem:visited {
	float:left;
	width:96%;
	padding-bottom:15px;
	margin:0;
	clear:both;
	
	padding-bottom:10px;
	margin-bottom:10px;
}
.ImageWithLink .ListImage {
	float:left;
	padding-right: 10px;
}
div.MidColumn .LinkList a.ImageWithLink:link,
div.MidColumn .LinkList a.ImageWithLink:visited {
	background-image:none;	
	padding-left:0;
}

div.MidColumn .LinkList .LinkListHeading {
	font-weight:normal;
	display:inline;
	margin:0;
	color:#046CB1;
}
div.MidColumn .LinkList .LinkListText {
	padding:0;
	margin:0;
	color:#000;
}



div.MidColumn UL.RSS a.LinkListItem:link,
div.MidColumn UL.RSS a.LinkListItem:visited,
div.MidColumn UL.RSS a:link,
div.MidColumn UL.RSS a:visited,
UL.RSS a:link, UL.RSS a:visited {
	background-image:url(../Images/old/rss.gif);
	padding-left:20px;
	width:95%;
	background-position:0 0;
}
.BorderHeading {
	clear:both;
	background:url(../Images/old/divider-heading.gif) 0 bottom repeat-x transparent;
	font-size: 1.0em;
	font-weight:bold;
	padding-bottom:0.3em;
}
.EditorContent p {
	margin:0;
	padding: 0 0 1.0em;
}
.MidColumn .EditorContent div {
	margin:0;
}

.EditorContent ol {
    list-style-type: decimal;
}


/*Artikelfot*/
.PageFooter {
	clear: both;
	/* [disabled]margin-top: 10px; */
	padding-top: 10px;
	border-top:solid 1px #e8e8e8;
	float: left;
	width: 100%;
	padding-bottom: 10px;
}
.PageFooter a:link, .PageFooter a:visited {
	text-decoration:underline;
}
.Print:link, .Print:visited {
	background:url(../Images/old/sprite-icons.png) 0 -320px no-repeat transparent;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 22px;
}
.Share:link, .Share:visited {
	margin-left:15px;
	background:url(../Images/old/sprite-icons.png) 0 -420px no-repeat transparent;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 22px;
}
span.LastUpdate {
	float:right;
	color: #999;
}
.ShareBox {
	float:left;
	width:100%;
	clear:both;
	background:url(../Images/old/bg-share.jpg) 0 bottom repeat-x #f0f0f0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.ShareBox h3 {
	margin:0;
	background:url(../Images/old/divider-heading.gif) 0 bottom repeat-x transparent;
	font-size: 1.0em;
	font-weight:bold;
	padding-bottom:0.5em;
	float: left;
	width: 100%;
}
.ShareBox h3 a:link, .ShareBox h3 a:visited {
	text-decoration:none;
}
.ShareLinks {
	margin: 0 10px;
	padding: 0.5em 0;
	float: left;
}
.ShareLinks li {
	float: left;
	list-style-type: none;
}
.ShareLinks a:link, .ShareLinks a:visited {
	background-repeat:no-repeat;
	float:left;
	padding-left:20px;
	padding-right: 10px;
	text-decoration:none;
}
.ShareLinks a:hover {
	text-decoration:underline;
}
.Facebook {
	background:transparent no-repeat url(../Images/old/facebook.gif);
}
.Twitter {
	background:transparent no-repeat url(../Images/old/twitter.gif);
}
.Google {
	background:transparent no-repeat url(../Images/old/google.gif);
}
/*Visa kontakt*/
.ShowContact:link, .ShowContact:visited {
	background-repeat: no-repeat;
	clear: both;
	float: left;
	width: 100%;
	background-position: 0px 0px;
	text-decoration:none;
	color: #FFF;
	background-color: transparent;
	background-image: url(../Images/old/contact-left.gif);
	font-weight:bold;
}
.ShowContact:hover {
	text-decoration:underline;
}
.ShowContact span {
	display:block;
	background:transparent no-repeat url(../Images/old/contact-right.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 19px;
}

.ShowContactCenter, .ShowContactCenter {
	background-repeat: no-repeat;
	clear: both;
	float: left;
	width: 100%;
	background-position: 0px 0px;
	text-decoration:none;
	color: #FFF;
	background-color: transparent;
	background-image: url(../Images/old/contactcenter-left-up.gif);
	font-weight:bold;
}

.ShowContactCenter span {
	display:block;
	background:transparent no-repeat url(../Images/old/contactcenter-right.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 20px;
	margin-bottom: 10px;
}

a.Closed:link, a.Closed:visited {
	margin-bottom:10px;
}
a.Opened:link, a.Opened:visited {
	margin-bottom:5px;
}
div .Opened:link, div .Opened:visited  {
	background-repeat:no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
	background-image: url(../Images/old/contactcenter-left.gif);
}
div.Contact span.Top span {
	background:transparent no-repeat url(../Images/old/contact-arrow.gif);
	background-position:right top;
	height:20px;
	width:40px;
}
div.Contact span.Top {
	height:20px;
	background-position:0px 13px;
}
div.Person {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	clear: both;
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d7d7d7;
	font-size: 0.9em;
}
div.Person span {
	display:block;
}
div.Person span strong {
	font-weight:bold;
	font-size: 1.0em;
}
.Contact h1 {
	font-size: 1.2em;
	font-weight: normal;
	padding-top: 8px;
}
/*Rubrikformateringar från editorn*/
h1.Rubrik1 {	
	color: #333;
	clear: none;
	line-height: 1.4em;
	padding-bottom: 0.3em;	
}

h2.Rubrik2 {
	color:#333;
	clear:none;
    line-height: 1.4em;
	padding-bottom: 0.3em;
}
h3.Rubrik3 {
	color:#333;
	clear:none;
    line-height: 1.4em;
	padding-bottom: 0.3em;
}
.Bildtext {
	font-size: 0.9em;
}

/*Biljett-länk*/
.ticket-btn {
    background: #6c6d71;
    color: white;
    border-radius: 5px;
    padding: 10px 20px;
    display: inline-block;
    margin: 20px 0;
}

.ticket-btn:hover {
    color: white;
    text-decoration: underline;
}

.ticket-btn:after {
    content: "";
    background: url(../images/external-link-icon.png) no-repeat center center;
    background-size: contain;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 2px;
}

/*Listfilterhållare*/
.Filter {
	margin-top: 15px;
}
div.RightColumn .Filter {
	margin-top:0px;
}
.FilterRow {
	clear:both;
	padding-bottom: 10px;
	float: left;
	width: 100%;
}
.LabelBlock label {
	display:block;
	padding-bottom: 3px;
}
.FilterGroup {
	float:left;
	padding-right:8px;
}
.Button {
	padding-top:20px;
}
.SearchText {
}
/*Sökresultat - StandardEPi*/
#ResultArea h2 {
	padding: 8px;
	background-color: #F6F6F6;
	margin-bottom: 6px;
	background-image: url(../Images/old/greyfade.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#ResultArea ol {
	padding: 0px;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#ResultArea li {
	list-style-type:none;
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCE4F3;
}
#ResultArea li p {
	padding:0px;
	margin:0px;
}
/*Paginering*/
ul.Pageing {
	clear: both;
	padding:0px;
	margin:0px;
}
ul.Pageing li {
	list-style-type:none;
	display: inline;
	padding: 4px;
	float:left;
	margin-right:2px;
}
ul.Pageing li.ActivePage {
	background-color:#CCC;
}
/*Standardlista*/
ul.StandardList {
	margin: 0px;
	padding: 0px;
}
ul.StandardList h2 {
	clear:none;
}
ul.StandardList li {
	list-style-type:none;
	clear: both;
	float: left;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d7d7d7;
	margin-top: 10px;
	padding-top: 10px;
}
ul.StandardList a:link, ul.StandardList a:visited {
	font-size:1.1em;
	font-weight:normal;
	color:#cf832d;
	text-decoration: none;
}
ul.StandardList a:hover {
	text-decoration:underline;
}
ul.StandardList p {
	padding:0px;
	margin:0px;
}
.StandardImageRight {
	float:right;
}
/*Bildformateringar*/
img.ImageLeft {
	float: left;
	padding-right: 8px;
}
img.ImageRight {
	float: right;
	padding-left: 8px;
}
/*Listor i editor*/
.EditorContent ol {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	clear: both;
}
.MidColumn .EditorContent ul {
	padding-bottom:10px;
	clear:none;
}
.EditorContent ul {
	margin:0px;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
.EditorContent ul li {
}
.SendEmail:link, .SendEmail:visited {
	padding-left: 20px;
	background:transparent no-repeat url(../Images/old/mail-ico.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-right: 10px;
}
.SendEmail:hover {
	background:transparent no-repeat url(../Images/old/mail-hov-ico.gif);
	text-decoration: underline;
}
.SendEmail span {
	display:inline;
	/*visibility:hidden;*/
	position:absolute;
	font-size:0px;
	line-height:0px;
	text-indent:-9999px;	
}
.ContactList:link, .ContactList:visited {
	padding-left: 20px;
	background:url(../Images/old/contactlist.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-right: 10px;
}
.ContactList:hover {
	background-color: transparent;
	background-image: url(../Images/old/contactlist-hov.gif);
	background-repeat: no-repeat;
	text-decoration: underline;
}
.ContactList span {
	display:inline;
	/*visibility:hidden;*/
	position:absolute;
	font-size:0px;
	line-height:0px;
	text-indent:-9999px;	
}

ul.nobullets {	
	list-style-type: none; /* Remove bullets */	
	padding: 0; /* Remove padding */
	margin: 0; /* Remove margins */
}

/*************************/
/* SITEMAP PAGE          */
/*************************/
#SiteMap ul {
	margin: 0;
	padding: 0.2em 0;
	list-style-image: none;
}
#SiteMap ul ul {
	padding: 0;
	margin-left: 0.5em;
}
#SiteMap li {
	margin: 0 0 0.5em 0;
	padding: 0;
	list-style: none;
}
#SiteMap li a {
	text-decoration: none;
}
#SiteMap li li {
	margin: 0.2em 0;
	padding-left: 1em;
	background-image: url(../Images/old/SiteMapBullet.png);
	background-repeat: no-repeat;
}
/* Paging */
.Paging {
	clear:both;
	font-weight:bold;
	float:left;
	width:100%;
	margin-top:10px;
	padding-top: 10px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCE4F3;
}
.Paging a, .Paging a:link, .Paging a:visited {
	display:inline;
	padding:5px 5px;
	margin:0;
}
.Paging a:hover {
	background-color:#F6F6F6;
	text-decoration: underline;
}
.Paging .ActiveItem, .Paging .ActiveItem:link, .Paging .ActiveItem:visited {
	color:#000;
	text-decoration:none;
}
.paging .ActiveItem a:hover {
	background:transparent;
	text-decoration: underline;
}
.PuffButton {
	background-image: url(../Images/old/puff-button-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin-bottom: 8px;
}
.PuffButton:link, .PuffButton:visited {
	text-decoration:none;
	color:#000;
}
.PuffButton:hover {
	text-decoration:underline;
}
.PBInner {
	background-image: url(../Images/old/puff-button-bottom.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: left bottom;
	padding-top: 13px;
	padding-bottom: 13px;
}
.PBInner span {
	padding-left: 23px;
	background-image: url(../Images/old/arrow.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: 14px 3px;
	padding-right: 8px;
	font-size: 1.1em;
}

.PuffMain {
	position: relative;
	clear: both;
	width: 100%;
}

.PuffMainText {
	position: absolute;
	left: 0px;
	background-image: url(../Images/old/fejd.png);
	background-repeat: repeat-x;
	background-position: left top;
	width: 100%;
	bottom: -1px;
}
.PuffMainText h2 {
	font-size:1.2em;
}

.PuffMainText a:link, .PuffMainText a:visited {
	font-weight:normal;
	text-decoration:none;
}
.PuffMainText a:hover {
	text-decoration:underline;
}
.PMInner {
	padding-top: 12px;
	padding-right: 8px;
	padding-bottom: 12px;
	padding-left: 8px;
}
div.PuffMainText .PMInner {
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 12px;
	padding-left: 10px;
	background-image: url(../Images/old/fejdinner.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	
}
.PMInner h2 {
	padding-bottom:4px;
}
.PMInner .Date {
	display:inline;
	padding-right:6px;
	margin-right:6px;
	border-right:solid 1px #5c5c5c;
	color:#696969;
}
.ImageTextPuff {
	position: relative;
	clear: both;
}
.ImageTextPuff img {
	float: none;
}
.Puff {
	margin-bottom:10px;
} 
.ImagePuff {
	clear:both;
	background-image: url(../Images/old/fejdinner.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom:6px;
	/* [disabled]float: left; */
	width: 100%;
	margin-bottom: 10px;
}
.ImagePuff img {
    display: block;
}
.SmallPuff {
	float:left;
	width: 48%;
	clear: none;
	position: relative;
}
.LargePuff {
	width: 100%;
}
div.RightPuff {
	float:right;
}
#slickbox, #slickbox2  {
	clear: both;
	float: left;
	width: 100%;
}

.ShareClose {
	background-image: url(../Images/old/share-up.gif);
	float: right;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-right: 10px;
	background-position: 3px 6px;
	cursor:pointer;
	font-weight: normal;
}
.ShareHead {
	float: left;
	padding-left: 12px;
}
.WeatherArea {
	float: left;
	padding-left: 25px;
	padding-right:30px;

}
.ContactBox  h1 {
	font-size: 1.4em;
	font-weight: normal;
	padding-bottom: 4px;
	padding-top: 4px;
}
.ContactBox h2 {
	font-weight: normal;
	font-style: italic;
	padding-bottom: 8px;
}
.Subject {
	width: 410px;
}
.Name {
	width: 195px;
}
.Email {
	width: 201px;
}
.Message {
	width: 410px;
	height: 200px;
}
.ContactBoxBot {
	clear: both;
}
.ContactBox {
	background-color: #F6F6F6;
	clear: both;
	margin-bottom: 8px;
	float: left;
}

.ContactContent img 
{
    border: 1px solid #ccc;
    background: #fff;
    float: left;
    width: 100px;
    padding: 5px;
    margin: 0 .5em 1.5em 0;
}

.ContactContent h1 
{
    margin: .3em 0;
}

.ContactContent h2 
{
    float: left;
    clear: none;
    width: 50%;
    margin: 0 0 1.5em 0;    
}

.ContactBoxTop {
	display: none;
}
span.Mandatory {
	color: #900;
}




/*Kontaktkortslista*/
.MidColumn .Contact {
	margin-bottom:15px;
}
.MidColumn .Contact div {
	padding-bottom:15px;
}
.MidColumn .Contact .EditorContent {
		
}
.MidColumn .Contact span {
	display: block;
}
.MidColumn .Contact p {
	padding:0px 0px 8px;
	margin:0px;
}
.MidColumn .Contact a:link, 
.MidColumn .Contact a:visited {	

}



/* Bildspel */
div#jas-container{
	/* Width HAS to be here for IE to render the filter */
	width: 440px;
	text-align:center;
}

div#jas-frame{
	float: left;
	width: 100%;
	padding-bottom: 10px;
	/*border: 1px solid #666;*/
}

div#jas-tags{
	float: right;
	width: 100px;
}

div#jas-tags h3{
	margin-bottom: 1em;
}

div#jas-tags ul{
	list-style: none;
}

div#jas-tags ul li{
	margin-bottom: 0.3em;
}

div#jas-tags ul li input{
	margin-right: 3px;
}
div#jas-thumbnails{
	float: left;
	clear: left;
	width: 448px;
	margin-top: 1em;
	border: 1px solid #666;
}
div#jas-thumbnails ul{
	list-style: none;
	width: 440px;
	margin: 10px 0 10px 10px;
	overflow: hidden;
}
div#jas-thumbnails ul li{
	float: left;
	width: 100px;
	height: 75px;
	margin: 0 10px 10px 0;
}
div#jas-thumbnails ul li img{
	width: 100px;
	height: 75px;
	cursor: pointer;
}
div#jas-thumbnails ul li.selected-parent{
	width: 96px;
	height: 71px;
	padding: 1px;
	border: 1px solid #f60;
}
div#jas-thumbnails ul li img.selected{
	width: 96px;
	height: 71px;
}
h2#jas-image-text{
	font-size: 1em;
	font-weight: normal;
}
img#jas-image{
	margin-bottom: 1em;
}


ul#navigation-controls{
	padding:10px 0 0 0;
	margin:0;
	list-style: none;
	float: left;
	width: 440px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
ul#navigation-controls li{
	line-height: 1.5em;
	float: left;
	width:33%;
}
ul#navigation-controls li#image-counter{
	float: left;
	text-align:center;
}
li.slideshow-item{
	padding-top:5px;
	clear: both;
}
#next-image {
	float: right;
}



/* Filetree */
.FileListHolder a:link,
.FileListHolder a:visited {
	text-decoration:none !important;	
}
.FileListHolder a:hover {
	text-decoration:underline !important;	
}

.GoogleArea {
	float:left;	
	width:160px;
	padding-top:25px;
	min-height:20px;
	height:auto !important;
	height:20px;
}


/*** set the width and height to match your Images/old **/

#slideshow {
    position:relative;
    height:355px;
    clear: both;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*--Calendar List--*/
.CalendarList {
}
ul.CalendarList {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.CalendarList li {
    overflow: hidden;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom:6px;
}

ul.CalendartList li a span {
	display: block;
}
ul.CalendarList li a img {
	float:left;
	margin-right:10px;
}
ul.CalendarList li a:link,
ul.CalendarList li a:visited {
	display: block;
	color:#000;
	text-decoration:none;
	padding: 0 0 8px; 
}

ul.CalendarList .Date {
    color: #5c5c5c;
}

ul.CalendarList li a:hover {
	text-decoration:underline;
}
ul.CalendarList li.LastItem a {
	color:#046CB1;
	margin-bottom:5px;
}
.CalendarHolderImg {
    float: left;
    width: 50px;
    padding: 0;
    margin: 0 8px 0 0;
}
.CalendarHolderText {
    float: left;
    width: 145px;
    padding: 0;
    margin: 0;
}

/*--End Calendar List--*/

/*--Event List--*/
.EventList {
}
ul.EventList {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.EventList li a span {
	display: block;
}
ul.EventList li a img {
	float:left;
	margin-right:10px;
}
ul.EventList li a:link,
ul.EventList li a:visited {
    background:url(../Images/old/event-icon.png) no-repeat;
	display: block;
	color:#000;
	margin-bottom:6px;
	text-decoration:none;
	padding: 0 0 8px 40px; 
	border-bottom: 1px solid #e2e2e2;
}

ul.EventList .Date {
    color: #5c5c5c;
}

ul.EventList li a:hover {
	text-decoration:underline;
}
ul.EventList li.LastItem a {
	color:#046CB1;
	margin-bottom:5px;
}
/*--End Event List--*/

.contactcardlist p {
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.contactcardlist img {
    background: #fff;
    border: 1px solid #ccc;
    float: right;
    margin: 0 0 .5em .5em; 
    padding: 5px;
    width: 100px;
}

.contactcardlist strong {
    display: block;
    border-top: 1px solid #ccc;
    margin: .5em 0;
}

.rs_skip {
    margin: 0 0 .5em;
}
.rs_skip a { float: right }

#xp1 {
    margin: 0 0 .5em;
}

.ac_results {
    background: #fff;
    border: 1px solid #ccc;
    -moz-box-shadow: 0 2px 2px #ccc;
    -webkit-box-shadow: 0 2px 2px #ccc;
    box-shadow: 0 2px 2px #ccc;
}

.ac_results ul {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.ac_results li {
   text-align: left;
   padding: 0.5em 0.8em;
}

.ac_results li:hover {
    background: #eee;
    cursor: pointer;
}

.ac_results li span { display: none }



/* FAQ   */

.SvaraListItem {
	clear: both;
	/* [disabled]width: 460px;
*/
    margin-bottom: 4px;

}
.SvaraListQuestion {
	padding: 0 0 2px 0;
	border-bottom: 4px solid #db8c1b;
}
.SvaraListQuestion h3 {
	font-size: 1em;
	font-weight: bold;
	color: #333;
	line-height: 1.4em;
	margin: 0 0 0 0;
}
.SvaraListQuestion .Subject {
	color: #000;
	font-size: 1.3em;
	font-weight: normal;
}
.SvaraListQuestion .Question {
	display: block;
	color: #333;
	font-size: 1em;
	font-weight: bold;
	padding: 2px 0 4px 0;
}
.SvaraListQuestion h4 {
	font-size: 1em;
	font-weight: normal;
	color: #333;
	line-height: 1.2em;
	margin: 0 0 0 0;
}
.SvaraListItem .GreyBarTitle {
	display: block;
	cursor: pointer;
	padding: 3px 10px 3px 10px;
    text-decoration: none;
}
.SvaraListItem .BarOPEN {
	background: #f0f0f0;
    background-image: url(../Images/old/open.png);
    background-image: url(../Images/old/open.png), -webkit-linear-gradient(#eee, #ccc);
    background-image: url(../Images/old/open.png), -moz-linear-gradient(#eee, #ccc);
    background-image: url(../Images/old/open.png), -o-linear-gradient(#eee, #ccc);
    background-image: url(../Images/old/open.png), linear-gradient(#eee, #ccc);
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px outset #ccc;

}
.SvaraListItem .BarCLOSED {
	background: #f0f0f0;
    background-image: url(../Images/old/closed.png);
    background-image: url(../Images/old/closed.png), -webkit-linear-gradient(#eee, #ccc);
    background-image: url(../Images/old/closed.png), -moz-linear-gradient(#eee, #ccc);
    background-image: url(../Images/old/closed.png), -o-linear-gradient(#eee, #ccc);
    background-image: url(../Images/old/closed.png), linear-gradient(#eee, #ccc);
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px outset #ccc;
}

.SvaraListItem .BarCLOSED:hover {
	background: #f0f0f0;
    background-image: url(../Images/old/closed.png);
    background-image: url(../Images/old/closed.png), -webkit-linear-gradient(#f0f0f0, #e0e0e0);
    background-image: url(../Images/old/closed.png), -moz-linear-gradient(#f0f0f0, #e0e0e0);
    background-image: url(../Images/old/closed.png), -o-linear-gradient(#f0f0f0, #e0e0e0);
    background-image: url(../Images/old/closed.png), linear-gradient(#f0f0f0, #e0e0e0);
    background-position: center right;
    background-repeat: no-repeat;

}
.SvaraListItem .BarOPEN:hover {
	background: #f0f0f0;
    background-image: url(../Images/old/open.png);
    background-image: url(../Images/old/open.png), -webkit-linear-gradient(#f0f0f0, #e0e0e0);
    background-image: url(../Images/old/open.png), -moz-linear-gradient(#f0f0f0, #e0e0e0);
    background-image: url(../Images/old/open.png), -o-linear-gradient(#f0f0f0, #e0e0e0);
    background-image: url(../Images/old/open.png), linear-gradient(#f0f0f0, #e0e0e0);
    background-position: center right;
    background-repeat: no-repeat;
}

.SvaraListItem .GreyBarTitle .Text {
	color: #333;
    padding-right: 20px;
}
.SvaraListItem span.GreyBarBox {
	width: 460px;
	display: block;
	border-top: 1px solid #fff;
}
.SvaraListItem span.GreyBarBox span.Content {
	display: block;
	padding: 5px 10px 10px 10px;
}

.GreyBarBox .Content p{
	margin-top:6px;
	margin-bottom:8px;
}
.FilterBox {
	padding: 8px;
	background-color: #F0F0F0;
	overflow: auto;
	margin-bottom: 15px;
}
.FilterBox label {
	display:block;
}
.FilterColumn {
	float: left;
	padding-right: 10px;
}

/* SVARA FORMULÄR    */

.QuestionForm  {
	margin-bottom:10px;
}
.QuestionForm textarea {
	width: 400px;
	height: 80px;
	margin: 0 0 0 0;
	font-size: 1em;
	vertical-align: top;
}
.QuestionForm input.TextBox {
	display: inline-block;
	width: 300px;
}
.QuestionForm input.Button {
	margin: 20px 0 0 0;
	display: block;
    padding: 0;
}
.QuestionForm label {
	display: block;
	font-weight: bold;
	margin: 10px 0 0 0;
}
label.UnBoldInline {
	display: inline;
	font-weight: normal;
	color: #333;
}
.QuestionForm span {
	color: #900;
	font-weight: bold;
}

.answerupdated {
    font-size: .8em;
    margin: .5em 0;
    text-align: right;
}

    .answerupdated span {
        font-weight: bold;
    }

.GreyBarBox .Content {
    padding: 5px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {


}

@media screen and (min-width: 768px) and (max-width: 991px) {
        .LeftColumn {
        float: left;
        width: 100%;
    }

    .MidRightColHolder {
        float: right;
        width: 100%;
    }

    .MidColumn {
        float: left;
        width: 100%;
        padding: 1px 0 15px;
    }

    .RightColumn {
        float: right;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .LeftColumn {
        float: left;
        width: 100%;
    }

    .MidRightColHolder {
        float: right;
        width: 100%;
    }

    .MidColumn {
        float: left;
        width: 100%;
        padding: 1px 0 15px;
    }

    .RightColumn {
        float: right;
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .ticket-btn {
        display: block;
        text-align: center;
    }
}