*{margin:0; padding:0;}
/* ===========================
	CSS: Author Tobias Törnqvist 
	General settings 
============================== */
html { overflow-y: scroll; }
body { background-color:#F2F2F2; text-align:center;}
body { 			
	height: 100%;
	font-size: 8pt;
}
input { font-size: 1em; }
label { margin:4px; }
body, p, div, td, span  
{		
	font-size: 8pt; 	
	color:#7F7F7F; 
	font-weight:normal;	
	font-family: Arial, Sans-Serif, Helvetica; 
	text-align:left;
}

b, strong { color:black; font-weight:bold; }
a { color:#7F7F7F; text-decoration:underline; }
a:hover { color:blue; text-decoration:underline; }

p { margin-top:0px; margin-bottom: 15px;}
h1 { font-weight: bold; font-size: 1.2em; }
h2 ,h3 ,h3 span
{
	font-size: 8pt; 	
	font-weight: bold; 
	color:#FF0016; 
	border-bottom: dotted 0px #6D6D6D; 
	background-image:url(../i/bg_h3.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	padding-bottom:3px;	
	margin:0 0 10px 0; 	
}
h4 { font-weight: bold; font-size: 8pt; margin-top:0px; margin-bottom:0; }
ul { margin-left:20px; margin-bottom:3px; }
ul li { list-style-image:none; margin-bottom:3px; }
ul li ul {margin-top:3px; }

/* ===========================
	Template 
============================== */
#topbg, #bottombg
{
	width:996px; height:9px; background-color:#fff; 
	background-position:top left; background-repeat:repeat-y; 
	border:0px solid black;
	overflow:hidden;
}
#topbg { background-image:url(../i/bg_fade_top.png); }
#bottombg { background-image:url(../i/bg_fade_bottom.png); }
#outline 
{
	background-color:#fff; 
	background-image:url(../i/bg_fade_body.png); 
	background-position:top left; 
	background-repeat:repeat-y; 
	width: 996px; 
	margin:10px auto; 
	BORDER: #7e7e7e 0px solid; 
}
#container
{
    position:relative; 	
	  _height:600px; 
    min-height:600px; 
    margin: 24px 50px 24px 50px; 
    padding-bottom:30px;
    color: #333; 
    BORDER: #7e7e7e 0px solid; 
    margin-bottom: -2em;
} 
.footer 
{	
    clear:both; 
    position: relative; 
    bottom: 3px; 
    font-weight: normal; 
    margin: 35px 45px 5px 45px;
    font-size: 11px;
    border-top:1px solid  #cdcdcd;
    !COLOR: #cdcdcd;
}
.clear {clear:both; height:1px; overflow:hidden; }
.error { color:Maroon; font-weight:bold; margin-bottom:15px; display:inline; }
#mainpage { float:left; margin:22px 0 10px 0; }
#mainTable { margin:10px 0 0 0; padding:0px; }
#mainTable td { vertical-align:top; }
#mainTable2 td div p { padding: 0; margin-top:0px; margin-bottom: 15px;}
#mainTable td.centercol #mainContent { margin:0 45px 0 45px; }
#mainTable td.leftcol { width:195px; }

#mainTable td.leftcol .nav { margin-bottom:10px }
#mainTable td.rightcol { width:195px; padding:0; }
#mainTable td.rightcol .rightbox { padding: 0; margin:0 0 8px 0;}

#mainTable .pdf {
	background-image:url(../i/pdf_icon_sm.gif); background-repeat:no-repeat;
	height:16px;
	padding-left:20px;
	margin-top:5px;
	margin-bottom:15px;
}
#mainTable .pdfImg 
{	
	position:relative;
	top:5px;
	margin-right:3px;
}
.SubNavList ul { margin:0 0 0 10px; }
.SubNavList li { margin:0; list-style:none; }
.SubNavList li strong { color:#FF0016; }

.listItem { margin:0 0 3px 0;}
.newsItem { margin:0 0 25px 0;}

.newsItem .newsLink { margin:4px 0 0 3px;}

/* ===========================
	Header and tab-menu
============================== */
#header { overflow:hidden; margin:0; }

#header #topheader 
{
	BORDER: #7e7e7e 0px solid; 
	height:52px; 
	float:left; 				
	margin: 0 10px 10px 0px;			
}
#header #topheader #compName { color:black;font-weight:bold; margin-left:15px; }
#header #topheader .logo { height:48px; float:left; }
#header #topheader .logo img { vertical-align:bottom; margin:0 10px 3px 0; width:125px; height: 48px; }

#header .menu {	clear:both;  margin-top:1px; height:24px; width: 100%; }
#header .menu div { float:left; height:15px; margin-right:6px; margin-left: 0; }
#header .menu span { float:left; margin-right: 6px; }
#header .menu div a { display:block; color:#7F7F7F; text-decoration:none; }
#header .menu div a:hover { text-decoration:underline; }
#header .menu div.act a { color:#FF0016; }

/* ===========================
	Signin Area
============================== */

#header #topheader #signOutArea { }
#header #topheader #signOutArea td { }
.member { color:black; font-weight: bold; max-width:330px; }
#header #topheader .loginArea { margin-left:75px; }
#login .loginArea a, #header #topheader .loginArea a { text-decoration:none;  }
#header #topheader .loginArea input, #login .loginArea input
{
	border:solid 1px #FF0016;	
	width:80px;
	padding: 3px 5px 2px 5px;
	height:15px;
	color:#7F7F7F;
	padding:0 3px 0 3px;
	margin: 0 3px 0 3px;
	background-color:White;
}
.lblpwd { margin-left:10px;}
#header #topheader .loginArea img { height:52px; width:1px }
#login
{
    background-color:#fff;
    margin: 100px auto;
    color: #333;
    border: 1px solid black;
    padding: 20px;
    width:500px; 
    height:250px;       
    text-align: left;
	padding-left:80px; 
}
#login .loginArea img { height:30px; width:1px }
#login .loginMsg { margin-top:55px; font-weight:bold; }
#login .signError { color:#f20000; display:block; }
#topheader .signError { color:#f20000; position:absolute; top:18px; left:437px; }

/* ===========================
	Index page
============================== */

#mainTable td.centercol #mainContent .left  { width:200px; float:left; margin-right:15px; }
#mainTable td.centercol #mainContent .right { width:200px; float:right; margin-right:0px; }
#mainTable td.centercol #mainContent .mainphoto { margin-bottom:20px; }
#mainTable td.leftcol p { margin:0;}

/* ===========================
	Form Statisticts Settings
============================== */

td.val { background: #f5f3e7 }
td.norm { background: #ffffff; margin: 5px }
td.year { BORDER-TOP: #7e7e7e 0px solid; margin-TOP: -1px; font-weight: bold; background: #bebebe }
td.nonehead { font-size: 11px; background: #a5a5a5 }
td.head1 { font-size: 11px; background: #ffffff }
td.head2 { font-size: 11px; background: #e6e6e6 }
td.ptnull { font-size: 10px; background: #ffffff;}
td.mhead1 { font-weight: normal; font-size: 14px; COLOR: #ffffff; HEIGHT: 25px } 
td.mhead2 { font-weight: normal; font-size: 11px; COLOR: #ffffff; HEIGHT: 20px } 
td.row { font-weight: bold; font-size: 9px; HEIGHT: 14px }

/* ===========================
	Shop Settings
============================== */

.shopItem 
{
	background-image:url(../i/bg_h3.gif);
	background-position:left top;
	background-repeat:repeat-x;
	width:425px;
	height:20px;
	padding-top:3px;
	border-left:0px solid black;
	border-right:0px solid black;
}
.shopItem div, .shopItem span
{
	height:20px;
	float:left;
}
.shopItem .shopArrow 
{
	width:10px;	
	position:relative;
	top:3px;
	background-image:url(../i/arrow_down.gif);
	background-position:left top;
	background-repeat:no-repeat;

}
.shopItem .shopTitle
{
	width:305px;
}
.shopItem .shopPrice
{
	width:65px;
}
.shopItem .shopBuy
{
	color:#FF0016;
	width:23px;
	float:right; 
}
.shopItem .shopCheck
{
	display:block;
	width:17px;
	float:right; 
	margin-top:0px;
}
#shopBasket
{
	border:1px solid #FF0016;
	min-height:150px;	
	padding:5px;
}
#shopBasket .basketTotal 
{
	background-image:url(../i/bg_red_dotted.gif	);
	background-position:left top;
	background-repeat:repeat-x;
	min-height:30px;
	margin-top:10px;
	padding-top:5px;
}
#shopBasket .basketItem { min-height:80px }
#shopBasket .basketItem div { margin:0 0 7px 0; }
.basketTotal 
{	
	position:relative;
	height:45px;
}
.basketTotal div {	font-weight:bold; color:Black; }
.basketTotal #checkout { float:right; height:20px; margin:5px 0 5px 0; }
.basketLeft { float:left; width:145px; }
.basketRight { float:right; width:30px; text-align:right;}
.rightAlign { }
.formArea .rightAlign { text-align:right; font-weight:bold; width:125px; }
.kvittoArea { margin-top:15px; }


.repShopDesc { clear:both; display:none; }
/* ===========================
	Buttons
============================== */
.button, .buttongrey
{
	display:block; font-size:11px; line-height:21px; color:#000; 
	width:65px; height: 23px; background-image:url(../i/button.gif);
	font-weight:bold; text-align:center; background-repeat:repeat-x; text-decoration:none;
 }
.button { background-image:url(../i/button.gif); }
.buttongrey { background-image:url(../i/button.gif); }

/* ===========================
 Monthly index and table lists
============================== */

.listTable { width:425px; margin-left:0px; margin-bottom:10px; }
.listTable tr.thead { height: 20px;  }
.listTable tr.thead td { font-weight:bold; vertical-align:bottom; width: 75px; }
.listTable tr { height: 20px; vertical-align:middle;}
.listTable tr.alt1 { }
.listTable tr.alt2 { background-color:#F5F5F5;}
.listTable td { padding: 2px 2px 1px 8px; }
.listTable td, .listTable tfoot td { text-align:right; }		    
.listTable td.last, .listTable tfoot td.last { width:80px; padding-right: 8px; } 
.listTable td.first, .listTable tfoot td.first { width:100px; padding-left: 8px; text-align:left; }
#pplan.listTable td {padding: 3px 2px 2px 8px; text-align:left; }
#MonthIndexTable.listTable tr.thead td { text-align:right; }
.monthindex {width:110px; margin-left: 0px; }

#MonthIndexFrame { height:225px; width:429px; border:0; margin-bottom:3px;padding:0; overflow:hidden; }

/* ===========================
 MagentaFeed
============================== */
.date { color:#7F7F7F; }
.ingress { margin-bottom:10px; }