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
{
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
}

:focus
{
	outline:0;
}

body
{
	line-height:1;
	color:#000;
	background:#FFF;
}

ol,ul
{
	list-style:none;
}

table
{
	border-collapse:separate;
	border-spacing:0;
}

caption,th,td
{
	text-align:left;
	font-weight:400;
}

blockquote:before,blockquote:after,q:before,q:after
{
	content:"";
}

blockquote,q
{
	quotes:"" "";
}

.float-left
{
	float:left;
}

.float-right
{
	float:right;
}

.text-left
{
	text-align:left;
}

.text-right
{
	text-align:right;
}

.text-center
{
	text-align:center;
}

.text-justify
{
	text-align:justify;
}

.bold
{
	font-weight:700;
}

.italic
{
	font-style:italic;
}

.underline
{
	border-bottom:1px solid;
}

.highlight
{
	background:#ffc;
}

.caps
{
	text-transform:uppercase;
}

.smallcaps
{
	font-variant:small-caps;
}

.clear
{
	clear:both;
}

.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.wrapper
{
	width:900px;
	position:relative;
	margin:0 auto;
}

.sidebar
{
	width:200px;
	float:left;
	margin-top:100px;
}

.sidebar ul
{
	margin:10px 0 20px 5px;
}

.sidebar li
{
	margin:3px 0;
}

.sidebar ul li ul
{
	margin:0 0 10px 5px;
}

.main-content
{
	position:relative;
	width:699px;
	float:right;
	min-height:460px;
	margin-top:30px;
}

.page-container
{
	overflow:hidden;
	position:relative;
}

.image-column
{
	float:left;
	width:200px;
	height:400px;
	overflow:hidden;
	margin:20px 20px 0 0;
}

.intro-text
{
	float:left;
	width:410px;
	margin:20px 0 10px;
}

.intro-text p a, .intro-text li a {
	text-decoration: underline;
	/*font-weight: bold;*/
}

.intro-text ul {
	margin-left: 0px;
	padding-left: 0px;
}

.details
{
	float:left;
	width:195px;
	margin:20px 25px 0 0;
}

.details,.last p {
	margin-bottom: 15px;
}



.products
{
	float:left;
	width:100%;
	margin:30px 0 0;
}

.products li.gallery
{
	float:left;
	width:69px;
	height:80px;
	margin:0 0 0 0;
}

.products li
{
	float:left;
	width:70px;
	height:140px;
	margin:0 55px 0 0;
}

.products li a
{
	display:block;
	text-align:center;
}

.products img
{
	border-bottom:3px solid #fff;
}

.product .details
{
	margin-top:0;
}

.producer .intro-text
{
	width:450px;
	float:none;
	margin:20px 0 10px;
}

.recipe .image-column
{
	width:250px;
	margin-right:0;
	padding-right:20px;
	position:relative;
}

.recipe .details
{
	margin:20px 20px 0 0;
}

.recipe .image-column ul
{
/*	margin-top:10px; */
	border-top:1px solid #b9babb;
	border-bottom:1px solid #b9babb;
	padding:5px 0;
}

.recipe .details li
{
	background:url("../../images/v2/icon_list_bullet.png") no-repeat 0 6px;
	padding-left:13px;
}

.recipe a.button
{
	position:static;
	margin:2px 20px 0 0;
}

.subscribe
{
	display:block;
	text-indent:-10000px;
	background:url("../../images/v2/icon_subscribe.png") no-repeat;
	width:106px;
	height:108px;
}

.puff-subscribe
{
	position:absolute;
	right:0;
	bottom:60px;
}

.monthly-cheese .intro-text
{
	width:315px;
}

a.next-monthly-cheese
{
	float:right;
	margin:20px 0 0;
}

.browse-recipes
{
	position:static;
}

.recipe-container
{
	width:226px;
	overflow:hidden;
	float:left;
	background:url("../../images/v2/border_dotted.png") repeat-x left bottom;
	padding-bottom:5px;
	margin:10px 10px 0 0;
}

.image-col
{
	position:relative;
	float:left;
	width:80px;
	height:100px;
	padding:0 5px 0 0;
}

.text-col
{
	position:relative;
	float:left;
	width:100px;
	height:100px;
}

.image-col img
{
	position:absolute;
	left:0;
	bottom:5px;
}

