/*
    Martin Lundgren
    September, 2009
    
    changed:
    Kraftvaerk
	Mars, April, May 2010

	read guides in "readme.txt"!! 

    colors:
	    Site background         #f0f0f0
	    Grey text               #333
	    Light grey text         #868686
	    Grey borders            #ddd
	    Grey separator border   #ccc
	    Light grey link         #aaa
	
		Grey text on h4			#878787
		Grey: 					#bababa
	    Dark grey: 				#757575
	    Red:	                #e70000
*/

@import url(falck-rapporten.css);
@import url(dev.css);
@import url(autoComplete.css);
@import url(box.css);
@import url(form.css);
@import url(list.css);
@import url(nav.css);
@import url(table.css);

/*
	??? 
------------------------------------------------------ */
.ms-PartSpacingVertical	{ display: none; }
/*
	common
------------------------------------------------------ */
body 					{
							margin: 0;
							background: #f0f0f0;

							font-family: Arial, Sans-Serif;
							font-size: 12px;
							line-height: 1.3; /*16px;*/
							color: #000;
						}
h1,h2,h3 {line-height:1.1;}					
h1						{
						    margin: 0 0 15px 0;
						    font-weight: normal;
						    font-size: 27px;
						    line-height: 28px;
						}
h1 span					{ font-style: italic; color: #e70000; }
h2						{ line-height: 22px; }
h4.grey					{ margin: 0 0 5px 0; color: #878787; font-size: 12px; }
h4.grey a				{ text-decoration:none;}
					
ol,					
ul 						{ margin: 0 0 10px 10px; padding: 0 0 0 15px; }
					
p 						{
						    margin: 0 0 10px 0;
						    padding: 0;
						}
p.date					{ margin: -5px 0 10px 0; color: #757575; }

a,
a:link,
a:hover,
a:active,
a:visited 				{
		  				    color: #333;
		  				    /* text-decoration: none; */
		  				    outline: none;
		  				}
a:hover   				{ color: #e70000; }
a.link					{ padding: 0 0 0 10px; background: transparent url(img/arrow.gif) 0 3px no-repeat; text-decoration:none;}
.link a {text-decoration:none; }
a.read_more {text-decoration:none;}
a img 					{ border: none; }

img						{ margin-bottom: 10px; }


.align-left				{ float: left; }
.align-right			{ float: right; }
						
img.align-left			{ margin: 0 10px 0 0; }
img.align-right			{ margin: 0 0 0 10px; }
.page					{
						    margin: 0 auto 50px;
						    width: 948px;
						}
.headerWrapper 			{
						    padding: 89px 0 0;
						    position: relative;
						}
/*
	rows and columns
------------------------------------------------------ */

.row 					{ margin: 0; float: left; clear: left; width: 100%; }
.row:after				{ content: "."; clear: both; display: block; visibility: hidden; height: 0; }

.col					{
							margin: 0 10px 0 0;
							float: left;
							position: relative;
							width: 236px !important;
						}

.content .col2 .col,
.leftContent .col		{
							margin: 0 17px 0 0;
							float: left;
							position: relative;
							width: 260px !important;
						}
.col1 .c1				{ margin-right: 0px; width: 100% !important; }
.content .col2 .c2,
.col2 .c2				{ margin-right: 0px; }
.col3w .c3,
.col3 .c3				{ margin-right: 0px; }

.col2 .c1w				{ width: 482px !important; }

.col3w .col				{ width: 302px !important; }
/*
col2-wide is created as .col2 .c1w is already in use and 
I must not touch it. - MD KV 03-06-2010.15:30
*/
.col2-wide .c1w			{ width: 482px !important; }
.col2-wide .c2			{ width: 236px !important; margin-right:0; }

/*
	rev #253 error #142
------------------------------------------------------ */
.ui-tabs-panel .wn .c1,
.wn .c1					{ margin-right: 10px; width: 340px !important; }
.ui-tabs-panel .wn .c2,
.wn .c2					{ margin-right: 0px;  width: 150px !important; }

.wn .c1					{ margin-right: 10px; width: 340px !important; }
.wn .c2					{ margin-right: 0px;  width: 180px !important; }

.tab .pad .c1				{ margin-right: 10px; width: 350px !important; }
.tab .pad .c2				{ margin-right: 0px;  width: 150px !important; }

/*
	logo
------------------------------------------------------ */
.logoWrapper			{
							position: absolute;
							top: 26px;
							left: 26px;
						}
.logo					{
							display: block;
							height: 65px;
							width: 133px;
						}
/*
	content
------------------------------------------------------ */
.contentWrapper 		{
							padding: 10px 10px 30px;
							width: 926px; /* IE probably width:948px; */
							background: #fff;
							border: 1px solid #bababa;
							border-bottom: none;
							float: left;
						}
/*
	Page layouts
------------------------------------------------------ */
#mpContentWidthLeftNav {
    float: left;
    width: 728px;
	display:inline;
}
.leftColumn {
    float: left;
    width: 253px;
	display:inline;
}
.rightColumn {
    float: right;
    width: 253px;
	display:inline;
}
.twoColumns {
    float: left;
    width: 100%;
}
.oneColumn h1 {
    padding-top: 1px;
}
#plContentPage2Columns .twoColumns {
    padding-top: 1px;
}
.image img {
    border: 1px solid #ccc !important;
}
/* News Aricle Page */
.newswrapper .image {
    margin: 0 11px 11px 0;
    float: left;
}
.newswrapper .image { margin-bottom:0;}

#plNewsPage .newsArticle .date {
    margin-bottom: 10px;
}
#plNewsPage .newsArticle .image {
    margin: 0 1em 1em 0;
    float: left;
}
#plNewsPage .newsArticle .text a:link, #plNewsPage .newsArticle .text a:active, #plNewsPage .newsArticle .text a:visited {
    color: #e70000;
    text-decoration: underline;
}
#plNewsPage .newsArticle .text a:hover {
    color: #e70000;
    text-decoration: none;
}
/* Content */
.mainContent {
    float: left;
    width: 728px;
	display:inline;
}
/* Left Content */
.leftContent {
    float: left;
    width: 537px;
	display:inline;
}
/*
	right
------------------------------------------------------ */
.rightContent1 {
    float: right !important;
    width: 180px !important;
	display:inline;
	position: relative;
}
.rightContent2 {
    float: right !important;
    width: 180px !important;
	display: inline;
	position: relative;
	*top: -1px;
}
.rightContent2 .cart	{ position: relative; top: -20px; *top: -10px; margin-bottom: 10px; *margin-bottom: -2px; }

