/* BODY */
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #fff url('gfx/back.jpg') repeat-x;
	background-position: top center;
	font: 11px/14px arial;
	color: #5c6053;
}

img, div, tr, td { 
	behavior: url(iepngfix.htc); 
	border: 0px;
}

h4 {
	font: bold 12px arial;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #979797;
}

.pointer {
	cursor: pointer;
	cursor: hand;
}

p.todaysLunchSecondary {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font: 11px arial;
}

a {
	color: #84897a;
	text-decoration: none;
	outline: none;
}

a.textLink {
	background-image: url('gfx/dot.png');
	background-repeat: repeat-x;
	background-position: bottom;
}

a.textLink:hover {
	text-decoration: underline;
}

.contentIcon {
	float: left;
}

h2 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font: bold 18px/18px arial;
	color: #9fa397;
}

.bigText {
	font: 13px/17px arial;
}

.contactInput {
	width: 205px;
	height: 20px;
	padding-left: 5px;
	color: #676767;
	background-color: #f7f7f7;
	border: #dedede solid 1px;
	margin-bottom: 5px;
}

.contactTA {
	width: 400px;
	height: 140px;
	padding: 5px;
	color: #676767;
	background-color: #f7f7f7;
	border: #dedede solid 1px;
}

h3 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font: 16px/16px arial;
	color: #9fa397;
}

div.button {
	float: right;
	margin-top: 10px;
	cursor: pointer;
	cursor: hand;
}

	div.btLeft {
		width: 13px;
		height: 27px;
		background-image: url('gfx/btLeft.png');
	}
	
	div.btBg {
		font: bold 11px/25px arial;
		color: #9b9b9b;
		height: 27px;
		background-image: url('gfx/btBg.gif');
	}
	
	div.btBg2 {
		font: bold 11px/25px arial;
		color: #9b9b9b;
		height: 27px;
		background-image: url('gfx/btBg2.gif');
	}
	
	div.btBg:hover {
		color: #8b8b8b;
	}
	
	div.btRight {
		width: 13px;
		height: 27px;
		background-image: url('gfx/btRight.png');
	}

