/* Design & Coding done by Johanna Svanström.
	 
	 johanna@bymind.com
	 http://www.bayminddesing.se			*/


/* Div styles
----------------------------------------------- */

html, body {
margin:						0;
padding:					0;	
color:						#000; 
background :				#ccc url(../../img/bg.png) repeat-y 50%;
background-attachment:		fixed;
background-color:			#fff;
font:						small Arial, Helvetica, Verdana, sans-serif;
}

#canvas {
background-color:			#fff;
color:						#000;
margin-left:				auto;
margin-right:				auto;
width:						988px;
height:						100%;
position:					relative;
padding:					1px 1px 1px 1px;
}

img {
border:						none;
}

/* Loggan ligger här
----------------------------------------------- */

#header {
width:						100%;
position:                   relative;
margin: 0;
padding:0;
}

	#header img {
	margin:		  		 	  0px 30px 0px 0px;
	border:					none;	
		}

/* Menyn
----------------------------------------------- */

#navigation {
width:						989px;
position:                   relative; 
margin: 0;
padding:0;
}
	
	#navigation ul {			
	background:				#464749; 
	font-size:				13px;
	text-align:				left;
	margin:					0 0 3px 0;
	padding:		 		0.8em 0 0.8em 0;
	width:					100%;
	}
			
	#navigation li {
	display:				inline;
	color:					#fff;
	margin:					0;
	padding:				0;
	}
	
	#navigation a:link, #navigation a:visited {
	text-decoration:		none;
	color:					#fff;
	padding:				0.5em 0.8em 0.5em 0.8em;
	margin-right:			0px;
	}
			
	#navigation a:hover	{
	color:					#fff;
	background-color:		#ee1b2e;
	margin:					0;
	}
/*--slut Menyn--*/


/* Topbilder
----------------------------------------------- */	
	
#top1 {
width:						992px;	
position:					relative;
margin-top:					0px;
padding-top:0;
	}
	
	#leftie {
	float:					left;
	position:				relative;
	width:					500px;
	height:					200px;
	
	margin-right:			4px;
	margin-bottom:			3px;
	/*background-image:		url(../../img/greenrutasmal.jpg)*/
	background-color:		black;
		}
		
	#middie {
	float:					left;
	position:				relative;
	width:					240px;
	height:					200px;
	
	margin-right:			4px;
	margin-bottom:			3px;
	background-image:		url(PreSport2.jpg)
	/*background-image:		url(../../img/orangerutasmaltext.jpg)*/
		}
		
	#rightie {
	float:					left;
	position:				relative;
	width:					240px;
	height:					200px;
	
	margin-bottom:			3px;
	background-image:		url(../../img/greyrutasmal.jpg)
		}
	
	
#top2 {
width:						992px;	
position:					relative;
margin:0;
padding:0;
}
	
	#leftip {
	float:					left;
	width:					240px;
	height:					100px;
	margin-top:             0px;
	margin-right:			4px;
	margin-bottom:			3px;
	background-image:		url(../../img/orangetop2.jpg)
		}
		
	#rightip {
	float:					left;
	width:					744px;
	height:					100px;
	margin-top:             0px;
	margin-bottom:			3px;
	background-image:		url(../../img/greentop2.jpg)
		}
/*--slut Topbilder--*/


/* Huvudinnehåll - texter mm
----------------------------------------------- */	
	
#main {
	position:				relative;
	top:					0px;
	left:					0;
	width:					100%;
	margin-top:				0px;
	padding-top:0;
	}
	
	.img {
	float:					left;
	width:					150px;
	}
	
	/*#left {
	float:					left;
	position:				relative;
	width:					230px;
	margin-right:			2px;
	padding-left:			10px;
	margin-left:			0px;
	background-color:		#deeccf;
	}*/
	
	#left {
	float:					left;
	position:				relative;
	width:					239px;
	margin-right:			2px;
	margin-top:				-13px;
	padding-left:			0px;
	margin-left:			-5px;
	background-color:		#fff;
	}
	
		.leftinner {
		border-bottom:			1px solid #fff;
		width:					239px;
		height:					115px;
		margin-top:				5px;
		margin-bottom:          10px;
		
		}
		
		
	
		#left a:link #left a:visited{
		 text-decoration:	none;
		 color:				Maroon;
		 font-size:			13px;
		 font-style:		oblique;
		}
	
	
		
		#prod {
		border-bottom:		solid 1px black;
		padding-bottom:		30px;
		}
	
			#prod  img p{
			float:			left;
			padding-right:	20px;
		}
	
	#middle {
	float:					left;
	position:				relative;
	width:					435px;
	margin-right:			0px;
	margin-left:			-0px;
	padding-left:			30px;
	padding-right:			0px;
	}
		
		#middle img {
		padding-left:		0px;	
		}
	
	#right 
	{
	
	float:					left;
	width:					235px;
	margin-right:			0px;
	border:					1px solid black;
	}
