/* @override http://www.kulturplattformen.se/upload/smartenergi/css/smart_style.css */

/* @override http://www.kulturplattformen.se/upload/smartenergi/css/smart_style.css */

/* @override 
	http://www.kulturplattformen.se/upload/smartenergi/css/style.css
	http://gnm.se/upload/smartenergi/css/style.css
	http://www.kulturplattformen.se/upload/smartenergi/css/smart_style.css
*/

/*smart energy*/
body {
	font-family: Verdana, Arial, sans-serif;
	font-size:1em;
	margin:auto;
	width:850px;
	voice-family:inherit;
	outline:none;
	background-image: url(/upload/smartenergi/bilder/body_top.gif);
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: top;
}

/* Align left */
body form
{
 margin: 0;
}

#defaultframework_FullPageArea {
	background-image: url(/upload/smartenergi/bilder/bilder/bottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#containerdiv {
	font-family:Verdana, Arial, sans-serif;
	font-size:0.80em;
	color:#555555;
	line-height: 1.5em;
	word-spacing: 0.1em;
	height:100%;
 	padding:0;
 	width:850px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.containerdivCenterTop 
{
	width:850px;
	margin-top: 0px;
	/*margin-top: 58px;*/
	background-image:none;
	display:table;
	height:100%;
	background-color: transparent;
}

.containerdivCenter 
{
 background-image:none;
 width:850px;
 padding: 0;
 margin: 0;
}
.Brodstandard 
{
	font-family:Verdana, Arial, sans-serif;
	color:#555555;
	line-height: 1.5em;
	word-spacing: 0.1em;
}

.Brodstandard a, #mainareadiv .Brodstandard a
{
	color:#555555;
	font-weight: normal;
}

a.Brodstandard:hover, .Brodstandard a:hover, a:hover .Brodstandard,
#mainareadiv a.Brodstandard:hover, #mainareadiv .Brodstandard a:hover, #mainareadiv a:hover .Brodstandard
{
  color:#000000;
}

#headerdiv {
 float:left;
 height:250px;
 padding:0;
 text-align:left;
 width:850px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
}



#headertopright {
 display:none;
}

#divSeparator {
 display:none;
}


ol.leftmenu {
 border-top:1px solid #000000;
}

#leftmenudiv {
 float:left;
 margin-right:34px;
 text-align:left;
 width:130px;
 margin-left:30px;
 margin-top:25px;
 padding-left:0px;
 clear:none;
 display:inline;
}

/* ndra font-size till motsvarande 12 pt.*/
 div.divText {
	padding: 10px 9px 9px;
	/*color:#262626;
 font-size: 12px;*/
}

/* Klass fr lnkar. Kolla om det skall vara s hr allts fr alla lnkar eller om det endast skall glla Ls mer. */
div.divText a
{
	color: #990000;
	font-weight: bold;
}
 
#navigationdivtop {
 background-color:White;
 border-bottom:1px solid silver;
 float:left;
 height:25px;
 margin-left:0;
 padding:3px 15px 3px 10px;
 text-align:left;
 vertical-align:middle;
 width:594px;
}
div#MainABCArea {
	float:left;
	margin: 0px;
}

#mainareadiv {
 float:left;
 padding:10;
 text-align:left;
 width:620px;
 /*Width var 625 nr henrik brjade felska IE6 april 2009*/
 clear:none;
}


#ytaC {
	float:left;
	padding-left:5px;
	padding-right:5px;
	width:190px;
	clear:none;
	margin-left: 10px;
}
#mark {
	float:left;
	overflow:hidden;
	width:100%;
	clear:none;
	background-color: #EFEFD1;
	font-size: 0.870em;
	font-weight: bold;
	color: #333333;
	padding: 15px;
}

div#ytac div:last-child {
 bottom-border:none;
}

#ytaABC {
 float:left;
 margin-top:25px;
 overflow:hidden;
 width:620px;
}

#ytaA_B_C {
 float:left;
 overflow:hidden;
 width:620px;
}

#ytaAB {
	float:left;
	overflow:hidden;
	width:372px;
	clear:none;
	/*background-color: #FFFF66; gul
	border: 1px solid #E4E4E4;*/
	padding: 10px;
	color:#333333;
	clear:none;
	margin-top: 14px;
}

#ytaAB_3 {
	float:left;
	margin-top:25px;
	overflow:hidden;
	width:372px;
	clear:none;
	/*background-color: #F8F8F8; gray*/
	border: 1px solid #E4E4E4;
	padding: 10px;
}



/*Brdpuff styles*/

.Overgripanderubrik{
	font-color:#990000;
	font-size:0.87em;
	font-weight: bold;
	padding: 1px 1px 1px 10px;
	width: 180px;
	color: #333333;

}
a.Overgripanderubrik:link{
	font-color:#ffffff;
	font-size:0.870em;
	font-weight: bold;
}

a.Overgripanderubrik:hover{
	font-color:#ffffff;
	font-size:0.870em;
	font-weight: bold;
}

