/* -------------- global framework and structure --------------- */
body
{
	color: #333333;
	background: #f6f5f5 url(../images/body.png) repeat-y center 0;
	font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
	font-size: 82%;
	line-height: 130%;
}
div.clearer { clear:both; height:0; line-height:0; font-size:0px; overflow:hidden; }
#page-wrapper
{
	background: url(../images/page-wrapper.png) repeat-x;
}
#page-wrapper-inner
{
	background: url(../images/shade.png) no-repeat center 0;
}
#page
{
	background: url(../images/body.png) repeat-y center 0;
}
#page-inner
{
	width: 980px;
	background: #fff;
	margin: 0 auto;
}
#related-content, .related-content
{
	width: 236px;
	float: right;
}


/* -------------- general html and classes --------------- */

h1, h2, h3, h4, h5, h6, cite
{
	font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
	font-weight: bold;
}
a:link
{
	color: #006eab;
}
a:visited
{
	color: #006eab;
}
a:active
{
	color: #006eab;
}
a:hover
{
	color: #006eab;
	text-decoration: underline;
}
a[name]:hover
{
	color: inherit;
	text-decoration: none;
}
p, div.p
{
	margin-bottom: 10px;
}
em
{
	font-style: italic;
}
em.small
{
	font-size: .8em;
}
strong
{
	font-weight: bold;
}
blockquote, q
{
	font-style: italic;
}
blockquote
{
	padding: 0 1em;
}
.clearfix
{
	overflow: hidden;
}
.hidden 
{
	visibility: hidden;
}
.nonvisual
{
	color: #FFFFFF;
	font-size: 1px;
	left: -900px;
	overflow: hidden;
	position: absolute;
	width: 0pt;
}
.fineprint
{
	font-size: 82%;
	font-style: italic;
	line-height: 130%;
}
.script-show
{
	display: none;
}
a.small-link, .small-link a
{
	background: url(../images/icons-arrows.png) no-repeat right 0;
	height: 16px;
	width: 16px;
	text-indent: -9999px;
	display: block;
}
a.small-link:hover, .small-link a:hover
{
	background: url(../images/icons-arrows.png) no-repeat right -36px;
}

a.small-link-info, .small-link-info a
{
	background: url(../images/icons-general.png) no-repeat right -346px;
	height: 16px;
	width: 16px;
	text-indent: -9999px;
	display: block;
}
a.small-link-info:hover, .small-link-info a:hover
{
	background: url(../images/icons-general.png) no-repeat right -382px;
}
a.print
{
	background: url(../images/icons-general.png) no-repeat right -418px;
	padding-right: 24px;
	text-decoration: none;
}
a.tips
{
	background: url(../images/icons-general.png) no-repeat right -453px;
	padding-right: 24px;
	text-decoration: none;
}
a.question, .question a
{
	background: url(../images/icons-general.png) no-repeat right -487px;
	padding-right: 22px;
	text-decoration: none;
	display: inline-block;
}
a.question:hover, .question a:hover
{
	background: url(../images/icons-general.png) no-repeat right -523px;
	text-decoration: underline;
}
a.abort, .abort a
{
	background: url(../images/icons-general.png) no-repeat right -559px;
	padding-right: 22px;
	text-decoration: none;
	display: inline-block;
}
a.abort:hover, .abort a:hover
{
	background: url(../images/icons-general.png) no-repeat right -595px;
	text-decoration: underline;
}
a.search, .search a
{
    background: url(../images/icons-general.png) no-repeat right -44px;
	padding-right: 23px;
	text-decoration: none;
	display: inline-block;
}
a.search:hover, .search a:hover
{
	background: url(../images/icons-general.png) no-repeat right -65px;
	text-decoration: underline;
}
a.pdf, .pdf a
{
	background: url(../images/icon-pdf.png) no-repeat right;
	padding-right: 22px;
	text-decoration: none;
	display: inline-block;
}
input.next
{
	background: url(../images/icons-arrows.png) no-repeat right 0;
	padding-right: 23px;
	text-decoration: none;
	border: none;
	color: #006eab;
}
input.read-more:hover
{
/*	background: url(../images/icons-arrows.png) no-repeat right -36px;	*/
	text-decoration: underline;
	color: #006eab;
}
input.next:hover
{
    background: url(../images/icons-arrows.png) no-repeat right -36px;
	text-decoration: underline;
	color: #006eab;
}
a.read-more, .read-more a
{
	/*background: url(../images/icons-arrows.png) no-repeat right 0;*/
	background: url(../images/icon-readmore-2010.png) no-repeat right;
	padding-right: 23px;
	text-decoration: none;
	display: inline-block;	
}
a.next
{
    background: url(../images/icons-arrows.png) no-repeat right 0;
	padding-right: 23px;
	text-decoration: none;
	display: inline-block;
}
a.read-more:hover, .read-more a:hover
{
/*	background: url(../images/icons-arrows.png) no-repeat right -36px;*/
	text-decoration: underline;
}
a.next:hover
{
    background: url(../images/icons-arrows.png) no-repeat right -36px;
	text-decoration: underline;
}

a.info, .info a
{
	background: url(../images/icons-general.png) no-repeat right -346px;
	padding-right: 23px;
	text-decoration: none;
	display: inline-block;
}
a.info:hover, .info a:hover
{
	background: url(../images/icons-general.png) no-repeat right -382px;
}

a.previous
{
	background: url(../images/icons-arrows.png) no-repeat left -432px;
	padding-left: 23px;
	text-decoration: none;
}
a.previous:hover
{
	background: url(../images/icons-arrows.png) no-repeat left -468px;
	text-decoration: underline;
}

/* ---- special links ---- */
a.add, .add a
{
	background: url(/images/My-installations/icons-general.png) no-repeat right -701px;
	padding-right: 22px;
	text-decoration: none;
	display: inline-block;
}
a.add:hover, .add a:hover
{
	background: url(/images/My-installations/icons-general.png) no-repeat right -737px;
	text-decoration: underline;
}
a.export, .export a
{
	background: url(/images/My-installations/icons-general.png) no-repeat right -774px;
	padding-right: 22px;
	text-decoration: none;
	display: inline-block;
}
a.export:hover, .export a:hover
{
	background: url(/images/My-installations/icons-general.png) no-repeat right -810px;
	text-decoration: underline;
}

.errortext
{
	color: Red;
}

span.buttonseparator
{
	background: transparent url(../images/separator.png) no-repeat 50% 0;
}

a.read-more-big
{
	background: url(../images/icon-readmore-big.png) no-repeat right;
	padding: 8px 40px 8px 0;
	text-decoration: none;
	display: inline-block;
	font-size: 14px; font-weight: bold;	    
}


/* -------------- header --------------- */
#header
{
	min-height: 131px;
	position: relative;
	z-index: 1; /* ie7 search fix [ES] */
}
#header #logo
{
	position: absolute;
	top: 23px;
	left: 22px;
	z-index: 20;
}
#header li
{
	float: left;
	display: block;
}
#header li
{
	float: left;
	display: block;
}

#header #main-entrances-wrapper
{
	float: right;
	width: 801px;
	text-align: right;
	padding: 20px 12px 0 0;
}
#main-entrances-wrapper .log-in
{
	color: #666;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	background: url(../images/icons-general.png) no-repeat right 0;
	padding: 0 27px 0px 0;
	font-size: 13px;
	line-height: 19px;
}
#main-entrances-wrapper .login-name
{
	color: #04689e;
	text-decoration: none;
	font-weight: normal;
	display: inline-block;
	padding: 0 10px 0px 0;
	margin-right: 5px;
	font-size: 13px;
	line-height: 16px;
	border-right: solid 1px #bbb;
}
#main-entrances-wrapper .log-in:hover
{
	text-decoration: underline;
	background: url(../images/icons-general.png) no-repeat right -22px;
}


/* -------------- main-entrances menu --------------- */
#main-entrances
{
	float: right;
	padding-right: 20px;
}
#main-entrances li
{
	background: url(../images/main-entrances.png) no-repeat 0 0;
	padding: 11px 17px;
}
#main-entrances li.first
{
	background: none;
}
#main-entrances a
{
	height: 16px;
	text-align: left;
	display: block;
	text-indent: -9999px;
	font-size: 1px;
}
#main-entrances a:hover
{
	border-bottom: 1px solid #03679e;
}
#main-entrances a.current:hover
{
	border-bottom: 1px solid #ff3302;
}
#main-entrances span
{
	position: absolute;
	width: 100%;
	height: 100%;
}
#main-entrances .private
{
	width: 47px;
	background: #fff url(../images/main-entrances-links-2010.png) no-repeat 0 0;
}
#main-entrances .company
{
	width: 62px;
	background: #fff url(../images/main-entrances-links-2010.png) no-repeat 0 -34px;
}
#main-entrances .about
{
	width: 128px;
	background: #fff url(../images/main-entrances-links-2010.png) no-repeat 0 -76px;
}
#main-entrances .my-pages
{
	width: 86px;
	background: #fff url(../images/main-entrances-links-2010.png) no-repeat 0 -118px;
}
#main-entrances .current .private
{
	width: 47px;
	background: #fff url(../images/main-entrances-links-2010.png) no-repeat 0 -17px;
}
#main-entrances .current .company
{
	width: 62px;
	background: #fff url(../images/main-entrances-links-2010.png) no-repeat 0 -55px;
}
#main-entrances .current .about
{
	width: 128px;
	background: #fff url(../images/main-entrances-links-2010.png) no-repeat 0 -97px;
}
#main-entrances .current .my-pages
{
	width: 86px;
	background: #fff url(../images/main-entrances-links-2010.png) no-repeat 0 -135px;
}


