<style>
<!--

.Ingress     { font-family: Arial,Verdana; font-size: 11pt; }
.Article     { font-family: Arial,Verdana; font-size: 10pt; }
.Rate        { font-family: Arial,Verdana; font-size: 8pt; }

v:link       { fong-family: Arial,Verdana; text-decoration: none; }
a:link       { font-family: Arial,Verdana; text-decoration: none; }
a:hover      { font-family: Arial,Verdana; text-decoration: none; font-weight: bold; }
a:visited    { font-family: Arial,Verdana; text-decoration: none; font-color: #000099; }


div.pageNavigation  
             { float:left;
               height: 20px;
               width: 130px;
               font-family: Arial,Verdana;
               font-size:.8em;
             }
div.pageNavigation a:link { font-color: #ff0000;}

div.noPreviousPage
             { font-family: Arial,Verdana;
               font-size: .7em;
               color: #777777;
             }
div.previousPage   
             { font-family: Arial,Verdana;
               font-size: 1em;
             }
div.noNextPage 
             { font-family: Arial,Verdana;
               font-size: .7em;
               color: #777777;
             }
div.nextPage { font-family: Arial,Verdana;
               font-size: 1em;
             }
             
div.pagenumber a 
             { font-family: Arial,Verdana; 
               textdecoration: none;
               font-size: .7em;
             }
div.pagenumber a:hover 
             { color:#960; font-weight:bold; font-size: 1em; textdecoration: none;}
div.pagenumber 
             { font-family: Arial,Verdana;
               font-size:.8em;
               textdecoration: none;
               text-align: left;
             }
div.hr       {clear:both;}


H1     { font-family: Arial,Verdana; font-size: 25pt }
H2     { font-family: Arial,Verdana; font-size: 20pt }
H3     { font-family: Arial,Verdana; font-size: 15pt }
H4     { font-family: Arial,Verdana; font-size: 11pt }
H5     { font-family: Arial,Verdana; font-size: 10pt }
H6     { font-family: Arial,Verdana; font-size: 9pt }

p      { padding-top:.4em; padding-bottom:.4em;}

/*'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
/* CSS för trespaltig layout med absolut positionerade sidospalter och rubrik   */
/* från boken Stila med CSS av Charles Wyke-Smith, utgiven av Pagina Förlags AB */
/* I den här boken kan du läsa mer om att formattera websidor                   */

body {margin:0; padding:0; font: 1.0em verdana, arial, sans-serif; }

div#container {position:relative; 
               min-width:800px; 
               max-width:1000px; 
               margin-left:auto; margin-right:auto; background-color:#ECf2C9}

/* Sidhuvudet */
div#header {height:40px; background-color:#FFF; border-bottom: 1px #960 solid; text-align:left;}


/* Menyn till vänster, som egentligen är en specialformaterad lista */
div#nav {position:absolute; left:0px; top:60px; 
         width:150px; 
         padding:0; margin:22px 0 15px 0;}			
div#nav ul {border:0; margin:12px 1.25em 12px 1.25em; padding:0; list-style-type:none; font-weight:bold; font-size:.75em;}
div#nav li {border-bottom:2px dotted #960; margin:0; padding:.3em 0; text-indent:.5em}
div#nav li:first-child {border-top:2px dotted #960;}
div#nav a {text-decoration:none; color:#C60;}
div#nav a:hover {color: #960;}

/* ett hack för enbart IE Win \*/	
 * html div#nav ul {border-top:2px dotted #960;}
/* slut på hack */


/* Bakgrundsfärg för den normala ingressen */
div#content {margin:20px 156px 0 150px; 
             padding: 0 1em;
             width: 600px;
             border-right:1px solid #960;
             border-left:1px solid #960;
            }
div.T1Container
            { width: 600px; }

div#Double_Column_Container
            { width: 400px; 
              text-align: left;}
            
div.col1    {float: left;
             valign: top;
            }
div.col2    {float: left; 
             valign: top;
            }

div.published
            { font-size: 0.7em; 
              text-align: left;
              padding-left: 10px;
            }
div.T1      { text-align: left; 
              padding-left: 10px;
              padding-right: 10px;
            }
div.T2      { text-align: left; 
              padding-left: 10px;
              padding-right: 10px;
            }
                        
div.T1ReadMore
            { font-size: .8em;  
              text-align: left;
              padding-left: 10px;
            }

div.T3Container
            { width: 190px; 
              padding-left: 10px;
              padding-right: 10px;
              margin: 0;
            }
div.T3ReadMore
            { font-size: .8em;  
              text-align: left;
              padding-left: 10px;
              margin: 0px;
            }

hr.endArticle {height: 1em; color:#960; border: 2px solid #960; }

/* This part is format for content only, not the frame work. Use the format that are needed only */
// div#content div#mainimage {width:180px; float:left; margin:0 8px 4px 0;}
// div#content div#mainimage img {border: 1px solid #960;}
// div#content div#mainimage p {font-size:.65em; margin:0px 5px; color:#C60;} 
// div#content h1{font-size:1.4em; font-variant:small-caps; margin-top:2em; font-family:'comic sans MS', verdana, sans-serif; color:#960;}
// div#content p {font-size:.8em; margin-top:0; margin-bottom:.5em;}	
// div#content li {font-size:.75em;}
// div#content blockquote {width: 250px; float:right; font-size:.7em; border-top: 3px dotted #960; border-bottom:2px dotted #960; margin:0 10px; padding: 6px 10px;}
// div#content blockquote p {margin:0; font-style:italic;}
// div#content a {text-decoration:underline; color:#C60;}
// div#content a:hover {color: #960; text-decoration:none;}

/* div#rightcolumn {position:absolute; 
                 width:190px; 
                 top:60px; 
                 //right:0px;
                 left: 800px; 
                 margin:0px 0 0 0; 
                 padding:1em  0; 
                 /* border-top:2px solid #960; */
                 /* border-bottom:1px solid #960; */
                 /* border-left:1px solid #960; */
                 padding-left: 5px;
                }
*/
/* This part is format for content only, not the frame work. Use the format that are needed only */
// div#rightcolumn p {font-size:.75em;}
// div#rightcolumn img {border:none;}
// div#rightcolumn div#newslinks ul {list-style-type:none; font-size:.7em; padding-left: 10px; margin:0 6px 0 0;}
// div#rightcolumn div#newslinks li {margin-top:0; margin-bottom:.5em;}
// div#rightcolumn h3 {text-align:center; font-size:.8em; color:#960; margin-bottom:0px; padding-top:3px; border-top: 2px dotted #960;}
// div#rightcolumn a {text-decoration:none; color:#C60; text-decoration:underline}
// div#rightcolumn a:hover {color: #960; text-decoration: none;}
// div#rightcolumn li.morelink {font-style:italic;}

/* stilar för sidfot */
div#footer {
            /*width:100%;*/                   /* gör att div-elementet fyller sin behållare – vanligtvis body */
            padding:4px 0;                /* flyttar länkarna från div-elementets topp och botten */
            font-size:.7em;               /* anger teckenstorleken i alla länkar */
            text-align:center;            /* centrerar ul-elementen i div-behållaren */
            background-color:#DEE7B6;     /* anger div-behållarens bakgrundsfärg */
            border-top:1px solid #960;    /* anger en heldragen linje ovanför div-behållaren */
            border-bottom:2px solid #960; 
            margin-top:1.5em;}            /* anger en tjockare heldragen linje nedanför div-behållaren */
