/* CSS Document */

body						{	color: #606060;
								font:11px/18px Verdana, Arial, Helvetica, sans-serif;
								background-color:			#FAFAF7;	}
p, span	{ /*color: #606060;*/
		  font:11px/18px Verdana, Arial, Helvetica, sans-serif;}

div							{	text-align: 				left;	}

a							{	color:						#24C1D7;
								text-decoration: 			none;	}
	
div.body					{	width:						990px;
								margin-top:					40px;	}
	
div.page					{	float:						left;
								top:						100px;
								left:						100px;
								background-color:			#ffffff;
								width:						955px;
								padding-bottom:				30px;
								margin-bottom:				100px;	}
						
div.shadow					{	float:						left;
								top:						100px;
								left:						70px;
								background-image:			url(../Images/leftShadow.png);
								background-repeat:			no-repeat;
								background-color:			#FAFAF7;
								width:						30px;
								height:						400px;	}
div.subHead	{	float: left;
						background-image: url(../Images/headDetalj.png);
						width: 860px;
						height: 35px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 18px;
						color: #ffffff;
						vertical-align:text-bottom;
						padding-top: 50px;
						padding-left: 15px;
							}												

					
/* de fem huvudelementen */
div.head					{	float:						left;
								margin-left:				40px;
								width:917px;	}
	
div.startImage				{	float:			left;
								width:			890px;
								height:			220px;
								margin-left:	40px;
								position:		relative; }
							
div.startImage img				{	position:					absolute;
									top:						0px;
									left:						0px;
									display:					block; }
			
div#imgslides img	{ width:625px;
					  height:200px; }
			  
#blueOverlay				{	position:					absolute;
								top:						0px;
								right:						-3px;
								display:					block;
								z-index:					300;
								margin:						0px;
								width:						323px;
								height:						200px;
								padding: 					0px 40px 0px 0px;
								text-align:					right;
								background:					url(../images/blue0verlay.png) no-repeat top left;
								}

#blueOverlay blockquote { display: table;
						  width:323px;
						  height: 200px;
						  margin:0px;
						  text-align:right;
						 *display: block;
						 *position: relative; }			 
						
		#blueOverlay 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); }
						   
			#blueOverlay blockquote span span { display: inline;
												vertical-align: baseline;
												position: relative;
												left: auto;
												width: auto;
												top:auto; }	
												
				#blueOverlay h2 { color:#fff;
								  font:30px Arial, Helvetica, sans-serif; }
																
div.content					{	float:						left;
								background-color:			#ffffff;
								margin-left:				40px;
								margin-top:					0px;
								margin-bottom: 				0px;	}
						
div.contentPage				{	float:						left;
								background-color:			#ffffff;
								margin-left:				40px;
								margin-top:					20px;
								margin-bottom: 				20px;
								margin-right:				30px;	}
							
div.contentSub				{	float:						left;
								/*background-color:			#ffffff;
								background-image: 			url(../Images/contentSub.png);
								background-repeat:			repeat-y;*/
								margin-left:				0px;
								margin-top:					2px;
								margin-bottom:				-10px;	}

div.contentDetalj			{	float:						left;
								width: 						920px;
								background-color:			#ffffff;
								margin-left:				40px;
								margin-top:					2px;	}
								
div.rightCol				{	float:left;
								margin-right: 				10px;	}
div.rightCol2				{	width:415px;
								float:left;
								margin-right: 				10px;	}								

