html,body {
		/* background: #1D1D1D url(images/kaffebg.jpg) repeat-x fixed 0 0; emg: ny baggrund 22.08.2010 */
                background: #7e5541 url(images/cafebaggrund.gif) no-repeat fixed 0 0;
		font-family: "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
		font-style: normal;
		font-size: 12px;
}

#site {
	margin: 16px auto;
	background: url('images/woodbg.jpg') no-repeat;
	width: 960px;
	height: 552px;
	position:relative;
}

/* presentation start */
#presentation {
	float: left;
	display: inline;
	width: 928px; 
	height: 104px;
	margin-left: 16px;
	background-color: #8c6239;
}

#logo {
	float: left;
	width: 432px;
	height: 104px;
}

#products {
	float: left;
	width:496px;
}

.product {
	float: left;
	width: 240px;
	height:104px;
	
}

.product_end {
	float: right;
	height:104px;
	background: url('images/presentation_right.gif') no-repeat;
	width: 8px;
	font-size:1px;
}

/* presentation end */




/* navigation start */

#navigation {
	margin-right: 16px; /* MGM: var 32px, standard luft i designet er 16px */
	padding: 0px 0 0px 0; /* MGM: Padding er ondskab i layout (bruges kun i typografi)! */
	width: 248px; /* MGM: hele bredden */
	float: left;display: inline; /*  Indeholder floated list items */

}

#navigation ul { /* MGM: tilfoejet #navigation, bemaerk > betyder child */
	margin-top: 36px;
	margin-left: 48px;
	hieght:auto;
	/* height: 372px;  MGM: skal have en hoejde saa #healthinspection kan positioneres rigtigt */
}

#navigation ul  ul{ /* MGM: tilfoejet #navigation, bemaerk > betyder child */
	margin-top: 4px;
	margin-left: 0px;
	padding-left: 0px;
	/*height:auto; */
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

#navigation ul li {
	list-style-type: none;
	margin-left: 0px; /* skal ikke have margin */
	padding: 0;
	/*float: left;  dette korrigerer */
	width: 100%; /* IE whitespace bug*/
}

#navigation ul  ul li {
	list-style-type: none;
	margin-left: 0px; /* skal ikke have margin */
	padding: 0;
	font-size:0.75em;
	/*float: left;  dette korrigerer */
	width: 100%; /* IE whitespace bug*/
}

#navigation a {
	text-decoration: none;
	display: block;
	color: #fff;
	text-transform: uppercase;
	padding: 0 10px;
	font-size: 1.2em;
	line-height: 1.66em; 
}

#healthinspection {
	position:absolute;
	bottom:0px;
	margin-left:16px;
}
	#healthinspection  a{
		display:block;
		background: url(images/kontrolrap.png) no-repeat;
		width: 115px;
		height: 35px;
		 /* ryk ind saa luften er ens */
		/* MGM: #navigation bestemmer hoejden, ellers rykker det hele hvis der komme ekstra menu punkter... margin-top: 397px; */
		/* margin-left: 30px; */
		
	}

#facebook {
	position:absolute;
	bottom: 4px;
        left: 140px;
	margin-left:16px;
}
	#facebook a{
		display:block;
		background: url('images/facebookikon.png') no-repeat;
		width: 30px;
		height: 30px;
	}

#mangospot {
	position:absolute;
	bottom: 6px;
        left: 180px;
	margin-left:16px;
}
	#mangospot a{
		display:block;
		background: url('images/mangospotikon.png') no-repeat;
		width: 28px;
		height: 28px;
	}

#main {
	float: left;
	width: 680px;
	margin-top: 16px;
}

/* box start */

.box {
	float: left;
	width: 680px;
	/* MGM: maa ikke have hoejde... height: 160px; */
	margin-bottom: 16px;
}

/* tab start */

.box.gray .tab { /* Brown tab */
	margin-left:8px;
	
}

.box.gray .tab .left {
	float: left;display: inline;
	background: url(images/tab_brown_left.gif) no-repeat top left;
	width: 8px;	
}

.box.gray .tab .caption {
	background: url(images/tab_brown_middle.gif) repeat-x;
	float: left;display: inline;	
}

.box.gray .tab .right {
	background: url(images/tab_brown_right.gif) no-repeat top right;
	width: 8px;
	float: left;display: inline;
}	 /* Brown tab end */


.box.gray .tl {
   clear:both;
	background: #a9896b url(images/box_gray_tl.gif) top left no-repeat;
}
.box.gray .tr {	
	background: url(images/box_gray_tr.gif) top right no-repeat;
}
.box.gray .bl {	
	background: url(images/box_gray_bl.gif) bottom left no-repeat;
}
.box.gray .br {
	background: url(images/box_gray_br.gif) bottom right no-repeat;	
}



		

.box.brown .tab { /* Gray tab*/
	margin-left:16px;
}

.box.brown .tab .left {
	float: left;display: inline;
	background: url(images/tab_gray_left.gif) no-repeat top left;
	width: 8px;	
}

.box.brown .tab .caption {
	background: url(images/tab_gray_middle.gif) repeat-x;
	float: left;display: inline;
}

.box.brown .tab .right {
	background: url(images/tab_gray_right.gif) no-repeat top right;
	width: 8px;
	float: left;display: inline;
}	/* Gray tab end*/


.box.brown .tl {	
  clear:both;
  background: #8c6239 url(images/box_brown_tl.gif) top left no-repeat;
}
.box.brown .tr {	
	background: url(images/box_brown_tr.gif) top right no-repeat;
}
.box.brown .bl {	
	background: url(images/box_brown_bl.gif) bottom left no-repeat;
}
.box.brown .br {
	background: url(images/box_brown_br.gif) bottom right no-repeat;	
}

.box .content {	
	/* mgm: no padding in layout! padding: 4px; */
}	/* Gray box end*/


#content {   /* Denne maa gerne have padding, da den indeholde p-tag og er dermed en del af typografien */
	padding:8px;
	*padding-top:4px; /* MGM: HACK! overlappende margins patch, har ikke fundet andre elegante loesninger... note: stjerne foran goer at kun IE laeser det */
	overflow: auto;
}

#content.frontpage {
	height:224px; /* MGM: fix height on frontpage */
}

#content.standard {
	height:368px;
}

#events {
    margin: 0px;
	padding: 0px;
	height: 128px; /* MGM: 8 skal gaa helt op i tallet */
}

#events  .event {
	float: left;display:inline; /* MGM: display inline */
    width:160px;
}

#events  .captions {
	float: left;
	padding: 0;
	font-size: 10px;
	font-style: normal;
	line-height: 1.4em;
	width: 152px;
	margin: 8px;
	margin-right: 8px; /* MGM: flyttet fra .captions */
}

#events  .captions p {
	font-size:10px;  /* MGM: tilfoejet font-size */
	width: 100%;
	margin: 0;
	padding:0;
	color: #fff;
}
#events  .captions a {
	color: #fff;
	text-decoration:none;
}

#events  .captions img {
	margin: 0;
	padding: 0;
	display: block;
}

#bestilling-varer-input {
        width: 400px;
        background-color: #000000;
}

/* Forms */
form>div {
clear:both;
margin-top:0.5em;
margin-bottom:0.5em;
}
label {
width:160px;
float:left;
}
label.error {
width:216px;
float:right;
}
label[for^="radio"] {
width:60px !important;
float:none !important;
}
input[type^="radio"] {
color:#f88;
}

form>div>#bestilling {
clear:both;
text-align: right;
margin-top:0.5em;
margin-bottom:0.5em;
}