<style>



body         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: rgb(0, 0, 0); 

               text-decoration: none; margin-top: 0 }

td           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: rgb(0, 0, 0); 

               text-decoration: none; margin-top: 0 }

a:link { font-family: Verdana, Arial, Helvetica, sans-serif;  color: rgb(0, 0, 255); text-decoration: none }

a:visited { font-family: Verdana, Arial, Helvetica, sans-serif;  color: rgb(0, 0, 255); text-decoration: none }

a:hover { font-family: Verdana, Arial, Helvetica, sans-serif;  color: rgb(255, 0, 0); text-decoration: none }

p            { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: rgb(0, 0, 0); 

               text-decoration: none; margin-top: 0 }

h1           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-large; font-weight: bold; 

               margin-bottom: 0 }
h2           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: large; font-weight: bold; 
			
               margin-bottom: 0 }
h3           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; 

               margin-bottom: 0 }


h4           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; 
				margin-top: 0;
               margin-bottom: 0 }

h5           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; font-weight: bold; 

               margin-bottom: 0 }
			   
form	{
			margin: 0;
		}
			   
text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small}

textarea {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small}

.prisrubrik {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; font-weight: bold; font-style: normal; margin-top: 6px; margin-bottom: 0; font-weight: bold; color: #000000}
.textfield {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small}
.stat {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; font-weight: bold; margin-top: 2px; margin-bottom: 0px}
.statbody {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; font-weight: normal; margin-top: 0px; margin-right: 0px; margin-bottom: 0px}
.footnote {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-weight: normal; margin-top: 1px; margin-bottom: 0px; margin-left: 2px; border-top-width: thin}
.Rubrik     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color: 

               #000000; text-align: left; text-decoration: none; font-weight: bold }
.holder {
		margin: 6;
	}     

.Info { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: rgb(0, 0, 0); text-decoration: none;

				  margin-bottom: 0; margin-top: 0 }

.Extra      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; 

               text-decoration: none;

				  margin-bottom: 0; margin-top: 0 }

.Mellan      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 4px; color: #000000; 

               text-decoration: none; font-style: italic;

				  margin-bottom: 2px; margin-top: 2px }



.smalltext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;}
.logintext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;}

.unfold {margin-left: 4px; margin-top: 0px; margin-bottom: 0px; list-style-image: none; list-style-type: none; font-weight: normal; font-size: xx-small}
.folded {margin-left: 4px; margin-top: 0px; margin-bottom: 0px; list-style-image: none; list-style-type: none; border-color: #666666 black; font-weight: bold; ; font-size: xx-small;}


.help {
	border: thin solid #000000;
	background: #cccccc;
	padding: 2;
}
	
.login 
{
	/*width: 150px;*/
	position: relative;
	border: thin solid #aaaaaa;
	background: #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 2px 2px 2px 2px;
}

.basket 
{
	/*width: 150px;*/
	position: relative;
	border: thin solid #aaaaaa;
	background: #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 2px 2px 2px 2px;
}

.treeview
{
	/*width: 150px;*/
	position: relative;
	border: thin solid #aaaaaa;
	background: #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 2px 2px 2px 2px;
}

div.info 
{
	margin-top: 4px;
	border: thin solid #dddddd;
	padding: 4px 4px 4px 4px;
}

.menu 
{
	/*border-left: thin solid #F16237;*/
	/*border-right: thin solid #F16237;*/
	background: #cccccc;
	border: thin solid #aaaaaa;
	width: 170px;
	/*background: #CCCCFF;*/
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	/*height: 100%;*/
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 4px;
	margin-bottom: 4px;
	z-index: 1;
	font-size: xx-small;
} 

#menubar
{
	padding: 0;
	margin: 0;
	width: 170px;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small;
	z-index: 1;
	background: #cccccc;

}

#menubar ul
{
	background: #cccccc;
	list-style: none;
	padding: 0;

}

#menubar li
{
	/*border-bottom: thin solid #aaaaaa;*/
	position: relative;
	margin-top:2;
	padding-left:12;
	margin-bottom:2;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;
	background: url(images/menuarrow.gif) no-repeat left middle;
	/*background: #cccccc;*/
	list-style: none;
}




img.small {filter: gray(); 
    padding: 3px;
	cursor: pointer;
	
	} 
	
 
img.big { }

#nav { /* all lists */
	padding: 0;
	margin: 0;
	width: 150px;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small;
	z-index: 1;
	border-bottom: thin solid #F16237;
}

#nav li { /* all list items */
	/*float: left;
	margin-bottom: 0px;*/
	position: relative;
	background: #dddddd;
	/*width: 150px;
	font-weight: bold;

	padding: 1px 1px 1px 1px;
	
	border-top: thin solid #F16237;*/

}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	width: 150px;
	position: absolute; 
	left: 149px; 
	top: 0;

	list-style: none;
	display: none;
	
	border-bottom: thin solid #F16237;
}



#nav li a {
		display: block;
		padding: 2px;
		/*border-left: thin solid #F16237;
		border-right: thin solid #F16237;*/
		border-top: thin solid #F16237;
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small;
	
	}

