/* ------ Text items -------- */
/*body
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 69%;
	line-height: 140%;  
	text-align: center;
	color: #333;
}60,69,76,86,93% är browseroberoende textstorlekar*/

h1, .heading1
{
	font-size: 3em;
	font-weight: bold; 
	font-family: Arial;
	color: #336633;
	EditMenuName: Heading 1;
	line-height: 1em;
}
h2, .heading2
{
	font-weight: bold; 
	font-size: 1.2em; 
	/*color: #999999;*/
	EditMenuName: Heading 2;
}
h3, .heading3
{
	font-weight: bold;
	font-size: 1em;
	/*color: #666666;*/
	EditMenuName: Heading 3;
}
.introduction
{
	font-weight: bold;
	EditMenuName: Introduction;
}
.imagetext 
{
	font-style: italic; 
	font-size: 0.9em; 
	EditMenuName: Image text;
}
.red
{
	color: #CC0000;
	EditMenuName: Normal red text;
}
hr
{
	height: 0.1em;
	color: #95632F;
}

hr.light
{
	height: 0.1em;
	color: #F0E5CE;
}

/* ------ Links -------- */
a
{
	color: #336633;
}
a:hover
{
	color: #333333;
}
a.breadcrumb
{
	color: #333;
}


/* --------- Left menu ----------- */

div.menuitem
{
	background-image: url('../images/submenu_rulerbg.gif');
	background-position: 0em top;
	background-repeat: repeat-x;   
	width: 100%;
	float: right; padding-left:0em; padding-right:0em; padding-top:0.3em; padding-bottom:0.3em
}
div.menuitemselected
{
	background-image: url('../images/submenu_rulerbg.gif');
	background-position: 0em top;
	background-repeat: repeat-x;      
	width: 100%;
	float: left 	
	font-weight: bold;
	background-color: #fbfbfb; padding-left:0em; padding-right:0em; padding-top:0.3em; padding-bottom:0.3em
}
div.menuitemexpanded
{
	background-image: url('../images/submenu_rulerbg.gif');
	background-position: 0em top;
	background-repeat: repeat-x;    
	width: 100%;
	float: left	
	background-color: #fbfbfb; padding-left:0em; padding-right:0em; padding-top:0.3em; padding-bottom:0.3em
}
div.menuitemchild
{
	width: 100%;
	padding: 0.3em 0em 0.3em 0em;
	float: left
	background-color: #fbfbfb;
}
div.leftmenutext
{
	width:100%;
	float:left
}

			
table.leftmenutext 
{
	
clear:both;
}
	

/*------- Right menu -------- */

div.otherboxheader
{
	width: 100%;
	float: left;
	padding-left: 0.45em;
	padding-right: 0.45em;
	height:1.8em;
	font-weight:bold;
	color: White;
	background-color: #dddddd;
}
div.otherbox
{
	width: 100%;
	float: left;
	margin-top: 0.3em;
	margin-bottom: 0.6em;
	padding-left: 0.45em;
	padding-right: 0.45em;
	background-color: #fbfbfb;
}

div.boxheader
{
	width: 100%;
	float: left;
	padding-left: 0.45em;
	padding-right: 0.45em;
	height:1.8em;
	font-weight:bold;
	color: White;
	background-color: #dddddd;
}
div.box
{
	width: 100%;
	float: left;
	margin-top: 0.3em;
	margin-bottom: 0.6em;
	padding-left: 0.45em;
	padding-right: 0.45em;
	background-color: #fbfbfb;
}
div.otherimage
{
	width:100%;
	margin-top: 0.6em;
	padding-left: 0.45em;
	padding-right: 0.45em;
	text-align: center;	
}

/* --------- Image format ----------- */
img.shadow
{
	position: relative;
	EditMenuName: Shadow;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=5);
}
img.opacity
{
	position: relative;
	EditMenuName: Semi transparent;
	filter: alpha(opacity=40,finishopacity=24,style=3);
}
img.fliph
{
	position: relative;
	EditMenuName: Flip horisontally;
	filter: fliph;
}
img.flipv
{
	position: relative;
	EditMenuName: Flip vertically;
	filter: flipv;
}
img.dashedborder
{
	position: relative;
	border: dashed 1px grey;
	EditMenuName: Dashed border;
}
img.circularfade
{
	position: relative;
	EditMenuName: Circular fade;
	filter: alpha(opacity=100,finishopacity=0,style=2);
}

table
{
	font-size: 1em;
}
th
{
	text-align: left;
}
.evenrow
{
	background-color: #ebebeb;
}
.unevenrow
{
	background-color: Transparent;
}
.headerrow
{
	background-color: #F0E5CE;
}