
/* ------------------------------------------------
	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, html, form 	{ margin:0;
					  padding:0;
					  height:100%; }

body 	{ color: #464646;
	  font:12px arial, verdana, sans-serif;
	  margin:0px;
	  padding:0px;
	  background: #fff;	}


p	{ font:12px arial, verdana, sans-serif;
	  line-height:22px !important;	}

span	{ font:12px arial, verdana, sans-serif;	}

div	{ font:12px arial, verdana, sans-serif;	}

table, table p	{ font:12px arial, verdana, sans-serif;	}

tr, tr p	{ font:12px arial, verdana, sans-serif;	}

td, td p	{ font:12px arial, verdana, sans-serif;	}



h1	{ line-height:22px !important;
	  color:#fff;
	  font:22px arial, verdana, sans-serif; }

h2	{ margin:0px 0px 5px 0px;
	  line-height:22px !important;
	  color:#252525;
	  font:bold 18px Arial, Verdana, sans-serif;	}

h3	{ margin:0px 0px 3px 0px;
	  line-height:22px !important;
	  color:#252525;
	  font:bold 14px Arial, Verdana, sans-serif; }


a 	{ color: #fe5dbc; }
a:hover	{ text-decoration:underline; }

img	{ border: 0px solid; 	}


#bg { min-height:100%;
	  position:relative;
	  background: url(../images/bg2.png);}
	  
#cont { position:relative;
		background: #fff url(../images/bg.png) repeat-x bottom;}
	  
#pagecont { min-height:100%;
	    position:relative;
	    background: #fff url(../images/pagebg.png) repeat-x bottom;}
	  
	#body { padding:0px;
			background: url(../images/headerbg.png) no-repeat center 0px; }

	#pagebody { padding:0px;
				padding-bottom:168px;	/* Height of the footer */
				background:  url(../images/headerbg.png) no-repeat center 0px; }

	#footer { width:100%;
			  padding:0px 0px 0px 0px;
			  height:303px;}

	#pagefooter { position:absolute;
		      bottom:0;
		      width:100%;
		      padding:0px 0px 0px 0px;
		      height:168px;			/* Height of the footer */}

div#container	{ display:block;
				  width:951px;
				  height:auto;
				  margin:0px auto;
				  position:relative;
				  z-index:550; }
		  
/* ------------------------------------------------
	form
-------------------------------------------------*/	

	div.form { width:320px; }

			span.label { float:left;
						 display:block;
						 width:130px;
						 padding:0px 2px; }
			

			.formfield { width:150px;
						 margin:0px 0px 2px 0px;
						 padding:4px 2px;
					     font:12px arial, verdana, sans-serif;
						 border:1px solid #dadada;
						 background:#fff; }
						 
			.formbox  { width:150px;
						margin:0px 0px 2px 0px;
						padding:4px 2px;
					    font:12px arial, verdana, sans-serif;
						border:1px solid #dadada;
						background:#fff; }
						 
			.formbtn { float:right;
					   margin:0px 30px 10px 0px;
					   padding:8px 8px;
					   color:#fff;
					   font:bold 12px arial, verdana, sans-serif;
					   border:none;
					   background: url(../images/pageheadingbg.png) repeat-x; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:921px;
			  height:140px;
			  margin:0px 15px;
			  padding:0px; }

	div#logo	{ float:left;
				  display:block;
				  width:367px;
				  height:140px;
				  margin:0px;
				  padding:0px; }
				  
 	div.menus	{ float:left;
				  display:block;
				  width:554px;
				  height:110px;
				  margin:0px;
				  padding:0px;
				  position:relative;
				  z-index:500;}
		  
		div#topmenu { float:left;
				      width:554px;
		      	      height:36px;
				      margin:0px;
      			      padding:0px; }
		
			div#topmenu ul { float:right;
							 display:block;
							 list-style:none;
							 padding:0px; }
	
				div#topmenu li { float:left;
								 display:block;
								 margin:0px 0px 0px 0px;
								 padding:0px;
								 color:#fff;
								 font:11px Arial, Verdana, sans-serif;  }
	
				div#topmenu a { display:block;
								text-decoration:none;
								padding:11px 10px;	
								color:#a6a6a6;
					      		font:11px Arial, Verdana, sans-serif; }				      		

					div#topmenu a:hover { color:#000;	
							   			  background:#ebebeb; }
					div#topmenu a.active { color:#000;	
										   padding:11px 10px 16px 10px;
										   background: url(../images/menuactive.gif) no-repeat center bottom; } 

					div#topmenu li.active a { color:#000;	
										   padding:11px 10px 16px 10px;
										   background: url(../images/menuactive.gif) no-repeat center bottom; } 					
										   
				   div#topmenu li .eng { color:#000;
	    		                        padding:11px 20px;
			                            background:#ebebeb; }
					    			    
					div#topmenu li:hover .eng {  
					                  color:#fff;
									  padding:11px 20px;
									  background: #f756b5; }
		
	
