/* Tracton CSS Document */
body {
	background: #FFF;
	margin:0 0 0 0;
	font-size: 1.0em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* **************************************** */
/* STRUCTURE WRAP AREA DIV					*/
/* **************************************** */

/* wraparea div for whole site - 750px width */
#wraparea {
	width:46.875em;
	margin:auto;
	background:none;
}

/* **************************************** */
/* STRUCTURE TOP AREA DIV					*/
/* **************************************** */

/* toparea div for header - 87px height */
#topareadiv {
	padding:0;
	margin: 0;
	position: relative;

}
/* logotype */
#logotype {
	padding:0;
	margin: 0 0 0.5em 0;
}
#logotype #headerimage div {
	float:left;
	width:17em;
	height:8.8em;
	margin:3.3em 0 0 1.3em;
	overflow:hidden;
	color:#fb711f;
}

#logotype #headerimage div p, #logotype #headerimage div h2, #logotype #headerimage div h3 {
	color:#fb711f;
}
/* **************************************** */
/* STRUCTURE GLOBAL AREA DIV				*/
/* **************************************** */

div#globalareadiv {  
	padding: 0 0 0 0;
	position: absolute;
	z-index:100; 
	margin: 3.0em 0 0 0;
	height: 1.0em;
/* Ej för IE Mac \*/
	margin: 3.3em 0 0 0;
	/* End Mac IE fix */
}

div#globalareadiv ul li { 
float: left;
padding: 0; 
margin: 0;
background: #D5CCBA;
display: inline;
position: relative;
/* Detta förstår inte IE mac \*/
position: static;
/* End Mac IE fix */


}
div#globalareadiv ul {
	list-style: none;
	margin: 0; 
	padding: 0;
	display: block;
	position: relative;
}

div#globalareadiv ul li a { 	
	text-decoration: none;
	color:#000;
	background: #D5CCBA;
	font-size:0.54em;
	text-decoration:none;
	text-transform: uppercase;
	padding: 0.3em 1.2em 0.3em 1.2em;
	background: url(line_topmenu_global.gif) no-repeat right top;
	display: inline-table;
	position: relative;
	z-index: 100;
	/* Detta förstår inte IE mac \*/
	display: block;
	/* End Mac IE fix */

}

div#globalareadiv ul li a.end {
	background:none;
}

div#globalareadiv ul li a.end img {
	margin:0;
	border:none;
}

div#globalareadiv ul li a img{
	margin:0;
	border:none;
}

div#globalareadiv ul li a:hover {
 text-decoration: underline;
}

/* **************************************** */
/* STRUCTURE TOP MENU AREA DIV				*/
/* **************************************** */

div#topmenuareadiv a.menuheadactive
{
	text-decoration: none;
	padding: 0.5em 0.3em 0.5em 0.3em;
	margin: 0 0 0 0;


}
 div#topmenuareadiv a.menuheadbefore, div#topmenuareadiv a.menuheadactive { 
background:none;

}

a.menuhead {
 color: #fff;
 font-size:0.65em;
 text-transform: uppercase;
 text-decoration:none;
 background: url(line_topmenu.gif) no-repeat  right top;
 float:left;
 padding: 0.5em 1.0em 0.5em 1.0em;
}


#topmenuareadiv {

	background: #AB1000 url(bg_topmenu.gif) repeat-x top;
	margin:-0.2em 0 0 0;
	padding:0 0 0 0;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	width: 100%;
	height: 1.4em;
}

#topmenuareadiv ul {
	list-style-type:none;
	margin: 0;
	padding:0;

}
div#topmenuareadiv ul li {
	float:left;
	display: block;
	margin: 0;
	padding:0;

}


#topmenuareadiv a:active, #topmenuareadiv a:hover, li.sel{
	background: #E7790C url(bg_topmenu_select.gif) repeat-x  top;
}

#toprightarea
{
	right: 0em !Important ;
	width: 100%;
	position: absolute;
	margin:0.25em 0 0 0;
	padding:0 0 0 0;
	z-index: 101;
}

/* **************************************** */
/* STRUCTURE FUNCTION MENU AREA DIV				*/
/* **************************************** */

/* functionmenuarea div for functionmenu */
#functionmenuarea
{
	margin:0 0 0 0em;
	padding:0 0 0 0;
	width:100%;
	float:left;
	
}
#functionmenuarea img{
	border: none;
}
#functionmenuarea ul {
	display:inline;
	list-style-type:none;
	padding:0 0 0 0;
	margin: 0 0 0 0;
}
#functionmenuarea li {
	list-style-type:none;
	display:inline;
	padding:0 0 0 0;
	margin: 0 0 0 0;
}

