/* 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 */
body {margin:0; padding:0; font: 1.0em verdana, arial, sans-serif; }
div#mainwrapper {
	width:774px;
	margin-right: auto;
	margin-left: auto;
	border: thin ridge #CC6600;
} /* add margin auto stuff if you want the layout centered */
div#container {position:relative; width:774px; margin-left:auto; margin-right:auto; background-color:#ECf2C9}
div#columnswrapper {
	float:left;
	width:774px;
	background-color:#ECF2C9;
}
div#header {
	height:60px;
	background-color:#DEE7B6;
	text-align:center;
	border-bottom: 1px #960 solid;
}
div#nyheter {
	background-color:#DEE7B6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 2px;
	margin-right: 2px;
	margin-left: 185px;
	font-size: 0.9em;
	color: #996600;
	font-weight: normal;
	margin-top: 4px;
	padding-top: 4px;
	padding-left: 4px;
}
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 */
div#content {width:594px; margin:20px 156px 0 150px; padding: 0 1em;}
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;} 
/* img {float:left; margin: 0 4px 4px 0;}*/
div#content h1{
	font-size:1.4em;
	font-variant:small-caps;
	margin-top:1em;
	font-family:'comic sans MS', verdana, sans-serif;
	color:#960;
}
div#content h2{
	font-size:1.2em;
	font-variant:small-caps;
	margin-top:1em;
	font-family:'comic sans MS', verdana, sans-serif;
	color:#960;
	margin-bottom: 4px;
}
div#content p {font-size:.8em; margin-top:0; margin-bottom:.5em;}
div#content p.underbild {
	font-size:0.65em;
	color: #cc6600;
}
div#content p.qsl {
	font-size:.8em;
	position: absolute;
	text-align: left;
	width: 330px;
	margin: 0;
	left: 410px;
}	
div#content td {
	font-size:.8em;
	padding-left: 4px;
}
div#content ul {
	padding-top: 0px;
	margin-top: 0px;
}
div#content li {
	font-size:.75em;
	list-style-position: inside;
}
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;}

/* 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:0.7em;  /* anger teckenstorleken i alla länkar */
	text-align:center; /* centrerar ul-elementen i div-behållaren */
	background-color:#DEE7B6;
	margin-top:1.5em;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-top-color: #960;
	border-bottom-color: #960;
}
 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 */