.main-search
{
	float: right;
	padding: 6px 0 0 0;
	z-index: 30;
}
.main-search .search-field
{
	background: url(../images/search-field.png) no-repeat 0 0;
	width: 186px;
	height: 20px;
	border: 0;
	font-size: 12px;
	color: #666;
	padding: 3px 6px 0 6px;
	/* background-color: #fbfbfb; */
	/* border: 1px solid #ddddde;*/
	border: none;
}
.main-search .search-button
{
	background: url(../images/icons-general.png) no-repeat 0 -44px;
	width: 19px;
	height: 18px;
	text-indent: -9999px;
	border: none;
	margin-left: 5px;
	cursor: pointer;
	line-height: 0px; /* Ie fix */
}
.main-search .search-button:hover
{
	background: url(../images/icons-general.png) no-repeat 0 -65px;
}

.main-search-panel,.faq-search-panel
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #D3D3D3;
	background: #fff url(/images/search-background.png) repeat-x bottom left;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 10px;
	position: relative;
}

.main-search-panel input[type="text"], .main-search-panel select, .faq-search-panel input[type="text"] /* Lite luft runt inputboxarna */
{
	border: solid 1px #e2e2e2;
	margin-left: 6px;
	margin-right: 6px;
}

.main-search-panel .tipicon 
{
	position: absolute;
	left: 688px;
	top: 10px;
}

.faq-search-panel .tipicon
{
	position: absolute;
	left: 468px;
	top: 10px;
}


#mainsearchpanel ul
{
	padding-left: 10px;
}

#mainsearchpanel ul li
{
	margin-bottom: 3px;
}

#relatedsearches
{
	background-image: url(/images/icon-tip.png);
	background-repeat: no-repeat;
	background-position: 198px 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #D3D3D3;
	padding-left: 10px;
	padding-bottom: 6px;
	padding-top: 8px;
	margin-top: 20px;
}


#popularsearch
{
	background-image: url(/images/icon-info.png);
	background-repeat: no-repeat;
	background-position: 198px 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #D3D3D3;
	padding-left: 10px;
	padding-bottom: 16px;
	padding-top: 8px;
}

.popularcolumn
{
	overflow: hidden;
	width: 104px;
	float: left;
}

.popularcolumn ul
{
	/*list-style: square url(/images/icons-list-bullets.png) inside;*/
}

.popularcolumn li
{
	background-image: url(/images/icons-list-bullets.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 12px;
}

.relatedwords
{
	padding-top: 4px;
	font-style: italic;
}
/* -------------- main-nav menu --------------- */
#header #main-nav-wrapper
{
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/main-nav.png) no-repeat 0 bottom;
	overflow: hidden;
	height: 62px;
	width: 100%;
}
#header #main-nav-cover
{
	position: absolute;
	bottom: 32px;
	left: 0;
	height: 30px;
	width: 100%;
	z-index: 10;
	background: url(../images/main-nav-cover.png) no-repeat 0 0;
}
#main-nav
{
	float: left;
	width: 738px;
	position: relative;
	z-index: 1;
}
#main-nav li
{
	background: url(../images/main-nav-separator-1.png) no-repeat right bottom;
}
#main-nav a
{
	height: 62px;
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	float: left;
	font-size: 13px;
}
#main-nav a span
{
	display: block;
	padding: 39px 12px 6px 12px;
	background: url(../images/main-nav-separator-2.png) no-repeat 0 bottom;
	float: left;
	cursor: pointer;
}
#main-nav a:hover
{
	background: url(../images/main-nav-hover.png) repeat-x 0 bottom;
}
#main-nav a.selected:hover
{
	background: url(../images/main-nav-selected.png) repeat-x 0 bottom;
	color: #ff3302;
}
#main-nav a.selected
{
	background: url(../images/main-nav-selected.png) repeat-x 0 bottom;
	color: #ff3302;
}

#main-tools
{
	background: url(../images/main-tools.png) no-repeat right bottom;
	width: 242px;
	float: right;
	font-size: .9em;
}
#main-tools li
{
	height: 32px;
	padding-top: 30px;
	display: block;
	overflow: hidden;
}
#main-tools a
{
	color: #565656;
	font-weight: bold;
	text-decoration: none;
	padding: 9px 21px 5px 9px;
	display: block;
	font-size: 12px;
}
#main-tools a:hover
{
	text-decoration: underline;
}
#main-tools .find
{
	background: url(../images/icons-general.png) no-repeat right -98px;
}
#main-tools .adjust
{
	background: url(../images/icons-general.png) no-repeat right -184px;
}
#main-tools .langen
{
	background: url(../images/icons-general.png) no-repeat right -621px;
}
#main-tools .langsv
{
	background: url(../images/icons-general.png) no-repeat right -265px;
}
#main-tools .find:hover
{
	background: url(../images/icons-general.png) no-repeat right -142px;
}
#main-tools .adjust:hover
{
	background: url(../images/icons-general.png) no-repeat right -225px;
}
#main-tools .langen:hover
{
	background: url(../images/icons-general.png) no-repeat right -657px;
}
#main-tools .langsv:hover
{
	background: url(../images/icons-general.png) no-repeat right -301px;
}

.SysMessage
{
    padding: 8px 8px 8px 36px;
    background: #fff url(/images/icon-info.png) no-repeat 10px 10px;
    border: solid 1px #d4d4d4;    
    margin-bottom: 12px;
    -webkit-border-radius: 6px;	
    -moz-border-radius: 6px;	
    border-radius: 6px;    
}
.SysMessage H3, .SysMessage H3 span
{
    color: #e8531f;
}
.SysMessage P
{
    font-size: 1em;
    color: #646464;    
    padding-left: 2px;
}

/* -------------- content-nav --------------- */
#content-nav
{
	width: 202px;
	float: left;
	background: url(../images/content-nav.png) repeat-y right bottom;
	padding-bottom: 100px;
	padding-right: 0px;
}
#menu
{
	background: #e4e3e3 url(../images/content-nav-menu.png) no-repeat right bottom;
}
#menu ul
{
	background: url(../images/content-nav-menu-corner.png) no-repeat right 0;
}
#menu ul ul
{
	background: none;
}
#menu li
{
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #c4c3c3;
}
#menu li.first
{
	border-top: none;
}
#menu li li
{
	border-top: none;
	border-bottom: none;
	padding-left: 0;
}
#menu ul a
{
	color: #646464;
	display: block;
	padding: 6px 5px 6px 18px;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
}
#menu ul a:hover
{
	text-decoration: underline;
}
#menu ul a.expanded
{
	color: #000;
}
#menu ul a.selected
{
	color: #ff3302;
}
#menu ul ul a
{
	font-size: .95em;
	padding: 3px 3px 3px 25px;
}
#menu ul ul ul a
{
	font-size: .87em;
	padding: 1px 3px 1px 42px;
	background: none;
}
#menu ul ul ul a.expanded, #menu ul ul ul a.selected
{
	background: none;
}


/* -------------- main-content --------------- */
#content
{
	background: url(../images/content.png) repeat-x center 0;
	padding: 12px 0 10px 0;
}
#content h1
{
	font-size: 2.1em;
	margin-bottom: .6em;
	line-height: 1em;
}
#content h2
{
	font-size: 1.2em;
	margin-bottom: 10px;
	padding-top: 3px;
	line-height: 130%;
}

#content h3
{
	font-size: 1.1em;
	margin-bottom: .3em;
}
#content h3 span
{
	font-weight: normal;
}
#content .box h3
{
	color: #656464;
	font-size: 1em;
}
#content cite
{
	font-size: 1.1em;
	margin-bottom: .3em;
	display:block;    
}
#content table.striped
{
	border-collapse: collapse;
	margin: 8px 0 8px 0;
}
#content td.striped
{
	padding: 3px 0 3px 6px;
	border-bottom: 1px solid #ccc;
	font-size: 90%;
}
#content tr.odd td.striped
{
	background-color: #f1f1f1;
	padding: 2px 0 2px 6px;
}
#content th.striped
{
	padding: 3px 0 3px 6px;
	font-weight: bold;
	color: #3f3f3f;
	background-color: #f1f1f1;
	border-bottom: 1px solid #3f3f3f;
}
#content table.top-align-text td
{
	vertical-align: top;
}

