/* Done by Jonas Krat, Frankly Web A/S, 2009 - Version 1.0 */
/* Text styles */

body {
	font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
	font-size: 100%;
	line-height: 1.05em;
	color: #333;
	margin: 0;
	padding: 0;
	background: #4b4b4b url('grafik/bg.jpg') repeat-x center top;
}

/* Basic elements */
a:link, a:visited {
	color:#956a25;
	text-decoration: underline;
	margin:0;
}

a:hover, a:active, a.active {
	color:#956a25;
	text-decoration: none;
	margin:0;
}
a.more:before { content: " » " ; }
a.more {
	padding-right: 1em;
	white-space: nowrap;
}

h1 a, h1 a:link, h1 a:visited,
h2 a, h2 a:link, h2 a:visited,
h3 a, h3 a:link, h3 a:visited,
h4 a, h4 a:link, h4 a:visited {
	color:#000;
	text-decoration: underline;
}

h1 a:hover, h1 a:active,
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active,
h4 a:hover, h4 a:active {
	color:#000;
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6,h7 {
	line-height: 1.1em;
	margin: 0;
	padding: 0 0 .5em 0;
	color: #535353;
}
h1 {
	font-size: 2em;
	font-weight: bold;
}
h1.title { line-height: 1em; }
h1 span {
	font-size: .5em;
	font-weight: normal;
}

h2 {
	font-size: 1em;
	font-weight: bold;
}
.front #content-main .content-3colls .item {
	clear:left;
}
.front #content-main h2, #content-main h2 {
	color: #fff;
	background: url('grafik/heading-bg.png') repeat-x 0 0;
	padding: 3px 7px;
	margin-bottom: .9em;
}
.front #content-main h2.header2 { background-position: 0 -70px; }
.front #content-main h2.header3 { background-position: 0 -140px; }
.front #content-main h2.header4 { background-position: 0 -210px; }
.front #content-main h2.header5 { background-position: 0 -280px; }

#content-main h2.header6 { /* Chris RET og SLET selv */
	background-position: 0 -732px;
	color: #535353;
}

h3 {
	font-size: 1em;
	padding-bottom: .15em;
}

h4 { font-size: 1em; }
h4.title { background-color: #e4ded6; }
p,ul,ol,dl {
	padding: 0 0 1.1em 0;
	margin: 0;
}
p.news {
	background: url('grafik/heading-bg.png') repeat-x 0 -480px;
	padding: 2px 10px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: .4em;
	min-width: 38px;
}
#content-main p, #content-main td {
	line-height: 1.4em;
	/* padding-right: 25px; */
	padding-right: 10px;
}
.front #content-main p {
	font-size: .917em;
	line-height: 1.1em;
	padding-right: 0;
}
#content-main p.intro { font-weight: bold; }
p .date {
	display: block;
	padding-bottom: .2em;
}

ul,ol,dd { margin-left: 2.5em; }
li ul,
li ol { margin-left: 1.5em; }
li ol li { list-style-type: lower-alpha; }
li,dt,dd { padding: .2em 0; }
dt { font-weight: bold; }
table {
	border-collapse: collapse;
}
th,td { padding: .2em; }
th {
  font-weight: bold;
  text-align: left;
}
strong { font-weight: bold; }
.cll { clear: left; }
.clb { clear: both; }

/* Layout Elements */
#container {
	margin: 0 auto 2em;
	background: #fff url('grafik/main-bg.png') no-repeat;
	width: 986px;
	min-height: 790px;
}
#branding {
	position: relative;
}
.front #branding { height: 329px; }

