﻿

/*Startsidebilden - Sätter bildens bredd till 100%*/
.SplashImage IMG {
	width:100%;
}

/*Hållare för editor*/
.EditorContent {
	padding-bottom: 8px;
	width: 100%;
}
.EditorContent table{
	clear:left;
}

/*Hållare för editor, styrning av P taggen i editorn, 
styrning av utseende länkar i editorn*/
.EditorContent p {
	margin: 0px 0px 10px;
	padding: 0px;
}
.EditorContent a:link, .EditorContent a:visited 
{
	text-decoration:underline;

}
.EditorContent a:hover {
	text-decoration:none;
}
.EditorContent img.FloatLeft {
	float:left;
	padding:4px;
}
.EditorContent img.FloatRight {
	float:right;
	padding:4px;	
}
.EditorContent .Ingress {
	font-size:1.2em;
	color: #333333;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

/*Styr om alla rubriker till helvetica*/
h1, h2, h3, h4, h5, h6{
	font-family:Helvetica, Arial, sans-serif;

/*Rubriker, som redaktören kan sätta via EditMenuName i editorn, se editor.css 
för klasser som styr detta i editorn i EpiServer*/
}
h2.Rubrik1 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 10px 0px 0px;
	padding: 0px 0px 4px;
	line-height: 1.4em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
h3.Rubrik2 {
	font-size: 1em;
	font-weight: bold;
	margin: 8px 0px 0px;
	padding: 0px;
	color: #0000;
}

h2{
	font-size: 185%;
	font-weight: normal;
	margin-top: 30px;
	margin-bottom: 5px;
	letter-spacing: 1px;
	color: #CC0000;
	line-height: 1.2em;
}
	
h4 {
	font-size: 135%;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 5px;
	color: #CC0000;
	line-height: 1.4em;
}	
	
h5        {
	font-size: 115%; 
	font-weight: bold; 
	margin-top: 25px; 
	margin-bottom: 3px;
	color: #CC0000;
}	
/*h6        {
	font-size: 115%; 
	font-weight: bold; 
	margin-top: 30px; 
	margin-bottom: 3px;
	color: #000000;
    EditMenuName:h6;
    }*/	

/*h1.nomargin       {
	font-size: 210%;
	font-weight: bold;	
	margin-top: 0px;
	margin-bottom: 10px;
	letter-spacing: 1px;
	color: #000000;
	EditMenuName:h1.nomargin;
	}
*/
h2.nomargin      {
	font-size: 185%;
	font-weight: normal;	
	margin-top: 0px;
	margin-bottom: 5px;
	letter-spacing: 1px;
	color: #000000;
	}
	
/*h3.nomargin     { 
	font-size: 160%;
	font-weight: normal; 
	margin-top: 0px; 
	margin-bottom: 5px;
	letter-spacing: 1px;
	color: #000000;	
	EditMenuName:h3.nomargin;
    }
*/	
h4.nomargin        {
	font-size: 135%; 
	font-weight: bold; 
	margin-top: 0px; 
	margin-bottom: 5px;
	color: #000000;	
 }	
	
h5.nomargin        {
	font-size: 115%; 
	font-weight: bold; 
	margin-top: 0px; 
	margin-bottom: 3px;
	color: #000000;
    }	

/*h6.nomargin        {
	font-size: 115%; 
	font-weight: bold; 
	margin-top: 3px; 
	margin-bottom: 0px;
	color: #000000;
    EditMenuName:h6.nomargin;
    }	
*/

.BoxHeadingList {
	margin-bottom: 5px;
}
.HeadingType1 {
	font-size:1.1em;
	padding-bottom: 10px;
	color: #CC0000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	padding-top: 15px;
}

/*Nyhetslista*/
.NewsList {

}
.NewsList P {
	 padding:0px; 
	 margin:0px; 
}
.NewsList .Heading {
	font-weight:bold;
	display: block;
	padding-bottom: 0px;
	padding-top: 0px;
}
.NewsList .Date {
	color: #666666;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.NewsList .Sender {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	display: inline;
	padding-left: 5px;
	margin-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}
.NewsList .Text {
	display: block;
	padding-top: 0px;
}
.NewsLink:link, .NewsLink:visited {
	float:left;
	width: 100%;
	text-decoration:none;
	color:#000000;
	margin-bottom: 8px;
}
.NewsLink:hover {
	background-color:#eaeaea;
	text-decoration: none;
}
.NewsLink span {
	display: block;
	padding: 3px;
}


/*Right*/
.NewsList2 {

}
.NewsList2 P {
	 /* padding:0px; */
	 padding-bottom:0px;
	 margin-bottom:10px;
	 margin-top:0px;
	 
}




/*Sökträfflista*/
.SearchList {

}
.SearchList P {
	padding:0px;
	margin:0px;
}
.SearchList .Heading {
	font-weight:bold;
	display: block;
	padding-bottom: 0px;
	padding-top: 0px;
}
.SearchList .Date {
	color: #666666;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.SearchList .Origin {
	color: #666666;
}
.SearchList .Text {
	display: block;
}
.SearchList:link, .SearchList:visited {
	float:left;
	width: 100%;
	text-decoration:none;
	color:#000000;
	margin-bottom: 8px;
}
.SearchList:hover {
	background-color:#eaeaea;
	text-decoration: none;
}
.SearchList span {
	display: block;
	padding: 3px;
}

/*informationsyta*/
.InfoArea {
	padding:5px;
	float: right;
	width: 35%; 
}

/*informationsyta*/
.InfoArea2 {
	padding:5px;
	float: right;
	width: 35%; 
}

/*Bild på startsidan*/
.SplashArea {
	width: 100%;
	background-repeat: repeat-x;
	background-position: left bottom;
}

/*I fokus på startsidan*/
.HighLightArea {
}
.HighLightArea .NewsLink:link, .HighLightArea .NewsLink:visited {
	padding-bottom:10px;
}
.HighLightArea .NewsLink:hover{
	background-color: #FFFFFF;

}
.HighLightArea .HightLightImage {
	float:left;
	padding-right: 10px;
}
.HighLightText {
	float:right;
	width:60%;
}


/*Bildvisning i lista*/
Body.SubPageThreeCols .HightLightImage {
	float:right;
	padding-left: 10px;
}
Body.NoRightCol .HightLightImage {
	float:right;
	padding-left: 10px;
}
Body.NoRightColNarrow .HightLightImage {
	float:right;
	padding-left: 10px;
}

/*Kolumnhantering*/
.ColRow {
	width:100%;
	float:left;
	padding-top: 8px;
}
.ColLeft {
	width:48%;
	float:left;
}

.ColLeft P {

	 padding-bottom:0px;
	 margin-bottom:10px;
	 margin-top:0px;
}

.ColRight {
	width:48%;
	float:right;
}

.ColRight P {
	 padding-bottom:0px;
	 margin-bottom:10px;
	 margin-top:0px; 
} 

/* Editercontentrightstartpage */
.ColRightStartPage
{
	width: 100%;
	padding-left:0px;
}
.ColRightStartPage P , .ColRightStartPage h1 , .ColRightStartPage h3 , .ColRightStartPage h4 , .ColRightStartPage h5 , .ColRightStartPage h6
{
	padding-bottom: 0px;
	margin-bottom: 10px;
	margin-left:10px;
	margin-right:5px;
	margin-top: 10px;
}

/*Kolumnhantering Startsida2*/
body.StartPageTwo .ColRow {
	width: 100%;
	float: left;
	padding-top: 8px;
}
body.StartPageTwo h2.BoxHeading {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin-bottom: 0px;
	padding-bottom: 6px;
	background-color: #a81524;
	padding-top: 5px;
	padding-left: 5px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 0px;
}
body.StartPageTwo div.EditorContent h2.BoxHeading {
	background: #FFFFFF;
	color: #a81524;
	font-size: 1.2em;
	padding-bottom: 2px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	letter-spacing: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 4px;
}
body.StartPageTwo .DotList a:link, 
body.StartPageTwo .DotList a:visited {
	width:99%;
	padding-right: 0px;
	padding-left: 1%;
}
body.StartPageTwo .DotList {
	margin-bottom:10px;
}
body.StartPageTwo .ColLeft {
	width: 17.5em;
	float: left;
	margin-right:30px;
}
body.StartPageTwo .ColMid {
	width: 17.5em;
	float: left;
	margin-right:30px;
}
body.StartPageTwo .ColMidTwo {
	width: 17.5em;
	float: left;
	margin-right:30px;
}
body.StartPageTwo .ColRight {
	width: 17.5em;
	float: left;
}


/* Editercontentrightstartpage */
.ColRightStartPage 
{
	width:inherit;
	float:right;
}
.ColRightStartPage P {

	 padding-bottom:0px;
	 margin-bottom:10px;
	 margin-top:0px;
	 
} 


/*Generellt Boxar */
.BoxEnd {
	float:left;
	height:8px;
	width: 99%;
}
.BoxContent {
	padding:4px;
	float: left;
}

/*Läs mer länk under boxlistningarna */
.ReadMore {
	clear:both;
	text-align: right;
	display: block;
}

/*Meddelande Box*/
.MessageBox {
	float: left;
	width: 100%;
	margin-bottom: 4px;
	padding-bottom: 4px;
}
.EditorBox {
	float: left;
	width: 96%;
	padding: 4px;
	margin-bottom: 1px;
}
body.StartPage div#MidColumn h2.BoxHeading
{
	background: #FFFFFF;
	color: #CC0000;
	font-size: 1.1em;
	padding-bottom: 2px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DD0000;
	letter-spacing: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 4px;
}
body.StartPage div#RightColumn h2.BoxHeading
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-bottom: 4px;
	padding-bottom: 5px;
	background-color: #DD0000;
	padding-top: 4px;
	padding-left: 4px;
	font-weight: bold;
	letter-spacing: normal;
	margin-top: 0px;
}

