body
{
	font-family: Lucida, Verdana, Tahoma, Arial, Sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #fefefe; /*e6e6e6*/
}


#main
{
	position: relative;
	width: 980px;
	margin: 0px auto;
	top: 10px;
	/*border: 1px solid #009900;*/
}


#header
{
	position:relative;
	left: 10px; /*0px*/
	top:0px; 
	margin-bottom: 12px; /*10px*/
	/*border: 1px solid #009900;*/
	width:960px;
}


#menu
{
	position:relative;
	top: 6px;
	width:980px;
	z-index: 6;
}


/*innehåll på sidan ej. logo, meny eller sidfot*/
#content
{
	position: relative;
	width: 920px;
	padding: 20px;
	left: 10px;
	/*border: 1px solid #009999;*/
	background-color: #517283; /*5F86A0,b8dcf5,a4d0ee,666666*/
}


#content_firstpage
{
	position: relative;
	width: 960px;
	left: 10px;
	top: 0px;
	/*border: 1px solid #009999;*/
	background-color: #ffffff;
	min-height: 300px;
	z-index: 1;
}


#content_greentech
{
	position: relative;
	width: 920px;
	padding: 20px;
	left: 10px;
	background-color: #36592f;
}


#news
{
	position:relative;
	background-color: #517283; /*666666*/
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	/*left: 5px;*/
	top: 0px; /*5px*/
	
}

.sidepictures
{
	position: relative; 
	width: 290px; /*300px*/ 
	left: 88px; /*85 px*/
	border: 2px solid #E6E6E6; 
	float:left;
	
}


#rightcolum /*not in use*/
{
	position: relative; 
	width: 290px; /*300px*/ 
	left: 88px; /*85 px*/
	float:left;
}


#footer
{
	position:relative;
	width:954px;
	left:10px;
	top:0px;
	padding-left: 6px;
	padding-top: 2px; /*2px*/
	padding-bottom: 0px;
	background-color: #E9881D;
}


img
{
	border: 0;
}


p
{
	line-height: 150%;
}

/*----Rubriker----*/

h1, h2, h3, h4 
{
	font-family: lucida, verdana, arial, sans-serif;
	font-weight: bold;
	color: #fefefe; /*E6E6E6, 89adc7*/
	padding-top: 0px;
	margin: 0px;
}


h1 
{
	font-size: 180%; 
	padding-bottom: 5px;
}


h2 
{
	font-size: 120%; 
	padding-bottom: 2px;
	color:#a4d0ee; /*FF9900, a4d0ee*/
	font-weight: 600;
}


h3 
{
	font-size: 107%; 
	padding-bottom: 2px;
}


h1 + h2 /*this rule means that all h2 tags that comes directly after h1 shall have this rule*/
{ 
	padding-top: 2em; 
} 


.smalltext
{
	font-size: 9px;
}


.caption
{
	margin-top: 4px;
	font-size: 9px;
	
}


.tabcontainer  h2{ /*rules statet that h2 that comes after, but not req directly after tabcointiner shall have this rule*/
color: #FF9900;
}




ul.dot {
	line-height: 1.2em;
	list-style: square outside url('images/li_dot.png');
}


td
{
vertical-align: top;
}



/*----Länkar----*/

a:link {color: #f89618; text-decoration: none}
a:visited {color: #c7e2bf; text-decoration: none} /*c7e2bf, 79a466, 5a80e1*/
a:hover {color: #f89618; text-decoration: underline} /*333333*/
a:active {color: #777711; text-decoration: none}

a.sprak:link {color: #ffffff; text-decoration: none}
a.sprak:visited {color: #ffffff; text-decoration: none} /*c7e2bf, 79a466, 5a80e1*/
a.sprak:hover {color: #222222; text-decoration: underline} /*333333*/
a.sprak:active {color: #ffffff; text-decoration: none}