#branding-top {
	position: relative;
	height: 63px;
}
#branding-logo {
	position: absolute;
	top: 5px;
	left: 20px;
}
#search {
	position: absolute;
	top: 12px;
	right: 23px;
}
#nav-key {
	text-align: right;
	position: absolute;
	top: 15px;
	right: 210px;
}
#nav-main {
	background: url('grafik/heading-bg.png') repeat-x 0 -330px;
	height: 31px;
	position: relative;
	margin: 0 20px;
}
#nav-main .left, #nav-main .right {
	background: url('grafik/heading-bg.png') repeat-x 0 -430px;
	position: absolute;
	top: 0px;
	width: 10px;
	height: 31px;
}
#nav-main .left { left: 0px; }
#nav-main .right {
	right: 0px;
	background-position: -250px -380px;
}
#nav-feature {
	position: relative;
	margin: 1px 20px;
}
#nav-secondary {
	width: 305px;
	float: left;
	margin-top: -4px;
}
#content { margin: 0 15px; }
.front #content { margin: 0 20px; }
#content-main {
	float: left;
	border-left: 1px solid #cbcaca;
	padding-left: 29px;
	width: 615px;
	margin-bottom: 45px;
	font-size: .75em;
}
.front #content-main {
	padding: 0;
	width: auto;
	border: 0;
	margin-bottom: 15px;
}

#content-main .coll1, #content-main .coll2, #content-main .coll3 { float: left; }

.content-3colls, .content-2colls {
	/* border-bottom: 1px solid #ccc; */
	margin-bottom: 15px;
	padding-bottom: 0;
}
.content-3colls.last, .content-2colls.last { border: 0; }

.content-3colls .coll1 {
	width: 360px;
	margin-right: 16px;
}
.content-3colls .coll2 {
	width: 360px;
	margin-right: 16px;
}
.content-3colls .coll3 { width: 194px; }

.content-2colls .coll1 {
	width: 680px;
	margin-right: 16px;
}
.content-2colls .coll2 { width: 250px; }
#siteinfo {
	background: #ececec url('grafik/sitemap-bg.jpg') no-repeat;
	clear: both;
	font-size: .75em;
}

/* Lists */
ul.menu {
	margin: 0;
	padding: 0;
}
ul.menu li { list-style: none; }

/* Forms */
input {
	font-family: arial,helvetica,tahoma,sans-serif;
	font-size: 1em;
}
select,option { font-size: 1em; }

#content-main p input, #content-main td input { font-size: 1em; }

input.text {
	border: 1px solid #abc0ad;
	color: #696969;
}
input.submit { border: 0; }
form {
	margin: 0;
	padding: 0;
}
form ul {
	margin: 0;
	padding: 0;
}
form ul li {
	list-style: none;
	float: left;
	vertical-align: middle;
}

/* Menus */
.menu a, .menu a:link, .menu a:visited { text-decoration: none; }
#siteinfo .menu a { color: #acacac; }
#siteinfo .menu a:hover, #siteinfo .menu a:active, #siteinfo .menu a:focus {
	text-decoration: underline;
	color: #666;
}

#nav-key li {
	/* display: inline; */
	float:left;
	font-size: 11px;
	margin: 0 12px 0 0;
	text-align:center;
}
#nav-key li a { color: #7fa083; }
#nav-key li a.basket {
	background: url('grafik/icons.gif') no-repeat 0 0;
	padding-left: 25px;
}
#nav-main ul {
	margin-left: 10px;
}
#nav-main li {
	display: inline;
	background: url('grafik/heading-bg.png') no-repeat right -512px;
	float: left;
	margin-left: 14px;
	padding-right: 14px;
	position: relative;
}
#nav-main ul ul li,
#nav-main li.last { background: none; }
#nav-main li a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	display: block;
	float: left;
	padding: 5px 10px;
}
#nav-main ul ul {
	position: absolute;
	top: 30px;
	left: -999em;
	z-index: 99;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); /*CSS3*/
	padding: 0;
}
#nav-main ul li:hover ul, #nav-main ul li.sfhover ul { left: -15px; }