.pageMainContent .content {
    background: transparent none;
    border-style: none;
    padding: 0;
}
/* Local Presence (map with dropdown) */
.localPresence .dropdown {
    bottom: 10px;
    left: auto;
    position: relative;
    top: 78px;
}
.dropdown {
    background: #eee url(img/dropdown.gif) no-repeat scroll 100% 50%;
    bottom: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 5px;
    z-index: 10;
}
.dropdown a {
    display: block;
}
.dropdown span {
    background: transparent none;
    border:none;
    bottom: 0;
    color: #000;
    font-size: 12px;
    height: 18px;
    left: 0;
    line-height: 17px;
    margin: 0;
    padding: 0 5px;
    position: static;
    text-decoration: none;
}
.dropdown ul {
    top: auto;
    left: 0;
    bottom: auto;
    width: 166px;
}
.dropdown li, .dropdown li ul, .dropdown li li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.dropdown li ul {
    border: 1px solid #ccc;
    border-top-style: none;
    left: -999em;
    position: absolute;
}
.dropdown li:hover ul {
    left: auto;
}
.dropdown ul li {
    font-size: 11px;
}
.dropdown ul li a {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #f3f3f3;
    color: #333;
    padding: 3px 5px;
    text-decoration: none;
}
.dropdown ul li a:hover {
    background: #f3f3f3 none;
    border-color: #f3f3f3 #ddd #ddd;
    color: #e70000;
}
.localPresence .dropdown .trigger {
    border: 1px solid #ccc;
    cursor: default;
    display: block;
}
.dropdown li ul {
    border-bottom-style: none;
}

