#top {
	height: 0px;
}

#wrapper {
	margin: 0px auto;
	width: 996px;
}

#container {
	background: #FFFFFF;
	float: left;
	border-left: 4px #85A6C9 solid;
	border-right: 4px #85A6C9 solid;
	margin: 0px auto;
	width: 996px;
}

#header {
	float: left;
	width: 996px;
}

	#top_pengar {
		text-align: center;
		margin: 0px 4px;
		padding: 4px 0px 3px 0px;
		background: #306fad;
	}

		#top_pengar img {
		}

	#logo {
		background: #FFFFFF;
		float: left;
		padding-bottom: 5px;
		height: 50px;
		width: 985px;
		margin-left: 3px;
		background: #FFFFFF url(../images/top.gif) no-repeat top left;
	}
		
		#logo h1 a {
			position: absolute;
			display: block;
			float: left;
			height: 50px;
			width: 350px;
		}

			#logo h1 a span {
				display: none;
				text-indent: -2000em;
			}
		
		#logo div.sok {
			margin: 0px;
		}


		#logo #member {
			float: right;
			color: #a8c2dc;
			font-size: 18px;
			margin: 10px 40px 0px 0px;
		}
	
			#logo #member span.smaller {
				font-size: 13px;
				font-weight: bold;
			}
		
			#logo #member a.yellow:link, #logo #member a.yellow:visited {
				color: #FFD100;
			}
	
			#logo #member a:link, #logo #member a:visited {
				color: #FFF;
			}
	
			#logo #member a.becomeMember:link, #logo #member a.becomeMember:visited {
				color: #FFD100;
			}

	#toolbox {
		float: right;
		margin: 3px 0px 0px 0px;
		width: 670px;
	}

		#logo #member {
			float: right;
			color: #a8c2dc;
			font-size: 18px;
			margin: 13px 40px 0px 0px;
		}
	
			#logo #member a:link, #logo #member a:visited {
				color: #FFF;
			}
	
			
	
#menu {
	float: left;
	margin: 6px 0px 0px 6px;
	width: 980px;
	height: 38px;
	background: #ebebeb url(../images/menu/menu_left.gif) no-repeat top left;
}

	#menu ul {
		margin: 0px;
		float: left;
		width: 980px;
		background: url(../images/menu/menu_right.gif) no-repeat top right;
	}

		#menu li {
			list-style-type: none;
			margin: 5px;
			float: left;
			padding: 0px;
			height: 30px;
		}
	
			#menu li a:link, #menu li a:visited {
				float: left;
				color: #487c96;
				text-decoration: none;
				font-size: 16px;
				font-family: Arial,sans-serif;
			}
		
				#menu li a:link span.text, #menu li a:visited span.text {
					float: left;
					padding: 5px 12px 4px 12px;
					height: 20px;
					cursor: pointer;
				}
			
			#menu li a:hover {
					text-decoration: underline;
			}
		
				#menu li a img {
					border: 0px;
					float: left;
					margin: 5px 6px 0px 0px;
				}


			#menu ul.mainMenu li.menu ul.subMenu {
				display: none;
			}
		
		
			#menu li.active a:link, #menu li.active a:visited {
				background: #6492bf url(../images/menu/menu_item_left.gif) no-repeat top left;
				color: #FFF;
				text-decoration: none;
			}
		
				#menu li.active a:link span.text, #menu li.active a:visited span.text {
					background: url(../images/menu/menu_item_right.gif) no-repeat top right;
				}
			
			#menu li.whatsOnTv {
				margin-left: 60px;
			}
		
				#menu li.whatsOnTv a:link, #menu li.whatsOnTv a:visited {
					font-size: 10px;
					padding: 1px 0px 2px 35px;
					background: url(../images/design/whatsOnTv.gif) no-repeat 0px 0px;
					color: #787878;
					text-decoration: none
				}
			
					#menu li.whatsOnTv a span {
					}
				
						#menu li.whatsOnTv a span strong {
							font-weight: bold;
							font-family: Verdana;
							color: #71a7c2;
							
						}
				#menu li.whatsOnTv a:hover {
					color: #000;
				}
			
					#menu li.whatsOnTv a:hover span strong {
						color: #487c96;
					}
				
		
				#menu li.whatsOnTv a:link em, #menu li.whatsOnTv a:visited em {
					color: #ff8f35;
					font-style: normal;
					font-weight: bold;
				}
		
				#menu li.whatsOnTv a:hover em {
					text-decoration: underline;
				}
			
			#menu li.search {
				margin: 0px;
				float: right;
			}
		
				#menu li.search fieldset {
					margin: 0px;
				}
			
					#menu li.search fieldset label {
						display: none;
					}
			
					#menu li.search fieldset div.searchLeftRoundedCorner {
						float: right;
						margin-top: 3px;
						background: red;
						background: url(../images/design/searchRoundedCornerLeft.gif) no-repeat top right;
						height: 32px;
						width: 3px;
					}
				
					#menu li.search fieldset div.searchRightRoundedCorner {
						float: right;
						margin-top: 3px;
						margin-right: 3px;
						background: url(../images/design/searchRoundedCornerRight.gif) no-repeat top left;
						height: 32px;
						width: 3px;
					}
				
						#menu li.search fieldset div.leftActive {
							background-image: url(../images/design/searchRoundedCornerLeft_active.gif);
						}
					
						#menu li.search fieldset div.rightActive {
							background-image: url(../images/design/searchRoundedCornerRight_active.gif);
							width: 37px;
						}
			
					#menu li.search fieldset input.text {
						font-size: 18px;
						margin: 3px 0px;
						padding: 5px 5px 5px 33px;
						background: #86a6c9 url(../images/design/searchBackground_inactive.gif) no-repeat 6px 8px;
						border: 0px;
						float: right;
						width: 80px;
						color: #c0d1e3;
					}
				
					#menu li.search fieldset input.active {
						background-color: #FFF;
						background-image: url(../images/design/searchBackground_active.gif);
						width: 140px;
						color: #86a6c9;
					}
			#menu li.main a:link span, #menu li.main a:visited span {
				padding-right: 3px;
			}
			
			#menu li.hideFromMenu {
				display: none;
			}

