
/* ------------------------------------------------
	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 */



body 	{ margin:0px;
	  padding:0px;
	  color:#535353;
	  font:11px Verdana, Arial, sans-serif;
	  background: #E8EAEC url(../images/bg.png) repeat-x;	}

p	{ font:11px Verdana, Arial, sans-serif;	}

span	{ font:11px Verdana, Arial, sans-serif;	}

div	{ font:11px Verdana, Arial, sans-serif;}

table, table p	{ font:11px Verdana, Arial, sans-serif;	}

tr, tr p	{ font:11px Verdana, Arial, sans-serif;	}

td, td p	{ font:11px Verdana, Arial, sans-serif;	}




h1	{ color: #223540;
	  font: normal 18px/2.5em Helvetiva, Verdana; }

h2	{ color: #223540;
	  font: normal 14px/2.5em Helvetiva, Verdana; }

h3	{ color: #223540;
	  font: bold 11px/2.5em Helvetiva, Verdana; }

a 	{ color:#A00D21;	}
a:hover 	{ color:#0277bd; }


img	{ border: 0px solid; 	}

div#container	{ display:block;
		  width:939px;
		  margin:0px auto 0px auto; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

	
	div#header	{ width:895px;
			  height:144px;
			  margin:0px;
			  padding:55px 0px 0px 45px;
			  position:relative;
			  background: url(../images/topp.png) no-repeat 0px 0px;	 }

		div#telmail ul	{ list-style:none;
						  color:#a7a7a7;
						  font:11px verdana, arial, sans-serif;	 }

			div#telmail li	{ float:left;padding:2px 0px; }
			div#telmail li span	{ padding:0px 10px 0px 0px; }

		div#telmail a	{ color:#a7a7a7; }

			div#telmail a.mail	{ padding:0px 10px 0px 13px;
						  background: url(../images/mail.gif) no-repeat 0px center;	 }
			div#telmail a:hover.mail	{ background: url(../images/mail2.gif) no-repeat 0px center; }
			div#telmail a.tipsa	{ padding:0px 0px 0px 13px;
						  background: url(../images/tipsa.gif) no-repeat 0px center;	 }
			div#telmail a:hover.tipsa	{ background: url(../images/tipsa2.gif) no-repeat 0px center; }

		div#telmail a:hover	{ color:#4e4e4e; }
			
		
		div#logo	{ position:absolute;
				  top:98px;
				  left:30px;
				  display:block;
				  width:332px;
				  height:82px;
				  margin:0px;
				  padding:0px; 	 }

		div#ink	{ position:absolute;
				  top:0px;
				  right:-130px;
				  display:block;
				  width:414px;
				  height:206px;
				  margin:0px;
				  padding:0px; 
				  background: url(../images/ink.png) no-repeat 0px 0px;	 }
/* ------------------------------------------------
	menus
-------------------------------------------------*/

	div#mainmenu {	display:block;
			width:807px;
			height:28px;
			margin:1px 0px;
			background:#223540; }

		div#mainmenu ul { list-style:none;
				  padding:0px 0px 0px 10px; }

			div#mainmenu li { float:left;
					  padding:0px 16px 0px 0px; }

				div#mainmenu li a { display:block;
						    padding:5px 4px;	
						    line-height:18px !important;
						    color:#fff;
				 		    font:12px verdana, arial, sans-serif; }
				div#mainmenu li a:hover { background:#a00d21; }



	div#menu	{ font-family:Verdana, Arial, Helvetica, sans-serif;
			  font-size:11px;
			  width: 266px;
			  clear:left;
			  float:left; }

		div#menu ul	{ width: 266px;
				  list-style:none;
				  margin:0;
				  padding:0; }

			div#menu li	{ background-color:#d6dadc;
					  overflow:hidden; 
				 	  height:29px;
					 line-height:29px; }

			div#menu li a	{ color:#606060;
					  display:block;
					  height:28px;
					  line-height:28px;
					  padding:0 0 0 34px;
					  text-decoration:none;	
					  background:url(../images/arrow.gif) left no-repeat;	
					  border-bottom: 1px solid #ffffff; }

			div#menu li a:hover	{ background-color:#ffe19d !important; }

			div#menu li.show	{ overflow:visible !important;
						  height:auto;
					 	  line-height: auto; }

				div#menu li.show a	{ background:url(../images/arrow_open.gif) left no-repeat; }

			div#menu li a.menulink	{	background:url(../images/pixel.gif) left no-repeat; }

				div#menu li ul li{ background-color:#eff1f1; }

					div#menu li ul li a	{ padding: 0 0 0 42px;
								  background:url(../images/square.gif) left no-repeat !important; }

