@charset "utf-8";
/* Stylesheet for Valutec
==============================================

Last edited: 2007-02-07

Author:  Kristofer Westling
Email:	 contact@kwe0221.com
URL:	 http://www.kwe0221.com


/* Reset
==============================================*/
* {
	margin:0;
	padding:0;
}

img {
	border:none;
}

#news h3,
#loginForm h3,
#contactInformation h3,
.productHeading a,
.downloadHeading		{
							font-size:0;
							line-height:0;
							text-indent:-10000px;
						}


/* Typography and colour
==============================================*/
html					{
							overflow-x:hidden;
}
body					{
							font:11px/13px Tahoma,Helvetica,"Trebuchet MS",Arial,Verdana,sans-serif;
							color:#4f4f4f;
							background:#fff;
						}
h1,h2,h3,h4,h5,h6		{	
							font-weight:normal; 
							color:#4f4f4f;
							font-family:"Arial Narrow",ArialNarrow,Arial,Helvetica,Tahoma,"Trebuchet MS",Verdana,sans-serif;
						}
h1 						{	font-size:30px; line-height:30px; margin-bottom:20px; font-weight:bold;}
h2	 					{	font-size:21px;line-height:25px;font-weight:bold;}
h3	 					{	font-size:20px;line-height:20px;}
h4 						{	font-size:12px;font-weight:bold;}
h5 						{	font-size:10px;}
h6 						{	font-size:9px;}

h3						{
							margin-bottom:10px;
						}
strong					{
							font-size:11px;
						}
a						{	
							text-decoration:underline;
							color:#666;
						}
a:hover					{	
							color:#b00;
						}
a:focus					{
							outline:none;
						}
						
.clearFix				{
							clear:both;
						}
#submenu ul li a.menuLevelSelected,
#submenu ul li a.menuSubLevelSelected	{
							font-weight:bold;
							color:#fff;
						}
#news p,
#loginForm,
#contactInformation		{
							font-size:9px;
						}
#contactInformation		{
							line-height:12px;
						}
#articleList em			{
							font-style:normal;
							color:#900;
						}
#articleList a			{
							text-decoration:none;
						}
						
/* Masthead
==============================================*/
#masthead				{
							position:relative;
							width:955px;
							height:170px;
							background:#000;
							margin:0 auto;
						}
#masthead h1			{
							position:absolute;
							top:29px;
							left:30px;
							font-size:0;
							line-height:0;
							width:286px;
							height:78px;
						}
#masthead form img		{
							margin:8px 0 0 10px;
						}
#flashBanner			{
							position:absolute;
							top:30px;
							right:0;
							width:475px;
						}
#contentWrapper			{
							position:relative;
							width:955px;
							background:#fff url("/assets/images/bg_3columns.png") repeat-y;
							margin:0 auto;
						}
#contentWrapperSpecial	{
							position:relative;
							width:955px;
							background:#fff url("/assets/images/bg_2columns.png") repeat-y;
							margin:0 auto;
						}
#bg-image-left			{
							position:absolute;
							top:0;
							left:-498px;
							height:920px;
							width:498px;
							background:url("/assets/images/bg_1_left.jpg") no-repeat;
						}
#bg-image-right			{
							position:absolute;
							top:0;
							right:-498px;
							height:920px;
							width:498px;
							background:url("/assets/images/bg_1_right.jpg") no-repeat;
						}
				
/* Masthead - Main menu
==============================================*/
#masthead ul			{
							position:absolute;
							bottom:0;
							left:0;
							list-style-type:none;
							background:url("/assets/images/bg_menu.png") repeat-x;
							height:35px;
							width:955px;
						}

#masthead li			{
							float:left;
						}

#masthead li a.special-about 		{	background:url("/assets/images/nav_about.png") no-repeat; width:91px;}
#masthead li a.special-kanaltorkar	{	background:url("/assets/images/nav_kanaltorkar.png") no-repeat; width:91px;}
#masthead li a.special-kammartorkar	{	background:url("/assets/images/nav_kammartorkar.png") no-repeat; width:101px;}
#masthead li a.special-varmebehandling		{	background:url("/assets/images/nav_varmebehandling.png") no-repeat; width:117px;}
#masthead li a.special-styrsystem				{	background:url("/assets/images/nav_styrsystem.png") no-repeat; width:81px;}
#masthead li a.special-service				{	background:url("/assets/images/nav_support.png") no-repeat; width:63px;}
#masthead li a.special-knowledge				{	background:url("/assets/images/nav_education.png") no-repeat; width:63px;}
#masthead li a.special-fou					{	background:url("/assets/images/nav_fou.png") no-repeat; width:34px;}
#masthead li a.special-news					{	background:url("/assets/images/nav_news.png") no-repeat; width:108px;}
#masthead li a.special-contact				{	background:url("/assets/images/nav_contact.png") no-repeat; width:62px;}

