* {
	margin: 0;
	padding:0;
	outline:none;
}
html, body {
	height: 100%;
	width:100%;
}
body{
	background:url(../images/layout/bg_body.gif) top center repeat;
	font-family:"trebuchet MS", Arial, Verdana;
	font-size:12px;
}
#wrapper {
	width: 950px;
	margin:0 auto;
}
#header{
	width:950px;
	height:311px;
	background:url(../images/layout/bg_header.jpg) 0 0 no-repeat;
}	
	#header h1{
		padding:53px 0 0 83px;
	}
	#header h1 a{
		width:303px;
		height:50px;
		display:block;
		text-indent:-50000px;
	}
		#header ul{
			list-style-type:none;
			width:240px;
			padding:50px 0 0 142px;
			position:relative;
			z-index:2;
		}
		* html #header ul{
			padding:46px 0 0 142px;
		}
			#header ul li{
				float:left;
				width:119px;
				height:31px;
			}
				#header ul li a{
					float:left;
					height:16px;
					background:url(../images/layout/bg_top_links.gif) 0 0 no-repeat;
					text-indent:-500000px;
					display:block;
					line-height:1px;
					font-size:1px;
				}
				#header ul li a.home{
					width:90px;
				}
				#header ul li a.home:hover, #header ul li.active a.home{
					background-position:0 -47px;
				}

				*html #header ul li a.home:hover, #header ul li.active a.home{
					background-position: 0 -49px;
				}
				
				#header ul li a.kontakt{
					width:81px;
					background-position:-119px 0;
				}
				#header ul li a.kontakt:hover, #header ul li.active a.kontakt{
					background-position:-119px -47px;
				}
				#header ul li a.anfahrt{
					width:81px;
					background-position:0 -31px;
				}
				#header ul li a.anfahrt:hover, #header ul li.active a.anfahrt{
					background-position:0 -78px;
				}
				#header ul li a.impressum{
					width:100px;
					background-position:-119px -31px;
				}
				#header ul li a.impressum:hover, #header ul li.active a.impressum{
					background-position:-119px -78px;
				}
					#header ul.second{
						position:relative;
						width:400px;
						margin:-34px 0 0 -158px;
						float:left;
						z-index:1;
					}
					* html #header ul.second{
						margin:-61px 0 0 111px;
					}
					*+html #header ul.second{
						margin:-65px 0 0 223px;
					}
						#header ul.second li{
							float:left;
						}
						#header ul.second li a.guestbook{
							width:115px;
							height:53px;
							background:url(../images/layout/bg_guestbook.gif) 0 0 no-repeat;
						}
						#header ul.second li a.guestbook:hover{
							background-position:0 -53px;
						}
							#header ul.second li a.aktuelles{
								width:82px;
								height:80px;
								position:relative;
								margin:-78px 0 0 36px;
								background:url(../images/layout/bg_aktuelles.gif) 0 0 no-repeat;
							}
							* html #header ul.second li a.aktuelles{
								margin:-78px 0 0 18px;
							}
							#header ul.second li a.aktuelles:hover, #header ul.second li.active a.aktuelles{
								background-position:0 -80px;
							}	
								#header span{
									display:none;
								}