div{
	float: left;
	display: inline;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div.back {
	width: 704px;
	left: 50%;
	margin-left: -352px;
	position: absolute;
}

	div.header {
		width: 700px;
		height: 125px;
		margin: 0px 2px 10px 2px;
	}
	
	div.navigation {
		width: 704px;
		height: 38px;
		margin: 0px 0px 10px 0px;
	}
	
		ul.navBar {
			width: 704px;
			height: 38px;
			list-style-type: none;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
		}
		
			li.navItem {
				height: 38px;
				float: left;
			}
	
	div.content {
		width: 700px;
		margin: 0px 2px 40px 2px;
	}	
	
		div.topContent {
			width: 700px;
			height: 253px;
			background-image: url('gfx/topBg2.png');
		}
		
				div.contentHeader {
					width: 202px;
					height: 40px;
				}
				
				div.contentHeaderSecond {
					width: 202px;
					height: 40px;
					margin-top: 20px;
				}
		
			div.topLeftContent {
				width: 203px;
				height: 220px;
				padding: 15px 15px 15px 15px;
				margin-right: 1px;
			}

				.todaysLunch {
					width: 203px;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					list-style-type: none;
				}
				
					.todaysLunchItem {
						padding: 5px 8px 5px 8px;
						width: 186px;
						height: 30px;
						background-image: url('gfx/comingEventBack.png');
						margin-bottom: 2px;					
					}
					
					div.comingEventItem {
						padding: 5px 8px 5px 8px;
						width: 186px;
						height: 30px;
						background-image: url('gfx/todaysLunchItemBack.png');
						margin-bottom: 2px;					
					}
			
			div.topCenterContent {
				width: 202px;
				height: 220px;
				padding: 15px 15px 15px 15px;
			}
			
			div.indexContentListContainer {
				height: 168px;
			}
			
			div.topRightContent {
				width: 203px;
				height: 220px;
				padding: 15px 15px 15px 15px;
				margin-left: 1px;
			}	
			
				div.topRightMonthContainer {
					width: 203px;
					height: 30px;
					background-image: url('gfx/topRightMonthBack.png');
					text-align: center;
					color: #9a9a9a;
					font: bold 11px/30px arial;
				}
			
				.calendar {
					width: 203px;
					height: 168px;
					padding: 0 0 0 0;
					margin: 0 0 0 0;
				}	
				
					.calendarRow {
						width: 203px;
						height: 28px;
					}
					
					
						.calendarActiveDayItem {
							width: 29px;
							height: 28px;
							text-align: center;
							color: #fff;
							background-image: url('gfx/calendarActiveDayItem.png');
							font: bold 11px/25px arial;
						}
					
						.calendarDayItem {
							width: 29px;
							height: 28px;
							text-align: center;
							color: #b9b9b9;
							background-image: url('gfx/calendarDayItem.png');
							font: bold 11px/25px arial;
						}
					
						.calendarItem {
							width: 29px;
							height: 28px;
							text-align: center;
							color: #b9b9b9;
							background-image: url('gfx/calendarItem.png');
							font: bold 11px/25px arial;
						}
						
						.calendarItem:hover {
							width: 29px;
							height: 28px;
							text-align: center;
							color: #a9a9a9;
							background-image: url('gfx/calendarHover.png');
							font: bold 11px/25px arial;
						}
						
						.calendarTodayItem {
							width: 29px;
							height: 28px;
							text-align: center;
							color: #a9a9a9;
							background-image: url('gfx/calendarHover.png');
							font: bold 11px/25px arial;
						}
						
						.calendarAlertItem {
							width: 29px;
							height: 28px;
							text-align: center;
							color: #fff;
							background-image: url('gfx/calendarActiveItem.png');
							font: bold 11px/25px arial;
						}
						
						div.galleryNavigator {
							z-index: 100;
							position: absolute;
							left: 0;
							top: 480px;
							width: 466px;
						}
						
							div.galleryGoLeft {
								width: 40px;
								height: 40px;
								margin-right: 386px;
							}
							
							div.galleryGoRight {
								width: 40px;
								height: 40px;
							}							
						
						div.galleryHeader {
							width: 424px;
							height: 44px;
							background-image: url('gfx/gallery/mingelbilder.png');
							margin-bottom: 7px;
							padding-right: 12px;
							color: #a1a1a1;
							text-align: right;
							font: bold 16px/42px arial;
						}
						
						div.thumbnailHolder {
							width: 436px;
							margin-bottom: 2px;
						}
						
							div.thumbnailTest {
								width: 130px;
								height: 98px;
								margin-left: 2px;
								background-image: url('gfx/galleryThumbBack.png');
								padding: 6px 7px 8px 7px;
							}
						
							div.thumbnailLeft {
								width: 130px;
								height: 98px;
								background-image: url('gfx/galleryThumbBack.png');
								padding: 6px 7px 8px 7px;
							}
							
							div.thumbnailCenter {
								width: 130px;
								height: 98px;
								margin: 0px 2px 0px 2px;
								background-image: url('gfx/galleryThumbBack.png');
								padding: 6px 7px 8px 7px;
							}
							
							div.thumbnailRight {
								width: 130px;
								height: 98px;
								background-image: url('gfx/galleryThumbBack.png');
								padding: 6px 7px 8px 7px;
							}
						
		
		div.mainContent {
			width: 700px;
		}
		
			div.mainBigLeftContent {
				width: 436px;
				padding: 15px 14px 15px 14px;
			}
			
				div.questionHolderUp {
					width: 424px;
					height: 22px;
					background-image: url('gfx/questionGoUp.png');
					color: #a1a1a1;
					font: bold 13px arial;
					padding-top: 12px;
					padding-left: 12px;
				}
				
				div.questionHolderDown {
					width: 424px;
					height: 22px;
					background-image: url('gfx/questionGoDown.png');
					color: #a1a1a1;
					font: bold 13px arial;
					padding-top: 12px;
					padding-left: 12px;
				}
				
				div.answerHolder {
					width: 412px;
					background-image: url('gfx/answerBack.gif');
					padding: 0px 12px 0px 12px;
				}
				
				div.answerBottom {
					width: 436px;
					height: 9px;
					background-image: url('gfx/answerBottom.png');
				}
			
				.bigCalendar {
					width: 436px;
				}
				
					.bigCalendarMonthRow {
						width: 436px;
						height: 48px;
					}
				
					.bigCalendarDayRow {
						width: 436px;
						height: 41px;
					}
				
					.bigCalendarMainRow {
						width: 436px;
						height: 40px;
						background-image: url('gfx/calendar/mainRowBack.gif');
					}
					
					.bigCalendarBottomRow {
						width: 436px;
						height: 43px;
						margin-bottom: 15px;
						background-image: url('gfx/calendar/bottomRowBack.png');
					}
					
						.booked {
							background-image: url('gfx/calendar/booked.png') !important;
							color: #42413b !important;
						}
						
						.bookedCell {
							width: 59px;
							height: 40px
						}
						
					
						.bigCalendarItemFirst {
							width: 61px;
							height: 40px;
							background-image: url('gfx/calendar/itemBackFirst.png');
							margin-left: 2px;
							color: #adadad;
							text-align: center;
							font: bold 13px/40px arial;
						}
					
						.bigCalendarItem {
							width: 62px;
							height: 40px;
							background-image: url('gfx/calendar/itemBack.png');
							color: #adadad;
							text-align: center;
							font: bold 13px/40px arial;
						}
						
						.bigCalendarItemLast {
							width: 61px;
							height: 40px;
							background-image: url('gfx/calendar/itemBackLast.png');
							color: #adadad;
							text-align: center;
							font: bold 13px/40px arial;
						}
						
						div.imageViewerTop {
							width: 436px;
							height: 11px;
						}
						
						div.imageViewerContent {
							width: 412px;
							background-image: url('gfx/gallery/imageViewerBack.gif');
							padding: 0px 12px 0px 12px;
						}
						
							div.imageViewerLeft {
								width: 200px;
								margin-right: 12px;
							}
							
							div.imageViewerRight {
								width: 200px;
							}
							
							div.imageViewerGroup {
								margin-bottom: 12px;
								width: 200px;
							}
							
							.lunchGroup {
								height: 100px;
								padding: 20px 0px;
							}
						
						div.imageViewerBottom {
							width: 436px;
							height: 13px;
						}
						
						div.calendarImageItem {
							float: right;
							margin: 0px 0px 10px 10px;
						}
						
						p.calendarReadDate {
							margin: 0 0 0 0;
							padding: 0 0 0 0;
							font: 12px arial;
						}
						
						p.calendarReadText {
							margin-top: 10px;
						}
						
						#eventDataContainer {
							display: none;
						}
		
			div.mainLeftContent {
				width: 203px;
				padding: 15px 16px 15px 15px;
			}
			
			div.mainCenterContent {
				width: 202px;
				padding: 15px 15px 15px 15px;
			}
			
			div.mainRightContent {
				width: 202px;
				padding: 15px 15px 15px 16px;
			}
			
				div.rightImageHolder {
					width: 202px;
					margin-bottom: 15px;
				}
			
				div.indexHeaderHolder {
					width: 202px;
					height: 50px;
				}
			
				div.indexTextBox {
					width: 182px;
					padding: 3px 10px 0 10px;
				}			
				
				div.foodHolder {
					width: 172px;
					height: 366px;
					background-image: url('gfx/holderBack.png');
					padding: 16px 15px 18px 15px;
				}
					
					div.foodHeader {
						width: 172px;
						height: 25px;
					}
				
					div.foodImageHolder {
						width: 172px;
						height: 120px;
						background-image: url('gfx/foodImage.png');
						margin-bottom: 7px;
					}
					
						.foodImage {
							width: 156px;
							height: 104px;
							margin: 7px 8px 9px 8px;
						}
					
					div.foodTextContent {
						width: 160px;
						height: 177px;
						margin: 0px 6px 3px 6px;
					}
				
					div.blockButton {
						width: 162px;
						height: 32px;
						padding-left: 10px;
						margin-top: 2px;
						background-image: url('gfx/172Block.png');
						color: #909090;
						font: bold 13px/31px arial;
					}
			
				div.rightContentHolder {
					width: 202px;
					margin-bottom: 15px;
				}
			
					div.calendarRightHeader {
						width: 202px;
						height: 41px;
					}
				
					div.calendarRightRow {
						width: 182px;
						height: 28px;
						background-image: url('gfx/calendar/right/calendarRightRow.png');
						padding: 6px 8px 6px 12px;
						font: 10px arial;
						color: #979797;
					}
					
					/* Any edit to CalendarRightRow must also be done to crrMsg for JS hook reasons */
					
					div.calendarRightRowMsg {
						width: 182px;
						height: 28px;
						background-image: url('gfx/calendar/right/calendarRightRow.png');
						padding: 6px 8px 6px 12px;
						font: 10px arial;
						color: #979797;
					}
					
				div.indexLeftContainer {
					width: 224px;
					margin: 15px 15px 0px 0px;

				}
				
					div.indexLeftContent {
						width: 184px;
						height: 195px;
						padding: 190px 20px 15px 20px;
						background-image: url('gfx/indexLeftPres.png');
					}
				
				div.indexMiddleContainer {
					width: 223px;
					margin: 15px 15px 0px 0px;
				}
				
				div.indexRightContainer {
					width: 223px;
					margin-top: 15px;
				}
				
					div.indexBoxContent {
						margin-bottom: 15px;
					}
				
					div.indexBoxTop {
						width: 223px;
						height: 50px;
					}
					
					div.indexBoxMain {
						width: 191px;
						background-image: url('gfx/indexBoxBack.gif');
						padding: 0px 16px 0px 16px;
					}
					
					div.indexBoxMainQuote {
						width: 191px;
						background-image: url('gfx/indexBoxBack2.gif');
						padding: 0px 16px 0px 16px;
					}
					
						.indexImage {
							margin-bottom: 6px;
						}
					
					div.indexBoxBottom {
						width: 223px;
						height: 16px;
						background-image: url('gfx/indexBoxBottom.png');
					}
					
					.indexMingelImage {
						margin: 0px 30px;
					}
				
				div.foodGroup {
					width: 200px;
					margin-bottom: 30px;
					color: #8b887a;
				}
				
				h5 {
					margin: 0 0 8px 0;
					padding: 0 0 0 0;
					color: #4b4555;
					font: bold 14px/13px helvetica;
				}
				
				span.englishCategoryName {
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					color: #827c8a;
					font: 14px/13px helvetica;
				}
				
				.foodTitle {
					color: #8b887a;
					font: bold 13px/13px helvetica;
				}
				
				.foodPrice {
					color: #4b4555;
					font: bold 13px/13px helvetica;
					float: right;
				}
				
				.foodSweText {
					margin: 0 0 10px 0;
					padding: 0 0 0 0;
				}
				
				.foodEngText {
					margin: 0 0 10px 0;
					padding: 0 0 0 0;
					font-style: italic;
				}
			
		div.footer {
			width: 670px;
			padding: 15px 15px 15px 15px;
			margin: 20px 0px 20px 0px;
			border-top: solid #c0c0c0 1px;
		}
		
			div.footerLeft {
				width: 335px;
			}
			
			div.footerRight {
				width: 335px;
				text-align: right;
			}