/* ------------------------------------------------
	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 	{ min-height:100%;
		  margin:0px;
		  padding:0px;
		  color:#000;
		  font:13px/18px arial, verdana, sans-serif;
		  background: #fff; }
	
p,
span,
div,
table,
table p,
tr, 
tr p,
td,
td p { font:13px/18px arial, verdana, sans-serif;	}



h1	{ text-transform:uppercase;
	  letter-spacing:2px; 
	  color:#494949;
	  font:bold 18px arial, verdana, sans-serif;
	  margin-bottom: 10px;	}
h1 span	{ text-transform:uppercase;
	  color:#494949;
	  font:bold 18px arial, verdana, sans-serif;
	  margin-bottom: 10px;	}

h2	{ text-transform:uppercase;
	  letter-spacing:2px; 
	  color:#494949;
	  font:bold 16px arial, verdana, sans-serif;
	  margin-bottom: 10px;	}
h2 span	{ text-transform:uppercase;
		  letter-spacing:2px; 
		  color:#494949;
		  font:bold 14px arial, verdana, sans-serif;
		  margin-bottom: 10px;	}

h3	{ text-transform:uppercase;
	  letter-spacing:2px; 
	  color:#494949;
	  font:bold 13px/22px arial, verdana, sans-serif;
	  margin-bottom: 10px;	}
h3 span	{ text-transform:uppercase;
		  letter-spacing:2px; 
		  color:#494949;
		  font:bold 13px/22px arial, verdana, sans-serif;
		  margin-bottom: 10px;	}

h4	{ text-transform:uppercase;
	  letter-spacing:2px; 
	  color:#000;
	  font:bold 13px/22px arial, verdana, sans-serif;
	  margin-bottom: 10px;	}
h4 span	{ text-transform:uppercase;
		  letter-spacing:2px; 
		  color:#000;
		  font:bold 13px/22px arial, verdana, sans-serif;
		  margin-bottom: 10px;	}


a 	{ color:#0058aa;
	  text-decoration:none; }

a:hover 	{ color:#000; }


img	{ border: 0px solid; 	}

.cufon-loading { visibility: hidden !important; }

ul, ol { margin:0px 0px 0px 20px; }

div#container	{ display:block;
		  width:900px;
		  margin:0px auto;}

div#container ul, div#container ol { margin:0px 0px 0px 0px; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

	div#header	{ width:900px;
			  height:100px;
			  margin:0px;
			  padding:0px 0px 0px 0px;
			  background: url(../images/headerbg.png) no-repeat 0px 0px; }
			  
		
		div#logo	{ float:left;
				  display:block;
				  width:234px;
				  height:100px;
				  margin:0px;
				  padding:0px; 	 }

			div#logo a	{ display:block;
					  width:234px;
					  height:100px;
					  margin:0px;
					  padding:0px; 
					  background: url(../images/logo.png) no-repeat 0px 0px; }

		a.login	{ float:right;
			  display:block;
			  width:96px;
			  height:23px;
			  margin:16px 8px 0px 0px;
			  padding:6px 0px 0px 0px;
			  text-transform:uppercase;
			  text-decoration:none;
			  text-align:center;
			  color:#000;
			  font:bold 13px arial, verdana, sans-serif;
			  background: url(../images/login.gif) no-repeat 0px 0px; }

			a.login:hover { text-decoration:none;
				 	color:#5c5c5c; }

	
/* ------------------------------------------------
	menus
-------------------------------------------------*/


 
	div#menu	{ clear:both;
			  display:block;
			  width:900px;
			  height:29px;
			  margin:0px; 
			  padding:1px 0px 0px 0px;
			  background: url(../images/menubg.png) no-repeat 0px 0px; }

		div#menu ul { margin:0px;
    	  		      padding:0px;
			      list-style:none; }
	
			div#menu li {	float:left;
					display:block;
					margin:0px;
					padding:0px;
					background: url(../images/menudivider.png) no-repeat right top; }

				div#menu a { float:left;
					     display:block;
					     margin:0px;
					     padding:8px 28px 8px 28px;
					     text-decoration:none;
					     text-transform:uppercase;
					     color:#000;
					     font: bold 13px arial, verdana, sans-serif; }

				div#menu a:hover { text-decoration:none;
						   color:#5c5c5c; }

				div#menu li.active a { color:#5c5c5c;
						       background: url(../images/menuactive.png) repeat-x; }
	
			div#menu li.last { background:none; }

	


		div.submenu	{ display:block;
					  width:243px;
					  margin:0px;
					  padding:0px; }

			div.submenu ul { margin:0px;
							 padding:0px;
							 list-style:none;  }


				div.submenu li { display:block;
								 margin:0px;
      					         padding:0px 0px 40px 0px; }

					div.submenu a { display:block;
									margin:0px !important;
									padding:0px !important;
									text-decoration:none;
									text-transform:uppercase;
									color:#494949;
									font: bold 18px Arial, Verdana, sans-serif; }

					div.submenu a span { color:#494949;
										 font: bold 18px Arial, Verdana, sans-serif;
										 background:#fff; }


					div.submenu a:hover { color:#000; }
					div.submenu a:hover span { color:#000; }
					div.submenu li.active a { color:#000; 
											  background:url(../images/submenuactive.png) repeat-x bottom;}
					div.submenu li.active a span { color:#000; }
								
		

				div.submenu ul ul { width:137px;
								    padding:5px 0px 0px 20px;  }

					div.submenu ul ul li { padding:4px 0px;  }

/* ------------------------------------------------
	start
-------------------------------------------------*/

	
/* ------------------------------------------------
	main content
-------------------------------------------------*/

	div#left	{ float:left;
				  display:block;
				  width:900px;
				  margin:0px;
				  padding:25px 0px 0px 0px;  }
	
		div.globe	{ width:900px !important;
					  padding:25px 0px 25px 0px !important;
					  background:url(../images/globe.png) no-repeat 0px 0px; }

		div.lefttop	{ display:block;
					  width:610px;
					  height:382px;
					  margin:0px;
					  padding:0x 0px 0px 0px;  }

			div.lefttop h2	{ margin:0px;
							  padding:0px 0px 0px 0px;
							  text-align:center;
							  color:#747577; }

			div.lefttop h1	{ margin:0px;
							  text-align:center;
							  letter-spacing:0px; 
							  color:#000;
							  font: bold 48px Arial, Verdana, Helvetica, sans-serif; }

			div.lefttop p	{ float:right;
					  width:220px;
					  margin:20px 20px 0px 0px;
					  text-align:right;
					  font:13px/18px arial, verdana, sans-serif; }

		div#left div.ruta	{ float:right;
							  margin:0px 7px 0px 0px;}

		div.leftrutor	{ display:block;
						  width:680px;
						  margin:0px;
						  padding:24px 0px 0px 0px;  }
						  
		div.floatrutor	{ float:right;
						  display:block;
						  width:220px;
						  margin:0px;
						  padding:0x 0px 0px 0px;  }
							  

	div#right	{ float:right;
				  display:block;
				  width:220px;
				  margin:0px;
				  padding:25px 0px 10px 20px;  }
	div#kontakt	{ clear:both;
				  display:block;
				  width:700px;
				  margin:0px auto;
				  padding:0px 0px 30px 20px;  }
				  
			div#kontakt div.ingmar	{ float:left; 
									  margin:0px 10px 10px 0px; }


		div.ruta	{ display:block;
					  width:220px;
					  padding:0px;  }

			div.rutatop	{ display:block;
						  width:220px;
						  height:24px;
						  margin:0px;
						  padding:2px 0px 0px 0px; 
						  text-align:center;
						  background:url(../images/rutatop.png) no-repeat 0px 0px;  }

				div.rutatop h2	{ margin:0px;
								  padding:0px;
								  text-transform:uppercase;
								  color:#000;
				      		  	  font: bold 13px/22px Arial, Verdana, sans-serif;    }

			div.rutabg	{ display:block;
						  width:206px;
						  margin:0px;
						  padding:5px 7px; 
						  background:url(../images/rutabg.png) repeat-y;  }

				.rutanews	{ height:146px !important;
							  overflow:hidden !important;  }
				.rutadownload	{ height:128px !important;
								  overflow:hidden !important;  }
				.rutaarriving	{ height:111px !important;
								  overflow:hidden !important;  }
				.rutaweather	{ height:140px !important;
								  overflow:hidden !important;  }
				.rutastats	{ 
							  overflow:hidden !important; 
							  color:#668AA8;
							  font-size:8pt;
							  font-weight:bold }
	
				div.rutabg ul	{ width:196px;
								  margin:0px;
								  padding:0px 5px;
								  list-style:none;  }

					div.rutabg li	{ width:196px;
								  	  margin:0px 0px 4px 0px; }

						div.rutabg li a.pdf	{ display:block;
									  margin:-2px 0px 0px 0px;
									  padding:0px 0px 0px 20px; 
									  background:url(../images/pdf.png) no-repeat 0px 0px;  }

				div.rutabg table	{ margin:0px 0px 0px 4px;  }

					div.rutabg th	{ color:#0058aa;
							  font:bold 13px/16px Arial, Verdana, sans-serif;   }
					div.rutabg td	{ text-transform:uppercase;
							  font:bold 11px/17px Arial, Verdana, sans-serif;   }

			div.rutabottom	{ display:block;
					  width:220px;
					  height:6px;
					  margin:0px 0px 11px 0px;
					  padding:0px; 
					  background:url(../images/rutabottom.png) no-repeat 0px 0px;  }

			