#top_notice {
	margin: 0px 5px 10px 5px;
	clear: left;
	width: 980px;
}

	#top_notice div.content, #top_notice div.top, #top_notice div.bottom {
		background-color: #def8b8;
	}

	#top_notice div.content {
		width: 978px;
		height: 27px;
	}

	#top_notice div.content div.noticeText {
		padding: 5px 10px 5px 30px;
		margin-left: 5px;
		width: 820px;
		float: left;
		background: url(../images/design/topNoticeArrow.gif) no-repeat 0px 1px;
	}

		#top_notice div.content div.noticeText a:link, #top_notice div.content div.noticeText a:visited {
			text-decoration: none;
			font-size: 13px;
		}
	
			#top_notice div.content div.noticeText a:link strong, #top_notice div.content div.noticeText a:visited strong {
				text-decoration: underline;
			}
		
			#top_notice div.content div.noticeText a:hover strong {
				text-decoration: none;
			}

	#top_notice div.content div.hideNoticeText {
		float: left;
		padding-top: 6px;
		text-align: right;
	}

		#top_notice div.content div.hideNoticeText a:link, #top_notice div.content div.hideNoticeText a:visited {
			color: #658d38;
		}

#content_wrapper {
	float: left;
	width: 992px;
	margin-top: 10px;
}

#big_content {
	margin: 5px 5px;
}

#content {
	float: left;
	width: 705px;
	margin: 5px 0px 0px 5px;
}

	#content ul.subMenu {
		margin: 0px 0px 10px 0px;
		padding-left: 6px;
		float: left;
		background: #FFFFFF url(../images/menu/submenu_arrow.gif) no-repeat 1px 7px;
		width: 695px;
	}

		#content ul.subMenu li {
			list-style-type: none;
			float: left;
			padding: 0px;
		}

			#content ul.subMenu li a:link, #content ul.subMenu li a:visited {
				padding: 3px 8px;
				float: left;
				font-size: 11px;
				border-left: 1px #BFBFBF solid;
				text-decoration: none;
				color: #064D94;
			}
	
			#content ul.subMenu li a:hover {
				color: #0B66BF;
				text-decoration: underline;
			}
	
		#content ul.subMenu li.first a:link, #content ul.subMenu li.first a:visited {
			border-left-width: 0px;
		}
	
		#content ul.subMenu li.active a:link, #content ul.subMenu li.active a:visited  {
			font-weight: bold;
		}
	
		#content ul.subMenu li.active a:hover {
		}

#content .pengar_dubbla {
	width: 700px;
	float: left;
	clear: left;
	margin-top: 20px;
}

#right {
	float: right;
	width: 270px;
	margin: 0px 5px 10px 0px;
}

	#right div.pengar {
		background: #F2F2F2 url(../images/greyBg.gif) repeat-x bottom left;
		padding: 10px;
		margin-bottom: 10px;
		text-align: center;
	}

	#right div.internaPengar {
		margin-bottom: 10px;
		text-align: center;
	}

		#right div.internaPengar img {
			border: 0px;
		}

