body {
behavior:url("../htc/csshover.htc");
padding: 0; margin: 0;
text-align: left; 
background-color: #ccffcc; color: #000;
font: 76% Arial, Helvetica, sans-serif; }

html { height: 101%; }

h1 {
font-family: "Times New Roman", Times, serif;
margin-top: 24px; 
color: #FFF; }

h2, h3, h4, h5 {
font-family: "Times New Roman", Times, serif;
letter-spacing: 1px;
margin-top: 2px;
margin-bottom: 2px; }

h1 { font-size: 4.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: 140%; }

.center { text-align: center; }
.right { text-align: right; }
.just { text-align: justify; }

.fet { font-weight: bold}
.kursiv { font-style: italic}
.under { text-decoration: underline} 

a:link { color: #000000; text-decoration: none}
a:visited { color: #555555; text-decoration: none}
a:hover { color: #000000; text-decoration: underline}
a:active { color: #ccffcc; text-decoration: none}


/* layout */

#layout {
width: 1024px;
height: 800px;
 
overflow: 0 auto;

margin: 0 auto;
text-align: left; 
border: 1px #000000;}

/* sidhuvud */

#sidhuvud {
width: 1024px;
height: 120px; 
background: #003300;
float: left; }

#shleft { padding: 10px; float: left; }
#shright { padding: 10px; float: right; }

/* kolumncontainer */

#kolumncontainer { width: 1024px;  clear: both; background:url(menybanner.jpg) repeat; color: inherit}


/* kolumn: main */

#main { width: 787px; height: auto; float: right;  background: #FFF}

#maincontent { padding: 15px;} 



<style type="text/css">
<!--
#bildright { float: right; width: 100px; }
.clear { clear: both }
-->
</style>

<style type="text/css">
<!--
#bildleft { float: left; width: 100px; }
.clear { clear: both }
-->
</style>


/* kolumn: side */

#side { width: 220px; height: auto; float: left; background: #fff}

#sidecontent {
padding: 30px 5px; background-color: #ccffcc; color: inherit}





<style type="text/css">


/* the menu */

	ul,li,a {
		display:block;
		margin:0;
		padding:0;
		border:0;
	}

	ul {
		width:125px;
		border:1px solid #663333;
		background-color: #cccccc; 
		list-style:none;
	}

	li {
		position:relative;
		padding:5px;
		padding-left:15px;
		background:url("images/item_moz.gif") no-repeat;
		z-index:9;
	}
		li.folder	{ background:url("images/item_folder.gif") no-repeat; }		
		li.folder ul {
			position:absolute;
			left:120px; /* IE */
			top:5px;
		}		
			li.folder>ul { left:20px; } /* others */

	a {
		padding:2px;
		text-decoration:none;
		color:#330066;
		font: 12px Arial, Helvetica, sans-serif;
		font-weight:bold;
		width:100%; /* IE */
	}
		li>a { width:auto; } /* others */

	li a.submenu {
		background:url("images/sub.gif") right no-repeat;
	}

	/* regular hovers */

	a:hover {
		border-color:gray;
		background-color:#ccffcc;
		color:#330066;
		font: 12px Arial, Helvetica, sans-serif;
		font-weight:bold;
	}
		li.folder a:hover {
			background-color:#ccffcc;
		}
	
	/* hovers with specificity */
	
	li.folder:hover { z-index:10; }		
		
	ul ul, li:hover ul ul {
		display:none;
	}

	li:hover ul, li:hover li:hover ul {
		display:block;
	}		

</style>


/* meny */

#menybox
{
width: 180px;

margin: 0;
padding: 0;
font: 14px Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
}

#menybox ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

#menybox a, #menybox span
{
display: block;
height: 100%;
padding: 5px 10px;

background: url(menybanner.jpg) repeat;
color: #000000;
text-decoration: none;
}

#menybox a:hover, #menybox span#aktuell
{
background: #999999; 
color: #000000;
}

#menybox h6.menyrubrik
{
margin: 0;
padding: 5px 10px;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
background-color: #999999;
text-decoration: underline;
font-size: 14px;
color: #000;
}


#menybox2
{
width: 300px;
border: 1px solid;
border-color: #555555 #333333 #333333 #555555;
margin: 25px;
padding: 0;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
}

#menybox2 ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

#menybox2 a, #menybox2 span
{
display: block;
height: 100%;
padding: 5px 10px;
border-right: 2px solid #555555;
border-bottom: 2px solid #555555;
background-color: #ffffff;
background-image: url(bak.jpg); 
color: #555555;
text-decoration: none;
}

#menybox2 a:hover, #menybox2 span#aktuell
{
background-color: #e8e8e8;
background-image: url(bak2.jpg); 
color: #333333;
}



/*Tabell*/

table {font-family: "Times New Roman", Times, serif; 
font-size: 12px; color: #000000; border: 1px solid #cccccc; 
padding: 5px; spacing: 0; border-collapse: collapse; }

th {font-family: "Times New Roman", Times, serif; 
font-size: 12px; font-weight: bold; color: #000000; border: 1px solid #cccccc;
text-align: left; padding: 5px; spacing: 0; }

tr {font-family: "Times New Roman", Times, serif; 
font-size: 12px; color: #000000; border: 1px solid #cccccc;
text-align: left; padding: 5px; spacing: 0; }

td {font-family: "Times New Roman", Times, serif; 
font-size: 12px; color: #000000; border: 1px solid #cccccc;
text-align: left; padding: 5px; spacing: 0; }


/*box*/

.box
{ 
font-family: Arial, Helvetica, sans-serif ; 
color: #000000; 
font-size: 12px; 
background-color: #ccffcc; 
height: 120px;
width: 300px;  
overflow: auto; 
padding: 10px; 
border: 2px solid #003300
} 

/*box2*/

.box2
{ 
font-family: Arial, Helvetica, sans-serif ; 
color: #000000; 
font-size: 12px; 
background-color: #FFFAF0; 
height: 80px;
width: 300px;  
overflow: auto; 
padding: 10px; 
border: 2px solid #660000
} 


/* sidfot */

#sidfot {
width: 1024px;
border-top: 1px solid #003300;
clear: both; background: #ccffcc}

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

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