/* ------------------------------------------------
	pages
-------------------------------------------------*/

	div.heading	{ width:590px;
				  padding:0px 35px 35px 35px; }

	div.maintext	{ display:block;
					  margin:0px; 
					  padding:0px; }

		div.relimg	{ float:left;
					  display:block;
					  margin:0px 10px 10px 0px; 
					  padding:0px; }

			div.relimg img	{ float:left;
					  display:block;
					  margin:0px; 
					  padding:0px; }
	
	div.ingmar	{ display:block;
				  width:150px;
				  height:80px;
				  margin:0px 0px 11px 0px;
				  padding:5px 60px 0px 10px;
				  overflow:hidden;
				  background:url(../images/ingmar.png) no-repeat 0px 0px;   }

		div.ingmar p	{ font-size:12px;
						  padding:0px;
						  line-height:16px !important; }
		div.ingmar div	{ font-size:12px;
						  padding:0px;
						  line-height:16px !important; }
		div.ingmar span	{ font-size:12px;
						  padding:0px;
						  line-height:16px !important; }
		div.ingmar a	{ color:#000; }

	div.gray	{ display:block;
				  width:220px;
				  margin:0px 0px 11px 0px;
				  padding:0px;
				  background:url(../images/graybg.png) repeat-y;   }

			div.graytop	{ display:block;
						  width:220px;
						  height:9px;
						  margin:0px;
						  padding:0px 0px 0px 0px; 
						  text-align:center;
						  position:relative;
						  z-index:1000;
						  background:url(../images/graytop.png) no-repeat 0px 0px;  }

				h2.gray	{ display:block;
						  width:220px;
						  height:25px;
						  text-align:center;
						  text-transform:uppercase;
						  margin:-14px -10px 5px -7px;
						  padding:5px 0px 0px 0px;
						  color:#000;
						  font: bold 13px/22px Arial, Verdana, sans-serif; 
						  position:relative;
						  z-index:1001;
						  background:url(../images/grayh2.png) no-repeat 0px 0px;    }

				h2.orange	{ display:block;
							  width:220px;
							  height:25px;
							  text-align:center;
							  text-transform:uppercase;
							  margin:-14px -10px 0px -2px;
							  padding:5px 0px 0px 0px;
							  color:#fff;
							  font: bold 13px/22px Arial, Verdana, sans-serif; 
							  position:relative;
							  z-index:1002;
							  background:url(../images/orangeh2.png) no-repeat 0px 0px;    }

				h2.yellow	{ display:block;
							  width:220px;
							  height:25px;
							  text-align:center;
							  text-transform:uppercase;
							  margin:-14px -10px 0px -2px;
							  padding:5px 0px 0px 0px;
							  color:#fff;
							  font: bold 13px/22px Arial, Verdana, sans-serif;  
							  position:relative;
							  z-index:1003;
							  background:url(../images/yellowh2.png) no-repeat 0px 0px;    }

				h2.green	{ display:block;
							  width:220px;
							  height:25px;
							  text-align:center;
							  text-transform:uppercase;
							  margin:-14px -10px 0px -2px;
							  padding:5px 0px 0px 0px;
							  color:#fff;
							  font: bold 13px/22px Arial, Verdana, sans-serif; 
							  position:relative;
							  z-index:1004;
							  background:url(../images/greenh2.png) no-repeat 0px 0px;    }

				h2.blue	{ display:block;
						  width:220px;
						  height:25px;
						  text-align:center;
						  text-transform:uppercase;
						  margin:-14px -10px 0px -2px;
						  padding:5px 0px 0px 0px;
						  color:#fff;
						  font: bold 13px/22px Arial, Verdana, sans-serif; 
						  position:relative;
						  z-index:1005;
						  background:url(../images/blueh2.png) no-repeat 0px 0px;    }

			div.graybg	{ display:block;
						  width:206px;
						  margin:0px;
						  padding:5px 7px; 
						  background:url(../images/graydient.png) no-repeat 0px 0px;  }


			div.graybg ul	{ width:176px;
						      margin:5px 0px 0px 20px !important;
							  padding:0px;
							  list-style:disc;  }

				div.graybg li	{ font-size:12px;  }

				div.graybg p	{ font-size:12px;
								  padding:5px 10px;
								  line-height:16px !important; }
				

			div.graybottom	{ display:block;
							  width:220px;
							  height:9px;
							  margin:0px;
							  padding:0px; 
							  background:url(../images/graybottom.png) no-repeat 0px 0px;  }


	div#puffar	{ display:block;
			  width:900px;
			  margin:0px;
			  padding:0px 0px 20px 0px;  }

	div#puffar div.gray	{ float:left;
						  height:128px;
						  margin:0px 6px 0px 0px;  }

		div#puffar div.graybg	{ height:100px; 
					  width:218px;
					  padding:5px 2px;  }

		div#puffar div.gray img	{ float:right;
					  margin:10px 0px 5px 5px;  }

		div#puffar div.gray p { font-size:12px;  }
	
		div.last	{ margin:0px !important;  }
		
		
		
		
/* ------------------------------------------------
	form 
-------------------------------------------------*/


		div.medialeft	{ float:left;
						  display:block;
						  width:243px;
						  margin:0px;
						  padding:30px 0px 30px 35px; }
						  
		div.mediaright	{ float:left;
						  display:block;
						  width:622px;
						  margin:0px;
						  padding:0px; }
						  
			div.mediatop	{ display:block;
							  width:622px;
							  height:7px;
							  margin:26px 0px 0px 0px;
							  padding:0px;
							  background: url(../images/mediatop.png) no-repeat 0px 0px; }
							  
			div.media	{ display:block;
						  width:620px;
						  padding:10px 0px 0px 0px;
						  border-left:1px solid #c4c4c5;
						  border-right:1px solid #c4c4c5;
						  background: url(../images/mediabg.png) repeat-x bottom; }
							  
				div.medianews	{ float:left;
								  display:block;
								  width:122px;
								  height:160px;
								  margin:10px 0px 0px 18px;
								  padding:12px 5px;
								  text-align:center;
								  overflow:hidden;
								  background: url(../images/medianews.gif) no-repeat 0px 0px; }
								  
					div.medianews p	{ font-size:11px; 
					                    display:table-cell; 
					                    width: 122px;
					                    height: 164px; 
					                    vertical-align: middle; 
					                    text-align: center;
					                }
					div.medianews p a {  }
					div.medianews p a img { max-width: 100px; }
					
				div.ruta2top	{ display:block;
								  width:582px;
								  height:16px;
								  margin:10px 0px 0px 18px;
								  padding:0px;
								  background: url(../images/rutatop.gif) no-repeat 0px 0px; }
							  
				div.ruta2bg	{ display:block;
							  width:562px;
							  margin:0px 0px 0px 18px;
							  padding:0px 10px;
							  background: url(../images/rutabg.gif) repeat-y; }
							  
				div.ruta2bottom	{ display:block;
								  width:582px;
								  height:19px;
								  margin:0px 0px 10px 18px;
								  padding:0px;
								  background: url(../images/rutabottom.gif) no-repeat 0px 0px; }
								  
				div.bilder	{ float:left;
							  display:block;
							  width:545px;
							  height:239px;
							  margin:10px 0px 0px 18px;
							  padding:12px 15px 12px 22px;
							  overflow:hidden;
							  background: url(../images/bilderbg.gif) no-repeat 0px 0px; }
								  
					div.bilder h3	{ text-transform:none;
									  color:#000;
									  font:bold 13px Arial, Helvetica, sans-serif; }
									  
					div.bild	{ float:left;
								  display:block;
								  width:100px;
								  height:64px;
								  margin:0px 9px 9px 0px; }
								  
				div.foretaget	{ float:left;
								  display:block;
								  width:545px;
								  height:89px;
								  margin:10px 0px 0px 18px;
								  padding:12px 15px 12px 22px;
								  overflow:hidden;
							 	  background: url(../images/foretaget.gif) no-repeat 0px 0px; }
								  
					div.foretaget h3	{ text-transform:none;
										  color:#000;
										  font:bold 13px Arial, Helvetica, sans-serif; }
							  
			div.mediabottom	{ display:block;
							  width:622px;
							  height:7px;
							  margin:0px 0px 26px 0px;
							  padding:0px;
							  background: url(../images/mediabottom.png) no-repeat 0px 0px; }
						  
/* ------------------------------------------------
	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:56px;
				   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; }	
			

/* ------------------------------------------------
	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; }	
								  
							a.print { display:block;
									  margin:0px 0px 0px 0px;
									  padding:7px 0px 7px 40px;
									  color:#000;
									  font-weight:bold;
									  background: #f5f5f5 url(../images/printshare.gif) no-repeat 10px center;}
							a:hover.print { text-decoration:none;
											color:#fff;
											background: #ba2007 url(../images/printshare.gif) no-repeat 10px center;}

/* ------------------------------------------------
	footer
-------------------------------------------------*/

	

	div#footer { display:block;
		     width:900px;
		     height:23px;
		     margin:0px 0px auto;
		     padding:6px 0px 0px 0px;
		     text-align:center;
		     background: #0058aa; }		


		div#footer p { text-transform:uppercase;
			       color:#fff;
			       font:bold 13px arial, verdana, sans-serif; }	
		div#footer a { text-transform:none;
			       text-decoration:none;
			       color:#fff;
			       font:bold 13px arial, verdana, sans-serif; }		

		


/* ------------------------------------------------
	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:680px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 680px;
}
/* for understanding browsers */
.mediahojd {
	min-height:391px; 
	height:auto;
}
/* for Internet Explorer */

* html .mediahojd {
	height: 391px;
}

img
{
-ms-interpolation-mode: bicubic;
}