/*
		Cookipedia
		Styles: General

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

html { font-size: 100%; }
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Tahoma, Sans-Serif;
	font-size: 80%;
	line-height: 1.2em;
	color: #333;
	text-align: center;
	background: #fff;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Clearing floats
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

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

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Accessibility & SEO
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.accessibility {
	position: absolute;
	top: -999em;
	left: -999em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Elements
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

table, td, form, input, textarea, select {
	font-family: Arial, Verdana, Tahoma, Sans-Serif;
	font-size: 100%;
	color: #000;
}
table, img, form, input, textarea, select {
	margin: 0;
}
img {
	display: block;
	border: 0;
}
	img.left{			
		float: left;
		margin-right: 10px;
	}
	img.right{			
		float: right;
		margin-left: 10px;
	}
	img.noticeTopImage{
		float: right;
		}

ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
	list-style-type: square;
}
ul.list{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.list li{
	background: url(http://www.arla.dk/css/gfx/icons/linkArrowSmallGreen.gif) no-repeat 0 4px;
	padding-left: 8px;
	margin: 6px 0;
}
ul.list li a{
	}
div.box ul.list li{
	background: url(http://www.arla.dk/css/gfx/icons/linkArrowSmallGreen.gif) no-repeat 0 4px;
	padding-left: 8px;
	margin-bottom: 0;
}
div.box ul.list li.liHr{background-image: none;}

dl {
	position: relative;
	margin: 15px 0 15px 15px;
	}
	dl dt {
		margin: 0;
		font-weight: bold;
	}
	dl dt a,
	dl dt a:hover{font-weight: bold;}
	dl dd {
		margin: 0 0 15px 0;
	}
	dl.list dd{
		background: url(http://www.arla.dk/css/gfx/icons/linkArrowSmallGreen.gif) no-repeat 0 6px;
		padding-left: 8px;
		color: #333;
	}

table {
	margin: 0;
	padding: 0;
	border: 0;
	}
	table td {
		padding: 2px 0 2px 0;
		vertical-align: top;
	}
.hr hr{display: none;}
.hr{background: url(gfx/bg-hr.png) repeat-x; height: 1px; margin: 10px 0;}
	.printArea .hr,
	div.box ul.list .hr{margin-left: -15px;}
.frontpage .hr{margin: 5px 0}
#related .hr
{margin-bottom: 15px;}
.clear{clear: both;}
.left{width: 50%; float: left;}
.right{float: left;}
.odd{background: #ededed;}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Typography
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

h1 {
	margin: 15px 0 1px 15px;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3em;
	color: #666;
}
	.printArea h1{margin: 20px 0 10px 0; }
	#addCommentPopup h1{margin: 0 0 10px 0;}
	#content #searchResult div.box h1{margin: 5px 0 2px 0;}
	#indexPage h1{font-size: 3.6em; float: left; width: 1.0em;}
	.popup h1{color: #333;}
h2 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.3;
	font-weight: bold;
	color: #333;
}
	.entryItem h2{margin-top: 20px;}
	.box h2{color: #666; margin-left: 0;}
	.box h4{margin-left: 0;}
	#content div.box h2{margin: 0 0 14px 0;}
	#content #searchResult div.box h2{margin: 5px 0 2px 0;}
	h2.commentHeading{margin-top: 30px;}
	h2.commentHeading span{text-transform: lowercase;}
	.printArea h2{color: #666; }
	.category h2{white-space: nowrap; overflow: hidden;}
h3 {
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: normal;
	color: #333
}
	.userComment h3{font-weight: bold; margin-bottom: 0; margin-top: 10px;}
h4 {
	margin: 0 0 0 15px;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	color: #666;
}
	.terms h4{margin: 0;}
h5 {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: bold;
	color: #333;
}
p {
	margin: 0 0 10px 0;
	padding: 0;
	}
	p.date {
		margin: 15px 0 15px 0;
		color: #999;
	}
small {font-size: .85em;}
#alphabetContent .low{color: #666; font-size: 11px;}
.low{color: #666;}
.meta{color: #666; font-size: 0.9em;}
a {
	color: #009114;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	text-decoration: none;
}
a:focus, a:active {
	
}
li.selected a{
	text-decoration: underline;
}
ul.list li a, div.box dd a{color: #333;}
.service a,
div.box ul li a

{
	background: url(http://www.arla.dk/css/gfx/icons/linkArrowSmallGreen.gif) no-repeat 0 4px;
	padding-left: 8px;
	color: #333;
}
div.box ul.list li a{
	background: none;
	padding: 0;
	font-weight: bold;
}

.category h2 a,
#content dl dt a
{
	background: url(http://www.arla.dk/css/gfx/icons/linkArrowSmallGreen.gif) right no-repeat 6px; 
	padding-right: 13px
}
#content dl dt a{font-size: 1.1em}
a.more{white-space: nowrap;}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Forms
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/*//////////////[ Fieldset legend and textbox ]//////////////*/
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
legend {
	display: none;
}
fieldset ol {margin: 0; padding: 0;}	
#addCommentPopup fieldset label,
ol li span,
ol li a{
	line-height: 1.8;
	vertical-align: middle;
	display: -moz-inline-stack; /* A firefox hack to display inline-block */
	display: inline-block;
	clear: none;
	}
