.header {
	position:absolute;
	top:0px;
	left:0px;
	width:991px;
	height:98px;
	background: url(/kliktafel/data/gfx/tafel_toplogo.jpg);
}

.klik-tafel {
	
	position:absolute;
	top:97px;
	left:0px;
	width:674px;
	height:424px;
	background: url(/kliktafel/data/gfx/tafel_selection.jpg);
	
}

.sidebar-right {
	position:absolute;
	top:98px;
	right:0px;
	width:317px;
	height:424px;
	background: url(/kliktafel/data/gfx/tafel_list.jpg);
	vertical-align: top;
}

.foodlist{
	width:250px;
	height: 350px;
	overflow:auto;
	background:transparent;
	margin:20px;
	margin-top: -60px;
}

.food-group{
	
	position:absolute;
	top:25px;
	left:0px;
	padding:0px;
	margin:0px;
	/*background:#ff0000;*/
}

.food-item{
	cursor: pointer;
	margin-bottom: 2px;
}

.food-item_over{
	background-color: #cceecc;
	margin-bottom: 2px;
	cursor: pointer;
}

.food-item-0{
	
	position:absolute;
	top:0px;
	left:15px;
	width:135px;
	height:155px;
	
}

.food-item-1{
	
	position:absolute;
	top:0px;
	left:165px;
	width:135px;
	height:155px;
}

.food-item-2{
	
	position:absolute;
	top:0px;
	left:315px;
	width:135px;
	height:155px;
	
}
.food-item-3{
	
	position:absolute;
	top:0px;
	left:465px;
	width:135px;
	height:155px;
	
}

.food-item-4{
	
	position:absolute;
	top:171px;
	left:15px;
	width:135px;
	height:155px;
	
}

.food-item-5{
	
	position:absolute;
	top:171px;
	left:165px;
	width:135px;
	height:155px;
	
}

.food-item-6{
	
	position:absolute;
	top:171px;
	left:315px;
	width:135px;
	height:155px;
	
}

.food-item-7{
	
	position:absolute;
	top:171px;
	left:465px;
	width:135px;
	height:155px;
	
}

.food-item-img{
	width:130px;
	height:130px;
	padding:0px;
	margin:0px;
}

.text-loose {
	color: #000;
	font-weight:bold;
	font-family:sans-serif;
	text-align:center;
}

.text-green {
	color:#167E2F;
	font-family:sans-serif;
	font-size:10pt;
}

a img {
	border:none;
	padding:0px;
	margin:0px;
}

a{
	text-decoration:none;
}

#debug-panel{
	
	position:absolute;
	top:0px;
	left:0px;
	min-width:300px;
	width:auto;
	height:200px;
	padding:10px;
	
	background:#0099FF;
	/*border:2px dashed #fff;*/
	color:#fff;
	font-family:sans-serif;
	display:none;
	overflow:scroll;
	
}

img {
	
	padding:0px;
	margin:0px;
	border:0px;
	display:block;
	
}

.column-left {
	
	position:absolute;
	top:0px;
	left:0px;
	width:410px;
	height:554px;
	background: url(/kliktafel/data/gfx/factsheet_content.jpg) no-repeat bottom;
	padding:0px;
	margin:0px;
	
}

.column-middle {
	
	position:absolute;
	top:0px;
	left:410px;
	width:201px;
	height:554px;
	background:#0099CB;
	padding:0px;
	margin:0px;
	
}

.column-right {
	
	position:absolute;
	top:0px;
	left:611px;
	width:380px;
	height:554px;
	background: url(/kliktafel/data/gfx/factsheet_rightpanel.jpg) no-repeat top;
	padding:0px;
	margin:0px;
	
}

.image-title{
	display:block;
}

.food-item-content{
	position:relative;
	top:0px;
	left:0px;
	width:350px;
	height:300px;
	margin-top:-20px;
	margin-left:20px;
	padding-top:20px;
	padding-left:20px;
	/*border: dashed 2px #0099CB;*/
}

.food-item-content-ohja {
	position:absolute;
	top:180px;
	left:40px;
	width:300px;
	height:260px;
	/*border: dashed 2px #fff;*/
}

#food-list {
	
	position:absolute;
	top:75px;
	right:30px;
	min-width:150px;
	
}

/* container for the food image*/
.food-item-image{
	width:196px;
	height:184px;
	padding:8px 5px;
}

.food-item-image img {
	width:180px;
	height:180px;
}

.text-blue {
	color:#0099CB;
}

.text-normal {
	color: #000;
	font-family:sans-serif;
	text-align:left;
}

.text-normal-white{
	color: #fff;
	font-family:sans-serif;
	text-align:left;
}

h2{
	color:#000;
	font-size:14pt;
	font-weight:bold;
	font-family:sans-serif;
	text-align:left;
}

h1 {
	color:#0099CB;
	font-size:18pt;
	font-weight:bold;
	font-family:sans-serif;
	text-align:left;
}

#back-button {
	float:right;
	margin-top:-134px;
}

a img {
	border:none;
}