.text-col p
{
	position:absolute;
	left:0;
	/*bottom:-5px;*/
	bottom: 2px;
}

.about .details
{
	margin-top:20px;
	width:174px;
}

.about .description-text
{
	width:300px;
}

.attachments
{
	margin-top:20px;
}

.attachments ol
{
	overflow:hidden;
}

.attachments li
{
	float:left;
	margin-top:0;
	/*margin-right:20px;*/
	height:170px;
	width: 160px;
	margin-bottom: 20px
}

.attachments img
{
	display:block;
	margin-bottom:2px;
}

.attachment-picture
{
	margin-bottom:5px;
	display:block;
}

.attachments .arrow-link
{
	display:block;
	margin:10px 0 0;
}

.news .intro-text
{
	width:400px;
	margin:20px 25px 0 0;
}

.news .more-news
{
	float:left;
	width:400px;
	margin:20px 0 0;
}

.recipe-categories
{
	margin:5px 0 0;
}

.recipe-categories li
{
	display:inline;
	padding-right:7px;
}

.recipe-categories li.last
{
	padding-right:0;
}

.searchresults
{
	margin-top:20px;
	overflow:hidden;
}

.searchresults li
{
	float:left;
	width:218px;
	height:40px;
	position:relative;
	margin:0 20px 0 0;
}

.searchresults li a
{
	display:block;
	width:100%;
	height:100%;
}

.searchresults img
{
	border-right:1px dotted #d86271;
	padding:6px 6px 5px 0;
}

.searchresults span
{
	display:block;
	position:absolute;
	top:30%;
	left:42px;
	line-height:11px;
	cursor:pointer;
}

.pageing
{
	clear:both;
	overflow:hidden;
	margin-top:20px;
	width:100%;
}

.pageing li
{
	float:left;
	margin-right:10px;
}

.monthly,.weekly
{
	margin-bottom:5px;
}

.weekly li
{
	margin-right:17px;
}

.monthly li
{
	margin-right:21px;
}

.puff
{
	float:right;
	background:url("../../images/v2/puff_bg_top.gif") no-repeat;
	width:110px;
	position:relative;
	text-align:center;
	margin:15px 0 40px;
	padding:10px 45px 10px 20px;
}

.puff span
{
	position:absolute;
	left:0;
	bottom:-35px;
	display:block;
	background:url("../../images/v2/puff_bg_bottom.gif") no-repeat;
	width:175px;
	height:35px;
}

.puff strong
{
	display:block;
}

.hr
{
	height:32px;
	background:url("../../images/v2/bg_footer.gif") no-repeat;
	clear:both;
	text-indent:-10000px;
}

.footer
{
	height:25px;
	text-align:center;
}

.footer ul li
{
	display:inline;
	padding:0 15px;
}

.sidebar ul li ul li,.products .no-margin
{
	margin:0;
}

.last,.recipe .last,.recipe a.last,.browse-recipes .no-margin,.attachments .no-margin,.searchresults .no-margin,.pageing li.last
{
	margin-right:0;
}

/* Mods by HAVESP for HTML */

.recipe .image-column img {
	margin-bottom: 10px;
}

p.recipe-preface{
	font-size: 16px;
	font-weight: 400;
	padding-top: 5px;
	color: #9C9D9F;
}

.weekly li.w {
	width: 35px;
	text-align: center;
	margin: 0 8px;
}
#nextweek {
	margin-left: 17px;
}
.weekly li.active {
	width: 45px;
	margin: 0 3px;
}
#nextweek, #previousweek {
	cursor: pointer;
}

.printpage
{
	width: 700px;
}

.updateok
{
	color: green;
	margin-top: 15px;
	margin-bottom: -10px;
}

.updateerr
{
	color: #d61a29;
	margin-top: 15px;
	margin-bottom: -10px;
}

.account_nav
{
	margin-top: 15px;
}

.checkbox input
{
	position: relative;
	top: 2px;
	left: 25px;
}

.submit
{
	margin-top: 5px;
}

.loginformlabel
{
	width: 150px;
}

.loginforminput
{
	width: 200px;
}

.searchFormBox
{
	margin-top: 15px;
}

.searchresults dl dt a
{
	text-decoration: underline;
}

.search-form
{
	width:200px;
	height:40px;
	float:right;
	position:relative;
}