fieldset li{
	list-style: none;
	padding: 2px 10px 4px 0px;
	margin: 0;
	}	
fieldset label{ clear: both; line-height: normal; display: block; font-size: 0.9em; margin-left: 2px;}
#addCommentPopup fieldset label{width: 80px;}
#addCommentPopup label.captcha{width: auto; display: inline;}
fieldset .formfield{width: 150px;}/* Width of formfields */
fieldset fieldset{margin: 0;}
fieldset fieldset legend{
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0;
	padding: 10px 0 0 0; 
	color: #000;
	}
fieldset .textarea{height: 40px; width: 180px;}/* Width of textareas */

input.formfield {
	padding-left: 4px;
	padding-top: 2px;
	line-height: 17px;
	height: 17px;
	font-size: 0.9em;
	text-align: left;
	background: url(gfx/bg-formfield.png) no-repeat left;
	border: 0;
	vertical-align: middle;
}
	span.formfieldCorner{
		background: url(gfx/bg-formfield-right.png) no-repeat right;
		padding: 0px 2px 0px 0;
	}
.popup input.formfield{
	padding-left: 4px;
	padding-top: 2px;
	line-height: 19px;
	height: 19px;
	font-size: 1.0em;
	text-align: left;
	border: 1px solid #bfbfbf;
	vertical-align: middle;
	background-image: none;
	background-color: #fff;
	width: 190px;
}
textarea.formarea {
	width: 190px;
	height: 40px;
	border: 1px solid #bfbfbf;
}
	#addCommentForm textarea.formarea{width: 275px;}
input.formcheckbox {
	margin: 0 2px 2px 0;
	vertical-align: middle;
}
input.formradio {
	margin: 4px 0 6px 0;
	vertical-align: middle;
}
select.formselect {
	width: 180px;
	margin: 8px 0 0 0;
	color: #666;
	vertical-align: middle; 
}
	#indexPage select.formselect{
		margin-left: 100px;
		margin-top: 30px;
		float: left;
	}
	#content select.formselect {
		color: #000;
	}
input.formbutton {
	background: url(gfx/bg-button-left.png) no-repeat left;
	padding: 0px 5px;
	color: #fff;
	height: 18px;
	line-height: 16px;
	/*letter-spacing: .1em;*/
	border: 0;
	cursor: pointer;
	width: auto;
	overflow: visible;
	vertical-align: middle;
}
	span.formbuttonCorner{
		background: url(gfx/bg-button-right.png) no-repeat right;
		padding: 0px 3px 3px 0;
		line-height: 1.5;
	}
	li span.formbuttonCorner{
		padding: 0px 3px 0px 0;
	}
a.button, a.button:link, a.button:visited {
	padding: 3px 8px;
	color: #fff;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: .1em;
	text-transform: uppercase;
	text-decoration: none;
	background: #95A3AB;
}