/* **************************************** */
/* STRUCTURE MAINANDRIGHT AREA DIV			*/
/* **************************************** */

/* mainandrightarea div */
#mainandrightareadiv {
	clear: both;
	padding:2.0em 1.0em 0 1.0em;
	
}

/* **************************************** */
/* STRUCTURE MAIN AREA DIV					*/
/* **************************************** */
#content
{
	float:left;
	padding:0 0 1.0em 1.0em;
	margin: 0 0 0 0;
	width:66%;

}
#content a
{
	text-decoration:none;
	color: #fb701d;
}
/* mainarea div */
#mainareadiv {
	width:26.5625em;
	float:left;
}
#mainareadiv p {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#mainareaerrorlinks {
	margin:0 0 0 0;
	padding:0.5em 0.55em 0.55em 0.55em;
	font-size:0.80em;
	float:left;
	width: 90%;
	margin-left:5%;
	margin-right:5%;
	line-height:100%;
}

#mainareaerrorlinks table {
	line-height:140%;
}

#mainareaerrorlinks a {
	text-decoration:none;
	color: #fb701d;
}

/* **************************************** */
/* STRUCTURE FOOTER AREA DIV				*/
/* **************************************** */

/* footerarea div */

#footerareadiv {
	margin:0 0 0 0;
	padding:0.5em 0.55em 0.55em 0.55em;
	font-size:0.65em;
	float:left;
	width: 90%;
	margin-left:5%;
	margin-right:5%;
	line-height:80%;
}

#footerareadiv table {
	line-height:100%;
}

#footerareadiv a {
	text-decoration:none;
	color: #fb701d;
}
/* **************************************** */
/* STRUCTURE SUBMAINANDRIGHT AREA DIV		*/
/* **************************************** */

/* submainandrightarea div */
#submainandrightareadiv {

	padding:0em;
	border-bottom: 1px solid #5f5f5f;
	float:left;
	width: 100%;

}
/* **************************************** */
/* STRUCTURE SUBPAGE CLASSES	LEFT MENU   	*/
/* **************************************** */

#navcontainer ul { 
	margin: 0; padding: 0; list-style-type: none; 
	width: 99%;
	border: 1px solid white;
}
#navcontainer li { 
 margin: 0 0 0 0; 
 border-bottom: solid 1px #555; 
}

#navcontainer a{
	display: block;
	padding: 0.5em 0.5em 0.5em 0.2em;
	font-size: 0.7em;
	color: #555555;
	text-decoration: none;
	font-weight: bold;
	width:100%;
}


#navcontainer a:hover {
	background-color: #dbd3c4;
	text-decoration: none;

}

#navcontainer ul ul li { margin: 0; border: none; }

#subnavlist2 li  {
	background-color: none ;  
	text-decoration: none;
	font-weight: normal;
	padding: 0em;
}

#navcontainer a.active {
background-color: #dbd3c4;


}
#navcontainer ul ul a {
	display: block;
	padding: 0.5em 0.5em 0.5em 2.0em;
	width: 87.5%;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

#navcontainer ul ul ul a {
	padding: 0.5em 0.5em 0.5em 3.0em;
	width: 78%;
}
#navcontainer ul ul ul ul a {
	padding: 0.5em 0.5em 0.5em 4.0em;
	width: 71%;
	
}

/* Sub Page Left Area */
#subleftareadiv {
	width:26%;
	float:left;

}
#submainareadiv {
	width:100%;
	margin: 0em;
}

/* Sub Content Area */
#sub_content_area {
	padding:0;
	margin:0;
	font-size: /*0.75em*/0.7em;
	line-height:1.55em;
	float:left;
	width: 100%;
	color:#333333;
}

#subleftandmaindiv
{
	float:left;
	width: 69%;
}

/* **************************************** */
/* LISTING                                  */
/* **************************************** */

#listing
{
	padding:0;
	margin: 2em 0em 0em 0em;
	font-size:0.7em;
	line-height:1.55em;
	float:left;
	width: 100%;
}

#listing ul
{
	margin: 0;
	list-style-type: none;
}

#listing ul li
{
	padding: 0em 0em 2em 0em;
}

#listing ul li a
{
	color: #fb711f;
	font-weight: bold;
	text-decoration: none;
}

