html, body {
	margin:0;
	padding:0;
}
html {
	overflow-x: auto;
	overflow-y: scroll;
	height: 100%;
}
body {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	background:#7da6ae url(img/baggrund_repeat.jpg) repeat-x top;
	color:#333;
	height: 100%;
	text-shadow: 0 0 0 #fff; 
}
#wrap {
	position:relative;
	min-height: 100%;
}
#page {
	margin:0 auto 0 auto;
	width:900px;
	padding:0 0 40px 0;
	position:relative;
	background: url(img/HOC_baggrund_uskarp.jpg) no-repeat top;
}
	#page a img {
		border:0;
	}
	
#head {
	height:108px;
}
	#title {
		position:absolute;
		top:0px;
		right:15px;
	}
	#title a {
		display:block;
		width:160px;
		height:120px;
	}
	#title a span {
		display:none;
	}
	#logo {
  position:absolute;
		top:5px;
		left:15px;
}
	#tools {
		overflow:hidden;
    margin:0 240px 0 0;
	}
		#tools ul {
			margin:0;
			padding:6px 0 0 8px;
			list-style: none;
      float:right;
		}
		#tools ul li {
			margin:0;
			padding:0;
			display:inline;
		}
		#tools ul li a {
			margin:0;
			padding:0 5px;
			font-size:11px;
			color:#334C53;
			text-decoration:none;
		}
		#tools ul li a:focus,
		#tools ul li a:active,
		#tools ul li a:hover
		{
			text-decoration:underline;
		}
	
	#menu {
		height:55px;
		position:absolute;
		top:53px;
	}
	#menu ul {
			margin:0;
			padding:0;
			list-style: none;
		}
		#menu ul li {
			margin:0;
			padding:0;
			float:left;
		}
		#menu ul li a {
			margin:0;
			padding:20px 13px;
			text-transform: uppercase;
			text-decoration: none;
			font-weight: bold;
			height:15px;
			float:left;
			color:#fff;
			font-size:13px;
		}
		#menu ul li a.selected,
		#menu ul li a.expanded,
		#menu ul li a:focus,
		#menu ul li a:active,
		#menu ul li a:hover
		{
			background:url(img/bg_menu_active.gif) repeat-x;
		}
		
#main {
	clear:both;
	overflow:hidden;
	padding-top:26px;
  min-height:450px;
}

  #section {
    float:left;
    width:173px;
    margin-right:7px;
    min-height:1px;
}
	#section .navigation {
		background: url(img/bg_white50.png);
    margin:0;
    padding:0;
	}
		#section ul {
			margin:0;
			padding:4px 0;
			list-style:none;
		}
		#section ul li {
			margin:0 5px;
			padding:1px 0;
		}
		#section ul li a {
			font-weight:bold;
			margin:0;
			padding:5px 8px;
			color:#333;
			display:block;
			text-decoration:none;
		}
		#section ul li a:focus,
		#section ul li a:active,
		#section ul li a:hover
		{
			background: #fff;
		}
		#section ul li.selected,
		#section ul li.expanded  {
			background: #fff;
		}
		#section ul li a.selected,
		#section ul li a.expanded {
			background: url(img/bg_section_active.gif) no-repeat 3px 8px;
			color:#7F6B36;			
		}
			#section ul li ul {
				margin:0;
				padding:0 0 0 12px;
			}
			#section ul li ul li {
				margin:0;
				padding:0;
			}
			#section ul li ul li a {
				margin:0;
				padding:0 0 9px 7px;
				font-weight: normal;
			}
			#section ul li ul li a:focus,
			#section ul li ul li a:active,
			#section ul li ul li a:hover
			{
				text-decoration:underline;
			}
			#section ul li.selected ul li a,
			#section ul li.expanded ul li a {
				color:#000;			
			}
			#section ul li.expanded ul li a.selected,
			#section ul li.expanded ul li a.expanded {
				background: url(img/bg_section_active.gif) no-repeat 1px 3px;
				color:#7F6B36;			
			}
		

	
	#content {
		background:#fff;
		float:left;
		width:476px;
		padding:5px 5px 25px 5px;
	}
		#content .content, #content .contact {
			padding:20px 20px 0 20px;
		}
		#content h1 {
			margin-top:0;
			padding:19px 0 19px 0;
			font-weight:normal;
			font-size:18px;
			color:#58370A;
			border-top:2px solid #E6A760;
		}
		#content h2 {
			margin:0;
			padding:0;
	
			font-size:13px;
			color:#E5A55E;
		}
		#content h3 {
			margin:0;
			padding:0;
		}
		#content div.manchet {
			font-weight:bold;
		}
		#page a.link {
			background:#fff url(img/bg_aside_link.gif) no-repeat 95% 8px;
			padding:4px 18px 4px 5px;
			text-decoration: none;
		}
		#page a.link:focus,
		#page a.link:active,
		#page a.link:hover
		 {
			text-decoration: underline;
		}
		#page p {
			margin-top:0;
			padding-top:0;
		}
		#page a {
			color:#333;
		}
		#page img.right {
			float:right;
			margin:20px 0 10px 10px;
		}
		#page table {
			border-collapse: collapse;
			width:100%;
		}
		#page table caption {
			margin:20px 0 0 0;
			font-size:13px;
			color:#E5A55E;
			font-weight:bold;
			text-align: left;
			padding:2px 4px;
		}
		#page table thead tr th,
		#page table tbody tr th,
		#page table tbody tr td {
			border-bottom: 4px solid #fff;
			padding:2px 4px;
			vertical-align: top;
			text-align: left;
		}
		#page table thead tr th,
		#page table tbody tr th {
			background:#F0E8DD;
		}
		#page table tbody tr td {
			background:#F8F3ED;
			font-size:11px;
		}
		#page table thead tr th.varenr {
			width:60px;
		}
		#page table thead tr th.pakning {
			width:60px;
			text-align:right;
		}
		#page table tbody tr td.pakning {
			text-align:right;
		}
		#page table thead tr th.bestilling {
			width:60px;
			text-align:right;
		}
		#page table tbody tr td.bestilling {
			text-align:right;
		}
		#page table tbody tr td.bestilling input {
			width:50px;
			text-align:right;
			font-size:11px;
		}





	#aside {
		float:left;
		width:173px;
		margin-left:25px;
	}
		#aside div.box, #aside div.contact {
			background: url(img/bg_white50.png);
			padding:8px;
			margin-bottom:20px;
			overflow:hidden;
		}
		#aside div.box h2, #aside div.contact h2 {
			font-size:17px;
			font-weight:normal;
			margin:0;
			padding:0 0 8px 0;
			color:#58370A;		
		}