/* SEARCH */
.searchBox{margin-top: 10px;}
fieldset.searchForm { 
	padding: 10px 0px;
	display: block;
	position: relative;
}
	fieldset.searchForm h2{
		color: #666;
		float: left;
		margin: 0 5px 0 0;
		line-height: 1.1;
	}
	fieldset.searchForm h5{
		float: left;
		margin-right: 10px;
	}	
	fieldset.searchForm small{margin-left: 35px; color: #666;}	
	fieldset .searchField, 
	#page fieldset .searchField {
		width: 338px;
		float: left;
		margin-right:5px;
		border:1px solid #d6d6d6;
		line-height:22px;
		margin-top:-3px;
		background:#fff;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
	}
	fieldset.searchForm .submit{
		background: url(gfx/bg-searchfield-green.png) no-repeat;
		border: 0;
		width: 42px;
		height:24px;
		float: left;
		cursor: pointer;
		margin-top: -4px;
		line-height: 24px;
	}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Main containers
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#page {
	width: 847px;
	margin: 0 auto;
	text-align: left;
}
.printArea{
	margin-left: 15px;
}

#top 
{
	margin-top:10px;
	height: 100px;
	position: relative;
	font-size: .85em;
	background:transparent no-repeat url(gfx/bg-header.png) left top;
	}
	#logoArla{
		position: absolute;
		float: right;
		right: 30px;
	}
	#logo {
		position: absolute;
		left: 0;
		width: 220px;
		}
		#logo a {
			display: block;
			width: 220px;
			height: 83px;
		}
		#logo a:focus, #logo a:active { background: none; }
		#logo div.logo-print { display: none; }
		#top h1{
			font-size: 35px;
			color: #fff;
			float: left;
			margin-left: 150px;
			margin-top: 20px;
		}
		#top h2{
			font-size: 14px;
			font-weight: normal;
			color: #fff;
			float: left;
			margin-top: 50px;
			margin-left: 10px;
		}
		
		#servicenav {
			position: absolute;
			right: 2px;
			bottom: 10px;
			text-align: right;
			z-index: 3;
		}
		#servicenav ul {
			margin: 0 15px;
			padding: 0;
			list-style-type: none;
			text-align: right;
		}
		#servicenav ul li {
			display: inline;
			margin: 0 8px;
			padding-left: 8px;
			background: url(gfx/icn-arrow-green.png) no-repeat 0 3px;
		}
		#servicenav ul li a { text-decoration: none; color: #fff; }
		#servicenav ul li a:hover { text-decoration: underline; }