/* News List WP */
.frontNews {
    margin: 0;
    padding: 0;
    border-top: 1px solid #e5e5e5;
}
.frontNews .newsitem {
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    padding: 0.5em 0;
    border-bottom: 1px solid #e5e5e5;
}
.newslist {
    margin: 0;
    padding: 0;
    border-top: 1px solid #e5e5e5;
}
.newslist .newsitem {
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    padding: 1em 0;
    height: 140px;
    border-bottom: 1px solid #e5e5e5;
}
.newsitem .date {
    color: #000000;
    font-size: 1em;
    display: block;
    margin-bottom: 5px;
}
.newsitem .newsTitle {
    font-size: 1.09em;
    font-weight: bold;
    margin: 5px 0px 8px 0px;
    color: #000;
}
.newsTitle a, .newsTitle a:link, .newsTitle a:hover, .newsTitle a:active, .newsTitle a:visited, .newsTitle a:focus {
    color: #000 !important;
}
.newslist .newsitem p {
    font-size: 1em;
    margin: 0;
}
.newsRollupImage, .newsRollupImage .img {
    float: left;
    height: 100px;
    width: 180px;
    margin-right: 20px;
}
.newsContent {
    height: 80px;
}
.newsReadMore {
    float: right;
    display: block;
    font-size: 1.06em;
    font-weight: bold;
    padding: 20px 25px 5px 10px;
    background: transparent url('../images/arrow-button.gif') no-repeat scroll 100% 18px;
}