/* ------------------------------------------------
	menus
-------------------------------------------------*/


	div#menu	{ float:left;
			  width:554px;
		      	  height:36px;
			  margin:42px 0px 0px 0px;
      			  padding:0px;}

		div#menu ul { float:right;
			      display:block;
			      list-style:none;
			      margin:0px -10px 0px 0px;
			      padding:0px;  }

			div#menu li { float:left;
		      		      margin:0px;
      				      padding:0px; }
		
				div#menu a { display:block;
		      			     padding:0px;
      					     text-decoration:none;
					     padding:0px 10px 18px 10px;
					     color:#000;
		      	  		     font:14px TrajanProBold, Arial, Verdana, sans-serif; }
	
					div#menu a:hover { background: url(../images/menuover.gif) no-repeat center bottom; }
	
					div#menu li.active a {color: #ff5ebd;
                                         background: url(../images/menuactive.gif) no-repeat center bottom;}




	div#submenu 	{ clear:both;
					  display:block;
					  width:921px;
					  height:80px;
					  margin:0px;
					  padding:0px;
					  position:relative;
					  z-index:-10; }

		div#submenubg { clear:both;
						display:block;
						list-style:none;
						height:80px;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						background: url(../images/submenubg.png) no-repeat right 11px; }

		div#submenu ul { float:right;
						 display:block;
						 list-style:none;
						 height:40px;
						 margin:-16px -10px 0px 0px;
						 padding:0px; }

			div#submenu li { float:left;
		      		         margin:0px;
      				         padding:0px; }
		
				div#submenu a { display:block;
		      			        padding:0px;
      					        text-decoration:none;
								padding:0px 10px 18px 10px;
								color:#000;
								font:12px TrajanProBold, Arial, Verdana, sans-serif;}
	
					div#submenu a:hover { background: url(../images/menuover.gif) no-repeat center bottom; }
	
					div#submenu li.active a { color:#ff5ebd;
					    		          background: url(../images/menuactive.gif) no-repeat center bottom; }


/* ------------------------------------------------
	main content
-------------------------------------------------*/


div#mainheadingbg { position:absolute;
					top:325px;	
					left:0px;
					display:block;
					width:50%;
					height:248px;
					margin:0px 0px 0px 0px;
					padding:0px;
					z-index:90;
					background: url(../images/mainheadingbg.png) repeat-x;}

	div#mainheading { position:relative;
					  bottom:0px;
					  left:0px;
					  display:block;
					  width:100%;
					  margin:0px 0px 0px 0px;
					  padding:0px;
					  z-index:150; }


	div#mainheading2 { display:block;
					   width:561px;
					   height:243px;
					   margin:185px 0px 0px 0px;
					   padding:0px;
					   position:relative;
					   z-index:200;
					   background: url(../images/mainheadingbg.png) repeat-x;}

		div.mainheadingtext { float:left;
							  display:block;
							  width:405px;
							  margin:0px;
							  padding:0px; }
	
		div.mainheadingimg { float:left;
							 clear:right;
							 display:block;
							 width:152px;
							 max-width:152px;
							 height:152px;
							 max-height:152px;
							 margin:10px 0px 0px 0px;
							 padding:0px 0px 0px 0px; }
							 
			.imgLink{   width:148px;
			            height:151px;
			            max-width:148px;
			            max-height:151px; }
							
	
			div.mainheadingtext blockquote { display: table;
											 height: 171px;
											*display: block;
											*position: relative; }			 
							
				div.mainheadingtext blockquote span { display: table-cell;
													  vertical-align: middle;
													  *display: block;
													  *position: absolute;
													  *left: 0px;
													  *width: 100%;
													  *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
													   
					div.mainheadingtext blockquote span span { display: inline;
															   vertical-align: baseline;
															   position: relative;
															   left: auto;
															   width: auto;
															   top:auto; }
			div.mainheadingtext p { line-height:30px !important;
									color:#fff;
									font:22px arial, verdana, sans-serif; }
		div#news { float:left;
				   display:block;
				   width:295px;
				   margin:0px;
				   padding:10px 100px 0px 0px; }
	
			div#news img { margin:3px 0px -3px 0px; }
	
		div#media { float:left;
					display:block;
					width:166px;
					margin:0px;
					padding:10px 0px 0px 0px; }
	
			div#media a img { margin:3px 0px -3px 0px; }


	div#patrik { position:absolute;
				 top:-33px;
				 right:-60px;
				 display:block;
				 width:552px;
				 height:461px;
				 margin:0px;
				 padding:0px;
				 background: url(../images/patrik2.png) no-repeat 0px 0px; }