#nav {
	position: relative;
	background: url(gfx/bg-index.jpg) no-repeat right;
	background-color: #ededed;
	margin-bottom: 10px;
	line-height: 1.3;
	
	}
	#nav h2{
		color: #666;
		line-height: 1.0;
		margin-bottom: 9px;
	}
	#nav a.home{
		background: url(http://www.arla.dk/css/gfx/icons/linkArrowSmallGreen.gif) no-repeat 0 3px;
		padding-left: 8px;
		font-size: 0.85em;
		color: #333;
	}
	.navContent{
		padding: 12px 14px 2px 14px;
		height: 6.32em;
	}
	ul.alphabet li,
	ul.alphabetLocal li{
		float: left; 
		margin-right: 10px;
		text-decoration: none;
		width: 12px;
		line-height: normal;
	}
	ul.alphabet,
	ul.alphabetLocal{
		margin: 0 10px 3px 0;
		padding: 0;
		list-style-type: none;
		width: 365px;
		clear: both;
		line-height: normal;
	}
	ul.alphabet li a,
	ul.alphabetLocal li a {
		background-repeat: no-repeat;
		background-position: 0 0;
		margin-right: 5px;
		font-weight: bold;
		color: #333;
		line-height: normal;
	}
	ul.alphabet li.low a{color: #999;}
	ul.alphabetLocal li a{
		margin-right: 0px;
		font-size: 0.9em;
		line-height: 0.9;
		}
	ul.alphabetLocal{
		width: 10px;
		float: left;
		margin-left: 15px;
	}
	ul.alphabetLocal li{
		float: none;
		clear: both;
		}
		
#main{
	margin-top: 20px;
	padding: 0 0 20px 0;
	background: url(gfx/bg-content.png) repeat-y 608px 0;
}
	#content {
		float: left;
		width: 590px;
	}
	#content .content{margin-left: 15px;}
	#related {
		float: right;
		width: 220px;
		padding: 0 0 15px 0;
		margin-top: 0px;
	}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Content elements
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* CATEGORIES */	
#categories{}
	.category{
		width: 186px;
		float: left;
		margin: 14px 15px 0 0;
		position: relative;
	}
	#categories .right{
		margin-right: 0;
		float: right;
	}
	
	.category .categoryImage{
		width: 186px; 
		height: 168px; 
		background-repeat: no-repeat;
		border: 0px solid #fff;
		margin: 0;
		padding: 0;
		position: relative;
		display: block;
		cursor: pointer;
		}
	.category .entryLinks{margin-top: 8px; height: 45px; width: 186px; overflow: hidden;}
	.category .entryLinks a{
		background: url(http://www.arla.dk/css/gfx/icons/linkArrowSmallGreen.gif) no-repeat 0 4px;
		color: #333;
		font-size: 1.0em;
		margin-right: 6px;
		padding-left: 8px;
		display: -moz-inline-block;
		display: inline-block;
		float: left;
		white-space: nowrap;
	}
	#categories .hr{height: 10px; background-position: bottom;}

/* REFERENCE */
.reference{
	margin-bottom: 10px;	
}
.reference a{
	display: block;
	overflow: hidden;
	width: 90px;
}
/* BOX */	
div.box {
	margin: 20px 0;
	padding: 5px 15px 5px 15px;
	font-size: .95em;
	line-height: 1.5em;
	color: #343537;
	background: #ededed;
	position: relative;
}
	#content div.box{margin-bottom: 10px;}
	
	div.box ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	div.box ul li{line-height: normal;}

	div.box dl{margin: 0px 15px 0 0;}
	div.box dt{
		margin: 0;
		color: #666;
		line-height: 0.9;
		font-size: 0.9em;
		font-weight: normal;
		background: url(gfx/bg-hr.png) repeat-x top;
		padding-top: 12px;
	}
	div.box dd{margin-bottom:3px;}
	
	div.box .entrySubmit{margin-top: 33px;}

.cLT, .cLB, .cRT, .cRB, .catcLT, .catcLB, .catcRT, .catcRB{
	position: absolute;
	height: 9px;
	width: 8px;
	z-index: 9999;
	background-color: Transparent;
}
.boxTop{height: 9px; position: absolute; top: -9px; left: 0; right:0; background-color: #ededed; margin: 0 9px;}
.boxBottom{height: 9px; position: absolute; bottom: -9px; left: 0; right: 0; background-color: #ededed; margin: 0 9px;}
.boxcLT, .boxcLB, .boxcRT, .boxcRB{width: 9px; height: 9px; background-color: Transparent;}
.catcLT, .catcLB, .catcRT, .catcRB{width: 19px; height: 19px; background-color: Transparent;}
.cLT, .catcLT, .boxcLT{
	background: Transparent url(gfx/cLT.png) no-repeat;
	left: 0;
	top: 0;
}
.catcLT{background: Transparent url(gfx/cat-cLT.png) no-repeat; margin: 0}
.boxcLT{background: url(gfx/box-cLT.png) no-repeat; margin-left: -9px; float: left;}
.cLB, .catcLB, .boxcLB{
	background: Transparent url(gfx/cLB.png) no-repeat;
	left: 0;
	bottom: 0;
}
.catcLB{background: Transparent url(gfx/cat-cLB.png) no-repeat; margin: 0 0 -1px 0}
.boxcLB{background: Transparent url(gfx/box-cLB.png) no-repeat; margin-left: -9px; float: left;}
.cRT, .catcRT, .boxcRT{
	background: Transparent url(gfx/cRT.png) no-repeat;
	right: 0;
	top: 0;
}
.catcRT{background: Transparent url(gfx/cat-cRT.png) no-repeat; margin-right: -1px;}
.boxcRT{background: Transparent url(gfx/box-cRT.png) no-repeat; margin-right: -9px; float: right;}
.cRB, .catcRB, .boxcRB{
	background: Transparent url(gfx/cRB.png) no-repeat;
	right: 0;
	bottom: 0;
}
.catcRB{background: Transparent url(gfx/cat-cRB.png) no-repeat; margin: 0 -1px -1px 0}
.boxcRB{background: Transparent url(gfx/box-cRB.png) no-repeat; margin-right: -9px; float: right;}


/* ENTRY ITEM */
.movie,
.entry img{float: right; padding-left: 10px;}
.entry{line-height: 1.5}
.entryContent{}
/* SERVICE LINKS */
div.service{margin-top: 10px;}
div.service a{margin-right: 1.5em;}
.userComment div.service{margin-top: 5px;}

/* USERCOMMENT */
div.userComment{ 
	display: none;
	position: relative;
}
	div.userComment div.more{display:none;}
	label.lblComment{
		font-size: 1.2em;
		font-weight: bold;
		margin-top: 10px;
	}
	.terms{
		width: 120px;
		right: 20px;
		top: 60px;
		position: absolute;
		text-align: left;
	}
	.showAllComments{
		display: none;
	}
	.yourComment{
		color: #666;	
	}
	.numberOfCommentsWrapper{display: none;}
/* ADD COMMENT */

/* INDEX PAGE */
#indexPage .column{
	margin:10px 0px 0px 10px; 
	float:left; 
	width:170px;
}

/* SUB ALPHABET */
#alphabetContent{
	height: 470px;
	overflow: auto;
	line-height: normal;
	padding: 0 10px 0 0;
}
	#alphabetContent ul{
		list-style-type: none;
	}
	#alphabetContent ul li.first{
		font-size: 2.4em;
		list-style-type: none;
		padding: 0;
		margin: 0;
		line-height: 1.2
	}	
	#alphabetContent ul li a{
		color: #333;
		background: url(http://www.arla.dk/css/gfx/icons/linkArrowSmallGreen.gif) no-repeat 0 4px;
		padding-left: 8px;
		font-size: 0.95em;
	}
	
