/***************** ALLMÄNNA HTML-TAGGAR ***************************************************/
BODY{background-color:#ffffff;}
HTML{FONT-SIZE:x-small;}
BODY{FONT-SIZE:x-small; FONT-FAMILY:Arial,Helvetica; color: #333333;}
A:link, A:active, A:hover, A:visited{COLOR: #1c3378; font-size:120%; text-decoration:underline;}
img{border: none;}

/********************************************************************/
.Fileheader{			FONT-SIZE:140%;	FONT-WEIGHT:bold;	MARGIN-BOTTOM:10px;	BORDER-BOTTOM:1px solid black;}
.Fileitem{				FONT-SIZE:95%;	FONT-WEIGHT:normal;	MARGIN-BOTTOM:5px; color: #1c3378; float: left;}
.fileEnding{            float: left; color: #666666;}
.Linkheader{			FONT-SIZE:140%;	FONT-WEIGHT:bold;	MARGIN-BOTTOM:10px;	BORDER-BOTTOM:1px solid black;}
.Linkitem{				FONT-SIZE:95%;	FONT-WEIGHT:normal;	MARGIN-BOTTOM:5px; color: #1c3378;}
.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;	BACKGROUND-COLOR:#F7F7F7;}
.ProductRowItem2{		PADDING:5px;	BACKGROUND-COLOR:#EBEBEB;}
.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:150px;}
.ProductitemlistLineV{		border-left:1px solid #9A9A9A;}
.Newsimage{				FLOAT:RIGHT;	MARGIN-LEFT:10px;	MARGIN-BOTTOM:10px;		DISPLAY:INLINE;}
.Newsdate{				FONT-SIZE:100%; float: left; width: 72px; border-right: solid 1px #999999; color: #999999; font-size:120%;}
.Newsheader{			FONT-SIZE:100%;	FONT-WEIGHT:normal; color: #1c3378; padding-bottom: 3px;}
.Newslink{}
A.Newslink:link{}
A.Newslink:active{}
A.Newslink:hover{}
A.Newslink:visited{}
.Newsintro{				FONT-SIZE:120%;	FONT-WEIGHT:normal; line-height:140%; }
.Newsitem1{				PADDING:5px;	BACKGROUND-COLOR:#F7F7F7;}
.Newsitem2{				PADDING:5px;	BACKGROUND-COLOR:#EBEBEB;}
.Breadcrumb{			FONT-SIZE:110%;	FONT-WEIGHT:normal;	COLOR:gray;}
A.Breadcrumb:link{		COLOR:gray!important;}
A.Breadcrumb:active{	COLOR:gray!important;}
A.Breadcrumb:hover{		COLOR:gray!important;}
A.Breadcrumb:visited{	COLOR:gray!important;}
.SiteMap{				height:370px;width:547px;}
.RootNode{				FONT-SIZE:110%;}
.ParentNode{			FONT-SIZE:110%;}
.LeafNode{				FONT-SIZE:110%;}


/***************** KLASSER FÖR MALLAR ************************************************/
/*************************************************************************************/
/*.Mainheader, .Subheader, .Intro, .Text, .Factheader, .Facttext, .Imagetext, .Linklist, .Filelist, .Form{BORDER:1px dashed #CCCCCC;}*/
.Mainheader{FONT-SIZE:240%; FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Subheader{FONT-SIZE:140%; FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}

h1{color:#333333; FONT-SIZE:240%; FONT-WEIGHT:normal; font-family: Arial, helvetica; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
h2{color:#333333; FONT-SIZE:140%; FONT-WEIGHT:bold; font-family:Arial, helvetica; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
h2{color:#333333; FONT-SIZE:120%; FONT-WEIGHT:bold; font-family:Arial, helvetica; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}


/*.Template{		WIDTH:750px;MIN-HEIGHT:350px; _HEIGHT:350px; MARGIN-BOTTOM:20px;}*/


.Intro{			FONT-SIZE:120%; color: #666666;	FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Text{			FONT-SIZE:120%;	FONT-WEIGHT:normal; line-height: 150%; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Normal{		FONT-SIZE:120%;	FONT-WEIGHT:normal; line-height: 150%; }
.Textbold{		FONT-WEIGHT:bold;}
.Factheader{		FONT-WEIGHT:bold; COLOR:gray; BACKGROUND-COLOR:#ffffff; PADDING:0px;FONT-SIZE:110%;}
.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;	}
.Linkicon{		MARGIN-RIGHT:3px;	HEIGHT:10px;	BACKGROUND-IMAGE: url(link.gif);}
.Filelist{		FONT-WEIGHT:normal;	}
.Fileicon{		MARGIN-RIGHT:5px;}
.Productlist{	FONT-WEIGHT:normal;	MARGIN-TOP:20px;}
.Newslist{		FONT-WEIGHT:normal;	MARGIN-TOP:20px;}

.InputItem{				FONT-SIZE:110%;	MARGIN-BOTTOM:10px;}
.InputItemFixedWidth{	FONT-SIZE:110%;	MARGIN-BOTTOM:10px;	WIDTH:300px;}
.InputItemFullWidth{	FONT-SIZE:110%;	MARGIN-BOTTOM:10px;	WIDTH:100%;}
.SelectItemFixedWidth{	FONT-SIZE:110%;	MARGIN-BOTTOM:10px;	WIDTH:305px;	FONT-WEIGHT:bold;}
.MarginSingle{	MARGIN-TOP:10px; margin-right:20px;}
.MarginDouble{	MARGIN-TOP:20px;}

.Form{margin-left: 60px;}

.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:0px;}
.twoColumnRight{		VERTICAL-ALIGN:top; WIDTH:368px; PADDING-LEFT:0px;}
.twoColumnInnerTable{	MARGIN-TOP:00px;}
.twoColumnInnerOne{		HEIGHT:100%; WIDTH:49%; VERTICAL-ALIGN:top; PADDING-TOP:00px; PADDING-RIGHT:10px;}
.twoColumnInnerTwo{		HEIGHT:150px; WIDTH:49%; VERTICAL-ALIGN:top; PADDING-TOP:00px; PADDING-LEFT:0px; PADDING-RIGHT:10px;}
.twoColumnInnerThree{	HEIGHT:150px; WIDTH:49%; VERTICAL-ALIGN:top; PADDING-TOP:00px; PADDING-LEFT:10px;}
.twoColumnLineH{		HEIGHT:1px; BACKGROUND-COLOR: #9A9A9A;}
.twoColumnLineV{		WIDTH:1px; BACKGROUND-COLOR: #9A9A9A;}


/***************** MENYER *************************************************/
/**************************************************************************/

.TopMenu{}
.TopMenu a{color: #ffffff; font-family: Arial, helvetica; font-size: 120%; text-decoration: none;}
.TopMenuItemStart{height: 36px; line-height: 20px; padding-right: 10px!important; padding-top: 14px; margin-right: 0px!important;}
.TopMenuItemStart a{color: #ffffff!important; font-size: 120%; text-decoration: none!important;}
.TopMenuItemStart a:hover{color: #cccccc!important; font-size: 120%; text-decoration: none!important;}
.TopMenuItemStartSelected{height: 36px; line-height: 20px; padding-right: 9px!important; padding-top: 14px; margin-right: 0px!important;}
.TopMenuItemStartSelected a{color: #ffffff!important; font-size: 120%; text-decoration: none!important;}
.TopMenuItem{height: 36px; line-height: 20px; padding-right: 9px!important; padding-left: 9px!important; padding-top: 14px; margin-right: 0px!important;}
.TopMenuItem a{color: #ffffff!important; font-size: 120%; text-decoration: none!important;}
.TopMenuItem a:hover{color: #cccccc!important; font-size: 120%; text-decoration: none!important;}
.TopMenuItemSelected{height: 36px; line-height: 20px; padding-right: 9px!important; padding-left: 9px!important; background-color: #152b6a; padding-top: 14px; margin-right: 0px!important;}
.TopMenuItemSelected a{color: #ffffff!important; font-size: 120%; text-decoration: none!important;}
.TopMenuSeperator{float: left; width: 2px; height: 20px; background-image: url(../Images/topMenuDivider.gif); background-repeat: no-repeat; margin-top: 14px;}

.LeftMenuItem{float: none!important; width: 124px; font-size: 100%; padding: 10px; margin-right: 0px!important;}
.LeftMenuItem a{ color: #333333!important; text-decoration: none!important;}
.LeftMenuItemSelected{float: none!important; width: 124px; font-size: 100%; padding: 10px; background-color: #152b6a; margin-right: 0px!important;}
.LeftMenuItemSelected a{text-decoration: none!important; color: #ffffff!important;}
.LeftMenuSeperator{float: none!important; width: 144px; height: 2px; background-image: url(../Images/LeftMenuDivider.gif); background-repeat: repeat-x;}


/***************** INLOGGING **********************************************/
/**************************************************************************/
/*.litLoginContact{
	FONT-SIZE:85%;
	COLOR:#AAAAAA;
}
.litLoginBg{
	background-color:#EDEBE1;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFFFFF', endColorstr='#EDEBE1', gradientType='0');
}
.litLoginBgTop{
	background-color:#EDEBE1;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', gradientType='0');
}
.litLoginBgBottom{
	background-color:#EDEBE1;
}
.litLoginInput{
	width:95%;
}
.litErrorMsg{
	COLOR: #FF0000! important;
}*/

/***************** EGNA KLASSER FÖR KUNDENS SITE ***************************/
/***************************************************************************/
.MainContainer{}
.Main{padding-left: 20px; padding-right: 20px;}
    .MainTopBg{display:none;}
    .MainBottomBg{display:none;}
.TopContainer{height: 50px; background-image: url(../Images/topBG.gif); background-repeat: repeat-x; display: none;}
    .TopLogoContainer{float: left; width: 115px; padding-left: 28px;}
    .TopMenuContainer{float: left; height: 50px; width: 570px; padding-left: 42px;}
    .TopSearchContainer{float: right; width: 201px; padding-right: 10px; height: 34px; background-image: url(../Images/searchBG.gif); background-position: left bottom; background-repeat: no-repeat;}
        .TopSearchContainerInner{margin-top: 9px; margin-left: 20px; }
            .SearchButton{position: absolute; margin-top: 5px; margin-left: 137px;}
            .SearchField{background: transparent; border: none; width: 122px; position: absolute; margin-top: 5px;}
.MainContent{padding: 3px 0px 10px 0px;}
    .LeftMenuContainer{width: 144px; background-color: #ffffff; padding: 10px; height: 1px; overflow:hidden; }
    .ContentHolder{width: 804px;}
        .ContentLeft{width: 515px; }
            .ContentLeftAreaTop{background-color: #ffffff; padding: 10px 10px 10px 10px;}
            .ContentLeftAreaBottom{background-color: #ffffff; padding: 10px 10px 10px 10px; margin-top: 10px; display:none;}
                .ContentLeftAreaInner{float:right;}
                .PrintImage{float:left;}
                .PrintText{float: left; padding: 3px 0px 0px 3px; color: #164b12!important; font-size: 110%;}
                .PrintText a{color: #164b12!important; font-size: 100%!important;}
                
        .ContentRight{width: 280px;}
            .ContentRightArea{width: 260px; padding: 10px 10px 10px 10px; margin-bottom: 20px; background-color: #ffffff;}
.FooterContainer{height: 25px; color: #ffffff; font-size: 110%!important; background-image: url(../Images/footerBG.gif); background-repeat: repeat-x; display:none;}
.FooterContainer a{color: #ffffff!important; text-decoration: underline!important; font-size: 100%!important;}
    .FooterInnerLeft{float: left; height: 25px; line-height: 25px; padding-left: 30px;}
    .FooterInnerRight{float: right; height: 25px; line-height: 25px; padding-right: 10px;}
    
.NewsContainerFirst{padding-bottom: 15px;}
.NewsContainer{padding-bottom: 15px; padding-top: 15px; border-top: solid 1px #f2f0eb;}

.StartPageTopContainer{background-color: #ffffff; min-height: 20px; _height: 20px;}
    .StartPageTopImageArea{float: left; width: 640px; padding: 10px;}
    .StartPageTopRightArea{float: right; width: 298px; padding: 10px;}
.StartPageBottomContainer{margin-top: 10px; background-image: url(../Images/startBottomContainerBG.gif); background-repeat:repeat-y; min-height: 20px; _height: 20px;}
    .StartPageBox{float: left; width: 300px; padding: 10px; margin-right: 9px;}
    .StartPageBoxLast{float: left; width: 300px; padding: 10px;}
.StartPageBoxHeader{font-size: 140%; font-weight: bold; color: #000000; padding-bottom: 5px; margin-bottom: 20px; border-bottom: solid 1px #185315;}
    .StartPageNewsDateContainer{float: left; width: 47px; height: 44px; text-align:center; padding-right:8px; padding-top: 4px; background-image: url(../Images/dateBG.gif); background-repeat: no-repeat;}
        .StartPageNewsDateMonth{font-family: Georgia,Times New Roman,Times,serif; color: #185315; font-size: 145%; text-transform:uppercase; height: 12px;}
        .StartPageNewsDateDay{font-family: Georgia,Times New Roman,Times,serif; color: #185315; font-size: 180%; font-style:italic;}
    .StartPageNewsContainer{margin-bottom: 23px;}
    .StartPageNewsRightContainer{float: left; width: 245px;}
    .StartPageBoxTitle{margin-bottom: 2px;}
    .StartPageBoxTitle a{font-size: 120%!important; color: #1c3378!important; text-decoration: underline;}
    .StartPageBoxIntro{font-size: 110%!important; line-height: 155%;}
    
.StartPageProjectLinks{}
.StartPageProjectLinks a{font-size: 100%!important;}

.ProductThumbnailsContainer{width: 497px; background-image: url(../Images/thumbnailsBG.gif); background-repeat: repeat-y;}
    .ProductImageThumbnail{float:left; width: 62px; height: 46px; margin-right: 10px;}
    .ProductImageThumbnailLast{float:left; width: 62px; height: 46px;}
    
    
.SearchText{float:left; width: 420px; margin-bottom: 3px!important;}
.SearchText a{font-size: 100%!important;}

.QuestionLink {margin-bottom: 5px;}
.ListLink{margin-bottom: 5px;}


/**************** Slide show *********************/
.slideLi{ list-style:none; float:left; margin-right:5px; margin-left:5px; cursor:pointer; cursor:hand;}
.slideImage{ opacity: 0.5; filter: alpha(opacity=40); cursor:pointer; cursor:hand; width:62px; height:46px;}
.slideImageSelected{  width:62px; height:46px; cursor:pointer; cursor:hand; }
.slidePrevButton{position:absolute; left:10px; top:10px; cursor:pointer; cursor:hand;}
.slideNextButton{position:absolute; right:10px; top:10px; cursor:pointer; cursor:hand;}
.slideImageTextContainer{ text-align:center; }