* { margin: 0px; padding: 0px; }

html { height: 100%; }

body { position: relative; height: 100%;
	font-family: georgia, verdana, sans-serif; font-size: 16px; background: #ffffff url(../gfx/bg_pattern.jpg);
	}

	#page { position: relative; min-height: 100%;
		 width: 743px; text-align: left; background: url(../gfx/page_bg_pattern.gif) top left repeat-y;
		 }
	 * html #page { height: 100%; }

		#header { height: 338px; width: 728px;
			   background: url(../gfx/header_bg.jpg) top left no-repeat;
			   }
			   #header h1 { position: absolute; left: 40px; top: 302px;
			   font-weight: 100; font-size: 28px; color: #092566;
			   }

			#langbar { position: absolute; top: 12px; left: 365px;
				    width: 324px; height: 28px; text-align: center; padding-top: 5px;
				    font-size: 13px; font-family: trebuchet ms, sans-serif;
				    background: url(../gfx/langbar.gif) no-repeat;
				    }
					#langbar span { font-size: 12px; color: #d5d7de; }
				    #langbar a { color: #483622; text-decoration: none; }
				    #langbar a:hover { text-decoration: underline; }

			#navbar { position: absolute; top: 187px; left: 440px; }
				   #navbar a { height: 0px; margin-right: 6px; border-bottom: 2px solid #94b1e6; padding-bottom: 4px;
						 font-size: 16px; text-decoration: none; color: #092566; }
				   #navbar a:hover { color: #091632; border-bottom: 2px solid #7084b3; }

			#downstairs { position: absolute; left: 415px; top: 229px; font-size: 14px; }
			#downstairs a { text-decoration: none; color: #5f719b; }
			#downstairs a:hover { color: #3d5079; }
			#downstairs img { position: absolute; top: -7px; margin-left: 10px; border: 0px; }

			#sidepapers { position: absolute; top: 0px; left: 743px; width: 215px; height: 455px;
					padding-top: 88px; padding-left: 12px; background: url(../gfx/papers.gif) no-repeat;
					color: #142e6d;
					}
				#sidepapers a { margin-left: 15px; color: #142e6d; text-decoration: none; }
				#sidepapers a:hover { text-decoration: underline; }
				#sidepapers h2 { font-weight: 100; font-size: 18px; text-decoration: underline; }
				#sidepapers .pgallery { width: 180px; padding-left: 5px; margin-top: 8px; font-size: 13px;}
				#sidepapers embed { margin: 65px 0px 0px -5px; }


		#content { width: 640px; min-height: 100%;
			    margin: 10px 0px 0px 45px;
			    }
			    #content a { color: #193b8c; text-decoration: underline; }
				#content a:active { color: #000; }
			    #content a:hover { text-decoration: none; }
				#content td h3 { font-weight: 100; font-size: 19px; }
				#content table { margin-top: 10px; }
				#content table span { color: #6c6e71; font-size: 13px; }
				#content .contact { padding-left: 40px; border-left: 1px #d5d7de solid; }
				#content .open { padding-left: 8px; }
				#content .note { padding-top: 10px; font-size: 12px; color: #4d4035; }
				#content td { font-size: 15px; }
				
			#photogallery { width: 640px; margin-top: 50px;}
			#photogallery h2 { margin-top: 30px; font-weight: 100; font-size: 18px; clear: both; color: #484341; }
			#gallery { margin-left: 10px; width: 600px; }
			#photogallery img { vertical-align: middle; padding: 5px; margin: 3px; border: 1px solid #adb4db; }
			* html #photogallery img { padding: 0px; margin: 0px; border: 0px; }
			* html #photogallery .image { height: 10px; width: 10px; vertical-align: middle; padding: 5px; margin: 3px; border: 1px solid #adb4db; }
				
		#contenttext { position: relative; width: 450px; margin: 0px 0px 10px 0px; padding-top: 12px; float: left; }
			* html #contenttext { margin-top: 0px; }
			#contenttext h3 { font-weight: 100; margin-bottom: 15px; font-size: 14px; border: 2px dotted #00FFFF; color: #000000; }
			#contenttext p { margin-bottom: 15px; color: #353535; font-size: 14px; }

			#mailbox { position: absolute; left: 535px; top: 360px; width: 154px; height: 200px; 
				    padding-top: 220px; font-size: 12px;
				    background: url(../gfx/mailbox.jpg) top no-repeat; color: #444444;
				    }
					
			#mailboxpop { width: 100%; height: 100%; padding: 10px; margin: 0; }
			 #mailboxpop h1 { font-size: 24px; margin-left: 10px; color: #fff; margin-bottom: 10px; font-weight: 100; }
 			 #mailboxpop table { width: 300px; padding: 0px; border: 0px solid #8093bc; background: #fff; }
			 #mailboxpop td { padding: 10px 10px 10px 10px; border-width: 1px; font-family: georgia, verdana, sans-serif; font-size: 12px; }
			 #mailboxpop input { background: #fff; width: 220px; padding-left: 3px; font-family: georgia, verdana, sans-serif; font-size: 12px; }
			 #mailboxpop textarea { width: 300px; padding: 0px 0px 0px 3px; }
			  #mailboxpop .name { width: 80px; }
			  #mailboxpop .input { }
			  #mailboxpop .feedback { padding-top: 10px; border-top: 1px dotted #d4d6db; }
			  #mailboxpop .submit { padding-top: 0px; padding-bottom: 10px; }
			  #mailboxpop .button { vertical-align: middle; background: #c5d0e4; padding: 5px; width: 100px; }
			
				
			/* food- and winemenu styles */
			
			#foodnavi, #winenavi { position: absolute; display: block;  font-size: 12px; background: #f9f9f9; padding: 10px; 
			                       margin-left: -6px; border-top: 1px solid #eaeaea; color: #333333; }
			#foodnavi a, #winenavi a { text-decoration: none; color: #777777; }
			#foodnavi a:hover, #winenavi a:hover { color: #000; }
			
			#foods a, #wines a { text-decoration: none; color: #777777; font-size: 12px; }
			#foods a:hover, #wines a:hover { color: #000;  }
			#foods .foodinfo { color: #666666; }
			
			
			#foods, #wines { width: 640px; padding: 15px; margin-left: -13px; }
			#lunch { width: 640px; padding: 15px; margin-left: -13px;}
			#foods table, #wines table, #lunch table { width: 640px; font-size: 13px; color: #0a1e4c; }
				#foods table td, #wines table td , #lunch table td { padding: 7px; font-size: 16px; }
				#foods h2, #wines h2 { margin-top: 30px; margin-left: 0px; width: 400px; font-weight: 100; font-size: 25px; color: #483622; }
				#lunch h2 { margin: 0px; width: 500px; font-weight: 100; font-size: 25px; color: #483622; }
				#wines h3 { font-weight: 100; font-size: 14px; color: #483622; }
				#wines h4, #lunch h4 { font-weight: 100; font-size: 18px; }
				#wines p { font-size: 15px; }
				
				#lunch .info { margin-left: 10px; font-size: 14px; }
				#lunch .lunchtitle { padding: 15px 15px 15px 50px; width: 80px; vertical-align: top; text-align: left; border-bottom: 1px solid #cfd8ed; }
				#lunch .date { padding: 15px; width: 80px; vertical-align: top; text-align: center; }
				#lunch .foods { width: 530px; vertical-align: middle; text-align: left; }
				
				#foods .dark, #wines .dark, #lunch .dark { background-color: #f0f2f6; }
				
				#foods .name, #wines .name { font-size: 19px; color: #0a1e4c; border-top: 1px solid #cfd8ed; }
				#foods .name { width: 400px; }
				#wines .name { width: 400px; }
				
				#foods .description , #wines .description { padding-top: 0px; font-size: 14px; color: #0a1e4c; }
				
				#foods .price, #wines .price { text-align: center; vertical-align: middle; font-size: 17px; line-height: 24px; color: #324777; border-top: 1px solid #cfd8ed; }
				#lunch .price { padding: 15px; font-size: 17px; width: 640px; vertical-align: middle; text-align: left; border-top: 1px solid #cfd8ed; }
				#foods .price { width: 60px; }
				* html #foods .price { width: 80px; }
				#wines .price { width: 80px; }
								
			


		#footer { position: absolute; bottom: 0px; width: 743px; background: url(../gfx/page_bg_pattern.gif) repeat-y; }
		#footerbox { position: relative; height: 40px;
			   width: 716px; text-align: center; margin: 0px 0px 0px 12px;
			   padding-top: 10px; border-top: 1px #e1e4ec solid; clear: both;
			   background: #f7f8fa; font-family: trebuchet ms, verdana, sans-serif; font-size: 13px; color: #092566;
			   }
			   * html #footerbox { height: 50px; }
			   #footerbox img { vertical-align: middle; margin-left: 15px;}
			   #footerbox a { color: #0541cd; text-decoration: underline; }
			   #footerbox a:active { color: #000; }
			   #footerbox a:hover { text-decoration: none; }