/* SEARCH ENTRY NUMBER */
fieldset.searchForm div.entryNumber{
	font-size: 1.1em;
	float: left;
	color: #666;
	font-weight: bold;
	margin-left: 10px;
	line-height: 1.4;
}

/* ADD LINKS */
#addLinks a{
	clear: both; 
	display: block;
	line-height: 2.0;
	color: #333;
}
a.facebook{
	padding:0 0 0 20px; 
	background:url(gfx/icn-facebook.png) no-repeat left; 
}
a.delIcioUs{
	padding: 0 0 0 20px;
	background: url(gfx/icn-delicious.png) no-repeat left;
}
a.diggThis{
	padding: 0 0 0 20px;
	background: url(gfx/icn-digg.png) no-repeat left;
}

/* SEARCHRESULT */
#searchResult #NextPrev a{margin-right: 5px;}
/* POPUP */
.popup{
	position: fixed; 
	display: none;
	z-index: 1001;
	bottom: 20px;
}
.popupContent{
	background-color:#ededed; 
	width: 220px;
	padding: 5px 15px 10px 15px;
	height: auto;
	}
#tellAFriendContent{height: 300px;}
#recommendContent{min-height: 80px;}
#missingEntryContent{min-height: 80px;}
#addCommentContent{width: 500px; height: 300px;}
div.close{
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 0px;
	font-size: .8em;
	color: #009114;
}
.progress{
	text-align: center;
	margin: auto;
	position: absolute;
	z-index: 1009;
	background-color: #fff;
	top: 20%;
	text-align: center;
	width: 180px;
	margin: auto;
	left: 50%;
	margin-left: -95px;
	border: 1px solid #bfbfbf;
}
	.progress img{
		float: none;
		margin: auto;
		margin-top: 5px;
		margin-bottom: 5px;	
	}
	.progress span{
		display: block;
		margin-bottom: 5px;
	}
	.progressOverlay{
		height: 100%;
		width: 100%;
		position: absolute;
		opacity: 0.8;
		-moz-opacity: 0.8;
		filter: alpha(opacity=80);
		top: 0;
		left: 0;
		}
#overlay{
	z-index: 1000; 
	background-color: #fff; 
	height: 100%; 
	width: 100%;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	margin: 0; 
	position: fixed; 
	top: 0;
	left: 0;
	display: none;
}

/* ERROR MESSAGE */
.errorMessage{
	border: 3px red solid;
	padding: 10px;
	display: none;
}
/* PRINT CONTAINER */
.ie6Link{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 25px; 
}
.blockElement{text-align: center;}