
/* ------------------------------------------------
	global
-------------------------------------------------*/

* { margin: 0; padding: 0; text-decoration: none; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address { font-style: normal; }
th,h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
q { quotes: "" ""; }
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */


html, body, form { margin:0px;
				   padding:0px;
				   height:100%; } 

body 	{ margin:0px;
		  padding:0px;
		  color:#58595b;
		  font:12px/18px Arial, Verdana, sans-serif;
		  background: #fff; }
	
p,
span,
div,
table,
table p,
tr, 
tr p,
td,
td p { font:12px/18px Arial, Verdana, sans-serif;	}



h1	{ color:#1b75bc;
	  font:bold 15px/20px arial, verdana, sans-serif;
	  margin-bottom: 10px;	}

h2	{ color:#1b75bc;
	  font:bold 14px/19px arial, verdana, sans-serif;  }

h3	{ color:#1b75bc;
	  font:bold 13px/18px arial, verdana, sans-serif; }

h4	{ color:#1b75bc;
	  font:bold 12px/18px arial, verdana, sans-serif;	}

a 	{ color:#1b75bc; }

a:hover 	{ text-decoration:underline; }


img	{ border: 0px solid; 	}

.cufon-loading { visibility: hidden !important; }

ul, ol {margin:0px 0px 0px 20px;}

div#container	{ display:block;
				  width:985px;
				  margin:0px auto;
				  padding:0px 0px 0px 0px; }
					
div#container ul, div#container ol {margin:0px;}


/* ------------------------------------------------
	header
-------------------------------------------------*/

	div#header	{ width:985px;
				  height:165px;
				  margin:0px;
				  padding:0px 0px; }
			  
		div#sweden	{ float:left;
					  width:346px;
					  height:165px;
					  margin:0px;
					  padding:0px; 	 }
		
		div#logo	{ float:left;
					  width:200px;
					  height:165px;
					  margin:0px;
					  padding:0px; 	 }

			div#logo a	{ display:block;
						  width:200px;
						  height:165px;
						  margin:0px;
						  padding:0px; 
						  background: url(../images/logo.png) no-repeat 0px 0px; }
			/*div#logo a:hover	{ background: url(../images/logo2.png) no-repeat 0px 0px; }*/
			  
		div#sweden	{ float:left;
					  width:346px;
					  height:145px;
					  margin:0px;
					  padding:20px 0px 0px 0px;
					  text-align:right; 
					  position:relative;	 }

			div#sweden p	{ padding:3px 0px 0px 0px;
						  text-transform:uppercase;
						  color:#000;
						  font:12px arial, verdana, sans-serif;	 }

			div#bluebox	{ position:absolute;
						  top:105px;
						  left:130px;
						  width:231px;
						  height:230px;
						  margin:0px;
						  padding:0px;
						  background: url(../images/bluebox.png) no-repeat 0px 0px; }

		div#headerright	{ float:left;
						  display:block;
						  width:439px;
						  height:165px;
						  margin:0px;
						  padding:0px; 	 }

			div#headerrighttop	{ float:left;
						  display:block;
						  width:439px;
						  height:65px;
						  margin:0px;
						  padding:20px 0px 0px 0px; 	 }

				div#headerrighttop ul { float:right;	
							margin:0px;
		    	  		 	        padding:0px;
						        list-style:none; }
	 
					div#headerrighttop li {	float:left;
								display:block;
								margin:0px 0px 0px 0px;
								padding:0px; }

						div#headerrighttop a { float:left;
								       display:block;
								       margin:0px;
								       padding:4px 5px 4px 3px;
								       color:#58585a;
								       font: 11px Arial, Verdana, sans-serif;
			   					       background: url(../images/topmenubg.png) no-repeat right center; }
						div#headerrighttop li.epost a { padding:4px 15px 4px 3px;
								       		background: url(../images/topmenuarrow.png) no-repeat right center; }

						.searchfield { float:left;
						               display:block;
						               width:126px;
							       height:18px;
							       margin:0px 0px 0px 5px;
						               padding:0px;
							       text-align:center;
						               color:#6d6e71;
						   	       font: 12px Arial, Verdana, sans-serif; 
							       border:1px solid #58585a; }

			div#langmenu	{ float:left;
					  display:block;
					  width:439px;
					  height:20px;
					  margin:0px 0px 0px 0px; 
					  padding:0px; }
		
				div#langmenu ul { float:right;
						  margin:0px;
		    	  		          padding:0px;
					          list-style:none; }
				
					div#langmenu li { float:left;
							  display:block;
							  margin:0px;
							  padding:0px 6px 0px 5px;
			   				  background: url(../images/langmenubg.png) no-repeat right center; }
					div#langmenu li.last { padding:0px 0px 0px 5px;
							       background: none; }

						div#langmenu a { float:left;
								 display:block;
								 margin:0px;
								 padding:0px 0px;
								 color:#a5a7aa;
								 font: 11px Arial, Verdana, sans-serif;}
				
