���¯���»���¿@import url("contest0902.css");
 
 /******************************************************************************************************
Title:			screen.css
Browser(s):		All browsers.

Author: 		Peter Antonius for Fr������¶jd (www.frojd.se)
Created: 		12.01.208
Last modified:	18.01.208
******************************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

ul {
	list-style: none;
	}

body {
	font:.63em/1.6em Arial, Helvetica, Verdana, Tahoma, sans-serif;
	width:100%;
	margin:0 auto;
	background:#fcfcfc url(../img/backgrounds/body_bg.jpg) repeat-x;
	color:#000;
	}

a, a:link, a:visited {
	color:#f90;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline
	}
	
	strong {font-weight:700;}

/*	Clearfix
---------------------------------------------*/
.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 */

.clear {clear:both;}

/*	Header
---------------------------------------------*/
#header {
	margin:14px auto 12px;
	padding-left:7px;
	width:800px;
	}
#header h1 {
	float:left;
	}
#header h1 a{
	background:url(../img/logotype.png);
	display:block;
	float:left;
	height:77px;
	width:158px;
	cursor:pointer;
	}
#header h1 span {
	display:none;
	}

/*	Navigation
---------------------------------------------*/
ul#navigation {
	background:url(../img/backgrounds/nav_bg.png) no-repeat;
	float:right;
	height:36px;
	margin:23px -2px 0 0;
	padding:1px 4px 8px;
	/*width:621px;*/
	}
	
ul#navigation.navigation_fi {
	background:url(../img/backgrounds/nav_fi_bg.png) no-repeat;
	float:right;
	height:36px;
	margin:23px -2px 0 0;
	padding:1px 4px 8px;
	width:621px;
	}
	
ul#navigation li {
	float:left;
	}
ul#navigation li span {
	display:none;
	}
ul#navigation li a {
	display:block;
	height:36px;
	}
#se ul#navigation li.start a {
	background:url(../img/navigation/se/nav_start.gif);
	width:79px;
	}
#se ul#navigation li.about a {
	background:url(../img/navigation/se/nav_about.gif);
	width:79px;
	}
#se ul#navigation li.news a {
	background:url(../img/navigation/se/nav_news.gif);
	width:84px;
	}
#se ul#navigation li.contest a {
	background:url(../img/navigation/se/nav_contest.gif);
	width:83px;
	}
#se ul#navigation li.recipe a {
	background:url(../img/navigation/se/nav_recipe.gif);
	width:80px;
	}
#se ul#navigation li.margarine a {
	background:url(../img/navigation/se/nav_margarine.gif);
	width:91px;
	}
#se ul#navigation li.contact a {
	background:url(../img/navigation/se/nav_contact.gif);
	width:125px;
	}
ul#navigation li a:hover,
ul#navigation li.current a,
ul#navigation li.current a:hover{
	background-position:0 -36px !important;
	}

/*
FI NAVIGATION */

#fi ul#navigation li.start a {
	background:url(../img/navigation/fi/nav_start.gif);
	width:131px;
	}
#fi ul#navigation li.about a {
	background:url(../img/navigation/fi/nav_about.gif);
	width:101px;
	}
#fi ul#navigation li.news a {
	display:none;
	}
#fi ul#navigation li.contest a {
	background:url(../img/navigation/fi/nav_contest.gif);
	width:111px;
	}
#fi ul#navigation li.recipe a {
	background:url(../img/navigation/fi/nav_recipe.gif);
	width:119px;
	}
#fi ul#navigation li.margarine a {
	display:none;
	}
#fi ul#navigation li.contact a {
	background:url(../img/navigation/fi/nav_contact.gif);
	width:159px;
	}

/*	Footer
---------------------------------------------*/
ul#footer {
	border-top:1px solid #c6e2f2;
	margin:0 auto;
	padding-bottom:28px;
	width:800px;
	}
ul#footer li {
	border-right:1px solid #c6e2f2;
	float:right;
	font-weight:700;
	padding:2px 11px;
	}
ul#footer li.last {
	border-right:none;
	}

/*	Container
---------------------------------------------*/
#container {
	width:812px;
	margin:0 auto;
	}

