html {}
html, body {
	margin: 0;
	padding: 0;
}
body {
	background: url(../__graphics/background.png) repeat-x;
	font: 14px Arial, sans-serif;
}

#slideshow {
	background: url(../__graphics/slideshow-shadow.png) center repeat-y;
	height: 329px; width: 1000px;
	position: absolute; left: 50%;
	margin-left: -500px;
	top: 112px; z-index: 0;
	font-size: 0;
}

	#slideshow img {border: 5px solid #59523e; margin: 0 45px;}
	#slideshow-pager {
		position: absolute; left: 50%; top: 415px; z-index: 200;
		width: 900px;
		margin-left: -470px;
	}
	#slideshow-pager ul {
		list-style: none;
		margin: 0; padding: 0;
		float: right;
	}
	#slideshow-pager ul li {
		float: left;
		background: url(../__graphics/slideshow-page.png) no-repeat;
		width: 32px; height: 15px;
		font: bold 14px Arial, sans-serif; color: #423325; text-align: center;
		padding: 3px 0;
		cursor: pointer;
		margin-left: 5px;
	}
	#slideshow-pager ul li.active, #slideshow-pager ul li:hover {
		float: left;
		background: url(../__graphics/slideshow-page-active.png) no-repeat;
		color: #ffffff;
	}

#container {width: 900px; margin: 0 auto;}

	#header {
		height: 109px; width: 900px;
		float: left; clear: both;
	}
	
		#logotype {
			background: url(../__graphics/logotype.png) no-repeat;
			width: 298px; height: 159px;
			cursor: pointer;
			z-index: 100;
			position: absolute;
		}
		
		#menu {
			font: bold 18px "Trebuchet MS", Arial, sans-serif;
			color: #ffffff;
			list-style: none;
			margin: 56px 0 0 0; padding: 0;
			float: right;
		}
			
			#menu li {
				float: left;
				padding: 18px 24px 17px 24px;
				height: 18px;
				cursor: pointer;
			}
			#menu li.active, #menu li:hover {padding: 0; height: 53px;}
			#menu li.active span, #menu li:hover span {	
				background: url(../__graphics/menu-active-left.png) bottom left no-repeat;
				display: block;
			}
			#menu li.active span span, #menu li:hover span span {
				background: url(../__graphics/menu-active-right.png) bottom right no-repeat;
				padding: 0 17px;
			}
			#menu li.active span span span, #menu li:hover span span span {
				background: url(../__graphics/menu-active.png) repeat-x;
				padding: 18px 7px 17px 7px;
				height: 18px;
			}

	#content {
		margin-top: 359px; margin-bottom: 15px;
		width: 900px;
		float: left;clear: both;
	}
	#content #left {width: 618px; float: left;}
	#content #left h1 {
		margin: 0; padding: 0;
		font: bold 30px "Trebuchet MS", Arial, sans-serif;
		color: #fb7900;
	}
	#content #left .cube {
		
	}
	#content #left .cube span.border-top {
		background: url(../__graphics/left-border-top.png) no-repeat;
		display: block;
		height: 12px; width: 618px;
		font-size: 2px;
	}
	
	#content #left .cube span.border-bottom {
		background: url(../__graphics/left-border-bottom.png) no-repeat;
		display: block;
		height: 15px; width: 618px;
		font-size: 2px;
	}
	#content #left .cube div.content {
		background: url(../__graphics/left-background.png) repeat-y;
		width: 578px;
		padding: 10px 20px;
	}
	
	#content #right {width: 268px; float: right;}
	#content #right .cube {margin-bottom: 14px; float: left;}
	#content #right .cube span.border-top {}
	#content #right .cube span.title {
		background: url(../__graphics/right-title.png) no-repeat;
		display: block;
		height: 20px; width: 232px;
		padding: 11px 18px;
		font: bold 18px "Trebuchet MS", Arial, sans-serif; color: #825c37;
	}
	#content #right .cube span.border-bottom {
		background: url(../__graphics/right-border-bottom.png) no-repeat;
		display: block;
		height: 14px; width: 268px;
		font-size: 2px;
		float: left;
	}
	#content #right .cube div.content {
		background: url(../__graphics/right-background.png) repeat-y;
		width: 232px;
		padding: 14px 18px 8px 18px;
		float: left;
	}
	#footer {
		background: url(../__graphics/footer-border.png) no-repeat;
		font: bold 12px "Trebuchet MS", Arial, sans-serif; text-align: center;
		padding: 7px 0 0 0;
		clear: both;
		width: 900px;
	}
	
.food {
	background: url(../__graphics/food-background.png) bottom left repeat-x;
	padding: 10px;
	border-bottom: 1px solid #e7e4d0;
	padding-left: 150px;
}

.food div {
	clear: both;
}

.food img {
	border: 1px solid #d1d1d1;
	background: f1e8d1;
	padding: 3px;
	float: left;
	margin-right: 16px;
	margin-left: -150px;
}

.food h2 {
	margin: 6px 0 6px 0;
	padding: 0;
	font: bold 18px Arial, sans-serif;
}

.food span {
	display: block;
	margin-top: 14px;
	color: #825c37;
	font: italic 20px Arial, sans-serif;
}

/* Tabeller */
.form {}

.form td {
	vertical-align: top;
	padding: 1px 0;
}

.form .key {
	font-weight: bold;
	width: 200px;
}

