﻿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:52px;
    padding-top:30px;
}

#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;
}

#flaggDiv
{
    float:left;    
    margin:0px;
    width:70px;
    height:19px;
    padding-left:704px;
}

#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;
}

.smallPersonalDiv a
{
    color:#000;
    text-decoration:none;
    font-family:Verdana, Arial, Sans-Serif;
    font-size:9px;
}

/* 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;
    height:483px;
    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
  {
    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;
    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:url(../images/videoinstruktionerBackground.jpg);
    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;
  }  
  
  /* Sitemap slut */

/************ Meny ***************/

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
#menuHolder
{
    height:30px;
    padding-top:3px;
    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 {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 {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;}

/* 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;}


/*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... */


/* 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 */