/**
Actual html-taggs
*/
body, td, div {
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #777777;
line-height: 20px;
}
body { background: #ffffff; }
h1, h2, h3 { color: #e28535; margin: 0px; }
h1 { font-size: 18px; }
h2 { font-size: 15px; margin-top: 10px; }
h3 { font-size: 11px; margin-top: 10px; }
p { margin-top: 8px; margin-bottom: 10px; }
li { margin-bottom: 5px; margin-top: 5px; line-height: 20px; }
form { margin: 0px; padding: 0px; }
input, textarea, select { font-family: "Trebuchet MS", Tahoma, Verdana, Arial; color: #555555; font-size: 11px; }
.btn { height: 25px; font-size: 11px; padding-left: 10px; padding-right: 10px; }
hr { width: 150px; }
/**
Fonts etc
*/
.red { color: #ff0000; }
.smallFont { font-color: #cacaca; font-size: 10px; }
.dotLineOrange { position: relative; width: 100%; height: 1px; margin-bottom: 10px; margin-top: 10px; background: #ffffff url('../images/body/pattern/orange_dots.gif') repeat-x; }
/**
Construction
*/
#HeaderContainer { position: absolute; left: 0px; top: 0px; width: 957px; height: 130px; background: #ffffff; }
#HeaderTopShadow { position: absolute; left: 0px; top: 0px; width: 957px; height: 4px; background: #ffffff url('../images/body/main_cont/header_header.gif') no-repeat; }
#HeaderContent { position: absolute; left: 0px; top: 4px; width: 957px; height: 121px; background: #ffffff url('../images/body/main_cont/header_middle.gif') repeat-y; }
#HeaderLogotype { position: absolute; left: 4px; top: -1px; width: 949px; height: 121px; background: #ffffff url('../images/body/main_cont/header_background.gif') no-repeat; cursor: pointer; }
#HeaderBottomShadow { position: absolute; left: 0px; top: 125px; width: 957px; height: 5px; background: #ffffff url('../images/body/main_cont/header_footer.gif') no-repeat; }
#Container { position: relative; width: 932px; }
#LeftContainer { position: absolute; left: 0px; top: 134px; width: 178px; }
#ContentContainer { position: absolute; left: 183px; top: 134px; width: 566px; }
#RightContainer { position: absolute; left: 754px; top: 134px; width: 178px; }
#Developer { position: absolute; left: 932px; top: 139px; width: 10px; height: 166px; background: url('../images/svenskbilddesign.gif') no-repeat; cursor: pointer; }
.sideContainer { position: relative; width: 178px; margin-bottom: 4px; padding-top: 3px; background: #ffffff url('../images/body/side_cont/background.gif') repeat-y; font-size: 0px; text-align: left;}
.sideContHeader { position: absolute; width: 178px; height: 4px; left: 0px; top: 0px; background: #ffffff url('../images/body/side_cont/header.gif') no-repeat; font-size: 0px; }
.sideContFooter { position: relative; width: 178px; height: 5px; background: #ffffff url('../images/body/side_cont/footer.gif') no-repeat; font-size: 0px; margin-top: 5px; }
.sideContTitle { position: relative; width: 170px; height: 32px; margin-left: 4px; margin-right: 4px; background: #f59e54; margin-bottom: 5px; }
.clsTitleExpandPos { position: absolute; left: 145px; top: 8px; }
.sideContContent { position: relative; width: 170px; background: none; margin-left: 4px; margin-right: 4px; margin-bottom: 1px; background: #ffffff;}
.sideContent { position: relative; font-size: 10px; margin-left: 10px; margin-right: 10px; padding-bottom: 8px; line-height: 16px; }
.mainContainer { position: relative; width: 566px; margin-bottom: 4px; padding-top: 3px; background: #ffffff url('../images/body/main_cont/background.gif') repeat-y; font-size: 0px; text-align: left;}
.mainContHeader { position: absolute; width: 566px; height: 4px; left: 0px; top: 0px; background: #ffffff url('../images/body/main_cont/header.gif') no-repeat; font-size: 0px; }
.mainContFooter { position: relative; width: 566px; height: 5px; background: #ffffff url('../images/body/main_cont/footer.gif') no-repeat; font-size: 0px; margin-top: 5px; }
.mainContContent { position: relative; width: 558px; background: none; margin-left: 4px; margin-right: 4px; margin-bottom: 1px; background: #ffffff;}
.mainContent { padding: 10px; margin-bottom: 20px; overflow: hidden; }
.menuNormal { position: relative; width: 170px; margin-left: 4px; margin-right: 4px; background: #ffffff; height: 27px; cursor: pointer; }
.menuHover { position: relative; width: 170px; margin-left: 4px; margin-right: 4px; background: #f59e54; height: 27px; cursor: pointer; }
.menuActive { position: relative; width: 170px; margin-left: 4px; margin-right: 4px; background: #f3ede8; height: 27px; cursor: pointer; }
.menuArrow { position: absolute; left: 10px; top: 6px; width: 15px; height: 15px; background: url('../images/body/symbol/big_arrow.gif') no-repeat; }
.menuText { position: absolute; left: 33px; top: 3px; }
.subMenu { position: relative; width: 170px; margin-left: 4px; margin-right: 4px; background: #ffffff; height: 24px; }
.subMenuText { position: absolute; left: 25px; top: 0px; font-size: 10px;}
.subSubMenu { position: relative; width: 170px; margin-left: 4px; margin-right: 4px; background: #ffffff; height: 24px; }
.subSubMenuText { position: absolute; left: 35px; top: 0px; font-size: 10px; background: #ffffff; }
a.menuLink:link, a.menuLink:visited, a.menuLink:active { color: #CB8E25; }
a.menuLink:hover { color: #CB8E25; }
a.partnerLink:link, a.partnerLink:visited, a.partnerLink:active { color: #e28535; font-size: 13px; font-weight: bold; text-decoration: none; }
a.partnerLink:hover { color: #e28535; font-weight: bold; font-size: 13px; text-decoration: underline; }
.question { position: relative; font-size: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 4px; margin-top: 12px; padding-bottom: 8px; line-height: 16px; }
.questionBottom { position: relative; font-size: 10px; margin-left: 10px; margin-right: 10px; margin-top: 10px; padding-bottom: 8px; padding-top: 6px; line-height: 16px; border-top: solid 1px #cacaca; }
.tblQuestion { width: 160px; }
.tblAnswer {font-size: 10px; line-height: 14px; padding-top: 3px;}
.doubleLine { position: relative; border: solid 1px #eaeaea; margin-left: 10px; margin-right: 10px; margin-top: 6px; margin-bottom: 8px; font-size: 0px; padding-top: 1px; }
a:link, a:visited, a:active { color: #CB8E25; text-decoration: underline; }
a:hover { color: #CB8E25; text-decoration: none; }
img.border { border: solid 1px #cacaca; padding: 10px; margin: 10px; }
/* POPUP WINDOW */
body.popup { background: #F59442; }
#PopupContainer { position: relative; width: 551px; margin-left: auto; margin-right: auto; }
#PopupHeader { position: relative; width: 551px; height: 15px; background: #ffffff url('../images/popup/header.gif') no-repeat; }
#PopupMiddle { position: relative; width: 551px; min-height: 200px; background: #ffffff url('../images/popup/background.gif') repeat-y; }
#PopupFooter { position: relative; width: 551px; height: 15px; background: #ffffff url('../images/popup/footer.gif') no-repeat; }
#PopupContent { padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; }
hr.popupHr { width: 100%; border: solid 1px #F59442; }
/*Används inom Förmåner och lifelotten samt faq*/
.textBox { position: relative; width: 520px; height: 26px; border: solid 1px #cacaca; background: #fafafa; margin-bottom: 4px; margin-top: 4px; }
.ContainerInfoSquare {
position: absolute;
top: 180px; left: 20px;
background-color: #F3EDE8;
width: 204px;
}
.clsHeaderInfoSquare {
position: relative;
background: url(../images/body/infosquare/header.gif) no-repeat;
width: 204px;
height: 4px;
font-size: 0px;
}
.clsContentInfoSquare {
position: relative;
background: url(../images/body/infosquare/center.gif) repeat-y;
width: 204px;
}
.clsFooterInfoSquare {
position: relative;
background: url(../images/body/infosquare/footer.gif) no-repeat;
width: 204px;
height: 4px;
font-size: 0px;
}
p.infoSquare { margin-left: 15px; margin-right: 15px; margin-top: 0px; margin-bottom: 0px; padding: 0px;}