#main-content, .main-content
{
	width: 510px;
	float: left;
}
#main-content
{
	margin-left: 16px;
}
#main-content.wide
{
	width: 762px; /* 760 */
}
#main-content.full
{
    width: 100%;
    margin: 16px 0 16px 0;
}
#main-content.no-nav
{
	margin-left: 0px;
	width: 738px;
}
#main-content img
{
	margin: 0 10px 0 10px;
}
#main-content img.no-margin
{
	margin: 0;
}
#main-content img.imgtext
{
	margin: 0 0 0 0;
	vertical-align: bottom;
	line-height:normal;
	font-size: 1em;
}
#main-content img.left
{
	float: left;
	margin: 2px 15px 15px 0;
}
#main-content img.right
{
	float: right;
	margin: 2px 0 15px 15px;
}
#main-content img.center
{
	display: block;
	margin: 2px auto 15px auto;
}
#main-content ul
{
	list-style-type: disc;
	padding-left: .5em;
	margin: .5em 0 1em 1.5em;
}
#main-content ol
{
	padding-left: .5em;
	margin: .5em 0 1em 1.5em;
	list-style-type: decimal;
}
#main-content li
{
	padding-bottom: .4em;
}

/* -------------- bread-crumb --------------- */
#main-content #bread-crumb
{
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}
#main-content #bread-crumb li
{
	float: left;
	padding: 0 5px 0 0;
	color: #04689e;
}
#main-content #bread-crumb a
{
	color: #04689e;
	text-decoration: none;
}
#main-content #bread-crumb .current
{
	color: #4a4a4a;
}

#main-content .page-tools
{
	margin: 2em 0 1em 0;
	clear: both;
}
#main-content .page-tools a
{
	margin-right: .5em;
}

#main-content .page-tools .articleLinkFacebook a
{
    margin: 0;
}
#content .page-tools .articleLinkFacebook a img
{	
    margin: 0 4px;
}
#content .articleLinkTwitter a
{
    margin: 0;
}
#main-content .articleLinkTwitter a img
{
    margin: 0 4px;
}

#main-content-chat img
{
	position:relative;
	left: -12px;
	top: -108px;
}

#main-content-chat .mainbody
{
	position:relative;
	left: 0px;
	top: -100px;
}

/* ---------------- teasers ------------ */
#teaser-chat img
{
	position:relative;
	left: -2px;
	top: -108px;	
}

#teaser-chat .mainbody
{
	position:relative;
	top: -110px;
}

.teaser
{
	margin-bottom: 15px !important;
}
.teaser-inner
{
	padding: 10px 10px 10px 10px;
	border: 1px solid #d3d3d3;
	background-repeat: no-repeat;
	background-position: right bottom;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    overflow: hidden;
}
#content .teaser h1
{
	font-size: 2.1em;
	margin-bottom: 5px;
	padding-top: 3px;
}
#content .teaser h2
{
	font-size: 1.2em;
	margin-bottom: 10px;
	padding-top: 3px;
	line-height: 1;
}
.teaser p
{
	padding-bottom: 5px;
	color: #666;
}

/* ---------------- teaser-colors ------------ */
.teaser.bg-left .teaser-inner
{
	background-position: left bottom;
}
.teaser.no-frame .teaser-inner /* Has IE6Fix */
{
	/* border: none; Must have a border to align correctly with the other teasers */
	border: 1px solid transparent;
}
.teaser.red .teaser-inner
{
	border: 1px solid #ff3302;
}
.teaser.blue .teaser-inner
{
	border: 1px solid #03679e;
}
.teaser.green .teaser-inner
{
	border: 1px solid #008819;
}

/* ---------------- teaser-backgrounds -------------*/
/* --- används ej /erst 090526 */
/*

.teaser.background-grey-gradient
{
	background: transparent url(../images/puff_bg.png) repeat-x top left;
}
*/

/* ---------------- teaser-layouts -------------*/
.teaser.vignette .teaser-inner
{
	background-position: 6px 6px !important;
}
.teaser.vignette .teaser-inner H2
{
	padding: 80px 0px 0px 0px !important;
	margin: 0px 0px 5px -1px !important;
}
.start-page .teaser.vignette .teaser-inner H2
{
	padding: 85px 0px 0px 0px !important;
	margin: 0px 0px 5px -1px !important;
}

.start-page .teaser-standard H2
{
	padding: 25px 0px 20px 0px !important;
}
/*
.start-page .teaser.listing H2
{
	padding: 25px 0px 20px 0px !important;
}*/
.start-page .teaser-standard P, .start-page .teaser-standard UL
{
	/*padding: 20px 0px 0px 0px !important;*/
	height: 132px; overflow: hidden; margin: 0; padding: 0;
}

.teaser.vignette .teaser-inner P
{
	margin: 0px 0px 4px 0px;
	padding: 0;	
	overflow: hidden;
}
.start-page .teaser.vignette .teaser-inner P
{
    height: 93px;
}

/*.wide .teaser.vignette .teaser-inner P   --- ny test nedan */
.main-content .teaser.vignette .teaser-inner P
{
    height: 51px;
}
.teaser.vignette .teaser-inner A
{
	text-align: right;
	display: block;
}
.start-page .teaser.vignette .teaser-inner A
{
	width: 192px;
}
.teaser .manual-vignette
{
    margin: -89px 0px -73px -4px; 
    height: 77px;
}

/* ---------------- teaser-icons ------------ */
.teaser.ico-broadband h2
{
	/* Stadsnät */
	background: url(../images/icon-broadband.png) no-repeat right 0;
}
.teaser.ico-contact h2
{
	/* Kontakt */
	background: url(../images/icon-contact.png) no-repeat right 0;
}
.teaser.ico-document h2
{
	/* Dokument */
	background: url(../images/icon-document.png) no-repeat right 0;
}
.teaser.ico-green h2
{
	/* Miljö */
	background: url(../images/icon-green.png) no-repeat right 0;
}
.teaser.ico-heat h2
{
	/* Värme */
	background: url(../images/icon-heat.png) no-repeat right 0;
}
.teaser.ico-info h2
{
	/* Info */
	background: url(../images/icon-info.png) no-repeat right 0;
}
.teaser.ico-power h2
{
	/* El */
	background: url(../images/icon-power.png) no-repeat right 0;
}
.teaser.ico-tip h2
{
	/* Tips */
	background: url(../images/icon-tip.png) no-repeat right 0;
}
.teaser.ico-water h2
{
	/* Vatten */
	background: url(../images/icon-water.png) no-repeat right 0;
}

/* --- används ej /erst 090526 */
/*
.teaser.ico-lamp h2
{
	background: url(../images/icons-teasers.png) no-repeat right 0;
}
.teaser.ico-temp h2
{
	background: url(../images/icons-teasers.png) no-repeat right -29px;
}
.teaser.ico-computer h2
{
	background: url(../images/icons-teasers.png) no-repeat right -59px;
}
*/


/* ---------------- special-teasers: listing (e.g. news list) ------------ */
#content .teaser.listing
{
	border: none;
}
#content .teaser.listing ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#content .teaser.listing li
{
	background: url(../images/icons-list-bullets.png) no-repeat 0px 5px;
	padding: 0 0 .4em 15px;
	margin: 0 0 0 2px;
}
#content .teaser.listing a
{
	text-decoration: none;
}
#content .teaser.listing a:hover
{
	text-decoration: underline;
}
#content .teaser.listing a.read-more
{
	display: block;
	text-align: right;
}
#content .teaser-inner ul
{
	padding: 0;
	margin: 0;
}
#content .teaser-inner li
{
	background: url(../images/icons-list-bullets.png) no-repeat 0px 5px;
	padding: 0 10px 10px 15px;
	margin: 0 0 0 2px;
}

/* ---------------- special-teasers: price-informer ------------ */
#content .price-informer .tabs
{
	font-weight: bold;
	font-size: 1.1em;
	z-index: 10;
}
#content .price-informer .tabs a
{
	display: block;
	text-decoration: none;
	padding: 0 15px 20px 15px;
}
#content .price-informer .tabs a:hover
{
	background: url(../images/tabs-selected.png) no-repeat center bottom;
}
#content .price-informer .tabs a.selected
{
	color: #ff3302;
	z-index: 10px;
	position: relative;
	background: url(../images/tabs-selected.png) no-repeat center bottom;
}

#content .price-informer .tab-content
{
	border: 1px solid #d3d3d3;
	margin-top: -2px;
}
#content .price-informer .tab-content-inner
{
	border: 1px solid #fff;
	background: #f6f6f6;
	padding: 16px 0;
}
#content .price-informer .tab-content p
{
	padding: 0 12px;
}
#content .price-informer table
{
	background: #e6e6e6;
	border-bottom: 1px solid #fff;
}
#content .price-informer tr.odd th
{
	font-weight: bold;
	padding: 1px 8px;
	background: #f6f6f6;
	border-bottom: 1px solid #e1e1e1;
	text-transform: uppercase;
	font-size: .8em;
}