/* ------------------------------------------------
	main content
-------------------------------------------------*/

    div#mainimgtext {color:#fff;
                     position:absolute;
                     left:205px;
                     top:10px;}
    div#mainimgtext h1{color:#fff;}

    div#imagePositioner{position:relative;}

	div#maincontent	{ display:block;
			  width:939px;
			  margin:0px;
			  padding:0px;
			  background: url(../images/mainbg.png) repeat-y;	 }

	div#left	{ float:left;
			  display:inline;
			  width:40px;
			  margin:0px;
			  padding:0px; }

	div#middle	{ float:left;
			  display:block;
			  width:807px;
			  margin:0px;
			  padding:0px 26px 10px 26px; }

		div#red	{ display:block;
			  width:807px;
			  height:13px;
			  margin:0px;
			  padding:0px;
			  background:#a00d21;	 }

			div#red a	{ float:right;
					  display:block;
					  width:77px;
					  height:11px;
					  margin:0px;
					  padding:1px 20px 1px 0px;
					  text-align:right;
					  color:#606060;
					  font:10px verdana, arial, sans-serif;
					  background:#fff url(../images/swe.gif) no-repeat right center; }

		div#mainleft	{ float:left;
				  display:block;
				  width:540px;
				  margin:0px;
				  padding:0px; }

			div.puff	{ float:left;
						  display:inline;
						  height:246px;
						  margin:0px 0px 0px 0px;
						  padding:0px; }
			div.puff h2 {color:#fff; font-weight:bold;font-size:11px;line-height:16px}

				div.blue	{ width:269px;
							  margin:0px 1px 0px 0px;
							  background:#223540; }

					div.blue img	{ width:269px;
									  margin:0px;
									  padding:0px; }

				div.red		{ width:270px;
					  		  margin:0px -10px 0px 0px;
							  background:#a00d21; }

					div.red	 img	{ width:270px;
									  margin:0px;
									  padding:0px; }
	
				div.pufftext	{ display:block;
								  width:230px;
								  height:122px;
								  margin:0px 0px 0px 0px;
								  padding:25px 20px;	
								  line-height:16px !important;
								  color:#fff; }

					div.pufftext a	{ text-decoration:underline;
							  color:#C2C2C2; }
	
	
	
		div#mainright	{ float:left;
				  display:block;
				  width:266px;
				  margin:0px 0px 0px 1px;
				  padding:0px 0px 40px 0px; }
	
			 
	div#right	{ float:left;
			  display:inline;
			  width:40px;
			  margin:0px;
			  padding:0px; }

	div#aktuellt	{ display:block;
					  width:807px;
					  margin:0px 40px;
					  padding:0px 26px 10px 26px;
					  position:relative;
					  z-index:1000; }

		div.senaste	{ float:right;
					  display:block;
					  width:226px;
					  margin:-40px 0px 0px 0px;
					  padding:0px;
					  text-align:right;
					  position:relative;
					  z-index:2000; }

			div.senaste a	{ text-decoration: underline;
					  color: #C2C2C2;
					  font: normal 11px/1.5em Verdana, Arial, Helvetica, sans-serif; }
			div.senaste a:hover	{ color: #000; }
/* ------------------------------------------------
	pages
-------------------------------------------------*/

	div.relimg	{ display:block;
			  width:540px;
			  height:115px; }

	div.maintext	{ padding:20px;
			  line-height:16px !important; }

		div.maintext ul	{ margin:0px 0px 0px 16px; }
		div.maintext ol	{ margin:0px 0px 0px 18px; }

		div.maintext p,
		div.maintext span,
		div.maintext div  	{ line-height:16px !important; }
		
		div.maintext p { margin:2px 0px;}

		div.maintext ul.rellinks { list-style:none;	
					   margin:0px; }

			div.maintext ul.rellinks li { padding:0px 0px 0px 16px;
					 	      background:#fff url(../images/pil.gif) no-repeat 5px center; }





/* ------------------------------------------------
	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:80px;
				   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; }	
			


/* ------------------------------------------------
	form 
-------------------------------------------------*/

div.tellafriend	{  width:339px;
				   margin:0px 4px;
				   display:block;
				   margin:30px auto;
				   border:1px solid #cecece;
				   background:#fff; }	
				   
	div.tellafriendpadding	{  padding:15px; }		
						  
		div.tellafriend h1 { display:block;
							 margin:5px 0px 5px 0px;
							 padding:0px;
							 color:#363636;
							 font:bold 14px verdana, arial, sans-serif; }
						  

		div.tellafriendform	{ height:108px;
							  margin:10px 0px;
							  padding:20px 15px;
							  border:1px solid #ececec;
							  background:#f8f8f8; }	
							  
			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; }	

/* ------------------------------------------------
	footer
-------------------------------------------------*/

	
	div#footer { clear:both;
		     display:block;
		     width:899px;
		     height:56px;
		     margin:0px auto;
		     padding:30px 40px 0px 0px;
		     text-align:right;
		     color: #979797;
		     font: normal 9px/1.7em Verdana, Arial, Helvetica, sans-serif;
		     text-decoration: none;
		     background: url(../images/bottom.png) no-repeat 0px 0px;	}

		div#footer p { text-decoration: none;
			       color: #979797;
			       font: normal 9px/1.7em Verdana, Arial, Helvetica, sans-serif; }

		div#footer a { text-decoration: none;
			       color: #979797;
			       font: normal 9px/1.7em Verdana, Arial, Helvetica, sans-serif; }

		div#footer span.adresstext2 { text-decoration: none;
					      color: #606060;
					      font: normal 9px/1.7em Verdana, Arial, Helvetica, sans-serif; }

		div#footer span.adresstext2 a { text-decoration: none;
					        color: #606060;
					        font: normal 9px/1.7em Verdana, Arial, Helvetica, 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:420px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 420px;
}
