/*  ============================================= Gemensamma =============================================  */
    html, body, div, span, applet, object, iframe, form, h1, h2, h3, h4, h5, h6, p, a, a:link, a:visited, em, font, img, small, strike, samp, strong, sub, sup, label, table, caption, tbody, tfoot, thead, tr, th, td 
    { 
        margin: 0; 
        padding: 0; 
        font-weight: inherit; 
        font-style: inherit;
        line-height: inherit;
        font-size: inherit;
        font-family: inherit; 
    } 
    /* -------------------------------------- STANDARD CLASSES -------------------------------------- */
    .clear                     { clear: both; }
    .clearfix:after         { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    .clearfix                { display: inline-block; }
    /* Hides from IE-mac \*/
    * html .clearfix         { height: 1%; }
    .clearfix                 { display: block; }
    /* End hide from IE-mac */
    .fl_left                 { float: left; }
    .fl_right                 { float: right; }
    .hide                    { display: none; }
    .show                    { display: block; }
    .top                    { text-align: right; font-size: .8em; }

    form, input, select,textarea          { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; }
    input                    { width: 150px; border: 1px solid #AAAAAA; }
    select                    { width: 150px; border: 1px solid #AAAAAA; }



    h1 a:link, h1 a:visited    { color: #FFFFFF; text-decoration: none; }
    h1 a:hover                { text-decoration: none; }

    .n_mt    { margin-top: 0; }
    a, a:link, a:visited    { color: #3366CC; }
    a:hover                    { text-decoration: underline; }
    .pl_20    { padding-left: 20px; }
    .right_link        { clear: both; text-align: right; margin-right: 20px; }
    p, a, ul, ol, li, form, samp,
    li a, table, tr, td, th            { font-size: 1em; }
    cite                            { color: #3366CC; }
    samp                            { color: #FF0000; font-family: "Courier New", Courier, monospace; font-size: .85em; }
   /* a:link, a:visited                { color: #0055A5; text-decoration: none; }
    a:hover                            { text-decoration: underline; color: #0D3372; }
    a.highlight,
    a.highlight:link, 
    a.highlight:visited                { color: #3366CC; text-decoration: none; }
    a.highlight:hover                { background-color: #FFFF00; }
*/


/*  ============================================= Bakrund =============================================  */

    body
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin:0px auto;
    padding:20px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    background: #ECF6FE url("common/images/bg.png") repeat-x; padding-top: 0px; margin-top: 10px; 
    }
 

    
    #container        { background-color: #FFFFFF; color: #555555; text-align: center; width: 999px; margin: auto;  }
    #content        { margin: 0 24px 0 24px; text-align: left; }
    #header            { width: auto; }
    #header .logo    { float: left; padding: 10px 5px 5px 5px; }
    #mainnav             { width: auto; }
    #maincontent        { width: auto; }
    #footer             { clear: both; margin: auto; color: #0055A5;}
    #mail           { text-align: center; width: 999px; margin: auto; }


/*  ============================================= Runda hörn =============================================  */
    .layout_round    { display: block; text-align: center; width: 999px; line-height: 7px; height: 7px; margin: auto; overflow: hidden; }
    .top            { margin-top: 9px; }
    .layout_bar        { width: 985px; height: 7px; float: left; background-color: #FFFFFF; }
    .layout_tl_img    { float: left; background: url(common/images/layout_tl.gif) no-repeat; width: 7px; }
    .layout_tr_img    { float: right; width: 7px; background: url(common/images/layout_tr.gif) no-repeat; }
    .layout_bl_img    { float: left; background: url(common/images/layout_bl.gif) no-repeat; width: 7px; }
    .layout_br_img    { float: right; width: 7px; background: url(common/images/layout_br.gif) no-repeat; }
    
     
 
     
    .spaltrutaTopp { /* Huvud till ruta i högerspalten */
     width: 152px; /* 191 - padding */
     height: 14px;  /* 29 - padding */
     padding: 7px 14px 4px 14px;
     margin-top: 15px;
     background-image:url(common/images/bakr_spaltruta_topp.png);
     background-position: top left;
     background-repeat: no-repeat;
     background-attachment: scroll;
     /*font: 12px Arial, Helvetica, sans-serif;*/
     clear: both;
     float: right;
    }
    .spaltrutaContent{ /* Innehåll ruta i högerspalten (Ej 1a rutan, se nedan.) */
     width: 148px; /* 191 - padding */
     padding: 12px 16px 20px 16px;
     margin-top: 0px;
     background-color: #ECF6FE;
     /*font: 12px Arial, Helvetica, sans-serif;*/
     clear: both;
     float: right;
    }
    
/*  ============================================= Meny =============================================  */
    #nav_hor                        { width: auto; background-color: #EEEEEE; clear: both; }
    #nav_hor ul                        { line-height: 2em; list-style:none; margin:0; padding:0;}
    #nav_hor ul li                    { float: left;}
    #nav_hor ul li a:link,
    #nav_hor ul li a:visited        { padding: 0 1em 0 1em; border-right: 1px solid #AAAAAA; float: left; background-color: #EEEEEE; text-decoration: none; }
    #nav_hor ul li a:hover            { background-color: #CCCCCC; }
   
    #nav_hor                           { background: url(common/images/nav_bg.gif) repeat-x; border: 1px solid #CCD5DD; font-family: Verdana; text-align: center; width: auto; background-color: #EEEEEE; clear: both;}
    #nav_hor ul                        { line-height: 23px;  list-style:none; margin:0; padding:0;}
    #nav_hor ul li                     { float: left;}
    #nav_hor ul li a:link,
    #nav_hor ul li a:visited           { color: #0D3372; background: none; float: left; background-color: #EEEEEE; text-decoration: none;}
    #nav_hor ul li a:hover             { background: url(common/images/nav_bg_ovr.gif) repeat-x; background-color: #CCCCCC;} 
    #nav_hor ul li a.activeButton:link,                
    #nav_hor ul li a.activeButton:visited { font-size: 12px; background: url(common/images/nav_bg_on.gif) repeat-x; }
    #nav_hor ul li a.noborder:link,
    #nav_hor ul li a.noborder:visited     { border-right: none; }
    #nav_hor ul li a.activeButtonNoBorder:link,
    #nav_hor ul li a.activeButtonNoBorder:visited    { font-size: 12px; background: url(common/images/nav_bg_on.gif) repeat-x; border-right: none;}
    
/*  ============================================= Bild =============================================  */
    #banner        { margin-top: 3px; font-size: 2px; }