/* ------------------------------------------------
	menus
-------------------------------------------------*/


 
	div#menu	{ float:left;
			  display:block;
			  width:439px;
			  height:27px;
			  margin:0px 0px 0px 0px; 
			  padding:0px;  }

		div#menu ul { float:right;
			      margin:0px;
    	  		      padding:0px;
			      list-style:none; 
			      background: url(../images/menubg.png) repeat-x top; }
	
			div#menu li {	float:left;
					display:block;
					margin:0px 0px 0px 10px;
					padding:0px; }

				div#menu a { float:left;
					     display:block;
					     margin:0px;
					     padding:5px 0px 16px 0px;
					     color:#141215;
					     font: 11px Arial, Verdana, sans-serif; }

				div#menu a:hover {   }

				div#menu li.active a { color:#1b75bc; }


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
}
#nav a:hover { text-decoration:none;
	       color:#1b75bc; }

#nav li { /* all list items */
	float: left;
	margin:0px;
	padding:0px; 
}
		 	 	  
#nav li:hover, #nav li.sfhover { color:#1b75bc; }

#nav li ul { /* second-level lists */
		position: absolute;
		width:230px;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		top:-999em;
		margin:30px 0px 0px 0px;
		padding:0px 0px 10px 0px;
		z-index:1000;
		background: #fff url(../images/menuulbg.png) no-repeat 0px bottom; }

#nav li ul li { width:230px;
		display:block;
		margin:0px 0px;
		padding:0px;
		text-align:left;
		position:relative; }
			
#nav li ul li:hover, #nav li ul li.sfhover { }
			
#nav li ul li a { display:block;
		  width:210px;
		  color:#000;
		  padding:0px 10px;
		  font: 11px Arial, Verdana, sans-serif;
		  background: url(../images/menuulli.png) no-repeat 0px top; }

#nav li ul li a span { display:block;
				   width:210px;
				   color:#000;
				   font-weight:normal;
				   text-align:left;
				   font: 11px Arial, Verdana, sans-serif;
				   padding:6px 0px !important; 
				   cursor:pointer;
				   background: url(../images/menuarrow.png) no-repeat 200px center; }
				  
#nav li ul li a:hover { color:#fff;
			background: #008bc8 url(../images/menuulli2.gif) no-repeat 0px top;}
#nav li ul li a:hover span { color:#fff;
			     background: url(../images/menuarrow2.gif) no-repeat 200px center; }
#nav li ul li.active a { color:#fff;
			 background: #008bc8 url(../images/menuulli2.gif) no-repeat 0px top;}
#nav li ul li.active a span { color:#fff;
			      background: url(../images/menuarrow2.gif) no-repeat 200px center; }
				  

				  			  
#nav li ul ul { /* third-and-above-level lists */
	margin: -26px 0px 0px 167px;
}

#nav li ul ul.leftnav { /* third-and-above-level lists */
	margin: -26px 0px 0px -169px;
}

#nav li ul ul.up { /* third-and-above-level lists */
	margin: 0px 0px 0px 167px;
	bottom:0px;
	}