#nav-main ul ul li {
	display: block !important;
	float: none;
	margin: 0;
	padding: 0;
	background-image: none;
}
#nav-main ul ul li a {
	display: block;
	float: none;
	background-color: #1e633e;
	font-size: 11px;
	font-weight: normal;
	padding: 3px 15px;
	white-space: nowrap;
	border-width: 0 1px 0 1px;
	border-color: #1E633E;
	border-style: solid;
}
#nav-main ul ul li.last a {
	-webkit-border-bottom-right-radius: 6px; /*CSS3*/
	-webkit-border-bottom-left-radius: 6px; /*CSS3*/
	-moz-border-radius-bottomright: 6px; /*CSS3*/
	-moz-border-radius-bottomleft: 6px; /*CSS3*/
	border: 1px solid #1e633e;
}
#nav-main ul ul li a:hover,
#nav-main ul ul li a:active,
#nav-main ul ul li a:focus {
	background-color: #38403c;
	border-color: #38403c;
}

#nav-feature ul {
	position: absolute;
	top: 0px;
	left: 752px;
	width: 194px;
}
#nav-feature li {
	margin: 0;
	padding: 0;
	height: 44px;
	overflow: hidden;
	line-height: 1.2em;
}
#nav-feature .menu a {
	display: block;
	color: #4e4d4d;
	background: url('grafik/heading-bg.png') repeat-x 0 -550px;
	border-width: 0 1px 0 1px;
	border-color: #d6d6d6;
	border-style: solid;
	padding: 12px;
	overflow: hidden;
	white-space: nowrap;
	font-size: 12px;
}

#nav-feature .menu a:hover, #nav-feature .menu a:active, #nav-feature .menu a:focus, #nav-feature .menu a.active {
	text-decoration: none;
	background-position: 0 -600px;
	border-color: #b4aa98;
	color: #fff;
	font-weight: bold;
}
.nav-secondary-main {
	background: url('grafik/nav-sub-bg.gif') repeat-y left top;
	margin-bottom: 20px;
	font-size: .75em;
	clear: left;
}
.nav-secondary-main .menu { font-size: 1em; }

.nav-secondary-main .content {
	background: url('grafik/nav-sub-bg-bottom.gif') no-repeat left bottom;
	min-height: 200px;
	padding: 0 39px 20px 15px;
}
.nav-secondary-main h4 {
	padding: 3px 10px 2px 10px;
	font-size: .917em;
}
.nav-secondary-main p {
	padding: 3px 10px 15px 10px;
}
.nav-secondary-main .prodlist {
	padding-top: 10px;
	line-height: .8em;
}
.nav-secondary-main .prodlist p {
	font-size: 1em;
	padding: 0 0 8px 0;
}

.nav-secondary-main-header .header {
	background: url('grafik/nav-sub-bg-top.gif') no-repeat left top;
	height: 44px;
	padding: 0 0 0 9px;
	font-size: .75em;
}
.nav-secondary-main-header .header h3 {
	padding: 17px 0 13px 28px;
	background: url('grafik/nav-sub-header-bg.gif') no-repeat left top;
	float: left;
}
.nav-secondary-main-header .header span {
	background: url('grafik/nav-sub-header-bg.gif') no-repeat -231px 0;
	display: block;
	float: left;
	height: 44px;
	width: 30px;
}

.nav-secondary-main .menu li {
	/* font-size: .75em; */
	padding: 0;
}

.nav-secondary-main .menu li a, .nav-secondary-main .menu a {
	color: #535353;
	background: url('grafik/heading-bg.png') repeat-x right -690px;
	padding: 3px 10px;
	display: block;
	clear: left;
}

#country .menu a {
	color: #535353;
	background: url('grafik/heading-bg.png') repeat-x right -690px;
	padding: 3px 10px;
	display: block;
	clear: left;
}

.langse .nav-secondary-main input.submit {
	background: url('grafik/buttons-se.png') no-repeat 0 -220px important;
}

.nav-secondary-main input.submit {
	background: url('grafik/buttons.png') no-repeat 0 -220px;
	width: 43px;
	height: 20px;
	margin: 2px 0 0 6px;
	text-indent: -999em;
	color: #fff;
}


form {
	margin: 0;
	padding: 0;
}
.nav-secondary-main input.text {
	width: 195px;
	margin-top: 2px;
	height: 17px;
}
.nav-secondary-main .searchfilter { padding: 6px 0 20px 0; }