/* ---------------- special-teasers - contract-info ------------ */
.teaser .contract-teaser
{
	width: 236px;
	display: block;
	margin: 0;
}
.teaser .contract-teaser-inner
{
	/*padding: 10px 10px 10px 0px;*/
	/*border: none;*/
	padding: 0px 0px 7px 0px;
	background: #f7f7f7 url(../images/contract-teaser-form.png) no-repeat bottom left;	
}
#content .teaser .contract-info
{	
	padding: 10px 10px 10px 10px;	
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;		
	display:block;
}
#content .teaser .contract-info-top 
{
    background: transparent url(../images/contract-teaser-top.png) no-repeat top left;	
    padding-top: 8px;
}
#content .teaser .contract-info-top img
{
    margin-top: -8px;
    display:block;
}
#content .teaser .contract-info img.partnerimage
{
	margin-bottom: 10px;
}
#content .teaser .contract-info .contract-info-inner
{
	width: 100%; /*border: 1px solid #fbfbfb; 	padding: 0px 10px 10px 10px;*/
}
/*#content .teaser .contract-info .price-tag
{
	font-size: 1.2em;
}*/
#content .teaser .contract-info .contract-info-block
{
	margin: 0px 0px 10px 0px;
}
#content .teaser .contract-info p, #content .teaser .contract-info h2
{
	margin: 0px 0px 10px 0px;
}
#content .teaser .contract-info ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #e1e1e1;
	overflow: hidden;
}
#content .teaser .contract-info ul p
{
	margin: 0;
}
#content .teaser .contract-info .contract-info-block span.text
{
	display: block;
}
#content .teaser .contract-info li
{
	padding: 7px;
	border-top: 1px solid #fbfbfb;
	border-bottom: 1px solid #e1e1e1;
	background: #f6f5f5;
	overflow: hidden;
}
#content .teaser .contract-info li.alternate
{
	background: #edecec;
}
#content .teaser .contract-info .small-link
{
	float: right;
}
#content .teaser .contract-info .heading
{
    display:inline-block;
    font-weight:bold;
    margin-bottom:4px;
}

#content .teaser .contract-info #contract-price table td
{
    border-top:1px solid #EAEAEA;
    border-bottom:1px solid #f9f9f9;
    font-size:90%;
    padding:2px;
}

#content .teaser .contract-info #contract-price table th
{
    background-color: Transparent;
    padding: 6px 0 6px 0;
}

#content .teaser .contract-info #contract-price table th #price-value
{
    font-size: 1.6em;
    font-weight: bold;
    color: #3f3f3f;    
    color: #006EAB;
    color: #FF3302;
}
#content .teaser .contract-info #contract-price table th #price-unit
{
    font-size: 1.3em;
    font-weight: bold;
    color: #646464;    
}
#content .teaser .contract-info #tax-explain
{
    display: block;
    line-height: 125%;    
    margin-top: 8px;
    font-size: 90%;
    text-align: left;
}

#contract-length span.price-value
{
    color: #000;    
}
#contract-length span.price-unit
{
    font-size: 80%;
}

#content .teaser a.big-button
{
    display:block;
    width: 211px;
    height: 43px;
    background: transparent url(../images/big-button.png) no-repeat top left;
    text-decoration: none;
    margin: 0;
    padding: 0;    
    cursor: pointer;
}
#content .teaser a.big-button span
{
    display: block;
    padding: 11px;
    margin: 0;
    color: #ff3302;
    width: 160px;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
}

/* Custom CSS-classes for teasers */
.teaser-standard
{
	overflow: hidden;
	height: 174px;
	padding: 10px;
}

.start-page .teaser-standard
{
    height: 220px;
}

.teaser-bigger
{
	overflow: hidden;
	height: 260px;
	padding: 10px;
}
.teaser-big
{
	overflow: hidden;
	height: 385px;
	padding: 10px;
}
.teaser-video
{
	overflow: hidden;
	height: auto;
}

/* --------------- footer ---------------- */
#footer-inner
{
	background: #e8e8e8 url(../images/footer.png) no-repeat 0 bottom;
	padding: 20px 0 20px 0;
	min-height: 150px;
	color: #666;	
}
#footer-inner .col
{
	width: 205px;
	float: left;
	margin: 0 30px 0 10px;
}
#footer-inner .col_first
{
	width: 180px;
	float: left;
	margin: 0 30px 0 35px;
}
#footer-inner .login-name
{
	color: #04689e;
}
#footer-inner h2
{
	font-size: 1.2em;
	margin-bottom: 3px;
}
#footer-inner h3
{
	padding-top: 6px;
}
#footer-inner li
{
	background: url(../images/footer-list.png) repeat-x;
}
#footer-inner li.first
{
	background: none;
}
#footer-inner li a
{
	display: block;
	color: #646464;
	text-decoration: none;
}
#footer-inner li, #footer-inner p, #footer-inner a
{
	padding: 0px;
	margin: 0px;
}
#footer-inner li
{
	padding: 4px 2px 2px 2px;
	margin: 0px;
}
#footer .copyright
{
	padding: 8px 15px;
	color: #666666;
	font-size: 11px;
}


/* --------------- popup ---------------- */
#popup-overlay
{
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;
	border: 1px solid #cecece;
	z-index: 1000;
}
#popup
{
	width: 864px;
	z-index: 10001;
}
#popup-close
{
	top: 4px;
	right: 6px;
	position: absolute;
	cursor: pointer;
	width: 21px;
	height: 20px;
	background: url(../images/icons-close.png) no-repeat;
	text-indent: -9999px;
	z-index: 1002;
}
#popup-content
{
	border: 4px solid #045485;
	background: #c3dae9 url(../images/popup.png) no-repeat;
	padding: 54px 20px 20px 20px;
	border-top: none;
}
#popup-content h1
{
	background: url(../images/popup-header.png) no-repeat;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 844px;
	height: 34px;
	font-size: 1.2em;
	padding: 10px;
}
#popup-content h2
{
	font-size: 1.3em;
	margin-bottom: 10px;
	padding-top: 3px;
}
#popup-content ul
{
	list-style-type: disc;
	padding-left: .5em;
	margin: .5em 0 1em 1em;
}
#popup-content li
{
	padding-bottom: .5em;
}

/* --------------- individual popups ---------------- */
#popup.villaweb 
{
    width: auto;
}
#popup.villaweb #popup-content
{
    padding: 0;
}
#popup.villaweb iframe
{
    width: 757px;
    height: 500px;
    background-color: #fff;
}

/* --------------- box ---------------- */

#content .box
{
	background: #fff url(../images/box-left.png) repeat-y;
	margin-bottom: 10px;
	overflow: hidden;
}
#content .box-inner
{
	background: url(../images/box-right.png) repeat-y right 0;
}
#content .box-body
{
	background: url(../images/box-top-left.png) no-repeat;
}
#content .box-body-inner
{
	background: url(../images/box-top-right.png) no-repeat right 0;
}
#content .box-content
{
	background: url(../images/box-bottom-right.png) no-repeat right bottom;
}
#content .box-content-inner
{
	background: url(../images/box-bottom-left.png) no-repeat left bottom;
	padding: 14px 12px 17px 12px;
	min-height: 100px;
}
#content .box h2
{
	color: #646464;
}
#content .box th
{	
    background-color: #eeeeee;
    color: #000;
}
#content .box th a { color: #000; text-decoration: none; }
#content .box tr.odd td
{
}

#content .box .selectionBox
{
	background-color: #e4e3e3;
	border: solid 1px #ccc;
	margin: 10px 0 10px 0;
	padding: 5px;
}

/* --------------- forms ---------------- */

#content input.text, textarea.text
{
	background-color: #fbfbfb;
	border: 1px solid #ddddde;
	color: #6e6e6e;
	font: normal normal normal 1em/1.2em;
	padding: 3px 3px 0 3px;
}
#content input.text
{
	width: 200px;
	height: 20px;
}
#content select.text
{
	height: 20px;
	width: 205px;
}
#content textarea.text
{
	width: 200px;
	height: 80px;
}

#content input.error, #content select.error, #content textarea.error
{   
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:none repeat scroll left top;
    border:1px solid #E25754;
}
#content input.valid, #content select.valid, #content textarea.valid
{
	background: #EBFFCC repeat top left;
	font: normal normal normal 1em/1.2em;
	border: 1px solid #D5E7B7;
}

#content .regular-form p, #content .regular-form div
{
	clear: both;
	overflow: hidden;
}

#content .regular-form .header
{
	margin: 0 0 20px 0;
}
#content .regular-form .header h2
{
	margin-bottom: 0;
}
#content .regular-form .right
{
	float: right;
	margin-top: .5em;
}

#content .regular-form .content
{
	margin-left: 173px;
}
#content .regular-form h2.content
{
	margin-top: .5em;
}
#content .regular-form label
{
	float: left;
	width: 160px;
	color: #6e6e6e;
	font-weight: bold;
	text-align: right;
	padding: 3px 10px 0 3px;
	vertical-align: bottom;
	font: normal normal normal 1em/1.2em;
}

#content .regular-form p.no-label
{
	margin-left: 173px;
	color: #6e6e6e;
	float: none;
}
#content .regular-form p.no-label span
{
	margin-bottom: 10px;
}

#content .regular-form .radiobuttongroup .text
{
	margin: 0 5px 5px 0;
}

#content .regular-form .buttons
{
	text-align: right;
	padding: 1em 0 0 0;
}

#content .regular-form .in-form-buttons
{
    text-align: right;
	padding: 0 0 0 0;
}

#content .regular-form .buttons a
{
	margin-left: 1em;
}

#content .regular-form .in-form-buttons a
{
	margin-left: 1em;
}

#content .regular-form .field-info
{
    display: inline-block;
    border: solid 1px #6e6e6e;
    padding: 4px 6px;
    margin-top: 4px;
    font-size: .9em;
}


