﻿/* 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;
}
h5 {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #0000DD;
				background-color: inherit;
				letter-spacing: 1px;
				margin-top: 30px;
				margin-bottom: 4px;
}
h4 {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #0000DD;
				background-color: inherit;
				letter-spacing: 1px;
				margin-top: 30px;
				margin-bottom: 4px;
}
h3 {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #0000DD;
				background-color: inherit;
				letter-spacing: 1px;
				margin-top: 30px;
				margin-bottom: 4px;
}
h2 {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #0000DD;
				background-color: inherit;
				letter-spacing: 1px;
				margin-top: 30px;
				margin-bottom: 4px;
}
h1 {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #0000DD;
				background-color: inherit;
				letter-spacing: 1px;
				margin-top: 30px;
				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;
				line-height: 100%;
}
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: 5px;
				margin-bottom: 5px;
}
.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: 20%;
				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: #00FFDD;
				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 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 {
				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;
				background-image: url(avdelare.gif);
				background-position: 30% 0;
/* side till vänster  */				background-repeat: repeat-y;
				clear: both;
}
/* kolumn: main */
#main {
				width: 70%;
				float: right;
}
/* main till höger  */
#maincontent {
				padding: 30px 0.9em 30px 1.7em;
}
/* kolumn: side */
#side {
				width: 30%;
				float: left;
}
/* side till vänster  */
#sidecontent {
				padding: 30px 0.9em 30px 1.7em;
}
/* meny */
#menybox {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 1em;
				margin-bottom: 30px;
}
#menybox h2 {
				margin: 0 0 0 18px;
				padding: 0;
				font-size: 1.16em;
}
#menybox ul {
				list-style-type: none;
				margin: 0;
				padding: 0; /* båda behövs! */
}
#menybox span {
				display: block;
				color: #0000DD;
				background-color: inherit;
				text-decoration: none;
				height: 100%;
				padding: 5px 18px 5px 0px;
}
#menybox a {
				display: block;
				color: #0000DD;
				background-color: inherit;
				text-decoration: none;
				height: 100%;
				padding: 5px 18px 5px 0px;
}
/* ändrat för: side till vänster  */
#menybox span#aktuell {
				background-image: url(arrow2.gif);
				background-position: 100% 56%;
/* placerar menybilden */				background-repeat: no-repeat;
}
#menybox a:hover {
				background-image: url(arrow2.gif);
				background-position: 100% 56%;
/* placerar menybilden */				background-repeat: no-repeat;
}
/* sidebox */
.sidebox {
				margin-bottom: 30px;
}
.sideboxcontent {
				border-top: 1px dashed #000;
				padding: 10px 0 0 0;
}
.sideboxcontent h3 {
				margin-left: 10px;
}
/* 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;
}