/*	Content
---------------------------------------------*/
#content {
	padding-bottom:20px;
	}

/*	Sidebar
---------------------------------------------*/
.sidebar {
	width:206px;
	float:left;
	padding-bottom:20px;
	}
.sidebar h2 {
	width:187px;
	height:24px;
	background:url(../img/backgrounds/subnav_header_bg.png) no-repeat;
	color:#fff;
	font-size:1.6em;
	padding:19px 0 0 20px;
        margin-bottom:0;
	}
.sidebar #holder {
	background:url(../img/backgrounds/subnav_bg.png);
	width:206px;
	overflow:hidden;
	}
.sidebar #holder ul#subnav {
	background:#eff3fc;
	margin:0 8px;
padding-left:0;
	}
.sidebar #holder ul#subnav li {
	background:url(../img/backgrounds/subnav_border.gif) no-repeat center bottom;
	padding-bottom:2px;
	}
.sidebar #holder ul#subnav li a {
	display:block;
	font-size:1.6em;
	letter-spacing:-0.04em;
	padding:10px 12px;
	}
.sidebar #holder ul#subnav li a.head {
	background:#eff3fc url(../img/icons/subnav_collapsed.gif) no-repeat 166px center;
	}
.sidebar #holder ul#subnav li a.selected {
	background-image:url(../img/icons/subnav_expanded.gif);
	}

.sidebar #holder ul#subnav li li {
	border-bottom:1px solid #ebf1fc;
	font-size:.75em;
	background:#eff3fc;
	}
.sidebar #holder ul#subnav li li a {
	padding:2px 0 2px 25px;
	background:#eff3fc;
	}
.sidebar #holder ul#subnav li li a.current {
	background:#d5ddf0;
	font-weight:700;
	}
.sidebar .bottom {
	display:block;
	width:206px;
	height:36px;
	margin-top:-2px;
	background:url(../img/backgrounds/subnav_bottom_bg.png) no-repeat;
	}

/*	Sidebar = Promos
---------------------------------------------*/
.sidebar #promos {
	border-top:2px solid #c4eaf9;
	margin:0 8px;
	}
.sidebar #promos .promo {
	border-bottom:2px solid #c4eaf9;
	padding-bottom:3px;
	text-align:right;
	width:190px;
	}
.sidebar #promos .promo a {
	display:block;
	}
.sidebar #promos .promo a span {
	padding-right:16px;
	margin-right:11px;
	font-size:1.4em;
	letter-spacing:-0.04em;
	display:block;
	background:url(../img/icons/promo_arrow.gif) no-repeat right center;		
	}
.sidebar #promos .promo a:hover {
	text-decoration:none;		
	}

/*	Content
---------------------------------------------*/
#content {
	float:left;
	font-size:1.3em;
	color:#666;
	}
#content .alignleft {
	float:left;
	margin-left:15px;
	}
#content .alignRight {
	float:right;
	margin-left:15px;
	}
#content p.center {
	text-align:center;
	}
#content h2 {
	font-size:1.85em;
	line-height:1em;
	color:#09c;
	margin-bottom:2px;
	}
#content h3 {
	font-size:1.23em;
	color:#46c1f3;
	margin-bottom:1px;
	}
#content p {
	font-size:0.92em;
	line-height:1.5em;
	padding-bottom:1.5em;
	}
#content p span.date {
	font-size:1.17em;
	color:#3cf;
	}
#content p.ingress {
	font-size:1.2em;
	line-height:1.1em;
	color:#46c1f3;
	}

/*	Article
---------------------------------------------*/
.article {
	width:528px;
	background:url(../img/backgrounds/article_top_bg.png) no-repeat;
	padding:36px 35px 0;
	margin:7px 0 0 3px;
	}
.article h2 {
	padding-bottom:24px;
	}
.article .address {
	padding-top:19px;
	}
.article ul {
	margin-bottom:1.1em;
	}

/*	News
---------------------------------------------*/
.post {
	border-bottom:1px solid #81c1e2;
	padding:0 0 15px;
	margin-bottom:13px;
	}
.post img {
	float:right;
	margin-left:20px;
	}

/*	Content wide
---------------------------------------------*/
#content-wide {
	padding:6px 0 4px 6px;
	}
