html, body { height:100%; margin:0; padding:0 }
body { color:#3c3625; font-size:1em; font-family:Arial,Helvetica,Verdana,sans-serif; font-style:normal; line-height:140%; background:#221f1a url(../images/body_background.png) repeat-x fixed left top }
hr { border:1px solid #cdc9be }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.hide {text-indent:-9999px;height:1px;font-size:1px;line-height:1px;padding:0;margin:0;background:none;}
.printlogo { display:none; }
/*-------------------------------------------+
| |
| TYPOGRAPHY |
| |
+-------------------------------------------*/
p { font-size:80%; margin:0 0 0.8em; line-height:120%; padding:0 }
.nopad { padding:0; margin:0 }
a,a:link,a:visited { color:#00ABDA; text-decoration:none }
a:hover { text-decoration:underline }
a img { margin-top:80px; border:0 }
a.link_important,a.link_important:link,a.link_important:visited { color:#d37500 }
h1 { color:#00ABDA; font-size:120%; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; line-height:130%; width:100%; margin:0 0 0.5em; padding:0 0 0.5em; border-bottom:1px solid #cdc9be }
h1.no_underline { border-bottom:none }
h2,h3 { color:#00ABDA; font-size:90%; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; line-height:130%; padding:0.5em 0 0.25em; margin:0 }
h4 { font-size:90%; font-family:arial,verdana,helvetica,sans-serif; font-weight:bold; margin:0.5em 0 0.2em }
h5 { font-size:90%; font-family:arial,verdana,helvetica,sans-serif; font-weight:normal; line-height:120%; padding:0 0 0.3em 0; margin:0 }
h5 a { background:url(../images/hexagonArrow.gif) no-repeat left center; margin:2px 0; padding:2px 0 2px 25px }
h5 a:hover { background:url(../images/hexagonArrowON.gif) no-repeat left center; margin:2px 0; padding:2px 0 2px 25px }
h6 { color:#a6a186; font-size:9px; font-weight:bold; line-height:150%; float:left; margin-top:10px; margin-bottom:10px; margin-right:10px }
blockquote { margin:0; padding:0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.loud { font-size:1.2em; }
.smalltext { font-size:0.6em; font-style:italic;}
/*-------------------------------------------+
| |
| MAIN STRUCTURE STYLES |
| |
+-------------------------------------------*/
#pageWrapper { position:relative; width:980px; margin:0 auto }
#contentWrapper { position:relative; float:left; width:950px; height:auto; min-height:600px; padding:10px 10px 20px 10px; line-height:120%; background-color:#fff; margin:10px 0 15px; border:solid 5px #cdc9be }
/*
#banner { margin-top:0; width:930px; height:200px; float:left; padding:0 10px 10px; z-index:1 }
*/
#banner_home { width:930px; height:200px; float:left; margin:-20px 10px 0; padding:0; overflow:hidden; background: url(../images/banner_bg.gif); }
#banner_home img { width:930px; height:200px; top:0; left:0 }
#banner_home a img { border:0; padding:0; margin:0 }
#banner { width:930px; height:200px; margin:0 0 10px 10px; padding:0; float:left; overflow:hidden; }
#banner img { width:930px; height:200px; top:0; left:0; margin:0; }
/*-------------------------------------------+
| |
| NAVIGATION |
| |
+-------------------------------------------*/
#globalnav{position:relative;width:auto;margin:10px; float:right;}
#globalnav li{float:left;list-style:none;font-size:0.7em;padding-right:1em;}
#globalnav li:after{content:"|";padding-left:1em;color:#cdc9be}
#globalnav a, #globalnav a:link, #globalnav a:visited {color:#d9d5d0;font-weight:bold;}
#globalnav a:hover, #globalnav a:active, #globalnav a:focus, #globalnav a.active {color:#fff; text-decoration:underline;}
#lang_sv a {padding: 0 0 0 22px; background:url(../images/flag_sv.gif) 0 50% no-repeat}
#lang_en a {padding: 0 0 0 22px; background:url(../images/flag_en.gif) 0 50% no-repeat}
/* allmän höjd regel - ändra detta för olika höjdar 'em' bättre för scalability */
#menu_container,#menu a,#menu a:visited{height:2.6em}
/* height måste = line-height för text att vara centrerad */
#menu a,#menu a:visited{line-height:2.6em}
#menu a,
#menu a:visited,
#menu li ul li a:hover,
#menu li ul li a:active,
#menu li ul li a:focus,
#menu li ul li a
{width:154px}
#menu_container {
width: 940px;
margin: auto;
font-size: 70%;
margin: -11px 0 21px 10px;
position: relative;
z-index:100;
}
#menu,#menu ul{padding:0;margin:0;list-style-type:none}
/* ----------------- 1:e nivå knappar -----------------------*/
#menu a,#menu a:visited {
display: block;
font-size: inherit;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight:bold;
text-decoration: none;
color: #fff;
background: #00ABDA url(../images/menu_button_bg.gif) repeat-x left center;
border-right: 1px solid #096e82;
}
.first{border-left:1px solid #096e82}
#menu a.active {
color: #fff;
background: #008f96 url(../images/button_bg_active.gif) repeat-x left center;
}
/* ------------- 1:e nivå rollover ----------------- */
#menu li a:hover,
#menu li a:active,
#menu ul li a:hover,
#menu ul li a:active{background:#00ABDA;background-image:none;color:#fff;}
/* --------------- 2:e nivå 'dropdown' styles ------------ */
#menu li ul li a,
#menu li ul li a:visited {
color: #00ABDA;
background: #fff;
text-align: left;
border: 1px solid #d9d8d6;
border-top: 0;
text-indent: 10px;
font-weight:normal;
}
/* --------------- 2:e nivå 'dropdown' rollover ------------ */
#menu li ul li a:hover,
#menu li ul li a:active,
#menu li ul li a:focus{background:#00ABDA;color:#fff}
/* Förbereda list elementerna */
#menu li{float:left}
/* For Non-IE browsers and IE7 */
#menu li:hover,
#menu li:active,
#menu li:focus{position:relative;background:#00ABDA;background-image:none;color:#fff;}
/* gör så att 'dropdown' styles fortsätt genom alla under nivåer */
#menu li:hover > a {color:#fff;background:#00ABDA;}
/* Set up the sublevel lists with a position absolute for fly and overrun padding. */
#menu li ul {display:none}
/* att göra undermeny listor kortare */
#menu li ul li a:link {height:2.6em;line-height:2.6em}
/* för att positionera och gör synlig 3:e nivå 'flyout' menyer */
#menu li:hover > ul{display:block;position:absolute;top:0;left:0;padding:0;background:transparent}
/* positionera hela den 2:e nivå 'dropdown' under 1:e nivå länkar */
#menu > li:hover > ul {left:-1px;top:2.6em}
/* top skulle vara samma som height i första regel */
/* slänga tabell styles som behövs för IE */
#menu table{position:absolute;border-collapse:collapse;top:0;left:0;z-index:100;font-size:1em}
/* För accessibility av 1:e nivå meny om användaren använda TAB knapp istället */
#menu li a:active,#menu li a:focus{background:#fff;color:#00ABDA}
/* ---------------------- Klasser ---------------------- */
/* 1:e nivå meny punkter */
#menu .sjunk{text-align:center;}
/* att markera 2:e nivå meny punkter som har submenyer */
#menu a.ut{font-weight:normal; background:#fff url(../images/meny_pil.gif) 140px center no-repeat;}
/* 2:e nivå meny punkter som är först i listan */
#menu li a.omge, #menu li a.omge:visited { border-top:1px solid #d9d8d6 }
/* ***************** SUBMENY STYLING ***************** */
/* behålla 3:e+ nivåer gömde när man rollover 1:e nivå */
#menu li :hover ul ul{visibility:hidden}
/* visa och positionera under nivåer när man rullar över nivå ovan */
#menu li :hover ul,
#menu li :hover ul :hover ul,
#menu li :hover ul :hover ul :hover ul{visibility:visible;top:0.5em;margin-left:154px}
/* för sista elementen */
#menu li.last ul {left:-308px}
/* ------------------- bullet lists ------------------ */
.bullets1 {
margin: -0.25em 0 0 0;
padding: 0 0 10px;
line-height: 120%;
}
/*.bullets1 ul {
font-size: 80%;
padding: 0;
margin: 0;
list-style-position: outside
}
*/
.bullets1 li {
font-size: 80%;
background: url(../images/bullet.png) no-repeat left 6px;
padding: 0 0 0 12px;
margin: 5px 0 0;
list-style-type: none;
list-style-position: outside
}
/* ------------------- content styling ------------------ */
#content { float:left; background-color:#fff; width:600px; height:auto; line-height:140%; text-align:left; padding-bottom:10px; margin:10px 20px 20px 30px; border-bottom:1px solid #cdc9be }
#admincontent { float:left; background-color:#fff; width:600px; height:auto; line-height:140%; text-align:left; padding-bottom:10px; margin:10px 20px 20px 30px; border-bottom:1px solid #cdc9be }
#contentListLink ul { margin:0 0 5px -10px; list-style-type:none; list-style-position:outside; display:block }
#contentListLink li { padding-left:12px; background-repeat:no-repeat; background-position:0 0.5em; list-style-position:outside; display:block }
#internalImg { margin-bottom:15px; padding:10px; float:right; clear:right }
#rightColumn { position:relative; float:right; width:220px; height:auto; margin:10px 20px 10px 0; padding:0 0 0 12px; background:#dfddd0 url(../images/bg_rightColumn_body.gif) repeat-x left bottom }
#rightColumn p { color:#3c3725; font-size:11px; line-height:150%; text-align:left; font-weight:normal; padding:5px 12px 5px 0 }
#rightColumnList { margin-left:0; list-style-type:none; list-style-image:none; list-style-position:outside; display:inline }
#rightColumnList li { padding-left:12px; background-repeat:no-repeat; background-position:0 0.5em; padding-right:12px; display:block }
#rightColumn a { font-weight:bold; text-decoration:underline }
#rightColumn img { border:solid 1px #3c3625; margin:10px 0; padding:0 }
#rightColumn a:link { color:#0fb1d0; text-decoration:underline; margin:0; padding:0 }
#rightColumn a:hover { color:#0fb1d0; text-decoration:none; margin:5px 0 0; padding:0 }
div.colheader { background:#3c3725 url(../images/bg_rightColumn_header.gif) repeat-x left bottom; width:208px; margin:0 0 5px -12px; padding:7px 12px 18px 12px; color:#ffffff; font-size:100%; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:normal; line-height:130% }
.rightImage { position:relative; float:right; width:220px; height:auto; margin:20px 20px 20px 0; padding:0 }
/*---- nyhetsarkiv ----*/
#newsarchive_col { position:relative; float:right; width:220px; height:auto; margin:10px 20px 10px 0; padding:0 12px; background:#f4f5f4; border-top:10px solid #e4e5e2; border-bottom:10px solid #e4e5e2 }
#newsarchive_col h4 { font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold }
#newsarchive_col ol { margin:0; padding:0 }
#newsarchive_col ol li { list-style-type:none; float:left; padding:0.5em }
/* ----------------- Tables ----------------- */
div#content table { /* keep selector "div#content" in otherwise menu falls apart in ie6 */
width:100%; font-size:70%; line-height:140%; margin:0; border-collapse:collapse }
div#content th { width:100px; padding:10px 0 10px 0; vertical-align:top; text-align:center; font-weight:bold }
div#content td { width:100px; padding:0; vertical-align:top; text-align:center; font-weight:normal }
div#content tr { padding:0 }
/* ----------------- AdminTables ----------------- */
div.admintable table { /* keep selector "div#content" in otherwise menu falls apart in ie6 */
width:100%; font-size:70%; margin:0; border-collapse:collapse }
div.admintable th { width:100px; vertical-align:bottom; font-weight:bold }
div.admintable td { width:100px; padding:0; vertical-align:bottom; font-weight:normal }
div.admintable tr { padding:0 }
/* ----------------- other classes ----------------- */
.pic_title { font-size:0.7em; padding:1em 0 }
.divider { /* creates horizontal dividing line above text with this class */
padding-top:0.5em; border-top:1px solid #cdc9be }
.dividerbottom { /* creates horizontal dividing line above text with this class */
padding-bottom:0.5em; border-bottom:1px solid #cdc9be }
.ingress { font-size:90%; font-family:arial,verdana,helvetica,sans-serif; font-weight:bold; margin:0 0 1em; line-height:120% }
.twoColFloat { width:40%; padding-right:30px; float:left }
.fullWidth { float:left; width:100%; clear:both }
.halfWidth { float:left; width:50%; clear:both }
.floatLeft { float:left; padding-right:40px }
.floatRight { padding-left:40px; float:right }
.floatRight_produktikon { padding-left:40px; margin-top:10px; float:right }
.floatNone { padding-left:40px; float:none }
.clearRight { clear:right }
.clearBoth { clear:both }
.center { margin-left:60px }
.logo { /* for logo arrays with no text,eg "Industri:Kunder" */
width:25%; float:left; padding-right:50px; text-align:center; vertical-align:middle; height:100px; padding-top:40px; margin:0 }
.nomargin { margin:0 }
.divider_fullwidth { width:100%; clear:both; padding-top:15px; border-top:1px solid #cdc9be }
#adminbanner { text-align:center; margin-top:10px }
a.rss {
display: inline;
float: right;
padding: 0 0 0 17px;
margin: 0;
background: url(../images/icon_RSS.png) 0 50% no-repeat;
position:relative;
top: 20px;
}
/*-------------------------------------------+
| |
| ICONER |
| |
+-------------------------------------------*/
.icon_produkt { padding-top:1em; border-top:1px solid #cdc9be; border-right-style:none; border-bottom-style:none; border-left-style:none; background:url(../images/icon_component.gif) no-repeat left center; padding-left:22px }
.icon_pdf { background:url(../images/pdf.gif) no-repeat left center; padding:2px 2px 2px 22px }
.icon_email { background:url(../images/icon_email.gif) no-repeat left center; padding:2px 2px 2px 22px }
.icon_phone { background:url(../images/icon_phone.gif) no-repeat left center; padding:2px 2px 2px 22px }
.icon_person { background:url(../images/icon_person.gif) no-repeat left center; padding:2px 2px 2px 22px }
.icon_people { background:url(../images/icon_people.gif) no-repeat left center; padding:2px 2px 2px 22px }
.icon_printer { background:url(../images/icon_printer.gif) no-repeat left center; padding:2px 2px 2px 22px }
.icon_world { background:url(../images/icon_world.gif) no-repeat left center; padding:2px 2px 2px 22px }
.icon_back { background:url(../images/arrow_left.gif) no-repeat left center; float:left; padding-right:20px; padding-left:16px }
.icon_forward { background:url(../images/arrow_right.gif) no-repeat right center; padding-right:20px; padding-right:16px }
.admin_new { background:url(../images/icon_new.gif) no-repeat left center; padding:2px 2px 2px 22px }
.admin_list { background:url(../images/icon_list.gif) no-repeat left center; padding:2px 2px 2px 22px }
.imagepad { text-align:center; padding:20px }
.headShot { margin-bottom:10px; border-color:#a29680; border-width:2px }
#knapp_industri,
#knapp_infrastruktur,
#knapp_fastighet { color:#fff; font-size:100%; float:left; width:129px; height:108px; margin:20px 10px; text-align:center; background-color:#0c8da6; font-weight:bold; line-height:100px; text-transform:uppercase }
#knapp_industri { background:url(../images/btn_industri.png) no-repeat left top }
#knapp_infrastruktur { background:url(../images/btn_infrastruktur.png) no-repeat left top }
#knapp_fastighet { background:url(../images/btn_fastighet.png) no-repeat left top; line-height:15px; padding-top:42px }
/*-------------------------------------------+
| |
| HEMSIDA |
| |
+-------------------------------------------*/
#homepage .fullCol { margin:0 10px }
#homepage .fullCol, #homepage .halfCol { padding:20px; float:left;}
#homepage .fullCol {width:890px}
#homepage .halfCol {width:430px}
#hemRuta01, #hemRuta02, #hemRuta03, #hemRuta04 { }
#hemRuta00, #hemRuta01 { background:#fff }
#hemRuta01 h2 { font-size:1.1em; padding-bottom:0.1em; }
#hemRuta01 p { font-size:1em; line-height:140% }
#hemRuta02 { margin:0 0 0 10px; padding:0; background:#4d4a46; height:165px; color:#fff; }
#hemRuta02 a { color:#dad3cc }
#hemRuta02 a:hover { color:#fff; text-decoration:none; }
#hemRuta02 h2 { display:inline; float:left; width:auto; font-size:0.8em; margin:0; padding: 0; }
#hemRuta02 a.rss { display:inline; float:right; padding: 0 1em 0 17px; margin:0; background:url(../images/icon_RSS.png) 0 50% no-repeat; top:0; }
#hemRuta02 ul {width:390px; position:relative; margin:20px 0 0 0; padding:0; background:#4d4a46}
#hemRuta02 li{font-size:0.8em;line-height:120%;padding:10px;color:#fff;width:100%;list-style:none;list-style-position:inside;position:absolute;height:auto;top:0;left:0;overflow:hidden; }
a.aaa img { float:right; padding:0 0 0 20px; margin:0; }
#hemRuta02 .hovered { background:none; }
#ticker { background:#4d4a46 }
#ticker li .NewsTitle { font-weight:bold; margin-bottom:0.5em; display:block; }
#ticker li .NewsTitle a:link, #ticker li .NewsTitle a:visited
{ color: #fff; font-weight:bold; margin-bottom:0.5em; text-decoration:none }
#ticker li .NewsTitle a:hover { text-decoration:underline }
#ticker li .NewsFooter{ display:block; margin:0.5em 0; font-size:0.8em; }
#otherstories { margin-top: 150px; padding:10px; font-size:0.8em;}
#otherstories hr { color:#595651; background:#595651; height:1px; border:0; }
#otherstories .smalldate a:hover, #otherstories .smallstory a:hover { text-decoration:none }
#otherstories .smalldate a { font-weight: bold; color:#98958b; padding:0; margin:0 }
#otherstories .smallstory a { color:#fff }
#hemRuta03 { position:relative; background:#fff url(../images/peter_holding_hagman_hem.jpg) top right no-repeat; height:165px; left:-10px }
#hemRuta03 blockquote, #hemRuta03 cite, #hemRuta03 p { margin:0 80px 0 0; }
#hemRuta03 blockquote { width:290px; font-size:1em; line-height:130%; padding-bottom:0.25em; }
#hemRuta03 cite { width:290px; font-size:0.8em; line-height:120%; }
#hemRuta03 p { padding:0.5em 0 0; }
#hemRuta04 { background:#f1efec url(../images/bg_footer.gif) 0 0 repeat-x; text-align:center; margin-bottom:20px; }
#hemRuta04 p { font-size:0.75em; padding:0.25em 0 0.25em; margin:0; }
/* --------------------- Filmer --------------------- */
#film { padding:10px }
/* --------------------- Footer --------------------- */
#footer { float:left; position:relative; width:100%; clear:both; height:auto; margin: 0; padding:0 0 30px 0; text-align:center; font-size:0.8em; }
#footer a, #footer a:link, #footer a:visited { color:#3c3625 }
#footer a:hover, #footer a:active { text-decoration:underline; }
/* ------------------------- Sitemap styles ------------------------ */
#sitemap { font-family:Arial,Helvetica,Verdana,sans-serif; text-decoration:none; list-style:none; display:inline; white-space:normal }
#sitemap a { text-decoration:none; list-style:none; list-style-position:outside }
#sitemap ul { padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0 }
#sitemap ul a { font-weight:bold; list-style:none; font-size:100%; margin:0; padding:0 }
#sitemap li,#sitemap li a { color:#3c3625; list-style:none; font-weight:bold; font-size:95%; margin:0; padding:0; padding-left:2px }
#sitemap li a:hover { color:#db7c16; margin-left:2px }
#sitemap ul li a { color:#847c67; list-style:none; font-weight:bold; margin-left:-20px; padding:0 }
#sitemap ul li a:hover { color:#db7c16; list-style:none; font-weight:bold; margin-left:-18px; padding:0 }
#sitemap ul li ul li a { color:#00ABDA; list-style:none; font-weight:bold; margin-left:-40px; padding:0 }
#sitemap ul li ul li a:hover { color:#db7c16; margin-left:-38px; font-weight:bold; padding:0 }
#sitemap ul li ul li ul li a { list-style:none; font-weight:normal; margin-left:-60px; padding:0 }
#sitemap ul li ul li ul li a:hover { color:#db7c16; list-style:none; font-weight:normal; margin-left:-58px; padding:0 }
/*-------------------------------------------+
| |
| FORMS |
| |
+-------------------------------------------*/
form { padding: 0; background: none }
fieldset { padding: 20px 20px 0 20px; border: none; background: #f2efe7; }
legend { font-size: 100%; font-family: Arial,Helvetica,Verdana,sans-serif; font-weight:normal; color:#3c3725; padding:0; margin:0 }
/* 2:e nivå */
fieldset fieldset { border-bottom:1px solid #cdc9be; }
fieldset fieldset legend { font-size: 90%; width: 100%; padding-top:1em; color:#3c3725; }
fieldset.first, fieldset fieldset legend.first { padding-top:0; }
/* 3:e nivå */
fieldset fieldset fieldset { border-bottom:0; padding:10px 0; margin: 0 0 10px 10px; }
fieldset fieldset fieldset legend { width: 100%; padding-top:0; font-size: 85%; color:#3c3725; }
label {
display: block;
float: left;
margin-bottom: 1em;
padding-right: 1em;
width: 120px;
text-align: left;
font-size: 80%;
line-height:120%;
}
label.radio_label { width:40px; font-weight: normal; }
input, select, textarea {
width:200px;
display: block;
float:left;
margin: 0 1em 1em 0;
font-family: Arial,Verdana,Helvetica,sans-serif;
}
textarea { font-size:80%; }
input.radio { width:auto; }
input.thin, select.thin { width: 80px }
fieldset.submit_btn { border-bottom:0; padding:10px; width:auto; margin-left:145px;}
input.submit, input.reset {
font-weight: bold;
width: auto;
height:30px;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
width:auto;
padding:0 26px;
}
input.submit { background: #2e9fb4 url(../images/button_submit_bg.gif) 0 center repeat-x; border:1px solid #096e82; }
input[type="submit"]:hover { background-image:none; background-color:#278799 }
input.reset { background: #777 url(../images/button_reset_bg.gif) 0 center repeat-x; border: 1px solid #7d6f62; }
input[type="reset"]:hover { background-image:none; background-color:#555555 }
p.error { margin:0; }
.error, label.error { font-weight: bold; color:#d37500 }
input.error, select.error, textarea.error { border: 2px solid #d37500; }
form br {clear:left}
form hr{background:#ccc;width:100%;height:1px;margin:0 0 1em 0;}