#nav li ul ul ul { /* third-and-above-level lists */
	margin: -26px 0px 0px 167px;
}
#nav li ul ul ul.leftnav { /* third-and-above-level lists */
	margin: -26px 0px 0px -169px;
}
#nav li ul ul ul.up { /* third-and-above-level lists */
	margin: 0px 0px 0px 167px;
	bottom:0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
	top:-999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	top:auto;
}





		div.submenu	{ width:241px;
				  margin:0px;
				  padding:0px;  }

			div.submenu ul { display:block;
					 width:195px;
				  	 margin:0px;
					 padding:15px 18px;
					 list-style:none;  }

				div.submenu li	{ margin:0px 0px 10px 0px;
						  padding:0px;   }

					div.submenu a	{ display:block;
							  padding:0px 0px 0px 25px;	
							  color:#000;
							  font:bold 13px/19px arial, verdana, sans-serif; 
		 					  background: url(../images/greenarrow.png) no-repeat 0px 2px; }

					div.submenu a:hover	{ color:#8c243b;
								  background: url(../images/pinkarrow.png) no-repeat 0px 2px; }

					div.submenu li.active a	{ text-decoration:underline;
								  color:#8c243b;
								  background: url(../images/pinkarrow.png) no-repeat 0px 2px; }


/* ------------------------------------------------
	start
-------------------------------------------------*/

	div.col1	{ float:left;
				  display:block;
				  width:200px;
				  margin:0px;
				  padding:0px;   }

		div.menubuttons	{ display:block;
						  width:180px;
						  height:127px;
						  margin:0px;
						  padding:13px 0px 0px 20px;
						  background:#f3f3f4;   }

			div.menubuttons ul	{ width:180px;
						  		  margin:0px;
								  padding:0px;
								  list-style:none;  }

				div.menubuttons li	{ display:block;
									  width:165px;
						  			  height:38px;
									  margin:0px;
									  padding:0px 0px 2px 0px;
									  text-align:center;}
									  

					div.menubuttons a	{ clear:both;
										  display:block;	
										  height:13px;
										  margin:0px;
										  padding:8px 0px 17px 0px;
										  text-align:center;
										  color:#fff;
										  font:13px/15px "myriad pro", arial, verdana, sans-serif;
									      background:url(../images/blue.png) no-repeat 0px 0px;	}
					div.menubuttons a:hover	{ text-decoration:none;
											  background:url(../images/gray.png) no-repeat 0px 0px;	}
					
					div.menubuttons li.orange a	{ background:url(../images/orange.png) no-repeat 0px 0px; }	
					div.menubuttons li.orange a:hover	{ background:url(../images/gray.png) no-repeat 0px 0px; }				
					div.menubuttons li.green a	{ background:url(../images/green.png) no-repeat 0px 0px; }	
					div.menubuttons li.green a:hover	{ background:url(../images/gray.png) no-repeat 0px 0px; }

						div.menubuttons img	{ display:block;
											  width:165px;
											  height:38px;
											  margin:0px;
											  padding:0px; }
		div.graybox	{ display:block;
				  width:160px;
				  height:244px;
				  margin:0px;
				  padding:20px 20px 20px 20px;
				  background:#939598;   }

			div.graybox p	{ color:#fff;
					  font:13px/20px arial, verdana, sans-serif;  }

	
	div.col2	{ float:left;
				  display:block;
				  width:585px;
				  margin:0px;
				  padding:0px;   }

		div.mainimg	{ display:block;
					  width:585px;
					  height:424px;
					  margin:0px;
					  padding:0px;   }

			div.mainimg img	{ display:block;
							  width:585px;
							  height:424px;
							  margin:0px;
							  padding:0px;   }

	div.col3	{ float:left;
				  display:block;
				  width:200px;
				  height:424px;
				  margin:0px;
				  padding:0px; 
				  background: url(../images/col3bg.png) no-repeat 0px 0px;   }

		div.col3 h2	{ display:block;
				  width:199px;
				  height:47px;
				  overflow:hidden;
				  margin:0px;
				  padding:0px;
				  text-align:center;
				  padding:20px 0px 0px 0px;
				  color:#fff;
				  font:14px/16px "myriad pro", arial, verdana, sans-serif;				  
				  background: url(../images/grayh2.png) no-repeat 0px 0px;    }
		div.col3 a:hover	{ text-decoration:none;
							  border:none; }

		div.col3 a	{ display:block;
					  width:199px;
					  height:210px;
					  margin:0px;
					  padding:0px;
					  position:absolute;
					  bottom:1px;
					  left:0px;   }
		div.col3 img	{ display:block;
						  width:199px;
						  height:210px;
						  margin:0px;
						  padding:0px; }

		div.col3top	{ display:block;
				  width:200px;
				  height:213px;
				  margin:0px;
				  padding:0px;  
				  position:relative;  }

	
		div.col3bottom	{ display:block;
				  width:200px;
				  height:211px;
				  margin:0px;
				  padding:0px;  
				  position:relative;  }

	div.colbottom	{ float:left;
					  display:block;
					  width:177px;
					  margin:0px;
					  padding:10px; }

		div.colbottom h2	{ display:block;
					  margin:0px;
				 	  padding:0px;
					  color:#58595b;
					  font: bold 12px/20px arial, verdana, sans-serif;
			     		  background: url(../images/menubg.png) repeat-x bottom; }

		div.colbottom h2.orange	{ color:#f15a29; }
		div.colbottom h2.green	{ color:#009344; }
			
		div.colbottom p	{ color:#58595b;
				  font: 12px/16px arial, verdana, sans-serif; }
		div.colbottom a	{ font: 12px/16px arial, verdana, sans-serif; }

	div.colbottomgray	{ float:left;
						  display:block;
						  width:177px;
						  height:81px;
						  margin:6px 0px 0px 0px;
						  padding:10px;
			     	 	 background:#939598; }

		div.colbottomgray h2	{ color:#58595b; 
					  font: 16px/20px "myriad pro", arial, verdana, sans-serif; }

		div.colbottomgray p	{ text-align:right;
					  color:#58595b; 
					  font: 12px/16px "myriad pro", arial, verdana, sans-serif; }
	
/* ------------------------------------------------
	pages
-------------------------------------------------*/


	div.pagecontent	{ display:block;
					  width:985px;
					  margin:0px;
					  padding:0px;
					  background: url(../images/mainbg.png) repeat-y;   }

	div.pagecol1	{ float:left;
			  display:block;
			  width:200px;
			  margin:0px;
			  padding:0px;   }

						  
		div.puffImages	{ display:block;
						  width:200px;
						  margin:0px;
						  padding:0px;
						  border-bottom:5px solid #fff; }
            div.puffimages { font: 0 Arial,Verdana,sans-serif !important;}
			div.puffImages h2	{ text-align:center;
							  color:#fff;
							  font:14px/16px "myriad pro", arial, verdana, sans-serif; }
							  
			div.puffImages a:hover	{ text-decoration:none;
								 	  border:none; }
									  
			div.puffImages img	{ display:block;
								  width:200px;
								  margin:0px;
								  padding:0px; }


	div.pagecol2	{ float:left;
					  display:block;
					  width:368px;
					  margin:0px;
					  padding:0px 16px;   }
					  
	div.newspagecol2	{ float:left;
					  display:block;
					  width:735px;
					  margin:0px;
					  padding:0px 25px;
					  background: #fff;
					  min-height: 500px;
					  vertical-align: top; }
					  
		div.newspagecol2 h1 { font-size: 1.5em; }

		div.pagecol2 ul	{ margin:0px 0px 0px 16px !important; }

		div.pagecol2 ol	{ margin:0px 0px 0px 20px !important; }


		div.newspagecol2 ul	{ margin:0px 0px 0px 16px !important; }

		div.newspagecol2 ol	{ margin:0px 0px 0px 20px !important; }

	div.pagecol3	{ float:left;
					  display:block;
					  width:325px;
					  margin:0px;
					  padding:25px 30px;   }

		div.pagecol3 h2	{ color:#58595b; 
				 		  font: 15px/24px "myriad pro", arial, verdana, sans-serif; }
			div.pagecol3 table p { font: 10px/18px arial, verdana, sans-serif; }				 		  

/* ------------------------------------------------
	form 
-------------------------------------------------*/

	div.form { margin:10px 0px;
			   padding:15px;
			   background:#f9f9f9; }
		span.label { float:left;
					 display:block;
					 width:111px; }
					 	   
		.formfield { float:left;
					 width:60%;
					 height:16px;
					 margin:0px 0px 2px 0px;
					 padding:4px 2px;
					 color:#000;
					 font:12px Verdana, Arial, Helvetica, sans-serif;
					 border:1px solid #666;
					 background:#fff; }		
		.formbox { float:left;
				   width:60%;
				   height:46px;
				   margin:0px 0px 2px 0px;
				   padding:4px 2px;
				   color:#000;
				   font:12px Verdana, Arial, Helvetica, sans-serif;
				   border:1px solid #666;
				   background:#fff; }		
										 
			.form .pink { background:#fee7e7; }
			.form .yellow { background:#fefee7; }   
		
		span.icon { float:left;
					display:inline;
					width:8px;
					margin:0px 0px 0px 5px;
					padding:8px 2px 0px 0px; }	
			


/* News */
div.newsItem
{
    border-top: dotted 1px #ccc;
    padding-top: 8px;
    margin-right: 220px;
    padding-bottom: 5px;
}
div.newsItem p
{
    margin-bottom: 12px;
}
div.newsItem a
{
    display: inline-block;
    margin-left: 10px;
}

/* ------------------------------------------------
	tell a friend
-------------------------------------------------*/

		div.tellafriend	{  width:341px;
				   margin:0px 4px;
				   display:block;
				   margin:0px auto;
				   position:relative;
				   background:#fff; }	
				   
	div.tellafriendpadding	{  padding:15px; }		
						  
		div.tellafriend h1 { display:block;
							 margin:0px 0px 5px 0px;
							 padding:0px;
							 color:#363636;
							 font:bold 14px verdana, arial, sans-serif; }
						  

		div.tellafriendform	{ height:128px;
							  margin:10px 0px;
							  padding:20px 15px;
							  border:4px solid #ececec;
							  background:#fff; }	
							  
			div.tellafriend span.label { float:left;
										 display:inline;
										 width:115px;
										 padding:5px 0px 0px 0px; }	
			div.tellafriend span.icon { float:left;
										display:inline;
										width:8px;
										margin:0px 5px 0px 0px;
										padding:8px 2px 0px 0px; }	
			
			div.tellafriend .formfield { width:136px;
										 height:16px;
										 margin:0px 0px 2px 0px;
										 padding:4px 2px;
										 color:#000;
										 font:12px Verdana, Arial, Helvetica, sans-serif;
										 border:1px solid #666;
										 background:#fff; }
										 
						div.tellafriend .pink { background:#fee7e7; }
						div.tellafriend .yellow { background:#fefee7; }
									
			div.tellafriend .formbtn {	float:right;
										width:130px;
										margin:0px 12px 0px 0px;
										padding:0px; 
										font:12px Verdana, Arial, Helvetica, sans-serif;}
										
	div.tellafriendshare	{ padding:10px 15px;
							  border-top:1px solid #cecece; }
							  
		div.tellafriendshare p	{ float:left; 
								  display:inline;
								  margin:0px 15px 0px 0px;
								  color:#535353 !important; }	
								  
						
/* ------------------------------------------------
	footer
-------------------------------------------------*/

	
	#cont {
		min-height:100%;
		position:relative;
		background:#fff;
	}
	#body {
		padding:0px;
		padding-bottom:107px;	/* Height of the footer */
	}
	#footer {
		position:absolute;
		bottom:0px;
		width:100%;
		padding:0px;
		height:87px;			/* Height of the footer */
		margin:0px;
		padding:0px 0px 0px 0px;
		background: #6d6e71;
	}

	div#footer2 { display:block;
		      width:985px;
		      margin:0px auto;
		      padding:10px 0px 0px 0px; }

			div#footer2 p { color:#fff;
					font:9px/13px arial, verdana, sans-serif; }

			div#footer2 a { color:#fff;
					font:9px/13px arial, verdana, sans-serif; }

		
/* ------------------------------------------------
	search
-------------------------------------------------*/
div dt
{

}
div dd
{
    margin-left: 20px;
    margin-bottom: 10px;
}


/* ------------------------------------------------
	misc
-------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* for understanding browsers */
.hojd {
	min-height:500px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 500px;
}