#masthead li a.menuLevelSelected{	background-position:bottom left;}

#masthead li a			{
							display:block;
							font-size:0;
							line-height:0;
							text-indent:-10000px;
							height:35px;
							border:none;
						}
#masthead li a:hover	{	
							background-position:bottom left;
							border:none;
						}
#masthead a,
#masthead a:hover		{
							text-decoration:none;
							color:#000;
						}

/* Primary content
==============================================*/
#primaryContent h2				{
									margin-bottom:10px;
								}
#primaryContent					{
									float:left;
									width:525px;
									padding:20px 20px 0;
								}
#primaryContent .largeImg		{
									margin-bottom:20px;
								}
.article-wrapper				{ 	margin-bottom:20px; }
#primaryContent p				{
									margin-top:10px;
								}
#primaryContent .imageColumn	{
									margin-top:4px;
									margin-bottom:20px;
									float:right;
									width:150px;
								}
#primaryContent .textColumn		{
									float:left;
									width:350px;
									margin-bottom:20px;
								}
#primaryContent .textColumnSingle{
									float:left;
									width:470px;
									margin-bottom:20px;
								}
#primaryContent .textColumnWide	{
									float:left;
									width:525px;
									margin-bottom:20px;
								}
.highlightBox					{
									overflow:auto;
									background:#d2d2c5;
									padding:20px;
									color:#333;
									float:left;
									width:485px;
								}
.highlightBox h2				{
									color:#333;
								}
#primaryContent .largeImg p,
#primaryContent .imageColumn p	{
									margin:0;
								}
#primaryContent .contactInfoBox	{
									background:#ebecee;
									overflow:hidden;
									width:257px;
									float:left;
									margin:0 5px 5px 0;
								}
#primaryContent .odd			{
									margin-right:0;
								}
#primaryContent .contactInfoBox img{
									float:left;
									margin-right:10px;
								}
#contentWrapperSpecial #primaryContent			{
													width:720px;
												}
#contentWrapperSpecial #primaryContent p		{
													margin:0;padding:0;
												}
#contentWrapperSpecial #primaryContent p img	{	
													margin-bottom:-14px;
												}
.form-container					{
									margin-top:20px;
									list-style-type:none;
								}
.form-container li				{
									margin-bottom:5px;
								}
.form-container	label			{
									font-weight:bold;
									display:block;
									margin-bottom:2px;
								}
.form-container	input			{
									width:340px;
									padding:2px;
									font-size:11px;
								}
.form-container	#ctl00_ContentPlaceHolder1_ctl03_btnSubmit			{
									width:auto;
									padding:1px;
									font-size:12px;
								}


/* Secondary content
==============================================*/
#secondaryContent h1,
#secondaryContent h2,
#secondaryContent h3,
#secondaryContent h4,
#secondaryContent h6	{	color:#fff;}
#secondaryContent h5	{	color:#999;}

#secondaryContent		{
							float:right;
							width:195px;
							color:#fff;
						}
#news,
#loginForm,
#contactInformation		{
							padding:20px;
							width:155px;
						}
#contactInformation		{
							border-top:5px solid #fff;
							margin-bottom:261px;
						}
#news					{
							padding-bottom:7px;
						}
#index #contactInformation	{
							padding-bottom:0;
						}
#contentWrapperSpecial #contactInformation	{
							padding-bottom:0;
							margin-bottom:0;
						}
#contentWrapperSpecial br.clearFix {
							height:0;
							line-height:0;
							font-size:0;
						}
#news p					{	
							margin-bottom:10px;
							font-size:10px;
							color:#ddd;
						}
#contactInformation	img	{
							margin-right:9px;
							float:left;
						}
#contactInformation	p	{
							float:left;
							color:#ddd;
						}
