﻿
/*Standard*/

    html, body 
    {
        padding:0px;
        margin:0px;
        height: 100%;
        background-color:#DADADA;
    }
    a:hover
    {
        cursor:pointer;
    }

    div.clearDiv
    {
        clear:both;
    }
    
    ul
    {
        list-style-type:none;
        padding:0px;
        margin:0px;
    }

    
    #sharebutton
    {
        float:left;
        display:block;
        margin-top:25px;
        text-align:left;
        margin-left:15px;
       
        width:100%;
    }

    
    /*menuControlern*/

     
     #menuContent .listContent
    {
        display:none;
    }
    
     #menuContent .nav
    {
        display:none;
    }
    
      #menuContent .pict
    {
        display:none;
    }

    
/*main*/
    div#whiteContainer
    {
        overflow:hidden;
        width:100%;
        background-color:#ffffff;
        padding:0px;
        padding-bottom:50px;
    }
    div#container
    {
        overflow:hidden;
        width:1000px;
        margin-left:0px;
        float:left;
        text-align:center;
        min-height:600px;
        padding-left:30px;
    }

    div#line
    {
        height:10px;
        background-color:#71787E;
        width:100%;
        font-size:0px;
        line-height:0px;
    }

/*------------------
    Topnavigation
-------------------*/

    div#topContent
    {
        float:left;
        width:1000px;
        margin-top:15px;
    }
    

    div#logotype
    {
        float:left;
        width:150px;
        height:105px;
        margin-left:5px;
        padding:0px;
    }
    
    #logotype img
    {
        padding:0px;
        margin:0px;
        float:left;
        border:0px;
    }

    div#menuContent
    {
        float:left;
        height:105px;
        width:750px;
        text-align:center;

    }

    .medarbetare .menuBorder
    {
        border-top:3px solid #6A8711;
    }

    .netsurvey .menuBorder
    {
        border-top:3px solid #FDB813;        
    }

    .kund .menuBorder
    {
        border-top:3px solid #008AC5;        
    }

/*---MENU-------------------MENU--------------MENU-----*/

    #level1
    {
        padding:0px;
        display:block;
        text-align:left;
        margin:0px;
        margin-top:10px;
        float:left;
    }

    
    #level1 li
    {
        margin:0px;
        display:inline;
        padding:0px;
        text-align:center;
        margin-left:3px;
        float:left;
    }

    #level1 a
    {
        text-decoration:none;
        color:#000000;
        display:block;
     }

/*MENY KNAPPAR*/

/*Svenska*/
/*start*/
    .sv #start a
    {
        background: url(../img/menu/menu-sv/start.gif) no-repeat;
        width:55px;
        height:44px;
        background-position: 0px 0px;
    }

/*produkter & tjänster*/
     .sv #produkter-tjanster a
    {
        background: url(../img/menu/menu-sv/tjanster-produkter.gif) no-repeat;
        height:44px;
        width:153px;
        background-position: 0px 0px;
    }
    

    
/*kunder*/
    
        .sv #kunder a
    {
        background: url(../img/menu/menu-sv/kunder.gif) no-repeat;
        height:44px;
        width:66px;
        background-position: 0px 0px;
    }

/*forskning & utveckling*/
    
   .sv #forskning-utveckling a
    {
        background: url(../img/menu/menu-sv/forskning-utveckling.gif) no-repeat;
        height:44px;
        width:170px;
        background-position: 0px 0px;
    }
    
/*Om oss*/
    
    .sv #om-oss a
    {
        background: url(../img/menu/menu-sv/om-oss.gif) no-repeat;
        height:44px;
        width:70px;
        background-position: 0px 0px;
    }
    
    /*produkter & tjänster*/
     .sv #aktuellt a
    {
        background: url(../img/menu/menu-sv/aktuellt.gif) no-repeat;
        height:44px;
        width:74px;
        background-position: 0px 0px;
    }


 /*Kontakt*/
    
    .sv #kontakt a
    {
        background: url(../img/menu/menu-sv/kontakt.gif) no-repeat;
        height:44px;
        width:74px;
        background-position: 0px 0px;
    }

    


/*engelska*/
/*Start*/

 .en #start a
    {
        background: url(../img/menu/menu-en/start.gif) no-repeat;
        width:54px;
        height:44px;
        background-position: 0px 0px;
    }
    

    