#content-wide .promos {
	margin:4px 0 8px;
	}
#content-wide .promo {
	float:left;
	width:221px;
	border-right:2px solid #d8d8d9;
	padding:15px 22px;
	position:relative;
	height:197px;
	}
#content-wide .last {
	border-right:0;
	padding-right:0 !important;
	}
#content-wide .promo h2 {
	font-size:1.8em;
	color:#64c9f2;
	font-weight:400;
	padding:9px 0 8px;
	}
#content-wide .promo p {
	font-size:1.2em;
	line-height:1.2em;
	color:#666;
	padding:0 0 20px;
	}
#content-wide .promo a.readmore {
	position:absolute;
	bottom:0;
	right:23px;
	font-size:1.2em;
	background:url(../img/icons/promo_arrow.gif) right center no-repeat;
	padding-right:24px;
	}
#content-wide .promo ul {
	background:url(../img/upload/promo_start_3.jpg) no-repeat;
	text-align:right;
	line-height:2.7em;
	}
#content-wide .promo ul li a {
	font-size:1.3em;
	background:url(../img/icons/promo_arrow.gif) right 3px no-repeat;
	padding-right:20px;
	}
.product_holder {
	/* display:none; */
	height:180px;
	margin-bottom:12px;
	margin-left:-41px;
	margin-top:-43px;
	position:relative;
	}
.top_holder {
	/* display:none; */
	height:234px;
	margin-bottom:12px;
	margin-left:-46px;
	margin-top:-53px;
	position:relative;
	}
.bot_holder {
	/* display:none; */
	height:265px;
	margin-bottom:12px;
	margin-left:-36px;
	margin-top:20px;
	position:relative;
	}
.song {
	width: 474px;
	height: 42px;
	margin-left:-5px;
	margin-top:34px;
	margin-bottom:0;
	font-family:Arial,sans-serif;
	padding-left:58px;
	padding-top:23px;
	background:url(../img/backgrounds/song_bg.png) no-repeat;
}
.song i {
	margin-top:6px;
	font-size:13px;
	color:#ff9900;
	font-weight:bold;
}
.song b {
	margin-left:10px;
	font-size:24px;
	color:#4badd5;
	font-weight:normal;
	text-decoration:none;
}
a.song_link {
	text-decoration:none;
}
.facebook {
	width: 474px;
	height: 42px;
	margin-left:-5px;
	margin-top:9px;
	margin-bottom:48px;
	font-family:Arial,sans-serif;
	padding-left:58px;
	padding-top: 23px;
	background:url(../img/backgrounds/facebook_bg.png) no-repeat;
}
.facebook i {
	margin-top:6px;
	font-size:13px;
	color:#ff9900;
	font-weight:bold;
}
.platform_dialog_joey_page .platform_dialog_content,
.platform_dialog_joey_page .platform_dialog_bottom_bar_border_lr,
.platform_dialog_joey_page .confirmation_stripes {
	border:0px #FFF solid;
}
.platform_dialog .platform_dialog_bottom_bar_border_tb {
	border:0px #FFF solid;
}
.platform_dialog_joey_page .platform_dialog_bottom_bar_border_tb {
	border:0px #FFF solid;
}
.product ol{
	padding-left:24px;
	margin-bottom:0.83em;
	}
.product dl{
	margin-bottom:0.83em;
	}
.product dl dt{
	font-weight:700;
	}
.product .tips{
	font-style:italic;
	}
.product_holder img {
	position:absolute;
	}
#content .ingredientsSummary h3 {
	font-size:0.83em;
	color:#3cf;
	}
#content .ingredientsSummary p {
	font-size:0.83em;
	color:#666;
	}
#content p.small {
	font-size:0.83em;
	color:#666;
	}

/*	recipes
---------------------------------------------*/
#content .recipe_holder {
	float:right;
}
#content .recipe_holder img {
	margin-left:20px;
}

/*	ingredientsTable
---------------------------------------------*/
.ingredientsTable {
	/* float:right; */
	margin-left:20px;
	}
.ingredientsTable .top {
	display:block;
	overflow:hidden;
	}
.ingredientsTable .bottom {
	display:block;
	overflow:hidden;
	}