#2_AB_C_Puff11{
	font-color:#990000;
	font-size:0.87em;
	color: #1B1B1B;
	border: 1px solid #EFEFD1 
/*	background-color: #E0CD2E !important; */
}


#3_AB_C_Puff12{
	font-color:#990000;
	font-size:0.870em;
	color: #000000;
	border: 1px solid #EFEFD1;
/*	background-color: #E0CD2E !important; */
}
#3_AB_C_Puff13{
	font-color:#990000;
	font-size:0.870em;
	color: #000000;
	border: 1px solid #EFEFD1;
/*	background-color: #E0CD2E !important; */
}

#1_A_B_C_Puff1{
	font-color:#990000;
	font-size:0.870em;
	color: #000000;
/*	background-image: url(/upload/smartenergi/bilder/puff_gul.jpg);*/
	border: 1px solid #EFEFD1;
/*	background-color: #DEDEDE !important;*/
}
#1_A_B_C_Puff2{
	font-color:#990000;
	font-size:0.870em;
	color: #000000;
	border: 1px solid #EFEFD1;
/*	background-color: #E0CD2E !important; */
}
#1_A_B_C_Puff3{
	font-color:#990000;
	font-size:0.870em;
	color: #000000;
	border: 1px solid #EFEFD1!important;
/*	background-color: #E0CD2E !important; */
}




.Brodpuff {
	font-family:Verdana, Arial, sans-serif;
	color:#666258;
	font-size:1em;
	background-color: #F0EFD9;
	padding: 0px 10px 10px;
}

/*Brdpuff rubrik styles*/
.Puffrubrik {
	font-color:#990000;
	font-size:0.870em;
	font-weight: bold;
	padding: 1px;
	color: #000000;
}



/*Brdpuff link styles*/
a.Brodpuff, .Brodpuff a, a .Brodpuff {
	color:#555555;
	text-decoration:underline;
	font: 1em Arial, Verdana, sans-serif;
}

a.Brodpuff:hover, .Brodpuff a:hover, a:hover .Brodpuff {
 color:#000000;
 text-decoration:underline;
}

div.divStretchVertical_right {
 float:left;
 margin-bottom:0;
 overflow:hidden;
 padding-bottom:0px;
 padding-top: 25px;
 width:190px;
}
div.divStretchVertical_left {
	float:left;
	margin-bottom:0px;
	margin-top:0px;
	overflow:hidden;
	padding-bottom:0px;
	padding-top:10px;
	width:190px;
}

div.divStretchVertical_middle {
	float:left;
	margin-bottom:0px;
	margin-top:0px;
	overflow:hidden;
	padding-bottom:0px;
	padding-top:10px;
	width:190px;
}

element.style {
	margin-right: 0px;
	background-color: transparent;
}


#navigationdivtop {
 display:none;
}

#navigationdivbottom {
 border-top:none;
 margin-top:30px;
}

a.NFLinks, a.NFLinks:hover, .NFLinks a:hover, a:hover .NFLinks {
font-size:1em;
font-weight:normal;
}

#navigationdivbottom a {
 text-decoration:underline;
 color:#555555;
}

#navigationdivbottom a:hover {
 text-decoration:underline;
 color:#000000;
}

#navigationdivbottom img {
 display:none;
}

#bottomshadow {
 display:none;
}

/*Links*/
a {
	color: #72715A;
	font-size: 1em;
	font-weight: bold;
}

a:hover {
	color: #666666;
	font-size: 1em;
	font-weight: bold;
}

/* Froum hover style */
.ExplorerTreeLink:hover {
 color:#555555;
}




/*-------------- Advanced menu styles - START -------------------*/
/* Left div style */
#LeftmenuBg 
{
 border:none;
 border-width:0;
 border-top:1px solid #000000;
 margin-bottom:none;
 overflow:hidden;
 padding-bottom:none;
 padding: 0;
 margin: 0;
}


#leftmenudiv #LeftmenuBg 
{
 margin-bottom:0px;
 overflow:hidden;
 padding-bottom:0px;
 padding: 0;
 margin: 0;
}

#LeftmenuBg ul
{
 list-position
 margin: 0;
 padding: 0;
}

/* Background color */
#leftmenudiv ul li li 
{
 background-color:#FFFFFF;
 list-style: url(../bilder/list.gif);
}

/* Firstlevel style */ 
#leftmenudiv ul li a 
{
	background-color:#FFFFFF;
	border-top:1px solid #DDDDDD;
	color:#555555;
	display:block;
	font-size:0.85em;
	font-weight:bold;
	margin:0;
	padding:6px 0;
	text-align:left;
	text-decoration:none;
	text-transform: uppercase;
}

/* Firstlevel hover style */ 
#leftmenudiv ul li a:hover 
{
 color:#000000;
 font-weight:bold;
}

/* Firstlevel active style */ 
#leftmenudiv ul li span a 
{
 color:#000000;
}