/*produkter & tjänster*/
     .en #produkter-tjanster a
    {
           background: url(../img/menu/menu-en/tjanster-produkter.gif) no-repeat;
        height:44px;
        width:143px;
        background-position: 0px 0px;
    }
    

    
/*kunder*/
    
    .en #kunder a
    {
        background: url(../img/menu/menu-en/kunder.gif) no-repeat;
        height:44px;
        width:80px;
         background-position: 0px 0px;
    }
    



/*forskning & utveckling*/
    
   .en #forskning-utveckling a
    {
        background: url(../img/menu/menu-en/forskning-utveckling.gif) no-repeat;
        height:44px;
        width:177px;
         background-position: 0px 0px;
    }
    

    
/*Om oss*/
    
    .en #om-oss a
    {
        background: url(../img/menu/menu-en/om-oss.gif) no-repeat;
        height:44px;
        width:79px;
         background-position: 0px 0px;
    }


 /*Kontakt*/
    
    .en #kontakt a
    {
        background: url(../img/menu/menu-en/kontakt.gif) no-repeat;
        height:44px;
        width:74px;
         background-position: 0px 0px;
    }
  
    #level1 a:hover
    {
        background-position: 0px -44px;
    }
    
    #level1 a.active
    {
        background-position: 0px -44px;
    }
  
    #level2
    {
        padding:0px;
        display:inline;
        float:left;
        margin:0 5px;
        margin-top:2px;
        text-align:left;
        width:100%;   
    }

    #level2 li
    {
        float:left;
        margin:0px;
        display:inline;
        padding:0px;
        text-align:center;
        margin-left:10px;
    }
    
    /*underknappar - svenska*/
    /*produkten*/
    .sv #produkter a
    {
        background: url(../img/menu/menu-sv/produkter.gif) no-repeat;
        display:block;
        height:24px;
        width:81px;
        background-position: 0px -144px;
    }

    
      /*processen*/
    .sv #processen a
    {
        background: url(../img/menu/menu-sv/processen.gif) no-repeat;
        display:block;
        height:24px;
        width:81px;
        background-position: 0px -144px;
    }
    
      /*processen*/
   .sv #teknik a
    {
        background: url(../img/menu/menu-sv/teknik.gif) no-repeat;
        display:block;
        height:24px;
        width:57px;
        background-position: 0px -144px;
    }

    
  /*referenser*/
    .sv #referenser a
    {
        background: url(../img/menu/menu-sv/referenser.gif) no-repeat;
        display:block;
        height:24px;
        width:87px;
        background-position: 0px -144px;
    }

     /*kundintervjuer*/
   .sv #kundintervjuer a
    {
      background: url(../img/menu/menu-sv/kundintervjuer.gif) no-repeat;
        display:block;
        height:24px;
        width:115px;
        background-position: 0px -144px;
    }

    
 
    /*kundcase*/
   .sv #kundcase a
    {
        background: url(../img/menu/menu-sv/kundcase.gif) no-repeat;
        display:block;
        height:24px;
        width:87px;
        background-position: 0px -144px;
    }
    
        /*modell*/
   .sv #modell a
    {
        background: url(../img/menu/menu-sv/modell.gif) no-repeat;
        display:block;
        height:24px;
        width:86px;
        background-position: 0px -144px;
    }
    
        /*examensarbeten*/
    .sv #examensarbeten a
    {
        background: url(../img/menu/menu-sv/examensarbeten.gif) no-repeat;
        display:block;
        height:24px;
        width:122px;
        background-position: 0px -144px;
    }
    
            /*foretaget*/
  .sv #foretaget a
    {
        background: url(../img/menu/menu-sv/foretaget.gif) no-repeat;
        display:block;
        height:24px;
        width:81px;
        background-position: 0px -144px;
    }
    
                /*vdord*/
    .sv #vd-ord a
    {
        background: url(../img/menu/menu-sv/vd-ord.gif) no-repeat;
        display:block;
        height:24px;
        width:59px;
        background-position: 0px -144px;
    }
    
                    /*samarbetspartners*/
   .sv #samarbetspartners a
    {
        background: url(../img/menu/menu-sv/samarbetspartners.gif) no-repeat;
        display:block;
        height:24px;
        width:142px;
        background-position: 0px -144px;
    }
    
      /*medarbetare*/
    .sv #medarbetare a
    {
        background: url(../img/menu/menu-sv/medarbetare.gif) no-repeat;
        display:block;
        height:24px;
        width:98px;
        background-position: 0px -144px;
    }
    
          /*jobba*/
  .sv #jobba a
    {
        background: url(../img/menu/menu-sv/jobba.gif) no-repeat;
        display:block;
        height:24px;
        width:105px;
        background-position: 0px -144px;
    }
      
    
    
       /*blogg*/
    
  .sv     #blogg a
    {
        background: url(../img/menu/menu-sv/blogg.gif) no-repeat;
        display:block;
        height:24px;
        width:55px;
        background-position: 0px -144px;
    }
    
       .sv    #nyheter a
    {
        background: url(../img/menu/menu-sv/nyheter.gif) no-repeat;
        display:block;
        height:24px;
        width:67px;
        background-position: 0px -144px;
    }
        .sv   #seminarier a
    {
        background: url(../img/menu/menu-sv/seminarier.gif) no-repeat;
        display:block;
        height:24px;
        width:85px;
        background-position: 0px -144px;
    }
    
    /*kommentarer*/
    
    #commentContainer
    {
        display:block;
        float:left;
    
    }
        
            .commentHeader
    {
        font-size:11px;
        font-style:italic;
        font-weight:bold;
        font-family:Arial, Sans-Serif;
        float:left;
        margin-bottom:5px;
        display:block;
    }
    
            .commentText
    {
        font-size:11px;
        font-style:normal;
        font-weight:normal;
        font-family:Arial, Sans-Serif;
        float:left;
        margin-bottom:15px;
        display:block;
        clear:both;
    }
    #comment
    {
        border-top:1px solid #cccccc;
        border-bottom:1px solid #cccccc;
        margin-bottom:15px;
        background-color:#f4f4f4;
        padding:5px;
        width:300px;
        float:left; 
        display:block
    }
    .input
    {
        margin-top:10px;
        font-family:Arial;
        font-size:13px;
        margin-bottom:5px;
        display:block;
        float:left;
        clear:both;
    }
    
    
   
        /*underknappar - engelska*/
    /*produkten*/
    .en #produkter a
    {
        background: url(../img/menu/menu-en/produkter.gif) no-repeat;
        display:block;
        height:24px;
        width:76px;
        background-position: 0px -144px;
    }

    
      /*processen*/
    .en #processen a
    {
        background: url(../img/menu/menu-en/processen.gif) no-repeat;
        display:block;
        height:24px;
        width:69px;
        background-position: 0px -144px;
    }
    
      /*processen*/
   .en #teknik a
    {
        background: url(../img/menu/menu-en/teknik.gif) no-repeat;
        display:block;
        height:24px;
        width:88px;
        background-position: 0px -144px;
    }

    
  /*referenser*/
    .en #referenser a
    {
        background: url(../img/menu/menu-en/referenser.gif) no-repeat;
        display:block;
        height:24px;
        width:87px;
        background-position: 0px -144px;
    }

     /*kundintervjuer*/
   .en #kundintervjuer a
    {
      background: url(../img/menu/menu-en/kundintervjuer.gif) no-repeat;
        display:block;
        height:24px;
        width:149px;
        background-position: 0px -144px;
    }

    
 
    /*kundcase*/
   .en #kundcase a
    {
        background: url(../img/menu/menu-en/kundcase.gif) no-repeat;
        display:block;
        height:24px;
        width:145px;
        background-position: 0px -144px;
    }
    
        /*modell*/
   .en #modell a
    {
        background: url(../img/menu/menu-en/modell.gif) no-repeat;
        display:block;
        height:24px;
        width:83px;
        background-position: 0px -144px;
    }
    
        /*examensarbeten*/
    .en #examensarbeten a
    {
        background: url(../img/menu/menu-en/examensarbeten.gif) no-repeat;
        display:block;
        height:24px;
        width:57px;
        background-position: 0px -144px;
    }
    
            /*foretaget*/
  .en #foretaget a
    {
        background: url(../img/menu/menu-en/foretaget.gif) no-repeat;
        display:block;
        height:24px;
        width:75px;
        background-position: 0px -144px;
    }
    
                /*vdord*/
    .en #vd-ord a
    {
        background: url(../img/menu/menu-en/vd-ord.gif) no-repeat;
        display:block;
        height:24px;
        width:108px;
        background-position: 0px -144px;
    }
    
                    /*samarbetspartners*/
   .en #samarbetspartners a
    {
        background: url(../img/menu/menu-en/samarbetspartners.gif) no-repeat;
        display:block;
        height:24px;
        width:75px;
        background-position: 0px -144px;
    }
    
      /*medarbetare*/
    .en #medarbetare a
    {
        background: url(../img/menu/menu-en/medarbetare.gif) no-repeat;
        display:block;
        height:24px;
        width:83px;
        background-position: 0px -144px;
    }
    
          /*jobba*/
  .en #jobba a
    {
        background: url(../img/menu/menu-en/jobba.gif) no-repeat;
        display:block;
        height:24px;
        width:63px;
        background-position: 0px -144px;
    }
      
    


    .kund #level2 a:hover
    {
        background-position: 0px -72px;
    }
    
    .kund #level2 a.active
    {
         background-position: 0px -48px;
    }
    

    .medarbetare #level2  a:hover
    {
        background-position: 0px -24px;
    }
    
    .medarbetare #level2  a.active
    {
        background-position: 0px 0px;
    }
    
     .netsurvey #level2  a:hover
    {
        background-position: 0px -120px;
    }
    
    .netsurvey #level2  a.active
    {
         background-position: 0px -96px;
    }

    #rule
    {
    width:670px;
    display:block;
    float:left;
    position:absolute;
    top:66px;
    left:200px;
    font-size:0px;
    line-height:0px;
    }


