/** CSS file for www.powerofprint.se **/
HTML{FONT-SIZE:x-small; line-height:17px;}
BODY, TD, TR, DIV, INPUT, SELECT, TEXTAREA A{FONT-SIZE:x-small; line-height:17px; FONT-FAMILY:Arial,Verdana,Helvetica;}
.Mainheader{FONT-SIZE:large; line-height:normal; FONT-WEIGHT:bold; MARGIN-TOP:5px; MARGIN-BOTTOM:10px;}
.Subheader{ FONT-SIZE:small; FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:3px;}
UL{MARGIN-TOP:0px; MARGIN-BOTTOM:5px; MARGIN-LEFT:20px;}
HR {border: none; border-top: 1px solid #bababa; height: 1px; margin-top: auto; margin-bottom: auto;}
/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.H1header{FONT-SIZE:large; FONT-WEIGHT:bold; MARGIN-TOP:5px; MARGIN-BOTTOM:10px;}
.H2header{FONT-SIZE:small; FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.H3header{FONT-SIZE:small; FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
h1{FONT-SIZE:200%; line-height:normal; FONT-WEIGHT:bold; MARGIN-BOTTOM:10px; MARGIN-TOP:5px; FONT-FAMILY:Arial,Verdana,Helvetica;}
h2{FONT-SIZE:140%; line-height:normal; FONT-WEIGHT:bold; MARGIN-BOTTOM:8px; MARGIN-TOP:0px; FONT-FAMILY:Arial,Verdana,Helvetica;}
h3{FONT-SIZE:110%; line-height:normal; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; MARGIN-TOP:0px; FONT-FAMILY:Arial,Verdana,Helvetica;}
/** STYLES FOR EDITOR DROP DOWN LIST (ADAPTED STYLE) *********************************/
/*************************************************************************************/
.ImportantEditor{FONT-WEIGHT:normal; background-color:#808080; color:#FFFFFF;}
.ImagetextEditor{FONT-WEIGHT:normal; FONT-SIZE:90%;}
.Rubrik1{FONT-SIZE:160%; FONT-WEIGHT:bold; MARGIN-BOTTOM:10px; MARGIN-TOP:5px; FONT-FAMILY:Verdana,Arial,Helvetica;}
.Rubrik2{FONT-SIZE:130%; FONT-WEIGHT:bold; MARGIN-BOTTOM:8px; MARGIN-TOP:0px; FONT-FAMILY:Verdana,Arial,Helvetica;}
.Rubrik3{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; MARGIN-TOP:0px; FONT-FAMILY:Verdana,Arial,Helvetica;}
/***************** ALLMÄNNA HTML-TAGGAR ***************************************************/
BODY{}
A:link{
COLOR: #000066;
text-decoration: underline;
}
A:active{
COLOR: #000066;
text-decoration: underline;
}
A:hover{
COLOR: #000066;
text-decoration: underline;
}
A:visited{
COLOR: #000066;
text-decoration: underline;
}
/********************************************************************/
.Fileheader{ FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; BORDER-top:1px solid #CCCCCC; padding-top: 10px; color: #000000;}
.Fileitem{ FONT-SIZE:110%; FONT-WEIGHT:normal; padding:4px;}
.Fileitem2{ FONT-SIZE:110%; FONT-WEIGHT:normal; padding:4px; background-color: #ECECED;}
.Linkheader{ FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; BORDER-top:1px solid #CCCCCC; padding-top: 10px; color: #000000;}
.Linkitem{ FONT-SIZE:110%; FONT-WEIGHT:normal; padding:4px;}
.Linkitem2{ FONT-SIZE:110%; FONT-WEIGHT:normal; padding:4px; background-color: #ECECED;}
.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; padding: 6px;}
.Newslink{}
A.Newslink:link{ COLOR:#000066; text-decoration:underline;FONT-WEIGHT:normal;}
A.Newslink:active{ COLOR:#000066; text-decoration:underline;FONT-WEIGHT:normal;}
A.Newslink:hover{ COLOR:#000066; text-decoration:underline;FONT-WEIGHT:normal;}
A.Newslink:visited{ COLOR:#000066; text-decoration:underline;FONT-WEIGHT:normal;}
.Newsintro{ FONT-SIZE:110%; FONT-WEIGHT:normal;}
.Newsitem1{ PADDING:5px; PADDING-TOP: 10px; PADDING-BOTTOM: 10px; BACKGROUND-COLOR:#F7F7F7;}
.Newsitem2{ PADDING:5px; PADDING-TOP: 10px; PADDING-BOTTOM: 10px; BACKGROUND-COLOR:#EBEBEB;}
.Breadcrumb{ FONT-SIZE:100%; FONT-WEIGHT:normal; COLOR:gray; margin-bottom: 10px; font-family: Arial, Verdana; }
A.Breadcrumb:link{ COLOR:#999999!important;FONT-WEIGHT:normal;text-decoration: none;}
A.Breadcrumb:active{ COLOR:#999999!important;FONT-WEIGHT:normal;text-decoration: none;}
A.Breadcrumb:hover{ COLOR:#999999!important;FONT-WEIGHT:normal;text-decoration: none;}
A.Breadcrumb:visited{ COLOR:#999999!important;FONT-WEIGHT:normal;text-decoration: none;}
.Link{ font-size:110%; font-weight:normal; color: #000066; padding-top:0px;margin-top:0px}
A.Link:link{ color: #000066;FONT-WEIGHT:normal; text-decoration: underline;}
A.Link:active{ color: #000066;FONT-WEIGHT:normal;}
A.Link:hover{ color: #000066;FONT-WEIGHT:normal;}
A.Link:visited{ color: #000066;FONT-WEIGHT:normal;}
.SiteMap{ height:370px;width:507px;}
.RootNode{ FONT-SIZE:110%;}
.ParentNode{ FONT-SIZE:110%;}
.LeafNode{ FONT-SIZE:100%;}
.bannerClass{max-width:140px; border:0px;}
.NoBorder{border:0px;}
/***************** MENY ***************************************************/
.litNavTopGroup{/* horisontell nivå bg, topGroup*/
cursor:default;
height: 25px;
}
.litNavMenuGroup{/* undernivå bg, menuGroup */
background-color: #F6F6F6;
border:solid 1px #A19E98;
cursor:default;
}
.litNavTopMenuItem{/* horisontell nivå objekt, topMenuItem */
color:#383838;
font-family:arial, verdana, helvetica;
font-size:110%;
border:solid 1px #EBEAE6;
cursor:default;
}
.litNavTopMenuItemHover {/* horisontell nivå objekt hover, topMenuItemHover */
filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#EBEAE6', endColorstr='#D9D7D1', gradientType='0');
background-color:#EBEAE6;
color:#383838;
font-family:arial, verdana, helvetica;
font-size:110%;
border:solid 1px #A19E98;
cursor:default;
}
.litNavTopMenuItemExpanded{/* vald horisontell nivå, topMenuItemExpanded */
filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#EBEAE6', endColorstr='#D9D7D1', gradientType='0');
background-color:#EBEAE6;
color:#383838;
font-family:arial, verdana, helvetica;
font-size:110%;
border:solid 1px #A19E98;
border-bottom-color:#BAB9CD;
cursor:default;
}
.litNavTopMenuItemActive{
filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#EBEAE6', endColorstr='#D9D7D1', gradientType='0');
background-color:#EBEAE6;
color:#383838;
font-family:arial, verdana, helvetica;
font-size:110%;
border:solid 1px #A19E98;
border-bottom-color:#BAB9CD;
cursor:default;
}
.litNavMenuItem{/* undernivå objekt, menuItem */
color:#383838;
font-family:arial, verdana, helvetica;
font-size:110%;
margin:1px;
cursor:default;
}
.litNavMenuItemHover {/* undernivå objekt hover, menuItemHover */
background-color:#D9D7D1;
color:#383838;
font-family:arial, verdana, helvetica;
font-size:110%;
border:solid 1px #D9D7D1;
cursor:default;
}
.litNavMenuItemActive{
color:#383838;
font-family:arial, verdana, helvetica;
font-size:110%;
margin:1px;
cursor:default;
}
.litNavMenuItemExpanded{
color:#383838;
font-family:arial, verdana, helvetica;
font-size:110%;
margin:1px;
cursor:default;
}
.litNavMenuBreak{/* avdelande streck, menuBreak */
background-image:url(../Images/break_bg.gif);
width:100%;
height:1px;
}
/***************** INLOGGING ***************************************************/
.litLoginContact{/*Kontakttexten*/
FONT-SIZE:85%;
COLOR:#AAAAAA;
}
.litLoginBg{/*Bakgrundsfärg i den inre ytan*/
background-color:#EDEBE1;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFFFFF', endColorstr='#EDEBE1', gradientType='0');
}
.litLoginBgTop{/*Bakgrundsfärg i den inre ytan längs upp*/
background-color:#EDEBE1;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', gradientType='0');
}
.litLoginBgBottom{/*Bakgrundsfärg i den inre ytan längs ner*/
background-color:#EDEBE1;
}
.litLoginInput{
width:95%;
}
.litErrorMsg{
COLOR: #FF0000! important;
}
/***************** EGNA KLASSER FÖR KUNDENS SITE ************************************************/
.mainArea{ width:770px; padding-right:10px; background-color:#FFFFFF;}
.leftBannerArea{ background-color:#cdc9c7;vertical-align:top;padding-top: 10px; padding-left: 10px;}
.bannerArea{ padding-top: 10px;}
.w3cArea{ width:757px; text-align:right;}
.copyrightArea{ width:770px; FONT-SIZE:110%; text-align:right; margin-top:5px; margin-bottom:5px; color:#CCCCCC;}
A.copyrightLink:link, A.copyrightLink:active, A.copyrightLink:hover, A.copyrightLink:visited{color:#CCCCCC; text-decoration:none;font-size:100%;font-weight:normal;}
.logoArea{ PADDING-BOTTOM:5px;}
.logoContentLeft{ FLOAT:left;}
.logoContentRight{ FLOAT:right; MARGIN-TOP:15px; FONT-SIZE:110%; COLOR:#375268;}
.headerArea{ BACKGROUND-IMAGE: url(../templates/common/images/header_bg.gif);}
.headerContent{ HEIGHT:16px; PADDING:10px;}
.menuArea{ WIDTH:773px; MARGIN-BOTTOM:5px; BORDER-BOTTOM:none; BORDER-LEFT:none; BORDER-RIGHT:none; BACKGROUND-IMAGE: url(../templates/common/images/menu_bg.gif);}
.menuLine{ background-color:#FFFFFF; HEIGHT:1px;}
.menuContent{ FLOAT:left; BORDER-LEFT:none; PADDING-LEFT: 10px; 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;}
.inputSearch{ FONT-SIZE:110%;}
.inputLoginStart{ border: 1px inset ; font-size: 80%; width: 150px; font-weight: normal;}
.inputLoginStartBtn{border: 1px outset ; color:#000000; margin-top: 10px; font-size: 80%; font-weight: normal;}
.footerArea{ BACKGROUND-COLOR:#ffffff; WIDTH:100%; MARGIN-TOP:5px;border-top:solid 3px #e4e3e1;}
.footerContent{ PADDING-LEFT: 0px; PADDING-RIGHT: 10px; PADDING-TOP: 6px; PADDING-BOTTOM: 6px; COLOR: #a1a1a1; FONT-SIZE:110%;}
.subPages{ font-family: Arial, Verdana; font-size: 110%; color: #000000; font-weight: bold;}
/**** STYLES FOR TEMPLATE WIDTH ****/
.Template{ WIDTH:407px;MIN-HEIGHT:350px; _HEIGHT:350px; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px; MARGIN-BOTTOM:0px;vertical-align:top;}
.TemplateWide{ WIDTH:580px;MIN-HEIGHT:350px; _HEIGHT:350px; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px; MARGIN-BOTTOM:0px;vertical-align:top;}
.TemplateRight{ WIDTH:163px;MIN-HEIGHT:350px; _HEIGHT:350px; MARGIN-BOTTOM:0px;MARGIN-TOP:0px;vertical-align:top;}
.TemplateLeft{ WIDTH:175px;MIN-HEIGHT:350px; _HEIGHT:350px; MARGIN-BOTTOM:0px;vertical-align:top;}
/***************** KLASSER FÖR MALLEN ************************************************/
/*.Mainheader, .Subheader, .Intro, .Text, .Factheader, .Facttext, .Imagetext, .Linklist, .Filelist, .Form{BORDER:1px dashed #CCCCCC;}*/
.quickLinks{ FONT-SIZE:100%; FONT-WEIGHT:normal; COLOR:gray; margin-bottom: 10px}
A.quickLinks:link{ COLOR:#999999!important;FONT-WEIGHT:normal; text-decoration: none;}
A.quickLinks:active{ COLOR:#999999!important;FONT-WEIGHT:normal; text-decoration: none;}
A.quickLinks:hover{ COLOR:#999999!important;FONT-WEIGHT:normal; text-decoration: none;}
A.quickLinks:visited{ COLOR:#999999!important;FONT-WEIGHT:normal; text-decoration: none;}
.Quote1 {font-family: Arial, Verdana; font-size: 180%; text-align: left; color: #000000; }
.Quote2 {font-family: Arial, Verdana; font-size: 140%; text-align: right; color: #000000; font-style: italic; margin-top: 5px;}
.Mainheader { font-family: Arial, Verdana, helvetica; FONT-SIZE:240%;color:Black!important; font-weight: normal;}
.Subheader { font-family: Arial, Verdana, helvetica; FONT-SIZE:140%;color:Black!important;}
.LeftStartpage { background-color:#ffffff;
color:#000000;
font-family:arial, verdana, helvetica;
font-size:110%;
width:100%;
vertical-align: top;
margin: 0px;
}
.LeftArticle {
background-color:#ffffff;
color:#000000;
font-family:arial, verdana, helvetica;
font-size:110%;
width:100%;
height:100%;
vertical-align: top;
margin-top:0px;
MIN-HEIGHT:350px;
_HEIGHT:350px;
MARGIN-BOTTOM:0px;
}
.publishDate { font-family: Arial, Verdana; color: #666666; font-size: 100%; font-weight: normal;}
.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; color: #000000;}
.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;}
.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{ 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;}
.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:2px; 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;}
.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;}