@charset "UTF-8";
/* CSS Document */

/* ####### BODY ###### */
body { text-align:center; margin:0; /*background:url(../images/footer_bg.png);*/ background:url(../images/header_bg.png) repeat-x top; }
#superContainer { padding-top:20px; /*background-color:#F9F9F4;*/ }

/* ####### HEADER ###### */
#header { width:900px; height:95px; margin-right:auto; margin-left:auto; text-align:left; position:relative; /*background-color:#39C;*/ }
#header #logotype { background:url(../images/header_logo.png) no-repeat top left; position:absolute; width:97px; height:96px; bottom:-20px; left:10px; }
#header #menu { position:absolute; bottom:-1px; right:0px; /*background-color:#6C3;*/ }

/*
#header #menu #menuList { list-style:none; margin:0; padding:0}
#header #menu #menuList li { float:left; margin:0; margin-left:10px; padding:4px 6px 0 6px; display:block; height:31px; background:url(../images/header_menu_bg.png) no-repeat top left; }
#header #menu #menuList li.activeMenu { float:left; margin:0px; padding:4px 6px 0 6px; display:block; height:31px; background:url(../images/header_menu_active_bg.png) no-repeat top left; }
*/

#header #menu #menuList { list-style:none; margin:0; padding:0}
#header #menu #menuList li { float:left; margin:0; }


/* ####### MAIN ###### */
#main { width:900px; margin-right:auto; margin-left:auto; text-align:left; position:relative; }
#main .pageSplash { margin-top:18px; position:relative; }

#main #homePageSplash { margin-top:10px; margin-bottom:-5px; }
#main #subPageSplash {  margin-top:60px; margin-bottom:15px; }

/*#main #noLeftRightMargin .threeColumns { margin-top:35px; margin-left:0; margin-right:0; padding-bottom:20px;  }
#main #noLeftRightMargin .threeColumns .columnOne { float:left; width:310px; margin-right:10px; }
#main #noLeftRightMargin .threeColumns .columnTwo { float:left; width:310px; margin-right:10px; }
#main #noLeftRightMargin .threeColumns .columnThree { float:left; width:260px; background:#eee; }*/
/*#main .threeColumns .topBorder { padding-top:10px; border-top:#E7E7E1 4px solid; }*/

/* One column */
#main .oneColumn { margin-top:-10px; }
#main .oneColumn img { margin-top:12px; margin-bottom:0px; }

/* Two columns */
#main .twoColumns { margin-top:20px; /*margin-left:10px; margin-right:10px; padding-bottom:20px;*/ }
#main .twoColumns .columnOne { float:left; width:440px; margin-right:20px; }
#main .twoColumns .columnTwo { float:left; width:440px; }

#main .twoColumns .large { float:left; width:594px; margin-right:20px; }
#main .twoColumns .small { float:left; width:286px; }

#main .twoColumns .mediumLarge { float:left; width:546px; margin-right:20px; }
#main .twoColumns .mediumSmall { float:left; width:334px; }

/* Three columns */
#main .threeColumns { margin-top:20px; padding-bottom:20px; }
#main .threeColumns .columnOne { float:left; width:286px; margin-right:21px; }
#main .threeColumns .columnTwo { float:left; width:286px; margin-right:21px; }
#main .threeColumns .columnThree { float:left; width:286px; }

#main .threeColumns .contactOne { float:left; width:206px; margin-right:20px; }
#main .threeColumns .contactTwo { float:left; width:366px; margin-right:20px; }
/*#main .threeColumns .large { float:left; width:366px; margin-right:20px; }
#main .threeColumns .small { float:left; width:201px; margin-right:20px; }*/

#main .threeColumns img { margin-top:8px; }
#main .threeColumns img.first { margin-top:0px; padding:0;2 }
#main .threeColumns #pensionssystemet { margin-top:0px; }

#main h2.faq { margin-top:-3px; }
#main .ceoPhoto { float:right; margin-left:20px; margin-right:20px; }
#main .forvaltare { float:right; margin-left:20px; margin-right:20px; }
#main #guide { clear:both; margin-top:40px; }
#main #compare { margin-top:-10px; }

/* Bozes */
.box { display:block; float:left; margin-right:21px; width:286px; }
.lastBox { margin-right:0px; }

/* Settings */
#main .imageMargin { margin-top:15px; margin-bottom:15px; }
#main .marginBottom { margin-bottom:10px; }
#main .moreMarginBottom { margin-bottom:20px; }
#main .marginLeft { margin-left:20px; }
#main .marginRight { margin-right:20px; }
#main .noTopMargin { margin-top:0; }
#main .superTopMargin { margin-top:35px; }
#main #customerList { list-style:none; margin:20px 0 20px 0; padding:0; }
#main #customerList li { margin:0 0 7px 0; padding:0; }
/*#main .noLRMargin { margin-left:0; margin-right:0; }*/
#main #bliMedlem { margin-top:20px; }
#main #bliMedlem img { margin-top:0px; }
#main #snabbfakta { margin-top:20px; }
#main #snabbfakta img { margin-top:20px; }
#main #vartResultat { margin:-5px 0 25px 0; display:block; }
#main .moreTopMargin { margin-top:40px; display:block; }
#main #stig { margin-bottom:0px; margin-top:-15px; }
#main #gote { margin-bottom:0px; margin-top:-15px; }
#kundtjanstInfo { float:left; width:200px; margin-right:20px; }
#foretagsInfo { float:left; width:200px; }
#prenumerera { display:block; margin-top:30px; }
#bestallningssteg { display:block; margin-bottom:30px; }
#amalan { padding-top:0px; }
#dinaAlternativ { text-align:left; width:400px; }
#main #dinaAlternativ { display:none; }