#content .wizard-form
{
	margin: 1em 0 1em 0;
}

#content .wizard-form p, #content .wizard-form div.row
{
	overflow: hidden;
	margin-top: .85em;
}

#content .wizard-form .header
{
	margin: 0 0 20px 0;
}
#content .wizard-form .header h2
{
	margin-bottom: 0;
}
#content .wizard-form .content
{
	margin-left: 190px;
}
#content .regular-form span.text, #content .wizard-form span.text
{
	padding-top: 3px;
	vertical-align: bottom;
	display: block;
}
#content .wizard-form label.heading
{
	float: left;
	width: 160px;
	color: #6e6e6e;
	font-weight: bold;
	text-align: left;
	padding: 3px 10px 0 20px;
	vertical-align: bottom;
	font: normal normal normal 1em/1.2em;
}
#content .wizard-form .radiobuttongroup .text
{
	margin: 0 5px 5px 0;
}


#content .wizard-form .buttons
{
	text-align: right;
	padding: 1em 0 0 0;
}
#content .wizard-form .buttons
{
	margin-left: 1em;
}
#content .wizard-form .in-form-buttons
{
    text-align: right;
	padding: 0 0 0 0;
}
#content .wizard-form table, #content #mb-register-meter-readings .wizard-form table
{
	border: none;
	width: 250px;
	margin: 0px 0 0px 0;
}

#content .price-comparision table
{
	border: none;
	width: 450px;
	margin: 0px 0 0px 15px;
}

#content .wizard-form td, #content .wizard-form tr.odd td, #content .wizard-form tr th,
#content #mb-register-meter-readings .wizard-form td, #content #mb-register-meter-readings .wizard-form tr.odd td, 
#content #mb-register-meter-readings .wizard-form tr th
{
	border: none;
	padding: 0 0 10px 0;
	background-color: Transparent;
}

#content .wizard-form table.selectiongroup label, #content .regular-form table.selectiongroup label
{
	padding: 0;
	float: none;
	margin: 0;
}
#content .wizard-form table.selectiongroup input, #content .regular-form table.selectiongroup input
{
}
#content .regular-form .validation-error, #content .wizard-form .validation-error
{
	/*line-height: 20px;*/
	display: inline-block;
	font-size: 85%;
	color: #e25754;	
}
#content .regular-form table.selectiongroup, #content .wizard-form table.selectiongroup
{
    border: none;
	width: 212px;
	padding-right: 6px;
	margin: 0px 0 0px 0;
	padding-bottom: 1em;
	float: left;
}

#content table.selectiongroup td
{
    padding: 0 0 2px 0;
}
#content .regular-form .form-part, #content .wizard-form .form-part
{
    display:block;
    overflow: hidden;
    width: 250px;
}


/* --------------- info-box (no javascript-version) ---------------- */

#content .info-box
{
	border: 1px solid #ccc;
	clear: both;	
	padding: 5px;
	font-style: italic;
	margin-bottom: 4px;
	z-index: 1;
}

/* --------------- Login demand ----------- */
.login-on-demand
{
}


/* --------------- tabs ---------------- */
#content ul.tabs
{
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 1px;
	background: url(../images/separator.png) no-repeat left bottom;
}
#content .tabs li
{
	float: left;
	display: block;
	padding: 0;
	background: url(../images/separator.png) no-repeat right bottom;
	overflow: hidden;
}
#content .tabs h2, #content .tabs h3
{
	margin: 0;
	padding: 0;
}
.tabs a
{
	display: block;
	padding: 0 15px 20px;
	text-decoration: none;
	overflow: hidden;
}
.tabs a.selected
{
	background: transparent url(../images/tabs-selected.png) no-repeat scroll center bottom;
	color: #FF3302;
	position: relative;
}
.tabs li.disabled a
{
	color: #646464;	
}
.tabs li.disabled a span { cursor: default; }
.tabs a:hover 
{
	background: transparent url(../images/tabs-selected.png) no-repeat scroll center bottom;
}
.tabs li.disabled a:hover
{
	background: transparent;
	color: #646464;
}
#content .tab-content
{
	margin-top: 0px;
}
#content ul.tabs li.image h2
{
	line-height: normal;
	font-size: 1em;
}
#content ul.tabs img.no-margin
{
	margin: 0 0 0 0;
	vertical-align: bottom;
}


/* --------------- SiteMap ---------------- */
.site-map-tree
{
	display: block;
	float: left;
	margin-right: 50px;
}

.site-map-tree ul
{
	list-style: square url(/images/icons-list-bullets.png) inside;
}


/* --------------- Contracts ---------------- */
.contractnavigation
{
	padding: 2em 0 1em 0;
}
.contractnavigationtop
{
	padding: 0 0 1em 0;
}

.contractnavigation .navigationbuttons, .contractnavigationtop .navigationbuttons
{
	float: right;
}

.contractnavigation .cancelbutton
{
	float: left;
}

#content table.contractselectortable
{
	width: 210px;
}
#content table.contractselectortable td.labelcol
{
	width: 50%;
}

/* ---------------- Tables ------------------ */
table.list-table
{
	width: 100%;
	margin-bottom: 20px;
}


/* ---------------- Other ------------------- */

.name-field
{
	font-weight: bold;
	width: 12em;
	padding-right: 10px;
	float: left;
	text-align: right;
	color: #6e6e6e;
}

.reqFieldText
{
	margin-left: 175px;
}

/* ---------------- Chart ------------------- */
#main-content .chartHeaderContainer
{
}
#main-content .chartHeaderContainer .chartTitle
{
	float: left; /*WIDTH: 250px;*/
}
#main-content .chartHeaderContainer .chartTitle .mainTitle
{
	display: block;
	font-weight: bold;
}
#main-content .chartHeaderContainer .chartTitle .secondTitle
{
	display: block;
}
#main-content .chartHeaderContainer .chartLegend
{
	float: right; /*WIDTH: 250px;*/
	text-align: right;
}
#main-content .chartHeaderContainer .chartLegend .legendTitle
{
	display: block;
	font-weight: bold;
}
#main-content .chartHeaderContainer .chartLegend .legendText
{
	display: block;
}

/* ---------------- Knowledge Base ------------------- */

