/* =================================================================================================
		
		main.css
		Nisseby Snickeri AB
		CSS skriven av Jimmy Oh - http://www.jimmyoh.com
				
================================================================================================= */

	body { background: #e8e8e8; }
	* { margin: 0 auto; padding: 0; border: none; font-size: 100%; font-family: arial, helvetica, sans-serif; list-style-type: none; list-style: none; text-decoration: none; }
	:focus { outline: none; }
	
		a:link, a:visited, a:active { text-decoration: none; color: #666; }
		a:hover { text-decoration: none; color: #009ddd; }
						
						
/* ====== TOTALCONTAINER ========================================================================== */
		
		#totalcontainer {
		width: 985px;
		display: block;
		position: relative;
		margin: 0 auto; }

		
/* ===== HEADER =============================================================================== */
	
		#header {
		background: no-repeat #fff top left url('../gfx/bkg_header.gif');
		width: 985px;
		height: 178px;
		position: relative;
		margin: 20px auto 0 auto;
		display: block; }
		
			#header .imgcontainer {
			display: inline;
			width: 977px;
			position: absolute;
			bottom: 0;
			left: 4px;
			overflow: visible;
			z-index: 1;
			height: 174px; }
		
		
/* ===== BELOWHEADER ================================================================================== */
		
	#belowheader {
	background: no-repeat #fff top left url('../gfx/bkg_belowheader.gif');
	width: 985px;
	height: 11px;
	display: block;
	margin: 0 auto; }
		
						
/* ===== CONTAINER ================================================================================== */
		
		#container {
		background: repeat-y #fff top left url('../gfx/bkg_container.gif');
		width: 977px;
		display: block;
		position: relative;
		overflow: visible;
		float: left;
		margin: 0 auto;
		padding: 0 4px; }
		
		
/* ===== ABOVER FOOTER ================================================================================== */
		
		.abovefooter {
		background: no-repeat #fff top left url('../gfx/bkg_abovefooter.gif');
		width: 100%;
		height: 11px;
		float: left;
		display: block;
		margin: 0; }
			
			
/* ===== ALL COLUMNS ============================================================================ */

		h1 {
		font-size: 30px;
		line-height: 36px;
		letter-spacing: -1px;
		font-weight: normal;
		height: 36px;
		display: block;
		margin: 0 0 10px 0;
		color: #009ddd; }
		
			h1 .gray { color: #666; font-style: normal; font-size: 80%; }
			
				h3 {
				font-size: 16px;
				line-height: 22px;
				font-weight: normal;
				display: block;
				border-bottom: 1px solid #ccc;
				padding: 0 0 3px 0;
				margin: 0 0 10px 0;
				color: #009ddd; }
		

/* ===== LEFT COLUMN ============================================================================ */
		
		#leftcol {
		background: no-repeat #fff top left url('../gfx/bkg_leftcol.gif');
		float: left;
		width: 216px;
		margin: 0 27px 20px 11px;
		padding: 0;
		display: block;
		overflow: visible; }
		
			#leftcol ul {
			display: block;
			padding: 12px 15px 15px 15px; }
			
				#leftcol ul li {
				font-size: 11px;
				color: #666;
				display: block;
				font-weight: bold;
				margin: 10px 0 0 0;
				text-transform: uppercase;
				padding: 0 0 3px 0;
				border-bottom: 1px solid #d4d4d4; }
				
					#leftcol ul li b {
					font-size: 14px;
					position: relative;
					bottom: 1px; }
					
						.toplink:link, .toplink:visited, .toplink:active {
						font-family: tahoma, arial, helvetica, sans-serif;
						text-decoration: none;
						display: block;
						color: #666;
						margin: 0; }

							.toplink:hover {
							text-decoration: none;
							color: #009ddd;
							margin: 0; }
					
				#leftcol ul li.second {
				font-size: 10px;
				color: #949494;
				display: block;
				font-weight: bold;
				margin: 3px 0 0 11px;
				text-transform: uppercase;
				padding: 0;
				border-bottom: none; }
				
					.secondlink:link, .secondlink:visited, .secondlink:active {
					font-family: tahoma, arial, helvetica, sans-serif;
					text-decoration: none;
					display: block;
					color: #949494;
					margin: 0; }

						.secondlink:hover {
						text-decoration: none;
						color: #666;
						margin: 0; }
						
						
		#leftcol ul li.active {
		font-family: tahoma, arial, helvetica, sans-serif;
		font-size: 11px;
		color: #009ddd;
		display: block;
		font-weight: bold;
		margin: 10px 0 0 0;
		text-transform: uppercase;
		padding: 0 0 3px 0;
		border-bottom: 1px solid #ccc; }
		
		#leftcol ul li.active .toplink:link, #leftcol ul li.active .toplink:visited, #leftcol ul li.active .toplink:active, #leftcol ul li.active .toplink:hover  {		
		text-decoration: none;
		display: block;
		color: #009ddd;
		margin: 0; }
		
			#leftcol ul .secondlink .active {
			font-family: tahoma, arial, helvetica, sans-serif;
			text-decoration: none;
			display: block;
			color: #666;
			margin: 0; }
			
		
