* { margin: 0px; padding: 0px; color: #000; }

BODY { background-color: #fff; }
IMG { display: block; border: none; }

/* Layout CSS */

#layout-container {
	width: 1200px;
	height: 850px;
	background-color: #e3e7e1;
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	margin-top: -425px;
	margin-left: -600px;
}
#topleftquarter {
	width: 580px;
	height: 380px;
	background-color: #f8f4df;
	position: absolute;
	z-index:1;
	top: 10px;
	left: 10px;
}
#topleftbox {
	width: 245px;
	height: 370px;
	background-color: #dfd8cb;
	position: absolute;
	z-index: 1;
	top: 15px;
	left: 45px;	
}
#topleftwhite {
	width: 245px;
	height: 195px;
	background-color: #fff;
	position: absolute;
	z-index: 1;
	top: 190px;
	left: 45px;	
}
#toprightbar {
	width: 608px;
	height: 10px;
	position: absolute;
	z-index: 1;
	top: 0px;
	right: 0px;
}
#rightbgbox1 {
	width: 300px;
	height: 840px;
	position: absolute;
	z-index: 1;
	top: 10px;
	left: 600px;
	background-color: #d4d6cd;
}
#rightbgbox2 {
	width: 300px;
	height: 840px;
	position: absolute;
	z-index: 1;
	top: 10px;
	left: 900px;
	background-color: #f8f4df;
}
#abovelogoline {
	width: 262px;
	height: 8px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	background-color: #bbc5c3;	
}
#belowlogoline {
	width: 300px;
	height: 20px;
	position: absolute;
	z-index: 1;
	top: 185px;
	left: 900px;
	background-color: #d9e7e0;	
}
#seperator-left {
	width: 600px;
	height: 23px;
	background-color: #f4ecd2;
	border: 1px solid #8b8a80;
	position: absolute;
	z-index: 1;
	top: 400px;
	left: 0px;
}
#seperator-right {
	width: 600px;
	height: 25px;
	background-color: #bbc5c3;
	position: absolute;
	z-index: 1;
	top: 400px;
	right: 0px;	
}
#bottomleftbar {
	width: 600px;
	height: 15px;
	background-color: #bfb8ab;
	position: absolute;
	z-index: 1;
	top: 600px;
	left: 0px;	
}
#bottomrightbar {
	width: 290px;
	height: 15px;
	background-color: #d7c4b2;
	position: absolute;
	z-index: 1;
	top: 600px;
	right: 8px;	
}
#bottomrightbox {
	width: 95px;
	height: 150px;
	background-color: #ddd8cd;
	position: absolute;
	z-index: 1;
	top: 440px;
	right: 180px;	
}

/* Content Placement CSS */
#content-container {
	width: 1200px;
	height: 850px;
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	margin-top: -425px;
	margin-left: -600px;
}
#content-container > DIV {
	/* border: 1px dashed #00f; */ 
	color: #000;
	font-family: "Myriad pro", sans-serif;
	font-size: 14px;
	overflow: hidden;
}
#box1 {
	width: 230px;
	height: 180px;
	position: absolute;
	z-index: 2;
	left: 50px;
	top: 10px;	
}
#box2 {
	width: 270px;
	height: 170px;
	position: absolute;
	z-index: 2;
	left: 305px;
	top: 20px;	
}
#box3 {
	width: 270px;
	height: 170px;
	position: absolute;
	z-index: 2;
	left: 610px;
	top: 20px;	
}
#box4 {
	width: 270px;
	height: 145px;
	position: absolute;
	z-index: 2;
	left: 915px;
	top: 30px;	
}
#box5 {
	width: 230px;
	height: 170px;
	position: absolute;
	z-index: 2;
	left: 50px;
	top: 205px;	
}
#box6 {
	width: 270px;
	height: 170px;
	position: absolute;
	z-index: 2;
	left: 305px;
	top: 205px;	
}
#box7 {
	width: 270px;
	height: 180px;
	position: absolute;
	z-index: 2;
	left: 610px;
	top: 205px;	
}
#box8 {
	width: 300px;
	height: 194px;
	position: absolute;
	z-index: 2;
	left: 899px;
	top: 205px;	
}
#box9 {
	width: 270px;
	height: 160px;
	position: absolute;
	z-index: 2;
	left: 15px;
	top: 430px;	
}
#box10 {
	width: 270px;
	height: 160px;
	position: absolute;
	z-index: 2;
	left: 310px;
	top: 430px;	
}
#box11 {
	width: 290px;
	height: 180px;
	position: absolute;
	z-index: 2;
	left: 604px;
	top: 430px;	
}
#box12 {
	width: 270px;
	height: 145px;
	position: absolute;
	z-index: 2;
	left: 910px;
	top: 445px;	
}
#box13 {
	width: 270px;
	height: 215px;
	position: absolute;
	z-index: 2;
	left: 15px;
	top: 625px;	
}
#box14 {
	width: 270px;
	height: 215px;
	position: absolute;
	z-index: 2;
	left: 310px;
	top: 625px;	
}
#box15 {
	width: 290px;
	height: 215px;
	position: absolute;
	z-index: 2;
	left: 604px;
	top: 625px;	
}
#box16 {
	width: 270px;
	height: 215px;
	position: absolute;
	z-index: 2;
	left: 910px;
	top: 625px;	
}
#evabox {
	width: 800px;
	height: 20px;
	position: absolute;
	z-index: 2;
	left: 264px;
	top: 855px;
}

/* Individual Boxes */
#box1 .title { font-size: 14px; text-align: center; margin-top: 10px; margin-bottom: 5px;}
#box1 .title:first-line { font-size: 16px; font-weight: bold; }
#box1 .text { color: #000; font-size: 12px; line-height: 16px; text-align: justify;}
#box1 .textbig { color: #000; font-size: 14px; line-height: 18px; text-align: justify;}
#box1 .image { width: 40%; height: 124px; overflow: hidden; float: left;}
#box1 .image IMG { width: 90%; margin-right: auto; }
#box2 .title { font-size: 16px; text-align: center; margin-top: 10px; margin-bottom: 5px; font-weight: bold;}
#box2 .title:first-line { font-size: 12px; font-weight: normal; }
#box2 .text { color: #000; font-size: 12px; line-height: 16px; text-align: justify;}
#box2 .textbig { color: #000; font-size: 14px; line-height: 18px; text-align: justify;}
#box2 .image { width: 40%; height: 124px; overflow: hidden; float: right;}
#box2 .image IMG { width: 90%; margin-left: auto; }
#box3 DIV.subbox1 { background-color: #faf7e4; border: 1px solid #acb5aa; text-align:center; padding: 5px; color: #541800; font-size: 15px; line-height: 16px; margin-left: 30px; margin-right: 30px; }
#box3 DIV.subbox1:first-line { color: #000; }
#box3 DIV.subbox1 a:link, #box3 DIV.subbox1 a:visited { color: #541800; text-decoration: none; }
#box3 DIV.subbox2 { background-color: #efe6da; font-weight: bold; font-size: 16px; text-align: center; margin-top: 6px; padding: 5px;}
#box3 DIV.subbox2 SPAN { font-weight: normal;}
#box4 IMG { margin-left: auto; margin-right: auto; margin-top: 5px; }
#box5 IMG { margin-left: auto; margin-right: auto; margin-top: 35px; }
#box6 {	text-align: center;	}
#box6 .title { font-weight:bold; font-size: 16px;}
#box6 .text { line-height: 19px;}
#box7 {	text-align: center;	}
#box7 .title { font-weight:bold; font-size: 14px;}
#box7 .text { line-height: 19px; font-size: 12px;}
#box10 IMG { margin-left: auto; margin-right: auto; margin-top: 35px; }
#box11 { font-size: 11px; line-height: 12px; }
#box11 .title { color : #000; font-size: 10px; }
#box11 .title:first-line { color: #81847f; }
#box11 .text { color: #81847f; font-size: 10px; }
#box12 .title { font-size: 14px; text-align: center;}
#box12 .title:first-line { font-size: 16px; font-weight: bold; }
#box12 .text { color: #aa8c7d; font-size: 10px; line-height: 12px;}
#box13 .title { font-size: 16px; font-weight: bold; margin-bottom: 6px; text-align: center;}
#box13 .user { font-size: 10px; font-style: italic; height: 14px; overflow: hidden;}
#box13 .name { font-weight: bold; }
#box13 .post { background-color: #fff0a8; padding: 6px; width: 92%; height: 136px; overflow: hidden; font-size: 14px; border-bottom: 2px solid #bb6; border-right: 1px solid #bb6; border-top: 1px solid #ff9;}
#box13 .link { font-size: 10px; margin-top: 10px; }
#box14 { line-height: 12px; }
#box14 .title { color: #000; font-size: 16px; line-height: 17px; text-align: center;}
#box14 .text { color: #81847f; font-size: 13px; line-height: 18px; }
#box15 { line-height: 14px; }
#box15 .title { color: #000; font-size: 16px; line-height: 17px; text-align: center;}
#box15 .text { color: #81847f; font-size: 11px; }
#box16 IMG { margin-left: auto; margin-right: auto; margin-top: -6px; }
#evabox .text { text-align: left; font-size: 16px; color: #444; }
#evabox .c { text-align: left; color: #000; font-weight: bold;}
/* #box14 IMG { margin-top: 15px; margin-left: -10px;} */