/*Kontaktblock för undersida*/
.Contact span{
	width: 100%;
	display:block;
}

/*Ta bort ram på sista alternativet i högerlistor*/
.MyBox li.LastItem, .MessageBox li.LastItem{
	border-bottom:none;
}
.leftfloating {
	float: left;
	width: 73%;
	margin-bottom: 10px;
}
.rightfloating {
	float: right;
}
.centered {
	text-align: center;
}
.rightaligned {
	text-align: right;
}
.leftaligned {
	text-align: left;
}
.SPCalendarList {
	padding-left: 5px;
}


/*Generell rubrik ovanför listningar*/
.ListHeading {
	margin-bottom: 8px;
	padding-bottom: 2px;
	background-color: #ebebeb;
	padding-top: 2px;
	padding-left: 4px;
}

/*Listor på startsidan*/
.DotList {
	padding:0px;
	margin:0px;
}
.DotList li {
	list-style-type:none;
}
.DotList a:link, .DotList a:visited {
	background-image:url(../Images/reddot.png);
	background-repeat:no-repeat;
	display:block;
	padding-left: 10px;
	background-position: 0px 7px;
	color: #333333;
	width: 96%;
	text-decoration:none;
	padding-top: 2px;
	padding-bottom: 1px;
}
.DotList a:hover {
	background-color: #EAEAEA;
	text-decoration: none;
}