/* Second level style */ 
#leftmenudiv ul li li a 
{
 border-top:medium none;
 border-top:1px solid #DDDDDD;
 color:#202020;
 font-size:0.85em;
 font-weight:bold;
 padding:0px 0px 6px 8px;
 text-align:left;
 text-decoration:none;
}

/* Second level hover style */
#leftmenudiv ul li ul li a:hover 
{
 color:#000000;
 font-weight:normal;
 font-weight:bold;
}

/* Second level active style */
#leftmenudiv ul li ul li span a 
{
 color:#000000;
 font-weight:bold;
}

/* Second level active hover style */
#leftmenudiv ul li ul li span a:hover 
{
 color:#000000;
 font-weight:bold;
}
 

/* Style of last node in the second level menu  */ 
#leftmenudiv ul li ul li:last-child 
{
  padding-bottom:6px;
}

/* Hide image */
#BackgroundImg 
{
 display:none;
}
/*-------------- Advanced menu styles - STOP -----------*/


/*-------------- Form styles - START -------------------*/
/* XForm style */
fieldset 
{
 border:none;
}

/* xForm Heading */ 
.FormHeading 
{
  font-weight:bold;
}

/*-------------- Form styles - STOP --------------------*/

/*-------------- Brodstandard styles - START -----------*/
/* Brodstandard link styles */
.Brodstandard 
{
	font-family:Verdana, Arial, sans-serif;
	color:#555555;
	font-size: 1em;
	line-height: 1.5em;
	word-spacing: 0.1em;
}

.Brodstandard a, #mainareadiv .Brodstandard a
{
	color:#555555;
	font-weight: normal;
}

a.Brodstandard:hover, .Brodstandard a:hover, a:hover .Brodstandard,
#mainareadiv a.Brodstandard:hover, #mainareadiv .Brodstandard a:hover, #mainareadiv a:hover .Brodstandard
{
  color:#000000;
}

/*-------------- Brodstandard styles - STOP -------------*/

/*-------------- Sk styles - START ---------------------*/

#mainareadiv table a
{
 font-size:1em; 
 color: #000000;
}

#mainareadiv table a:hover
{
 font-size:1em; 
 color: #555555;
}

/*-----------Kalendarium - sk ----------------*/
#searchForm
{
	width: 365px;
}
/*-----------Bildtext olika storlekar ----------------*/


.Brodtextpuff {
	color:#666258;
	font-size:1em;
	padding: 5px 10px 10px;
}


/* Headline 1*/
h1, .h1, .Rubrik1, a.Rubrik1, .Rubrik1 a, a .Rubrik1{
	color: #005292;
	margin-bottom: 10px;
	font: bold 2.0em/130% Frutiger, Arial;
	margin-top: 0;
}

/* Headline 2*/
h2, .h2, .Rubrik2, a.Rubrik2, .Rubrik2 a, a .Rubrik2 {
	color: #005292;
	margin-bottom: 10px;
	margin-top:0px;
	font: bold 1.9em/130% Frutiger, Arial;
}

/* Headline 3*/
h3, .h3, .Rubrik3, a.Rubrik3, .Rubrik3 a, a .Rubrik3 {
 color: #005292;
 margin-bottom:10px;
	font: bold 1.2em/100% Frutiger, Arial;
}
/* Headline 4*/
h4, .h4, .Rubrik4, a.Rubrik4, .Rubrik4 a, a .Rubrik4 {
 color: #005292;
 margin-bottom:10px;
	font: bold 1.2em/100% Frutiger, Arial;
}

/*Headline used in a puff*/
.Mellanrubrik, a.Mellanrubrik, .Mellanrubrik a, a .Mellanrubrik {
 color:#333333;
	font: bold 1em Frutiger, Arial;
}

/*Ingress*/
.Ingress {
.Ingress {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: gray;
	font-size: 1em;
	font-weight: bold;
}


/*
#footerdiv p {
	margin: 0;
	padding: 30px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}
*/

#footerdiv {
	width: 810px;
	height: 100px;
	margin: 0 0px;
	text-align: center;
	padding: 20px 20px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	text-transform: uppercase;
	color: #666666;
	background-position: center center;
	border: none;
	background-color: #1C1B1B;
}

#footerdiv  a  {
	color: #666666;
}

#footerdiv a:link{
	color: #666666;
}
#footerdiv a:hover  {
	color: #1B1B1B;
}

#sidfot .copyright {
}

#bottomshadow {
	font-size:0px;
	height:0px;
	margin:0;
	padding:0;
	width:0px;
	background-position: 0px 0px;
}
/* td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	color: #333333;
}*/
a td {
	color: #72715A;
	font-size: 1em;
	font-weight: bold;
}

a:hover td  {
	color: #666666;
	font-size: 1em;
	font-weight: bold;
}
.Ingress {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: oblique;
	color: #666666;
	font-weight: bold;
}
.table td {
	color: #202020;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
}
.table h3 {
	font-size: 1.2em;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	line-height: 120%;
}
.gray {
	background-color: #F8F8F8;
}
.yellow {background-color: #ABCDE8;}

p.gray  {
	background-color: #F2F2F2;
	padding: 7px;
}