.nav-sub {
	text-align: right;
	font-size: .917em;
	float: right;
	margin: 0 0 .5em 2em;
	position: relative;
}
.nav-sub a { color: #956a25; }
.nav-sub .direction {
	position: absolute;
	top: -20px;
	right: 0px;
	width:300px;
}


/* Content */
#content-main img { padding-bottom: 1em; }
#content-main .produkt img { padding-bottom: 0; }
#content-main .item img { border: 0; }
#content-main .item {
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
#content-main .item.last {
	border-bottom: 0;
	margin-bottom: 0;
}
#content-main .item .inner { margin-left: 120px; }
#content-main .prodlist .item, #nav-secondary .prodlist .item {
	border: 0;
	float: left;
	padding: 0 5px 5px 0;
}
#nav-secondary .prodlist .item {
	margin-bottom: 0;
}
#content-main .prodlist .item { width: 218px; }
#content-main .prodlist .item .inner, #nav-secondary  .prodlist .item .inner { margin-left: 85px; }
#content-main .prodlist.selection .item {
	border-top: 1px solid #cbcaca;
	margin-right: 35px;
	margin-bottom: 0;
	padding: 15px 0 0 0;
	width: 270px;
}
#content-main .prodlist.selection .item p {
	font-size: .917em;
	padding-right: 0;
}
#content-main .prodlist.selection .item.odd { margin-right: 0; }
#content-main .prodlist.selection .item .inner { margin-left: 125px; }
#content-main .prodlist.selection .item.first { border: 0; }
#content-main .prodlist.listpage .item {
	border-top: 1px solid #cbcaca;
	padding: 15px 0 0 0;
	float: none; /* left */
	width: auto;
	clear: left;
}
#content-main .prodlist.listpage .item img {
	border: 1px solid #f3f3f3;
	padding: 0;
	margin: 0 10px 15px 0;
}
#content-main .prodlist.listpage .item .inner {
	width: 370px;
	float: left;
	margin: 0;
	/*border:1px solid #ddd; */
}
#content-main .prodlist.listpage .pricebox {
	float: left;
	width: 120px;
	text-align: right;
	position: relative;
	font-weight: bold;
	/* border:1px solid #eee; */
}
#content-main .prodlist.listpage .item p {
	padding-right: 0;
	line-height: 1.2em;
	padding-bottom: .8em;
}

.langse #content-main .prodlist.listpage .pricebox a.buy {
	background: url('grafik/buttons-se.png') no-repeat 4px -173px;
}

#content-main .prodlist.listpage .pricebox a.buy {
	display: block;
	background: url('grafik/buttons.png') no-repeat 4px -173px;
	width: 70px;
	height: 33px;
	text-indent: -999em;
	text-align: left;
	position: absolute;
	top: 30px;
	right: 0px;
}



#content .banner { margin-bottom: 10px; }
.produkt { width: 615px; position:relative; margin-bottom:10px;}
.produkt img {
	border: 2px solid #f3f3f3;
	float: left;
}
.produkt table {
	width: 338px;
	margin-left: 273px;
	margin-top: 0;
}
.produkt h3, .produkt p { margin-left: 273px; }

.produkt td {
	vertical-align: middle;
	text-align: left;
	height: 30px;
	padding-left: 5px;
}
.produkt tr.odd td { height: 20px; }
.produkt tr.first td {
	height: 25px;
	vertical-align: top;
}
.produkt p.button {
	/* margin-left: 270px; */
	right:0;
	bottom:0;
	position:absolute;
}
.langse .produkt p.button.buy a {
	background: url('grafik/buttons-se.png') no-repeat 0 -78px;
}

.produkt p.button.buy a {
	display: block;
	background: url('grafik/buttons.png') no-repeat 0 -78px;
	height: 36px;
	width: 115px;
	text-indent: -999em;
}