/*-------------
Main window
-------------*/   


    div#mainContent
    {
    text-align:center; 
    float:left;

    width:1000px;
    margin-top:50px;
    display:block;

    min-height:500px;
    padding:0px;
    
    
  
    } 
    

/*LeftContent----leftmenysida----*/
    div#LeftContainer
    {
    float:left;
    width:240px;
    display:inline;
 
   
    }   

    #LeftContainer .leftHeader /*left menu header*/
    {
    width:235px;
    font-size:18px;
    line-height:18px;
    font-family:garamond, serif;
    color: #FDB813;
    display:inline;
    padding:0px;
    margin:0px;
   
    margin-left:5px;
    text-align:left;
    margin-bottom:10px;
    float:left;
   
    
    }
    
  
/*leftMENU*/

    #LeftContainer ul
    {
   
        display:block;
        margin:0px;
        padding:0px;

        text-align:left;
        margin-bottom:15px;
        float:left;
        display:inline;
    
    }

    #LeftContainer li
    {
        margin:0px;
        padding:0px;
        height:60px;
        float:left;
        margin-bottom:1px;
        display:inline;

    }

    .leftmenu .pict
    {
        width:45px;
        border:0px;
        display:inline;
        height:45px;
        float:left;
       
        margin-top:7px;
        margin-left:7px;
    }
    
    #LeftContainer .produkter .nav
    {
        display:block;
    }
    
    
    #LeftContainer .contentHolder
    {
        float:left;
        width:205px;
        height:50px;
    }



    #LeftContainer .listHeader

    {
       font-family:arial;
       font-size:12px;
       margin:0px;
       margin-left:5px;
       padding-top:7px;
       display:block;
       float:left;
      /* width:170px;*/

    }


    #LeftContainer .listContent
    {
        font-size:10px;
        font-family:Arial;
        margin:0px;
        line-height:10px;
        margin-top:4px;
        margin-left:5px;
        display:block;
        float:left;
       /*width:170px;*/
        margin-left:5px;

    }
    
    #LeftContainer .noPictogram .listContent
    {
        width:225px;
    }
    
        #LeftContainer .pictogram .listContent
    {
        width:170px;
    }
    
        #LeftContainer .noPictogram .listHeader
    {
        width:225px;
    }
    
        #LeftContainer .pictogram .listHeader
    {
        width:170px;
    }
    
    
    
 
    #LeftContainer a
    {
        text-decoration:none;
        color:#000000;
        display:block;
        height:60px;
        width:240px;
        overflow:hidden;
    }
       #LeftContainer .noPictogram a
      {
          border-bottom:1px dotted #FDB813;
      }

    #LeftContainer a:hover
    {
        background:transparent url(../img/hover.gif) no-repeat;
    
    }

    #LeftContainer a.active
    {
        background:transparent url(../img/hover.gif) no-repeat;
    }

    /*TEXTCONTENT*/
    
    div#bigTextContainer
    {
        width:615px;
        display:inline;
        float:left;
        margin-left:110px;
    }
      .leftmenu  div#bigTextContainer
    {
        width:445px;
        display:inline;
        float:left;
        margin-left:40px;
    }
    
    div#textContainer
    {
        padding-left:15px;
        float:left;
        font-size:12px;
        font-family:Georgia, times, Serif;
        line-height: 19px;
        color:#444;
        display:block;
        text-align:left;     
    }
    
    .tack 
    {
        font-size:16px;
        font-family:Arial;
    }
   
   
    
    #textContainer ul
    {
        list-style-type:disc;
        margin-left:25px;
        margin-top:15px;
    }
    
       #textContainer li
    {
        margin-top:5px;
    }
    
    #textContainer h2
    {
        margin-top:30px;
        margin-bottom:15px;
        font-family:arial;
        font-size:18px;
    }
    
     #textContainer h3
    {
        margin-top:25px;
        margin-bottom:7px;
        font-family:arial;
        font-size:13px;
    }
    

    
     #textContainer h4
    {
        margin-top:25px;
        margin-bottom:7px;
        font-family:arial;
        font-size:16px;
    }
    
         #textContainer h5
    {
        margin-top:25px;
        margin-bottom:7px;
        font-family:arial;
        font-size:13px;
    }

    
    
    #textContainer hr
    {
        margin-top:40px;
        /*margin-bottom:40px;*/
        height:1px;
        border:0px;
        background-color:Orange;
        color:Orange;
    }

    
    #textContainer img
    {
       /* margin-top:55px;
        margin-bottom:50px; */
        border:0px;
    }
    
    #container .special-samarbetspartners #textContainer img
    {
        margin:0px;
        margin-bottom:15px;
        margin-top:5px;
        
    }
    
    #textContainer p
    {
          margin:0px;
          margin-top:15px;
    }
    
    #container .special-samarbetspartners #textContainer p
    {
        margin:0px;
        margin-bottom:15px;
        margin-top:5px;
    }
    
    
    #textContainer i
    {
        font-family:Arial;
        font-size:11px;
    }
    
        #textContainer em
    {
        font-family:Arial;
        font-size:12px;
    }
    
    #textContainer a
    {
        color:#008AC5;
        text-decoration:none;
    }
    
    #textContainer  a:hover
    {
        text-decoration:underline;
    }
    
    

    .leftmenu div#textContainer
    {    
        width:429px;
        display:inline;
    }
    
        .text div#textContainer
    {    
        width:599px;
        display:inline;
    }
    /*
       .special-process div#textContainer
    {    
        width:599px;
        margin-left:110px;
        display:inline;
    }
    */
    
       #container .blogg #textContainer 
    {
        
        width:599px;
        border-left:0px;
        margin-left:110px;
        display:inline;
        padding-left:0px;
    }
    
       .special-kontakt div#textContainer
    {    
        width:599px;
        margin-left:110px;
        line-height:18px;
        border:0px;
        display:inline;
    }
    
    .lineheight
    {
        line-height:35px;
    }
    
    .medarbetare div#textContainer
    {
         border-left:1px solid #6A8711;
    }
    
    .kund div#textContainer
    {
         border-left:1px solid #008AC5;
    }
    
    
    .netsurvey div#textContainer
    {
         border-left:1px solid #FDB813;
    }
    
    #container .text
    {
        padding-bottom:50px;
    }


    h1.header
    {
        font-size:30px;
        line-height:1.0em;
        display:block;
        margin-top:0px;
        margin-bottom:15px;
        font-weight:normal;
        font-family:arial;
        color:#000000;
    }
    
    

 /*PUFFAR*/
 
    div#rightContent
    {
    float:left; 
  
    width:200px;
    height:200px;
   
    margin-left:45px;
  

    
    }
    
     #rightContent ul
    {
 
    display:block;
    margin:0px 0px 0px 0px;
    padding:0px;

    text-align:left;
    }

    #rightContent li
    {
    margin:0px;
    padding:0px;
    height:170px;
    float:left;
    margin-bottom:0px;
   
    width:170px;
    
    
    }
    
        #rightContent a
        {
            display:block;
            height:170px;
            width:170px;
            text-decoration:none;
            overflow:hidden;
        }
       
        
         #rightContent .header
         {
            color:#ffffff;
            font-family:arial;
            font-size:11px;
            line-height:1.1em;
          
            display:block;
            font-weight:bold;
            margin:112px 10px 0px 13px;
         }
         
          #rightContent .puffContent
         {
            color:#ffffff;
            font-family:arial;
            font-size:9px;
            line-height:9px;
       
            display:block;
            margin:5px 10px 3px 13px;
            
            
            
           
         }
    
    #rightContent .puffImg1
    {
      background-image: url(../img/puff/puff-SJ.gif);
    }
   
    #rightContent .puffImg2
    {
      background-image: url(../img/puff/puff-MW.gif);
    } 
   
   /*     #rightContent .puffImg2
    {
      background-image: url(../img/puff/puff-Liten-jul.gif);
    }*/
     
    #rightContent .puffImg3
    {
      background-image: url(../img/puff/puff-EW.gif);
    }
    

    /*-------------
    Footer
    -------------*/


    div#footerContent
    {

   background:#DADADA url(../img/footer-bg.png) repeat-x;
    margin-bottom :0px;
    padding:0px;
    min-height:135px;
    float:left; 
    width:100%;
    }

    .medarbetare .footerBorder
    {
    border-top:5px solid #6A8711;
    }

    .netsurvey .footerBorder
    {
    border-top:5px solid #FDB813;
    }

    .kund .footerBorder
    {
    border-top:5px solid #008AC5;
    }

    div#footer
    {
    width:1000px;
    }                   

    #footer .menubox
    {
    font-family:Arial;
    font-size:0.7em;
    border-left:1px solid black;
    width:140px;
    margin-left:25px;
    margin-top:20px;
    padding-left:5px;
    float:left;
     color:#676767;
    }   
    #footer .boilerplate
    {
    width:360px;
    color:#676767;
    }
    #footer .flaggor
    {
    width:80px;
    color:#676767;
    }
    #footer .contact
    {
    width:270px;
    color:#676767;
    }   
    #footer .header
    {
    font-family:Arial;
    font-size:1.0em;
    font-weight:bold;
    display:block;
    margin:0px;
    padding:0px;
    line-height:1.4em
    }

    #footer .email
    {
    font-family:Arial;
    font-size:1.0em;
    font-weight:normal;
    display:block;
    margin:0px;
    padding:0px;
    margin-bottom:5px;
    display:block;
    }
    
    #footer .SM a
    {
       margin-left:3px;
       float:left;
       display:block;
       margin-top:7px;
       text-decoration:none;
     
       
    }
    .menubox img
    {
        float:left;
        display:block;
    }
    
    
    #footer .nav
    {
        display:none;
    }

    
    #sprak
    {
        margin-top:5px;
        
    }
    
    #sprak li
    {
        display:inline;
    }
       
    #footer #svenska a
    {
        background-image: url(../img/flaggor/sv.jpg);
        
        height:15px;
        width:20px;
        float:left;
        margin-left:5px;
        display:inline;
    }

    #footer #norska a
    {
        background-image: url(../img/flaggor/no.jpg);
       
        height:15px;
        width:20px;
        float:left;
        margin-left:5px;
        display:inline;
    }
     #footer #engelska a
    {
        background-image: url(../img/flaggor/en.jpg);
       
        height:15px;
        width:20px;
        float:left;
        margin-left:5px;
        display:inline;
    }
    
        #footer #danska a
    {
        background-image: url(../img/flaggor/da.jpg);
       
        height:15px;
        width:20px;
        float:left;
        margin-left:5px;
        display:inline;
    }
    
    #footer #finska a
    {
        background-image: url(../img/flaggor/fi.jpg);
       
        height:15px;
        width:20px;
        float:left;
        margin-left:5px;
        display:inline;
    }
    