#listing ul li a:hover
{
	text-decoration: underline;
}

/* **************************************** */
/* BREADCRUMB                               */
/* **************************************** */

#breadcrumbdiv, #startpagebreadcrumbdiv {
	text-align: left;
	padding: 0.5em 0em 0.5em 1.0em;
	margin: 0em 0em 0em 0em;
	font-size: 0.7em;
	float:left;
	color: #666;
	width: 100%;
}

#breadcrumbdiv a {
	color: #666;
	font-weight:bold;
	text-decoration:none;
}

#breadcrumbdiv
{
	border-bottom: solid 1px #CCCCCC;
}

div#breadcrumbdiv a.breadc, div#startpagebreadcrumbdiv a.breadc {
	color: #666;
	text-decoration: none;

}
div#breadcrumbdiv a.breadc:hover, div#startpagebreadcrumbdiv a.breadc:hover {
	text-decoration: underline;
}

div#breadcrumbdiv img, div#startpagebreadcrumbdiv img
{
	border: none;
	float: right;
	padding-right: 0.5em;
}

/* **************************************** */
/* STARTPAGE STRUCTURE   						*/
/* **************************************** */
#startpagecontent
{
	padding:0 0em 1.0em 0em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.45em;
}
#startpageleft
{
	float:left;
	width:69%;
}
#startpagequotes
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width:34%;
	font-weight: bold;
	color:#555555;
	float:left;
	
}
#startpagequotes div.background-box
{

	width:99%;
	
}

div.quote-container
{
	padding: 2.5em 0.2em 0 0.7em;
	height: 34em;
	float:left;

}
#startpagequotes span.quotes
{
	font-size: 0.9em;
	line-height: 1.7em;
	margin-top: 0.4em;
	float:left;
}

span.startpagerub
{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
}

#startpagenews
{
	margin: 0 0 0 1.5em;
	padding:0;
	float:left;
	width:55%;
	font-size: 0.9em;
	/* Ej för IE Mac \*/
	width:59%;
	/* End Mac IE fix */
}
#startpagenews a
{
	color: #fb711f;
	font-weight: bold;
	text-decoration: none;
}

#startpagenews p
{
	padding:0 0 0 1.0em;
	margin:0;	
}

#startpagenews a:hover
{
	text-decoration: underline;
}

#startpageright
{
	float:right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 29%;
	/* ej IE för Mac \*/
	width: 30%;
	/* End Mac IE fix */
}

#subpageright{
	float:right;
	margin: 0 0 0 0em;
	padding: 0 0 0 0;
	width: 29%;

}

div.rightpuffpub, div.rightpuffdemo
{
	float:right;
	width:100%;
	position: relative;
}
div.rightpuffdemo a, div.rightinfopuff a
{
	float:left;
	width: 91%;
	/* IE för Mac \*/
	position: static;
	/* End Mac IE fix */
}
div.rightpuffdemo a{
	margin: 0em 0.8em 0 0.8em !Important;
}
div.rightinfopuff a{
	margin: 3.1em 0.8em 0 0.8em !Important;
}

div.rightpuffdemo a.demolink
{
	height: 32px;
	width: 35px;
	display: block;
	float: right;
}
#subpageright div.rightpuffdemo a, #subpageright div.rightinfopuff a
{
	width: 87%;
}


div.rightpuffdemo a:hover, div.rightpuffpub a:hover, div.rightinfopuff a:hover
{
	text-decoration: underline !Important;
}

#startpageright div.rightpuffpub a, #startpageright div.rightpuffdemo a, #startpageright div.rightinfopuff a
{
	text-decoration: none;
	color: #5f5f5f;
	padding: 0em;
	font-size: 0.9em; 
}

#subpageright div.rightpuffpub a, #subpageright div.rightpuffdemo a, #subpageright div.rightinfopuff a
{
	text-decoration: none;
	color: #5f5f5f;
	padding: 0em;
	font-size: 0.7em;
	line-height: 1.4em;
	margin: 0;
}

#startpageright div.rightpuffpub ul
{
	width: 54%;
	margin: 0;
	padding:1.6em 0 0 0em;
	list-style: none;
	position: relative;
}

#subpageright div.rightpuffpub ul
{
	width: 54%;
	margin: 0;
	padding:1.2em 0 0 0;
	list-style: none;

}

div.rightpuffpub ul li
{
	border-bottom: 1px solid #5f5f5f;
	padding-left: 0.8em;
}

div.background-box
{
	float: left;
	position: relative;
	width: 100%;
	overflow: hidden;
}