#nav li ul { /* second-level lists */
	/*display: none;
	position: absolute;*/
	top: 0px;
	left: 150px;
	
	
	/*border-bottom: thin solid #F16237;
		border-top: thin solid #F16237;*/
	border-left: thin solid #F16237;
	border-right: thin solid #F16237;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small;

} 





#nav li:hover ul, 
#nav li.over ul { /* lists nested under hovered list items */
	display: block;
	/*width: 150px;*/
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small;

}
/*	Tyvärr har MSIE en skojig tendens att tolka radbrytningarna i våran
	lista som mellanslag, så vi får tokiga mellanrum om vi inte trixar lite... 
	Det finns ett sätt att ta sig förbi problemet, genom att lägga till 
	något som kallas "the Holly Hack" */

/* Fixar IE. Gömmer för IE Mac, notera backslash här >> \*/
* html #nav li { float: left; }
* html #nav li a { height: 1%; }
/* Slut på Holly Hack */


div.errorbox 
{
	border: thin solid #ff0000;

	width: 98%;
	background: #EEEEEE;
	padding: 4px 4px 4px 4px;
	margin-top: 4px;
	margin-bottom: 4px;
} 

.cell
{
	border: thin solid #bbbbbb;
	/*background: #EEEEEE;*/
	padding: 4px 4px 4px 4px;
} 

.empty
{
	border: thin none #bbbbbb;
	/*background: #EEEEEE;*/
	padding: 4px 4px 4px 4px;
} 

.info {
	vertical-align: bottom;
}

div.levreg 
{
	width: 400px;
	padding: 4px 4px 4px 4px;
	margin-top: 4px;
	margin-bottom: 4px;
} 

div.main
{
	background: #ffffff;
	position: absolute;
	top: 0px;
	left: 160px;
	/*border-top: thin solid #FF9900;
	border-bottom: thin solid #FF9900;*/
	width: 640px;
	/*background: #FFCC66;*/
	padding: 4px 4px 4px 4px;
	height: 100%;
} 

.holder 
{
	
	width: 100%;
	padding: 4px 4px 4px 4px;

} 

div.news 
{
	position: absolute;
	top: 0px;
	left: 800px;
	border-left: thin solid #F16237;
	border-right: thin solid #F16237;
	background: #CCCCDD;
	width: 150px;
	/*background: #CCCCFF;*/
	padding: 4px 4px 4px 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100%;
} 



div.meny 
{
	width: 100%;
	/*background: #CCCCFF;*/
	padding: 4px 4px 4px 4px;
	margin-top: 8px;
	margin-bottom: 8px;
} 

div.contact 
{
	border-top: thin solid #FFcc00;
	border-bottom: thin solid #FFcc00;
	width: 400px;
	/*background: #FFCC66;*/
	padding: 4px 4px 4px 4px;
	margin-top: 8px;
	margin-bottom: 8px;
} 

#services { /* all lists */
	width: 190px;
	padding: 0;
	margin: 0;
	list-style: none;
	border-bottom: thin dashed #ccccCC;
}

#services ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	
}

#services li { /* all list items */
	position: relative;
	border-top: thin dashed #ccccCC;
	float: left;
	margin: 0;
	width: 190px;
	padding: 1px 1px 1px 1px;
	display: block;
}

#services li a {
	display: block;
	background: url(images/pil.gif) no-repeat right middle;
}

#services li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

/*	Tyvärr har MSIE en skojig tendens att tolka radbrytningarna i våran
	lista som mellanslag, så vi får tokiga mellanrum om vi inte trixar lite... 
	Det finns ett sätt att ta sig förbi problemet, genom att lägga till 
	något som kallas "the Holly Hack" */

/* Fixar IE. Gömmer för IE Mac, notera backslash här >> \*/
* html #services li { float: left; }
* html #services li a { height: 1%; }
/* Slut på Holly Hack */

#forv { /* all lists */
	width: 295px;
	padding: 0;
	margin: 0;
	list-style: none;
	border-bottom: thin dashed #ccccCC;
	z-index:-1;
}

#forv ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	
}

#forv li { /* all list items */
	position: relative;
	border-top: thin dashed #ccccCC;
	float: left;
	margin: 0;
	width: 295px;
	padding: 1px 1px 1px 1px;
	display: block;
}

#forv li a {
	display: block;
	background: url(images/pil.gif) no-repeat right middle;
}

#forv li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

/*	Tyvärr har MSIE en skojig tendens att tolka radbrytningarna i våran
	lista som mellanslag, så vi får tokiga mellanrum om vi inte trixar lite... 
	Det finns ett sätt att ta sig förbi problemet, genom att lägga till 
	något som kallas "the Holly Hack" */

/* Fixar IE. Gömmer för IE Mac, notera backslash här >> \*/
* html #forv li { float: left; }
* html #forv li a { height: 1%; }
/* Slut på Holly Hack */

#log {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small;
}

</style>