#knowledge-main-content
{
	width: 505px;
	float: left;
	margin: 0px 10px 0px 20px;
	padding: 0px 0px 10px 0px;
}
#knowledge-main-breadcrumb
{
	padding: 0px 0px 0px 0px;
}
#knowledge-main-breadcrumb #bread-crumb
{
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}
#knowledge-main-breadcrumb #bread-crumb li
{
	float: left;
	padding: 0 5px 0 0;
	color: #04689e;
}
#knowledge-main-breadcrumb #bread-crumb a
{
	color: #04689e;
	text-decoration: none;
}
#knowledge-main-breadcrumb #bread-crumb .current
{
	color: #4a4a4a;
}
#knowledge-main-tagcloud
{
	padding: 0px 0px 10px 0px;
}
#knowledge-main-search
{
	padding: 0px 0px 10px 0px;
}
#knowledge-main-search-result
{
	padding: 0px 0px 10px 0px;
}
#knowledge-main-search-result .search-item
{
	border-top: solid 1px #ccc;
	padding-top: 12px;
	padding-bottom: 12px;
}
#knowledge-main-search-result h1
{
	padding-top: 10px;
}
#knowledge-main-search-result .search-link
{
	font-size: 1em;
	font-weight: bold;
}
#knowledge-main-search-result a
{
	text-decoration: none;
}
#knowledge-main-search-result .search-itempanel
{
	padding-top: 6px;
}
#knowledge-right-content
{
	width: 230px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#knowledge-right-related-content
{
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
}
#knowledge-right-categories
{
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
}
#knowledge-right-content .knowledge-listing ul
{
	padding: 0;
	margin: 0;
}
#knowledge-right-content .knowledge-listing li
{
	background: url(../images/icons-list-bullets.png) no-repeat 0 5px;
	padding: 0 0 5px 15px;
	margin: 0 0 0 2px;
}
.knowledge-right-content h2
{
	font-size: 1.3em;
	margin-bottom: 10px;
	padding-top: 3px;
}
.knowledge-right-content p
{
	margin: 0;
	padding-bottom: 5px;
}

/* ---------------- MeterReading ------------------- */
#main-content .meterReadingHeaderContainer
{
	margin-top: 6px;
	padding-top: 10px;
	border-top: solid 1px black;
}
#main-content .meterReadingHeaderContainer .meterReadingTitle
{
	float: left;
	width: 250px;
}
#main-content .meterReadingHeaderContainer .meterReadingTitle .mainTitle
{
	display: block;
	font-weight: bold;
}
#main-content .meterReadingHeaderContainer .meterReadingTitle .secondTitle
{
	display: block;
}
#main-content .meterReadingHeaderContainer .meterReadingLegend
{
	float: right;
	width: 250px;
	text-align: right;
}
#main-content .meterReadingHeaderContainer .meterReadingLegend .legendTitle
{
	display: block;
	font-weight: bold;
}
#main-content .meterReadingHeaderContainer .meterReadingLegend .legendText
{
	display: block;
}
#main-content .dataTableContainer
{
	width: 100%;
}
#main-content .dataTableContainer div
{
	margin-bottom: 10px;
	border-bottom: solid 1px black;
}
#main-content .dataTableContainer div table
{
	width: 100%;
}
#main-content .dataTableContainer div table th
{
	font-weight: normal;
	text-decoration: underline;
	border: solid 0px black;
}
#main-content .dataTableContainer div table td
{
	border: solid 0px black;
}

/* ---------------- columns ------------------- */
.first-col
{
	width: 450px;
	float: left;
	padding-right: 30px;
}
.first-col .regular-form
{
	/*width: 387px;*/
}
.second-col
{
	width: 480px;
	float: right;
}

/* ---------------- price specification ------------------- */
.price-specification-toggle
{
	text-align: right;
	padding: 0px 10px 0px 0px;
}
.price-specification-fixed-price
{
	text-align: left;
	padding: 1em 0px 0px 4px;
	font-size: 90%;
}

/* ---------------- register occupation ------------------- */
#content .register-occupation-selectiongroup input
{
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 0px 0px;
}
#content .register-occupation-selectiongroup label
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: none;
	font-weight: normal;
}
#content .register-occupation-right-block
{
	float: none;
	margin-left: 173px;
	margin-top: -28px;
	margin-bottom: 10px;
	color: #6e6e6e;
}
.register-occupation-validation-block
{
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-width: 200px;
	color: #6e6e6e;
}
#content .register-occupation-property-name
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 50px;
	float: left;
	min-width: 150px;
	font-weight: bold;
	text-align: left;
}
#content .register-occupation-property-text
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	float: none;
}
/* ---------------- teaser price specification ------------------- */
.contract-teaser /* IE6Fix exists */
{
	margin-bottom: 15px !important;
	margin: -10px 12px 15px 2px;
	width: 244px;
	float: left;
}
.contract-teaser-inner
{
	/*padding: 10px 10px 10px 0px;*/
	/*border: none;*/
	padding: 0px 0px 7px 0px;
	background: #f7f7f7 url(../images/contract-teaser-pricelist.png) no-repeat bottom left;	
}
.contract-teaser-clickable
{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	width: auto;
}
#main-content .contract-teaser-clickable img
{
	margin: 0px;
}
.contract-teaser-pricelist, .contract-teaser-pricelist-extratrial
{    
	/*margin: -5px 0px 10px 10px;*/
	padding: 10px 10px 10px 10px;	
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	height: 100px;	
	display:block;	
	/*width: 221px;*/
}
.contract-teaser-pricelist table, .contract-teaser-pricelist-extratrial table
{
	width: 100%;
	height: 105px;
}
.contract-teaser-pricelist h3, .contract-teaser-pricelist-extratrial h3
{
	font-size: 1.3em;
	/*margin: 0 0 0 -3px;*/
	margin: 0;
}
.contract-teaser-pricelist table, .contract-teaser-pricelist-extratrial table
{
    border-collapse: collapse;
}
.contract-teaser-pricelist table td, .contract-teaser-pricelist-extratrial table td
{
    border-bottom: solid 1px #eaeaea;
    padding: 4px;
}
.contract-teaser-pricelist-extratrial table td.no-line
{
	border: solid 1px transparent;
	padding: 4px;
}
.contract-teaser-pricelist-extratrial a.trialinfo
{
	text-decoration: none;
	color: #e8531f;
	background: transparent url(/images/trialstar-subpage.png) no-repeat right 2px;
	padding-right: 10px;
}

.contract-price
{
}
.contract-link
{    
   
}
.contract-teaser-pricelist-extratrial table td.contract-link
{
	padding-right:0;
}
.contract-teaser-link
{   
    margin: 0px 15px 10px 10px;			
}

/*------ Contract Teaser Startpage -------*/
.contract-teaser-startpage-pre
{    
    /*background-color: Green;*/
    margin: 8px 10px 8px 10px;
    height: 30px;
    width: 195px;    
    display: block;    
    overflow: hidden;
}
.contract-teaser-startpage
{
    margin: 8px 5px 8px 5px;
    text-align: right;    
}
.contract-teaser-startpage table
{
	width: 100%;
	border-collapse: collapse;
	margin: 64px 0 20px 0;
}
.contract-teaser-startpage td
{
    color: #fff;
    padding: 2px 0px 2px 2px;
    border-bottom: solid 1px #48a2b8;
}
.contract-teaser-startpage td.contract-title
{
	height: 35px;
	vertical-align: bottom;
	padding: 0;
	border: none;
}
.contract-teaser-startpage td.contract-price
{
    text-align: right;
    padding-right: 8px;
}
.contract-teaser-startpage a
{
    color: #fff;
    text-decoration: none;
    background: url(../images/icon-readmore-inv.png) no-repeat right 5px;
    padding-right: 10px;
}
.contract-teaser-startpage a:hover
{
    text-decoration: underline;
}

/*------ Contract Teaser Startpage 2010 -------*/
#contract-teaser-startpage-2010 
{
    
}
.contract-teaser-startpage-2010-header
{
    width: 236px; height: 84px;
    color: #fff;
}
.cts2010-tab1 { background: transparent url(../images/start-elavtal-flikar.png) no-repeat 0 0; }
.cts2010-tab2 { background: transparent url(../images/start-elavtal-flikar.png) no-repeat 0 -100px; }
.cts2010-tab3 { background: transparent url(../images/start-elavtal-flikar.png) no-repeat 0 -200px; }

#contract-teaser-startpage-2010 h2
{
    padding: 30px 0px 0px 14px !important;
    margin: 0;
}
#contract-teaser-startpage-2010 a h2 { color: #fff; }
#contract-teaser-startpage-2010 h3
{
    font-size: 1em;
}
.cts2010-tab-labels { padding-top: 3px; overflow: hidden; display: block; }
.cts2010-tab-labels li { float: left; text-align: center; cursor:pointer; margin-right: 1px; }
.cts2010-label-tab1 { width: 63px; }
.cts2010-label-tab2 { width: 70px; }
.cts2010-label-tab3 { width: 100px; }

.contract-teaser-startpage-2010-content
{
   background: #fafbfc url(../images/start-elavtal-bg.png) repeat-x bottom left;
   border-bottom: solid 1px #dcdcdc;
   border-left: solid 1px #dcdcdc;
   border-right: solid 1px #dcdcdc;   
   -moz-border-radius-bottomleft: 6px;
   -moz-border-radius-bottomright: 6px;
   -webkit-border-bottom-left-radius: 6px;
   -webkit-border-bottom-right-radius: 6px;   
   height: 157px;
   overflow: hidden;
}

#contract-teaser-startpage-2010 .contract-teaser-startpage-2010-content h2
{
    padding: 14px 0px 0px 14px !important;
}
#contract-teaser-startpage-2010 .contract-teaser-startpage-2010-content p 
{
    padding: 0px 14px 0px 14px;
}
#contract-teaser-startpage-2010 .contract-teaser-startpage-2010-content table
{
    width: 210px;
    margin-left: 14px;
    border-collapse: collapse;
}
#contract-teaser-startpage-2010 .contract-teaser-startpage-2010-content table tr td
{
    /*background: transparent url(../images/footer-list.png) repeat-x scroll 0 0;*/
    border-bottom: solid 1px #d9d9d9;
    border-top: solid 1px #fff;
    padding: 2px 4px;
    color: #666;
}
#contract-teaser-startpage-2010 .contract-teaser-startpage-2010-content table tr td.first 
{
    border-top: none;
}
#contract-teaser-startpage-2010 .contract-teaser-startpage-2010-content table tr td.last
{
    border-bottom: none;
} 
#contract-teaser-startpage-2010 .contract-teaser-startpage-2010-content table tr td a
{
    text-decoration: none;
}
#contract-teaser-startpage-2010 .contract-teaser-startpage-2010-content table tr td a:hover
{
    text-decoration: underline;
}

.cts2010-content-tabs
{      
    padding-bottom: 14px;
}
.cts2010-content-tabs .cts2010-content-tab1 { display:block; }
.cts2010-content-tabs .cts2010-content-tab2 { display:none; }
.cts2010-content-tabs .cts2010-content-tab3 { display:none; }


/*------ Contract Teaser Startpage Extra Trial -------*/
/*
.contract-teaser-startpage-extratrial-pre
{      
    margin: 8px 10px 8px 10px;
    height: 30px;
    width: 195px;    
    display: block;    
    overflow: hidden;
}
.contract-teaser-startpage-extratrial
{
    margin: 8px 5px 8px 5px;
    text-align: right;    
}
.contract-teaser-startpage-extratrial a.trialinfo
{
    color: white;  
    text-decoration: none; 
}
.contract-teaser-startpage-extratrial table
{
	width: 100%;
	border-collapse: collapse;
	margin: 48px 0 20px 0;
}
.contract-teaser-startpage-extratrial td
{
    color: #333;
    padding: 2px 0px 2px 2px;
    border-bottom: solid 1px #48a2b8;
}
.contract-teaser-startpage-extratrial td.contract-title
{
	height: 35px;
	vertical-align: bottom;
	padding: 0;
	border: none;
}
.contract-teaser-startpage-extratrial td.contract-price
{
    text-align: right;
    padding-right: 4px;
}
.contract-teaser-startpage-extratrial td.contract-link a, .contract-teaser-startpage-extratrial a.read
{
    color: #fff;
    text-decoration: none;
    background: url(../images/icon-readmore-inv.png) no-repeat right 5px;
    padding-right: 10px;
}
.contract-teaser-startpage-extratrial a:hover
{
    text-decoration: underline;
}

/*

/* ---------- News ------------- */
#content ul.newslist
{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 1.5em;
}
#content ul.newslist li
{
	margin-bottom: 1.4em;
	
}
#content ul.newslist li .date
{
	font-size: 90%;
}

