﻿html, body {margin:0; padding:0; height:100%}

/* <Site color >*/
#SolutionsSite a					{ color: #F58025; }
#SolutionsSite .text li				{ background-image: url(images/solutions_bullet.gif); }
#SolutionsSite a:hover, 
#SolutionsSite .Small_Header,#SolutionsSite h1,#SolutionsSite h2, 
#SolutionsSite .Large_Header, 
#SolutionsSite .frame_header, 
#SolutionsSite .active_panelbar, 
#SolutionsSite .formfield, 
#SolutionsSite .contactformfield	{ color: #9C0058; }
#SolutionsSite .submitbutton		{ color: #5b6064; }

#EnergySite a						{ color: #8b8d09; }
#EnergySite .text li				{ background-image: url(images/energy_bullet.gif); }
#EnergySite a:hover, 
#EnergySite .Small_Header, #EnergySite h1,#EnergySite h2,
#EnergySite .Large_Header, 
#EnergySite .frame_header, 
#EnergySite .active_panelbar, 
#EnergySite .formfield, 
#EnergySite .contactformfield		{ color: #5a2149; }
#EnergySite .submitbutton			{ color: #5a2149; }

#ComputerSite a						{ color: #003D7D; }
#ComputerSite .text li				{ background-image: url(images/energy_bullet.gif); }
#ComputerSite a:hover, 
#ComputerSite .Small_Header, #ComputerSite h1,#ComputerSite h2,
#ComputerSite .Large_Header, 
#ComputerSite .frame_header, 
#ComputerSite .active_panelbar, 
#ComputerSite .formfield, 
#ComputerSite .contactformfield		{ color: #9B5F0E; }
#ComputerSite .submitbutton			{ color: #003D7D; }

#GroupSite a						{ color: #542988; }
#GroupSite .text li					{ background-image: url(images/energy_bullet.gif); }
#GroupSite a:hover, 
#GroupSite .Small_Header, #GroupSite h1,#GroupSite h2,
#GroupSite .Large_Header, 
#GroupSite .frame_header, 
#GroupSite .active_panelbar, 
#GroupSite .formfield, 
#GroupSite .contactformfield		{ color: #002b5c; }

#InsideSite a						{ color: #f47928; }
#InsideSite .text li				{ background-image: url(images/energy_bullet.gif); }
#InsideSite a:hover, 
#InsideSite .Small_Header,#InsideSite h1,#InsideSite h2, 
#InsideSite .Large_Header, 
#InsideSite .frame_header, 
#InsideSite .active_panelbar, 
#InsideSite .formfield, 
#InsideSite .contactformfield		{ color: #d3cab7; }


#KjemiSite a						{ color: #8b005a; }
#KjemiSite .text li					{ background-image: url(images/energy_bullet.gif); }
#KjemiSite a:hover, 
#KjemiSite .Small_Header, #KjemiSite h1,#KjemiSite h2,
#KjemiSite .Large_Header, 
#KjemiSite .frame_header, 
#KjemiSite .active_panelbar, 
#KjemiSite .formfield, 
#KjemiSite .contactformfield		{ color: #00aec5; }
#KjemiSite .submitbutton			{ color: #00aec5; }

#LogisticsSite a					{ color: #EF3E42; }
#LogisticsSite .text li				{ background-image: url(images/energy_bullet.gif); }
#LogisticsSite a:hover, 
#LogisticsSite .Small_Header, #LogisticsSite h1,#LogisticsSite h2,
#LogisticsSite .Large_Header, 
#LogisticsSite .frame_header, 
#LogisticsSite .active_panelbar, 
#LogisticsSite .formfield, 
#LogisticsSite .contactformfield	{ color: #569FD3; }
#LogisticsSite .submitbutton		{ color: #569FD3; }