/*		#aside p.link {
			background:#fff;
			display:block;
			height:19px;
			padding:5px 5px 0 5px;
			margin:0;
			text-align:center;
		}
		#aside p a {
			background: url(img/bg_aside_link.gif) no-repeat right;
			padding-right:10px;
		}
		#aside p a:focus,
		#aside p a:active,
		#aside p a:hover
		{
			color:#fff;
		}
*/
#foot {
	position: absolute;
	bottom: 0;
	width:100%;
	text-align:center;
	font-size:11px;
}
	#foot p{
		margin:0;
		padding:0 0 10px 0;
	}
	#foot img{
		vertical-align: middle;
		border:none;
	}


/*
	FORMS
*/
#page form
{
  margin:0;
  padding:0;
}
#page form h2 {
  margin-bottom:4px;
}
.formrow {
  clear:both;
  margin:0;
  overflow:hidden;
}
form .space
{
  border-bottom:solid 1px #ccc;
  margin-bottom:10px;
  height:8px;
}
.field .label {
  float:left;
  width:200px;
}



/*
#page fieldset {
	border:0;
	border-bottom:1px solid #ccc;
	margin:10px 0;
	padding:0;
}
	#page fieldset div.fieldset {
		padding:5px 0;
	}
	#page fieldset legend {
		font-size:13px;
		color:#E5A55E;
		font-weight:bold;
		margin:0;
		padding:0;
	}
	
	#page fieldset div.field {
		overflow:hidden;
		padding:2px 0;
	}
	#page fieldset.ingredienser label {
		float:left;
		width:200px;
	}
	#page fieldset label {
		float:left;
		width:100px;
	}*/
	#page span.required {
		color:#E6A760;
    margin-left:3px;
    font-size:15px;
	}