#content ul.newslist li h2
{
	font-size: 1.1em;
	padding-top: 0;
	margin-top: .3em;
	margin-bottom: .4em;
}
#content ul.newslist li p
{
	margin-bottom: .3em;
}



/*#content .teaser.listing ul.newslist-archive-teaser li
{
	padding-bottom: .4em;
} 
#content .teaser.listing ul.newslist-latest-teaser li
{
	padding-bottom: .3em;
}*/

/* ---------- District Heating ------------- */
#content .districtheating-form
{
	display: block;
	width: 100%;
	margin: 0px 0px 20px 0px;
}
#content .districtheating-form .row
{
	clear: both;
	display: block;
	border: none;
	width: 100%;
}
#content .districtheating-form .row .left
{
	border: none;
	display: block;
	float:left;
	padding: 0px 10px 5px 0px;
	text-align: right;
	width: 45%;
}
#content .districtheating-form .row .right
{
	border: none;
	display: block;
	float:left;
	padding: 0px 0px 5px 10px;
	width: 50%;
}
#content .districtheating-form .validation-error
{
	line-height: 20px;
	font-size: 85%;
}
#content .districtheating-form .text-left
{
	display: block;
	float: left;
	width: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	font-weight: bold;
	text-align: right;
}
#content .districtheating-form .text-right
{
	display: block;
	float: left;
	width: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: normal;
}
#content .districtheating-form .districtheating-buttons
{
	display: block;
	width: 100%;
	text-align: right;
	padding: 50px 0px 0px 0px;
}