#NetworksSite a						{ color: #ADD5F1; }
#NetworksSite .text li				{ background-image: url(images/energy_bullet.gif); }
#NetworksSite a:hover, 
#NetworksSite .Small_Header, #NetworksSite h1,#NetworksSite h2,
#NetworksSite .Large_Header, 
#NetworksSite .frame_header, 
#NetworksSite .active_panelbar, 
#NetworksSite .formfield, 
#NetworksSite .contactformfield		{ color: #ADD5F1; }
#NetworksSite .submitbutton			{ color: #ADD5F1; }


/* </Site color >*/








/* Layout*/
body								{ background: #ced0d1; font-family: Verdana; font-size: 8pt; line-height:13pt }
img									{ border:medium none; }
#wrapper							{ margin:0 auto; padding: 10px 0px; width: 987px; }
	.toplinks						{ margin-left:50px;color:#5B6064; font-size:9px;}
	.toplinks:hover					{ color:Black}
* html #page						{ height: 1%; }

#logo, #logo a						{ width:230px;height:31px; position:absolute; display:block; text-indent:-9999px; top:35px }

#page                               { background: url(images/bg_sprites.png) -1000px 0px repeat-y;overflow:hidden; padding-bottom:25px }
    #navigation                     { background: url(images/bg_sprites.png) -3007px 0px  no-repeat; height: 93px; position:relative; padding: 0px 26px 0 55px; }
    .header_img						{ background: url(images/header_kundeportal.jpg) no-repeat; width: 676px; height:64px; right:25px;position:absolute; top:26px }
        .header_img	span			{ right:25px;position:absolute; bottom:8px; color:White }

		#navigation .Kjemilogo		{ background: url(images/sprites.png) 0px    0px no-repeat }
		#navigation .Insidelogo		{ background: url(images/sprites.png) 0px  -40px no-repeat }
		#navigation .Solutionslogo	{ background: url(images/sprites.png) 0px  -80px no-repeat }
		#navigation .Grouplogo		{ background: url(images/sprites.png) 0px -120px no-repeat }
		#navigation .Energylogo		{ background: url(images/sprites.png) 0px -160px no-repeat }
		#navigation .Networkslogo	{ background: url(images/sprites.png) 0px -200px no-repeat }
		#navigation .Computerlogo	{ background: url(images/sprites.png) 0px -240px no-repeat }
		#navigation .Logisticslogo	{ background: url(images/sprites.png) 0px -280px no-repeat }
        #mainmenu                   { width:660px; float: right;background-image: url(images/sprites.png); background-position: 0px -320px; height:30px}
			.rmLink					{ display:block; height: 30px; line-height:30px; padding:0px 5px; color:White !important; font-weight:bold !important;}
			.rmItem					{ background: url(images/sprites.png) -50px -480px no-repeat;}
			.rmFirst				{ background: url() -50px -480px no-repeat;}
			.rmLink:hover			{ cursor:pointer !important; color:#bcbcbc !important}
		.SolutionsSlogan1			{ background: url(images/sprites.png) 0px -517px no-repeat; height: 30px; width:130px}
		.SolutionsSlogan2			{ background: url(images/sprites.png) 0px -557px no-repeat; height: 30px; width:130px}

        #crumbs                     { width:400px; float: right; font-size:9px;padding-top:10px; }
        #search                     { width:260px; float: right; clear:right;padding-top:10px;  }
			.search					{ height: 15px; margin: 0; padding: 0; vertical-align: top; border: solid 1px #b2b2b2; font-family: Verdana; font-size: 7pt; color: #5b6064; }
			.searchLang1			{ background: url(images/sprites.png) -100px -400px no-repeat; height: 17px; width:58px; display:block; float:right; text-indent:-9999px;}
			.searchLang2			{ background: url(images/sprites.png)    0px -400px no-repeat; height: 17px; width:58px; display:block; float:right; text-indent:-9999px;}
            #search input           { float: right; }
    #content                        { clear:both;float:left; overflow:hidden; padding: 0px 26px 0 55px;width:906px;} 
		.pagecontent				{ float:right; overflow:hidden; width: 660px; padding: 10px 0 50px 0} 
		.pagecontentfull			{ overflow:hidden; padding:0px 0 0px 0px; }
		.pagesubmenu				{ float:left; overflow:hidden; width: 230px; padding-top:10px} 
			.active_panelbar        { line-height:25px !important;}
	
		.RadPanelBar .rpRootGroup	{ border-style: none !important; }
		.rpLink						{ background:url()  !important; border-bottom:1px solid #E0E1E1 !important;}
		.rpText						{ background: url(images/CMS_ArrowLeft.gif) no-repeat left center !important } 

	
#header                             { background: url(images/bg_sprites.png) 0px 0px no-repeat; height:25px; }
    #selectlanguage                 { float: right; height:25px; padding:0; margin:0; line-height:25px; padding-right:20px; font-size:11px; }
    #selectlanguage li              { padding:0; margin:0; float: right; list-style:none; color:#5B6064; }
    #selectlanguage li.selected     { background: url(images/sprites.png) bottom left no-repeat; height: 23px; margin:0px 10px; padding: 0 0 0 10px}
    #selectlanguage li a            { padding:0; margin:0; padding:0px 10px 0px 0px; color:#5B6064; display:block; height:23px; line-height:23px;  }
    #selectlanguage li.selected a   { background: url(images/sprites.png) bottom right no-repeat; }
    #selectlanguage li a:hover      { color:black; }	
		
#footer								{ background: url(images/bg_sprites.png) -2006px 0px  no-repeat; height:125px; padding:0 25px 0 40px; color:#5B6064;font-size:9px;}
#footer .theme_border				{ height:12px; margin-bottom:18px; width:100%; background:url() transparent !important }
/*
background-image: url(images/sprites.png); background-position: 0px -360px */

.frame_left							{ background: #ced0d1 url(images/bg_left.png) repeat-y top right;}
.frame_right						{ background: #ced0d1 url(images/bg_right.png) repeat-y top left;}



.KjemiColor							{ background-color: #ee3124 }
.InsideColor						{ background-color: #0083a9 }
.SolutionsColor						{ background-color: #d31145 }
.GroupColor							{ background-color: #0083a9 }
.EnergyColor						{ background-color: #1fb25a }
.NetworksColor						{ background-color: #d31145 }
.ComputerColor						{ background-color: #f6891e }
.LogisticsColor						{ background-color: #0065a4 }


.floatleft							{ float:left; }
.floatright							{ float:right; }
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


.box3_top							{ background: url(images/boxes_3.png) top left  no-repeat; height:24px; }
.box3_middle						{ background: url(images/boxes_3.png) top center; padding: 0px 0px 0px 0px; }
.box3_middle .box1					{ min-height:100px;width:275px; margin: 0px 10px 0px 10px; float:left; color:#5B6064; }
.box3_middle .box2					{ min-height:100px;width:275px; margin: 0px 10px 0px 19px; float:left }
.box3_middle .box3					{ min-height:100px;width:275px; margin: 0px 10px 0px 19px; float:left }

.box3_bottom						{ background: url(images/boxes_3.png) top right  no-repeat; height:24px; }

.box3_middle h2						{ font-family: Georgia, Times; font-size: 14pt; font-weight:normal;color:#9C0058; margin:0; padding:0 0 5px 0 }




.Text								{ font-family: Verdana; color: #5b6064; font-size: 8pt; line-height: 150%; }
.Text_Block							{ font-family: Verdana; color: #5b6064; font-size: 8pt; line-height: 150%; text-align: justify; }
.Large_Text							{ font-family: Verdana; color: #5b6064; font-size: 10pt; line-height: 150%;font-weight: bold; }
.frame_content						{ width: 100%; height: 100%; padding: 15px; font-family: Verdana; color: #5b6064; font-size: 8pt; vertical-align: top; line-height: 150%; }
.text ul							{ list-style-type: none; padding: 0; margin: 0; }
.text li							{ background-repeat: no-repeat; background-position: 0 .7em; padding-left: 1.1em; margin: 0 0.7em; }
.headnote							{ color: #5B6064; font-size: 7pt; }
.adr								{ color: White; font-size: 7pt; }




.frame_div							{ background-image: url(images/frame/frame_bg.gif); background-position: bottom; background-repeat:repeat-x; }
.frame_topleft						{ background-image: url(images/frame/frame_top_corner.gif); background-position: top; background-repeat: no-repeat; 
              						  vertical-align: top; width: 16px; height: 15px; }
.frame_border						{ background-image: url(images/frame/frame_border_bg.gif); background-position: top; background-repeat:repeat-y; 
             						  background-color: #b2b2b2; width: 1px }
.frame_header						{ background-image: url(images/frame/frame_border_bg.gif); background-position: top; background-repeat:repeat-x; vertical-align: top;
             						  width: 100%; font-family: Georgia, Times; font-size: 12pt; padding-top: 7px; }




a									{ text-decoration: none; }
a:hover								{ text-decoration: none; }

.Small_Header, h2					{ font-family: Georgia, Times; font-size: 14pt; font-weight:normal }
.Large_Header, h1					{ font-family: Georgia, Times; font-size: 18pt; font-weight:normal }


.active_panelbar					{ font: normal 12px Arial, Verdana, Sans-serif; }

.formfield							{ height: 15px; width: 150px; margin: 0; padding: 1; border: solid 1px #b2b2b2; font-family: Verdana; font-size: 8pt; }
.contactformfield					{ width: 300px; margin: 0; padding: 1; border: solid 1px #b2b2b2; font-family: Verdana; font-size: 8pt; }
.submitbutton						{ height: 23px; font-family: Verdana; font-size: 8pt; font-weight: bold; }

#top_menu_td_left					{ background-image: url(images/bg_menu_top.gif); width: 520px; height: 30px; }
#top_menu_td_right					{ background-image: url(images/bg_menu_top.gif); width: 140px; height: 30px; vertical-align: middle; text-align: right; }
#top_menu_td						{ background-image: url(images/bg_menu_top.gif); height: 30px; vertical-align: middle; }

.add								{ background: url(images/add.png) no-repeat; height:16px; padding:3px 0px 3px 20px; margin-bottom:10px }
.delete								{ background: url(images/delete.png) no-repeat; height:16px; padding-left:20px}

/* Table */
.tabledata 							{ clear:both }
.tabledata th						{ color: #6D929B; border-right: 1px solid #cac7b6; border-bottom: 1px solid #cac7b6; border-top: 1px solid #cac7b6; background: #f4f5f2 url(images/tableheader_bg.gif) no-repeat; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; }
.tabledata td						{ border-right: 1px solid #cac7b6; border-bottom: 1px solid #cac7b6; padding: 6px 6px 6px 12px; color: #6D929B; }
.tabledata td.nobg					{ border-right: 0; border-top: 0; border-left: 0; border-bottom: 0px solid #cac7b6; background: none; }
.tabledata tr.odd					{ background: white; }
.tabledata tr.even					{ background: #f5f5f3; color: #B4AA9D; }








/* Easy Slider */
#slider {overflow: hidden; width: 906px; height: 228px;}
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:906px;
		height:228px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
	/*	background:url(http://cssglobe.com/lab/easyslider1.7/images/btn_prev.gif) no-repeat 0 0;	*/
		}	
	#nextBtn a, #slider1next a{ 
	/*	background:url(http://cssglobe.com/lab/easyslider1.7/images/btn_next.gif) no-repeat 0 0;	*/
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #9C0058;
		background:#d31145;
		color:white;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#9C0058;
		color:white;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */