body   { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #e1e0db; text-align: center; margin: 0; padding: 0 }

h1 {
	color : #607E67;
}

h2 {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

table {border-collapse: collapse }
#container  { background-image: url("../images/frame/background.jpg"); background-repeat: no-repeat; text-align: left; margin-top: 10px; margin-right: auto; margin-left: auto; position: relative; top: 0; left: 0; width: 908px; height: 643px }
#logo  { display: block; position: absolute; top: 14px; left: 4px }
/*<agl.folder "MainMenu">*/
	#mainMenu { list-style-type: none; display: block; margin: 0; padding: 0; position: absolute; top: 15px; left: 164px; width: 620px }
	#mainMenu li { font-weight: bold; float: left }
	#mainMenu li a { color: black; font-size: 13px; line-height: 18px; text-decoration: none; display: block; margin-right: 5px; padding-right: 3px; padding-left: 3px; border: outset 2px #e3e3e3;
					
		-moz-box-shadow: 0px 0px 3px #666666;
		-webkit-box-shadow: 0px 0px 3px #666666;
		box-shadow: 0px 0px 3px #666666;	}
	#mainMenu a.active { color: #347100; background-color: #d1dfc6 }
	#mainMenu li a:hover { color: #347100; background-color: #d1dfc6 }

/*</agl.folder>*/
/*<agl.folder "SubMenu">*/
	#subMenu  { list-style-type: none; display: block; margin: 0; padding: 0; position: absolute; top: 220px; left: 8px; width: 148px }
	#subMenu li   { display: inline }
	#subMenu a    { color: black; font-size: 11px; font-weight: bold; text-decoration: none; display: block; margin-top: 8px; padding-top: 3px; padding-bottom: 3px; padding-left: 2px; width: 100%; border: outset 1px #e3e3e3;
					
		-moz-box-shadow: 0px 0px 3px #666666;
		-webkit-box-shadow: 0px 0px 3px #666666;
		box-shadow: 0px 0px 3px #666666;
				}
	#subMenu a:hover  { color: #347100; background-color: #d1dfc6 }
	#subMenu a.active  { color: #347100; background-color: #d1dfc6 }
	#subMenu ul  { margin: 0 0 0 10px; padding: 0 }
	#subMenu ul a    { font-size: 10px; font-weight: normal; margin-top: 0 }
	#subMenu ul a:hover  {  }
	#subMenu ul a.active  {  }
/*</agl.folder>*/
/*<agl.folder "menu">*/

	abbr { text-decoration: none; border-bottom-width: 0; }

	table.menuTable  {  height: 500px; width: 600px }
	
	
	
	table.speisenTable {
		height: 500px; width: 400px;
	}
	
	.menuImagBar {
		position: absolute;
		right : -15px;
		top: 14px;
		height: 565px;
		width: 169px;
	}
	
	.menuImagBar .sideImage {
		position: absolute;
		left: 0px;
		top: 0px;
		height: 100%;
		width: 169px;
		
	}
	
	.imageList-container {
		position: absolute;
		right: 25px;
		top: 115px;
		
	}
	
	.imageList {
		position: absolute;
		left: 0px;
		width: 50px;
		height: 50px;
	}
	
	.imageList .image {
		display: block;
		width: 50px;
		height: 50px;
		margin-bottom: 5px;
		-moz-box-shadow: 0px 0px 5px #333333;
		-webkit-box-shadow: 0px 0px 5px #333333;
		box-shadow: 0px 0px 5px #333333;

	}
	
	.angekommen-imgs img {
		-moz-box-shadow: 0px 0px 5px #333333;
		-webkit-box-shadow: 0px 0px 5px #333333;
		box-shadow: 0px 0px 5px #333333;
	}
	
	div.menu {  position: relative; left:0px ; top:0px; height:100% ; width: 100%; overflow:auto }
	.scrollFix { position: absolute; left: 0; top: 0; margin:0px; padding : 0px;  }
	.menu th { font-weight: normal; width: 100% }
	.menu td   { text-align: right; white-space: nowrap; ;padding-left: 30px }
	
	table.drinkSubTable { width: 250px; margin-right: 10px }
	table.drinkTable  {  height: 500px; width: 600px }
	div.drink  {  position: relative; top: 0; left: 0; width: 100%; height: 100%; overflow: auto;  }
	.drink th  { font-weight: normal; white-space: normal; padding-right: 10px; width: 100% }
	.drink td   {  text-align: right; white-space: nowrap; padding-left: 10px }
/*</agl.folder>*/
/*<agl.folder "content">*/
	h1 { font-size: 18px }
	.home table.openTime { position :  relative; left :  0p; top:  0px; margin-left:  auto;  margin-right:  auto;}
	table.openTime th { text-align: left ;  }
	#content    { height: 560px; font-size: 12px; position: absolute; z-index: 2; top: 60px; left: 180px; width: 600px }
	td, th  { font-size: 12px; text-align: left; vertical-align: top }
	.home #content { text-align: center }
/*</agl.folder>*/
img { border: 0 }

.mittagsmenue div.bgImage1 { background-image: url("../images/speisen_und_getraenke/mittagstisch.jpg"); position: absolute; top: 220px; left: 260px; width: 490px; height: 365px }
.abonnementenessen div.bgImage1 { background-image: url("../images/speisen_und_getraenke/abonementessen.jpg"); position: absolute; top: 150px; left: 260px; width: 441px; height: 459px }


.partyserivce div.bgImage1 { background-image: url("../images/veranstalltungen/partyserivce/party1.jpg"); position: absolute; top: 408px; left: 260px; width: 485px; height: 228px }
.partyserivce div.bgImage2 { background-image: url("../images/veranstalltungen/partyserivce/party2.jpg"); position: absolute; top: 160px; left: 170px; width: 214px; height: 174px }
.partyserivce ul { padding-left :  240px;}

.restaurant_mieten div.bgImage1 { background-image: url("../images/veranstalltungen/restaurant_mieten.jpg"); position: absolute; top: 280px; left: 180px; width: 529px; height: 348px }

.preisjass div.bgImage1 { background-image: url("../images/veranstalltungen/preisjass.jpg"); position: absolute; top: 130px; left: 500px; width: 266px; height: 392px }

.rank th { width: 50px }
.rank td.name { width: 180px }
.rank td.points { text-align: right;  width: 50px }

/*<agl.folder "events">*/
	div.events   { text-align: center; width: 640px; height: 500px; overflow: auto }
	
	div.events h1  { font-size: 12px; margin: 0 0 3px; padding: 0 }
	div.events p  { font-size: 12px; margin: 0 0 20px; padding: 0 }
/*</agl.folder>*/

#card_links a.inactive { color: black; font-size: 12px; line-height: 12px; text-decoration: none; padding-right: 5px; padding-left: 5px; border: solid 1px gray  }
#card_links a { color: black; font-size: 12px; line-height: 12px; text-decoration: none; padding-right: 5px; padding-left: 5px; border: solid 1px gray  }
#card_links a:hover { color: black; font-size: 12px; line-height: 12px; text-decoration: none; background-color: #dce7f8; padding-right: 5px; padding-left: 5px; border: solid 1px gray  }
#card_links a.active   { color: black; font-size: 12px; line-height: 12px; text-decoration: none; background-color: #b6cbec; padding-right: 5px; padding-left: 5px; border: solid 1px  }


.open-times , .news{
	text-align: left;
	position: absolute;
	top: 420px;
}
.open-times {
	right: 21px;
	width: 200px;
}
.news {
	left: 21px;
	width: 340px;
}


.news-box{
	border: 3px solid black;
	border-left-color: #D7D8D3;
	border-top-color: #D7D8D3;
	border-bottom-color: #F8F9F7;
	border-right-color: #F8F9F7;
	overflow: auto;
	height: 120px;
	font-weight: bold;
}

.news-box a {
	color: black;
}

.news-box .title-col {
	padding-left: 10px;
}
.news-box .inner {
	padding: 5px;
}

.current-rank-list {
	position: absolute;
	top: 60px;
	right: 10px;
}


.rank-lists {
	position: absolute;
	top: 60px;
	left: 10px;
}


.show-card a {
	color: black;
	display: block;
	padding: 10px;
	padding-bottom: 1px;
	padding-top: 1px;
	border:1px outset #E3E3E3;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

.rank-lists a {
	color: black;
	display: block;
	padding: 20px;
	margin-bottom: 2px;
	padding-bottom: 1px;
	padding-top: 1px;
	border:1px outset #E3E3E3;
	text-decoration: none;
}

.rank-lists .active {
	background-color: #D1DFC6;
}

.rank-lists .active  a {
}

.rank-lists ul, .rank-lists li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	
}

.event .date-info {
	width: 100px;
	padding-right: 10px;
	font-size: 10px;
	text-align: center;
}
.event {
	padding-bottom: 15px;
	
	border-bottom: 1px solid #A0A19D;
	margin-bottom: 15px;
}
.event .title h2 {
	width: 300px;
}

.facebook-like-area {
	position:absolute;
	margin:0px;
	padding:0px;
	
	bottom:5px;	
	left:815px;
	
}