#aside span.required {
  display:none;
}
#aside div.required input {
  background-image:url(img/required.gif);
  background-repeat:no-repeat;
  background-position:right;
}
	#page #aside div.field textarea {
		position:relative;
		overflow: auto;
		height:15px;
		background-image:url(img/bg_textarea.gif);
		background-position: bottom right;
		background-repeat: no-repeat;
	}
	#page div.buttons {
		padding-top:5px;
	}
	#page div.buttons input {
		float:right;
	}
	
	#page td input,
	#page div.field input,
	#page div.field textarea {
		color:#999;
		border:1px solid #9fbec4;
		padding:1px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		width:154px;
	}

	#page div.field div.radgroup input,
  #page div.field div.chkgroup input {
		color:#999;
    border:none;
		padding:1px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		width:auto;
	}
	#page div.field div.radbtn label,
  #page div.field div.chkbox label {
    padding-left:5px;
	}
 #page #content div.radgroup, 
 #page #content div.chkgroup  {
  float:left;
}


	#page #aside td input,
	#page #aside div.field input,
  #page #aside div.field textarea {
		width:153px;
	}
	#page #aside div.field div.radgroup input,
  #page #aside div.field div.chkgroup input {
		width:auto;
	}
	#page div.field input,
	#page div.field textarea {
		margin:2px 0;	
	}
	#page div.field input.active,
	#page div.field textarea.active,
	#page input.active,
	#page textarea.active {
		color:#000;
		border:1px solid #333;
	}
#page form .formvalidationerror {
  display:none;
}
#content form .errorshow {
  margin-left:202px;
}
#aside form .errorshow {
 
}
/*
	FRONTPAGE
*/	
#frontpage {
	overflow:hidden;
	width:689px;
}
	#frontpage div
	{
		float:left;
		margin:10px 30px 10px 0;
	}
	#frontpage div.big
	{
		background-color: #fff;
		width:204px;
		height:204px;
		padding:40px 440px 0 15px;
		background-repeat: no-repeat;
		background-position: top left;
	}
		#frontpage div.big h1
		{
			font-size:21px;
			letter-spacing: 0px;
			font-weight:normal;
			text-transform: uppercase;
			background: transparent;
			margin:0;
			padding:0;
			color:#58370A;
/*			font-family: Calibri, Helvetica, sans-serif;*/
		}
		#frontpage div.big h1 a
		{
			text-decoration: none;
			color:#58370A;
		}
		#frontpage div.big h1 a:focus,
		#frontpage div.big h1 a:active,
		#frontpage div.big h1 a:hover
		{
			text-decoration: underline;
		}
		#frontpage div.big p
		{
			margin-top:15px;
		}
	
	#frontpage div.small
	{
		background-color: #fff;
		width:169px;
		height:128px;
		padding:12px 15px 15px 15px;
		background-repeat: no-repeat;
		background-position: top left;
	}
		#frontpage div.small h2 {
			color:#58370A;
			font-size:12px;
			font-weight:bold;
			text-transform: uppercase;
			margin:0 0 5px 0;
			padding:0;
		}
		#frontpage div.small h2 a
		{
			text-decoration: none;
			color:#58370A;
		}
		#frontpage div.small h2 a:focus,
		#frontpage div.small h2 a:active,
		#frontpage div.small h2 a:hover
		{
			text-decoration: underline;
		}
	
	/* SITEMAP */
.sitemap ul {
			margin:0;
			padding:4px 0;
			list-style:none;
		}
		.sitemap ul li {
			margin:0 5px;
			padding:1px 0;
		}
		.sitemap ul li a {
			font-weight:bold;
			margin:0;
			padding:5px 8px;
			color:#333;
			display:block;
			text-decoration:none;
		}
			.sitemap ul li ul {
				margin:0;
				padding:0 0 0 20px;
			}
			.sitemap ul li ul li {
				margin:0;
				padding:0;
			}
			.sitemap ul li ul li a {
				margin:0;
				padding:0 0 9px 7px;
				font-weight: normal;
			}
			.sitemap ul li ul li a:focus,
			.sitemap ul li ul li a:active,
			.sitemap ul li ul li a:hover
			{
				text-decoration:underline;
			}
			.sitemap ul li.selected ul li a,
			.sitemap ul li.expanded ul li a {
				color:#000;			
			}
	
/* SØGNING + SØGERESULTATER */
#search {
  overflow:hidden;
}
#search .formrow, #search .formrow .field {
  float:left;
  clear:none;
}
#search .formrow .buttons {
 padding:0;
  margin-left:5px;
}
#search .formrow .buttons input {
  float:left;
  margin:0;
}
#search .formvalidationerror {
  display:none;
}
#search .result {
  clear:both;
}
#search .result a{
  text-decoration:none;
}
#search .result ul {
  list-style:none;
  margin:10px 0;
  padding:0;
}
#search .result ul li {
  list-style:none;
  margin:10px 0;
  padding-bottom:10px;
  border-bottom:solid 1px #ccc;
}
#search .paging a {
  padding: 0 5px;
  text-align:center;
}
#search .paging .nolink {
  padding: 0 5px;
  text-align:center;
  color:#58370a;
  display:inline;
}