body {
	background-color: #666666;
	background-color: #333333;	
	background-color: #faf8f8;
	/*
	background-image: url('../grafik/newTopLongTrans.png');
	background-image: url('../grafik/topLongNewBorder.png');
	background-repeat: repeat-x;
	*/
	color: black;
}
.green {
	color: green;
}
span.faded {
	color: rgb(70%, 70%, 70%);
}
#content table.fancy {
	border-spacing: 0 10px;
	width: 100%;
}
#content table.fancy td {
	border: 1px solid #aaa;
	border-left: 0;
	padding: 0 5px;
}
#content table.fancy th {
	border: 1px solid #aaa;
	border-right: 0;
	padding: 0 5px;
}
#toplogo {
	background-repeat: no-repeat;
	/*
	background-image: url('../grafik/newTopTrans.png');
	background-image: url('../grafik/topNewBorder.png');
	background-image: url('../grafik/topNewSimple.png');
	*/	
	background-image: url('../grafik/Design20110218_Logo.png');
}
#wrap {
	color: black;	
	/*
	background-image: url('../grafik/nice_bord_middle.jpg'); 
	background-image: url('../grafik/longtop_middle.jpg'); */
}
#content, #bmenu, #footer {
/*
	background-color: white;
	border: 1px solid black;
	border-width: 0 1px;
	*/
}
#nav a:link, #nav a:active, #nav a:visited, #nav li {
	color: #232323;
}
#nav a:hover, #nav a:focus {
	color: black;
}
#content a:link, #content a:active, #content a:visited {
	color: black;
}
#twitter a:link, #twitter a:active, #twitter a:visited {
	color: inherit;
}
#content a:hover, #content a:focus {
	border-bottom: 1px solid black;
}
#footer {
	color: #999999;
}
#bmenu a:hover, #bmenu a:focus {
	color: black;
	border-bottom: 1px solid black;	
}
/** DATA visning **/
#content div.graph {
	width: 100%;
	height: 350px;
	background-color: white;
	position: relative;
	margin-top: 0.5em;	
	/* background-image: url('../grafik/small_tiles.png');	*/
	background-color: #eee;
	border: 1px solid #ccc;
	margin-bottom: 1em;
	overflow: auto;
}
#content div.halfpage {
	width: 48.5%;
	float: left;
	clear: none;
	margin-right: 3%;
}
#content div.halfpage.graph {
	clear: none;
	float: left;
}
#content div.graph div.axes {	
	top: 3%;
	left: 9%;
	border: 1px dotted #aaa;
	border-right: 0;
	border-top: 0;
	height: 300px;
	width: 87%;
	position: absolute;
}
#content div.graph div.axes p {
	line-height: 1em;
}
#content div.graph div.axes span {
	position: absolute;
	font-weight: normal;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 10px;
	padding: 2px 5px;
	border: 1px solid #ccc;
}
#content div.graph p.label {
	position: absolute;
	font-size: 0.9em;
	color: #999;
}
#content div.graph p.top {
	top: 0;
	right: 92%;
}
#content div.graph p.bottom {
	right: 3%;
	bottom: 0;
}
#content div.mentometer {
	display: block;
	width: 770px;
	position: relative;
	overflow: hidden;
	background-color: white;
	border: 1px solid #ccc;
	margin-bottom: 1em;
	margin-top: 0.5em;
	padding: 5px 15px;
}
#content div.mentometer p.label {
	font-size: 0.9em;
}
#content div.mentometer p.left {
	float: left;
	margin-left: 100px;	
}
#content div.mentometer p.right {
	float: right;
	margin-right: 10px;
}
#content div.mentometer span.label {
	display: block;
	float: left;
	clear: left;
	width: 100px;
}
#content div.mentometer span.full {	
	color: purple;
	height: 1em; 
	width: 84%;
	display: block;
	float: left;
	/* background-color: purple;	*/
	background-image: url('../grafik/gradient.jpg');
	border: 1px solid #ccc;
	margin-top: 0.1em;
}
/** SLUT PÅ DATAvisning **/
#print {
	float: right;	
}
#print img {
	border: 0;
}
#print div {
	display: none;
	position: absolute;
	right: 100px;
	width: 200px;
	padding: 0 10px;
	border: 1px solid #ccc;
	font-size: 0.8em;
	background-color: white;
}
#print:hover div {
	display: block;
}
#print div p {
	text-align: left;
}
#content input.listview {
	float: left;
	/* background-image: url('../grafik/list.gif'); */
	
	height: 34px;
	overflow: hidden;
	width: 36px;
	margin-left: -45px;
}
#content ul.expanding a:link, #content ul.expanding li a:active, #content ul.expanding a:visited {
	text-decoration: underline;
}