#contactInformation p strong{
							color:#fff;
						}
#news h3				{
							background:url("/assets/images/heading_news.png") no-repeat;
							width:55px;
							height:12px;
						}
#loginForm h3			{
							background:url("/assets/images/heading_login.png") no-repeat;
							width:56px;
							height:12px;
						}
#contactInformation h3	{
							background:url("/assets/images/heading_contactinfo.png") no-repeat;
							width:121px;
							height:12px;
						}
#loginForm				{
							border-top:5px solid #fff;
							border-bottom:5px solid #fff;
							display:none;
						}
#loginForm input		{
							border:none;
						}

/* Submenu
==============================================*/
#submenu				{
							float:left;
							width:175px;
							padding:20px 0 20px 20px;
						}
#submenu img			{
							margin-left:-4px;
						}
#submenu h3				{
							font-family:"Arial Narrow",ArialNarrow,Tahoma,Helvetica,"Trebuchet MS",Arial,Verdana,sans-serif;
						}
#submenu a				{	
							color:#999;
							text-decoration:none;
						}
#submenu a:hover		{	
							color:#fff;
						}
#submenu ul				{
							margin-bottom:20px;
							list-style-type:none;
							font-size:10px;
							line-height:15px;
						}
#submenu ul li ul		{
							margin:1px 0 3px;
							padding-left:10px;
							font-size:9px;
							line-height:13px;
						}
#submenu ul li ul li a	{
							text-transform:none;
						}
ul#pdf li				{
							background:url("/assets/images/icon_pdf.png") no-repeat 0 1px;
							padding-left:17px;
						}
ul#pdf li a				{
							text-transform:none;
						}
.productHeading a		{
							display:block;
							background:url("/assets/images/heading_kanaltorkar.png") no-repeat;
							width:88px;
							height:12px;
						}
.downloadHeading		{
							background:url("/assets/images/heading_download.png") no-repeat;
							width:112px;
							height:14px;
						}
						
						
/* News
==============================================*/
ul#newsList				{										/* Right column */
							list-style-type:none;
						}
ul#newsList li h4 a		{
							color:#fff;
							text-decoration:none;
						}
ul#articleList			{										/* List on news-page */
							list-style-type:none;
							line-height:16px;
						}
#pageing				{
							overflow:auto;
							margin:10px 0 20px;
						}
#article				{
							margin-bottom:20px;
						}
#article h3				{
							margin:0;
						}
#primaryContent .article-wrapper h2 {
							margin:0;
						}


/* Footer
==============================================*/
#footer					{
							position:relative;
							margin:20px 0 10px;
							width:955px;
							height:26px;
							font-size:10px;
							margin:0 auto;
							background:#fff;
							padding:20px 0;
						}
.footerText				{
							position:absolute;
							top:20px;
							left:20px;
						}
.footerLogo				{
							position:absolute;
							top:20px;
							right:30px;
						}
						
								
/* Forms
==============================================*/
label					{
							display:block;
							font-size:10px;
						}
#searchForm				{
							position:absolute;
							top:0;
							right:0;
							background:#fff;
							width:460px;
							height:30px;
							padding-left:15px;
						}
#searchForm img			{
							margin:8px 10px 0 0;
						}
#searchForm .switch-lang{
							margin-right:10px;
						}
#searchForm input		{
							position:absolute;
							top:8px;
							right:63px;
							font-size:10px;
							border:1px solid #ccc;
							height:13px;
							width:130px;
						}
#searchForm #ctl00_btnSubmit		{
							position:absolute;
							right:10px;
							width:43px;
							height:15px;
							border:none;
							background:url("/assets/images/btn_search.png") no-repeat;
							font-size:0;
							line-height:0;
							text-indent:-10000px;
							cursor:pointer;
						}
#searchForm #submit:hover	{
							background-position:bottom left;
						}
#loginForm input		{
							padding:2px;
							font-size:10px;
							width:151px;
							height:14px;
							margin-bottom:5px;
						}
#loginForm input#login	{
							margin:2px 0 7px;
							padding:0;
							width:155px;
							height:21px;
							background:url("/assets/images/btn_login.gif") no-repeat;
							font-size:0;
							line-height:0;
							text-indent:-10000px;
							cursor:pointer;
						}
#loginForm input#login:hover{
							background-position:left bottom;
						}