/************************************************************
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:#666666; FONT-FAMILY:Verdana,Arial,Helvetica;}
A:link, A:active, A:hover, A:visited{COLOR: #49779D;text-decoration:none;}
P{MARGIN-TOP:0px; MARGIN-BOTTOM:15px;/*Required for same look in Firefox and IE*/}

/*********** STYLES FOR TEMPLATE ELEMENTS *******************/
.Mainheader{FONT-FAMILY:Arial,Verdana,Helvetica; FONT-SIZE:180%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; MARGIN-TOP:5px;}
.Subheader{FONT-FAMILY:Arial,Verdana,Helvetica; FONT-SIZE:130%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; MARGIN-TOP:0px;/*Required for Firefox*/}

/** 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:bold; COLOR:#7D7207!important;}
.ImagetextEditor{FONT-WEIGHT:normal; FONT-SIZE:90%;}



/*********** COMMON STYLES FOR HTML ELEMENTS ****************/
BODY{}

/*********** CUSTOM STYLES FOR TEMPLATE *********************/

.logoArea{			PADDING-BOTTOM:5px;}
.menuContent{		FLOAT:left; BORDER-LEFT:1px solid #FFFFFF; PADDING-LEFT: 10px; PADDING-TOP: 3px; PADDING-BOTTOM: 2px; COLOR: #434343; FONT-WEIGHT:normal; FONT-SIZE:110%;}
.searchArea{	background-image: url(../templates/common/images/searcharea-bg.gif); background-repeat:repeat-x; background-color:#009bb5; width:155px; text-align:center; padding-top:7px; padding-bottom:7px;}
.inputSearch{		FONT-SIZE:110%; COLOR:#333333; FONT-FAMILY:Verdana,Arial,Helvetica; width:100px; border: solid 1px #000000; background-color:#FFFFFF;}
.buttonSearch{		FONT-SIZE:110%; COLOR:#333333; FONT-FAMILY:Verdana,Arial,Helvetica; width:40px; border: solid 1px #000000; background-color:#FFFFFF;}
.footerContent{		COLOR: #000000; FONT-SIZE:110%; padding-top:10px;}

/*********** STYLES FOR MENU ********************************/
.litNavTopGroup { cursor:hand; width:161px; margin-left:auto; margin-right:auto;
}
.litNavMenuGroup {background-color: #F6F6F6; border:solid 1px #A19E98; cursor:hand; 
}
.litNavTopMenuItem {color:#383838; font-family:verdana, arial, helvetica; cursor:hand; line-height:150%; border-bottom: solid 2px #D1DCDE; 
}
.litNavTopMenuItemHover { background-color:#EDEDED; color:#383838; font-family:verdana, arial, helvetica; cursor:hand; line-height:150%; border-bottom: solid 2px #D1DCDE; 
}
.litNavTopMenuItemExpanded { background-color:#EDEDED; color:#383838; font-family:verdana, arial, helvetica; cursor:hand; line-height:150%; border-bottom: solid 2px #D1DCDE;
}
.litNavTopMenuItemActive { background-color:#EDEDED; color:#383838; font-family:verdana, arial, helvetica; cursor:hand; line-height:150%; border-bottom: solid 2px #D1DCDE;
}
.litNavMenuItem { color:#383838; margin:1px; font-family:verdana, arial, helvetica; cursor:hand; line-height:150%; 
}
.litNavMenuItemHover {  background-color:#D9D7D1;  color:#383838; margin:1px; font-family:verdana, arial, helvetica; cursor:hand; line-height:150%;
}
.litNavMenuItemActive{ color:#383838; font-family:verdana, arial, helvetica; cursor:hand; line-height:150%; 
}
.litNavMenuItemExpanded{ color:#383838; font-family:verdana, arial, helvetica; cursor:hand; line-height:150%; 
}


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

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

/*********** STYLES FOR TEMPLATE ELEMENTS *******************/
.contentArea{	WIDTH:100%; text-align:center;}
.textArea{      margin-left:35px; margin-right:35px; text-align:left;}

.Intro{			FONT-SIZE:100%;	FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Text{			FONT-SIZE:100%;	FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Normal{		FONT-SIZE:100%;}
.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;	BACKGROUND-IMAGE: url(link.gif);}
.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{			}/*Denna får inte ha textstorlek, då ballar inputfälten ur!!*/
.InputItem{COLOR:#000000;FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:110%;MARGIN-BOTTOM:10px;}
.InputItemFixedWidth{COLOR:#000000;FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:110%;MARGIN-BOTTOM:10px;WIDTH:300px;}
.InputItemFullWidth{COLOR:#000000;FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:110%;MARGIN-BOTTOM:10px;WIDTH:100%;}
.SelectItemFixedWidth{COLOR:#000000;FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:110%;MARGIN-BOTTOM:10px;WIDTH:305px;FONT-WEIGHT:bold;}
.MarginSingle{	MARGIN-TOP:10px;}
.MarginDouble{	MARGIN-TOP:20px;}

.StartPageDiv{ border-top: solid 1px #666666; padding-top: 5px;}

.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;	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%;}
.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;	BACKGROUND-COLOR:#F7F7F7;}
.Newsitem2{				PADDING:5px;	BACKGROUND-COLOR:#EBEBEB;}
.Breadcrumb{			FONT-SIZE:100%;	FONT-WEIGHT:normal;	COLOR:gray; padding-top: 5px;}
A.Breadcrumb:link{		COLOR:gray!important;}
A.Breadcrumb:active{	COLOR:gray!important;}
A.Breadcrumb:hover{		COLOR:gray!important;}
A.Breadcrumb:visited{	COLOR:gray!important;}

body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 } 
 
#container{ 
 width:802px;
 margin-left:auto;
 margin-right:auto;
}

#wrapper
{
 width:802px;
 background-image: url(../templates/common/images/wrapper-bg.gif);
}

#wrapper2
{
 width:802px;
 background-image: url(../templates/common/images/wrapper-bg2.gif);
}


#header{
 position:relative; 
 height:132px;
 background-image: url(../templates/common/images/toplogo.jpg); 
 width:100%;
} 
 
#leftcol{
 width:181px; 
 height:100%;
 float:left; 
 position:relative; 
 text-align:center;
 /* background-image: url(../templates/common/images/left-bg.gif); */
 }
 
#twocols{
 width:621px;
 height:100%;
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:156px;
 height:100%; 
 float:right; 
 position:relative; 
 /* background-image: url(../templates/common/images/right-bg.gif); */
 text-align:left;
 }
 
#maincol{
 /* background-image: url(../templates/common/images/main-bg.gif); */
 float: left; 
 display:inline; 
 position: relative; 
 width:465px; 
 height:100%;
 text-align:left;
 }

#onecol{
 width:777px;
 height:100%; 
 float:right; 
 position:relative; 
 text-align:left;
 }

 
#footer{
 height:30px; 
 background-image: url(../templates/common/images/footer-bg.gif);
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:#000; 
 clear:both;
 } 
 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */