/* ------------------------------------------------
	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:#6d6e71;
		  font:12px Arial, Verdana, sans-serif;
		  background: url(../images/topbg.png) repeat-x top; }

html 	{ 
	  background: url(../images/bg.png) repeat-y center; }
	
p,
span,
div,
table,
table p,
tr, 
tr p,
td,
td p { font:13px/19px Arial, Verdana, sans-serif;	}



h1	{ color:#b2140d;
	  font:bold 20px arial, verdana, sans-serif;
	  margin-bottom: 10px;	}

h2	{ color:#6d6e71;
	  font:bold 18px arial, verdana, sans-serif;  }

h3	{ color:#6d6e71;
	  font:bold 13px arial, verdana, sans-serif; }

h4	{ color:#000;
	  font:bold 12px arial, verdana, sans-serif;	}

a 	{ color:#c61a0b; }

a:hover 	{ text-decoration:underline; }


img	{ border: 0px solid; 	}

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

ul, ol {margin:0px;}

div#cogcont { }
		  
div#cog	{ position:fixed;
	  right:0px;
	  bottom:0px;
	  display:block;
	  width:385px;
	  height:649px;
	  margin:0px;
	  padding:0px;
	  background: url(../images/cog.png) no-repeat 0px 0px; }

div#container	{ display:block;
		  width:960px;
		  height:100%;
		  margin:0px auto;}
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

	div#header	{ width:959px;
				  height:152px;
				  margin:0px;
				  padding:0px 0px;
				  background: url(../images/headerbg.png) no-repeat 0px 0px; }
			  
		
		div#logo	{ float:left;
					  display:inline;
					  width:101px;
					  height:127px;
					  padding:0px 0px 0px 21px;
					  margin:0px; 	 }

			div#logo a	{ display:block;
						  width:101px;
						  height:127px;
						  margin:0px;
						  padding:0px;
						  position:relative;
						  z-index:200;
						  background: url(../images/logo.png) no-repeat 0px 0px; }
			div#logo a:hover	{ background: url(../images/logo2.png) no-repeat 0px 0px; }
	
/* ------------------------------------------------
	menus
-------------------------------------------------*/


 div#menu ul {
	padding: 0; 
	list-style: none;	
	clear: both;
	float: left;
}
div#menu ul li{
	margin: 0; 
	padding: 0px; 
	overflow: hidden; 
	float: left; 
	height:30px;
}
div#menu ul a, div#menu ul span { padding: 5px 10px; 
								  float: left; 
								  text-decoration: none; 
								  clear: both;
								  height: 20px;
								  line-height: 20px;
							      font: 13px Arial, Verdana, sans-serif;
}
div#menu ul a {	 }
div#menu ul span {
	display: none;
								  color:#898989;
}



 
	div#menu	{ float:left;
				  display:inline;
				  width:791px;
				  margin:5px -10px 0px 0px;
				  padding:13px 23px 0px 23px; }

		div#menu ul { float:right;
			      margin:0px 0px 0px 0px;
    	  		      padding:0px;
			      list-style:none; }
	
			div#menu li {	float:left;
					display:block;
					margin:0px 0px 0px 0px;
					padding:0px;
					position:relative;}

				div#menu a { float:left;
					     display:block;
					     margin:0px;
					     font: 13px Arial, Verdana, sans-serif;}

				div#menu a:hover { color:#c5180a;
						   text-decoration:none; }
				div#menu a { color:#c5180a;background:#f9f9f9;
						   text-decoration:none; }

				div#menu li.active a { color:#000;background:none; }
				div#menu li.active span { color:#000; }
				
   div#menu  li .hover {   
        /* mouseover image  */  
        /*background: url(../images/puffa.png) no-repeat 0px 0px;       */
  
        /* must be postion absolute     */  
        position:absolute;     
           
        /*  width, height, left and  top to fill the whole LI item   */  
        width:22px;       
        height:23px;   
        left:5px;    
        top:-6px;     
           
        /* display under the Anchor tag */  
        z-index:0;         
           
        /* hide it by default   */  
        display:none;      
    }      
	

	div#printsitemap	{ float:right;
						  display:inline;
						  margin:0px 23px; 
						  padding:0px; 
						  border-top:1px solid #f9f9f9; }

		div#printsitemap ul { float:right;
							  margin:0px 0px 0px 0px;
							  padding:0px;
							  list-style:none; }
	
			div#printsitemap li {	float:left;
									display:block;
									margin:0px 0px 0px 0px;
									padding:0px; }

				div#printsitemap a { float:left;
									 display:block;
									 margin:0px;
									 padding:5px 0px 0px 25px;
									 text-decoration:none;
									 color:#c2c2c2;
									 font: 10px Verdana, Arial, sans-serif; }

				div#printsitemap a:hover { color:#333;
										   text-decoration:none; }
				div#printsitemap li.active a { color:#333; }

			div#printsitemap li.print { border-right:1px solid #f1f1f1; }

				div#printsitemap li.print a { padding:5px 12px 5px 16px; 
							       background: url(../images/print.png) no-repeat 0px center; }
				div#printsitemap li.print a:hover { color:#c5180a;
						   		    background: url(../images/print2.png) no-repeat 0px center; }

				div#printsitemap li.sitemap a { padding:5px 10px 5px 30px; 
							        background: url(../images/sitemap.png) no-repeat 10px center; }
				div#printsitemap li.sitemap a:hover { color:#c5180a;
						   		      background: url(../images/sitemap2.png) no-repeat 10px center; }

	

		div.submenu	{ width:218px;
				  margin:0px;
				  padding:0px 0px 23px 0px;  }

			div.submenu ul { display:block;
					 width:184px;
				  	 margin:0px;
					 padding:0px 17px;
					 list-style:none;  }


				div.submenu li	{ margin:0px 0px 3px 0px;
						  padding:3px 0px 5px 30px; 
		 				  background: url(../images/puffa.png) no-repeat 0px 0px;  }

					div.submenu li a { margin:0px;
							   padding:0px;
							   text-decoration:underline;
							   color:#fff;
							   font:bold 14px arial, verdana, sans-serif; }

					div.submenu li a:hover { color:#000; }

				div.submenu li.active { background: url(../images/puffa2.png) no-repeat 0px 0px;  }

				div.submenu li.active a{ text-decoration:none;
							 color:#000;  }
/* ------------------------------------------------
	start
-------------------------------------------------*/

	div#start	{ display:block;
				  width:959px;
				  height:221px;
				  margin:0px;
				  padding:0px;
				  position:relative;
			 	  background:url(../images/startbg.png) no-repeat 0px 0px;  }

	div#flash	{ position:absolute;
				  top:-72px;
				  left:0px;
				  display:block;
				  width:959px;
				  height:221px;
				  margin:0px;
				  padding:0px;
				  z-index:100;}
				  
		div#flashContent	{ display:block;
							  width:959px;
							  height:221px;
							  margin:0px;
							  padding:0px;  }

		div#karta	{ float:left;
					  display:inline;
					  width:416px;
					  height:287px;
					  margin:-65px 0px 0px 33px;
					  padding:0px;
					  position:relative;
					  z-index:110;
					  background:url(../images/karta.png) no-repeat 0px 0px;  }

		div#starttext	{ position:absolute;
						  z-index:150;
						  top:0px;
						  right:35px;
						  display:block;
						  width:510px;
						  height:221px;
						  margin:0px;
						  padding:0px; } 

	 	   	div#starttext p { display: table;
							  /*height: 191px;*/
							  height: 2px;
							 *display: block;
							 *position: relative; }			 
						
	 			}
									   
					div#starttext p span span { display: inline;
												 vertical-align: baseline;
												 position: relative;
												 left: auto;
												 width: auto;
												 top:auto; }									   



			div#starttext h1	{ display:block;
									  width:439px;
									  height:102px;
									  margin:0px 0px -10px 0px;
									  padding:0px 35px;
									  color:#fff;
									  font:bold 28px/94px arial, verdana, sans-serif;
									  background:url(../images/startpil.png) no-repeat 0px 0px;  }

			div#starttext span.p	{ display:block;
									  margin:-20px 0px 0px 0px;
									  padding:0px 70px 0px 35px;
									  color:#6d6e71;
									  font:16px/25px arial, verdana, sans-serif; }

	div#red	{ display:block;
			  width:959px;
			  height:8px;
			  margin:0px;
			  padding:0px;
			  background:url(../images/redbg.png) repeat-x;  }
	
/* ------------------------------------------------
	main content
-------------------------------------------------*/


	div#maincontent	{ display:block;
			  width:959px;
			  margin:0px;
			  padding:0px 0px;  }

		div.main	{ display:block;
				  width:959px;
				  margin:0px;
				  padding:0px 0px 30px 0px; 
		 		  background: url(../images/startbottom.png) no-repeat 0px 0px;   }


			div.leftcol	{ float:left;
						  display:block;
						  width:741px;
						  margin:0px;
						  padding:0px 0px 0px 0px;   }
		
				div.newspuff {	float:left;
								display:inline;
								margin:25px 0px 25px 17px;
								padding:10px 25px 10px 25px;
								border:1px solid #e8e8d1;
								background:#f5f5ef; }
							
				div.newspuff span	{ float:left;
									  display:block;
									  width:75px;
									  margin:0px;
									  padding:0px 10px 0px 0px;
									  color:#6d6e71;
									  font: 14px Arial, Verdana, Helvetica, sans-serif; }
									  
				div.newspuff a		{ float:left;
									  width:567px;
									  display:block;
									  margin:0px;
									  padding:0px;
									  text-decoration:underline;
									  color:#b20a19;
									  font: bold 14px Arial, Verdana, Helvetica, sans-serif; }
				div.newspuff a:hover		{ color:#000; }

				div.puff	{ float:left;
							  display:inline;
							  width:218px;
							  margin:0px 8px 0px 17px;
							  padding:0px 0px 27px 0px;   }

					div.puffimg	{ display:block;
							  width:218px;
							  height:149px;
							  margin:0px;
							  padding:0px;   }
	
						div.puffimg img	{ display:block;
								  width:218px;
								  height:149px;
								  margin:0px;
								  padding:0px;   }
	
					div.pufftext	{ float:left;
									  display:block;
									  width:204px;
									  margin:0px;
									  padding:22px 7px; 
									  color:#a1a3a7;
									  font:13px/19px arial, verdana, sans-serif; 
									  background: url(../images/puffbg.png) no-repeat 0px 0px;  }
	
						div.pufftext h2	{ margin:0px 0px 5px 0px;
								  color:#6d6e71;
								  font:bold 20px arial, verdana, sans-serif;  }
	
						div.pufftext p	{ color:#a1a3a7;
								  font:13px/19px arial, verdana, sans-serif;  }
	
						div.pufftext ul	{ list-style:none;
								  margin:10px 0px 0px 0px;
								  padding:0px;  }
	
							div.pufftext li	{ margin:0px;
									  padding:4px 0px 4px 30px; 
									  position:relative;
									  background: url(../images/puffa.png) no-repeat 0px 0px;  }
	
								div.pufftext li a { margin:0px;
											padding:0px;
											text-decoration:underline;
											font:bold 14px arial, verdana, sans-serif; }
								div.pufftext li a:hover { color:#000; }
								 div.pufftext  li .hover {   
									/* mouseover image  */  
									background: url(../images/puffa3.png) no-repeat 0px 0px;       
							  
									/* must be postion absolute     */  
									position:absolute;     
									   
									/*  width, height, left and  top to fill the whole LI item   */  
									width:23px;       
									height:23px;   
									left:0px;    
									top:0px;     
									   
									/* display under the Anchor tag */  
									z-index:0;         
									   
									/* hide it by default   */  
									display:none;      
								}      
		


			div.rightcol	{ float:left;
					  display:block;
					  width:218px;
					  margin:0px;
					  padding:0px; }

				div.rightcolbg	{ padding:22px 0px 0px 0px;
						  background: #b2140d url(../images/rightcolbg.gif) no-repeat 0px bottom;   }
	
				div.contactimg	{ display:block;
						  width:218px;
						  height:150px;
						  margin:5px 0px 0px 0px;
						  padding:0px;
						  overflow:hidden;
						  position:relative;
			 			  background: url(../images/contactimg.png) no-repeat 0px 0px;   }

					div.contactimg img	{ position:absolute;
								  right:12px;
								  bottom:0px;
								  display:block;
								  margin:0px;
								  padding:0px;   }

				div.contacttext	{ padding:25px 20px 5px 20px;
						  color:#fff; }

					div.contacttext p,
					div.contacttext span,
					div.contacttext div	{ color:#fff;
								  font:14px/18px arial, verdana, sans-serif; }

					div.contacttext a	{ text-decoration:underline;
								  color:#fff;
								  font:14px/18px arial, verdana, sans-serif; }
			div.rightcolbottom	{ float:left;
						  display:block;
						  width:218px;
						  height:22px;
						  margin:0px;
						  padding:0px;
			 			  background: url(../images/rightcolbottom.gif) no-repeat 0px 0px;   }
	
/* ------------------------------------------------
	pages
-------------------------------------------------*/

	div.relimg	{ display:block;
				  width:741px;
				  height:221px;
				  margin:0px;
				  padding:0px;  }

		div.relimg img	{ display:block;
						  width:741px;
						  height:221px;
						  margin:0px;
						  padding:0px;  }

	div.maintext	{ display:block;
					  width:656px;
					  margin:0px;
					  padding:40px 60px 40px 25px;
					  background: url(../images/maintextbg.png) no-repeat 0px 0px;  }
    div.maintext h1 { display: inline; }

		div.maintext span.tipsa	{ display:inline;
										  padding:0px 0px 0px 5px;
										  color:#c2c2c2;
										  font: 10px Verdana, Arial, sans-serif;}
										  
		div.maintext span.tipsa a	{ color:#c2c2c2;
										  font: 10px Verdana, Arial, sans-serif;}

		div.maintext span.tipsa a:hover	{ text-decoration:none;
												  color:#c5180a; }

		div.maintext p.ingress	{ 
								  font:bold 13px/19px arial, verdana, sans-serif; }

		div.maintext ul {margin:5px 0px 5px 16px;}
		div.maintext ol {margin:5px 0px 5px 20px;}

/* ------------------------------------------------
	bolag
-------------------------------------------------*/

	div.maintextbolag	{ display:block;
						  width:676px;
						  margin:0px;
						  padding:40px 40px 40px 25px;
						  background: url(../images/maintextbg.png) no-repeat 0px 0px;  }

		div.maintextbolag h1	{ display:inline;
								  padding:0px 0px 0px 30px; 
								  font:bold 24px/18px arial, verdana, sans-serif; 
								  background: url(../images/puffa.png) no-repeat 0px 2px; }

		div.maintextbolag span.tipsa	{ display:inline;
										  padding:0px 0px 0px 5px;
										  color:#c2c2c2;
										  font: 10px Verdana, Arial, sans-serif;}
										  
		div.maintextbolag span.tipsa a	{ color:#c2c2c2;
										  font: 10px Verdana, Arial, sans-serif;}

		div.maintextbolag span.tipsa a:hover	{ text-decoration:none;
												  color:#c5180a; }

		div.maintextbolag a	{ color:#898989; }


		div.maintextbolag p.ingress	{ font:bold 13px/19px arial, verdana, sans-serif; }

		div.maintextbolag ul {margin:5px 0px 5px 16px;}
		div.maintextbolag ol {margin:5px 0px 5px 20px;}



	div.rel	{ float:right;
			  display:block;
			  width:203px;
			  margin:0px 0px 50px 50px;
			  padding:15px;
			  background: #f1f1f1;  }

		div.rel p	{ margin:10px 0px;
				  color:#898989;
				  font:12px/19px arial, verdana, sans-serif;  }

		div.rel td strong	{ color:#000;
				  font:bold 12px/18px arial, verdana, sans-serif; }
        
        div.rel table {width: 230px;}
        div.rel table td {width: 50%; vertical-align: bottom;}
		div.rel ul	{ margin:0px;
				  padding:0px;
				  list-style:none;   }

			div.rel li	{ padding:1px 0px 1px 15px;
					  color:#c5180a;
					  font:bold 12px/18px arial, verdana, sans-serif; 
		 			  background: url(../images/rel.gif) no-repeat 0px center;  }

			div.rel li.film	{ background: url(../images/relfilm.gif) no-repeat 0px center;  }

				div.rel li a	{ padding:0px;
						  color:#c5180a;
						  font:bold 12px/18px arial, verdana, sans-serif;   }

	div.relimgs	{ display:block;
			  width:661px;
			  margin:0px 0px 0px 25px;
			  padding:9px;
			  background:#f1f1f1;  }

	

	div.polaroid	{ float:left;
					  display:block;
					  width:202px;
					  height:191px;
					  margin:0px 9px 0px 0px;
					  padding:6px;
					  text-align:center;
					  overflow:hidden;
					  position:relative;
					  cursor:pointer;
					  background: url(../images/polaroidbg.gif) no-repeat 0px 0px;   }
						  
			div.polaroid .yt	{ position:absolute;
								  display:block;
								  top:0px;
								  left:0px;
								  width:202px;
								  height:179px;
								  margin:0px;
								  padding:6px;
								  background: url(../images/yt.png) no-repeat 0px 0px; }
								 

	
		div.polaroid a h2	{ color:#c5180a;
					  font:bold 13px/19px arial, verdana, sans-serif;  }
		div.polaroid a:hover h2	{ color:#000;  }

			div.lastpolaroid	{ margin:0px;   }
			
		div.polaroidover a 		{ color:#000 !important;  }
		div.polaroidover a h2	{ color:#000 !important;  }
		
		div.vidpop { display:none; }
	
		div.vidpop p { padding:8px;
					   color:#686868;
					   font:14px arial, verdana, sans-serif;
					    }
	

	
/* ------------------------------------------------
	form 
-------------------------------------------------*/

	div.form { clear:both;
			   display:block;
			   margin:10px 0px;
			   padding:15px 0px; }
			   
		span.label { float:left;
					 display:block;
					 width:111px; }
					 	   
		.formfield { float:left;
					 width:60%;
					 height:16px;
					 margin:0px 0px 2px 0px;
					 padding:4px 2px;
					 color:#6d6e71;
					 font:12px Verdana, Arial, Helvetica, sans-serif;
					 border:1px solid #f1f1f1;
					 background:#f1f1f1; }		
		.formbox { float:left;
				   width:60%;
				   height:66px;
				   margin:0px 0px 2px 0px;
				   padding:4px 2px;
				   color:#6d6e71;
				   font:12px Verdana, Arial, Helvetica, sans-serif;
				   border:1px solid #f1f1f1;
				   background:#f1f1f1; }		
										 
			.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; }	
					
		.formbtn { float:left;
				   margin:0px 0px 2px 0px;
				   padding:4px 8px;
				   color:#6d6e71;
				   font:bold 12px Verdana, Arial, Helvetica, sans-serif;
				   border:1px solid #f1f1f1;
				   background: #f1f1f1;  }		
					 
			


/* ------------------------------------------------
	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%;
		width:1010px;
		margin:0px auto;
		position:relative;
		background: url(../images/mainbg.png) no-repeat center top; 
	}
	#body {
		width:1010px;
		margin:0px auto;
		padding:0px;
		padding-bottom:60px;	/* Height of the footer */
	}
	#footer {
		position:absolute;
		bottom:0px;
		width:100%;
		padding:0px 0px 0px 0px;
		height:60px;			/* Height of the footer */
	}
	


	div#footer2 { display:block;
		      width:959px;
		      margin:0px auto;
		      padding:0px; }
		
		div#footerleft { float:left;
				 display:block;
				 width:500px;
			         margin:0px;
			         padding:0px; }

			div#footerleft p { color:#cacaca;
					   font:12px/18px arial, verdana, sans-serif; }
			div#footerleft a { color:#9f9f9f; 
					   font:12px/18px arial, verdana, sans-serif; }

		div#footerright { float:left;
				  display:block;
				  width:459px;
			          margin:0px;
			          padding:0px;
			          text-align:right; }		

			div#footerright p { color:#dbdbdb;
					   font:12px/18px arial, verdana, sans-serif; }
			div#footerright a { color:#c4c4c4; 
					   font:12px/18px 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:520px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 520px;
}