div#footer ul {margin:2px 0;}             /* lodrätt utrymme mellan listorna */
div#footer li {display:inline;            /* viktig CSS-kod – gör att listorna visas vågrätt */
               color:white;               /* anger färgen på de lodräta linjerna */
               border-left:1px solid;     /* skapar lodräta linjer till vänster om varje listpost */
               color:#C60;                /* anger färgen på de lodräta linjerna – länkarnas färg anges nedan */
               padding:0 5px 0 9px;       /* vågrätt utrymme mellan länkar och lodräta linjer – 
                                             krävdes olika värden för left och right för att centrera */
              }
 div#footer li:first-child {border-left:0;}   /* tar bort den vänstra kantlinjen på den första listposten – fungerar inte i IE */
 div#footer ul li a {text-decoration:none;    /* tar bort länkarnas understrykningar */
                     color:C60;               /* länkfärg */
                    }
 div#footer ul li a:hover {text-decoration:underline; color:#960} /* ger länkarna understrykning när användaren pekar på dem */
 div#footer ul.fineprint li {color:#C60;}                         /* färg för copyright och lodräta skiljelinjer på sista raden */
 div#footer ul.fineprint li a {color:#C60;}                       /* måste uttryckligen ange färg för dessa – i annat fall ärver de vitt från div#footer li */
 div#footer ul.fineprint li a:hover {color:#960;}                 /* gör nedersta raden vit när användaren pekar på den */

 div#clearthis {clear:both;}

-->
</style>