#footer {
	clear: left;
	float: left;
	width: 996px;
	background: #85A6C9;
}

	#footer div.top {
		background: url(../images/footer_top.gif);
		width: 996px;
		height: 28px;
	}

	#footer div.content {
		background: #FFF;
		padding: 5px 20px;
		float: left;
		width: 956px;
	}

		#footer div.content div.logo {
			width: 160px;
			float: left;
			font-size: 9px;
			text-align: center;
			margin-right: 30px;
		}
		
		#footer div.content div.text {
			float: left;
			width: 735px;
		}
		
			#footer div.content div.text h3 {
				font-size: 11px;
				font-weight: bold;
				border-width: 0px;	
			}
		
			#footer div.content div.text ul.readMoreLink {
				float: left;
				width: 150px;
				margin-right: 20px;
				border-right: 1px #DFDFDF solid;
			}
		
			#footer div.content div.text div.whatIsITK {
				float: left;
				width: 290px;
				border-right: 1px #DFDFDF solid;
				padding-right: 10px;
				margin-right: 10px;
			}
			
				#footer div.content div.text div.whatIsITK h3 {
					width: 290px;
					margin: 0px;
					padding: 0px;
				}
				
				#footer div.content div.text div.whatIsITK p {
					font-size: 10px;
				}

			#footer div.content div.text div.latestBlogPost {
				width: 250px;
				margin: 0px;
				float: left;
			}
		
				#footer div.content div.text div.latestBlogPost h3 {
					font-size: 10px;
					width: 250px;
				}
			
					#footer div.content div.text div.latestBlogPost h3 a {
						font-size: 11px;
					}
			
					#footer div.content div.text div.latestBlogPost h3 span {
						color: #7b7b7b;
					}
			
				#footer div.content div.text div.latestBlogPost div.post {
					width: 250px;
					text-align: center;
					line-height: 14px;
					clear: left;
					padding-top: 8px;
				}

	#footer div.bottom {
		background: #85a6c9 url(../images/footer_bottom.gif) repeat-x top left;
		width: 996px;
		float: left;
		height: 50px;
	}
	
	#footer .current_url {
		display: none;
	}

/*
	Strukturen för förstasidans kolumner
*/

div#frontpage_columns {
}

	div#frontpage_columns div#left_column {
		width: 220px;
		float: left;
		margin-right: 5px;
	}

		div#frontpage_columns div#left_column dl.titledBox, div#frontpage_columns div#left_column dl.titledBox dl, div#frontpage_columns div#left_column dl.titledBox dd {
			width: 220px;
			float: left;
		}

	div#frontpage_columns div#main_column {
		float: left;
		width: 480px;
	}

	/* Inställningar för rubrikerna i rutorna i mittenkolumnen på förstasidan */
	div#frontpage_columns div#main_column div.squareBox h3 {
		width: 460px;
	}
	
	/* Inställningar för titelboxar i mittenkolumnen på förstasidan */
	div#frontpage_columns div#main_column dl.titledBox, div#frontpage_columns div#main_column dl.titledBox dl, div#frontpage_columns div#main_column dl.titledBox dd {
		width: 480px;
		float: left;
	}

	/* Inställningar för titelboxar i högerkolumnen */
	div#right dl.titledBox, div#right dl.titledBox dl, div#right dl.titledBox dd {
		width: 270px;
		float: left;
	}
	
	div#right div.title {
		width: 266px;
	}
	
	div#right ul.recipeTitledBox li {
		width: 260px;
	}
		
		div#right ul.recipeTitledBox li div.text {
			width: 180px;
		}

	div#right dl.titledBox img.forum {
		width: 150px;
	}

div#openShoppingList {
	background: #ffbd6e url(../images/actionBoxBackground.gif) repeat-y top right;
	position: absolute;
	bottom: -1px;
	right: 17px;
	z-index: 1000;
}


	div#openShoppingList a:link, div#openShoppingList a:visited {
		padding: 10px 20px 10px 40px;
		color: #000;
		float: left;
		background: url(../images/icons/script.gif) no-repeat 15px 9px;
		font-weight: bold;
		border-top: 2px orange solid;
		border-left: 2px orange solid;
	}

	div#openShoppingList a:hover {
		border-color: #f78703;
		border-right: 2px orange solid;
		border-bottom: 2px orange solid;
	}