/*----------Medarbetare sidan-----*/
    
#container .special-medarbetare #textContainer
{
        width:800px;
        margin-left:110px;
        border-left:0px;
        padding:0px;
        display:inline;
      
       
}


.special-medarbetare .rubrik
{
    font-family:Arial;
    font-size:12px;
    line-height:12px;
    padding:0px;
    margin:0px;
    display:block;
    font-weight:bold;
    margin-bottom:10px;
       
  
}
    
    .medPict
    {
        height:130px;
        width:170px; 
        
        display:inline;
        float:left;
        clear:left;
    }
    
    .medText
    {
        float:left;
        display:inline;
        width:230px;

      
        padding:0px;
        padding-top:25px;
        margin-left:30px;
        font-family:Arial;
        font-size:10px;
    }



#med ul
{
  
}

#med li
{
   display:inline;
   float:left;
   width:700px;
   margin-top:25px;
}

/*------Referenser-----*/
#imgContainer
{
    
    width:800px;
    float:left;
    display:block;
    text-align:center;
    
   
}

#imgContainer img
{
    margin:15px;
    float:left;
  
}

#container .special-referens
{
  min-height:300px;
  margin-left:50px;
}

/*---process---*/
       .process{
        background:transparent url(/img/process.gif) no-repeat; 
        width:600px; 
        float:left;
        display:block;
        font-family:Arial;
        font-size:10px;
        line-height:12px;
      
        height:350px;
    }
   
    .pil
    {
        float:left;
        width:75px;
    
        margin:25px 34px 5px 8px;
        padding:0px;
        text-align :left;
        overflow:hidden;
        }

    .week
    {
        float:left;
        width:75px;
        color:White;
        margin:45px 34px 5px 8px;
        padding:0px;
        text-align :left;
        font-size:14px;
     
        height:16px;
        overflow:hidden;

}
    .info
    {
   float:left;
        width:110px;
      
        margin:25px 0px 5px 8px;
        padding:0px;
        text-align :left;
        overflow:hidden;
    }