div#content	{ clear:both;
			  display:block;
			  width:921px;
			  margin:0px 15px;
			  padding:0px;
			  background: url(../images/white.png) repeat-x; }

	div#maincontent	{ float:left;
					  display:block;
					  width:921px;
					  margin:0px 0px 0px 0px;
					  padding:0px 0px 0px 0px;
					  position:relative;
					  z-index:240; }
					  
		.white { background: #fff; }

		div.puffar	{ float:left;
					  display:block;
					  width:507px;
					  margin:16px 0px 0px 0px;
					  padding:0px; }

			div.puff	{ float:left;
					  display:block;
					  width:220px;
					  height:212px;
					  margin:0px 6px 0px 0px;
					  padding:9px;
					  cursor:pointer;
					  position:relative;
					  background: url(../images/puffbg.png) no-repeat 0px 0px; }
			
				div.puffover	{ background: url(../images/puffbgover.png) no-repeat 0px 0px; }

				div.puffimg	{ display:block;
						  width:220px;
						  height:104px;
						  margin:0px;
						  padding:0px; }
	
					div.puffimg img	{ display:block;
							  width:220px;
							  height:104px;
							  margin:0px;
							  padding:0px; }
	
				div.pufftext	{ display:block;
						  width:200px;
						  height:92px;
						  margin:5px 0px 0px 0px;
						  padding:0px 10px; }

					div.puff h2 { margin:0px 0px 0px 0px;
						      padding:0px;
						      line-height: 26px !important;
						      color:#000;
						      font:bold 16px arial, verdana, sans-serif;}
	
					div.puff p { padding:0px 0px 2px 0px;
						     line-height: 18px !important;
						     color:#898989;
						     font:13px arial, verdana, sans-serif;}
			
					div.puff a { padding:2px 0px 4px 25px;
						     line-height: 18px !important;
						     text-decoration:none;
						     color:#0375aa;
						     font:13px arial, verdana, sans-serif;
						     background: url(../images/fler.png) no-repeat 0px 0px; }

					div.puff a:hover { background: url(../images/fler2.png) no-repeat 0px 0px; }
	

		div.puffar2	{ float:left;
				  display:block;
				  width:493px;
				  margin:16px 0px 0px 0px;
				  padding:0px; }

			div.bigpuff	{ float:left;
					  display:block;
					  width:460px;
					  height:204px;
					  margin:0px 6px 8px 0px;
					  padding:9px; }

				div.bigpuff blockquote { display: table;
						         height: 204px;
						        *display: block;
						        *position: relative; }			 
						
					div.bigpuff blockquote span { display: table-cell;
								      vertical-align: middle;
								     *display: block;
								     *position: absolute;
								     *left: 0px;
								     *width: 100%;
								     *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
												   
						div.bigpuff blockquote span span { display: inline;
										   vertical-align: baseline;
										   position: relative;
										   left: auto;
										   width: auto;
										   top:auto; }
						
						div.bigpuff h1	{ color:#252525;
								  font:bold 18px Arial, Verdana, sans-serif;
								  margin-bottom: 10px;	}

		div.puffar2 div.puff	{ margin:0px 2px 0px 4px; }

			div.puffvidimg { position:relative;
					 display:block;
					 width:220px;
					 height:196px;
					 margin:0px;
					 padding:0px; }
	
				div.puffvidimg img { display:block;
						     width:220px;
						     height:196px;
						     margin:0px;
						     padding:0px; }
	
			div.puffvidtext { position:absolute;
					  bottom:25px;
					  left:5px;	
					  display:block;
					  width:210px;
					  padding:7px 7px 0px 7px;
					  background:#fff; }

			div.puffvidtext p { line-height: 18px !important;
					    color:#898989;
					    font:13px arial, verdana, sans-serif;}

			div.puffvidtext p strong { color:#000;
						   font:bold 13px arial, verdana, sans-serif;}

			div.puff a.puffvidlink { position:absolute;
						 top:5px;
						 left:5px;
						 display:block;
						 width:230px;
						 height:205px;
						 padding:0px;
						 background: url(../images/puffvidbg.png) no-repeat 0px 0px; }

			div.puff a:hover.puffvidlink { background: url(../images/puffvidbgover.png) no-repeat 0px 0px; }

/* ------------------------------------------------
	pages
-------------------------------------------------*/

div#pageheadingbg { position:absolute;
					top:153px;	
					left:0px;
					display:block;
					width:50%;
					height:248px;
					margin:0px;
					padding:0px;
					background: url(../images/pageheadingbg.png) repeat-x;}

	div#maincontent div.h1bg { position:absolute;
								 top:13px;
								 left:0px;
								 display:inline;
								 margin:0px;
								 padding:16px 16px 16px 1px; 
								 background: url(../images/pageheadingbg.png) repeat-x;
								 z-index:100; 
								 }
								 
	div#maincontent div.h1bg h1 { float:left;display:block; }
	div#maincontent div.h1bg p { float:left;
								 display:block;
								 margin:0px 0px;
								 color:#fff; }
	div#maincontent div.h1bg a.tipsa { margin:0px 0px 0px 20px;
									   padding:0px 0px 1px 15px;
									   color:#fff;
									   background: url(../images/tipsa.gif) no-repeat 0px 3px; }									   
	div#maincontent div.h1bg a:hover.tipsa { text-decoration:none;
										     background: url(../images/tipsa2.gif) no-repeat 0px 3px; }
											 
	div#maincontent div.h1bg a.print { margin:0px 0px 0px 5px;
									   padding:0px 0px 1px 15px;
									   color:#fff;
									   background: url(../images/print.gif) no-repeat 0px 3px; }							   
	div#maincontent div.h1bg a:hover.print { text-decoration:none;
										     background: url(../images/print2.gif) no-repeat 0px 3px; }

	div.left { float:left;
			   display:block;
			   width:595px;
			   padding:0px 0px 0px 0px; }
			   
	div.leftgallery { float:left;
					  display:block;
					  width:919px;
					  padding:0px 0px 0px 0px; }
	
	div.right { float:left;
		    display:block;
		    width:299px;
		    margin:0px 0px 0px 27px;
		    padding:0px 0px 0px 0px;}

		div.rel { float:left;
			  display:block;
			  width:299px;
			  margin:0px;
			  padding:0px;
			  background: url(../images/relbg2.png); }

		div.relimg { float:left;
			     display:block;
			     width:299px;
			     /*height:228px;*/
			     margin:0px;
			     padding:0px; }

			div.relimg img { display:block;
					 width:299px;
					 /*height:228px;*/
					 margin:0px;
					 padding:0px; }

		div.rellinks { float:left;
			       display:block;
			       width:249px;
			       margin:0px;
			       padding:25px;
			       background: url(../images/relbg.png) repeat-x;  }

			div.rellinks h2 { color:#fff;
					  font:bold 12px arial, verdana, sans-serif;  }

			div.rellinks ul { list-style:none;  }

				div.rellinks li { margin:3px 0px;
						  padding:0px 0px 0px 15px;
			    			  background: url(../images/footera.gif) no-repeat 0px 1px;  }
					div.rellinks a { font-weight:bold;  }


