/* basis */ body { margin: 0; background: url(../graphics/basis/bg.gif) repeat-x #fff; font-family: arial, helvetica; color: #303030; } .hidden { display: none; } .break { float: none; clear: both; } .width { width: 870px; text-align: left; } a.focus { outline: 0; } a img { border: 0; } /* structure */ .structure { width: 100%; height: 100%; border: 0; } .structure .row1 { height: 1px; } .structure .row2 { height: 42px; } .structure .row3 { background: #fff; } .structure .row4 { height: 1%; padding: 40px 0 0 0; } /* top */ .row2 .top { width: 100%; height: 42px; background: url(../graphics/basis/shadowTop.gif) repeat-x left bottom; } .row2 .top .tabs { height: 42px; float: left; display: none; } .row2 .top .tabs a { width: 97px; height: 42px; float: left; } .corporate .top .tabs a.corporate { background: url(../graphics/top/tab_corp_selected.gif) 0 bottom no-repeat; } .corporate .top .tabs a.private { background: url(../graphics/top/tab_private_normal.gif) 0 bottom no-repeat; } .private .top .tabs a.corporate { background: url(../graphics/top/tab_corp_normal.gif) 0 bottom no-repeat; } .private .top .tabs a.private { background: url(../graphics/top/tab_private_selected.gif) 0 bottom no-repeat; } .row2 .top .cornerleft { width: 10px; height: 42px; background: url(../graphics/basis/shadowTopLeft.gif) no-repeat left bottom; float: left; } .row2 .top .cornerRight { width: 10px; height: 42px; background: url(../graphics/basis/shadowTopRight.gif) no-repeat left bottom; float: right; } .logo { width: 131px; height: 47px; float: left; overflow: hidden; } .logo a { width: 131px; height: 47px; background: url(../graphics/basis/logo.gif) no-repeat; } /* navigation */ .navigation { width: 100%; height: 54px; margin: 20px 0 13px 0; } .navigation div { float: left; } .navigation a { height: 54px; float: left; } .navigation .language { width: 689px; float: left; } /* private */ .private .navigation { background: url(../graphics/navigation/private/basis/bg.gif) repeat-x; } .private .navigation .left { width: 10px; height: 54px; float: left; background: url(../graphics/navigation/private/basis/left.gif) no-repeat; } .private .navigation .right { width: 15px; height: 54px; float: right; background: url(../graphics/navigation/private/basis/right.gif) no-repeat right 0; } /* flags */ .private .navigation .flags { display: none; } /* se */ .private .navigation .se .omScandem a { width: 109px; } .private .navigation .se .omScandem a.normal { background: url(../graphics/navigation/private/se/omScandem_normal.gif) repeat-x; } .private .navigation .se .omScandem a.selected { background: url(../graphics/navigation/private/se/omScandem_selected.gif); } .private .navigation .se .elavtal a { width: 73px; } .private .navigation .se .elavtal a.normal { background: url(../graphics/navigation/private/se/elavtal_normal.gif) repeat-x; } .private .navigation .se .elavtal a.selected { background: url(../graphics/navigation/private/se/elavtal_selected.gif); } .private .navigation .se .energispartips a { width: 119px; } .private .navigation .se .energispartips a.normal { background: url(../graphics/navigation/private/se/energispartips_normal.gif) repeat-x; } .private .navigation .se .energispartips a.selected { background: url(../graphics/navigation/private/se/energispartips_selected.gif); } .private .navigation .se .faq a { width: 123px; } .private .navigation .se .faq a.normal { background: url(../graphics/navigation/private/se/faq_normal.gif) repeat-x; } .private .navigation .se .faq a.selected { background: url(../graphics/navigation/private/se/faq_selected.gif); } .private .navigation .se .kontakt a { width: 79px; } .private .navigation .se .kontakt a.normal { background: url(../graphics/navigation/private/se/kontakt_normal.gif) repeat-x; } .private .navigation .se .kontakt a.selected { background: url(../graphics/navigation/private/se/kontakt_selected.gif); } .private .navigation .se .inEnglish { float: right; } .private .navigation .se .inEnglish a { width: 57px; } .private .navigation .se .inEnglish a.normal { background: url(../graphics/navigation/private/se/inEnglish_normal.gif) repeat-x; } .private .navigation .se .minFaktura a { width: 101px; } .private .navigation .se .minFaktura a.normal { background: url(../graphics/navigation/private/se/minFaktura_normal.gif) repeat-x; } .private .navigation .se .minFaktura a.selected { background: url(../graphics/navigation/private/se/minFaktura_selected.gif); } .private .navigation .se .aterforsaljare a { width: 115px; } .private .navigation .se .aterforsaljare a.normal { background: url(../graphics/navigation/private/se/aterforsaljare_normal.gif) repeat-x; } .private .navigation .se .aterforsaljare a.selected { background: url(../graphics/navigation/private/se/aterforsaljare_selected.gif); } /* corporate */ .corporate .navigation { background: url(../graphics/navigation/corp/basis/bg.gif) repeat-x; } .corporate .navigation .left { width: 10px; height: 54px; float: left; background: url(../graphics/navigation/corp/basis/left.gif) no-repeat; } .corporate .navigation .right { width: 15px; height: 54px; float: right; background: url(../graphics/navigation/corp/basis/right.gif) no-repeat right 0; } /* flags */ .corporate .navigation .flags { float: right; } .corporate .navigation .flags .flag { width: 17px; height: 47px; margin: 0 6px 0 0; float: left; } .corporate .navigation .flags .flag a { width: 17px; height: 47px; display: block; float: left; } .corporate .navigation .flags .flag a.selected { background: url(../graphics/navigation/corp/flags/selected.gif); } .corporate .navigation .flags .se { background: url(../graphics/navigation/corp/flags/se.gif); } .corporate .navigation .flags .fi { background: url(../graphics/navigation/corp/flags/fi.gif); } .corporate .navigation .flags .no { background: url(../graphics/navigation/corp/flags/no.gif); } .corporate .navigation .flags .dk { background: url(../graphics/navigation/corp/flags/dk.gif); } .corporate .navigation .flags .en { background: url(../graphics/navigation/corp/flags/en.gif); } /* se */ .corporate .navigation .se .omScandem a { width: 109px; } .corporate .navigation .se .omScandem a.normal { background: url(../graphics/navigation/corp/se/omScandem_normal.gif) repeat-x; } .corporate .navigation .se .omScandem a.selected { background: url(../graphics/navigation/corp/se/omScandem_selected.gif); } .corporate .navigation .se .tjanster a { width: 81px; } .corporate .navigation .se .tjanster a.normal { background: url(../graphics/navigation/corp/se/tjanster_normal.gif) repeat-x; } .corporate .navigation .se .tjanster a.selected { background: url(../graphics/navigation/corp/se/tjanster_selected.gif); } .corporate .navigation .se .elmarknaden a { width: 109px; } .corporate .navigation .se .elmarknaden a.normal { background: url(../graphics/navigation/corp/se/elmarknaden_normal.gif) repeat-x; } .corporate .navigation .se .elmarknaden a.selected { background: url(../graphics/navigation/corp/se/elmarknaden_selected.gif); } .corporate .navigation .se .faq a { width: 123px; } .corporate .navigation .se .faq a.normal { background: url(../graphics/navigation/corp/se/faq_normal.gif) repeat-x; } .corporate .navigation .se .faq a.selected { background: url(../graphics/navigation/corp/se/faq_selected.gif); } .corporate .navigation .se .kontakt a { width: 79px; } .corporate .navigation .se .kontakt a.normal { background: url(../graphics/navigation/corp/se/kontakt_normal.gif) repeat-x; } .corporate .navigation .se .kontakt a.selected { background: url(../graphics/navigation/corp/se/kontakt_selected.gif); } .corporate .navigation .se .inEnglish { float: right; } .corporate .navigation .se .inEnglish a { width: 57px; } .corporate .navigation .se .inEnglish a.normal { background: url(../graphics/navigation/corp/se/inEnglish_normal.gif) repeat-x; } /* sub */ .sub { padding: 0 0 10px 25px; font-size: 11px; } .sub a { margin: 0 0 18px 0; padding: 0 15px 0 0; float: left; text-decoration: none; display: block; } .corporate .sub a.normal { color: #6c848b; } .corporate .sub a.normal:hover { color: #009ee0; } .corporate .sub a.selected { color: #009ee0; font-weight: bold; } .private .sub a.normal { color: #50a353; } .private .sub a.normal:hover { color: #356e3d; } .private .sub a.selected { color: #356e3d; font-weight: bold; } /* login */ #login { padding: 11px 15px 0 24px; float: right; } .login_normal { background: url(../graphics/login/folder.png) no-repeat left 12px; } .login_error { background: url(../graphics/login/error.png) no-repeat left 12px; } #login input { width: 130px; height: 20px; margin: 0 5px 0 0; font-family: 'lucida grande', verdana; font-size: 10px; float: left; } #login input.on { color: #000; font-weight: bold; } #login input.off { color: #8d8d8d; } #login input:focus { outline: none; } #login .submit { width: 15px; height: 18px; margin: 1px 0 0 0; overflow: hidden; float: left; } #login .submit a { width: 15px; height: 18px; background: url(../graphics/login/submit.gif) no-repeat center center #7b969e; display: block; } #login .submit a:hover { background-color: #009ee0; } #login_error { padding: 14px 15px 0 0; float: right; display: none; } #login_error p { margin: 0; font-family: 'lucida grande',verdana; font-size: 10px; line-height: 12px; font-weight: bold; color: #454545; } #login_error p a { padding: 0 0 0 7px; text-decoration: none; color: #009ee0; } #login_error p a:hover { color: #7b969e; } /* folksam */ .folksam { } .xxxfolksam .pdf { width: 43px; height: 47px; background: url(../graphics/folksam/pdf.gif); position: absolute; margin: 283px 0 0 60px; } .folksam .download_folder { width: 270px; height: 21px; position: absolute; margin: 286px 0 0 79px; } .folksam .download_folder a { width: 270px; height: 21px; display: block; background: url(../graphics/folksam/download_1_normal.gif); } .folksam .download_folder a:hover { background: url(../graphics/folksam/download_1_mouse.gif); } .folksam .download_form { width: 270px; height: 21px; position: absolute; margin: 307px 0 0 79px; } .folksam .download_form a { width: 270px; height: 21px; display: block; background: url(../graphics/folksam/download_2_normal.gif); } .folksam .download_form a:hover { background: url(../graphics/folksam/download_2_mouse.gif); } /* page */ .page { } .page .edgeLeft { width: 25px; height: 558px; background: url(../graphics/basis/edgeLeft.gif) no-repeat; float: left; } .page .edgeRight { width: 25px; height: 558px; background: url(../graphics/basis/edgeRight.gif) no-repeat right top; float: right; } .page .content { width: 820px; float: left; } .page .content .padding { padding: 0 25px 0 25px; } .page .content .column { width: 460px; } /* image */ .imageMain { margin: 0 0 20px 0; } .imageMain img { width: 820px; } .imageSide { width: 250px; margin: 4px 0 18px 0; float: right; } .imageSide img { width: 250px; } .vinjet { margin: 10px 0 8px 0; margin: expression('10px 0 0 0'); } .xintro { margin: 0 0 17px 0; display: none; } .xintro img { width: 460px; } /* windows */ .windows { margin: 0 -3px 0 -12px; float: left; } .windows .large { width: 820px; height: 370px; margin: 0 0 12px 12px; } .windows .large img { } .windows .small { width: 196px; margin: 0 0 0 12px; overflow: hidden; float: left; } .windows .small a { float: left; display: block; text-decoration: none; cursor: pointer; } .windows .small .img { padding: 0 0 0 27px; } .corporate .windows .small .img { background: url(../graphics/windows/small_corp.gif) no-repeat; float: left; } .private .windows .small .img { background: url(../graphics/windows/small_private.gif) no-repeat; float: left; } .windows .small .img img { width: 169px; height: 100px; } .windows .small a img { border: 0; } .windows .small .headline { width: 100%; height: 15px; margin: 9px 0 3px -1px; float: left; } .windows .small .textSmall { padding: 0 10px 0 0; } /* form */ .select { width: 100%; overflow: hidden; } /* text */ /* type */ .corporate, .corp p { color: #009ee0; } .private, .private p { color: #b8463b; } /* textSmall */ .textSmall { font-size: 10px; line-height: 15px; color: #404040; } .textSmall p { margin: 0 0 10px 0; color: #404040; } .textSmall h1 { font-size: 14px; line-height: 17px; font-weight: normal; font-family: Georgia; padding: 0 0 4px 0; margin: 0; } .textSmall h2 { font-size: 10px; line-height: 16px; font-weight: bold; margin: 0; } .textSmall a { text-decoration: none; color: #404040; } .textSmall a:hover { text-decoration: underline; } /* textLarge */ .textLarge { font-size: 12px; line-height: 17px; color: #404040; } .textLarge p { margin: 0 0 14px 0; color: #404040; } .textLarge p.intro { font-size: 14px; line-height: 20px; margin: 0 0 22px 0; } .textLarge a { color: #404040; } .textLarge h1 { font-size: 12px; font-weight: bold; margin: 0 0 3px 0; } .textLarge h2 { font-size: 11px; font-weight: normal; text-transform: uppercase; margin: 0 0 2px 0; color: #404040; } .textLarge h3 { font-size: 16px; line-height: 21px; color: #3e3e3e; font-weight: normal; margin: 0; } .textLarge h6 { font-size: 14px; line-height: 20px; color: #6c848b; font-weight: bold; margin: 0; } .corporate .textLarge h1 { color: #6c848b; } .private .textLarge h1 { color: #50a353; } .textLarge ul { margin: -2px 0 14px 0; padding: 0 0 0 20px; font-size: 11px; } .textLarge ul li { margin: 0; padding: 0; list-style-type: square; } /* foot */ .foot { padding: 0 25px 0 25px; } .foot .line { height: 23px; } .corporate .foot .line { border-bottom: 1px solid #009ee0; } .private .foot .line { border-bottom: 1px solid #7eaa1f; } .foot .scandem { width: 80px; height: 23px; float: left; display: none; } .corporate .foot .scandem { background: url(../graphics/foot/scandem_corp.gif) no-repeat left bottom; } .private .foot .scandem { background: url(../graphics/foot/scandem_private.gif) no-repeat left bottom; } .foot .footTag { font-size: 10px; font-weight: bold; } .foot .tools { float: right; font-size: 11px; } .foot .tools a { padding: 0 0 0 15px; color: #7f7f7f; text-decoration: none; float: left; } .corporate .foot .tools a:hover { color: #009ee0; } .private .foot .tools a:hover { color: #7eaa1f; } .foot .info { height: 45px; } .foot .info p { font-size: 10px; line-height: 12px; color: #404040; margin: 10px 20px 0 0; float: left; } .foot .info p b { padding: 0 6px 0 0; } .foot .info p a { text-decoration: none; color: #404040; } .foot .info p a:hover { text-decoration: underline; } /* workers */ .workers { margin: 16px -22px 0 0; } .workers .item { width: 242px; margin: 0 22px 15px 0; float: left; } .workers .item .image { margin: 0 0 6px 0; float: left; } .workers .item .image a { padding: 1px 0 0 0; border-top: 2px solid #c8c8c8; float: left; } .workers .item .image a:hover { border-top: 2px solid #6c848b; } .workers .item .image img { width: 242px; height: 75px; } .workers .item .info { float: left; padding: 0 0 0 0; } .workers .item .info p { margin: 0; line-height: 14px; font-size: 10px; } .workers .item .info p a { color: #606060; text-decoration: none; } .workers .item .info p a:hover { text-decoration: underline; } .workers .item .info p.name { font-size: 12px; font-weight: bold; color: #606060; } .workers .item .info p.name .title { font-size: 10px; font-weight: normal; color: #606060; padding: 0 0 0 6px; } .workers .item .info p.contact { margin: 0 0 0 0; color: #606060; display: none; } .workers .item .info p.contact b { font-weight: bold; text-transform: uppercase; padding: 0 4px 0 0; } .workers .item .info p.readmore { margin: 2px 0 0 0; } .corporate .workers .item .info p.readmore a { color: #009ee0; text-decoration: none; } .private .workers .item .info p.readmore a { color: #7eaa1f; text-decoration: none; } .workers .item .info p.readmore a:hover { text-decoration: underline } .worker { } .worker .image { margin: 0 0 20px 0; } .worker .image img { width: 770px; height: 240px; } .worker .name { padding: 0 0 0 0; border-bottom: 1px solid #c8c8c8; } .worker .left { width: 445px; float: left; } .worker .left .container { padding: 17px 17px 0 0; } .worker .right { width: 324px; border-left: 1px solid #c8c8c8; float: left; } .worker .right .container { padding: 17px 0 4px 17px; } .worker .right select { width: 100%; } .worker .right .info { margin: 15px 0 0 4px; } .worker .right .info .item { float: left; } .worker .right .info .item p { margin: 0 20px 0 0; } .worker .right .info .item p.post { font-size: 10px; font-weight: bold; text-transform: uppercase; margin: 0 0 2px 0; } /* FAQ */ #faq { margin: 14px 0 0 0; border-top: 1px solid #ddd; } #faq .post { padding: 8px 0 8px 0; border-bottom: 1px solid #ddd; } #faq .post .question { font-size: 12px; line-height: 15px; font-weight: bold; padding: 0 0 0 14px; } #faq .post .question a { text-decoration: none; margin: 0 0 0 -14px; padding: 0 0 0 14px; display: block; } #faq .post .question a.open { background: url(../graphics/faq/open.gif) no-repeat left 3px; } #faq .post .question a.closed { color: #404040; background: url(../graphics/faq/closed.gif) no-repeat left 3px; } #faq .post .question a.closed:hover { color: #969696; } .corporate #faq .post .question a.open { color: #009ee0; } .private #faq .post .question a.open { color: #b8463b; } #faq .post .answer { padding: 5px 0 3px 14px; font-size: 11px; line-height: 16px; color: #404040; } #faq .post .answer p { margin: 5px 0 5px 0; padding: 0; color: #404040; } #faq .post .answer a { color: #404040; } /* FILE LIST */ .fileList { margin: 5px 0 0 0; border-top: 1px solid #ddd; } .fileList .file { border-bottom: 1px solid #ddd; } .fileList .file a { padding: 8px 0 8px 23px; font-size: 11px; font-weight: bold; text-decoration: none; color: #404040; display: block; } .fileList .file a:hover { color: #969696; } .fileList .file a.pdf { background: url(../graphics/fileList/pdf.gif) no-repeat left center; } /* FILE SIDE */ .fileSide { width: 250px; margin: 2px 0 12px 0; padding: 0 0 0 20px; float: right; clear: right; } .fileSide .info { } .fileSide .info a { display: block; text-decoration: none; color: #303030; padding: 2px 0 0 23px; background: url(../graphics/fileList/pdf.gif) no-repeat; } .fileSide .info a p { margin: 0; } .corporate .fileSide .info a p { color: #009ee0; } .private .fileSide .info a p { color: #b8463b; } .fileSide .info a p.head { font-size: 15px; line-height: 15px; margin: 0 0 5px 0; } .fileSide .info a p.text { font-size: 10px; line-height: 12px; padding: 0 0 0 1px; color: #505050; } /* spotpris */ /* not in use */ .spotpris { padding: 0 0 0 20px; } .spotpris img { width: 220px; margin: 0 0 10px 0; } .spotpris .info { } .spotpris .info p { margin: 0; } .spotpris .info a { display: block; text-decoration: none; color: #303030; padding: 2px 0 0 23px; background: url(../graphics/fileList/pdf.gif) no-repeat; } .spotpris .info p.head { font-size: 15px; line-height: 15px; margin: 0 0 5px 0; } .spotpris .info p.text { font-size: 10px; line-height: 10px; color: #505050; } /* NEWS */ .textSide { width: 240px; margin: 2px 0 0 0; float: right; } .current { margin: 0 0 0 12px; padding: 4px 0 16px 70px; background: url(../graphics/basis/current.gif) no-repeat left 6px; } .current a { font-size: 12px; line-height: 13px; padding: 20px 0 0 0; color: #6c848b; text-decoration: none; } .current a .readMore { font-size: 10px; padding: 0 0 0 10px; } .newsList { width: 200px; margin: 14px 0 0 0; } .newsList .news { margin: 0 0 20px 0; } .newsList .news p { font-size: 10px; line-height: 13px; margin: 0; padding: 0; } .newsList .news p.date { color: #6c848b; font-weight: bold; margin: 0 0 2px 0; } .newsList .news p.head, .newsList .news p.head a { color: #009ee0; font-weight: bold; text-decoration: none; display: block; margin: 0 0 4px 0; } .newsList .news p.head a:hover { color: #6c848b; } .newsList .news p.text { color: #3e3e3e; } .newsDate { padding: 6px 0 0 0; font-size: 10px; border-bottom: 1px solid #00a7e5; }