#content{
	width:380px;
	float:left;
	background:url(../images/layout/bg_content.gif) 0 0 no-repeat;
	padding:73px 77px 0 140px;
}
	#content ul{
		list-style-type:none;
		position:relative;
		margin:0 0 0 -30px;
		padding:0 0 63px 0;
	}
		#content ul li{
			float:left;
			padding:0 0 0 30px;
		}
			#content ul li a{
				float:left;
				height:19px;
				display:block;
				text-indent:-5000px;
				background:url(../images/layout/bg_navi_container.gif) 0 0 no-repeat;
			}
			#content ul li a.gaststaette{
				width:128px;
			}
			#content ul li a.gaststaette:hover, #content ul li.active a.gaststaette{
				background-position:0 -19px;
			}
			#content ul li a.speisekarte{
				width:128px;
				background-position:-158px 0;
			}
			#content ul li a.speisekarte:hover, #content ul li.active a.speisekarte{
				background-position:-158px -19px;
			}
			#content ul li a.saal{
				width:52px;
				margin:0 0 0 6px;
				background-position:-322px 0;
			}
			* html #content ul li a.saal{
				margin:0 0 0 3px;
			}
			#content ul li a.saal:hover, #content ul li.active a.saal{
				background-position:-322px -19px;
			}
				#content h1{
					width:374px;
					height:78px;
					display:block;
					text-indent:-5000px;
					float:left;
				}
				#content h1.home{
					background:url(../images/layout/h1_home.gif) 0 0 no-repeat;
				}
				#content h1.kontakt{
					background:url(../images/layout/h1_kontakt.gif) 0 0 no-repeat;
				}
				#content h1.anfahrt{
					background:url(../images/layout/h1_anfahrt.gif) 0 0 no-repeat;
				}
				#content h1.impressum{
					background:url(../images/layout/h1_impressum.gif) 0 0 no-repeat;
				}
				#content h1.aktuelles{
					background:url(../images/layout/h1_aktuelles.gif) 0 0 no-repeat;
				}
				#content h1.gaststaette{
					background:url(../images/layout/h1_gaststaette.gif) 0 0 no-repeat;
				}
				#content h1.speisekarte{
					background:url(../images/layout/h1_speisekarte.gif) 0 0 no-repeat;
				}
				#content h1.saal{
					background:url(../images/layout/h1_saal.gif) 0 0 no-repeat;
				}
				#content h1.danke{
					background:url(../images/layout/h1_danke.gif) 0 0 no-repeat;
				}	
					#content h2{
						width:371px;
						background:url(../images/layout/bg_h2.gif) left bottom repeat-x;
						font-size:15px;
						color:#eeb816;
						font-weight:normal;
						float:left;
						margin:0 0 6px 0;
						padding:0 0 4px 0;
					}
						#content p{
							color:#d5b88c;
							line-height:16px;
							padding:0 0 12px 0;
						}
							#content a{
								color:#eeb816;
							}
							#content a:hover{
								text-decoration:none;
							}
								#content a.map img {
									border:solid 1px #eeb816;
								}
									#content a img.cms{
										border:solid 1px #eeb816;
										float:left;
										margin:0 5px 0 0;
									}
							#content .imagecontainer img {
								border: 1px dotted #eeb816;
								padding: 1px;
								margin-right: 6px;
								margin-bottom: 6px;
							}
							
							#content .imagecontainer {
								margin-bottom: 15px;
							}
#right{
	float:left;
	width:353px;
	background:url(../images/layout/bg_right_container.gif) 0 0 no-repeat;
	padding:45px 0 0 0;
}
	#hours{
		width:223px;
		height:235px;
		background:url(../images/layout/bg_hours.gif) 0 0 no-repeat;
		padding:0 0 0 12px;
		font-size:11px;
		color:#502818;
	}
		#hours h1{
			position:absolute;
			display:none;
		}
			#hours ul{
				list-style-type:none;
				width:198px;
				float:left;
				padding:63px 0 13px 0;
			}
				#right #hours ul li{
					width:191px;
					float:left;
					font-size:11px;
					color:#502818;
					padding:1px 0 0 7px;
					background:url(../images/layout/bg_hours_li.gif) left bottom repeat-x;
				}
					#right #hours ul li span{
						float:left;
					}
					#right #hours ul li p{
						width:110px;
						float:right; 
						position:relative;
						margin:-3px 0 0 0;
						line-height:22px;
					}
						#right p{
							padding:0 0 0 3px;
						}
							#adress{
								width:215px;
								height:139px;
								background:url(../images/layout/bg_adress.gif) 0 0 no-repeat;
								font-size:11px;
								color:#502818;	
								padding:85px 0 0 18px;
							}
								#adress h1{
									position:absolute;
									display:none;
								}
									#adress p{
										padding:0 0 17px 0;	
									}
									#adress a{
										font-size:11px;
										color:#810f0f;	
									}
									#adress a:hover{
										text-decoration:none;	
									}
									
				
#footer {
	width: 229px;
	height: 86px;
	float:left;
	background:url(../images/layout/bg_footer.jpg) 0 0 no-repeat;
	padding:71px 450px 0 271px;
	color:#d5b88c;
	font-size:11px;
}
	#footer h1 {
		display:none;
	}
		#footer a{
			color:#eeb816;
		}
			#footer a:hover{
				text-decoration:none;
			}

.left_p, .right_p {
	float: left;
}

.left_p {
	width: 320px;
	margin-right: 10px;
}

.right_p {
	width: 50px;
}