/* Panel Box */
.panelBox {
    margin: 10px 0 0;
}
.panelBox div.headline {
    background: #999 url('../images/business-areas-top.gif') no-repeat scroll 0 0;
}
.panelBox .headline h2 {
    background: transparent url('../images/business-areas-top.gif') no-repeat scroll 100% 0;
    color: #fff;
    font-size: 1.27em;
    font-weight: normal;
    margin: 0 0 0 10px;
    padding: 9px 0 7px;
}
.panelBox .threeItems, .panelBox .fourItems, .panelBox .fiveItems {
    float: left;
    min-height: 110px;
    width: 100%;
    margin-top: 2px;
}
/* Three Cols:242 + 242 + 241 */
.panelBox .threeItems {
    background: transparent url('/_layouts/themes/falck/images/info-box-3-bg.gif') repeat-y scroll 0 0;
}
.panelBox .threeItems .bottom {
    background: transparent url('/_layouts/themes/falck/images/info-box-3-bottom-bg.gif') no-repeat scroll 0 100%;
}
.panelBox .threeItems .box.first {
    width: 242px;
}
.panelBox .threeItems .box, .panelBox .threeItems .box.last, .panelBox .threeItems .box.last .image {
    width: 241px;
}
/* Four Cols:181 + 181 + 181 + 180 */
.panelBox .fourItems {
    background: transparent url('/_layouts/themes/falck/images/info-box-4-bg.gif') repeat-y scroll 0 0;
}
.panelBox .fourItems .bottom {
    background: transparent url('/_layouts/themes/falck/images/info-box-4-bottom-bg.gif') no-repeat scroll 0 100%;
}
.panelBox .fourItems .box {
    margin: 0 1px 0 0;
    width: 181px;
}
.panelBox .fourItems .box.last {
    width: 180px;
}
/* Five Cols:144 + 144 + 145 + 146 + 141 */
.panelBox .fiveItems {
    background: transparent url('/_layouts/themes/falck/images/info-box-5-bg.gif') repeat-y scroll 0 0;
}
.panelBox .fiveItems .bottom {
    background: transparent url('/_layouts/themes/falck/images/info-box-5-bottom-bg.gif') no-repeat scroll 0 100%;
}
.panelBox .fiveItems .box {
    margin: 0 1px 0 0;
    width: 144px;
}
.panelBox .fiveItems .box.center, .panelBox .fiveItems .box.fouth {
    width: 145px;
}
.panelBox .fiveItems .box.last, .panelBox .fiveItems .box.last .image {
    width: 144px;
}
/* Bottom */
.panelBox .bottom {
    float: left;
    height: 8px;
    margin-top: -8px;
    width: 100%;
}
/* Box */
.panelBox .box {
    float: left;
    font-size: 1em;
    line-height: 1.2em;
    list-style-type: none;
    margin: 0 1px 0 0;
    width: 181px;
}
.panelBox .box h3 {
    background: transparent none;
    border-style: none;
    color: #000;
    font-size: 1.2em;
    line-height: 1.3em;
    margin: 0;
    padding: 0 10px;
}
.panelBox .box p {
    margin: 0;
    padding: 0 10px;
}
.panelBox .box .ms-PartSpacingVertical {
    display: none;
}
/* Info box */
.panelBox .infoBox {
    cursor: pointer;
    position: relative;
}
.panelBox .infoBox .image {
    background: transparent url('') no-repeat scroll 0 0;
    height: 58px;
    width: 100%;
    border: 1px silver solid;
}
.panelBox .infoBox .arrow {
    background: transparent url('/_layouts/themes/falck/images/arrow-button.gif') no-repeat scroll 0 0;
    bottom: 10px;
    height: 20px;
    position: absolute;
    right: 10px;
    width: 20px;
}
/* Slide Show */
.slideshow ul {
    margin: 0;
    padding: 0;
}
.slideshow ul li {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.slideshow ul li img {
    border-style: none;
    margin: 0;
    padding: 0;
}
.innerfade {
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
}
/*** Bottom Content ***/
.bottomContent {
    clear: both;
}
/*** Search Reslut ***/
.srch-results {
    padding: .5em;
}
.srch-results .srch-Result-Item {
    margin: 0 0 1.5em;
}
.srch-results .srch-Title a:link, .srch-results .srch-Title a:active, .srch-results .srch-Title a:visited {
    color: #e70000;
    font-weight: bold;
    text-decoration: none;
}
.srch-results .srch-Title a:hover {
    color: #000;
}
.srch-results .srch-Description {
    padding: .3em 0;
}
.srch-results .srch-Metadata {
    background: #eaeaea none;
    padding: .5em;
}
.srch-results .srch-Inline-Divider {
    border-right: 1px solid #ccc;
    margin: 0 .5em;
}
.srch-Page {
    padding: .5em;
}
.srch-Page a:link, .srch-Page a:active, .srch-Page a:visited {
    color: #e70000;
}
.srch-Page a:hover {
    color: #000;
}
.srch-Metadata .srch-URL a:link, .srch-Metadata .srch-URL a:visited {
    color: #e70000 !important;
    text-decoration: none;
}
.srch-Metadata .srch-URL a:hover {
    color: #e70000 !important;
    text-decoration: underline;
}
/*** Link List ***/
ul.linklist li {
    background: transparent url('../images/arrow-button.gif') no-repeat scroll 0 0;
    list-style-type: none;
    margin: 0 0 .8em;
    padding: 4px 0 4px 25px;
}
ul.linklist a:link, ul.linklist a:active, ul.linklist a:visited {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
ul.linklist a:hover {
    color: #e70000;
}
ul.linklist li p {
    margin: .2em 0 0;
}
/* Article image */
div.image {
    margin-bottom: 5px;
}
/* Site Map */
.sitemapContainer .siteMapNodeTable {
    width: 100%;
}
.sitemapContainer .siteMapNodeTable td {
    vertical-align: top;
}
.sitemapContainer .siteMapNodeTable .col1, .sitemapContainer .siteMapNodeTable .col2 {
    margin-right: 5%;
    width: 30%;
}
.sitemapContainer .siteMapNodeTable .col3 {
    width: 30%;
}
.sitemapContainer .siteMapNodeTable .box .head a:link, .sitemapContainer .siteMapNodeTable .box .head a:active, .sitemapContainer .siteMapNodeTable .box .head a:visited {
    color: #fff;
}
.sitemapContainer .siteMapNodeTable .box .content {
    padding: 5px 10px 5px 0;
}
.sitemapContainer .siteMapNodeTable ul {
    margin: 0;
    padding: 0;
}
.sitemapContainer .siteMapNodeTable li {
    background: transparent url(../images/menu-item.gif) no-repeat scroll 5px 3px;
    list-style-type: none;
    padding: 0 0 0 18px;
}
.sitemapContainer .siteMapNodeTable li a {
    display: block;
    padding: 1px 0 3px;
}
/*
	footer
------------------------------------------------------ */
.footerWrapper {
    float: left;
    clear: both;
    width: 948px;
    overflow: hidden;
	border-top:1px solid #BABABA;
}

/*
	Footer
------------------------------------------------------ */
.footer {
    color: #868686;
    clear: both;
	background:none;
	padding:0;
	margin:0 0 100px 0;
	border-width:1px 0 0 0;
}
.footer .footer-top {
	padding-top:25px;
	color:#868686;
	font-size:11px;
	line-height:18px;				
}
.footer .footer-top .col {
	border-right:1px solid #d3d3d3;
	min-height:85px;
	height:auto!important;				
	height:85px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:8px;
}
.footer .footer-top .last-col { border-right: none;	}			
.footer .footer-top .c1 { width:300px!important; }
.footer .footer-top .c2 { width:240px!important; }
.footer .footer-top .c2.wide { width:380px!important; }		
.footer .footer-top .c3 { width:120px!important; }
.footer .footer-top .c4 { width:170px!important; }
.footer .footer-top p,
.footer .footer-top img { margin:0;}
.footer .footer-top .headline { margin:0 0 10px 0; font-size:12px; font-weight:bold; color:#868686;}

.footer .footer-top ul { margin:0; padding:0; margin-right:5px; }
.footer .footer-top ul li { margin:0; padding:0; list-style:none; background:none; }			
.footer .footer-top ul li img { vertical-align:middle; }			
.footer .footer-top .c2.wide ul{ margin-right:10px; }
.footer .footer-top ul.checklist { width:145px;	float:left; }			
.footer .footer-top ul.checklist li { padding-left:20px; background:transparent url('img/icon-check-red.png') no-repeat 0 4px; }			
.footer .footer-top ul.linklist { width:115px; 	float:left; }			
.footer .footer-bottom {
	clear:both;
	border-top:1px solid #d3d3d3;
	color:#868686;
	text-align:center;
	font-size:10px;
}
.footer .footer-bottom p { margin:5px 10px;}			

.page .footer a, 
.page .footer a:link,
.page .footer a:active, 
.page .footer a:visited  {
	text-decoration:underline;
	color:#868686;
	padding:0;
	font-weight:normal;
}
.page .footer a:hover { color:#E80000;}
.page .footer a.newsletter { background:transparent url('img/icon-letter.gif') no-repeat 0 3px; padding-left:22px;}

/* not in use. 
.footer a:link, .footer a:hover, .footer a:active, .footer a:visited {
    color: #868686;
    text-decoration: underline;
}
.footer a:hover {
    text-decoration: none;
}
*/

/*Radcontrols hack*/
.telerik-reTableEvenRow-2 td { background:#ddd!important;}
.telerik-reTableOddRow-2 td { background:#F0F0F0!important;}
.telerik-reTable-2 { font-size:12px!important; font-family:Arial,Sans-Serif!important;}

.box table th img { margin:0; } /*Remove margin from Icons in catergory list*/