body {
	color:black;	
	background-color:#FFFeFd;
	font:10px verdana, arial, helvetica, sans-serif;
	}
h1 {
	margin:5px 0px 10px 0px;
	padding:0px;
	font-size:26px;
	font-weight:600;
	color:#8a6320; /*dbc49a (samma som navleft)    395675   #000070;*/
	}
h2 {
	font:bold 16px/16px verdana, arial, helvetica, sans-serif;
	margin:10px 0px 10px 0px;
	padding:0px;
	color:#8a6320; /*70501a*/
	}
p {
	font:10px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 10px 0px;
	padding:0px;
	}
.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}

a {
	font-size:10px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
	}
a:link {color:#8a6320;}  /*395675*/
a:visited {color:#8a6320;}
a:hover {color:#ffffff; background-color:#8a6320;} 
		
a.footer:link {color:#ccaa88}		/*INTE ANVÄND ÄNNU*/
a.footer:visited {color:#ccaa88;}
a.footer:hover {background-color:white;}

a.meny:link {font-size:12px;}
a.meny:visited {font-size:12px;}
a.meny:hover {font-size:12px;}

a.topp:link {
	font-family:Comic Sans MS, verdana, arial, helvetica, sans-serif;
	font-size:44px;  /*gå tillbaka till 34 när bildpanelen börjar användas*/
	font-weight:900;
	color:#ffffff; /*000099*/
	text-align:center;
	}
a.topp:visited {
	font-family:Comic Sans MS, verdana, arial, helvetica, sans-serif;
	font-size:44px;
	font-weight:900;
	color:#ffffff;
	text-align:center;
	}
a.topp:hover {
	font-family:Comic Sans MS, verdana, arial, helvetica, sans-serif;
	font-size:48px;
	font-weight:900;
	color:#ffffff;
	text-align:center;
	background-color:transparent;
	}

/*för att formatera forex kurslista*/
table.valutakurser {
	border-collapse:collapse;
	padding-top: 1px;
	padding-bottom:1px;
	padding-left:3px;
	padding-right:3px;
	}
tr.valutatitel {
	border-collapse:collapse; 
	color:#8a6320;
	background-color:#dbc49a;
	}
td.valutakurser {
	border-bottom:solid;
	border-bottom-width:thin;
	border-collapse:collapse; 
	border-bottom-color:#dbc49a;

	padding-top: 1px;
	padding-bottom:1px;
	padding-left:3px;
	padding-right:3px;
	}
/*slut forex-format*/

/* --- Ett försök att fixa footern enligt exempel på  http://steve.pugh.net/test/test57.html   ---*/
html, body, #holder { min-height: 100%; width: 100%; height: 100%;}
html>body, html>body #holder { height: auto;}
body { margin: 0px; padding:0px; }
#holder { position: absolute; top: 0px; left: 0px;}
             
/* ---  SLUT FÖRSÖK FIXA FOOTER --- */


#top {
	background-image: url(/bilder/himmel1024x90.jpg);
	background-repeat: repeat-x;

	position:absolute;
	width:100%;
	height:90px;
	left:0px;
	top:0px;
	padding:20px 0px 20px 0px;
	text-align:center;
	}
	
#bildPanel{
	background-image: url(/bilder/bildpanel16x100.jpg);
	background-repeat: repeat-x;

	position:absolute;
	width:100%;
	height:100px;
	
	left:0px;
	top:90px;
	padding:0px;
	margin:0px;	
	}
ul.bilder{
	position:absolute;
	left:0px;	right:0px;	
	top:10px;
	margin:0px;
	padding:0px;
}
li.bilder {
	display: inline;
	width:100px;
	height:80px;
	padding:0px;
	margin:0px;
	margin-left:2.5%; 
/*	border: 2px solid #000;  */
  }

#contentHolder {
	position:absolute;
	left:182px;
	top:191px;
	bottom:0px;
	width:55%;			/*kan lägga till en max-width här för absurt breda fönster http://www.w3schools.com/css/pr_dim_max-width.asp */
	}
#columnHolder {
	position:relative;
	left:5%;
	width:100%;
	margin:0px;
}
	
#contentTop {
	position:relative;
	left:5%;
	top:10px;
	height: auto;  	
	width:100%;  /* &&&&&&& VARNING FÖR BREDDEN HÄR!!! */
	margin-bottom:15px;
	/*	margin:6px 5px 5px 5px;*/

	padding-bottom:5px;
	}
	
#contentLeft {
	position:absolute;
	left:0px;
	top:0px;
	width:45%;
	height: auto;
	padding-right:20px;
	border-right:thin dotted #8a6320;
	}
#contentRight {
	position:absolute;
	left:55%;
	top:0px;
	width:45%px;
	height: auto;  	
	z-index:2;
	}

#addRight {
	position:absolute;
	top:248px;
/*	left:84%; ändrade till right5px nedan */	right:5px; /*var 0px;*/
	width:145px;  /*var 140px;*/
	height:400px; 
	z-index:1;
/*	border:#8a6320; */
}

#addLeft {
	position:absolute;
	top:450px;
	left:10px; 
	width:140px;
	height:400px; 
	z-index:1;
/*	border:#8a6320; */
}

#navLeft {
	background-image:url(/bilder/menypanel.gif);
	background-repeat:repeat-y;
	
	position:absolute;
	width:170px;
	top:190px;
/*	bottom:50px;*/
	left:0px;
	padding:0px;	
	z-index:2;
}#contenthorn{	position:absolute;	left:170px;	top:190px;	z-index:2;	}
#navhorn
{
	position:relative;
	left:150px;
	bottom:0px;
	z-index:1;
	}	#navnederkant{	position:relative;	bottom:0px;	padding:0px;	margin:0px;}#undernavleft{/*ska ta bort randen som kommer av att marginalen inte vill bli noll för repeat-bakgrunden i navfunkade inget bra. behöver en ny bild som täcker den gamla.*/	position:absolute;		width:170px;	top:280px;/*	bottom:0px;*/	background-color:#FFFeFd;	z-index:3;}
#navcontainer ul{
	position:relative;
	left:10px;
	top:10px;
	width:150px;
/*	height:100%;*/
	margin: 0;
	padding: 0;

	list-style-type: none;
	z-index:2;
}

#navcontainer li { margin: 1px 0; z-index:2;}

#navcontainer a
{
display: block;
color:#614616;
background-color: transparent;
width:130px;
padding: 2px 5px 2px 10px;
text-decoration: none;
border-top: 1px solid #ffe4b4; 
border-left: 1px solid #ffe4b4;
border-right: 1px solid #614616;
border-bottom: 1px solid #614616;
}

#navcontainer a:hover
{
padding: 3px 5px 1px 10px;
border-top: 1px solid #614616;
border-left: 1px solid #614616;
border-right: 1px solid #ffe4b4;
border-bottom: 1px solid #ffe4b4;
}
/*----------------------------------*/




#footer {
	position:absolute;
	width:794px;
	left:0px;
	bottom:5px;
	z-index:0;	
	background-color:transparent;
	text-align:center;
	}