/* **************************************** */
/* SITEMAP									*/
/* **************************************** */

#sitemap
{
	padding:0em;
	border-bottom: 1px solid #5f5f5f;
	float:left;
	width: 100%;
}

#sitemap tr.sitemapheader
{
	font-weight: normal;
	padding: 0.4em 0.4em 0.4em 0.4em;
	font-size: 1.1em;
}

#sitemap a
{
	text-decoration: none;
	font-size: 0.7em;
	color: #fb711f;
	font-weight:normal;
}

#sitemap a:hover
{
	text-decoration: underline;
}

/* **************************************** */
/* REGISTERFORM 							*/
/* **************************************** */

#registerform
{
	padding:0em 0em 0.5em 0em;
	border-bottom: 1px solid #5f5f5f;
	float:left;
	width: 100%;
	font-size: 0.8em;
	margin: 1em 0em 0em 0em;
}

#registerform fieldset
{
	width: 40em;
	border: 1px solid #000;
	padding: 1.5em;
	margin-bottom: 2em;
}

#registerform fieldset legend
{
	color: #000;
	font-weight: bold;
}

#registerform fieldset .fieldset-row input
{
	float: right; 
	width: 20em;
	border: 1px solid #9B0600;
}

#registerform fieldset .fieldset-button input
{
	clear: left;
	float: left; 
	width: 10em;
	margin-top: 1em;
	border: 1px solid #9B0600;
}

#registerform fieldset label
{
	color: #9B0600;

}
 
#registerform fieldset label span
{
	float: left;
	clear: left;
	width: 40%;
}

#registerform fieldset .fieldset-row
{
	float: left;
	clear: left;
	padding: 0.3em;
	width: 100%;
}

.lead
{
	border-color: #9B0600;
	color: #9B0600;
	border-style:solid;
	border-width:thin;
	float: right;
	width: 20em;
}

.interest
{
	border:0;	
	float: right;
}
.interest td
{
	width: 20.5em;	
}
.interest td label
{
	
}
.interest input
{
	width: 15px !important;	
	border:0 !important;
}
.validatormessage
{
	clear: left;
	float: left;
}

/* **************************************** */
/* GENERAL CLASSES							*/
/* **************************************** */
h1{
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #666;
	margin: 0 0 0.5em 0;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #fb711f;
	font-weight:200;
	EditMenuName:Huvudrubrik;
}
h2{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #777777;
	margin: 0.7em 0 0 0;
	EditMenuName:Underrubrik;
}
h3{
	font-size: 1.0em;
	font-weight: bold;
	color: #777777;
	margin: 0.7em 0 0 0;
	EditMenuName:Mellanrubrik;
	
}
h4
{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0.8em 0 0 0;
}
.ingress {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333333;
	font-weight:bold;
	line-height:1.55em;
	EditMenuName:Ingress;
}
.publicerat
{
	font-size: 0.9em;
	color:#666666;
	line-height: 1.0em;
}

hr {
	border: 1px dashed #999;
	padding:0 0 0 0;
	margin: 0.8em 0 0 0;

}

p{
	margin: 0 0 0 0;
	padding:0 0 1.0em 0;
}
.bildtext
{
	font-style: italic;
	color: #666666;
	EditMenuName:Bildtext;
}

.clear-left
{
	clear: both;
}

.rub_grey
{
	border-top: 1px solid #5f5f5f;
	background:url(grey_line.gif) no-repeat left top;
	padding: 0.7em 0 0em 0;
	margin: 0 0 0em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 0.15em;
	color: #555555;
	width:100%;
	float: left;
	clear: right;
}

#subpageright .rub_grey
{
	font-size: 0.75em;
}

#startpagenewslist .rub_grey
{
	font-size: 1.1em;
	padding-bottom: 1.1em;
}

.rub_red
{
	border-top: 1px solid #bf1400;
	background: url(red_line.gif) no-repeat left top;
	padding: 0.7em 0 0.4em 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em !Important;
	letter-spacing: 0.15em;
	color: #fb701d;
	clear: both;
}

#subleftandmaindiv .rub_red
{
	font-size: 0.9em !Important;
}
#subleftandmaindiv .rightpuffdemo a , #subleftandmaindiv .rightpuffpub a
{
	font-size: 0.8em !Important;
}

.form
{
	clear: both;
	margin: 0 0 0 0;
	padding:0 0 1.0em 0;
	color:#333333;
	font-size:0.7em;
}