/* ===== CONTENT (MIDDLE COLUMN)  =============================================================== */
		
		#content {
		float: left;
		width: 483px;
		margin: 20px 0 20px 0;
		padding: 0;
		display: block;
		float: left;
		overflow: visible; }
		
			#content p.bigger {
			font-size: 16px;
			color: #333;
			font-style: none;
			margin: 0 0 13px 0;
			line-height: 25px;
			display: block; }
			
				#content p {
				font-size: 14px;
				color: #666;
				margin: 0 0 13px 0;
				line-height: 20px;
				display: block; }
				
		#content a:link, #content a:visited, #content a:active { text-decoration: none; color: #666; }
		#content a:hover { text-decoration: none; color: #009ddd; }
				
		#content .banner1 {
		background: no-repeat #fff top left url('../gfx/bkg_banner1.gif');
		width: 483px;
		height: 81px;
		margin: 20px 0;
		display: block; }
		
			#content .banner1 h2 {
			font-size: 20px;
			font-weight: normal;
			color: #fff;
			padding-top: 12px;
			text-align: center;
			border: none;
			letter-spacing: -1px;
			font-style: italic; }
			
				#content #logos {
				display: block;
				float: left;
				margin-top: 15px; }
			
					#content #logos img {
					padding: 5px; }
					
		#content .headline { font-size: 30px; line-height: 50px; letter-spacing: -1px; color: #444; }
		
		#content p.goback { float: right; font-size: 10px; text-transform: uppercase; background: #f1f1f1; padding: 2px 7px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
				
		
/* ===== RIGHT COLUMN =========================================================================== */	

		#rightcol {
		background: no-repeat #fff top left url('../gfx/bkg_rightcol.gif');
		float: right;
		width: 171px;
		margin: 0 11px 20px 0;
		display: block;
		padding: 15px;
		text-align: left;
		overflow: visible; }
		
			#rightcol p {
			font-size: 11px;
			color: #666;
			margin: 0 0 10px 0;
			line-height: 18px;
			display: block; }
			
				#rightcol p b {
				display: inline;
				margin: 0;
				color: #4b4b4b; }
				
					#rightcol p .date {
					color: #999;
					display: block;
					font-size: 10px; }
					
		#rightcol .divider {
		background: #d4d4d4;
		height: 1px;
		margin: 0 0 10px 0;
		display: block; }
		
										
/* ===== FOOTER ================================================================================ */

		#totalcontainer #footer {
		background: no-repeat #fff top left url('../gfx/bkg_footer.gif');
		display: block;
		width: 985px;
		height: 49px;
		margin: 0 auto;
		text-align: center;
		clear: both;
		float: left;
		overflow: visible; }
						
			#totalcontainer #footer ul {
			width: 985px;
			height: 100%;
			display: block;
			margin: 0 auto;
			text-align: center;
			padding: 0;
			position: relative;
			list-style-type: none; }
		
				#totalcontainer #footer li {
				float: left;
				display: block;
				position: relative;
				padding: 0;
				margin: 9px auto 0 40px;
				color: #b9b9b9;
				font-size: 11px;
				font-weight: normal;
				line-height: 16px;
				text-transform: none; }
		
					#totalcontainer #footer li b {
					color: #f1f1f1;
					text-transform: uppercase;
					font-weight: normal;
					font-size: 9px; }
					
					#totalcontainer #footer li h4 {
					font-size: 11px;
					color: #f1f1f1;
					font-weight: bold;
					display: inline; }
		
		#totalcontainer #footer li.none {
		border: none;
		font-size: 9px;
		padding: 0;
		float: right;
		margin: 10px 38px 0 0; }

			.footnav:link, .footnav:visited, .footnav:active {		
			text-decoration: none;
			color: #999;
			margin: 0; }

				.footnav:hover {
				text-decoration: none;
				color: #ccc;
				margin: 0; }
									
									
/* ===== BELOW FOOTER ================================================================================ */

		#belowfooter {
		background: no-repeat #fff top left url('../gfx/bkg_belowfooter.gif');
		display: block;
		width: 985px;
		float: left;
		height: 54px;
		margin: 0 auto;
		clear: both;
		overflow: visible; }
		
		.jimmy {
		display: block;
		padding-top: 18px;
		text-align: center;}
		
			.jimmy a:link, .jimmy a:visited, .jimmy a:active {
			text-align: center;
			color: #999;
			padding: 10px;
			font-size: 12px;
			font-style: italic; }
			
				.jimmy a:hover {
				text-align: center;
				color: #333;
				padding: 10px;
				font-style: italic; }
		
		
/* ===== FADE ================================================================================ */				
							
		#ref_roterare {
		display: block;
		position: absolute;
		top: 0px;
		left: 0;
		overflow: hidden;
		z-index: 999999;
		float: left;
		width: 977px;
		height: 174px;
		margin: 0; }

			ul#ref li img {
			position: relative;
			float: left;
			margin: 0;
			width: 977px;
			height: 174px; }
			
				#highslide_container {
				padding: 0;
				float: left;
				display: block; }
				
					#highslide_container a:link img, #highslide_container a:visited img, #highslide_container a:active img {
					border: 4px solid #ccc;
					margin: 0 2px 2px 0;
					padding: 1px; }
					
						#highslide_container a:hover img {
						border: 4px solid #009DDD;
						padding: 1px; }						
						
	.highslide-container .highslide-heading {
	font-family: georgia, "times new roman", serif;
	font-size: 11px; }
		
		.highslide-container .highslide-heading h2 {
		color: #009DDD;
		font-weight: normal;
		display: block;
		margin: 5px 0;
		font-size: 20px; }
		
			.highslide-container .highslide-heading .brodtext {
			color: #666;
			font-weight: normal;
			font-size: 12px; }
			
		a.highslide {
		float: left;
		display: block;
		margin: 3px; }