.ratings div, .description div {
	background: url('grafik/buttons.png') no-repeat 0 -120px;
	height: 16px;
	width: 48px;
	text-align: right;
	padding: 1px 5px 0 0;
	font-weight: bold;
	float: left;
	margin-left: .6em;
}
.ratings strong { float: left; }
.ratings .rp { background-position: 0 -120px; }
.ratings .ws { background-position: 0 -144px; }
.ratings .st { background-position: 0 -534px; }
.ratings .bh { background-position: 0 -554px; }
.ratings .gr { background-position: 0 -574px; }
.ratings .gr.glas2 { width: 53px; }
.ratings .gr.glas3 { width: 70px; }


.selectrating {
	background: url('grafik/buttons.png') no-repeat -30px -574px;
	padding:3px 0px;
}

.selectrating .gr.glas2 {
	 width: 26px;
	 padding-left:26px;
}

.selectrating .gr.glas3 {
	width: 48px;
	padding-left:48px;
}


.description .type.red {
	background-position: 0 -460px;
	width: 16px;
}
.description .type.white {
	background-position: -55px -460px;
	width: 16px;
}
.description .cap {
	background-position: 0 -485px;
	width: 16px;
}
.description .oko {
	background-position: -55px -485px;
	width: 18px;
}

.description.type .cap {
	margin:0;
	padding:1px 0 0 0;
}
.description .oko {
	margin:0;
	padding:1px 0 0 0;
}

.description .volume {
	background-position: 6px -509px;
	color: #FFF;
	width: 61px;
	font-size: 10px;
	font-weight: normal;
	padding: 0 10px 0 0;
}
div.ratings, div.description {
	clear: left;
	height: 25px;
}
div.ratings div, div.description div { margin: 0 .6em 0 0; }

table tr.odd { background-color: #efefef; }
table tr.even { background-color: transparent; }

/* Content extras */

#breadcrumb {
	/* margin: 0 5px 17px 5px; more space neded by explore*/
	margin: 0 5px 22px 5px;
	font-size: .75em;
	border-bottom: 1px solid #cbcaca;
}
#breadcrumb p {
	margin: .8em .8em .7em .8em;
	padding: 0;
}
#breadcrumb a { color: #555; }
#nav-share {
	border: 1px solid #cbcaca;
	/* background: url('grafik/share-bg.jpg'); */
	background-color:#f7f7f7;
	padding: 9px 12px;
	margin-right:5px;
}
#nav-share img {
	margin: 0;
	padding: 0;
}


/* Sitemap */
#nav-sitemap {
	margin: 10px 0 10px 50px;
	font-size: .917em;
}

#siteinfo h2 {
	border-width: 1px 0 1px 0;
	border-color: #CCC;
	border-style: solid;
	background: url('grafik/heading-bg.png') repeat-x 0 -650px;
	padding: 7px 40px;
	color: #929292;
}
#siteinfo .menu {
	width: 105px;
	float: left;
	line-height: 1em;
	color: #acacac;
	margin-right: 25px;
}
#siteinfo .menu .header { font-weight: bold; }
#siteinfo-credits {
	color: #acacac;
	font-size: .917em;
	text-align: center;
	border-top: 1px solid #d6d6d6;
	margin: 10px 20px 0;
	padding: 5px 0;
}
/* Kunde login */
/* Kunde login */
#kundelogin, #nyhedsbrevtilmeld {
    background: url('grafik/erhverv-bg.jpg') no-repeat 0 0;
    margin: 5px 0;
    padding: 10px 15px;
    height: 100px;
    color: #fff;
}
#kundelogin h3, #nyhedsbrevtilmeld h3 {
    margin: 2px 0 7px;
    color: #fff;
}
#kundelogin h3 span, #nyhedsbrevtilmeld h3 span {
    font-weight: normal;
}

#kundelogin input, #nyhedsbrevtilmeld input {
    display: block;
    margin: 0;
}
#kundelogin .text, #nyhedsbrevtilmeld .text {
    color: #b9b9b9;
    width: 155px;
    border: 1px solid #827c6f;
    margin-bottom: 7px;
}