.ingredientsTable div {
	padding:0 7px;
	}
.ingredientsTable table {
	border-collapse:collapse;
	color:#fff;
	width:100%;
	font-size:0.77em;
	}
.ingredientsTable table caption{
	background:inherit;
	text-align:left;
	padding:8px 8px 2px;
	font-weight:400;
	font-size:1.7em;
	}
.ingredientsTable table thead th {
	text-align:right;
	}
.ingredientsTable table tbody tr td.sub {
	padding-left:20px;
	text-align:left;
	}
.ingredientsTable table thead th.last {
	padding-right:8px;
	}
.ingredientsTable table tr {
	padding:0 7px;
	}
.ingredientsTable table tr td {
	text-align:right;
	}
.ingredientsTable table tbody th,
.ingredientsTable table tr td.value {
	font-size:1.2em;
	text-align:left;
	padding-left:8px;
	}
.ingredientsTable table tr td.last {
	padding-right:8px;
	}
.ingredientsTable .odd td,
.ingredientsTable .odd th {
	background:#b4d169;
	}
.ingredientsTable th {
	font-weight:400 !important;
	}
.ingredientsTable table tfoot td {
	padding:8px 8px 0;
	font-size:1.2em;
	line-height:1em;
	text-align:left;
	}

/*	ingredientsTable =wide
---------------------------------------------*/
.product .wide {
	float:right;
	width:251px;
	}
.product .wide .top {
	width:251px;
	height:9px;
	background:url(../img/backgrounds/ingredients_table_wide_top.gif);
	}
.product .wide .bottom {
	width:251px;
	height:10px;
	background:url(../img/backgrounds/ingredients_table_wide_bottom.gif);
	}
.product .wide div {
	background:url(../img/backgrounds/ingredients_table_wide_bg.gif);
	width:237px;
	padding-bottom:20px;
	}

/*	ingredientsTable =narrow
---------------------------------------------*/
.product .narrow {
	width:206px;
	}
.product .narrow .top {
	width:206px;
	height:9px;
	background:url(../img/backgrounds/ingredients_table_narrow_top.gif);
	}
.product .narrow .bottom {
	width:206px;
	height:10px;
	background:url(../img/backgrounds/ingredients_table_narrow_bottom.gif);
	}
.product .narrow div {
	background:url(../img/backgrounds/ingredients_table_narrow_bg.gif);
	width:192px;
	padding-bottom:20px;
	}
.product {background:none !important;}
.recipebg {background:url(../img/backgrounds/article_top_bg.png) no-repeat !important;}

/*	Popup
---------------------------------------------*/
body#popup {
	background:url(../img/popup/body_bg.png) no-repeat;
	width:565px;
	height:377px;
	margin:0 0  0 49px;
	position:relative;
	}
body#popup .hide {
	display:none
	}
body#popup h2 {
	font:2.4em Arial, Arial, Helvetica, sans-serif;
	color:#0088c6;
	margin-top:40px;
	font-weight:400;
	margin-bottom:21px;
	}
body#popup legend {
	display:none;
	}
body#popup dt label {
	font:1.6em Arial, Arial, Helvetica, sans-serif;
	color:#46c1f3;
	}
body#popup dl {
	width:400px;
	}
body#popup dt {
	float:left;
	width:74px;
	margin-bottom:10px;
	}
body#popup dd {
	float:left;
	width:310px;
	margin-bottom:10px;
	}
body#popup dd input#name,
body#popup dd input#osoite,
body#popup dd input#puh {
	width:240px;
	border-top:1px solid #7e7e7e;
	border-right:1px solid #c3c3c3;
	border-left:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	color:#666;
	}
body#popup dd p {
	color:#666;
	font-size:1.1em;
	margin-top:4px;
	margin-bottom:6px;
	}
body#popup dd textarea {
	width:308px;
	height:65px;
	border-top:1px solid #7e7e7e;
	border-right:1px solid #c3c3c3;
	border-left:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	font:1.4em Arial, Arial, Helvetica, sans-serif;
	color:#666;
	}
body#popup dd label.checkbox {
	color:#666;
	font-size:1.1em;
	margin-top:0;
	}
body#popup dd label.checkbox input {
	vertical-align:bottom;
	}
