/* @group Basic */ body { font-size: 62.5%; font-family: Arial, sans-serif; margin: 0 0 20px 0; line-height: 1.8em} :focus { outline-style: dotted; outline-width: 1px; } /* @end */ /* @group Typography */ #content { font-size: 1.3em; } /* 13px */ #sidebar { font-size: 1.3em; } input, select, th, td { font-size: 1.2em } h1, h2, h3, h4, h5, h6 { color: #000; font-weight: normal; line-height: 1.2;} h1 { font-size: 24px; margin-bottom: 0.5em; } /* displayed at 24px */ h2 { font-size: 15px; margin-bottom: 0.25em; font-weight: bold; line-height: 1.3} /* displayed at 14px */ h3 { font-size: 15px; font-weight: bold; margin: 2em 0 0.5em 0; } /* displayed at 14px */ h4 { font-size: 14px } /* displayed at 12px */ #aktuellt h3 { clear: both; } #aktuellt .introduction { font-weight: bold; } #content table { font-size: 11px; border-collapse: collapse; min-width: 300px; margin-bottom: 1em; } #content th { background: #eee; padding: 4px 10px; text-align: left; font-size: 12px; } #content th p { margin: 0; font-size: 12px; } #content td { padding: 4px 10px; font-size: 12px; vertical-align: top;} #content td p { margin: 0; font-size: 12px; } #content td.odd { background: #eee; } #content caption { margin: 5px 0; font-weight: bold; } /* @end */ /* @group Links */ a:link { color: #003399; } a:visited { color: #003399; } a:hover { color: #003399; } a:active { color: #000; } p { font-size: 13px } /* @end */ /* @group Layout */ body { background: url(/images/bg-body.gif) repeat-x top left; text-align: center; } #wrapper { background: #fff url(/images/bg-wrapper.gif) repeat-y 0 0; margin: 0 auto 20px auto; text-align: left; width: 1023px; border-left: 1px solid #9c9c9c;} #ranka { width: 158px; height: 800px; float: right; background: url(/images/bg-ranka.gif) no-repeat;} #bg-left { position: absolute; top: 0px; left: -20px; background: url(../images/bg-body-left.gif) no-repeat; width: 19px; height: 850px; } #header { width: 860px; height: 100px; background: #fff; position: relative; } #navigation { width: 860px; height: 40px; background: #194c8e url(/images/bg-nav.gif) no-repeat 0 0; } #content { width: 422px; margin: 5px 22px 0 22px; float: left; display: inline; padding-bottom: 40px; } #subnav { width: 190px; float: left; border-right: 1px solid #dfdfdf; margin-top: 50px; padding-right: 2px; } #sidebar { width: 190px; margin: 20px 0 0 0; float: left; background: url(/images/bg-dottedline.gif) repeat-y; display: inline; padding-bottom: 30px; } #start #content { width: 560px; margin: 50px 30px 0 30px; float: left; display: inline; } #new_start #content { width: 800px; margin: 20px 30px 0 30px; } #vardcentral #content { width: 800px; margin: 20px 30px 0 30px; } #start #sidebar { width: 190px; margin: 50px 0 0 0; float: left; background: url(/images/bg-dottedline.gif) repeat-y; display: inline; } #standalone #content { margin: 5px 30px 0 220px; float: left; display: inline; } #service #content { margin: 5px 30px 0 220px; float: left; display: inline; } #lediga-tjanster #content { margin: 5px 30px 0 220px; float: left; display: inline; } /* #forskning #content { margin: 5px 30px 0 220px; float: left; display: inline; } */ /* #volontar #content { margin: 5px 30px 0 220px; float: left; display: inline; } */ #sok #content { margin: 5px 30px 0 220px; float: left; display: inline; } #kontakt #content { width: 590px; margin: 5px 30px 0 30px; float: left; display: inline; } #kontakt #content.formular { width: 590px; margin: 5px 30px 0 30px; float: left; display: inline; } #aktuellt #content { margin: 5px 30px 0 30px; float: left; display: inline; } /* header */ #header a { color: #000; text-decoration: none; padding: 5px 7px; } img#logo { position: absolute; top: 20px; left: 22px; } ul#service { position: absolute; top: 20px; right: 25px; } ul#service li { list-style-type: none; display: inline; font-size: 1.3em; } ul#service li.active a { background: #1d88d9; color: #fff; text-decoration: none; padding: 5px 7px; } ul#service a:hover { background: #1d88d9; color: #fff; text-decoration: none; padding: 5px 7px; } ul#service img { float: none; margin: 0;} ul#service li.font a { padding: 0; padding-left: 5px; } ul#service li.font a:hover { background: none; } #quicksearch { position: absolute; top: 60px; right: 25px; } #quicksearch label { display: none; } /* content and pages */ #content p { margin-bottom: 1em; } #content img { margin: 0.5em 7px 1.5em 0;} #content ul { margin-top: 1em; margin-bottom: 1em; margin-left: 1.2em; line-height: 1.7} #content ul ul{ margin-top: 0; margin-bottom: 0; margin-left: 2.2em; } #content li { list-style-type: disc; } #content .job-pdf { margin: 0; } #content .job-pdf li { list-style-type: none; padding: 0 0 0 23px; background: url(/images/icons/pdf.png) no-repeat 0 3px; } #quicknav img { margin: 20px 10px 20px 0; } #kontakt li { list-style-type: none; } #sok ul { margin-bottom: 2em; } ul.partners { margin: 10px 0 0 18px; } /* footer */ #footer { clear: both; border: 1px solid #9c9c9c; border-left: none; border-right: none; width: 866px; font-size: 1.2em; color: #26160c; text-align: left; padding: 8px 0 8px 0; } #footer p { padding-left: 26px; } #footer p.om-webbplatsen { float: right; margin-right: 25px; } #footer p img { margin: 2px 0 -2px 5px; } #footer a { font-size: 12px;} /* search */ #results th { font-size: 1em; } #results td { font-size: 1em; } #content .paginate { clear: both; margin-bottom: 30px; } div.default select { font-size: 1em; margin: 3px 0} div.search_button input { font-size: 1em; margin: 20px 0 0 0; } /* @end */ /* @group Navigation */ /* navigation */ #navigation ul { width: 100%; } #navigation li { list-style-type: none; float: left; color: #fff; font-size: 14px; line-height: 40px; } #navigation li.parent-active a, #navigation li.active { background: #1975d1 url(/images/bg-nav-active.gif) repeat-x 0 0; } #navigation li a { color: #fff; height: 40px; padding-left: 12px; padding-right: 12px; font-weight: normal; text-decoration: none; display: block; float: left; font-size: 14px; } #navigation li.first a { padding-left: 30px; padding-right: 30px;} #navigation li a:hover { background: #1975d1; } #breadcrumbs p { font-size: 1.2em; margin: 10px 0 10px 30px; color: #666666;} #breadcrumbs a { text-decoration: none; } #breadcrumbs a:hover { text-decoration: underline; } /* subnav */ #subnav { margin-bottom: 20px } #subnav ul { font-size: 13px; color: #333333; border-bottom: 1px solid #dfdfdf; } #subnav li { margin: 0 0 5px 0; padding: 5px 0 0 25px; border-top: 1px solid #dfdfdf; } #subnav li a { text-decoration: none; display: block; font-size: 13px; } #subnav li a:hover { text-decoration: underline; } #subnav li.here a { color: #cc0099; } #subnav li.parent-here a { color: #cc0099; } #subnav li.parent-here li a { color: #333333; } #subnav ul ul { margin: 5px 0 -5px -25px; padding: 0; border-bottom: 0; font-size: 1em; background: #f0f0f0; } #subnav li li { margin: 0 0 5px 0; padding: 5px 0 0 25px; border-top: 1px solid #dfdfdf; color: #000; background: url(/images/bg-li-level2.gif) no-repeat 8px 10px;} #subnav li li.last { padding-bottom: 5px; } #subnav li.here li a { color: #333333; } #subnav li li.here { color: #333333; background: url(/images/bg-li-level3.gif) no-repeat 8px 9px; } #subnav li li.parent-here { color: #333333; background: url(/images/bg-li-level3.gif) no-repeat 8px 9px; font-weight: bold; } #subnav li li.parent-here li { color: #333333; font-weight: normal; } #subnav li li.here a { font-weight: bold; } #subnav ul ul ul { background: #fff; } #subnav li li li { background: none; font-size: 0.85em; margin: 0 0 2px 0; padding: 2px 0 0 25px; border-color: #ccc; } #subnav li li li.last { padding-bottom: 2px; } #subnav li li.here li a { color: #000; background: none; font-weight: normal;} #subnav li li li.here { background: url(/images/bg-li-level4.gif) no-repeat 6px 7px; font-weight: normal;} #subnav li li li.here a { color: #c09; background: none; font-weight: normal;} #subnav li li li li { margin: 0 0 5px 0; padding: 2px 2px 2px 40px; border-color: #ccc; } #subnav li li li.here li a { color: #000; } /* @end */ /* @group Sok */ #sok #content { width: 580px; } /* @end */ /* @group Sidebar */ #sidebar { min-height: 300px; } #sidebar h3 { margin-bottom: 0px; padding-left: 17px; } #sidebar p { padding-left: 17px; } #sidebar a { color: #003399; text-decoration: none; } #sidebar a:hover { text-decoration: underline; } #sidebar p.all { margin-bottom: 15px } #sidebar .all a { background: url(/images/bullet-arrow.gif) no-repeat 0 4px; padding-left: 12px; } #sidebar dl { margin: 10px 0 10px 2px; } #sidebar dt { color: #003399; margin-top: 10px; padding-top: 10px; padding-left: 15px; background: url(/images/sidebar-dottedline.gif) repeat-x top left;} #sidebar dt a { padding-left: 6px; } #sidebar dt img { padding-bottom: 1px; } #sidebar dd { padding-left: 15px; } #sidebar dd a { color: #000; } #sidebar dd p { padding: 0; } #sidebar .loc { background: url(/images/sidebar-dottedline.gif) repeat-x right bottom; padding-bottom: 5px; margin-bottom: 15px; } #sidebar .location { clear: left; margin-bottom: 15px; zoom: 1; min-height: 50px; } #sidebar .location.tel { background: url(/images/icon-tel.gif) no-repeat 10px -3px; } #sidebar .location.house { background: url(/images/icon-house.gif) no-repeat 10px -3px; } #sidebar .location.doc { background: url(/images/icon-doc.gif) no-repeat 10px -3px; } #sidebar .location.email { background: url(/images/icon-email.gif) no-repeat 10px -3px; } #sidebar .location h4 { margin-left: 52px; padding:0; font-weight: bold; } #sidebar .location p { margin-left: 52px; padding:0; font-size: 0.95em; margin-bottom: 1em;} #sidebar .location.house p { padding-top: 0px; padding-bottom: 0px;} #sidebar .location img { vertical-align: middle; cursor: help; margin-left: 2px; } #sidebar .location ul { margin: 0 0 30px 52px; } #sidebar .location li { margin: 0 0 1em 0; } #sidebar .places img { margin: 20px 0 0 5px; } #sidebar .places p { margin: 0 0 1em 0; font-size: 0.9em;} #sidebar .places p a { background: url(/images/bullet-arrow.gif) no-repeat 0 4px; padding-left: 12px; } #sidebar .hr { border: 0; background: url(/images/sidebar-dottedline.gif) repeat-x; margin: 5px 0 15px 2px; height: 2px; } #sidebar hr { display: none; } #sidebar .enhet_sidebar_box { padding: 10px 10px; margin: 20px; text-align: center; display: block; background-color: #2C6D24; color: #fff; font-size: 14px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} /* @end */ /* @startpage Classes */ #new_start .block, #vardcentral .block { margin-bottom: 10px; } #new_start .block img, #vardcentral .block img { margin: 0; } #new_start ul#start_links, #vardcentral .block .left_col, #vardcentral .block .information, #new_start .block .left_col { float: left; width: 260px; margin: 0; padding: 0; margin-right: 15px; } #new_start ul#start_links li { list-style-type: none; margin: 0; padding: 0; margin-bottom: 9px; background: #00529B url(/images/corners-small.png) 0 bottom no-repeat;} #new_start ul#start_links li.nolink, #new_start ul#start_links li a, #vardcentral .heading, #new_start .heading { font-size: 15px; font-weight: normal; padding: 7px 20px; text-decoration: none; display: block; line-height: 1.4em; background: #00529B url(/images/corners-small.png) 0 bottom no-repeat;} #new_start .heading.long, #vardcentral .heading.long { background: #00529B url(/images/corners-large.png) 0 bottom no-repeat; } #new_start ul#start_links li.nolink { font-size: 14px; padding: 22px 15px 22px 20px; } #new_start ul#start_links li a { background: transparent url(/images/start-arrow.png) 20px center no-repeat; padding-left: 40px; font-size: 14px;} #new_start ul#start_links li a:hover { opacity: 0.8; filter: alpha(opacity = 80);} #vardcentral .heading, #new_start .heading { background-color: #00529B; color: #fff;} #vardcentral .block .right_col, #new_start .block .right_col { float: left; width: 520px;} #new_start ul#news_listing { margin: 0; padding: 0; } #new_start ul#news_listing li { list-style-type: none; margin: 0; padding: 5px 10px; line-height: 1.4em; } #new_start ul#news_listing li a { color: #525353; font-weight: bold; font-size: 13px;} #new_start ul#news_listing li .date { display: block; color: #3668aa; font-size: 11px;} #new_start #content { padding-bottom: 0px; border-bottom: 1px solid #DDDDDD; } #new_start a.read_more, #vardcentral a.read_more, #new_start ul#news_listing li a.read_more, #vardcentral ul#news_listing li a.read_more { float: right; color: #3668aa; text-decoration: none; font-size: 12px; font-weight: normal; } #new_start a.read_more:hover, #new_start ul#news_listing li a.read_more:hover { text-decoration: underline;} #new_start .focus { padding: 15px 0 5px 0; border-bottom: 1px solid #ddd; overflow: hidden; } #new_start img { float: left; margin-bottom: 10px; } #new_start .inner { float: left; width: 250px; margin-left: 15px; } #new_start .inner h3 { margin: 0 0 5px 0; font-size: 16px; } #new_start .inner p { color: #58585a; margin-bottom: 5px; } #new_start table.icons { float: right; } #new_start table.icons td { vertical-align: bottom; padding-right: 35px } /* @end */ /* @group Classes */ div.message { background: #eee; padding: 15px 15px 5px 15px; border: 1px solid #ccc; margin-bottom: 30px; } #content img.left { /* float: left; margin: 5px 25px 25px 0px; */ } #content img.right { float: right; margin: 5px 0 0.5em 25px; } #content img.justify { display: block; text-align: center; margin: 1.8em auto; } p.caption { clear: both; font-size: 0.9em; margin-top: -1.5em; padding-bottom: 1em } p.caption.right { clear: both; font-size: 0.9em; margin-top: -1.5em; padding-bottom: 1em; text-align: right; } p.caption.justify { clear: both; font-size: 0.9em; margin-top: -1.5em; padding-bottom: 1em; text-align: center; } .arrow { background: url(/images/bullet-arrow.gif) no-repeat 0 4px; padding-left: 12px; } .news { clear: both; margin: 20px 0 40px 0; } .location { clear: both; margin: 20px 0 40px 0; } /* vcard */ .vcard .type { display: none; } .vcard .fn { font-weight: normal; } .vard .hide { display: none; } a.savevcard { padding: 3px 0 3px 22px; background: url(/images/icons/vcard_add.png) left center no-repeat; } /* @end */ #vardcentral { } #vardcentral h3 { margin-top: 0; margin-bottom: 0px; } #vardcentral .left_col.border, #vardcentral .information.border { width: 227px; padding: 10px 12px; background: transparent url(/images/middle.gif) 0 0 repeat-y; position: relative;} #vardcentral .left_col.border .top, #vardcentral .information.border .top { height: 9px; background: transparent url(/images/top.gif) 0 0 repeat-y; margin-left: -12px; margin-top: -10px; margin-right: -12px; margin-bottom: 8px;} #vardcentral .left_col.border .bottom, #vardcentral .information.border .bottom { height: 9px; width: 251px; background: #fff url(/images/bottom.gif) 0 0 repeat-y; position: absolute; bottom: 0; left: 0; } #vardcentral .left_col.border h3, #vardcentral .information.border h3 { margin-bottom: 8px; } #vardcentral .information { min-height: 258px;} #vardcentral a.important_link { display: block; padding-top: 10px;} #vardcentral .left_col.border span { display: block; font-size: 12px;} #vardcentral .nice-to-know { padding: 0 0 0.5em 1.2em; margin-bottom: 0.5em; } #vardcentral .left_col { min-height: 160px;} #vardcentral .left_col.matrix-columns { width: 251px; } #vardcentral .left_col.matrix-columns .heading { background-image: url(/images/corners-smaller.png);} #vardcentral ul#news_listing { margin: 0; padding: 0; } #vardcentral ul#news_listing li { list-style-type: none; margin: 0; padding: 5px 10px; line-height: 1.4em; } #vardcentral ul#news_listing li a { color: #525353; font-weight: bold; font-size: 13px;} #vardcentral ul#news_listing li .date { display: block; color: #3668aa; font-size: 11px;} #vardcentral-sub h2 { font-size: 20px;} #vardcentral-sub #sidebar p { margin-bottom: 10px; font-size: 12px;} #vardcentral-sub #sidebar img { cursor: default;} #vardcentral-sub #sidebar img { cursor: pointer;}