/* clickable layer */
#clickable-container {
	width: 1200px;
	height: 850px;
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 50%;
	margin-top: -425px;
	margin-left: -600px;
}
#clickable-container > DIV {
	background-color: #fff;
	position: absolute;
	opacity: 0.0;
	cursor: pointer;
}
#click1 { width: 235px; height: 160px; top: 20px; left: 50px; }
#click2 { width: 290px; height: 180px; top: 15px; left: 295px; }
#click3 { width: 290px; height: 180px; top: 15px; left: 605px; }
#click4 { width: 290px; height: 130px; top: 35px; left: 905px; }
#click5 { width: 235px; height: 180px; top: 200px; left: 50px; }
#click6 { width: 290px; height: 180px; top: 205px; left: 295px; }
#click7 { width: 290px; height: 185px; top: 200px; left: 605px; }
#click8 { width: 300px; height: 195px; top: 205px; left: 900px; }
#click9 { width: 290px; height: 165px; top: 430px; left: 5px; }
#click10 { width: 290px; height: 165px; top: 430px; left: 305px; }
#click11 { width: 295px; height: 170px; top: 430px; left: 600px; }
#click12 { width: 290px; height: 170px; top: 430px; left: 905px; }
#click13 { width: 290px; height: 225px; top: 620px; left: 5px; }
#click14 { width: 290px; height: 225px; top: 620px; left: 305px; }
#click15 { width: 290px; height: 225px; top: 620px; left: 605px; }
#click16 { width: 290px; height: 225px; top: 620px; left: 905px; }
#clickmail { width: 140px; height: 16px; top: 60px; left: 675px; }

/* pages */
#background_fade {
	background-color: #999;
	position: fixed;
	z-index: 4;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	display: none;
}
#page_container {
	background-color: #f8f4df;
	position: absolute;
	z-index: 5;
	width: 600px;
	height: 760px;
	top: 20px;
	left: 20%;
	display: none;
	padding: 30px;
	font-family: "Myriad pro", sans-serif;
	font-size: 14px;
	overflow: hidden;
}
#page_container H1 {
	font-size: 22px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}
#page_container H2 {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 10px;	
}
#closepage {
	position: absolute;
	top: 5px;
	right: 5px;	
}
#content_buffer {
	display: none;	
}
#content_buffer DIV {
	display: none;	
}

.menu_speisekarte TABLE { margin-bottom: 10px; }
.menu_speisekarte TABLE a:link, .menu TABLE a:visited { text-decoration: none; }
.menu_speisekarte TABLE a:hover { text-decoration: underline; }
.menu_speisekarte .header { margin-bottom: 10px; margin-top: 10px; width: 360px;}
.menu_speisekarte .header .title { font-weight: bold; font-size: 28px;}
.menu_speisekarte .header .description { font-weight: bold; font-size: 16px;}
.menu_speisekarte .item { margin-bottom: 8px; width: 360px; font-size: 13px;}
.menu_speisekarte .item .title{ font-weight: bold; }
.menu_speisekarte .item .description { background-color: #eddac9; }
.menu_speisekarte .item .price { font-weight: bold; text-align: right; width: 540px; margin-top: -18px;}

.menu_getraenkekarte TABLE { margin-bottom: 10px; }
.menu_getraenkekarte TABLE a:link, .menu TABLE a:visited { text-decoration: none; }
.menu_getraenkekarte TABLE a:hover { text-decoration: underline; }
.menu_getraenkekarte .header { margin-bottom: 10px; margin-top: 10px; width: 360px;}
.menu_getraenkekarte .header .title { font-weight: bold; font-size: 28px;}
.menu_getraenkekarte .header .description { font-weight: bold; font-size: 16px;}
.menu_getraenkekarte .item { margin-bottom: 8px; width: 360px; font-size: 13px;}
.menu_getraenkekarte .item .title{ font-weight: bold; }
.menu_getraenkekarte .item .description { background-color: #c3c8c5; }
.menu_getraenkekarte .item .price { font-weight: bold; text-align: right; width: 540px; margin-top: -18px;}

#galerie IMG { margin-left: auto; margin-right: auto; }

#buffer_getraenkekarte1 { background-color: #d4d6cd; }

IFRAME#calendar {
	width: 98%;
	height: 650px;
	border: none;
}
#page_calendar {
	background-color: #f8f4df;
	position: absolute;
	z-index: 5;
	width: 600px;
	height: 760px;
	top: 20px;
	left: 20%;
	display: none;
	padding: 30px;
	font-family: "Myriad pro", sans-serif;
	font-size: 14px;
	overflow: hidden;
}
#page_calendar H1 {
	font-size: 22px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}
#page_calendar H2 {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 10px;	
}
IFRAME#bulletin {
	width: 98%;
	height: 650px;
	border: none;
}
#page_bulletin {
	background-color: #e3e7e1;;
	position: absolute;
	z-index: 5;
	width: 600px;
	height: 760px;
	top: 20px;
	left: 20%;
	display: none;
	padding: 30px;
	font-family: "Myriad pro", sans-serif;
	font-size: 14px;
	overflow: hidden;
}
#page_bulletin H1 {
	font-size: 22px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}
#page_bulletin H2 {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 10px;	
}