.langse #kundelogin .submit, #nyhedsbrevtilmeld .submit {
    background: url('grafik/buttons-se.png') no-repeat 0 -40px;
}

#kundelogin .submit, #nyhedsbrevtilmeld .submit {
    background: url('grafik/buttons.png') no-repeat 0 -40px;
    width: 56px;
    height: 21px;
    margin: 0 5px 0 6px;
    padding: 3px 15px;
    color: #fff;
    text-indent: -999em;
}
#nyhedsbrevtilmeld .submit { background-position: 0 -609px; }



/* Quick search */
#search .text {
	font-size: 11px;
	width: 116px;
	height: 14px;
	padding: 2px;
}

.langse #search .submit {
	background: url('grafik/buttons-se.png') no-repeat 0 0;
}

#search .submit {
	background: url('grafik/buttons.png') no-repeat 0 0;
	width: 43px;
	height: 20px;
	margin: 2px 0 0 6px;
	text-indent: -999em;
	color: #fff;
}


/* Implementerings styles */
.dontshow {
	display:none;
}

.tab {
	display:none;
}


td.column1 {}
td.column2 {
	padding-right:10px;
}


#branding {z-index:900;}
#nav-feature {z-index:910;}
#nav-main { z-index: 930; }

.form  h4 { padding: 3px 10px 2px 10px; }

#content-main .form p {padding-left:10px;}

td.label {width:150px;}

.form td {
	vertical-align:top;
}

.form img {
	margin:0;
}

.langse .form .button {
	background: url('grafik/buttons-se.png') no-repeat 0 -300px;
}

.form .button {
	background: url('grafik/buttons.png') no-repeat 0 -300px;
	border:0;
	height:28px;
	display:block;
}

.form .button.send {
	background-position: 0 -300px;
	width: 60px;
}

.form .button.login {
	background-position: 0 -420px;
	width: 80px;
}

.form .button.newuser {
	background-position: 0 -380px;
	width: 80px;
}

.form .button.approve {
	background-position: 0 -260px;
	width: 80px;
}


table.account {
	width: 90%;
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 10px 0;
}

table.account td {
	padding:2px 10px;
}
table.account td strong { white-space: nowrap; }


#content-main .foodmatcher td {
	vertical-align:top;
	text-align:center;
	padding:2px 0;
	margin:0;
}

table.foodmatcher {
	width:202px;
	margin: 18px 0px 10px 12px;
	float:right;
}

#content-main .foodmatcher img {
	padding:0;
	margin:0;
}


#content-main .productbox {
	padding-right: 5px;
	padding-bottom: 35px;
}

.langse #content-main .productbox a.buy {
	background: url('grafik/buttons-se.png') no-repeat 0 -78px;
}

#content-main .productbox a.buy {
	display: block;
	background: url('grafik/buttons.png') no-repeat 0 -78px;
	height: 36px;
	width: 115px;
	text-indent: -999em;
	text-align: left;
	float:right;
}

#content-main .productbox a.buybox {
	display: block;
	background: url('grafik/btn-buy-box.png') no-repeat 0 -1px;
	height: 36px;
	width: 135px;
	text-indent: -999em;
	text-align: left;
	float:right;

}

.pimg {
border:1px solid #F3F3F3;
margin:0 10px 15px 0;
padding:0;
}

.hide {
display:none;
}

.contact-form .button.send {
background-position:0 -300px;
width:60px;
}

.contact-form .inputtext {
	width:255px;
	height:24px;
	border:1px solid #c1c1c1;
}

.contact-form .msg {
	width:255px;
	height:157px;
	border:1px solid #999;
}

.langse .contact-form .button {
	background:url("grafik/buttons-se.png") no-repeat scroll 0 -300px transparent;
}

.contact-form .button {
	background:url("grafik/buttons.png") no-repeat scroll 0 -300px transparent;
	border:0 none;
	display:block;
	height:28px;
}


#nav-key li.first {
display:inline;
font-size:11px;
margin:0;
}

.clogo {
margin-left: 275px;
margin-top: 15px;
float: left;
}