.form .value {}

table.user {
	width: 578px;
}

table.user td {vertical-align: top;}

table.user td.picture {width: 90px; padding: 10px 0; border-bottom: 1px solid #dddddd;}
table.user td.picture img {width: 80px;}
table.user td.info {padding: 10px 0; border-bottom: 1px solid #dddddd; font-size: 12px;}
table.user td.info h3 {font-weight: normal; font-size: 16px; margin: 0 0 4px 0; padding: 0;}
table.user td.info .title {color: #666666;}
table.user td.action {padding: 5px 0; border-bottom: 1px solid #dddddd; font-size: 11px; width: 140px;}
table.user .actions {list-style: none; margin: 0; padding: 0;}
table.user .actions li {text-align: right; padding: 5px 0; border-bottom: 1px solid #dddddd;}

.nav {
	height: 40px;
	font-size: 12px;
	width: 578px;
	border-bottom: 1px solid #d4dbdc;
	margin-bottom: 10px;
}
.nav td {	}
.nav td.prev, .nav td.next {width: 80px;}
.nav td.prev {text-align: left;}
.nav td.next {text-align: right;}

.nav-bottom {
	height: 40px;
	font-size: 12px;
	width: 578px;
	border-top: 1px solid #d4dbdc;
	margin-top: 20px;
}
.nav-bottom td {	}
.nav-bottom td.prev, .nav td.next {width: 80px;}
.nav-bottom td.prev {text-align: left;}
.nav-bottom td.next {text-align: right;}

.paging {list-style: none;padding: 0;margin: 0;}
.paging li {
	float: left;
	border: 1px solid #d4dbdc;
	margin-right: 5px;
	padding: 3px 5px;
}

.sub-menu-container {
	width: 578px;
	border-bottom: 1px solid #d4dbdc;
	height: 25px;
	margin-top: 15px;
	margin-bottom: 10px;
}
.sub-menu {list-style: none;margin: 0;padding: 0; }
.sub-menu li {float: left;margin-right: 10px;}

table.account {width: 578px; margin-bottom: 10px; border-top: 1px solid #dddddd;}
table.account td {vertical-align: top;}
table.account td.picture {width: 80px; text-align: center; padding: 10px 10px 10px 0; border-bottom: 1px solid #dddddd;}
table.account td.picture img {margin-bottom: 5px;}
table.account td.info {border-bottom: 1px solid #dddddd; padding: 10px 0 10px 0;}
table.account td.info h2 {font-weight: normal; font-size: 26px; margin: 0 0 5px 0; padding: 0;}
table.account td.info .status {list-style: none; margin: 0; padding: 0;}
table.account td.info .status .title {color: #666666; width: 150px; display: block; float: left;}

td.fillvalue .title {color: #666666; width: 150px; display: block; float: left;}

table.list {width: 578px;}
table.list td {vertical-align: top; padding: 8px 0; border-bottom: 1px solid #dddddd;}
table.list td.key {font-weight: bold; width: 200px; padding: 8px 0;}
table.list td.value {}
table.list td.value .title {color: #666666; width: 150px; display: block; float: left;}
table.list td.actions {width: 70px; text-align: right;}
table.list td.form {padding: 5px 0;}
table.list td.status {padding: 6px 0; width: 50px; text-align: right;}
table.list td.icon {width: 10px; padding-left: 0; padding-right: 0;}

table.list thead tr {font-weight: bold; background: #b4cc41;}
table.list thead td {padding: 9px 7px; border: 0;}
table.list thead .title {}
table.list thead .actions {width: 70px; text-align: right;}

table.list tbody td {padding: 9px 7px;}
table.list tbody .title {}
table.list tbody .actions {width: 120px; text-align: right;}
table.list tbody .edit {width: 60px; text-align: right;}
table.list tbody .remove {width: 60px; text-align: right;}
table.list tbody .user {width: 120px;}
table.list tbody .text {}
table.list tbody .text div {overflow: hidden; white-space: nowrap; width: 200px;}
table.list tbody .text .bold {font-weight: bold;}
table.list tbody .text .grey {color: #888888;}
table.list tbody .date {width: 100px;}
table.list tbody .check {width: 20px;}

#contact-order {
	list-style: none;
	margin: 0;
	padding: 0;
}

#contact-order li {
	background: #dfe1e2;
	padding: 3px 5px;
	margin-bottom: 5px;
	cursor: default;
	border: 1px outset #e6e6e6;
	font-size: 11px;
	width: 250px;
}


form {margin: 0; padding: 0;}

input.input {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	border: 1px inset #dddddd;
	padding: 3px 5px;
	/* background: url(../../__graphics/_input_background.gif) repeat-x; */
	background: #ffffff;
	width: 250px;
}

select.select {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	padding: 3px 5px;
	/* background: url(../../__graphics/_input_background.gif) repeat-x; */
	background: #ffffff;
	width: 250px;
}

textarea.textarea {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	border: 1px inset #dddddd;
	padding: 3px 5px;
	/* background: url(../../__graphics/_input_background.gif) repeat-x; */
	background: #ffffff;
	width: 250px;
}

input.button {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	border: 1px outset #4a8618;
	padding: 3px 6px;
	cursor: pointer;
	color: #4a8618;
	font-weight: bold;
	background: #ffffff;
}

.err-color {
	color: #ff0000;
}
    
.clear {
	clear: both;
}