/* ---------- MoveWizard ------------- */
#content .movewizard-form
{
	margin: 0px 0px 20px 0px;
}
#content .movewizard-form Label
{
	border: none;
	width: 160px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 0px;
	vertical-align: bottom;
}
#content .movewizard-form table
{
	border: none;
	width: 200px;
	float: left;
	padding: 3px 10px 3px 3px;
	vertical-align: bottom;
	width: 215px;
	height: 10px;
}
#content .movewizard-form td, #content .movewizard-form tr.odd td, #content .movewizard-form tr th
{
	border: none;
	padding: 0px 0px 5px 0px;
	background-color: Transparent;
}
#content .movewizard-form table.selectiongroup label
{
	padding: 0px;
	float: none;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
#content .movewizard-form table.selectiongroup input
{
	float: none;
}
#content .movewizard-textarea
{
	float: none;
	font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
	background-color:#FBFBFB;
	border:1px solid #DDDDDE;
	color:#6E6E6E;
	padding: 3px 3px 0px 3px;
	margin: 0px 0px 0px 0px;
	width: 200px;
	height: 80px;
}
#content .movewizard-form .validation-error
{
	line-height: 20px;
	font-size: 85%;
}
#movewizard-form .row
{
	display: block;
	width: 100%;
	margin: 0px 0px 20px 0px;
}
#movewizard-form .row .left
{
	border: none;
	clear: none;
	color: #6e6e6e;
	display: block;
	font-weight: bold;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 10px 10px 0px 0px;
	text-align: right;
	vertical-align: bottom;
	width: 160px;
}
#movewizard-form .row .right
{
	border: none;
	clear: none;
	color: #6e6e6e;
	display: block;
	font-weight: normal;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 0px;
	vertical-align: bottom;
	width: 200px;
}
#content .movewizard-form .text-left
{
	display: block;
	float: left;
	width: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	font-weight: bold;
	text-align: right;
	color: #6e6e6e;
}
#content .movewizard-form .text-right
{
	display: block;
	float: left;
	width: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: normal;
	color: #6e6e6e;
}

/* ---------- OldBrowsers ------------- */
.old-browsers
{
	display: block;
	clear: both;
	padding: 20px;
	color: Black;
	border: solid 2px red;
	margin: 5px 0px 5px 0px;
}
.old-browsers .buttons
{
	text-align: right;
	padding: 1em 0 0 0;
}

/* ---------- Progress indicator ------ */
.updateProgress
{	
	border: 4px solid #045485;
	background: #e8f2f8 url(../images/popup.png) no-repeat -200px -180px;
	position: absolute;
	z-index: 10000;
    border: 3px solid #006EAB;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    opacity: 0.85;
}
.updateProgressInner
{
    text-align: center;
    margin: 25px 50px 30px 40px;
}
.updateProgressInner img
{   
    float: left;
}
.updateProgressMessage
{
	padding-left: 8px;
	margin-top: 8px;
	/*font-family: Trebuchet MS;*/
    font-size:1.1em;
    font-weight:bold;
	vertical-align: middle;
	display: inline-block;
}
.chartLoadingContainer 
{
	z-index: 9000;
	margin-top: -330px;
}
.chartLoadingContainer .updateProgress
{
	z-index: 9000;
    width: 490px;
    height: 320px;
    position: relative;
}
.chartLoadingContainer .updateProgress .updateProgressInner
{
    position: relative;
}
.chartLoadingContainer .updateProgress .updateProgressInner img#updateProgressImage
{
    float: none;
    margin: 110px 0px -10px 0px;
}
.chartLoadingContainer .updateProgress .updateProgressInner .updateProgressMessage
{
    margin-top: 0px;
}

/* --------  Slideshow ---------- */
#slideshow .left
{
    float:left;
    width: auto;
    margin-right: 5px;
}
#slideshow .center
{
    width: 520px;
    float: left;
    text-align: center;

}
#slideshow .right
{
    float:left;
    width: auto;
    margin-left: 5px;
}
#slideshow .s-nav
{
    margin: 80px 0 0 0;
}
#slideshow IMG
{
    margin: 0 auto 0 auto;
    
}
#slideshow .center .text-container
{
    text-align: center;
}

/* -------------- my-box --------------- */
.my-box {       background: #fdfdfd url('/images/My-installations/mybox-gradient.jpg') repeat-x left bottom; }
#related-content .my-box { margin-bottom: 12px; }
#related-content .my-box.white { background: #fff none; }

.my-box-tl {    background: url('/images/My-installations/mybox-tl.png') no-repeat left 0; }
.my-box-tr {    background: url('/images/My-installations/mybox-tr.png') no-repeat right 0; }
.my-box-br {    background: url('/images/My-installations/mybox-br.png') no-repeat right bottom; }
.my-box-bl  
{
    background: url('/images/My-installations/mybox-bl.png') no-repeat left bottom;
    padding-top: 8px; padding-bottom: 8px;
}
.my-box-body 
{
    border-left: solid 3px #e2e2e2;
    border-right: solid 3px #e2e2e2;    
    display:block;
    overflow: hidden;
    min-height: 100px;  
}
#installation-header .my-box-body,
#my-pages-special-layout-page-header .my-box-body  
{
    min-height: 80px;
}
.my-box-inner 
{
    padding: 8px 12px 0px 12px;
}

#content .my-box h1 { margin-bottom:12px; }
#content .my-box h2 { color: #646464; line-height: 100%; padding-right: 20px;  }
#related-content .my-box.white h2 { color: #3f3f3f; }
#content .my-box h4 { margin-bottom: 6px; }
#content .my-box p  { font-size: 90%; color: #646464; }
#content .my-box label  { padding-right: 6px; }
#content .my-box .optionlist select { border: solid 1px #ccccce; height: 21px; color: #006fac; width: 162px; }

/* -------------- mybox-box = a box in my-box --------------- */
.my-box-box {       margin: 4px 0px 12px 8px; }
.my-box-box-tl {    background: url('/images/My-installations/mybox-box-tl.png') no-repeat left 0; margin-left: -8px; }
.my-box-box-tr {    background: url('/images/My-installations/mybox-box-tr.png') no-repeat right 0; }
.my-box-box-br {    background: url('/images/My-installations/mybox-box-br.png') no-repeat right bottom; margin-left: 8px; }
.my-box-box-bl  
{
    background: url('/images/My-installations/mybox-box-bl.png') no-repeat left bottom;
    padding-top: 8px; padding-bottom: 8px;
    margin-left: -8px; overflow: hidden;
}
.my-box-box-body 
{
    background-color: #fff;    
    border-left: solid 1px #e7e7e7;
    border-right: solid 1px #e7e7e7;
    display:block;
    overflow: hidden;
    min-height: 100px;
}
.my-box-box-inner 
{
    padding: 2px 8px 8px 12px;    
}

#content .my-box-box h2 { padding-top: 4px; color: #3f3f3f; }
.my-box h2.broadband { background: url(/images/icon-broadband.png) no-repeat right 0; }
.my-box h2.contact { background: url(/images/icon-contact.png) no-repeat right 0; }
.my-box h2.document { background: url(/images/icon-document.png) no-repeat right 0; }
.my-box h2.green { background: url(/images/icon-green.png) no-repeat right 0; }
.my-box h2.heat { background: url(/images/icon-heat.png) no-repeat right 0; }
.my-box h2.cold { background: url(/images/icon-cold.png) no-repeat right 0; }
.my-box h2.info { background: url(/images/icon-info.png) no-repeat right 0; }
.my-box h2.power { background: url(/images/icon-power.png) no-repeat right 0px; }
.my-box h2.tip { background: url(/images/icon-tip.png) no-repeat right 0; }
.my-box h2.water { background: url(/images/icon-water.png) no-repeat right 0; }
.my-box h2.hotwater { background: url(/images/icon-warmwater.png) no-repeat right 0; }
.my-box h2.export { background: url(/images/icon-export.png) no-repeat right 0; }

/* -------------- infolist in my-box --------------- */
.infolist { float:left;  }
.divided { width: 50%; }
.divided-wide { width: 62%; }
.divided-small { width: 38%; }
#content .infolist p { margin: 2px 0 12px 1px; color: #3f3f3f; }
#content .infolist label { display:block; margin-bottom: 1px;  }
#content .infolist span { display:block; margin-bottom: 1px; font-weight: bold; }
#content .infolist a { display: inline-block; }
#content .infolist a.small-link-info { margin-left: 5px; }
#content .infolist p.info { padding-top: 0; margin: -3px 0 0 0; font-style: italic; color: #b5b5b5; }
#content .infolist p.info span { font-weight: normal; }

/* -------------- optionlist in my-box --------------- */
.my-box .optionlist { float:left;  } /* NEW */
#content .my-box .optionlist p { margin: 2px 0 12px 1px; color: #3f3f3f; clear:both; overflow:hidden; }
#content .my-box .optionlist label { display:block; margin-bottom: 1px; font-weight: bold; }
#content .my-box .optionlist span { display:block; margin-bottom: 1px;  }
#content .my-box .optionlist span label { font-weight: normal; float: left; margin-top: 2px; }
#content .my-box .optionlist span input { display: block; }
#content .my-box .optionlist a { display: inline-block; }
#content .my-box .optionlist a.small-link-info { margin-left: 5px; }
#content .my-box .optionlist p.info { padding-top: 0; margin: -3px 0 0 0; font-style: italic; color: #b5b5b5; }
#content .my-box .optionlist p span { font-weight: bold; }
#content .my-box .optionlist p.info span,
#content .my-box .optionlist span.info { font-weight: normal; }
#content .my-box .optionlist input { float:left; clear:both; }
#content .my-box .optionlist select { display:block; margin-bottom: 6px;}

/* -------------- optionlist in my-box --------------- */
.my-box .optionlistBlock { float:none;  } /* NEW */
#content .my-box .optionlistBlock p { margin: 2px 0 12px 1px; color: #3f3f3f; clear:both; overflow:hidden; }
#content .my-box .optionlistBlock label { display:block; margin-bottom: 1px; font-weight: bold; }
#content .my-box .optionlistBlock span { display:block; margin-bottom: 1px;  }
#content .my-box .optionlistBlock span label { font-weight: normal; float: left; margin-top: 2px; }
#content .my-box .optionlistBlock span input { display: block; }
#content .my-box .optionlistBlock a { display: inline-block; }
#content .my-box .optionlistBlock a.small-link-info { margin-left: 5px; }
#content .my-box .optionlistBlock p.info { padding-top: 0; margin: -3px 0 0 0; font-style: italic; color: #b5b5b5; }
#content .my-box .optionlistBlock p span { font-weight: bold; }
#content .my-box .optionlistBlock p.info span,
#content .my-box .optionlistBlock span.info { font-weight: normal; }
#content .my-box .optionlistBlock input { float:left; clear:both; }
#content .my-box .optionlistBlock select { display:block; margin-bottom: 6px; color: #3f3f3f !important; font-weight: normal !important;}

/* -------------- datalist in my-box --------------- */
#content .my-box .datalist p { margin: 0 4px 0 1px; margin-bottom: 0px; color: #3f3f3f; clear:both; }
#content .my-box .datalist label { display:block; float:left; margin-bottom: 2px; }
#content .my-box .datalist span { display:block; float:none; text-align:right; }
#content .my-box .datalist a { display: inline-block; }
#content .my-box .datalist a.small-link-info { margin-left: 5px; }
#content .my-box .datalist p.info { padding-top: 8px; font-style: italic; color: #b5b5b5; }
#content .my-box .datalist p.related-info { margin: 0 4px 0px 1px; color: #b5b5b5; overflow:hidden; font-style: italic; padding-left: 12px; }
#content .my-box .datalist p.nested-related-info { margin: 0 4px 0px 25px; color: #b5b5b5; overflow:hidden; font-style: italic; padding-left: 12px; }
#content .my-box .datalist p.sum { font-weight: bold; padding-top: 8px; }

/* -------------- table in my-box --------------- */
#content .my-box table { width: 100%; overflow:hidden; padding: 8px 8px 8px 0; }
#content .my-box table th { font-size: 90%; padding: 4px 4px 2px 8px; font-weight: bold; color: #000; background-color: #eeeeee; border-bottom: solid 1px #3f3f3f; }
#content .my-box table td { font-size: 90%; padding: 4px 4px 2px 8px; color: #3f3f3f; border-bottom: solid 1px #ccc; }
#content .my-box table .right { text-align: right; }
#content .my-box table .left { text-align: left; }
#content .my-box table .left-nowrap { text-align: left; white-space: nowrap; }
#content .my-box table .center { text-align: center; }

/* -------------- list in my-box --------------- */
#content .my-box ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#content .my-box li
{
	background: url(../images/icons-list-bullets.png) no-repeat 0px 5px;
	padding: 0 0 .4em 15px;
	margin: 0 0 0 2px;
}

.huge-search
{
    display: block;
    clear: both; overflow: hidden;
}

#content .huge-search input
{
    display: block;
    margin: 4px 0;

    font-size: 20px;
    float: left; width: 350px;
    height: 26px; 
    padding: 7px 4px;
    line-height: 20px;
}

.huge-search a
{
    display: block; text-decoration: none; text-transform: uppercase; 
    float: left; color: #fff; margin: 4px 8px;
    background: #0085BD; /* old browsers */
    background: -moz-linear-gradient(top, #0085BD 0%, #40A4CE 2%, #007BB5 48%, #00599B 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0085BD), color-stop(2%,#40A4CE), color-stop(48%,#007BB5), color-stop(100%,#00599B)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0085BD', endColorstr='#00599B',GradientType=0 ); /* ie */
    font-size: 16px; font-weight: bold;
    padding: 12px 30px;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}

table.AddressResults
{
    width: 100%; margin-top: 3px;
}

table.AddressResults tr td 
{
    padding: 4px 8px;
    background-color: #fff;
    border-bottom: solid 1px #c3c3c3; border-top: solid 1px #c3c3c3;
}
table.AddressResults tr.odd td
{
    background-color: #f5f5f5; border-top: solid 1px #fff; border-bottom: none;
}
table.AddressResults tr td a { text-decoration: none; }
table.AddressResults tr td a:hover { text-decoration: underline; }

/* -- AddressResults - states -- */
div.AddressConnectedLayer3, div.AddressConnectedLayer2
{
    padding-left: 150px;
}

.SearchConnectedResult
{
    border: solid 3px #e2e2e2;
    padding: 16px;
    width: 472px;
    background: #ffffff; /* old browsers */
    background: -moz-linear-gradient(left, #F0F0F0 0%, #ffffff 100%); /* firefox */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#F0F0F0), color-stop(100%,#ffffff)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#ffffff',GradientType=1 ); /* ie */ 
  /*  -moz-box-shadow: 0 3px 3px #c0c0c0; -webkit-box-shadow: 0 3px 3px #c0c0c0; box-shadow: 0 3px 3px #c0c0c0;*/
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;    
    margin-bottom: 12px; clear: both;
}

.SearchConnectedResult .Connected
{
    background: transparent url('../images/SearchConnected/img-ansluten-connected.png') no-repeat left top;
    padding-left: 145px;
}
.SearchConnectedResult .NotConnected
{
    background: transparent url('../images/SearchConnected/img-ansluten-notconnected.png') no-repeat left top;
    padding-left: 100px;
}
.SearchConnectedResult .AreaConnected
{
    background: transparent url('../images/SearchConnected/img-ansluten-areaconnected.png') no-repeat left top;
    padding-left: 200px;
}
.SearchConnectedResult .AreaConstruction
{
    background: transparent url('../images/SearchConnected/img-ansluten-areaconstruction.png') no-repeat left top;
    padding-left: 150px;
}
.SearchConnectedResult .AreaInterest
{
    background: transparent url('../images/SearchConnected/img-ansluten-areainterest.png') no-repeat left top;
    padding-left: 200px;
}
.SearchConnectedResult .Company
{
    background: transparent url('../images/SearchConnected/img-ansluten-company.png') no-repeat left top;
    padding-left: 160px;
}