/*--slut Huvudinnehåll--*/

/* Produkter mm - texter mm
----------------------------------------------- */	
	
#mainie {
	position:				relative;
	top:					0;
	left:					0;
	width:					100%;
	margin-top:				4px;
	margin-bottom:			20px;
		}
	
		#content {
		margin:				0 0px 0 0;
		float:left;
		background-color:	#fff;
		color:				#000;
		}
		
			#content .inner {
			margin:			  10px 30px 10px 0px;		
			}
			
			#content .inner h2 {
			color:			#245185;
			padding-bottom: 0.2em;
			border-bottom:	1px solid #464749;
			font-size:		14px;
			}
			
			#content .inner h3 {
			font-size:		16px;
			padding-bottom: 0.2em;
			border-bottom:	1px solid #464749;
			margin-bottom:	30px;
			}
			
			#content .inner h3 a:link, #content .inner h3 a:visited {
			color:			#245185;			
			}						
														
			#content .inner p {
			color:			#464749;
			font-size:		12px;
			margin-top:		20px;
			}
				
			#content .inner p.author {
			font-weight:	bold;
			}
		
			#content .inner p.more {
			margin-top:		0;
			text-align:		right;
			
			}
		
			#content .inner p.more a:link, #content .inner p.more a:visited {
			padding-left:	14px;
			font-size:		12px;
			color:			#b71f2c;
			}	
			
			#content .inner p.content a:link, #content .inner p.more a:visited {
			padding-right:	30px;
			font-size:		12px;
			color:			#b71f2c;
			}	
			
			#content .inner p.mic a:link, #content .inner p.mic a:visited {
			font-size:		12px;
			color:			#b71f2c;
			}			
			
			#content .inner .features li img {
			float:			left;
			margin:			0px 20px 0px 0;
			}
			
			#content .inner ul.features {
			margin:			0;
			padding:		0;
			list-style:		none;
			}


			
		#extraContent {
		position:			relative;
		float:right;
		width:				239px;
		min-height:			400px;
		background:			url(../../img/greybg.png) repeat-x left top;
	
		color:				#464749;
		margin:				0;
		padding:			0px 0 0 0;
		}
		
			#extraContent h3 {
			font-size:		12px;
			margin:			0;
			padding:		0.2em 0 0 10px;
			font-weight:	bold;
			}
		
			#extraContent h2 {
			font-size:		14px;
			margin:			0;
			padding:		0.2em 0 0 10px;
			font-weight:	bold;
			}
			
			#extraContent .inner {
			padding:		10px;
			}
			
				
			#extraContent a:link, #extraContent a:visited {
			color:			#fff;
			}
			
			#extraContent p {
			padding:		 0 10px 20px 20px;
			font-size:		12px;
			line-height:	1.4em;
			}
						
			#extraContent p.more {
			clear:		right;
			margin:		 -20px 30px 0 0;
			text-align: right;
			}
			
			#extraContent p.mac {
			clear:		right;
			margin:		 15px 0 0 0;
			text-align: right;
			}
		
				#extraContent p.more a:link, #extraContent p.more a:visited {
				color:	#000;
				padding-left: 14px;
				}
				
		
			
			#extraContent .date {
			font-weight:bold;
			display:	block;
			}
		
/*--slut Huvudinnehåll--*/


/* Footer
----------------------------------------------- */	
	
#footer {
width:					98%;
position:				relative;
clear:both;
padding:				10px;
border-bottom:			solid 1px #000;
border-top:				solid 1px #000;
margin-bottom:			5px;
	}
	
.drop 
{
	position: absolute; 
	width: 3;  
	/*filter: flipV(), flipH(); */
	font-size: 40; 
	color: blue 
	}