/*Kalender*/
.Calendar {
}
.Calendar .Date {
}
.Calendar .Text { 
	padding-top:0px;
}
.CalendarDay:link, .CalendarDay:visited {
	padding-bottom:4px;
	display:block;
	color:#333;
	font-weight:bold;
}
.CalendarDay:hover {
	text-decoration:underline;
}
.calendarlistingarea h2.DateHeading {
	font-size: 1.2em;
	width: 100%;
	float: left;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.calendarlistingarea a:link, .calendarlistingarea a:visited {
	display:block;
	width:99%;
	color: #000000;
	padding: 2px;
	text-decoration: none;
}
.calendarlistingarea a:hover {
	background-color:#eaeaea;
}
div.monthcalendararea {
	float: right;
	width: 38%;
}
div.calendarlistingarea {
	float: left;
	width: 100%;
	text-align: left;	
}
h1.calendardayheading {
	font-size: 1.2em;
	color: #333;
	display: inline;
}
table.calendarframe {
	border-color: #fff;
	background-color: #fff;
}


/*Produktlistning*/
.ProductRow {
	float:left;
	width:100%;
	margin-bottom: 10px;
}
.Product {
	float:left;
	width: 310px;
}
.Product a:link, .Product a:visited {
	color:#333;
	float:left;
	display: block;
	width: 100%;
}
.Product a:hover {
	text-decoration:none;
}
.ProductRow P {
	padding:0px;
	margin:0px;
	margin-bottom: 10px;
}
.Right{
	float:right;
}
.ProductHeading {
	background-color:#DD0000;
	color: #FFFFFF;
	padding: 5px;
	margin-bottom: 6px;
	display: block;
	font-weight: bold;
}
.Product .Description {
	padding-top:4px;
	padding-left: 4px;
	float: left;
	width: 60%;
}
.Product .ProdImage {
	float: left;
}

/*FAQ-Heading*/
.FaqHeading {
	background-color:#CC0000;
	color: #FFFFFF;
	padding: 4px;
	margin-bottom: 5px;
	display: block;
	font-weight: bold;
	clear: both;
}
p.Quest {
}
p.Answ {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

/*Karta - ÅFsök*/
Body#MapSearch {
	background-color:#FFF;
	background-image:none;
	text-align:left;
	padding-top: 10px;
	padding-left: 10px;
}
#MapWrapper{
	width:70em;
	float:left;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
.MapSearchTop{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
.MapLogo {
	float: left;
}
.MapSearchTop h1 {
	float: right;
	width: 80%;
	margin: 0px	;
	text-align: right;
	font-size: 1.2em;
	padding-top: 5px;
	padding-right: 10px;
}
.MidWrapper {
	float: left;
	width: 100%;
}
.Map {
	width: 400px;
	float: left;
}
.InfoArea label {
	font-weight: bold;
	padding-bottom: 5px;
	display: block;
}
.InfoArea p {
	margin: 0px 0px 5px;
	padding: 0px 0px 5px;
}
.InfoArea h3 {
	color: #CC0000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	font-size: 1.1em;
	margin-bottom: 8px;
}
.hidden
{
	display:none;
}
a.sitemapheader
{
	font-weight: bold;
	padding: 0.4em 0.4em 0.4em 0.4em;
	font-size: 1.2em;
}
a.sitemaphead1
{
	font-size: 135%;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 5px;
	color: #CC0000;
	line-height: 1.4em;
}
a.sitemaphead2
{
	font-size: 100%; 
	font-weight: bold; 
	margin-top: 30px; 
	margin-bottom: 3px;
	color: #CC0000;
}
a.sitemaphead3
{
	font-size: 100%; 
	font-weight: normal; 
	margin-top: 30px; 
	margin-bottom: 3px;
	color: #CC0000;
}


/* Div */

.DivFloatLeft {
	float: left;
	margin-right: 20px;
}
.DivFloatRight {
	float: right;
}

/* Ajax */
div.ProgressImage
{
	background-image: url(../Images/loading.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 101;
	width: 32px;
	height: 32px;
}

.ProgressOverlay
{
	position: fixed;
	z-index: 99;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	filter: Alpha(Opacity=70);
	opacity: 0.70;
	-moz-opacity: 0.70;
}
* html .ProgressOverlay
{
	position: absolute; /*height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight +  'px' ); 	width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth +  'px' );*/
}
.ProgressLoader
{
	z-index: 100;
	position: fixed;
	width: 120px;
	margin-left: -30px;
	top: 50%;
	left: 50%;
}
* html .ProgressLoader
{
	position: absolute; /*margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) +  'px' );*/
}

/*Broshyrbeställning*/
.InputGroup {
	width: 100%;
	padding-bottom: 8px;
}
.InputGroup label {
	font-weight:bold;
	cursor: pointer;
}
.InputGroup P {
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
.FolderImage {
	float: left;
	height: 150px;
	width: 100px;
	padding-right: 8px;
}
.FolderItem {
	clear: both;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	margin-bottom: 8px;
	padding-bottom: 8px;
	float: left;
}
.FolderItem span {
	display: block;
	padding-bottom: 4px;
}
.FolderItem .Heading {
	font-weight: bold;
}
.PDF:link, .PDF:visited  {
	padding-left:20px;
	background-image: url(../Images/pdf.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-bottom: 4px;
	background-position: 1px;
}
.ButtonHolder {
	clear: both;
}
h2.BorderHeading {
	color: #000000;
	font-size: 1.3em;
	padding-left: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 8px;
	padding-bottom: 2px;
}
.OrderTable th {
	text-align: left;
	padding: 4px;
	background-color: #E6E6E6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C4C4C4;
}
.OrderTable td {
	vertical-align: top;
	padding: 4px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.OrderTable {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.ErrorText 
{
	font-size:large;
}