/*div.pageImage	{		background:#fff;
						width:	415px;
						margin-top:	20px;
						margin-bottom: 0px;}*/
							

	div.foot			{	float: 				left;
					background-image: url(../Images/foot.png);
					width:	835px;
					height: 45px;
					border-top:		1px solid #E2E2D0;
					margin-top:30px;
					margin-left: 40px;
					font-family:	Verdana, Arial, Helvetica, sans-serif;
					font-size:		11px;
					color: #979797;
					padding:20px;
					line-height: 20px;	}
					
	div.byline	{	float: left;
					width:	875px;
					margin-top: 20px;
					margin-left: 40px;	}
	/* ============================================= */
	
	
	
	/* head object */
	div.headLogotype	{	float:				left;
							margin-top:			40px;
							margin-bottom:		20px;	}
	
	div.menu			{	float:				right;
							top:				0px;
							margin-right:		45px;
							height:				100px;
							text-align: 		right;	}						
							
	
	
	a.menu			{		font-family:	Verdana, Arial, Helvetica, sans-serif;
							font-size:		12px;
							text-decoration:	none;
							color:	#24C1D7;
							padding-top: 70px;
							padding-bottom: 30px;
							height: 20px;	}
							
	a.menu:hover	{	background-color:	#F8F8F5;
						color:	#191919;	}
						
	/*#menuActive		{	background-color:	#F2F2EB;
						color:	#191919;	}*/
	
	ul#mainlevel-nav		{	list-style: 	none; 
								padding: 		0px; 
								margin: 		0px; 
								font-size: 		0px; 
								float: 			left; 
								border: 		0px solid #FF0000;	}
								
	ul#mainlevel-nav li	{	float: left; font-size: 12px; line-height: 21px; white-space: nowrap;	}
	
	ul#mainlevel-nav li a	{	display: block; padding-left: 10px; padding-right: 10px;	}
	
	
	
	ul#subMenu				{	marign: 0px;
								float: left;
								padding:	0px;
								white-space: nowrap;
								list-style: 	none; 
								font-size: 0px; 
								margin-left: 0px;	}
								
	ul#subMenu li			{	font-size: 12px; 
								line-height: 30px; 
								background-color: #ffffff; 
								width: 250px;
								padding: 0px;	}
	
	ul#subMenu li a	{	display: block; padding-left: 15px; padding-right: 15px;	}
	
	a.subMenu		{	font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 12px;
						color:	#24C1D7;
						text-decoration: none;
						width: 220px;	}
						
	a.subMenu:hover	{	background-color:	#F8F8F5;
						color:	#191919;	}
						
	#subMenuActive		{	background-color:	#F2F2EB;
						color:	#191919;	}
	
	
	
	/* content object */
	div.produkter	{	width: 876px;}
							
	div.produktImage	{	float:left;
							width: 171px;
							margin:0px 0px 0px 0px !important;
							position:relative; }
							
	div.produktImage a	{ display:block;
						  width: 150px !important;
						  height: 150px !important;
						  padding: 3px;
						  background:#F2F2EB;	}
						  
	div.produktImage a:hover	{ background:#24C1D7;	}
	
	div.produktImage img	{	display:block;
								width: 150px !important;
								height: 150px !important;
								margin:0px;
								/*border: 1px solid #E2E2D0;*/ }
	div.produktImage span.prodtext	{	position:absolute;
										bottom:3px;
										left:3px;
										display:block;
										width: 130px !important;
										margin:0px;
										padding: 1px 10px;
										color:#000;
										font-family:Verdana,Arial,Helvetica,sans-serif;
										font-size:11px;
										/*border: 1px solid #E2E2D0;*/
										background:url(../images/prodbg.png);
										overflow:hidden;
										height: 18px;}
						
	/*div.produktImage:hover	{	background-color: #CCCCCC;	}*/
	
	img.produktImage	{ border: 1px solid #CACACA;
						  padding: 3px;	}
						
	img.produktPage		{	margin-right: 30px;	}
	
	img.page			{	margin: 20px 0;	}
	
	
	div.produktTable		{ margin:0px -20px;
							  position:relative; }
	
		a.prevbtn	{ position:absolute;
					  top:0px;
					  left:-13px;
					  display:block;
					  width: 28px;
	 				  height:158px;
					  margin:0px;
					  padding:0px;
					  background:url(../images/prevbtn.png) no-repeat center center; }
			a:hover.prevbtn	{ background:url(../images/prevbtn2.png) no-repeat center center; }
		a.nextbtn	{ position:absolute;
					  top:0px;
					  right:-13px;
					  display:block;
					  width: 28px;
	 				  height:158px;
					  margin:0px;
					  padding:0px;
					  background:url(../images/nextbtn.png) no-repeat center center; }
			a:hover.nextbtn	{ background:url(../images/nextbtn2.png) no-repeat center center; }
					  
	div#slidecontainer	{	width: 876px;
	 					    height:160px;
							margin:0px 0px 20px 20px; }
	div#slidecontainer div	{	margin:0px -20px 0px 0px; }
	div#slidecontainer div div	{	margin:0px; }
	

	div.omaridee	{	float: left;
						width: 460px;	}
							
	div.nyheter	{		width:	375px;
						margin-left: 40px;
						border: 0px solid #0000FF;	}
						
	div.nyheter2	{	width:	375px;
						margin-left: 40px;
						border: 0px solid #0000FF;	}						
	
	div.colHead	{			background-color:	#F2F2EB;
							padding: 10px;
							font-family:		Verdana, Arial, Helvetica, sans-serif;
							font-size:			12px;
							color:				#191919;
							border-bottom:		1px solid #E2E2D0;	
							margin:             0 0 16px 0;}
	div.colHead a.link	{	display:			block;
							color:				#191919;	}
							
	a.colHead		{	font-size: 10px;color: #898989; text-decoration: none; margin-bottom: 5px;	}
	a.colHead:hover		{	color: #24C1D7;	}
	
	
					
	a.foot	{	color: #979797; text-decoration: none; border-bottom: 1px dotted #979797;	}
	
	div.newsDate	{	float:	left;
						width:	100px;
						padding-bottom: 5px;
						padding-left: 10px;
						font-family:Verdana, Arial, Helvetica, sans-serif;
						font-size: 11px;
						color:	#A5A5A5;	}
						
	div.left	{	float:	left;
					display:block;
					width:350px; }
					
		div.prodimg img	{ display:block;
						  width:324px;
						  margin:10px 0px 0px 0px;
						  padding: 3px;
						  border: 1px solid #CACACA;  }
						
	div.mainContent	{	float:	left;
						display:block;
						width:525px; }	
							
	div.newsLine	{	float:	left;
						width:	250px; 
						padding-bottom: 5px;
						font-family:Verdana, Arial, Helvetica, sans-serif;
						font-size: 11px;
						color:	#00B1DF;	}
						
	div.newsletter	{	clear:both;
						margin-top:20px;	
						width:	375px;
						margin-left: 40px;
						border: 0px solid #0000FF;	}
	
	div.newsletterHead	{	float: left;
							width: 365px;
							padding-left: 10px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 12px;
							color: #a5a5a5;
							margin: 0 0 15px 0;}
							
	div.newsletterForm	{	float: left;
							width: 365px;
							padding-left: 10px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 10px;
							color: #a5a5a5;	}
						
	div.lang	{	float: left;
					color: #606060;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 9px;
					width: 100px;	}

	div.login	{	float: left;
					color: #24C1D7;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 9px;	}
					
	div.sphinxly	{	float: right;
					color: #C2C2C2;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					width: 450px;
					text-align: right;	}
					
	input.text	{	border: 1px solid #E2E2D0;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #00B1DF;
				padding: 5px;	}
	
	input.button	{	border: 1px solid #E2E2D0;
						
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #242424;
				background-color: #F2F2EB;
				padding: 4px;	}

	a.sphinxly	{	color: #C2C2C2;
					text-decoration: none;	}
			
	a.sphinxly:hover	{	color: #606060;	}
	
	div.headDetalj	{	float: left;
						background-image: url(../Images/headDetalj.png);
						width: 860px;
						height: 35px;
						margin-left: 40px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 18px;
						color: #ffffff;
						vertical-align:text-bottom;
						padding-top: 50px;
						padding-left: 15px;	}
						
	div.subMenu		{	float: left;
						width: 250px;
						background-color: #FBFBF8;
						margin-top: 2px;
						margin-left: 0px;
						margin-right: 20px;
						text-align: left;
						padding-left: 0px;
							}
						
	div.head1		{	color: #24C1D7;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 16px;
						margin-bottom: 15px;
						margin-top: 15px;	}
						
	div.head2		{	color: #24C1D7;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-weight:	bold;
						font-size: 12px;
						margin-bottom: 10px;
						margin-top: 10px;	}
						
	div.head3		{	color: #24C1D7;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-weight:	bold;
						font-size: 9px;
						margin-top: 10px;	}
						
	div.formgivare		{	color: #A5A5A5;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 9px;
						margin-bottom: 10px;	}
						
	div.pageText	{	font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 11px;
						color: #474747;
						width: 450px;
						float: left;
						padding-top: 20px;
						margin-left: 10px;
						margin-right: 0px;
						border: 0px solid #00FF00;
						line-height: 18px;
						display:block;	
						min-height:290px; 
						height:auto;
}
/* for Internet Explorer */

* html .pageText {
	height: 290px;
}
						
	div.ingress		{	font-weight: bold; margin-bottom: 10px;line-height: 18px;	}
						
	div.text		{	font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 11px;
						color: #606060;
						width: 500px;
						float: left;
						margin-right: 20px;	
						margin-bottom: 0px;
						border: 0px solid #000000;
						line-height: 18px;	}
						
	div.textContent	{	float: left;
						margin-left: 10px;	}
						
	a.textLink		{	color: #24C1D7;
						text-decoration: none;	}
						
	div.thumbs			{	clear:both;
							display:block;
							width: 350px;
							padding:15px 0px 5px 0px; }
						
		div.thumbs ul		{ margin:0px;
							  padding:0px;
							  list-style:none; }
			div.thumbs li		{ float:left;
								  margin:0px 16px 16px 0px;
								  padding:0px; 	}
						
			img.thumb			{	width:92px;
									height:92px; }		
							
	div.rellinks h3 { margin:0px;
					  padding:0px; }
	div.rellinks a { padding:0px 0px 0px 10px;
					 background:url(../images/rellinks.png) no-repeat 0px center; }
	div.starttext { padding: 0 10px 20px 10px; }
							
.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 */