/*********** COMMON STYLES FOR HTML ELEMENTS ****************/
HTML{FONT-SIZE:x-small;}
BODY{text-align: center; padding-top: 0px; margin-top: 0px; background:#eeeeee;
scrollbar-face-color:#E8EAEC; 
scrollbar-arrow-color:#FFFFFF; 
scrollbar-track-color:#F7F7F7; 
scrollbar-shadow-color:#FFFFFF; 
scrollbar-highlight-color:#FFFFFF; 
scrollbar-3dlight-color:#BAB9BA; 
scrollbar-darkshadow-Color:#BAB9BA;
FONT-SIZE:x-small; line-height:140%;
}

BODY, TD, TR, DIV, INPUT, SELECT, TEXTAREA{ COLOR:#6E6A62; FONT-FAMILY:Arial, Verdana, Helvetica;text-align:left;}
A:link, A:active, A:visited{COLOR: #202457; font-size: 100%; text-decoration:none;}
A:hover{COLOR: #202457; font-size: 100%; text-decoration: underline;}
img{border: none;}
.Largeheader{	FONT-FAMILY:Arial,Helvetica,Verdana; FONT-SIZE:large; FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px; COLOR:#244576; line-height:100%;text-align:left;}
.Mainheader{	FONT-FAMILY:Arial,Helvetica,Verdana; FONT-SIZE:large; FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px; COLOR:#244576; line-height:100%;text-align:left;}
.Subheader{	FONT-FAMILY:Arial,Helvetica,Verdana; FONT-SIZE:medium; FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:10px; COLOR:#244576; line-height:100%;text-align:left;}

h1{FONT-FAMILY:Arial,Helvetica,Verdana; color: #202457; FONT-SIZE:160%; FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:16px; line-height:100%;text-align:left;}
h2{FONT-FAMILY:Arial,Helvetica,Verdana; color: #7D7669; FONT-SIZE:120%; FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:2px; line-height:100%;text-align:left;}
h3{FONT-FAMILY:Arial,Helvetica,Verdana; color: #202457; FONT-SIZE:medium; FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:10px; line-height:100%;text-align:left;}

/*********** CUSTOM STYLES FOR TEMPLATE *********************/
/*.container{	text-align:left; width: 770px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0px; padding: 0px;}
.headerArea{	width:100%; height: 63px; margin: 0px; position:relative; background-repeat:repeat-y; background-image: url(../templates/common/images/header-bg.gif); text-align:left;}
.mainAreaNew{	overflow:hidden; background-image: url(../templates/common/images/main-bg.gif); margin-top:0px; margin-bottom:0px;}	
.footerArea{	width:100%; height: 65px; margin-top:0px; margin-bottom:0px; position:relative; clear:both; text-align:center; background-image: url(../templates/common/images/footer-bg.gif); background-repeat: no-repeat; background-color: #E2E3E5;}
.footerContent{	width:710px; color:#BCBDBF; border-top:solid 1px #6F7072; margin-top:0px; margin-left:auto; margin-right:auto; padding-top:5px; line-height:140%;}
*/

.container{width: 768px; margin:0px auto 0px auto; border-right: solid 1px #000000; border-left: solid 1px #000000; border-bottom: solid 0px #000000; border-top: solid 1px #000000; background-color: #ffffff;}
.headerArea{height: 97px;}
    .logo{float: left; width: 100px; margin: 19px 0px 0px 33px;}
    .headerRight{float: right; width: 234px;}
.menuArea{height: 18px; background-color: #a79e88; padding: 7px 0px 0px 34px;}
.breadcrumbsArea{height: 18px; background-color: #202457; color: #ffffff!important; padding: 7px 0px 0px 34px; font-size: 110%;}
.mainContainerWide{margin-top: 12px; margin-bottom: 47px;}
.mainContainer{padding-top: 12px; padding-bottom: 65px;}
    .mainContainerInner{ background-image: url(../Images/mainBG.gif); background-repeat: repeat-y; background-position:left; border-bottom: solid 1px #ffffff;}
    .subMenuArea{float: left; width: 131px; background-color: #e6e1d2; padding: 18px 18px 18px 35px;}
    .mainContent{float: right; width: 565px;}
.footerLinksArea{height: 20px; font-size: 110%; padding: 0px 26px 0px 34px; color: #202457; font-weight: bold;}
.footerLinksArea a{font-size: 100%; color: #202457; font-weight: bold;}
    .footerLinksItem{float: left; margin-right: 8px;}
.footerArea{height: 53px; border-top: solid 1px #b4ac9d; padding: 11px 26px 0px 34px; color: #cccccc;}

.startPageTopArea{position: relative; width: 768px; padding: 179px 0 0 0; background: no-repeat left top;}
    .startPageTopText{position: absolute; top: 28px; left: 34px;}
    .startPageTitle {font-size: 220%; color:#ffffff; margin-bottom: 19px;}
    .startPageIntro{font-size: 180%; line-height: 1.1em; color: #ffffff;}
    .startPageTextBox{width: 677px; background-color: #e6e1d2; font-size: 110%; padding: 10px; margin: 0px auto 0px auto;}
.startPageMain{width: 697px; margin: 20px auto 0px auto;}
.startPageBoxArea1{float: left; width: 226px; border: solid 1px #a79e88; margin-right: 7px; font-size: 110%;}
.startPageBoxArea2{float: left; width: 226px; border: solid 1px #a79e88; margin-right: 6px; font-size: 110%;}
.startPageBoxArea3{float: left; width: 226px; border: solid 1px #a79e88; font-size: 110%;}
.startPageBox{padding: 10px 10px 10px 10px; min-height: 100px; _height: 100px;}
/*.startPageNewsLetterBox{padding: 10px 10px 10px 10px; min-height: 100px; _height: 100px;}*/
.startPageNewsBox{padding: 10px 10px 0px 10px; min-height: 265px; _height: 265px;}
.startPageBoxHeader{background-color: #a79e8b; color: #ffffff; font-size: 120%; font-weight:bold; height: 22px; padding: 7px 10px 0px 10px;}
.startPageNewsItem{margin-bottom: 15px;}
    .startPageNewsIntro{color: #202457; font-weight: bold;}

.contentAreaWide{padding-left: 34px; width: 683px;}
.contentAreaLeft{float: left; width: 341px;}
.contentAreaLeftWide{float: left; width: 511px; padding-left: 34px;}
.contentAreaRight{float: right; width: 210px;}
.contentAreaRightWide{width: 515px;}
    .contentRightBox{padding-bottom: 12px;}
    .contentRightBoxHeader{background-color: #a79e8b; color: #ffffff; font-size: 120%; font-weight:bold; height: 22px; padding: 7px 10px 0px 10px;}
    .contentRightBoxContent{padding: 10px 10px 10px 10px; font-size: 110%; background-color: #e6e1d2; min-height: 80px; _height: 80px;}
        .FileIconArea{float:left; width: 25px;}
        .FileNameArea{float: left; width: 165px;}
.contentFlash{margin-top: 15px; margin-bottom: 20px;}


A.copyrightLink:link, A.copyrightLink:active, A.copyrightLink:hover, A.copyrightLink:visited{color:#CCCCCC; text-decoration:none;}

.logoContentLeft{	FLOAT:left;}
.logoContentRight{	FLOAT:right; MARGIN-TOP:15px; FONT-SIZE:110%; COLOR:#375268;}
.lineArea{			height:12px; background-color:#666666; border-bottom:1px solid white;}
.headerContent{		HEIGHT:16px; PADDING:10px;}
.menuLine{			background-color:#FFFFFF; HEIGHT:1px;}
.menuContent{		FLOAT:left; BORDER-LEFT:1px solid #FFFFFF; PADDING-LEFT: 0px; PADDING-TOP: 3px; PADDING-BOTTOM: 2px; COLOR: #434343; FONT-WEIGHT:normal; FONT-SIZE:110%;}
.menuSearch{		FLOAT:right; BORDER-RIGHT:1px solid #FFFFFF; PADDING-RIGHT: 2px; PADDING-TOP: 3px; PADDING-BOTTOM: 2px; COLOR: #434343; FONT-WEIGHT:normal;}
.inputSearchField{		FONT-SIZE:110%; width:75px; COLOR:#666666; FONT-FAMILY:Verdana,Arial,Helvetica;}
.inputSearchButton{		FONT-SIZE:110%; width:50px; COLOR:#666666; FONT-FAMILY:Verdana,Arial,Helvetica;}

/*********** MENU *******************************************/
.topMenu{}
.topMenuItem{margin-right: 4px!important;}
.topMenuItem a{color:#ffffff!important; font-size: 110%!important; font-weight: bold;}
.topMenuItemHover{margin-right: 4px!important;}
.topMenuItemHover a{color:#202457!important; font-size: 110%!important; font-weight: bold;}
.topMenuItemSelected{margin-right: 4px!important;}
.topMenuItemSelected a{color:#202457!important; font-size: 110%!important; font-weight: bold;}
.topMenuItemSelected a:hover{color:#ffffff!important; font-size: 110%!important; font-weight: bold;}

.topMenuSeparator{float: left; width: 1px; height: 14px; background-color: #ffffff; margin-right: 4px;}


.leftMenu{}
.leftMenuTopItem{color: #202457; font-size: 110%; padding-bottom: 9px; font-weight: bold;}
.leftMenuTopItem a{color: #202457; font-size: 100%; font-weight: bold;}
.leftMenuTopItemSelected{color: #6e6a62; font-size: 110%; padding-bottom: 9px; font-weight: bold;}
.leftMenuTopItemSelected a{color: #6e6a62; font-size: 100%; font-weight: bold;}
.leftMenuItem1{color: #202457; font-size: 110%; padding-bottom: 9px; font-weight: bold;}
.leftMenuItem1 a{color: #202457; font-size: 100%; font-weight: bold;}
.leftMenuItemSelected1{color: #6e6a62; font-size: 110%; padding-bottom: 9px; font-weight: bold;}
.leftMenuItemSelected1 a{color: #6e6a62; font-size: 100%; font-weight: bold;}
.leftMenuItem2{padding-left: 8px; color: #202457; font-size: 110%; padding-bottom: 9px; font-weight: bold;}
.leftMenuItem2 a{color: #202457; font-size: 100%; font-weight: bold;}
.leftMenuItemSelected2{padding-left: 8px; color: #6e6a62; font-size: 110%; padding-bottom: 9px; font-weight: bold;}
.leftMenuItemSelected2 a{color: #6e6a62; font-size: 100%; font-weight: bold;}

/*********** STYLES FOR TEMPLATE ELEMENTS *******************/
.Template{		WIDTH:750px;MIN-HEIGHT:350px; _HEIGHT:350px; MARGIN-BOTTOM:20px;}

.Intro{			FONT-SIZE:110%;	FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;text-align:left;}
.Text{			FONT-SIZE:110%;	FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;text-align:left;}
.Normal{		FONT-SIZE:110%;text-align:left;}
.Textbold{		FONT-WEIGHT:bold;text-align:left;}
.Factheader{	FONT-WEIGHT:bold; COLOR:white; BACKGROUND-COLOR:#555555; PADDING:5px;text-align:left;}
.Facttext{		FONT-WEIGHT:normal; BACKGROUND-COLOR:#DDDDDD; PADDING:5px;text-align:left;}
.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:15px;}
.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;}
.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;}
.MarginDouble{	MARGIN-TOP:20px;}
.Editor{font-size:60%!important; background-color:White; text-align:left;}

.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:100%;	FONT-WEIGHT:bold;	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;}

.Newslink{}
A.Newslink:link{}
A.Newslink:active{}
A.Newslink:hover{}
A.Newslink:visited{}
.Newsitem1{				padding-bottom:10px;	/*BACKGROUND-COLOR:#F7F7F7;*/ font-size: 110%;}
.Newsitem2{				padding-bottom:10px;	/*BACKGROUND-COLOR:#EBEBEB;*/ font-size: 110%;}
.Breadcrumb{			FONT-SIZE:100%;	FONT-WEIGHT:normal;	COLOR:#ffffff;}
A.Breadcrumb:link{		COLOR:#ffffff!important;}
A.Breadcrumb:active{	COLOR:#ffffff!important;}
A.Breadcrumb:hover{		COLOR:#ffffff!important;}
A.Breadcrumb:visited{	COLOR:#ffffff!important;}



/***************** ERROR ************************************/
.litErrorMsg{COLOR: #FF0000! important;}

/***************** Anpassade stilar Editor ************************************/

.blueBoldEditor {font-size: 100%; color: #202457; font-weight: bold;}