/* AUTHOR: YOUR NAME HERE you@domain.com */ /* ------------------------------------------ */ /* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */ /* ------------------------------------------ */ * {margin: 0; padding: 0;} html {overflow-y: scroll;} body {font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom:20px;} p { } a {outline: none; color:#004438; text-decoration:none;} a:hover {text-decoration:underline;} a img {border: none;} /* END RESET */ /* ------------------------------------------ */ /* TOOLBOX CSS */ /* ------------------------------------------ */ .floatleft {float:left;} .floatright {float:right;} .clear {clear:both; height:5px; margin:0; padding:0;} /* END TOOLBOX */ /* ------------------------------------------ */ /* PAGE STRUCTURE */ /* ------------------------------------------ */ #main_subpage #content_main ul.cards {list-style:none outside;} ul.cards li {width:135px; height:220px; float:left; padding:5px; border:1px solid #d7d7d7; margin:7px 10px 0 0; font-size:10px; line-height:16px; text-align:center;} #main_subpage #content_main ul.cards li p {margin:0 0 6px 0; padding:0; font-size:10px;} #main_subpage #content_main ul.cards li h3 {height:60px; overflow:hidden; margin:5px 0 0 0; padding:0; font-size:11px;} ul.cards li div.img {height:40px; overflow:hidden; padding:10px 0 0 0;} ul.cards li img {} ul.cards li a {font-weight:bold;} div.pagenav-cards {clear:both; padding-top:20px;} div.pagenav-cards span {margin-right:10px; padding-left:0; color:#868868;} div.pagenav-cards a {margin-right:10px; padding-left:0;} div.pagecurrent-cards {margin:10px 18px 0 0; text-align:right;} div.yellowcards {margin:30px 16px 10px 0; background-color:#efe38d; padding:3px 8px 3px 8px;} #page-wrap {width: 996px; margin: 0 auto; font-size: 11px; line-height: 15px; background: url('../images/bg.png') repeat-y; padding:0;} #header {margin: 0 25px 20px 25px; padding: 0 0 0 15px; clear: both;} #logo {float:left; padding-top:20px;} #menus {width:760px; margin-left:170px;} #menus ul,.formmenu {list-style: none inside;} #tools {background-color:#f1f1eb; background: url('../images/toolsbg.png') repeat-x; font-size:10px; padding:5px 0 7px 10px; color:#868686;} #tools li, #menu_firstlevel li, #menu_secondlevel li, .formmenu li {display:inline;} .formmenu {margin-top:30px;} .formmenu li {margin-right:10px;} .formmenu li.selected {font-weight:bold;} #tools li {margin-right:6px; padding:7px;} #tools li a {color:#868686; text-decoration:none;} #tools li.login select {color:#bc4f47;} #tools li.login input {color:#ffffff; background: url('../images/redbuttonbg.png') repeat-x top right;} li.spacing {border-left:1px solid #e8e8e7; margin:0 0 0 14px; padding:0;} #tools form {display:inline;} #tools select, #tools input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;} #menu_firstlevel {background-color:#094b3f; background: url('../images/menubg.png') bottom left no-repeat; color:#ffffff; font-size:11px; height:15px; padding:3px 10px 3px 0;} #menu_firstlevel a {text-decoration:none; color:#ffffff;} #menu_firstlevel li {height:15px; padding:4px 16px 4px 16px; margin:0;} #menu_firstlevel.eng li {padding:4px 15px 4px 15px;} #menu_firstlevel li.end {margin:0;} #menu_firstlevel li.selected {background: url('../images/menubg_active.png') repeat-x;} #menu_firstlevel li.selected a {font-weight:normal;} #menu_secondlevel {background-color:#f1f1eb; background: url('../images/menubg_level2.png') bottom left no-repeat; height:15px; padding:2px 10px 4px 20px; margin:2px 0 0 0;} #menu_secondlevel a {text-decoration:none;} #menu_secondlevel li {margin-right:30px;} #main_firstpage {margin:20px 16px 0 42px;} #main_firstpage h1 {font-family: Georgia; font-size:17px; line-height:19px; font-weight:normal; margin-bottom:6px;} #main_firstpage h2 {background-color:#f1f1eb; background: url('../images/h2bg.png') bottom right no-repeat; font-size:12px; padding:2px 2px 4px 4px; margin-bottom:8px; color:#bc4f47;} #main_firstpage h3 {font-size:12px; margin:4px 0 4px 0;} #main_firstpage p, #main_firstpage table {margin-bottom:6px;} #main_firstpage table {width:100%;} #content_left {width:450px; margin:0 0 15px 0; float:left; clear:left;} #content_left_top {margin-top:6px;} #content_left_top img {margin-right:20px; float:left;} #content_left_bottom_left {float:left; clear:both; width:215px; margin:14px 0 0 0;} #content_left_bottom_right {float:left; width:215px; margin:14px 0 0 20px;} /*#content_right {width:460px; margin:0 0 15px 25px; float:left; clear:right;} #content_right_top {background: url('../images/bannerbg.png') no-repeat; height:260px; padding:6px 10px 0 7px; overflow:hidden;} #content_right_bottom_left {float:left; clear:both; width:220px; padding-top:10px; padding-left:10px; margin-right:25px;} #content_right_bottom_right {float:left; width:200px; padding-top:10px;} #content_right_bottom_right img {margin-top:7px;} #content_right_bottom {width:440px; height:170px; border:0; margin:5px 0 0 0; padding:0 0 0 7px; overflow:hidden;} #banner_end {background: url('../images/bannerbg_bottom.png') no-repeat; height:12px;} */ #main_subpage {margin:35px 26px 0 42px; min-height:442px; padding:0;} #main_subpage #content_menu {width:153px; min-height:50px; float:left;} #main_subpage #content_menu ul{list-style:none outside;} #main_subpage #content_menu li {border:1px solid #e4e3e0; margin-bottom:2px; padding:3px;} #main_subpage #content_menu li a {padding-left:12px; color:#bc4f47; display:block;} li.level1 a {background: url('../images/plus.gif') no-repeat 2px;} li.selected a {font-weight:bold;} li.level1open a {background: url('../images/minus.gif') no-repeat 2px;} li.level2 a {margin-left:10px;} #main_subpage #content_main {float:left; width:480px; margin:0 0 30px 35px;} #main_subpage #content_main ul.listnobullet, #main_subpage #content_main_wider ul.listnobullet {list-style:none inside;} #main_subpage #content_main ul.listnobullet li, #main_subpage #content_main_wider ul.listnobullet li {padding-bottom:8px;} #main_subpage #content_main ul.listnobullet .date, #main_subpage #content_main_wider ul.listnobullet .date {display:inline; font-weight:bold; margin-right:10px;} #main_subpage #content_main_wider{float:left; width:515px; margin:0 0 30px 0;} #main_subpage #content_main_full {width:895px; margin:0 0 30px 0;} #main_subpage #content_main_full .box {width:440px; float:right; margin-left:30px;} #main_subpage #content_modules {float:left; width:200px; margin:0 0 30px 25px;} #main_subpage #content_modules_wider {float:left; width:353px; margin:0 0 30px 25px;} #main_subpage div.box {padding:8px 8px 8px 8px; margin-top:10px;} #main_subpage div.box h2 {font-family: Georgia; font-size:17px; line-height:19px; font-weight:normal; font-style:italic; margin-bottom:6px;} #main_subpage div.box h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:4px;} #main_subpage div.box p {margin-bottom:8px;} #main_subpage div.image {padding:0; margin:0;} #main_subpage div.green {border:1px solid #b3c499;} #main_subpage div.green h2{color:#004438;} #main_subpage div.grey {background-color:#f0efea;} #main_subpage div.grey h2{color:#bc4f47;} #main_subpage div.yellow {border:1px solid #efe38d;} #main_subpage div.yellow h2{color:#000000;} #main_subpage h1 {font-family: Georgia; font-size:20px; line-height:24px; font-weight:normal; margin-bottom:8px;} #main_subpage #content_main h2, #main_subpage #content_main_wider h2 {font-size:14px; line-height:17px; font-weight:bold; margin:22px 0 6px 0;} #main_subpage #content_main h3, #main_subpage #content_main_wider h3 {font-size:11px; line-height:15px; font-weight:bold; margin:22px 0 6px 0;} #main_subpage #content_main ul, #main_subpage #content_main_wider ul {list-style: disc inside; margin-bottom:10px;} #main_subpage p {margin-bottom:12px; font-size:11px;} #main_subpage table {font-size:11px;} #main_subpage #sitemap ul {list-style: none outside;} #main_subpage #sitemap li {margin:4px 0 4px 0; padding: 0 0 0 10px;} #main_subpage #sitemap li.sitemaptopitem {font-weight:bold; padding:0; margin:14px 0 4px 0;} #content_right {width:460px; margin:0 0 15px 25px; float:left; clear:right;} #content_right_top {background: url('../images/bannerbg.png') no-repeat; height:260px; padding:6px 10px 0 7px; overflow:hidden;} #content_right_bottom_left {float:left; clear:both; width:200px; padding-top:10px; padding-left:10px;} #content_right_bottom_left iframe {height:110px;} #content_right_bottom_right {float:left; width:225px; padding-top:10px; height:170px;} #content_right_bottom_right iframe {height:170px;} #content_right_bottom_right img {margin-top:7px;} #content_right_bottom {width:440px; height:170px; border:0; margin:5px 0 0 0; padding:0 0 0 7px; overflow:hidden;} #banner_end {background: url('../images/bannerbg_bottom.png') no-repeat; height:12px;} #footer {width: 996px; margin: 0 auto; height: 40px; background: url('../images/bg_bottom.png') no-repeat; clear: both;} #footercontent {padding: 6px 35px 0 30px; color: #868686; font-size:10px;} #footercontent img {float:right;} .extra {margin-top:20px;} .textright {text-align:right; padding-left:10px;} .pagenav { margin-top:10px; white-space:nowrap;} .pagenav a {margin-right:10px; padding-left:0; background:none;} .pagenav span {margin-right:10px; padding-left:0; color:#868868;} .pagecurrent{float:right; margin-top:10px;} .DataGridDateColumn {white-space:nowrap; width:70px;} p.arrows a, p.arrowsbold a, td a, .formmenu a {padding-left:10px; background:url('../images/arrows.gif') no-repeat top left;} p.pdf a, div.pdf a {padding:2px 0 2px 20px; background:url('../images/pdf.gif') no-repeat top left; EditMenuName: Pdf-lank; } p.word a, div.word a {padding:2px 0 2px 20px; background:url('../images/word.gif') no-repeat top left; EditMenuName: Word-lank; } p.arrowsbold a {font-weight:bold;} p.intro {font-weight:bold;} p.intro div {font-weight:bold;} /*Behövs för dhtml-editorn sätter arrow-länkar i spans eller divar*/ span.arrow, div.arrow { background:url('/images/arrows.gif') no-repeat top left; padding-left:10px; EditMenuName: Pil-lank; } span.arrowsBold, div.arrowsBold { padding-left:10px; font-weight:bold; background:url('/images/arrows.gif') no-repeat top left; EditMenuName: Pil-lank Fet; } #strupDiv div.yellow {background-color:#efe38d; padding:2px 2px 2px 8px; margin-top:4px;width:380px;} #content_main_full form.yellow {width:400px;} #content_main_full form.yellow select {} span.date {font-weight:bold; font-size:10px;} div.form {margin-bottom:25px;} input, select, textarea {font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; border:1px solid #dadada; padding:2px; background:url('../images/inputbg.png') no-repeat top left;} select {padding:1px; background:#ffffff;} input.button {padding:1px; background:url('../images/buttonbg.png') no-repeat top right;} div.form input.button {color:#ffffff; background: url('../images/redbuttonbg.png') repeat-x top right; padding:3px; margin-top:10px;} div.form select {} form .w50, div.form .w50 {width:48px;} form .w100, div.form .w100 {width:96px;} form .w110, div.form .w110 {width:120px;} form .w150, div.form .w150 {width:144px;} form .w200, div.form .w200 {width:192px;} div.form .labelcol {width:120px;} label {padding-left:6px;} hr {border: 0; color: #dadada; background-color: #dadada; height: 1px; width: 100%; clear:both; margin:20px 0 0 0;} div.space {height:30px;} table {width:100%; border-collapse: collapse;} table, tr, td {border:0; padding:0; margin:0; border-spacing:0;} td {padding:6px 6px 6px 0; vertical-align:top;} tr h2, tr h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;} tr h2 {margin-top:18px;} tr h3 {color:#bc4f47;} tr h4 {color:#bc4f47;font-size:9px;} tr.header, tr.header td, tr.odd, tr.odd td {background-color:#f0efea; padding: 1px 6px 1px 6px; } tr h2, tr.odd td, tr.even td {padding-left:6px;} td div.toplink {margin:6px 0 6px 0;} #main_subpage ol {padding-left:32px;} #main_subpage ol p, #main_subpage ol h3 {margin:0 0 4px 0; padding:0;} #slideshowarea {width:480px; height:350px; background-color:#efe38d; margin:0 0 15px 0;} #slideshowarea p {padding:20px;} .imageleft img {float:left; margin:0 15px 5px 0; EditMenuName: Bild-v;} .imageright img {float:right; margin:0 0 5px 15px; EditMenuName: Bild-h;} /* END STRUCTURE */ /* Varderingar */ #overviewTables h3 { margin:10px 0px 5px 0px; padding:0px 0px 5px 0px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; border-bottom:1px solid #BCBCBC; outline-style:none; } #overviewTables table { margin:0px 0px 0px 0px; } #overviewTables table thead th { text-align:left; color:#BC4F47; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; vertical-align:top; padding:1px 6px 1px 6px; border-bottom:1px solid #F0EFEA; } #overviewTables table thead th.first { cursor:pointer; } #overviewTables table thead th h4 { color:#bc4f47; font-size:9px; } #overviewTables table tbody td { padding:1px 6px 1px 6px; } #overviewTables table tbody tr.spannedRow { display:none; } .ui-tabs-nav, #popupInformation ul.tabs { overflow:hidden; width:100%; } #popupInformation ul.tabs li a, .ui-tabs-nav a { background:none; padding:0px; } #popupInformation ul li, .ui-tabs-nav .ui-state-default { list-style:none; border:1px solid #DDDCD9; float:left; list-style:none outside none; margin-bottom:2px; margin-right:4px; padding:3px 5px 3px 5px; text-align:center; color:#A8443E; } #popupInformation ul.tabs li a.selected, .ui-tabs-nav .ui-tabs-selected { font-weight:bold;} .ui-tabs .ui-tabs-hide { display: none; } #popupInformation { padding:10px; border:1px solid #BCBCBC; } #popupInformation h2 { margin:0px; font-size:14px; padding:0px 0px 6px 0px; } #popupInformation table {font-size:11px; width:600px;} #popupInformation table th {text-align:left;font-weight:normal; width: 160px;} /*FIX av HtmlTableOfProduct (detaljer). */ #popupInformation #details table { width:auto !important; } /* /*FIX av HtmlTableOfProduct (detaljer). breddar första kolumnen*/ #popupInformation #details table th { width:auto !important; white-space:nowrap !important; padding-right:30px; } /*FIX av HtmlTableOfProduct (detaljer). breddar andra kolumnen*/ #popupInformation #details table tr:first-child td { width:auto !important; white-space:nowrap !important; }