/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
HTML { font-size: x-small; }
BODY { background-color: #178c8d; color: #5a5a5a; font-family: Georgia,Verdana,Arial,Helvetica; font-size: 120%; margin: 0; padding: 0; }
A:link, A:active, A:hover, A:visited { color: #c43dc9; text-decoration: underline; font-weight: bold; }
P { line-height: 1.4em; margin-top: 0px; margin-bottom: 15px; /*Required for same look in Firefox and IE*/ }
UL { margin-top: 0px; margin-bottom: 5px; margin-left: 20px; }
HR { border: none; border-top: 1px solid #bababa; height: 1px; margin-top: auto; margin-bottom: auto; }


/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.H1header { font-size: 280%; font-weight: bold; margin-bottom: 10px; margin-top: 5px; color: #636262; font-family: Arial,Verdana,Helvetica; }
.H2header { font-size: 240%; font-weight: bold; margin-bottom: 5px; margin-top: 0px; color: #636262; font-family: Arial,Verdana,Helvetica; }
.H3header { font-size: 180%; font-weight: bold; margin-bottom: 5px; margin-top: 0px; color: #636262; font-family: Arial,Verdana,Helvetica; }


/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
h1 { font-size: 250%; font-weight: bold; margin-bottom: 10px; margin-top: 5px; color: #636262; font-family: Arial,Verdana,Helvetica; }
h2 { font-size: 220%; font-weight: bold; margin-bottom: 5px; margin-top: 0px; color: #636262; font-family: Arial,Verdana,Helvetica; }
h3 { font-size: 160%; font-weight: bold; margin-bottom: 5px; margin-top: 0px; color: #636262; font-family: Arial,Verdana,Helvetica; }


/** STYLES FOR EDITOR DROP DOWN LIST (ADAPTED STYLE) *********************************/
/*************************************************************************************/
.ImportantEditor { font-weight: normal; background-color: #808080; color: #FFFFFF; }
.ImagetextEditor { font-weight: normal; font-size: 90%; }


/** STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/Framework1.master) */
/*************************************************************************************/
.WebMainContainer { background-image: url(Images/headerBG.gif); margin: 0; padding: 0; background-position: 0 0; background-repeat: no-repeat; }
.WebTopContainer { height: 175px; width: 860px; padding-left: 10px; }
.WebTopLogoContainer { float: left; margin-top: 15px; width: 175px; height: 98px; }
.WebTopLogo2Container { float: right; margin-top: 25px; width: 128px; height: 87px; }
/* TopLogo med special för IE6 */
.WebTopLogo { background-image: url(Images/topLogo.png); background-repeat: no-repeat; width: 175px; height: 98px; }
* html .WebTopLogo { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Styles/Images/topLogo.png" , sizingMethod= "crop" ); background-image: none; }
.WebTopMenuContainer { float: left; margin-top: 15px; border:0!important; display: inline; height: 47px; width: 860px; background-image: url(Images/topMenuBG.gif); }
.WebTopMenuItem { float: left; height: 47px; display: inline; overflow:hidden; }
.WebTopMenuEnd { width: 14px; height: 47px; background-image: url(Images/topMenuEnd.gif); float: right; }
.WebContentContainer { float: left; width: 860px; padding:10px 0 20px 10px; }
.WebContentLeft { float: left; width: 140px; }
.WebContentRight { float: right; width: 710px; padding-top: 15px; background-image: url(Images/webContentRightTop.gif); background-repeat: no-repeat; background-position: center top; }
.WebContentRightBG { float: right; width: 710px; background-image: url(Images/webContentRightBG.gif); background-repeat: repeat-y; }

.WebContentRightTwoColumnContainer { float: right; width: 710px; background-image: url(Images/webContentRightTwoColumnContainerBG.gif); background-repeat: repeat-y; }
.WebContentRightTwoColumn { float: right; width: 710px; }
.WebContentRightTwoColumnTop { float: right; width: 710px; height: 15px; background-image: url(Images/webContentRightTwoColumnTop.gif); background-repeat: no-repeat; background-position: center top; }
.WebContentRightTwoColumnBottom { float: right; width: 710px; height: 15px; background-image: url(Images/webContentRightTwoColumnBottom.gif); background-repeat: no-repeat; background-position: center bottom; }
.WebContentRightTwoColumnBottomGrey { float: right; width: 710px; height: 15px; background-image: url(Images/webContentRightTwoColumnBottomGrey.gif); background-repeat: no-repeat; background-position: center bottom; }
.WebContentRightLeftColumn { float: left; width: 530px; }
.WebContentRightLeftColumnSideMargin { padding-left:20px; padding-right:20px; }
.WebContentRightLeftColumnSideMarginWide { padding: 0 40px 0 20px; }
.WebContentRightLeftColumnGrey { width: 530px; background-image: url(Images/webContentRightTwoColumnLeftColumnGreyBG.gif); background-repeat: repeat-y; }
.WebContentRightLeftColumnDivider { width: 530; padding-top: 15px; background-image: url(Images/webContentRightTwoColumnLeftColumnDivider.gif); background-repeat: no-repeat; background-position: center top; }
.WebContentRightRightColumn { float: right; width: 170px; }

.WebContentRightRightColumnHeader .H3header, .WebContentRightRightColumnHeader H3 { padding-top:5px!important; padding-bottom:0px; margin:0!important; }
.WebContentRightRightColumnImage { padding-top:0px; padding-bottom:5px!important; }
.WebContentRightRightColumnText { padding-top:5px!important; padding-bottom:5px!important; }

.WebContentRightRightColumnBottom { float: left; width: 710px; background-image: url(Images/webContentRightTwoColumnRightColumnGreyBG.gif); background-repeat: repeat-y; margin-bottom:5px; }
.WebContentRightRightColumnSideMargin { padding:0 10px 0 10px; }
.WebContentRightRightColumnNewsList {width:170px; padding:5px 0 10px 0!important; background-image:url(Images/webContentRightTwoColumnRightColumnNewsList.gif); background-repeat:repeat-y;}
.WebContentRightRightColumnNewsListItem { font-family: Verdana,Arial,Helvetica; font-size: 0.85em; }
.WebContentRightRightColumnNewsListSeparator { width:150px; height: 5px; font-size:1px; padding:0px!important; }
.WebContentRightRightColumnNewsListItem a {font-weight:normal;}

.WebContentRightWideBottom {float: left; height:15px; width: 710px; background-image: url(Images/webContentRightWideBottom.gif); }
.WebContentRightWideBottomGrey {float: left; height:15px; width: 710px; background-image: url(Images/webContentRightWideBottomGrey.gif); }
.WebContentRightWideGrey { width: 710px; background-image: url(Images/webContentRightWideGreyBG.gif); background-repeat: repeat-y; }
.WebContentRightWideGreyDivider{ width: 710; padding-top: 15px; background-image: url(Images/webContentRightWideDivider.gif); background-repeat: no-repeat; background-position: center top; }

.WebClear { clear: both; }
.WebContentLeftLinksContainer { padding: 0px 10px 0px 10px; }
.WebContentLeftSearchContainer { padding: 5px 10px 5px 10px; }
.WebSearchField { width: 80px; vertical-align: middle; border: solid 1px #000000; }
.WebSearchButton { vertical-align: middle; }
.WebCompanyAddressContainer { padding-top: 20px; width: 140px; color: #badddd; font-family: Verdana,Arial,Helvetica; font-size: 0.8em; }
.WebCompanyAddressContainer a { color: #badddd; }

/* Stilar vänstermeny */
.WebLeftMenuContainer { width: 140px; background-image: url(Images/leftMenuBG.gif); background-repeat: repeat-y; }
.WebLeftMenuTop { width: 140px; height: 14px; background-image: url(Images/leftMenuTop.gif); background-repeat: no-repeat; }
.WebLeftMenuDivider { width: 140px; height: 19px; background-image: url(Images/leftMenuDivider.gif); background-repeat: no-repeat; background-position: center bottom; }
.WebLeftMenuBottom { width: 140px; height: 40px; background-image: url(Images/leftMenuBottom.gif); background-repeat: no-repeat; }

.WebLeftMenu { font-family: Verdana,Arial,Helvetica; padding: 0 10px 0 10px; font-size: 0.8em; font-weight: bold; }
.WebLeftMenu A:link, WebLeftMenu A:active, WebLeftMenu A:hover, WebLeftMenu A:visited { text-decoration: none; color: #ffffff; }
.WebLeftMenuTopContainer { }

.WebLeftMenuTopItem { padding: 0px 0 0px 13px; margin: 5px 0 5px 0; background-image: url(Images/leftMenuTopItem.gif); background-repeat: no-repeat; background-position: 0px 3px; }
.WebLeftMenuItem1 { padding: 0px 0 0px 20px; margin: 6px 0 6px 0; }
.WebLeftMenuItem2 { padding: 0px 0 0px 30px; margin: 6px 0 6px 0; }
.WebLeftMenuItem3 { padding: 0px 0 0px 40px; margin: 6px 0 6px 0; }
.WebLeftMenuItem4 { padding: 0px 0 0px 50px; margin: 6px 0 6px 0; }
.WebLeftMenuItem5 { padding: 0px 0 0px 60px; margin: 6px 0 6px 0; }

.WebLeftMenuTopItem a, .WebLeftMenuTopItem A:link, WebLeftMenuTopItem A:active, WebLeftMenuTopItem A:hover, WebLeftMenuTopItem A:visited { color: #ffffff !important; text-decoration: none; }
.WebLeftMenuItem1 a, .WebLeftMenuItem1 A:link, WebLeftMenuItem1 A:active, WebLeftMenuItem1 A:hover, WebLeftMenuItem1 A:visited { color: #ffffff !important; text-decoration: none; }
.WebLeftMenuItem2 a, .WebLeftMenuItem2 A:link, WebLeftMenuItem2 A:active, WebLeftMenuItem2 A:hover, WebLeftMenuItem2 A:visited { color: #ffffff !important; text-decoration: none; }
.WebLeftMenuItem3 a, .WebLeftMenuItem3 A:link, WebLeftMenuItem3 A:active, WebLeftMenuItem3 A:hover, WebLeftMenuItem3 A:visited { color: #ffffff !important; text-decoration: none; }
.WebLeftMenuItem4 a, .WebLeftMenuItem4 A:link, WebLeftMenuItem4 A:active, WebLeftMenuItem4 A:hover, WebLeftMenuItem4 A:visited { color: #ffffff !important; text-decoration: none; }
.WebLeftMenuItem5 a, .WebLeftMenuItem5 A:link, WebLeftMenuItem5 A:active, WebLeftMenuItem5 A:hover, WebLeftMenuItem5 A:visited { color: #ffffff !important; text-decoration: none; }

/*************************************************************************************
This stylesheet will be used for the templates included in Litium Studio. Changes
below will change the appearance of the pages using the templates in the folder
"Templates".
**************************************************************************************/


/** STYLES FOR LITIUM STUDIO TEMPLATES ***********************************************/
/*************************************************************************************/

.StartPagePuffContainer { width: 490px; }
.StartPagePuffContainerWide { width: 650px; }
.StartPagePuffLeft { width: 234px; float: left; }
.StartPagePuffLeftWide { width: 416px; float: left; }
.StartPagePuffRight { width: 234px; float: right; }

.ListPageListItem { border-bottom: solid 1px #f0f0f0; background-color: #fbfbfb; padding:4px; font-size: 110%; }
.ListPageListAlternatingItem { border-bottom: solid 1px #f0f0f0; background-color: #ffffff; padding:4px; font-size: 110%; }

.Intro { font-weight: bold; margin-top: 0px; margin-bottom: 10px; }
.Text { font-size: 110%; font-weight: normal; margin-top: 0px; margin-bottom: 10px; }
.Normal { font-size: 110%; }
.Textbold { font-weight: bold; }
.Factheader { font-weight: bold; color: white; background-color: #555555; padding: 5px; }
.Facttext { font-weight: normal; background-color: #DDDDDD; padding: 5px; }
.Imagetext { font-weight: normal; margin-top: 2px; text-align: CENTER; }
.Date { color: #AAAAAA; margin-top: 0px; margin-bottom: 0px; }

.Linklist { font-weight: normal; margin-top: 20px; }
.Linkicon { margin-right: 3px; height: 10px; }
.Filelist { font-weight: normal; margin-top: 20px; }
.Fileicon { margin-right: 5px; }
.Productlist { font-weight: normal; margin-top: 20px; }
.Newslist { font-weight: normal; margin-top: 20px; }
.Form { }
.InputItem, 
.InputItemFixedWidth,
.InputItemFullWidth,
.SelectItemFixedWidth,
.WebSearchField 
{
    font-family: Georgia,Verdana,Arial,Helvetica,serif; 
    font-size: 110%;
}
.InputItem { margin-bottom: 10px; color: #000000;}
.InputItemFixedWidth { margin-bottom: 10px; width: 300px; color: #000000; }
.InputItemFullWidth { margin-bottom: 10px; width: 100%; color: #000000; }
.SelectItemFixedWidth { margin-bottom: 10px; width: 305px; font-weight: bold; color: #000000; }
.MarginSingle { margin-top: 10px; }
.MarginDouble { margin-top: 20px; }

.Image { margin-top: 20px; }
.ImageCenter { text-align: CENTER; margin-top: 20px; }
.ImageLeft { text-align: LEFT; margin-top: 20px; }
.ImageRight { text-align: RIGHT; margin-top: 20px; }
.ImageLeftFloat { float: LEFT; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; display: INLINE; }
.ImageRightFloat { float: RIGHT; margin-top: 10px; margin-left: 10px; margin-bottom: 10px; display: INLINE; }

.ColumnSpace { height: 10px; width: 10px; }
.CrossHorizontal { font-size: 1%; height: 2px; background-color: #555555; }
.CrossHorizontalCell { font-size: 1%; padding-bottom: 10px; padding-top: 10px; }
.CrossVertical { font-size: 1%; width: 2px; background-color: #555555; }
.CrossVerticalCell { font-size: 1%; height: 100%; padding: 5px; }

.threeColumnLeft { vertical-align: top; width: 350px; padding-right: 5px; }
.threeColumnMiddle { vertical-align: top; width: 189px; padding-top: 5px; padding-left: 5px; padding-right: 5px; }
.threeColumnRight { vertical-align: top; width: 189px; padding-top: 5px; padding-left: 5px; }
.threeColumnLineV { padding-top: 5px; background-image: url(../templates/common/images/dotlineV_bg.gif); }
.threeColumnLineH { margin-top: 5px; margin-bottom: 5px; height: 1px; background-image: url(../templates/common/images/dotlineH_bg.gif); }

.twoColumnTable { width: 100%; height: 350px; }
.twoColumnLeft { vertical-align: top; padding-right: 20px; }
.twoColumnRight { vertical-align: top; width: 180px; padding-left: 20px; }
.twoColumnInnerTable { margin-top: 20px; }
.twoColumnInnerOne { height: 100%; width: 33%; vertical-align: top; padding-top: 10px; padding-right: 10px; }
.twoColumnInnerTwo { height: 150px; width: 34%; vertical-align: top; padding-top: 10px; padding-left: 10px; padding-right: 10px; }
.twoColumnInnerThree { height: 150px; width: 33%; vertical-align: top; padding-top: 10px; padding-left: 10px; }
.twoColumnLineH { height: 1px; background-color: #9A9A9A; }
.twoColumnLineV { width: 1px; background-color: #9A9A9A; }

.Fileheader { font-size: 120%; font-weight: bold; margin-bottom: 5px; border-bottom: 1px solid #8A8A8A; }
.Fileitem { font-size: 110%; font-weight: normal; margin-bottom: 5px; }
.Linkheader { font-size: 120%; font-weight: bold; margin-bottom: 5px; border-bottom: 1px solid #8A8A8A; }
.Linkitem { font-size: 110%; font-weight: normal; margin-bottom: 5px; }
.Productname { font-size: 110%; font-weight: bold; margin-bottom: 5px; }
.Productlink, A.Productlink:link, A.Productlink:active, A.Productlink:hover, A.Productlink:visited { }
.Productdesc { font-size: 110%; font-weight: normal; }
.ProductRowItem1 { padding: 5px; padding-left: 0px; }
.ProductRowItem2 { padding: 5px; padding-left: 0px; }
.ProductColumnItem1 { padding: 10px; border-left: 1px solid #9A9A9A; width: 33%; }
.ProductColumnItem2 { padding: 10px; border-left: 1px solid #9A9A9A; width: 34%; }
.ProductColumnItem3 { padding: 10px; border-left: 1px solid #9A9A9A; width: 33%; }
.ProductitemLineH { height: 1px; background-color: #9A9A9A; }
.ProductitemLineV { padding: 10px; border-left: 1px solid #9A9A9A; }
.Productitem { font-size: 110%; line-height: 20px; }
.Productitemlist { padding-right: 20px; width: 100px; }
.ProductitemlistLineV { border-left: 1px solid #9A9A9A; }
.Newsimage { float: RIGHT; margin-left: 10px; display: INLINE; }
.Newsdate { font-size: 100%; }
.Newsheader { font-size: 110%; font-weight: bold; }
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:hover, A.Newslink:visited { }
.Newsintro { font-size: 110%; font-weight: normal; }
.Newsitem1 { padding: 5px; padding-left: 0px; }
.Newsitem2 { padding: 5px; padding-left: 0px; }
.Breadcrumb { font-size: 110%; font-weight: normal; color: gray; }
A.Breadcrumb:link, A.Breadcrumb:active, A.Breadcrumb:hover, A.Breadcrumb:visited { color: gray !important; }


/** SYSTEM ERROR MESSAGE *************************************************************/
/** System errors shown together with add-on-templates *******************************/
/*************************************************************************************/
.litErrorFieldset { margin-top: 10px; margin-bottom: 10px; }
.litErrorLegend { color: #FF0000 !important; font-size: 110%; padding-right: 6px; }
.litErrorDiv { padding-top: 8px; padding-bottom: 5px; }
.litErrorIcon { width: 16px; height: 16px; margin-right: 3px; }
.litErrorMsg { color: #FF0000 !important; font-size: 110%; }


/** STYLES FOR THE LEFT MENU *********************************************************/
/** CSS for the left menu, new in version 4.1 ****************************************/
/*************************************************************************************/
.LeftMenu ul { margin: 0; margin-top: 4px; padding: 0; }
.LeftMenu li { list-style: none; padding: 3px; margin-left: 15px; }
.LeftMenu a, .LeftMenu a:link, .LeftMenu a:active, .LeftMenu a:hover, .LeftMenu a:visited { color: #666666; }
.LeftMenu a { text-decoration: none; padding: 2px; margin-left: 1px; line-height: 14px; }
.LeftMenu a:hover { text-decoration: underline; }
.LeftMenu_Selected { margin-left: 0px !important; border: 1px solid #CCCCCC; background-color: White; }
.LeftMenu_StartPage { }
.LeftMenu_level_1 { margin-left: -20px !important; line-height: 130%; font-size: 110%; }
.LeftMenu_level_2, .LeftMenu_level_3, .LeftMenu_level_4, .LeftMenu_level_5 { margin-top: 1px !important; line-height: 110%; }

div.PageToolLinks {
    clear: both;
    padding-top: 15px;
}
div.PageToolLinksStartPage {
    background: url(Images/webContentRightWideGreyBG.gif) repeat-y left top; 
}
a.TipAFriend {
    margin: 0 10px 0 0;
    padding: 0 0 0 20px;
    background: url(Images/tip_icon.png) no-repeat 0 25%;
    line-height: 2;
}
a.Print {
    padding: 0 0 0 20px;
    background: url(Images/print_icon.png) no-repeat 0 25%;
    line-height: 2;
}

.ContactBox {
    margin: 10px 0;
    padding: 5px;
    border: 1px solid #f1f1f1;
    background: #fbfbfb;
}
.ContactBox .ContactAdress {
    margin-bottom: 1em;
}
.ContactBox .ContactLogo {
    float: right;
}

.clearfix:after {
    content: '.';
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    line-height: 0;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

/**** Job list *****************************************************************/
/*******************************************************************************/
.JobListCategoryTitle{padding: 7px 0px 4px 0px;}
.JobListDropDown{border: 1px solid #a5acb2;}
.JobList{padding-top: 38px; /*color: #8a8a8a;*/}
.JobListHeaderItem{font-weight: bold; border-bottom: 1px solid #f0f0f0; padding: 4px 0px 3px 8px;}
.JobListItem{border-bottom: 1px solid #f0f0f0; padding: 4px 0px 3px 8px;}
.JobListItemAlternating{background-color: #fbfbfb; border-bottom: 1px solid #eeeeee; padding: 4px 0px 3px 8px;}
.JobListDate{float:left; width: 72px;}
.JobListJobTitle{float:left; width: 210px; padding-right: 6px;}
.JobListJobTitle a{font-weight: normal!important;}
.JobListCompany{float:left; width: 166px;}