/*---modell----*/

#container .special-modell
{
    background: url(../img/modell-bg.gif) no-repeat;
}
/*----smarbetspartners -----*/

#container .special-samarbetspartners #textContainer
{
    border-left:0px;
    width:600px;
    padding:0px;
    margin-left:110px;
    display:inline;
    
}

    #textContainer h5.header
    {
        margin-top:25px;
        margin-bottom:0px;
        font-family:arial;
        font-size:20px;
    }
    
    /*----twitter-----*/
      #twitterContainer
      {
          float:left;
            height:600px;
            margin-left:70px;
            width:200px;
            text-align:left;
            margin-top:55px;
             font-family:Arial;
            font-size:11px;
            height:500px;
         
            
          
      }
      
      .twitterItem
      {
      margin:0px;
     
       
        border-bottom:1px solid  #c4c4c4;
        display:block;
        
        padding:10px 5px;
        float:left;
     
        
      }
      
      #rss
      {
         margin-bottom:45px;
         border-bottom: 1px solid #71787E;
      }
      #rss a
      {
          font-family:Arial;
          font-size:15px;
          text-decoration:none;
          display:block;
          color:#71787E;
          float:left;
          line-height:20px;
          
      }
      
      #rss a:hover
      {
          text-decoration:none;
      }
            #rss img
      {
          padding-right:5px;
          float:left;
          
      }
      #twitterContainer h2
      {
          
          color:black; 
          font-size: 15px;
          font-family:Garamond; 
          margin-left:5px;
          margin-bottom:0px;
          float:left;
          font-weight:bold; 
          display:block;
          width:60%;
          clear:both;
      }
      
      #twitterContainer ul
      {
        border:0 none;
        margin-left:-9px;
        margin-top:3px;
        position:relative;
        width:100%;
        float:left;
        margin-bottom:25px;
      }
      
            #twitterContainer li
      {
     background:transparent url(/../img/circle.gif) no-repeat 0px 15px;
     padding:15px 0px 5px 20px;
     border-bottom:1px solid #CECFC6;
     width:150px;
     margin-left:15px;
      }
      
      #twitterContainer a
      {
          
          text-decoration:none;
      }
      
            #twitterContainer a:hover
      {
         
          text-decoration:underline;
      }
      #FollowUs
      {
          margin-top:25px;
         padding-left:5px;
         
       
       
      }
    
    /*----BLOGG----*/
    
        .bloggItem
    {
        border-left:1px solid #FDB813;
        padding-left:15px;
        float:left;
        margin-bottom:40px;
        display:inline;
        width:584px;
        
    }
    
    #container .blogg .textContainer a:link, a:visited 
    {
color:#000099;
text-decoration:none;
}
    
        .miniheader
    {
        font-size:10px;
        font-style:italic;
        font-weight:bold;
        font-family:Arial, Sans-Serif;
        float:left;
        margin-bottom:15px;
        display:block;
    }
    
    
    .blogg h1.header
    {
        line-height:1.0em;
        margin-bottom:0px;
        font-family:arial
    }
    
        .bloggText
    {
    

    display:block;
    margin-top:0px;
    margin-bottom:15px;
    font-weight:normal;
    
    
    margin-bottom:0px;
    float:left;
    clear:both;
    width:100%;
    }
    
        #nextPage
    {
       display:inline;
       float:left;
       margin:40px auto 25px;
     text-align:right;
       width:600px;
    }
    
        .nextPageItem
    {
      
        display:inline;
        width:100px;
        font-family:Arial;
        font-size:12px;
        margin:5px;
     
    }
    
     .blogger-post-footer
    {
        display:none;
    }
    
    .tags
    {
        float:left;
        display:inline;
        width:500px;
        clear:both;
        margin-top:10px;
        font-family:Arial;
        font-size:11px;
        font-style:italic;
  
    }
    
        .bloggShare
    {
        float:left;
        display:inline;
        height:20px;
        width:100%;
        margin-top:20px;
        padding:0px;
       
    }
    
    #container .blogg img
    {
      margin:0px;  
    }
    
    
    /*----------STARTSIDAN ----*/
    
     div#container .start 
    {
        text-align:center; 
        float:left;
        width:900px;
        margin-left:60px;
        display:inline;
        padding:0px; 
        margin-top:30px;
        min-height:0px;
    } 
    
   
   div#citat
    {
        font-size:1.0em;
        line-height:1.0em;
        font-family:Garamond;
       
     
        float:left;
        text-align:left;
        vertical-align:text-bottom;
        margin:auto 0;
        position:relative;
        margin-left:25px;
        width:75%;
        height:50px;
        overflow:hidden;
        display:inline;
        
        
    }
    #citat span
    {
     
      
        display:inline;
        vertical-align:middle;
        float:left;
      
        bottom:0px;
        position:absolute;
        margin-bottom:5px;
        padding-bottom:5px;
        color:#666666;
        
    }
    
    
    #indexPuffar
    {
        float:left;
    }
    
    #indexPuffar ul
    {
        float:left;
    }
       #indexPuffar a
    {
        height:371px;
        display:block;
        text-decoration:none;
        float:left;
        width:237px;
    }
    
   /*        #indexPuffar a:hover .imgover
    {
        height:411px;
        display:block;
           background-image: url(../img/puff/puffover.png);
          height:12px;
          width:237px;
          display:block;
          background-repeat:no-repeat;
          visibility:visible;
          float:left;
     
  
    }*/
    