body#popup #submit {
	position:absolute;
	top:250px;
	left:420px;
	}

.definitionlist {margin-bottom:1em;}
.definitionlist dt {
	font-size:0.92em;
	font-weight:700;
	line-height:1.5em;
	padding-bottom:.5em;
	}
.definitionlist dd {
	font-size:0.92em;
	line-height:1.5em;
	padding-bottom:.5em;
	}

.whentouse {
	border-collapse:collapse;
	font-size:0.92em;
	margin-bottom:1em;
	}
	.whentouse thead th{
		text-align:left;
		font-weight:700;
		}
		.whentouse tr td {
			padding:0.2em 1em 0.2em 0;
			width:50%;
			}
		.whentouse tr.odd td {
			background:#e6f2f6;
			}



.blueTable {
	background:#43aee8;
	border-collapse:collapse;
	width:100%;
	color:#fff;
	}
.blueTable caption {
	background:#43aee8;
	font-size:24px;
	text-align:left;
	font-weight:400;
	padding:13px 10px 17px;

	}
.blueTable th {
	font-size:16px;
	text-align:left;
	padding:0 10px 2px;
	}
.blueTable td {
	font-size:15px;
	text-align:left;
	padding:6px 10px 4px;
	}
.blueTable .alt td {
	background:#5ebaeb;
	}

#puffs {
	display: block;
	width: 805px;
	margin: 15px auto;
	padding: 0 9px;
}

	#puffs .left {
		float: left;
		width: 397px;
		height: 165px;
	}
	
	#puffs .right {
		float: right;
		width: 397px;
		height: 165px;
	}
	
	#puffs .right a, #puffs .left a {
		display: block;
		width: 397px;
		height: 165px;
	}
	
		#puffs .right a span, #puffs .left a span { display: none; }
	
	#small_puff_competition a { background: url('../img/bildtavling/puff/competition.png'); }
	#small_puff_competition a:hover { background: url('../img/bildtavling/puff/competition_hover.png'); }
	
	#small_puff_frontpage a { background: url('../img/bildtavling/puff/frontpage.png'); }
	#small_puff_frontpage a:hover { background: url('../img/bildtavling/puff/frontpage_hover.png'); }
	
	#small_puff_faq a { background: url('../img/bildtavling/puff/faq.png'); }
	#small_puff_faq a:hover { background: url('../img/bildtavling/puff/faq_hover.png'); }
	
	#small_puff_prize a { background: url('../img/bildtavling/puff/puff_110919_vinnare.jpg'); }
	#small_puff_prize a:hover { background: url('../img/bildtavling/puff/puff_110919_vinnare_hover.jpg'); }

	#small_puff_song a { background: url('../img/bildtavling/puff/nyladdanerlat.png'); }
	#small_puff_song a:hover { background: url('../img/bildtavling/puff/nyladdanerlat_hover.png'); }
	
/* fi */
#fi #small_puff_competition a {background:url('../img/fibildtavling/puff/competition.jpg');}
#fi #small_puff_competition a:hover {background-position:0 -165px;}

#fi #small_puff_faq a {background:url('../img/fibildtavling/puff/faq.jpg');}
#fi #small_puff_faq a:hover {background-position:0 -165px; }

#fi #small_puff_frontpage a {background: url('../img/fibildtavling/puff/frontpage.jpg');}
#fi #small_puff_frontpage a:hover {background-position:0 -165px;}


#faq_shadow {
	width: 823px;
	height: 397px;
	background: url('../img/frontpage_shadow.png') no-repeat;
}

#faq_flash {
	width: 784px;
	height: 360px;
	margin: 5px auto;
	padding-top: 18px;
}

#frontpage_shadow {
	width: 823px;
	height: 397px;
	background: url('../img/frontpage_shadow.png') no-repeat;
}

#frontpage_flash {
	width: 785px;
	height: 360px;
	margin: 5px auto;
	padding-top: 18px;
}

#se ul#navigation li.ingredients a {
   background:url(../img/navigation/se/nav_ing.gif);
   width:114px;
   }
#se ul#navigation li.faq a {
   background:url(../img/navigation/se/nav_faq.gif);
   width:123px;
   }