﻿@import url(customerpages.css);

/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
HTML{FONT-SIZE:x-small;}
BODY{COLOR:#444444; FONT-FAMILY:Verdana, Arial, Helvetica, Sans-Serif; MARGIN-LEFT:15px; MARGIN-TOP:20px;}
A:link, A:active, A:hover, A:visited{COLOR:#006c98; text-decoration:none;}
a img { border: none; }
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:0px; MARGIN-LEFT:20px;}
LI{MARGIN-BOTTOM:5px;}
HR {border: none; border-top: 1px solid #999999; height: 1px; margin-top: auto; margin-bottom: auto;}
IMG{margin:0xp; padding:0px;}

/** STYLES FOR THE TABLES ************************************************************/
/*************************************************************************************/
/*TABLE{FONT-FAMILY:Arial,Helvetica, sans-serif;}*/
TABLE{FONT-FAMILY:Verdana, Arial, Helvetica, Sans-Serif;}
TR{border:none}
td, th, td.border{border-color:#CCCCCC; border-bottom:1px solid; padding:2px 2px 2px 3px;}

.TabellHeader{color:#FFFFFF; background-color:#999999; font-weight:bold; border:none;}

/*** Används i all Table-Layout i mallarna **********/
.NoTableBorder{FONT-FAMILY:Verdana, Arial, Helvetica, Sans-Serif;}
.NoTableBorder td{border:color:#FFFFFF; border:none}

.ThNoBorder td{border-color:#CCCCCC; border-bottom:1px solid; font-weight:bold;}

/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.H1header, .litCommonTempH1header{
	FONT-SIZE:30px;
	FONT-WEIGHT:normal;
	MARGIN-BOTTOM:10px;
	MARGIN-TOP:-15px!important;
	background-color: #FFF;
	padding: 10px;
	margin-right: -10px;
	margin-left: -10px;
	color: #279EE2;
}
.H1header.red{
	FONT-SIZE:30px;
	FONT-WEIGHT:normal;
	MARGIN-BOTTOM:10px;
	MARGIN-TOP:-15px!important;
	background-color: #279EE2;
	padding: 10px;
	margin-right: -10px;
	margin-left: -10px;
	color: #FFF;
}
.H1header canvas{

	MARGIN-TOP:3px!important;

}
.H2header, .litCommonTempH2header{FONT-SIZE:120%; FONT-WEIGHT:bold; MARGIN-BOTTOM:2px; MARGIN-TOP:0px; color: #279EE2;}
.H3header, .litCommonTempH3header{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:1px; MARGIN-TOP:0px;}
.H4header{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:1px; MARGIN-TOP:0px;}

.ContentAreaHeader{FONT-FAMILY:Arial,Helvetica,sans-serif; FONT-SIZE:12px; color:#FFFFFF; FONT-WEIGHT:bold; padding-top:3px; text-transform:uppercase; }
.ContentAreaHeader canvas{margin-top:2px; }

/** STYLES FOR EDITOR ******************************/
/*************************************************************************************/

.NewsletterNotis{color:#FFFFFF; background-color:#45b2df !important; FONT-SIZE:10px; FONT-WEIGHT:normal;FONT-FAMILY:Arial,Helvetica, sans-serif;}

/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/

h1{color:#009DDC; FONT-SIZE:220%; FONT-WEIGHT:normal; MARGIN-BOTTOM:20px; MARGIN-TOP:5px; FONT-FAMILY:Arial,Helvetica, sans-serif;}
h2{color:#279EE2; FONT-SIZE:120%; FONT-WEIGHT:bold; MARGIN-BOTTOM:2px; MARGIN-TOP:0px; FONT-FAMILY:Arial,Helvetica, sans-serif;}
h3{color:#666666; FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:1px; MARGIN-TOP:0px; FONT-FAMILY:Arial,Helvetica, sans-serif;}
h4{color:#666666; FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:1px; MARGIN-TOP:0px; FONT-FAMILY:Arial,Helvetica, sans-serif;}


/** STYLES FOR EDITOR DROP DOWN LIST (ADAPTED STYLE) *********************************/
/*************************************************************************************/
.ImportantEditor{FONT-WEIGHT:normal; background-color:#808080; color:#FFFFFF;}
.ImagetextEditor{FONT-WEIGHT:normal; FONT-SIZE:90%;}
.BulletLinkEditor{
	background-image:url(../Styles/Images/bullet_link_bold.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:0px;	
	/*list-style:none;
	text-decoration:none; 
	font-weight:bold;
	font-family:Georgia, Times New Roman, Times, serif;*/
}
.PdfLinkEditor{
	background-image:url(../Styles/Images/pdfIcon.gif); 
	background-repeat:no-repeat;
	background-position:left center;
	padding-top:4px;
	padding-left:20px;
	padding-bottom:4px;
	/*color:#d48836;
	font-weight:bold;
	font-family:Verdana,Arial,Helvetica, sans-serif;*/
}
.WordLinkEditor{
	background-image:url(../Styles/Images/wordIcon.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
	padding-top:4px;
	padding-bottom:4px;
}
.TabellHeaderEditor{
	color:#FFFFFF!Important; 
	background-color:#999999!Important; 
}


/** STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/Framework1.master) */
/*************************************************************************************/
.WebBody {
	background-color: #269EE1;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	min-height: 100%;
	border-top:1px solid white;/*bugfix for Opera*/
	background-image: url(Images/body_bg.jpg);
	background-repeat: no-repeat;
	background-position: center -100px;
}
.WebBodyPrint {background-color: #FFFFFF;}
.WebMain {position: absolute; top: 0px; min-height: 100%; height:auto; width:100%;}
.WebMainPrint {padding-left:20px; padding-right:40px;}
.WebMainContainer {height:auto; /*margin-bottom: 72px;*/}
.WebMainContainer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.WebTopContainer {height: 124px;} 
.WebHeaderContainer {}
.WebHeader {width: 950px; height: 124px; margin:auto; /*background-color:#3366CC;*/}
.WebHeaderTopMenuContainer {position: absolute; top: 10px; width: 950px; /*background-color:#CC99FF;*/  }
.WebHeaderLogo {float:left; margin-top:2px; width:200px; /*background-color:#CCCCFF;*/}
.WebHeaderTopMenu {float:left; padding-top:30px; /*font-size:120%;*/ width:460px; /*background-color:#00FF33;*/}
.WebHeaderAboutSite {float:right; padding-top:12px; width:280px; padding-right:2px;  /*background-color: #FF9900;*/}
.WebHeaderAboutSiteText{font-family:Arial,Helvetica,sans-serif; font-size:10px; color:#FFFFFF; text-align:right;}
.WebHeaderAboutSiteText a{color:#FFFFFF; /*color:009ddc;*/ text-decoration:none;}
.WebHeaderSubMenuContainer {position: absolute; top: 90px; height:27px; padding-top: 5px; width:950px; /*background-color:#66FF99;*/}
.WebHeaderSubMenu {float:left; width:745px; /*background-color:#CCFF66;*/}
.WebHeaderSearch {float:right; padding-top:0px; width:200px; text-align:right; /*background-color:#FF9900;*/ }
.WebMiddleContainer {height: auto; width: 100%; text-align:center;}
.WebContent {
	height:auto;
	width:950px;
	margin:auto;
	padding:0px;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px; /*background-color:#FFFF00;*/
}
.WebBottomContainer {position: absolute; width: 100%; text-align: center; height: 31px;}
.WebFooterContainer {

}
.WebFooter {
	padding-top:7px;
	height: 24px;
	width: 950px;
	margin:auto;
	text-align: center;
	color:white;
	font-size:100%;
	background-color: #CA0D2E;
}
.WebFooterText {
}
.WebFooterText div{margin-bottom:5px;}
.WebFooterText div canvas{margin-top:5px;}
.WebFooterText a{color:white; text-decoration:none;}
.WebClear {clear:both;}
.WebSearchField {font-size:110%; color:#666666; padding-top:3px; padding-bottom:3px; /*height:18px;*/ width:120px; font-family:Arial, Helvetica, sans-serif;}
.WebSearchButton {font-size:110%; color:#FFFFFF; height:23px; border:none; margin-left:5px; padding-left:5px; padding-right:5px; width:auto; background-color:#75caec; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}


/** BOX LAYOUT STUFF *****************************************************************/
/*************************************************************************************/

/*** STYLES FOR THE CONTENT AREA ***/ 
.ContentWrapperTop {height:auto; width:950px; padding-top:0px; padding-bottom:5px; margin-bottom:0px;  }
.ContentWrapperBottom {/*min-height:300px;*/ height:auto; /*!important; height:300px;*/ width:950px; padding-top:0px; margin-bottom:5px; margin-top:0px; background-image: url(Images/content_wrapper_bottom_bg.gif); background-repeat:repeat-y; /*background-color: #FFFFFF;*/ }
.ContentWrapperBottomSiteMap {/*min-height:300px;*/ height:auto; /*!important; height:300px;*/ width:950px; padding-top:0px; margin-bottom:5px; margin-top:0px; background-image: url(Images/content_wrapper_bottom_bg_sitemap2.jpg); background-repeat:repeat-y; /*background-color: #FFFFFF;*/ }

.ContentLeftArea {float:left; height:100%; width:230px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:15px; }
.ContenMiddleArea{float:left; height:100%; width:486px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:20px; margin-left:3px; margin-right: 3px; }
.ContenRightArea {float:right; height:100%; width:228px; padding-top:0px; padding-left:0px; padding-right:0px; }
.ContentLeftAndMiddleArea {float:left; height:100%; width:710px; padding-top:0px; padding-left:0px; padding-right:0px; margin-right: 5px; /*background-color:#FFFF66;*/ }
.ContentWholeArea {float:left; height:100%; width:950px; padding-top:0px; padding-left:0px; padding-right:0px; margin-right: 5px; /*background-color:#FFFF66;*/ }


.ContentLeftAreaHeaderContainer {height:20px; padding-top:0px; padding-left:10px; padding-right:0px; background-color:#269EE1;}
.ContentMiddleAreaHeaderContainer {height:20px; padding-top:0px; padding-left:10px; padding-right:0px; background-color:#269EE1;}
.ContentRightAreaHeaderContainer {height:20px; padding-top:0px; padding-left:10px; padding-right:0px; background-color:#269EE1;}
.ContentLeftAndMiddleAreaHeaderContainer {height:20px; padding-top:0px; padding-left:10px; padding-right:0px; background-color:#269EE1;}
.ContentWholeAreaHeaderContainer {height:20px; padding-top:0px; padding-left:10px; padding-right:0px; background-color:#269EE1;}


.ContentLeftAreaBody {height:auto; padding-top:10px; padding-left:10px; padding-right:10px;}
.ContentMiddleAreaBody {height:auto; padding-top:15px; padding-left:10px; padding-right:10px;}
.ContentRightAreaBody {height:auto; padding-top:15px; padding-left:10px; padding-right:10px;}
.ContentLeftAndMiddleAreaBody {height:auto; padding-top:10px; padding-left:10px; padding-right:10px;}
.ContentWholeBody {height:auto; padding-top:10px; padding-left:10px; padding-right:10px;}

.StartPagePuffTopWrapper{height:auto; width:465px; padding-top:5px; padding-left:0px; padding-right:0px; margin-top:10px; /*background-color:#66FFFF;*/ }
.StartPagePuffBottomWrapper{height:auto; width:465px; padding-top:0px; padding-bottom:10px; padding-left:0px; padding-right:0px; margin-top:26px; /*background-color:#66FF66;*/ }
.StartPagePuffLeft{float:left; height:auto; width:220px; padding-top:0px; padding-left:0px; padding-right:0px; }
.StartPagePuffRight{ float:right; height:auto; width:220px; padding-top:0px; padding-left:0px; padding-right:0px; }

.StartPage01PuffLargeLeft{ float:left; height:auto; width:145px; }
.StartPage01PuffLargeRight{ float:right; height:auto; width:295px; padding-left:10px; }
.StartPage01PuffSmallLeft{ float:left; height:auto; width:65px; } /* */
.StartPage01PuffSmallRight{ float:right; height:auto; padding-left:10px; width:145px; } /* */


.StartPage02PuffLeft{ float:left; height:auto; width:215px; }
.StartPage02PuffRight{ float:right; height:auto; width:215px; padding-left:10px; }

.StartPage03PuffLeft{ float:left; height:auto; width:215px; }
.StartPage03PuffRight{ float:right; height:auto; width:215px; padding-left:10px; }


/*** Styles for StartSubPage Level 2 ***/
/*.StartSubPagePuffLeft{float:left; height:auto;; width:215px; padding-top:0px; padding-left:0px; padding-right:0px; }
.StartSubPagePuffRight{ float:right; height:auto;; width:215px; padding-top:0px; padding-left:0px; padding-right:0px; }*/

/*** Styles for Article0 SubPageIndex Level 2 - Index Page With LeftMenu ***/
.SubPageIndexPuffWrapper {padding-top:5px;}
.SubPageIndexPuffLeft {clear:left;float:left; height:auto; width:215px; padding-top:0px; padding-left:0px; padding-right:0px; }
.SubPageIndexPuffRight {clear:right; float:right; height:auto; width:215px; padding-top:0px; padding-left:0px; padding-right:0px; }


.break{
 clear:both;
 float:none;
}

/*************************************************************************************
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 ***********************************************/
/*************************************************************************************/
.Intro{FONT-SIZE:110%; MARGIN-TOP:0px; MARGIN-BOTTOM:20px; line-height:130%; font-weight:bold;}
.Text{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:0px;}

.Text a{/*color:#75caec;*/ text-decoration:none; }

.Normal{FONT-SIZE:110%; letter-spacing:normal;}
.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; font-style:italic; MARGIN-TOP:4px; TEXT-ALIGN:left;}
.Date{COLOR:#AAAAAA; MARGIN-TOP:0px; MARGIN-BOTTOM:0px;}

.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:10px;}
.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 dotted #666666;}
.Fileitem{FONT-SIZE:100%; FONT-WEIGHT:bold; MARGIN-BOTTOM:10px;}
.Linkheader{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; BORDER-BOTTOM:1px dotted #666666;}
.Linkitem{FONT-SIZE:100%; FONT-WEIGHT:bold; /*FONT-SIZE:110%; FONT-WEIGHT:normal;*/ MARGIN-BOTTOM:10px;}
.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:110%; COLOR:#888888}
.Newsheader{FONT-SIZE:110%; FONT-WEIGHT:bold;}
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:hover, A.Newslink:visited{ text-decoration:none;}
.Newsintro{FONT-SIZE:110%; FONT-WEIGHT:normal;}
.Newsintro a{text-decoration:none;}
.Newsitem1{PADDING:5px; PADDING-LEFT:0px;}
.Newsitem2{PADDING:5px; PADDING-LEFT:0px;}
.Breadcrumb{FONT-SIZE:110%; FONT-WEIGHT:normal; COLOR:#666666;}
A.Breadcrumb:link, A.Breadcrumb:active, A.Breadcrumb:hover, A.Breadcrumb:visited{COLOR:#666666!important;}
.PrintIcon {margin-right:5px; margin-left:3px; margin-top:20px; padding-bottom:0px; clear:both;float:none;}

/** 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%;}
.litSuccessMsg{COLOR: #00FF00! important; FONT-SIZE:11px;}


/** STYLES FOR THE TOP MENU **********************************************************/
/*************************************************************************************/

.WebTopMenu {	 
	height:28px;
	/*background-color:#FFCC66;*/
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}
.WebTopMenu a{
	text-decoration:none;
}
.WebTopMenuItem {
	padding-top:7px; 
	padding-left:10px; 
	padding-right:10px; 
	height:21px; 
	margin-right:0px!important; 
	text-transform:uppercase; 
	text-decoration:none; 
	font-weight: bold;
}
.WebTopMenuItemSelected {
	padding-top:7px; 
	padding-left:10px; 
	padding-right:10px; 
	height:21px; 
	margin-right:0px!important; 
	text-transform:uppercase; 
	text-decoration:none; 
	font-weight: bold;
}
.WebTopMenuItemHover {
	padding-top:7px; 
	padding-left:10px; 
	padding-right:10px; 
	height:21px; 
	margin-right:0px!important; 
	text-transform:uppercase; 
	text-decoration:none; 
	font-weight: bold;
}
.WebTopMenuItem a{
	color:#FFFFFF!important;
}
.WebTopMenuItemSelected a{
	color:#000000!important;
	/*color:#009ddc!important;*/
	
}
.WebTopMenuItemHover a{
	color:#000000!important;
}

/** STYLES FOR THE SUB MENU **********************************************************/
/*************************************************************************************/

.WebSubMenu {
	height:23px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}
.WebSubMenu a{
	text-decoration:none;
	display:block;
	float:left;
	width:inherit;
	height:18px;
	padding-top:5px; 
	padding-left:10px; 
	padding-right:10px; 
}
.WebSubMenu a canvas{
	margin-top:2px!important;
}
.WebSubMenuItem {
	/*background-color:#009ddc;*/
	background-color:#FFFFFF;
	text-transform:uppercase; 
	font-weight: bold;
	height:23px; 
	margin-right:5px!important; 
}
.WebSubMenuItemSelected {
	background-color:#FFFFFF;
	text-transform:uppercase;  
	font-weight: bold;
	height:23px; 
	margin-right:5px!important; 
	
}
.WebSubMenuItemHover {
	background-color:#FFFFFF;
	text-transform:uppercase; 
	font-weight: bold;
	height:23px; 
	margin-right:5px!important; 
}
.WebSubMenuItem a{
	color:#269EE1!important;
}
.WebSubMenuItemSelected a{
	color:#000000!important;
}
.WebSubMenuItemHover a{
	color:#000000!important;
}

/** STYLES FOR THE LEFT MENU *********************************************************/
/** CSS for the left menu, new in version 4.1 ****************************************/
/*************************************************************************************/
.LeftMenu ul{
	margin-top:0px;
	padding:0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.LeftMenu li{list-style:none; padding:0px; margin-left:0px; }
/*.LeftMenuSelected{color:#006c98!important;}*/
/*.LeftMenu a, .LeftMenu a:link, .LeftMenu a:active, .LeftMenu a:hover, .LeftMenu a:visited{color:#CCCCCC;}*/
/*.LeftMenu a{text-decoration:none; text-transform:uppercase; padding-left:5px; margin-left:0px; line-height:14px;}*/
.LeftMenu a:hover{text-decoration:none;}
/*.LeftMenu_Selected {margin-left:0px!important; border:1px solid #CCCCCC; background-color:White; }*/
.LeftMenu_StartPage {}

.LeftMenu_level_1{margin-left:0px!important; font-family:Arial,Helvetica,sans-serif; font-size: 11px; font-weight:bold; line-height:140%; text-decoration:none; text-transform:uppercase;}
.LeftMenu_level_1 li{
	padding:2px;
	margin-bottom:3px;
	background-color: #CA0D2E;
}
/*.LeftMenu_level_1 a{text-decoration:none; text-transform:uppercase; padding-left:5px; margin-left:0px; line-height:14px;}*/
.LeftMenu_level_1 a, .LeftMenu_level_1 a:link, .LeftMenu_level_1 a:active, .LeftMenu_level_1 a:hover, .LeftMenu_level_1 a:visited{
	color:#FFFFFF;
	padding-left:9px;
	margin-left:0px;
	line-height:14px;
	text-decoration:none;
}
.LeftMenu_level_1 ul{
	padding-bottom:10px;
	margin-bottom:-2px;
	background-color: #FFF;
	margin-right: -2px;
}

.LeftMenu_level_2{
	margin-left:-2px!important;
	margin-top:5px!important;
	FONT-FAMILY:Arial,Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	line-height:140%;
	margin-right: -2px;
	margin-bottom: -2px;
}
.LeftMenu_level_2 li{
	padding:2px;
	background-image: none;
	margin-bottom:0px;
	background-color: #FFF;
}
.LeftMenu_level_2 a, .LeftMenu_level_2 a:link, .LeftMenu_level_2 a:visited{color:#666666; padding-left:5px; margin-left:0px; line-height:14px; text-decoration:none; text-transform:none;}
.LeftMenu_level_2 a:active {color:#006c98; padding-left:5px; margin-left:0px; line-height:14px; text-decoration:none; text-transform:none;}
.LeftMenu_level_2 a.LeftMenuSelected {color:#006c98;}
.LeftMenu_level_2 a:hover{color:#006c98; padding-left:5px; margin-left:0px; line-height:14px; text-decoration:none; text-transform:none;}
.LeftMenu_level_2 ul{padding-bottom:10px;margin-bottom:0px;}
/*.LeftMenu_Selected_level_2{color:#FF0000!important;}*/

.LeftMenu_level_3{margin-left:0px!important; line-height:100%; font-size:10px; }
.LeftMenu_level_3 li{padding:0px;margin-bottom:0px;}
.LeftMenu_level_3 ul{padding-bottom:0px;margin-bottom:2px;}
.LeftMenu_level_3 a, .LeftMenu_level_3 a:link, .LeftMenu_level_3 a:visited{color:#666666; padding-left:10px; margin-left:0px; text-decoration:none; text-transform:none;}
.LeftMenu_level_3 a:active, .LeftMenu_level_3 a:hover {color:#006c98; padding-left:10px; margin-left:0px; text-decoration:none; text-transform:none;}
.LeftMenu_level_3 a.LeftMenuSelected {color:#006c98;}

.LeftMenu_level_4{margin-left:7px!important; line-height:100%; font-size:10px; }
.LeftMenu_level_4 li{padding:0px;margin-bottom:0px; margin-top:2px;}
.LeftMenu_level_4 a, .LeftMenu_level_4 a:link, .LeftMenu_level_4 a:visited{background-image: url(Images/leftmenu_level3_bullet.gif); background-repeat:no-repeat; background-position:left center; color:#666666; padding-left:10px; margin-left:0px; line-height:14px; text-decoration:none; text-transform:none;}
.LeftMenu_level_4 a:active, .LeftMenu_level_4 a:hover {background-image: url(Images/leftmenu_level3_bullet_hover.gif); background-repeat:no-repeat; background-position:left center; color:#006c98; padding-left:10px; margin-left:0px; line-height:14px; text-decoration:none; text-transform:none;}
.LeftMenu_level_4 a.LeftMenuSelected {color:#006c98;}


/*.LeftMenu_level_3, .LeftMenu_level_4,*/ 
.LeftMenu_level_5{margin-top:1px!important; line-height:110%;}

/*-----------------------------------------------------------------------------
ContractForm
-----------------------------------------------------------------------------*/
#pricecontractform > ul > li {
	margin: 3em 0 0 0;
}
#pricecontractform > ul > li:first-child {
	margin-top: 0;
}
#pricecontractform #form h2 {
	margin: 1em 0 .5em 0;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
}
#pricecontractform input {
	margin: 0;
}
#pricecontractform #form input[type=text],
#pricecontractform #form textarea {
	width: 98%;
}
#pricecontractform label {
	display: block;
	margin: 1em 0 0 0;
	padding: 0;
}
#pricecontractform li:first-child > label, #pricecontractform li.first-child > label {
	margin-top: 0;
}
#pricecontractform label + input {
	margin: .5ex 0 0 0;
}
#pricecontractform input + .validation {
	line-height: 1.5em;
}
#pricecontractform #form .requiredfield {
	margin: 0 0 0 .5em;
}
#pricecontractform #form img.requiredfield {
	vertical-align: -4px;
}
#pricecontractform #startdate {
	text-align: right;
}
#pricecontractform #startdate label {
	display: inline;
	margin-right: 1em;
}
#pricecontractform #pricecontracts .validation {	
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
}
#pricecontractform #pricecontracts h2 {
	margin-top: 2em;
	color: #279EE2;
	font-size: 120%;
}
#pricecontractform ul.pricecontract {
	margin: 1em 0 0 0;
}
#pricecontractform ul.pricecontract li {
	margin: 0 0 1em 0;
}
#pricecontractform ul.pricecontract li * {
	line-height: 1.2em !important;
	vertical-align: top;
}
#pricecontractform ul.pricecontract label {
	float: left;
	width: 30%;
	margin: 0;
}
#pricecontractform ul.pricecontract input {
	float: left;
	padding: 0 !important;
}
#pricecontractform ul.pricecontract span.description {
	float: left;
	width: 70%;
}
#pricecontractform ul.pricecontract span.name {
	margin-left: .5em;
}
#pricecontractform #eula .label {
	float: left;
	margin: 0 0 0 .5em;
}
#pricecontractform #eula .requiredfield {
	float: left;
}
#pricecontractform #eula input {
	float: left;
}
* + html #pricecontractform #eula input, * + html #pricecontractform #pricecontracts input { /* ie7 */
	height: 1.3em;
}
#pricecontractform #eula input, #pricecontractform #form #eula .label * {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
}
#pricecontractform div.validation {
	margin: 0 0 1em 0;
	padding: 1em;
	border: 1px solid red;
	text-align: left;
}
#pricecontractform div.validation br {
	display: none;
}
#pricecontractform #preview label {
	margin: 1em 0 0 0;
	padding: 0;
	font-weight: bold;
}
#pricecontractform #preview .name,  #pricecontractform #preview .description {
	display: block;
}
#pricecontractform .buttons {
	text-align: right;
}
#pricecontractform #preview .button {
	margin: 0 0 0 1em;
}
a.teaser {
	color: #FFF;
	text-decoration: none;
	background-color: #279EE2;
	display: block;
	padding: 10px;
	height: 100px;
	margin-bottom: 10px;
}
a.teaser img {
	float: left;
	margin-right: 10px;
}
a.teaser.red {
	background-color: #CA0D2E;
}
a.teaser h3 {
	font-size: 20px;
	color: #FFF;
}
a.teaser.red img {
	float: right;
	margin-right: 0px;
	margin-left: 10px;
}