/* SFK BlåKnuten / Startsida */
body {
padding: 0; /* behövs alltid!! */
margin: 0; /* sidans marginaler */
text-align: center;  /* centrerar layouten 1 - för äldre webläsare  */
background-color: #BBD3D8; color: #99CCFF;
background-image: url(sida_bg.gif);
background-repeat: repeat-x;
font: 76% Verdana, Arial, Helvetica, sans-serif; }


h1, h2, h3, h4, h5 { 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0000DD; background-color: inherit;
letter-spacing: 1px;
margin-top: 30px;
margin-left: 20px;
margin-bottom: 4px; }

h1 { font-size: 2.5em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.33em; }
h4 { font-size: 1.16em; }
h5 { font-size: 1em; }

p { margin: 0 0 15px 0;
font-size: 1em;
margin-left: 20px;
line-height: 140%; }

a { color: #0000DD; background-color: inherit; text-decoration: underline; }
a:visited { color: #DD0000; background-color: inherit; }
a:hover { color: #00EE00; background-color: inherit; }
a img { border: none; }

hr { border: thin solid #000000; margin-top: 30px; margin-bottom: 30px; }

.cleartopmargin { margin-top: 0; }
.center { text-align: center; }

/* layout */

#layout {
width: 80%;  /* flytande: procent */
margin: 0 auto;  /* centrerar layouten 2 */
text-align: left;   /* centrerar layouten 3 - justerar tillbaka innehållet åt vänster */
min-width: 600px; max-width: 1024px; /* max & min-width - kombineras med cond. comm. för IE 6 inom head */
border: 1px solid #000; }


/* sidhuvud */

#sidhuvud {
width: 100%;
background-color: #FFFFFF; color: #0000DD;
background-image: url(knutlogga.gif);
background-repeat: no-repeat ;
border-bottom: 1px solid #000;
float: left; }

#shheight { height: 150px; }

#shleft { width: 80%; float: left; }
#shleftcontent { padding: 20px 0 0 140px; } /* placerar rubriken */
#shleftcontent h1 { 
color: #0000DD; background-color: inherit;
font-style: italic;
margin: 0; }

#shright { width: 32%; float: right; }
#shrightcontent { padding: 10px 20px 0 0; text-align: right; } /* placerar skiplänken */

#shrightcontent a { 
color: #0000DD; background-color: inherit;
font-size: x-small; }

/* topmeny */

#topmenybox { 
width: 100%; 
border-top: 1px solid #000;
background-color: #0000DD; color: #FFFFDD;
float: left;
clear: both; }

#topmeny ul {
list-style-type: none;
padding: 0; margin: 0; /* båda behövs! */
border-left: 1px solid #000000; /* för "knapputseende" */
float: left; }

#topmeny li { display: inline; }

#topmeny a, #topmeny span {
padding: 5px 10px;
border-top: 1px solid #000000; /* för "knapputseende" */
border-bottom: 1px solid #000000; /* för "knapputseende" */
border-right: 1px solid #000000; /* för knapputseende - annars #topmenybox bg-color */
color: #FFFFFF; background-color: inherit;
text-decoration: none;
float: left; }

#topmeny a:hover { text-decoration: underline; }

#topmeny span#aktuell { text-transform: uppercase; }

/* kolumncontainer */

#kolumncontainer { width: 100%;
background-color: #FFFFFF; color: inherit;

clear: both; }

/* kolumn: main */

#main { width: 100%; float: center; } /* main till höger  */

#maincontent { padding: 30px 0.9em 30px 1.7em; }


/* sidfot */

#sidfot {
width: 100%;
background-color: #0000DD; color: #FFFFFF;
border-top: 1px solid #000;
clear: both; }

#sidfotcontent {
padding: 7px;
text-align: center; }

#sidfotcontent p {
margin: 0;
font-size: x-small; }

#sidfotcontent img { padding: 5px 5px 0 5px; }
#sidfotcontent a { padding: 5px 5px 0 5px; color: #FFFFFF; background-color: inherit; }