/*    .imgover /*note_control*/
 /* {
          background-fmage: url(../img/puff/puffover.png);
          height:12px;
          width:237px;
          display:block;
          background-repeat:no-repeat;
          visibility:hidden;
          float:left;
        
          
        }
  
          

 */   
    #indexPuffar li
    {
        display:inline;
        width:237px;
        height:371px;
        
        float:left;
        margin-right:5px;
        color:#ffffff;
      
    }
        #indexPuffar .header
    {
        font-family:Arial;
        font-size:22px;
        line-height:1.0em;
        text-decoration:none;
        color:White;
        margin-top:230px;
        margin-left:15px;
        display:block;
        float:left;
        text-align:left;
        width:200px;
    }
    
      #indexPuffar .context
    {
        font-family:Arial;
        font-size:14px;
        text-decoration:none;
        color:White;
        margin-top:5px;
        margin-left:15px;
        display:block;
        float:left;
        text-align:left;
        clear:left;
        width:200px;
    }
    
   /* #indexPuffar .puffImg1
    {
      background-image: url(../img/puff/puff-jul.png);
    }*/
  
    #indexPuffar .puffImg1
    {
      background-image: url(../img/puff/storS-J.png);
    }
    #indexPuffar .puffImg2
    {
      background-image: url(../img/puff/stor-Inga.png);
    }
     
    #indexPuffar .puffImg3
    {
      background-image: url(../img/puff/storPontus.png);
    }
    
    
    
    #niceToKnow
    {
        
       
        border-left: 1px solid #FDB813;
        float:left;
        margin-top:15px;
        display:block;
        text-align:left;
        margin-left:10px;
     
        min-height:70px;
        
        width:100%;
        
    }
    

    
        #niceToKnow .header
    {
        font-family:Arial;
        font-size:25px;
        float:left;
        display:inline;
        text-align:left;
        margin-left:10px;
        color:#FDB813;
        width:100%;
       
    }
    
     #niceToKnow .context
    {
        font-family:Arial;
        font-size:12px;
        float:left;
        width:500px;
        margin-top:5px;
        margin-bottom:5px;
        color:Black;
        display:inline;
        margin-left:10px;
        
        
    }