/* ------------------------------------------------
	gallery
-------------------------------------------------*/


	div.gallery	{ clear:both;
			  display:block;
			  width:936px;
			  margin:0px 0px 0px 0px;
      			  padding:0px; }

		div.galleryrow { clear:both;
				 display:block; }

		div.galleryitem	{ float:left;
				  display:block;
				  width:265px;
				  margin:0px 11px 25px 0px;
      				  padding:20px 17px;
				  background:#303030; }

			div.galleryitem	img { display:block;
					      width:265px;
					      margin:0px;
      					      padding:0px; }

			div.galleryitem	span { display:block;
					       padding:0px 0px 0px 15px;
					       font-weight:bold;
			    		       background: url(../images/footera.gif) no-repeat 0px 1px;  } 



	div.tellafriend {  width:356px;
		   		  	   height:232px;
			    	   display:block;
			    	   margin:40px auto 0px auto;
					   padding:30px 0px 0px 0px;
					   border:1px solid #dadada;
					   background:#fff; }	
					  
	div.tellafriend div.h1bg { position:absolute;
							   top:13px;
							   left:0px;
							   display:inline;
							   margin:0px;
							   padding:16px 16px 16px 42px;
							   z-index:100; 
							   background: url(../images/pageheadingbg.png) repeat-x; }				  
					  
		div.tellafriend p {  font-size:11px;
							 padding:0px 20px; }	
		
			div.tellafriend .formbtn { margin:-15px 10px 10px 0px !important; }
								
							
/* ------------------------------------------------
	footer
-------------------------------------------------*/

  
	div#footer2 { clear:both;
				  display:block;
				  width:951px;
				  margin:0px auto;
				  padding:25px 0px 0px 0px; } 
	div.footertop { display:block;
				    width:980px;
					height:34px;
				    margin:0px 0px 0px -14px;
				    padding:0px;
				    background: url(../images/footertop.png) no-repeat 0px 0px; } 
	div.footerbg { display:block;
				   width:970px;
				   margin:0px 0px 0px -14px;
				   padding:0px 0px 0px 10px;
				   background: url(../images/footerbg2.png) repeat-y; } 
	div.footerbottom { float:left;display:block;
					   width:980px;
					   height:26px;
					   margin:0px 0px 15px -14px;
					   padding:16px 0px 0px 0px;
					   text-align:center;
					   background: url(../images/footerbottom.png) no-repeat 0px 0px; } 
	div.footerbottom p { display:block;
						 width:200px;
						 margin:0px auto;
						 text-align:center;
						 color:#fff;
						 font:16px Arial, Helvetica, sans-serif; } 

		div#puff1 { float:left;
					 display:block;
					 width:386px;
					 margin:0px 27px 0px 15px;
					 padding:0px; }

			div#puff1 p { padding:10px;
					       line-height:18px !important;
					       color:#c2c2c2; }
			div#puff1 a { padding:0px 0px 0px 0px; }
			div#puff1 p a { padding:0px 0px 0px 15px;
					       background: url(../images/footera.gif) no-repeat 0px 1px;}
 
		div#puff2 { float:left;
					 display:block;
					 width:257px;
					 margin:0px 27px 0px 0px;
					 padding:0px; }

			div#puff2 p { padding:10px;
					           line-height:18px !important;
					       	   color:#c2c2c2; }
			div#puff2 a { padding:0px 0px 0px 0px; }
			div#puff2 p a { padding:0px 0px 0px 15px;
					         background: url(../images/footera.gif) no-repeat 0px 1px;}

		div#puff3 { float:left;
				     clear:right;
				     display:block;
				     width:224px;
				     margin:0px 0px 0px 0px;
				     padding:0px; } 

			div#puff3 p { padding:10px;
					       line-height:18px !important;
					       color:#c2c2c2; }
			div#puff3 a { padding:0px 0px 0px 0px; }
			div#puff3 p a { padding:0px 0px 0px 15px;
					        background: url(../images/footera.gif) no-repeat 0px 1px; }

	
  
		div#footertext { clear:both;
						 display:block;
						 width:auto;
						 margin:0px 0px 0px 0px;
						 padding:10px 0px 0px 0px;
						 text-align:center;
						 border-top:1px solid #3e3e3e; } 
						 
		div#pagecont	div#footer2 { padding:75px 0px 0px 0px; } 

			div#footertext p { line-height:18px !important;
					   color:#c2c2c2;
					   font:bold 11px arial, verdana, sans-serif; }
			div#footertext a { color:#c2c2c2;
					   font:bold 11px arial, verdana, sans-serif; }
			div#footertext span.p2 { color:#838383;
					      font: 11px arial, verdana, sans-serif; }
			div#footertext span.p2 a { color:#838383;
					      font: 11px arial, verdana, sans-serif; }
			div#footertext span.p2 a:hover { text-decoration:underline; }
	

/* ------------------------------------------------
	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:573px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 573px;
}



/* for understanding browsers */
.pagehojd {
	min-height:500px; 
	height:auto;
}
/* for Internet Explorer */

* html .pagehojd {
	height: 500px;
}

