/************************************************************
This stylesheet will be used both in the public site and the
cms editor and has lower priority than "public.css" when used
in the public site.
*************************************************************/

/*********** COMMON STYLES FOR HTML ELEMENTS ****************/
HTML{FONT-SIZE:x-small;}
BODY{COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica; MARGIN-TOP:0px;}
A:link, A:active, A:hover, A:visited{COLOR: #000000;}
P{MARGIN-TOP:0px; line-height:140%; MARGIN-BOTTOM:10px;/*Required for same look in Firefox and IE*/}
H1{FONT-SIZE:180%; font-family:Arial, Verdana; FONT-WEIGHT:bold; MARGIN-BOTTOM:10px; MARGIN-TOP:0px;/*Required for Firefox*/}
H2{FONT-SIZE:130%; font-family:Arial, Verdana; FONT-WEIGHT:bold; MARGIN-BOTTOM:0px; MARGIN-TOP:0px;/*Required for Firefox*/}
H3{FONT-SIZE:120%; font-family:Arial, Verdana; FONT-WEIGHT:bold; MARGIN-BOTTOM:0px; MARGIN-TOP:0px;/*Required for Firefox*/}

/*********** STYLES FOR TEMPLATE ELEMENTS *******************/
.Mainheader{FONT-SIZE:200%; font-family:Arial, Verdana; FONT-WEIGHT:bold; MARGIN-BOTTOM:10px; MARGIN-TOP:0px;/*Required for Firefox*/}
.Subheader{FONT-SIZE:140%; font-family:Arial, Verdana; FONT-WEIGHT:bold; MARGIN-BOTTOM:0px; MARGIN-TOP:0px;/*Required for Firefox*/}
.Markering{color:#01804D;}




/*********** CUSTOM STYLES FOR TEMPLATE *********************/
.container{ width:860px; margin:0px auto 0px auto; background-color:#01804d; position:relative; padding-bottom:1px; overflow:hidden;}
.bodyEmptyFramework{ background-image:url(../Images/EmptyFrameworkBg.gif); background-repeat:repeat-y; padding-left:25px;}
.contentEmptyFramework{ padding:20px;}


.headerArea{ height:194px; position:relative;}
.dottedLine{ position:absolute; left:7px; top:7px;}
.headerImageArea{ width:831px; height:138px; position:absolute; left:26px; top:50px;}

.leftArea{float:left; padding:0px; width:540px;}
.rightArea{ float:right; padding:15px 2px 0px 0px; width:246px;}

.contentArea{ width:833px; background-color:#FFFFFF; float:right; MIN-HEIGHT:350px; _HEIGHT:350px;}
.content{ float:right; width:500px;}
.contentFullWidth{ width:753px; margin:0px auto 0px auto;}

.logoArea{ text-align:center; padding-bottom:15px;}

.mainMenuArea{ width:829px; height:25px; margin:2px auto 2px auto; background-color:#ABAFA6;}

.footerArea{ width:833px; float:right; color:#01804D; background-color:#FFFFFF; clear:both; text-align:center; font-size:90%; padding-bottom:10px; padding-top:20px;}

.inputSearch{FONT-SIZE:100%; COLOR:#666666;}

/*********** STYLES FOR MENU ********************************/
.litNavTopGroup{cursor:hand; color:#FFFFFF; font-size:110%; height:25px; font-weight:bold; }
.litNavMenuGroup{cursor:hand; background-color:#ABAFA6; color:#FFFFFF; font-size:110%;}
.litNavTopMenuItem{cursor:hand;}
.litNavTopMenuItem nobr{}
.litNavTopMenuItemHover{cursor:hand; background-color:#FFFFFF; color:#01804D;}
.litNavTopMenuItemExpanded{cursor:hand; background-color:#FFFFFF; color:#01804D;}
.litNavTopMenuItemActive{cursor:hand; background-color:#FFFFFF; color:#01804D;}
.litNavMenuItem{cursor:hand;}
.litNavMenuItemHover{cursor:hand; background-color:#FFFFFF; color:#01804D;}
.litNavMenuItemActive{cursor:hand; background-color:#FFFFFF; color:#01804D;}
.litNavMenuItemExpanded{cursor:hand; background-color:#FFFFFF; color:#01804D;}
.litNavMenuBreak{}

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



/*********** STYLES FOR TEMPLATE ELEMENTS *******************/
.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:left;}
.Date{			COLOR:#AAAAAA; MARGIN-TOP:0px; MARGIN-BOTTOM:0px;}

UL{ line-height:140%;}

.infoTableCell{padding:3px 3px 3px 0px; font-size:110%;}
.infoTableCellBold{padding:3px 3px 3px 0px; font-size:110%; font-weight:bold;}

.printableButtonArea{padding:5px 0px 0px 0px; border-top:dashed 1px #666666; margin-top:20px; clear:both;}
.printButtonText{	font-size:90%; padding-left:5px;}
A.printButtonText:link{color:gray; text-decoration:none; font-size:90%!important; }
A.printButtonText:active{color:gray; text-decoration:none; font-size:90%!important; }
A.printButtonText:visited{color:gray; text-decoration:none; font-size:90%!important; }
A.printButtonText:hover{color:gray; text-decoration:none; font-size:90%!important; }

.MarkedLink{}
A.MarkedLink:link{color:#01804d; text-decoration:none; }
A.MarkedLink:active{color:#01804d; text-decoration:none;}
A.MarkedLink:visited{color:#01804d; text-decoration:none;}
A.MarkedLink:hover{color:#01804d; text-decoration:underline;}

.Linklist{		FONT-WEIGHT:normal;	MARGIN-TOP:0px;}
.Linkicon{		MARGIN-RIGHT:3px;	HEIGHT:10px;	BACKGROUND-IMAGE: url(link.gif);}
.Filelist{		FONT-WEIGHT:normal;	MARGIN-TOP:0px;}
.Fileicon{		MARGIN-RIGHT:5px;}
.Productlist{	FONT-WEIGHT:normal;	MARGIN-TOP:20px;}
.Newslist{		FONT-WEIGHT:normal;	MARGIN-TOP:20px;}
.Form{			}/*Denna får inte ha textstorlek, då ballar inputfälten ur!!*/
.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:10px; padding-bottom:5px;	BORDER-BOTTOM:1px solid #000000;}
.Fileitem{				FONT-SIZE:110%;	FONT-WEIGHT:normal;	MARGIN-BOTTOM:5px;}
.Linkheader{			FONT-SIZE:110%;	FONT-WEIGHT:bold;	MARGIN-BOTTOM:10px; padding-bottom:5px;	BORDER-BOTTOM:1px solid #000000;}
.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;	BACKGROUND-COLOR:#F7F7F7;}
.ProductRowItem2{		PADDING:5px;	BACKGROUND-COLOR:#EBEBEB;}
.Product2ColumnItem1{	PADDING-right:10px; WIDTH:50%;}
.Product2ColumnItem2{	PADDING-left:10px; border-left:1px solid #9A9A9A; WIDTH:50%;}

.Product3ColumnItem1{	PADDING-right:10px; WIDTH:33%;}
.Product3ColumnItem2{	PADDING-left:10px; border-left:1px solid #9A9A9A; WIDTH:34%;}
.Product3ColumnItem3{	PADDING-left:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}

.ProductRowSpace{		height:10px;}
.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;}


.newsArea{ background-color:#E7E1D5; padding:10px;}

.Newsimage{				FLOAT:RIGHT;	MARGIN-LEFT:10px;	MARGIN-BOTTOM:10px;		DISPLAY:INLINE;}
.newsListImage IMG{ border:solid 2px #FFFFFF;}
.Newsdate{				FONT-SIZE:100%; padding-bottom:3px;}
.Newsheader{			FONT-SIZE:100%;	FONT-WEIGHT:bold; padding-bottom:3px}
.Newslink{}
A.Newslink:link{ color:#000000; text-decoration:none;}
A.Newslink:active{ color:#000000; text-decoration:none;}
A.Newslink:visited{ color:#000000; text-decoration:none;}
A.Newslink:hover{ color:#000000; text-decoration:underline;}
.Newsintro{				FONT-SIZE:100%;	FONT-WEIGHT:normal;}
.Newsitem1{				PADDING:5px;	BACKGROUND-COLOR:#F7F7F7;}
.Newsitem2{				PADDING:5px;	BACKGROUND-COLOR:#EBEBEB;}

.BreadcrumbArea{padding:5px 0px 20px 12px;}
.Breadcrumb{			COLOR:#ABAFA6; FONT-SIZE:90%;}
A.Breadcrumb:link{		COLOR:#ABAFA6; text-decoration:none;}
A.Breadcrumb:active{	COLOR:#ABAFA6; text-decoration:none;}
A.Breadcrumb:visited{	COLOR:#ABAFA6; text-decoration:none;}
A.Breadcrumb:hover{		COLOR:#ABAFA6; text-decoration:underline;}

/***************** ERROR ************************************/
.litErrorMsg{COLOR: #FF0000! important;}