/*

    STYLESHEET FÖR STILAR SOM ÄR GEMENSAMMA FÖR SAMTLIGA DELSITER.
    OM EN STIL INTE SKA FÖRÄNDRAS PÅ SAMTLIGA SITER SKA DEN FLYTTAS 
    FRÅN DENNA FIL TILL SAMTLIGA SITESPECIFIKA CSS.

*/
/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
HTML{font-size:x-small;}
BODY{color:#000000; font-family:Verdana,Arial,Helvetica; margin-left:15px; margin-top:20px;}
A:link, A:active, A:hover, A:visited{color: #000000;}
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;}

/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.H1header{font-size:180%; font-weight:bold; margin-bottom:10px; margin-top:5px;}
.H2header{font-size:140%; font-weight:bold; margin-bottom:8px; margin-top:0px;}
.H3header{font-size:120%; font-weight:bold; margin-bottom:5px; margin-top:0px;}

/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
h1{font-size:160%; font-weight:bold; margin-bottom:10px; margin-top:5px; font-family:Verdana,Arial,Helvetica;}
h2{font-size:130%; font-weight:bold; margin-bottom:8px; margin-top:0px; font-family:Verdana,Arial,Helvetica;}
h3{font-size:110%; font-weight:bold; margin-bottom:5px; margin-top:0px; font-family:Verdana,Arial,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) */
/*************************************************************************************/

.ImageBorder{border:0;}
.WebBody {background-color: #e9e9e9; margin: 0px; padding:0; height: 100%; min-height: 100%; background-image:url(Images/bgMainSideShades.gif); background-position:center; background-repeat:repeat-y;}
.WebMain {width:950px; margin:auto;}

.WebTextNoDecoration {text-decoration:none;}

.WebHeaderTopMenu {float:left; padding-left:20px; font-size:110%; width:680px; height:30px; text-align:left;}
.WebHeaderSearch {float:right; padding:5px 20px 0 0; width:230px; text-align:right;}

.WebTopMenuItem {float:left; padding-top:8px; padding-left:10px; padding-right:10px;}

.WebMiddleContainer {height: auto; width: 950px; text-align:center; margin:auto;}
.WebContent {height: auto; width: 950px; margin:auto; padding:0px;  text-align:left; margin-top:10px; background-image:url(Images/bgRightDividerPixel.gif); background-repeat:repeat-y; background-position:206px;}
.WebContentLeft {float: left; width: 206px; height: 100%;}
.WebContentRight {float: right; width:724px; background-image:url(Images/bgRightDividerPixel.gif); background-repeat:repeat-y; background-position:488px;}
.WebContentRightWide {float: right; width:704px; padding-right:20px;}
.WebContentRightMain {width:468px; float:left;}
.WebContentRightRight {width:206px; float:right; padding-right:10px;}
.WebContentRightRightBannerImage {}
.WebClear {clear:both;}
.WebSearchField {font-size:110%; color:#666666; width:100px; font-family:Verdana,Arial,Helvetica;}
.WebSearchButton {font-size:110%; color:#666666; width:auto; font-family:Verdana,Arial,Helvetica;}

/*************************************************************************************
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 ***********************************************/
/*************************************************************************************/
.RSSNewsLogo {float:left; padding:0 0 10px 0;}
.RSSNewsItem {padding:5px 0 5px 0; border-top:solid 1px #cccccc; width:468px;}
.RSSNewsDate {float: left; padding-right: 10px; width:75px;}
.RSSNewsLink {float: right; width:378px;}

.Intro{font-size:110%; 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;}

A.NormalLink:link{ font-weight:normal!important;}
A.NormalLink:active{ font-weight:normal!important;}
A.NormalLink:visited{ font-weight:normal!important;}
A.NormalLink:hover{ font-weight:normal!important;}

.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{font-size:110%; margin-bottom:10px; color:#000000; font-family:Verdana,Arial,Helvetica;}
.InputItemFixedWidth{font-size:110%; margin-bottom:10px; width:300px; color:#000000; font-family:Verdana,Arial,Helvetica;}
.InputItemFullWidth{font-size:110%; margin-bottom:10px; width:100%; color:#000000; font-family:Verdana,Arial,Helvetica;}
.SelectItemFixedWidth{font-size:110%; margin-bottom:10px; width:305px; font-weight:bold; color:#000000; font-family:Verdana,Arial,Helvetica;}
.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:110%; font-weight:bold; margin-bottom:5px; border-bottom:1px solid black;}
.Fileitem{font-size:110%; font-weight:normal; margin-bottom:5px;}
.Linkheader{font-size:110%; font-weight:bold; margin-bottom:5px; border-bottom:1px solid black;}
.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%;}

/** Newslettersubscription ***********************************************************/
/*************************************************************************************/
.newslettersubscription img.main { float: right; margin: 0 0 1em 1em; }
.newslettersubscription input[type=text] { margin: 0 10px 0 0;}
.newslettersubscription select { margin: 0 10px 0 0;}
.newslettersubscription .subscribesection { position: relative; padding: 0 0 2em; }
.newslettersubscription .subscribesection label { display: block;}
.newslettersubscription .subscribesection br { display: none; }
.newslettersubscription .subscribesection span { position: absolute; bottom: 0; left: 0;}