﻿body { font-family: arial, sans-serif; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; margin: 0px; }

a { text-decoration: none; color: #2461AA; }

a:visited a:active a:link { text-decoration: none; color: #2461AA; }

a:hover { text-decoration: none; color: #000000; }

a:hover { text-decoration: underline; }

#wrapperDiv { background-image: url(../images/wrapperBackground.jpg); background-repeat: repeat-y; background-position: top center; margin: 0px; padding: 0px; }

h1 { color: #2461aa; font-size: 2.3em; line-height: 1em; margin: 0px; padding: 24px 0px 20px 0px; }

h2 { color: #2461aa; font-size: 2em; line-height: 1em; margin: 0px; padding: 10px 0px 5px 0px; }

.faqDiv p { line-height: 1.5em; }

h3 { font-size: 18px; line-height: 1em; margin: 0px; padding: 10px 0px 5px 0px; }

h4 { font-size: 16px; line-height: 16px; margin: 0px; padding: 5px 0px 5px 0px; }

p { line-height: 2em; margin: 0px; }

p.indented { text-indent: 35px; }

ul { margin: 0px; padding-left: 25px; /* Firefox sätter padding-left automatiskt. */ padding-bottom: 10px; }

li { margin: 0px; padding-left: 0px; list-style: none; }

img { border-style: none; }

/* Den här är till för att gömma texten på checkboxar i admin så jag kan använda deras textatribut för att spara id i, eftersom de inte har commadnargument. */
.hideMyTextPleaseIDontWantItAnymore label { display: none; }

.hidden { visibility: hidden; }

.underscore { text-decoration: underline; }

.ruta h3 { color: #2461AA; padding-bottom: 15px; text-transform: uppercase; }

a.blockLänk { display: block; margin: 0px; text-transform: uppercase; font-family: Verdana, Sans-Serif; font-size: 11px; text-decoration: none; }

input.paddedButton { padding: 5px 0px 5px 0px; }

#topDiv { height: 104px; background-image: url(../images/topBg.png); }

#topWrapperDiv { width: 976px; position: relative; float: none; margin: 0px auto 0px auto; /*height:104px;*/ height: 72px; padding-top: 10px; }

#contentDiv { width: 976px; position: relative; float: none; margin: 0px auto 0px auto; /*height:593px;*/ text-align: left; }

* html #contentDiv { margin: 0px auto; width: 980px; }

#contentDiv ul { padding-top: 8px; }

#contentDiv li { padding-bottom: 10px; }


#logoDiv { float: left; width: 202px; margin-top: 20px; }

#flaggDiv { float: left; margin: 0px; width: 774px; height: 19px; }

#flaggDiv #flagga1 { margin: 0px 5px 0px 0px; }

#flaggDiv #flagga2 { margin: 0px 0px 0px 5px; }

#footerDiv { margin: 0px auto; text-align: center; color: #666666; font-family: arial, sans-serif; font-size: 12px; height: 188px; background-image: url(../images/footerBackground.jpg); background-repeat: no-repeat; background-position: top center; clear: both; }

#footerDiv .p { padding-top: 40px; margin: 0px; line-height: 2em; }

#footerDiv .a { color: #666666; text-decoration: none; display: inline; }

#footerDiv a:hover { text-decoration: underline; }

#scrollerDiv { width: 19px; float: left; padding: 30px 0px 0px 30px; }

#scrollerDiv2 { width: 19px; float: left; padding: 30px 0px 0px 30px; }

#scrollThisDiv { width: 220px; float: left; }



/* Startsidan ska inte ha någon bild på footern och den har en fast bakgrundsbild på sin wrapper. */
#startsida #footerDiv { background-image: none; }

#startsida #wrapperDiv p { padding-top: 12px; }


#startsida #wrapperDiv { background-image: url(../images/bodyBg.jpg); background-repeat: no-repeat; background-position: center top; }

#startsida #flashDiv { width: 976px; height: 359px; float: left; }

#startsida #startKnappar { padding-bottom: 20px; height: 80px; width: 540px; float: left; }

#startsida #divUnderFlashDiv { width: 976px; /*height:170px;*/ float: left; }

#startsida #divUnderDivUnderFlashDiv { width: 976px; float: left; text-align: center; padding-bottom: 10px; }

#startsida #divUnderDivUnderFlashDiv p { line-height: 1.5em; font-size: 11px; color: #444; }
#startsida #kundtjänstlänkDiv, #startsida #kundzonlänkDiv, #startsida #företaglänkDiv { width: 167px; height: 80px; padding: 0px 19px 0px 0px; float: left; }

#startsida #företaglänkDiv { padding: 0px; }

#startsida #kundtjänstlänkDiv a, #startsida #kundzonlänkDiv a, #startsida #företaglänkDiv a { display: block; margin: 0px; text-transform: uppercase; font-family: Verdana, Sans-Serif; font-size: 11px; text-decoration: none; padding: 17px 0px 0px 15px; height: 63px; }

#startsida #kundtjänstlänkDiv a:hover { color: #204099; }

#startsida #kundzonlänkDiv a:hover { color: #cb5b00; }

#startsida #företaglänkDiv a:hover { color: #a76e32; }

#startsida #kundtjänstlänkDiv a span, #startsida #kundzonlänkDiv a span, #startsida #företaglänkDiv a span { text-transform: none; }

#startsida #kundtjänstlänkDiv a { background: url(../images/kundtjänstStartknapp.png) no-repeat; color: #2461aa; width: 152px; }

#startsida #kundzonlänkDiv a { background: url(../images/kundzonenStartknapp.png) no-repeat; color: #fb6a00; width: 152px; }

#startsida #företaglänkDiv a { background: url(../images/företagetStartknapp.png) no-repeat; width: 153px; color: #cf903e; }

#startsida #företaglänkDiv { width: 168px; }

#leftContentDiv, #rightContentDiv, #partnersLeftContentDiv, #partnersRightContentDiv, #kundtjänstLeftContentDiv, #kundtjänstRightContentDiv { float: left; }

#leftContentDiv { width: 506px; height: 483px; margin: 0px; padding: 0px; }

#personalen #leftContentDiv, #kontakt #leftContentDiv { padding: 15px 0px 0px 15px; width: 486px; height: 580px; }

#personalen #rightContentDiv { padding: 0px 24px 0px 24px; width: 422px; height: 595px; }

.smallPersonalDiv { width: 115px; height: 105px; float: left; text-align: center; margin: 0px 5px 8px 0px; position: relative; }

.smallPersonalDiv a { color: #000; text-decoration: none; font-family: Verdana, Arial, Sans-Serif; font-size: 9px; display: block; width: 115px; height: 105px; position: relative; text-align: center; }

/* Företaget */

/* En bild på företagssidan gör att en annan bakgrund på footern behövdes, så att det ser ut som om bilden fortsätter ner i footern. 
#företaget #footerDiv
{
    background-image:url(../images/företagsfooter.jpg);
}
*/

#ledigaTjänster #footerDiv { background-image: url(../images/ledigatjansterFooter.jpg); }

#företaget #rightContentDiv { width: 430px; padding: 0px 20px 0px 20px; }


#företaget #footerDiv { background-image: url(../images/företagfooter.jpg); }

#företaget p { line-height: 1.5em; padding-bottom: 10px; }

/* Företaget slut */

/* Högra delen av personalsidan */

#personalBild { width: 420px; height: 279px; }

#personalText { color: #333333; }

#telDiv, #mailDiv { height: 30px; float: left; color: #2461aa; padding-top: 10px; }

#telDiv img, #mailDiv img, #telDiv p, #mailDiv p { float: left; }

#mailDiv a { color: #2461aa; float: left; }

#telDiv { width: 170px; }

#telDiv p, #mailDiv p { margin: 0px; padding: 8px 0px 0px 10px; line-height: 15px; }

#mailDiv img { padding-top: 2px; }

/* Högra delen av personalsidan slut */

/* Partnerssidan */

#partnerslänkar { height: 71px; width: 976px; }

#partnerslänkar a { margin: 0px; float: left; }

#partnersLeftContentDiv { width: 501px; height: 412px; }

#partnersRightContentDiv { height: 382px; width: 365px; padding: 30px 70px 0px 40px; }

#partnersRightContentDiv p { padding-top: 26px; line-height: 1.5em; }

#partnersRightContentDiv h1 { padding: 0px; }

/* Partnerssidan slut */


/* Kundtjänstsidan */

#kundtjänstLeftContentDiv { width: 489px; height: 483px; }

#kundtjänstRightContentDiv { height: 459px; width: 447px; padding: 24px 0px 0px 20px; }

#kundtjänstRightContentDiv p { padding-bottom: 25px; }

#kundtjänst #footerDiv { background-image: url(../images/kundtjänstFooter.jpg); }

a.kundtjänstButton { display: block; width: 216px; height: 30px; padding-top: 20px; background-image: url(../images/kundtjänstButton.png); text-align: center; vertical-align: middle; font-size: 11px; font-family: Verdana, Arial, Sans-Serif; text-decoration: none; color: #000; /*margin:0px 15px 15px 0px;*/ float: left; margin-bottom: 15px; }

.kundtjänstChat { display: block; width: 216px; height: 50px; float: left; margin-bottom: 15px; }

.marginRight { margin-right: 15px; }

/* Kundtjänstsidan slut */

/* Kontaktsidan */

#kontakt #rightContentDiv { height: 575px; width: 430px; padding: 24px 0px 0px 20px; }

#kontakt #leftContentDiv { padding: 15px 0px 0px 15px; width: 486px; height: 575px; }

#kontakt #leftContentDiv #kontaktText { width: 471px; padding: 10px 15px 0px 15px; float: left; }

#kontakt #leftContentDiv #kontaktText p { line-height: 1.7em; }

#kontakt h1 { padding: 0px 0px 16px 0px; }



/*
.btn
{
    color:#050;
    font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
    background-color:#fed;
    border:1px solid;
    border-color: #696 #363 #363 #696;
    filter:progid:DXImageTransform.Microsoft.Gradient
    (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
}

input.btnhov {
  border-color: #c63 #930 #930 #c63;
  }
  */

.textboxDiv { background-image: url(../images/textfieldBackground.png); width: 253px; height: 16px; padding: 8px 9px 13px 9px; background-repeat: no-repeat; background-position: top; }

.textBox { border: none; background-color: Transparent; height: 16px; width: 253px; }

.mediumTextboxDiv { background-image: url(../images/mediumTextfieldBackground.png); width: 253px; height: 113px; padding: 8px 9px 18px 9px; background-repeat: no-repeat; background-position: top; }

.mediumTextbox { border: none; background-color: Transparent; height: 113px; width: 253px; }

.storTextboxDiv { background-image: url(../images/bigTextfieldBackground.png); width: 412px; height: 190px; padding: 8px 9px 18px 9px; background-repeat: no-repeat; background-position: top; }

.storTextBox { border: none; background-color: Transparent; height: 190px; width: 412px; }

/* Kontaktsidan slut */

/* Huvudpartners */

#huvudpartner #rightContentDiv { width: 360px; height: 423px; padding: 60px 70px 0px 40px; }

#huvudpartner #rightContentDiv p { padding-top: 26px; line-height: 1.5em; }

/* Huvudpartners slut */


/* Kundzonen */

#kundzonen #contentDiv { height: 483px; background: url(../images/kundzonBackground.jpg); }

#kundloginDiv { width: 282px; height: 320px; padding: 24px 0px 0px 27px; background: url(../images/kundzonenLoginBackground.jpg) no-repeat; }

#loginButton { padding-top: 4px; }

#kundloginDiv h3 { color: #cf7205; padding-bottom: 10px; }

#kundloginDiv h3, #kundloginDiv p { padding-left: 5px; }

/* Kundzonen slut */


/* FAQ */

#FAQ #contentDiv, #videoinstruktioner #contentDiv, #larmet #contentDiv, #videoFAQ #contentDiv, #chat #contentDiv { background-image: url(../images/faqBackground.jpg); }


/* FAQ slut */

#FAQ #contentDiv, #videoinstruktioner #contentDiv, #larmet #contentDiv, #historia #contentDiv, #företagspresentation #contentDiv, #styrelsen #contentDiv, #ledigaTjänster #contentDiv, #videoFAQ #contentDiv, #chat #contentDiv { min-height: 483px; }

.faqBackground #contentDiv { background-image: url(../images/faqBackground.jpg); height: 483px; }

#larmet #rightContentDiv, #historia #rightContentDiv, #företagspresentation #rightContentDiv, #styrelsen #rightContentDiv, #ledigaTjänster #rightContentDiv { width: 430px; min-height: 483px; padding: 0px 20px 0px 20px; margin: 0px; }

/* Historia */
.ContentText { line-height: 1.5em; padding-bottom: 10px; }

.ContentText .BoldLink { color: #000000; font-size: 1.2em; font-weight: bold; }
.ContentText .BoldLink a:hover { text-decoration: none; }


.ContentTextPersonal { line-height: 1.5em; font-size: 11px; }



#frågorOchSvar #leftContentDiv { float: left; width: 474px; height: 469px; padding: 14px 0px 0px 15px; background-image: url(../images/frågorOchSvarLeftBackground.jpg); font-family: Verdana, Sans-Serif; font-size: 11px; }

#huvudkategoriDiv { width: 187px; height: 451px; padding-top: 3px; float: left; }

#subkategoriDiv { width: 266px; height: 452px; padding-top: 2px; float: left; }

.category, .categorySelected { display: block; width: 175px; height: 21px; padding: 8px 12px 0px 0px; text-align: right; font-size: 12px; color: #2461aa; }

a.category { }

a.category:hover, a.subcategory:hover, a.categorySelected:hover, a.subcategorySelected:hover { text-decoration: none; }

.category:hover { background-image: url(../images/categoryHover.png); color: #2461aa; }

.categorySelected { background-image: url(../images/categorySelected.png); font-weight: bold; }

.categorySelected:hover { color: #2461aa; }

.categoryAboveSelected { background: url(../images/categoryAboveSelected.png) right bottom no-repeat; }

.categoryBelowSelected { background: url(../images/categoryBelowSelected.png) right top no-repeat; }

.categoryHover { background-image: url(../images/categoryHover.png); }

.subcategory, .subcategorySelected { font-size: 12px; display: block; width: 247px; height: 22px; padding: 7px 10px 0px 10px; text-align: left; }

.subcategorySelected { background-image: url(../images/underkategoriSelected.png); }

.subcategory:hover { background-image: url(../images/underkategoriHover.png); }

.paddingBottom { padding-bottom: 10px; }

a.subcategory, a.subcategorySelected { color: #928f8f; }

.fråga, .aktiveradFråga { display: block; height: 18px; color: #000; font-size: 12px; font-family: Arial, Sans-Serif; padding-bottom: 7px; padding-left: 19px; background: url(../images/frågepil.png) left top no-repeat; line-height: 11px; }

a.aktiveradFråga { background: url(../images/frågepilAktiverad.png) left top no-repeat; color: #b9abb6; font-weight: normal; }

#frågorOchSvar #rightContentDiv { float: left; width: 485px; height: 483px; }

#frågorOchSvar #rightContentDiv #upperDiv { height: 395px; overflow: auto; padding: 12px 24px 0px 24px; }

#frågorOchSvar #rightContentDiv #lowerDiv { height: 76px; }

/*#frågorOchSvarLeftDiv h3, #frågorOchSvarRightDiv h3
  {  
    color:#2461aa;
    padding-bottom:10px;
    text-transform:uppercase;
  }*/

#faqTillFrågaOssDiv { float: left; width: 256px; height: 76px; padding: 0px 0px 0px 231px; background: url(../images/FAQTillFrågaOss.jpg) bottom right no-repeat; }

#faqTillFrågaOssDiv div { padding-top: 14px; width: 154px; float: left; }

#faqTillFrågaOssDiv a { width: 124px; height: 31px; padding: 18px 0px 0px 30px; }

#faqTillFrågaOssDiv img { float: left; }

/* Frågor och svar slut */

/* Videoinstruktioner */

#videoinstruktionerLeftDiv { float: left; width: 280px; height: 535px; padding: 24px 0px 0px 31px; background-image: url(../images/videoinstruktionerLeft.jpg); }

#videoinstruktioner #rightTopDiv { float: left; width: 454px; height: 79px; padding-left: 22px; }

/*
  #videoinstruktioner h3
  {  
    color:#2461aa;
    padding-bottom:15px;
    text-transform:uppercase;
  }*/

#videoinstruktioner #rightDiv { float: left; width: 476px; height: 352px; background-image: url(../images/videoinstruktionerRight.jpg); }

#videoinstruktioner #contentDiv { background-image: none; height: 574px; }

#videoinstruktioner #flashDiv { width: 432px; height: 323px; padding: 18px 0px 0px 32px; }

#videoinstruktioner #linklistor a { color: #000; }

#videoinstruktioner #linklistor li { padding-bottom: 10px; list-style: none; }

#videoinstruktioner #rightTopDiv h1 { padding: 17px 0px 10px 0px; line-height: 28px; }

#videoinstruktioner #rightTopDiv p { line-height: 12px; }

/* Videoinstruktioner slut */

/* Fråga oss */

#frågaOssRuta { width: 608px; height: 445px; background-image: url(../images/frågaOssRuta.jpg); padding: 24px 0px 0px 27px; float: left; }

#frågaOssLeft, #frågaOssRight { float: left; }

#frågaOssLeft { width: 300px; }

#frågaOssRight { padding: 40px 0px 0px 20px; width: 280px; }

#frågaOssTillFaqDiv { float: left; width: 256px; height: 76px; padding: 407px 0px 0px 85px; background: url(../images/frågaOssTillFAQ.jpg) bottom right no-repeat; }

#frågaOssTillFaqDiv div { padding-top: 14px; width: 154px; float: left; }

#frågaOssTillFaqDiv a { width: 134px; height: 31px; padding: 18px 0px 0px 20px; }

#frågaOssTillFaqDiv img { float: left; }

/* Fråga oss slut */

/* Sitemap */

#sitemap a { color: #000; padding-bottom: 10px; display: block; }

#sitemap b { color: #2461aa; }

#sitemap #leftContentDiv { height: 412px; }

#leftColumn, #rightColumn { padding: 60px 0px 0px 30px; width: 190px; float: left; }

.flagIcon { display: block; float: right; height: 16px; width: 22px; padding: 1px; margin: 0px 0px 0px 5px; }

.flagIcon.active { padding: 0px; border: 1px solid #000; }

/* Sitemap slut */

/************ Meny ***************/

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
#menuHolder { height: 30px; padding-top: 23px; float: left; }

#menu li { padding: 0px 0px 0px 0px; text-align: center; }

#menu ul, #menu li { position: relative; }

#menu { padding: 0px 0px 0px 30px; margin: 0px; list-style: none; height: 30px; font-family: verdana, sans-serif; }
#menu li.top { display: block; float: left; height: 30px; position: relative; }
#menu li a { display: block; float: left; height: 30px; line-height: 33px; color: #000; text-decoration: none; text-transform: uppercase; font-size: 11px; font-weight: normal; padding: 0 0 0 0px; cursor: pointer; }
#menu li a span { float: left; display: block; height: 30px; position: relative; margin: 0px auto 0px auto; }
/*#menu li a span.down {float:left; display:block; padding:0 20px 0 12px; height:31px; background:url(../img/menu/down.gif) no-repeat right top;}*/

/*Gör den här ens något?*/
#menu li a:hover, #menu li a.selected { background: url('../images/meny/kontakt_btn_on.jpg') no-repeat; }
#menu li:hover > a { background: url(../img/meny/kontakt_btn_on.jpg) no-repeat; }


#menu table { border-collapse: collapse; width: 0; height: 0; position: absolute; top: 0; left: 0; }

/*Spanstorlek*/

#menu span { width: 118px; }


/*Spanstorlek slut*/

/*Knappstatus initialt*/

#menu li#knapp1 { width: 118px; background-image: url('../images/meny/HemButton_Off.png'); }
#menu li#knapp2 { width: 118px; background-image: url('../images/meny/FöretagetButton_Off.png'); }
#menu li#knapp3 { width: 118px; background-image: url('../images/meny/KundzonenButton_Off.png'); }
#menu li#knapp4 { width: 118px; background-image: url('../images/meny/PartnersButton_Off.png'); }
#menu li#knapp5 { width: 118px; background-image: url('../images/meny/KundtjänstButton_Off.png'); }
#menu li#knapp6 { width: 118px; background-image: url('../images/meny/KontaktButton_Off.png'); }

/*Knappstatus initialt slut*/

/*Knappstatus hover och selected*/

#menu li#knapp1 a:hover, #menu li#knapp1 a.selected { background: url(../images/meny/HemButton_On.png) no-repeat; }
#menu li#knapp1:hover > a { background: url(../images/meny/HemButton_On.png) no-repeat; }
#menu li#knapp1 a.selected { color: #676767; }

#menu li#knapp2 a:hover, #menu li#knapp2 a.selected { background: url(../images/meny/FöretagetButton_On.png) no-repeat; }
#menu li#knapp2:hover > a { background: url(../images/meny/FöretagetButton_On.png) no-repeat; }
#menu li#knapp2 a.selected { color: #8c6f47; }

#menu li#knapp3 a:hover, #menu li#knapp3 a.selected { background: url(../images/meny/KundzonenButton_On.png) no-repeat; }
#menu li#knapp3:hover > a { background: url(../images/meny/KundzonenButton_On.png) no-repeat; }
#menu li#knapp3 a.selected { color: #bc6f15; }


#menu li#knapp4 a:hover, #menu li#knapp4 a.selected { background: url(../images/meny/PartnersButton_On.png) no-repeat; }
#menu li#knapp4:hover > a { background: url(../images/meny/PartnersButton_On.png) no-repeat; }
#menu li#knapp4 a.selected { color: #262626; }

#menu li#knapp5 a:hover, #menu li#knapp5 a.selected { background: url(../images/meny/KundtjänstButton_On.png) no-repeat; }
#menu li#knapp5:hover > a { background: url(../images/meny/KundtjänstButton_On.png) no-repeat; }
#menu li#knapp5 a.selected { color: #2461aa; }

#menu li#knapp6 a:hover, #menu li#knapp6 a.selected { background: url(../images/meny/KontaktButton_On.png) no-repeat; }
#menu li#knapp6:hover > a { background: url(../images/meny/KontaktButton_On.png) no-repeat; }
#menu li#knapp6 a.selected { color: #676767; }

/*Knappstatus hover och selected slut*/




/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu a:hover { visibility: visible; }
#menu li:hover { position: relative; z-index: 200; }

/* keep the 'next' level invisible by placing it off screen. */
#menu ul { position: absolute; left: -9999px; top: -9999px; width: 0; height: 0; margin: 0; padding: 0; list-style: none; }



/************** Meny slut *********************/


/************ Submeny ***************/

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
#submenuHolder { height: 20px; padding-top: 0px; float: left; }


#submenu li { padding: 0px 10px 0px 0px; text-align: center; }

#submenu ul, #submenu li { position: relative; }

#submenu { padding: 2px 0px 0px 240px; margin: 0px; list-style: none; height: 16px; font-family: verdana, sans-serif; }
#submenu li.top { display: block; float: left; height: 16px; position: relative; }
#submenu li a, #submenu li .a { display: block; float: left; height: 16px; line-height: 14px; color: #6c6969; text-decoration: none; text-transform: uppercase; font-size: 9px; font-weight: normal; padding: 0 0 0 0px; cursor: pointer; }
#submenu li a span, #submenu li .a span { float: left; display: block; height: 15px; position: relative; margin: 0px auto 0px auto; padding-top: 1px; }
/*#submenu li a span.down {float:left; display:block; padding:0 20px 0 12px; height:31px; background:url(../img/submenu/down.gif) no-repeat right top;}*/

/*Gör den här ens något?*/
#submenu li a:hover, #submenu li a.selected { background: url(../images/meny/kontakt_btn_on.jpg) no-repeat; }
#submenu li:hover > a { background: url(../img/meny/kontakt_btn_on.jpg) no-repeat; }

#submenu li a:hover, #submenu li a.selected { color: #c9c9c9; }
#submenu li:hover > a { color: #c9c9c9; }

#submenu table { border-collapse: collapse; width: 0; height: 0; position: absolute; top: 0; left: 0; }

/* ----------------- NY SUMBENY ---------------------*/
.submenuNew { padding: 2px 0px 0px 240px; margin: 0px; list-style: none; list-style-type: none; height: 16px; font-family: verdana, sans-serif; text-align: left; }
.submenuNew li { display: block; float: left; height: 16px; line-height: 16px; margin: 0px 5px 0px 5px; }
.submenuNew li a, .submenuNew li .a { display: block; float: left; color: #6c6969; text-decoration: none; text-transform: uppercase; font-size: 9px; font-weight: normal; padding: 0 0 0 0px; margin: 0px 5px 0px 5px; cursor: pointer; }

.submenuNew li a span.text, .submenuNew li .a span.text { padding: 0px 0px 0px 10px; height: 16px; display: block; float: left; }
.submenuNew li a span.end, .submenuNew li .a span.end { padding: 0px 0px 0px 0px; width: 10px; height: 16px; display: block; float: left; }

.submenuNew li a.selected, .submenuNew li a:hover, .submenuNew li .a.selected, .submenuNew li .a:hover { color: #fff; }

.submenuNew.brown li a.selected span.text, .submenuNew.brown li a:hover span.text, .submenuNew.brown li .a.selected span.text, .submenuNew.brown li .a:hover span.text { background: url(../images/submeny/btn-brown.png) left center no-repeat; }
.submenuNew.brown li a.selected span.end, .submenuNew.brown li a:hover span.end, .submenuNew.brown li .a.selected span.end, .submenuNew.brown li .a:hover span.end { background: url(../images/submeny/btn-brown.png) right center no-repeat; }

.submenuNew.blue li a.selected span.text, .submenuNew.blue li a:hover span.text, .submenuNew.blue li .a.selected span.text, .submenuNew.blue li .a:hover span.text { background: url(../images/submeny/btn-blue.png) left center no-repeat; }
.submenuNew.blue li a.selected span.end, .submenuNew.blue li a:hover span.end, .submenuNew.blue li .a.selected span.end, .submenuNew.blue li .a:hover span.end { background: url(../images/submeny/btn-blue.png) right center no-repeat; }

.submenuNew.black li a.selected span.text, .submenuNew.black li a:hover span.text, .submenuNew.black li .a.selected span.text, .submenuNew.black li .a:hover span.text { background: url(../images/submeny/btn-black.png) left center no-repeat; }
.submenuNew.black li a.selected span.end, .submenuNew.black li a:hover span.end, .submenuNew.black li .a.selected span.end, .submenuNew.black li .a:hover span.end { background: url(../images/submeny/btn-black.png) right center no-repeat; }

/*--------------------------------------------------*/

/* Specifikt för partnerssidans submeny */




/*Spanstorlek*/

/*Behövs den här?*/
#partners #submenu li#subknapp1 span { width: 75px; }
#partners #submenu li#subknapp2 span { width: 64px; }
#partners #submenu li#subknapp3 span { width: 68px; }
/*#partners #submenu li#subknapp4 span {width:98px;}
#partners #submenu li#subknapp5 span {width:56px;}*/
#partners #submenu li#subknapp6 span { width: 135px; }

#partners #submenu li.subknappshort span { width: 64px; }
#partners #submenu li.subknappmadium span { width: 75px; }
#partners #submenu li.subknapplong span { width: 135px; }
#partners #submenu.partnersmenu li.subknappshort { width: 64px; background-image: none; }
#partners #submenu.partnersmenu li.subknappmedium { width: 75px; background-image: none; }
partners #submenu.partnersmenu li.subknapplong { width: 75px; background-image: none; }

#partners #submenu li a.selected { color: #fff; }

#partners #submenu li#subknapp1 a:hover, #partners #submenu li#subknapp1 a.selected { background: url(../images/submeny/partners_submeny_knapp2.png) no-repeat; }
#partners #submenu li#subknapp1:hover > a { background: url(../images/submeny/partners_submeny_knapp2.png) no-repeat; }


/*Spanstorlek slut*/

/*subknappstatus initialt*/

#partners #submenu.partnersmenu li#subknapp1 { width: 75px; background-image: none; }
#partners #submenu.partnersmenu li#subknapp2 { width: 64px; background-image: none; }
#partners #submenu.partnersmenu li#subknapp3 { width: 68px; background-image: none; }
/*#partners #submenu.partnersmenu li#subknapp4 {width:98px; background-image:none;}
#partners #submenu.partnersmenu li#subknapp5 {width:56px; background-image:none;}*/
#partners #submenu.partnersmenu li#subknapp6 { width: 135px; background-image: none; }

/*subknappstatus initialt slut*/

/*subknappstatus hover och selected*/

#partners #submenu li a.selected { color: #fff; }

#partners #submenu li#subknapp1 a:hover, #partners #submenu li#subknapp1 a.selected { background: url(../images/submeny/partners_submeny_knapp2.png) no-repeat; }
#partners #submenu li#subknapp1:hover > a { background: url(../images/submeny/partners_submeny_knapp2.png) no-repeat; }

#partners #submenu li#subknapp2 a:hover, #partners #submenu li#subknapp2 a.selected { background: url(../images/submeny/partners_submeny_knapp1.png) no-repeat; }
#partners #submenu li#subknapp2:hover > a { background: url(../images/submeny/partners_submeny_knapp1.png) no-repeat; }

#partners #submenu li#subknapp3 a:hover, #partners #submenu li#subknapp3 a.selected { background: url(../images/submeny/partners_submeny_knapp3.png) no-repeat; }
#partners #submenu li#subknapp3:hover > a { background: url(../images/submeny/partners_submeny_knapp3.png) no-repeat; }

/*#partners #submenu li#subknapp4 a:hover, #partners #submenu li#subknapp4 a.selected {background: url(../images/submeny/partners_submeny_knapp4.png) no-repeat;}
#partners #submenu li#subknapp4:hover > a {background: url(../images/submeny/partners_submeny_knapp4.png) no-repeat;}

#partners #submenu li#subknapp5 a:hover, #partners #submenu li#subknapp5 a.selected {background: url(../images/submeny/partners_submeny_knapp5.png) no-repeat;}
#partners #submenu li#subknapp5:hover > a {background: url(../images/submeny/partners_submeny_knapp5.png) no-repeat;}*/

#partners #submenu li#subknapp6 a:hover, #partners #submenu li#subknapp6 a.selected { background: url(../images/submeny/partners_submeny_knapp6.png) no-repeat; }
#partners #submenu li#subknapp6:hover > a { background: url(../images/submeny/partners_submeny_knapp6.png) no-repeat; }

/*subknappstatus hover och selected slut*/

/* Slut på Partnerssidans submeny */



/* Specifikt för företagssidans submeny */



/*Spanstorlek*/

/*Behövs den här?*/
#företagsmeny #submenu li#subknapp1 span { width: 162px; }
#företagsmeny #submenu li#subknapp2 span { width: 91px; }
#företagsmeny #submenu li#subknapp3 span { width: 80px; }
#företagsmeny #submenu li#subknapp4 span { width: 73px; }
#företagsmeny #submenu li#subknapp5 span { width: 117px; }
#företagsmeny #submenu li#subknapp6 span { width: 110px; }

/*Spanstorlek slut*/

/*subknappstatus initialt*/

#företagsmeny #submenu#företagsmenymenu li#subknapp1 { width: 162px; background-image: none; }
#företagsmeny #submenu#företagsmenymenu li#subknapp2 { width: 91px; background-image: none; }
#företagsmeny #submenu#företagsmenymenu li#subknapp3 { width: 80px; background-image: none; }
#företagsmeny #submenu#företagsmenymenu li#subknapp4 { width: 73px; background-image: none; }
#företagsmeny #submenu#företagsmenymenu li#subknapp5 { width: 117px; background-image: none; }
#företagsmeny #submenu#företagsmenymenu li#subknapp6 { width: 110px; background-image: none; }
/*subknappstatus initialt slut*/

/*subknappstatus hover och selected*/

#företagsmeny #submenu li a.selected { color: #fff; }

#företagsmeny #submenu li#subknapp1 a:hover, #företagsmeny #submenu li#subknapp1 a.selected { background: url(../images/submeny/företag_submeny_knapp2.png) no-repeat; }
#företagsmeny #submenu li#subknapp1:hover > a { background: url(../images/submeny/företag_submeny_knapp2.png) no-repeat; }

#företagsmeny #submenu li#subknapp2 a:hover, #företagsmeny #submenu li#subknapp2 a.selected { background: url(../images/submeny/företag_submeny_knapp1.png) no-repeat; }
#företagsmeny #submenu li#subknapp2:hover > a { background: url(../images/submeny/företag_submeny_knapp1.png) no-repeat; }

#företagsmeny #submenu li#subknapp3 a:hover, #företagsmeny #submenu li#subknapp3 a.selected { background: url(../images/submeny/företag_submeny_knapp4.png) no-repeat; }
#företagsmeny #submenu li#subknapp3:hover > a { background: url(../images/submeny/företag_submeny_knapp4.png) no-repeat; }

#företagsmeny #submenu li#subknapp4 a:hover, #företagsmeny #submenu li#subknapp4 a.selected { background: url(../images/submeny/företag_submeny_knapp7.png) no-repeat; }
#företagsmeny #submenu li#subknapp4:hover > a { background: url(../images/submeny/företag_submeny_knapp7.png) no-repeat; }

#företagsmeny #submenu li#subknapp5 a:hover, #företagsmeny #submenu li#subknapp5 a.selected { background: url(../images/submeny/företag_submeny_knapp5.png) no-repeat; }
#företagsmeny #submenu li#subknapp5:hover > a { background: url(../images/submeny/företag_submeny_knapp5.png) no-repeat; }

#företagsmeny #submenu li#subknapp6 a:hover, #företagsmeny #submenu li#subknapp6 a.selected { background: url(../images/submeny/företag_submeny_knapp8.png) no-repeat; }
#företagsmeny #submenu li#subknapp6:hover > a { background: url(../images/submeny/företag_submeny_knapp8.png) no-repeat; }

/*subknappstatus hover och selected slut*/

/* Slut på företagssidans submeny */


/* Specifikt för kundtjänstsidans submeny */

/*Spanstorlek*/

/*Behövs den här?*/
#kundtjänstmeny #submenu li#subknapp1 span { width: 105px; }
#kundtjänstmeny #submenu li#subknapp2 span { width: 161px; }
#kundtjänstmeny #submenu li#subknapp3 span { width: 166px; }
#kundtjänstmeny #submenu li#subknapp4 span { width: 240px; }

/*Spanstorlek slut*/

/*Knappstatus initialt*/

#kundtjänstmeny #submenu.kundtjänstmenu li#subknapp1 { width: 105px; background-image: none; }
#kundtjänstmeny #submenu.kundtjänstmenu li#subknapp2 { width: 161px; background-image: none; }
#kundtjänstmeny #submenu.kundtjänstmenu li#subknapp3 { width: 166px; background-image: none; }
#kundtjänstmeny #submenu.kundtjänstmenu li#subknapp4 { width: 240px; background-image: none; }

/*Knappstatus initialt slut*/

/*Knappstatus hover och selected*/

#kundtjänstmeny #submenu li a.selected { color: #fff; }

#kundtjänstmeny #submenu li#subknapp1 a:hover, #kundtjänstmeny #submenu li#subknapp1 a.selected { background: url(../images/submeny/kundtjänst_submeny_knapp4.png) no-repeat; }
#kundtjänstmeny #submenu li#subknapp1:hover > a { background: url(../images/submeny/kundtjänst_submeny_knapp4.png) no-repeat; }

#kundtjänstmeny #submenu li#subknapp2 a:hover, #kundtjänstmeny #submenu li#subknapp2 a.selected { background: url(../images/submeny/kundtjänst_submeny_knapp2.png) no-repeat; }
#kundtjänstmeny #submenu li#subknapp2:hover > a { background: url(../images/submeny/kundtjänst_submeny_knapp2.png) no-repeat; }

#kundtjänstmeny #submenu li#subknapp3 a:hover, #kundtjänstmeny #submenu li#subknapp3 a.selected { background: url(../images/submeny/kundtjänst_submeny_knapp3.png) no-repeat; }
#kundtjänstmeny #submenu li#subknapp3:hover > a { background: url(../images/submeny/kundtjänst_submeny_knapp3.png) no-repeat; }

#kundtjänstmeny #submenu li#subknapp4 a:hover, #kundtjänstmeny #submenu li#subknapp4 a.selected { background: url(../images/submeny/kundtjänst_submeny_filmmanual.png) no-repeat; }
#kundtjänstmeny #submenu li#subknapp4:hover > a { background: url(../images/submeny/kundtjänst_submeny_filmmanual.png) no-repeat; }


/*Knappstatus hover och selected slut*/

/* Slut på kundtjänstsidans submeny */


/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#submenu a:hover { visibility: visible; }
#submenu li:hover { position: relative; z-index: 200; }

/* keep the 'next' level invisible by placing it off screen. */
#submenu ul { position: absolute; left: -9999px; top: -9999px; width: 0; height: 0; margin: 0; padding: 0; list-style: none; }



/************** Meny slut *********************/

/************** Marquee javascript styling ****/

#marqueeContainer { width: 540px; height: 24px; overflow: auto; background-image: url(../images/nyhetsscrollerbakgrund.png); }

#underMarqueeContainer { width: 540px; height: 24px; overflow: auto; }

#marquee_replacement { width: 480px; height: 24px; overflow: auto; margin: 0px 30px 0px 30px; }

#marquee_replacement div#start p { padding: 0; margin: 0; left: 0; width: auto; display: inline; float: left; white-space: nowrap; height: 15px; color: #666666; }

#marquee_replacement div#start p.spacer { width: 300px; }

#marquee_replacement div#start { display: block; height: 10px; }

/************** Marquee javascript styling slut ****/

.securitasImg { margin-top: 40px; display: block; }


/***********Logoff div*************/
.LogoutDiv { float: right; width: 200px; text-align: right; position: relative; top: -20px; margin: 0px 10px 0px 0px; }


/* someone has to fix it.... */

#floatlayer { position: fixed !important; left: 50% !important; top: 50% !important; }

#floatlayer #xlaALSinvite { position: relative; top: -200px; left: -200px; text-align: left; }

#floatlayer #xlaALSinvite table tr td div { position: relative !important; z-index: 9900 !important; left: 150px !important; }

/* yup... */

a.newSendBtn { color: #000; text-decoration: none; }
a.newSendBtn:hover { color: #000; text-decoration: none; }
.newSendBtn { height: 25px; cursor: pointer; display: block; float: left; }
.newSendBtn .Text { height: 25px; padding: 0px 0px 0px 10px; color: #000; line-height: 25px; display: block; float: left; background: url(../images/sendBtnBg.png) no-repeat left center; }
.newSendBtn .End { height: 25px; background: url(../images/sendBtnBg.png) no-repeat right center; width: 10px; display: block; float: left; }


/* retailer */

.RetailerHolder { width: 365px; min-height: 20px; line-height: 15px; }

.RetailerHolder .RetailerRow { min-height: 20px; background: #f3f9fd; padding: 5px; }

.RetailerHolder .RetailerRow.Alt { background: #fff; }

.RetailerHolder .RetailerRowLeft { float: left; width: 225px; }

.RetailerHolder .RetailerRowLeft .Titleholder { font-size: 14px; margin: 0px 0px 5px 0px; font-weight: bold; }

.RetailerHolder .RetailerRowRight { float: left; width: 130px; }

.RetailerHolder .RetailerRowRight .IconHolder { height: 20px; line-height: 20px; margin: 8px 0px 0px 0px; }

.RetailerIcon { height: 20px; width: 26px; margin: 0px 5px 0px 0px; float: left; }

.RetailerHolder .RetailerRowRight .IconHolder .RetailerIcon.Detect { background: url(../images/karta/icons/icon-detect.png) no-repeat; }

.RetailerHolder .RetailerRowRight .IconHolder .RetailerIcon.Securitas { background: url(../images/karta/icons/icon-securitas.png) no-repeat; }
.RetailerHolder .RetailerRowRight .IconHolder .RetailerIcon.Fitter { background: url(../images/karta/icons/icon-fitter.png) no-repeat; }

.RetailerLegend { margin: 20px 0px 0px 0px; }

.RetailerLegend .RetailerLegendItem { padding: 0px 0px 0px 35px; margin: 0px 0px 10px 0px; height: 20px; line-height: 20px; }

.RetailerLegend .RetailerLegendItem.Detect { background: url(../images/karta/icons/icon-detect.png) no-repeat; }

.RetailerLegend .RetailerLegendItem.Securitas { background: url(../images/karta/icons/icon-securitas.png) no-repeat; }

.RetailerLegend .RetailerLegendItem.Fitter { background: url(../images/karta/icons/icon-fitter.png) no-repeat; }





/* ergr */

.ArrowBtn { background: url(../images/arrowBtn.png) no-repeat; display: block; float: right; height: 49px; width: 170px; padding: 0px 9px 0px 0px; text-align: center; line-height: 49px; }

.CompanyDiv { background: url(../images/företagLeftBild.jpg) no-repeat left bottom; min-height: 400px; }

#företaget { height: auto; }

#företaget #contentDiv { background: url(../images/företagLeftBild.jpg) no-repeat left bottom; min-height: 400px; height: auto; }

#historia { min-height: 400px; height: auto; }

#historia #contentDiv { background: url(../images/historiaLeft.jpg) no-repeat left top; min-height: 400px; height: auto; }


.SumValidation { margin: 0px 0px 20px 0px; }

#txthighlight {
	background:#f7f7f7;
	width:425px;
	border:1px solid #c3c3c3;
	padding:10px;
	height:45px;
	display:block;
	border-radius:5px;
	margin-top:48px;
	}