#hurViValjer { text-align:left; width:400px; }
#main #hurViValjer { display:none; }

#jamforelse { text-align:left; width:600px; }
#jamforelse h2 { margin-bottom:3px; margin-top:5px; }
#jamforelse p { margin-top:0px; }
#main #jamforelse { display:none; }
#main #guideL { margin-bottom:12px; }
#main #fondbyte {}
#main .specialRelContainer { position:relative; }
#main .specialRel { position:absolute; }

.hidden { display:none; }

#main #contactForm { margin-top:25px; margin-bottom:35px; }
#main #contactForm .row { margin-bottom:12px; }
#main #contactForm input, select { border:none; background:#E7E7E1; border-bottom:#E7E7E1 2px solid; width:70%; float:left; padding:6px 6px 6px 5px; }
#main #contactForm select { width:72%; }
#main #contactForm textarea { height:90px; float:left;  border:none; background:#E7E7E1; border-bottom:#E7E7E1 2px solid; width:70%; padding:6px;  }
#main #contactForm .formButton { width:100px; margin-top:10px; font-weight:bold; font-size:11px; background:#4F504B; color:#fff; }


#signupForm { margin-top:25px; }
#signupForm .row { margin-bottom:12px; }
#signupForm input, select { border:none; background:#E7E7E1; border-bottom:#E7E7E1 2px solid; width:250px; float:left; padding:5px 5px 5px 5px; }
#signupForm select { width:250px; }
#signupForm textarea { height:90px; float:left;  border:none; background:#E7E7E1; border-bottom:#E7E7E1 2px solid; width:250px; padding:6px;  }
#signupForm .formButton { width:100px; margin-top:0px; font-weight:bold; font-size:11px; background:#4F504B; color:#fff; }
#signupForm .checkbox { width:auto; }
#signupForm #validateTos input { margin-right:10px; }
.formSpace { height:0px; }

#changeFundForm { margin-top:25px; }
#changeFundForm .row { margin-bottom:12px; }
#changeFundForm input, select { border:none; background:#E7E7E1; border-bottom:#E7E7E1 2px solid; width:250px; float:left; padding:5px 5px 5px 5px; }
#changeFundForm select { width:250px; }
#changeFundForm textarea { height:90px; float:left;  border:none; background:#E7E7E1; border-bottom:#E7E7E1 2px solid; width:250px; padding:6px;  }
#changeFundForm .formButton { width:100px; margin-top:0px; font-weight:bold; font-size:11px; background:#4F504B; color:#fff; }
#changeFundForm .checkbox { width:auto; }
#changeFundForm #validateTos input { margin-right:10px; }


/* ####### FOOTER ###### */
#footer { /*background:url(../images/footer_clouds.png) center top no-repeat;*/ padding-bottom:25px; }
#footer #contactBox { padding-bottom:30px; background:url(../images/contact_box_bg.png) repeat-x; margin-top:45px; }
#footer #contactBoxContainer { width:900px; height:123px; margin-right:auto; margin-left:auto; text-align:left; position:relative; }
#footer #contactBoxContainer #contactBoxContent { position:absolute; left:5px; top:35px; }

#footer #contactBoxContainer #contactBoxSocial { position:absolute; right:0px; top:35px; }
#footer #contactBoxContainer #contactBoxSocial a { float: right; margin-left: 6px; margin-right: 4px; display: block; height: 44px; width: 44px; }
#footer #contactBoxContainer #contactBoxSocial a#blogIcon { background: url(../images/blog_icon.png) no-repeat; }
#footer #contactBoxContainer #contactBoxSocial a#blogIcon:hover { background: url(../images/blog_icon_over.png) no-repeat; }
#footer #contactBoxContainer #contactBoxSocial a#fbIcon { background: url(../images/fb_icon.png) no-repeat; }
#footer #contactBoxContainer #contactBoxSocial a#fbIcon:hover { background: url(../images/fb_icon_over.png) no-repeat; }

#footer #footerContainer { width:900px; height:0px; margin-right:auto; margin-left:auto; text-align:left; position:relative; }
#footer #footerContainer #footerContent { position:absolute; left:5px; bottom:0; }

/* ####### MISC ###### */
a img { border:none; }
.clear { clear:both; }

.clearRight { clear:right; }
.clearLeft { clear:left; }

.arrowLinkContainer { padding-top:3px; }

#bannerButtonContainer { position:relative; width:900px; height:1px; z-index:30; }
#bannerButtonContainer #bannerButton { position:absolute; top:-55px; right:-55px; z-index:10; }
#bannerButtonContainer #bannerButtonSmall { position:absolute; top:-0px; right:-55px; z-index:10; }

.right { text-align:right; }
.left { text-align:left; }

.floatRight { float:right; }
.floatLeft { float:left; }
.floatLeftMargin { float:left; margin-left:25px; }

.dataTable { border-top:1px solid #C0C6AE; border-bottom:1px solid #C0C6AE; margin-top:15px; margin-bottom:15px; padding:6px 6px 6px 6px; background:#D3D3CE; }