#searchword
{
	width:153px;
	height:20px;
	background:url("../../images/v2/bg_searchbox.gif") repeat-x;
	border:none;
	font-size:10px;
	position:absolute;
	top:0;
	right:14px;
	color:#999;
	padding:3px 0 0 7px;
}

#search
{
	width:21px;
	height:20px;
	background:url("../../images/v2/bg_searchbutton.gif") no-repeat;
	border:none;
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
}

/* [Typography]
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 [Color codes]

 Text:	 		#333333 (Dark grey)
 
 Header h1:		#------ (Logotype)
 Header h2:		#999999 (Light grey)
 Header h3:		#333333 (Dark grey)
 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body
{
	font:62.5%/1.4em Arial,Helvetica,sans-serif;
	color:#333;
}

h2
{
	clear:both;
	font-size:18px;
	font-weight:400;
	line-height:18px;
	padding-bottom:5px;
	border-bottom:1px solid #cc071e;
	color:#9C9D9F;
	padding-top:20px;
}

h2 span
{
	color:#d61a29;
	font-size:32px;
	margin-left:5px;
}

h3
{
	color:#333;
	font-weight:700;
	font-size:14px;
	line-height:14px;
	text-transform:none;
}

strong
{
	font-weight:700;
	color:#333;
}

em
{
	font-style:italic;
	font-weight:400;
}

a
{
	text-decoration:none;
	color:#333;
}

a:hover
{
	text-decoration:none;
	color:#c00f2b;
}

.logotype
{
	display:block;
	width:300px;
	height:70px;
	background:url("../../images/v2/logotype.gif") no-repeat left top;
	text-indent:-10000px;
	position:absolute;
	left:0;
	top:10px;
}

.main-content
{
	font-size:11px;
}

a.button
{
	display:block;
	text-indent:-10000px;
	position:absolute;
	right:0;
}

a.home
{
	width:54px;
	height:24px;
	background:url("../../images/v2/btn_home.gif") no-repeat;
	top:33px;
}

a.close
{
	width:53px;
	height:24px;
	background:url("../../images/v2/btn_close.gif") no-repeat left top;
	top:33px;
}

a.back
{
	width:66px;
	height:24px;
	background:url("../../images/v2/btn_back.gif") no-repeat left top;
	top:33px;
	right:70px;
}

a.print
{
	width:60px;
	height:19px;
	background:url("../../images/v2/icon_print.png") no-repeat left top;
	top:20px;
}

a.print2
{
	width:60px;
	height:19px;
	background:url("../../images/v2/icon_print2.png") no-repeat left top;
	top:20px;
}

a.download
{
	width: 63px;
	height: 19px;
	background:url("../../images/v2/icon_download.png") no-repeat;
	top: 47px;
}

a.facebook
{
	width: 69px;
	height: 20px;
	background:url("../../images/v2/fblogo_grey.png") no-repeat right center;
	top: 74px;
	font-size: 10px;
    font-weight: bold;
    text-indent: inherit;
	color: #999;
}

a.facebook:hover
{
	background:url("../../images/v2/fblogo_blue.png") no-repeat right center;
	color: #D61A29;
}



a.share
{
	width:63px;
	height:19px;
	background:url("../../images/v2/icon_share.png") no-repeat;
	top:70px;
}

a.download2
{
	width:63px;
	height:19px;
	background:url("../../images/v2/icon_download2.png") no-repeat;
	top:47px;
}

a.mail
{
	width:85px;
	height:19px;
	background:url("../../images/v2/icon_mail.png") no-repeat;
	top:110px;
}

a.arrow-link
{
	background:url("../../images/v2/icon_link.gif") no-repeat 0 3px;
	padding-left:7px;
}

.more-news a.arrow-link
{
	background:url("../../images/v2/icon_arrows.gif") no-repeat 0 50%;
	padding-left:7px;
	color:#95959e;
}

.more-news a.arrow-link:hover
{
	background:url("../../images/v2/icon_arrows.gif") no-repeat left bottom;
	color:#c00f2b;
}

.more-news a.active
{
	color:#c00f2b;
	background:url("../../images/v2/icon_arrows.gif") no-repeat left bottom;
}

.sidebar ul a
{
	font-size:11px;
	font-weight:700;
}

.sidebar ul li ul a
{
	color:#9C9D9F;
	font-size:10px;
	font-weight:400;
}

a.next-monthly-cheese
{
	color:#9C9D9F;
	font-size:14px;
	font-weight:700;
}

.about a
{
	text-decoration:underline;
}

.attachments a
{
	color:#9C9D9F;
	text-decoration:none;
}

.attachments h3
{
	margin-bottom:20px;
}

a.order-attachment
{
	display:block;
	height:19px;
	line-height:19px;
	background:url("../../images/v2/icon_download3.png") no-repeat left top;
	padding-left:24px;
}

a.download-attachment
{
	display:block;
	height:19px;
	line-height:19px;
	background:url("../../images/v2/icon_order.png") no-repeat left top;
	padding-left:24px;
}

.pageing
{
	text-transform:uppercase;
	font-size:36px;
}

.pageing ol,.pageing ul
{
	font-family:"Times New Roman", Georgia, Times, serif;
}

.pageing li
{
	height:58px;
	line-height:58px;
}

.pageing li.active a
{
	color:#c00f2b;
	font-size:46px;
	vertical-align:sup;
}

.pageing h3
{
	color:#c00f2b;
	font-size:16px;
	line-height:16px;
	margin:0;
}

.weekly h3
{
	margin:0 0 0 26px;
}

.monthly
{
	font-size:28px;
	font-family:"Times New Roman", Georgia, Times, serif;
}

.monthly li
{
	height:42px;
	line-height:42px;
}

.monthly li.active a
{
	color:#c00f2b;
	font-size:36px;
	vertical-align:sup;
}

.recipe-categories a
{
	color:#9C9D9F;
	font-weight:700;
}

.puff p
{
	text-align:left;
}

.footer a
{
	font-size:12px;
	line-height:12px;
}

p,.news .more-news h3
{
	margin-bottom:10px;
}

a.logotype:hover,a.button:hover,a.print:hover,a.download:hover,a.mail:hover,a.order-attachment:hover,a.download-attachment:hover
{
	background-position:left bottom;
}

a.button.facebook:hover{
	background-position:right center;
}

.sidebar a.active,.sidebar ul li ul a:hover
{
	color:#d61a29;
}

.details,.producer a.arrow-link,.browse-recipes .text-col a,.puff strong
{
	color:#9C9D9F;
}

.description-text,.recipe .last
{
	color:#333;
}

a.active,.producer a.arrow-link:hover,a.next-monthly-cheese:hover,.attachments a:hover,.recipe-categories a.active,.recipe-categories a:hover,.footer a.active
{
	color:#c00f2b;
}

.pageing li a,.monthly li a
{
	vertical-align:sub;
}

.disabled {
	color: #9C9E9C;
}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
	.sidebar ul a {
		font-size: 15px;
		font-weight: 700;
	}

	.sidebar li {
		margin-bottom: 10px;
	}

	.sidebar ul li ul li {
		margin-bottom: 5px;
	}

	.sidebar ul li ul a {
		color: #9C9D9F;
		font-size: 14px;
		font-weight: 400;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */

	.sidebar ul a {
		font-size: 15px;
		font-weight: 700;
	}

	.sidebar ul li {
		margin-bottom: 10px;
	}

	.sidebar ul li ul li {
		margin-bottom: 5px;
	}

	.sidebar ul li ul a {
		color: #9C9D9F;
		font-size: 14px;
		font-weight: 400;
	}
}


.facebook-logo {
    background-image: url("http://webfiles.tine.no/Ostecompagniet.no/images/v2/facebook-knapp.png");
    background-repeat: no-repeat;
    padding-left: 60px;
	padding-top: 15px;
	display: block;
	height: 50px;
}

.campaign {
	margin-top: 80px;
}

.campagin-header {
	color: black;
	border: none;
	font-size: 36px;
	margin-bottom: 15px;
}

.campaign-text, .campaign-text p {
	font-size: 16px;
}

.campaign-list {
	clear: both;
	height: 100px;
}

.campaign-list-item {
	float: left;
	margin-right: 75px;
}

.searchresults-es {
	
}

.searchresults-es div {
	clear: both;
	margin-bottom: 20px;
}

.searchresults-es img {
	float: left;
	border: none;
	padding: 0px;
	width: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.searchresults-es h2 { 
	clear: none;
	border: none;
	padding-top: 0px;
}