*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

body, html{
	height: 100%;
	
	background: #5e2f27 url(../images/layout/body_hintergrund.jpg) repeat-x;
}

div#imagebox{
	width: 100%;
	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	
	background: transparent url(../images/layout/imagebox_hintergrund.png) no-repeat center top;
}
div#wrapper{
	position: relative;

	width: 900px;  /* 12pt = 16px = 1em = 100% */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	
	margin: 0 auto -180px;
}

	div#head, ul#navigation, div#content, div#head a#logo, div#rechtespalte, div#linkespalte{
		float: left;
	}

		div#head{
			width: 100%;
			height: 601px;
		}
			div#head a#logo{
				display: block;
				
				text-indent: -9999px;
			
				width: 100%;
				height: 250px;
				
				background: transparent url(../images/layout/logo_hintergrund.jpg) center top;
			}	
			
			div#head img#banner{
				width: 100%;
				height: 351px;
				margin: 0 !important;
				padding: 0 !important;
				border: 0 !important;
			}	
		ul#navigation{	
			position: relative;
						
			width: 100%;
			height: auto;
			
			list-style: none;
		}
			ul#navigation li{
				float: left;
			}

				ul#navigation li a{
					display: block;
					height: 58px;
					text-indent: -9999px;
				}
				
					ul#navigation li a#ueberuns{
						width: 116px;
						background: transparent url(../images/layout/navigation.jpg) 0 0;
					}
						ul#navigation li a#ueberuns:hover{
							background: transparent url(../images/layout/navigation.jpg) 0 -58px;
						}
					ul#navigation li a#geschichte{
						width: 147px;
						background: transparent url(../images/layout/navigation.jpg) -116px 0;
					}
						ul#navigation li a#geschichte:hover{
							background: transparent url(../images/layout/navigation.jpg) -116px -58px;
						}
					ul#navigation li a#team{
						width: 96px;
						background: transparent url(../images/layout/navigation.jpg) -263px 0;
					}
						ul#navigation li a#team:hover{
							width: 96px;
							background: transparent url(../images/layout/navigation.jpg) -263px -58px;
						}
					ul#navigation li a#speisekarte{
						width: 163px;
						background: transparent url(../images/layout/navigation.jpg) -359px 0;
					}
						ul#navigation li a#speisekarte:hover{
							background: transparent url(../images/layout/navigation.jpg) -359px -58px;
						}
						
						ul#navigation li#speisekarte-submenu ul{
							position: absolute;
							display: none;
							
							top: 58px;
							left: 360px;
							
							width: 173px;
							height: 94px;

							background: transparent;
							
							z-index: 100;
						}
						*html ul#navigation li#speisekarte-submenu ul{
							display: block;
						}
						ul#navigation li#speisekarte-submenu:hover ul{
							display: block;
						}
							ul#navigation li#speisekarte-submenu ul li{
								width: 100%;
								position: relative;
							}
						
							ul#navigation li#speisekarte-submenu ul li a{
								width: 100%;
							}
								ul#navigation li#speisekarte-submenu ul li a#tageskarte{
									height: 44px;
									background: transparent url(../images/layout/submenu_hintergrund.jpg) top center;
								}
									ul#navigation li#speisekarte-submenu ul li a#tageskarte:hover{
										background: transparent url(../images/layout/submenu_hintergrund.jpg) 0 -94px;
									}
								ul#navigation li#speisekarte-submenu ul li a#menues{
									height: 50px;
									background: transparent url(../images/layout/submenu_hintergrund.jpg) 0 -44px;
								}
									ul#navigation li#speisekarte-submenu ul li a#menues:hover{
										height: 50px;
										background: transparent url(../images/layout/submenu_hintergrund.jpg) 0 -138px;
									}						
					ul#navigation li a#biergarten{
						width: 143px;
						background: transparent url(../images/layout/navigation.jpg) -512px 0;
					}
						ul#navigation li a#biergarten:hover{
							background: transparent url(../images/layout/navigation.jpg) -512px -58px;
						}
					ul#navigation li a#aktuelles{
						width: 136px;
						background: transparent url(../images/layout/navigation.jpg) -655px 0;
					}
						ul#navigation li a#aktuelles:hover{
							background: transparent url(../images/layout/navigation.jpg) -655px -58px;
						}
					ul#navigation li a#galerie{
						width: 99px;
						background: transparent url(../images/layout/navigation.jpg) -791px 0;
					}
						ul#navigation li a#galerie:hover{
							background: transparent url(../images/layout/navigation.jpg) -791px -58px;
						}
		
		div#content{
				width: 900px;
				
				height: auto;
		}
			h2#seitenueberschrift{
				width: 900px;
				height: 90px;
				
				text-indent: -9999px;
			}
				h2.index{
					background: #5e2f27 url(../images/ueberschriften/index.jpg) left center;
				}
				h2.kontakt{
					background: #5e2f27 url(../images/ueberschriften/kontakt.jpg) left center;
				}
				h2.anfahrt{
					background: #5e2f27 url(../images/ueberschriften/anfahrt.jpg) left center;
				}
				h2.impressum{
					background: #5e2f27 url(../images/ueberschriften/impressum.jpg) left center;
				}
				h2.ueberuns{
					background: #5e2f27 url(../images/ueberschriften/ueberuns.jpg) left center;
				}
				h2.geschichte{
					background: #5e2f27 url(../images/ueberschriften/geschichte.jpg) left center;
				}
				h2.team{
					background: #5e2f27 url(../images/ueberschriften/team.jpg) left center;
				}
				h2.tageskarte{
					background: #5e2f27 url(../images/ueberschriften/tageskarte.jpg) left center;
				}
				h2.menues{
					background: #5e2f27 url(../images/ueberschriften/menues.jpg) left center;
				}
				h2.biergarten{
					background: #5e2f27 url(../images/ueberschriften/biergarten.jpg) left center;
				}
				h2.aktuelles{
					background: #5e2f27 url(../images/ueberschriften/aktuelles.jpg) left center;
				}
				h2.galerie{
					background: #5e2f27 url(../images/ueberschriften/galerie.jpg) left center;
				}
				h2.danke{
					background: #5e2f27 url(../images/ueberschriften/danke.jpg) left center;
				}
			
			div#einspaltig{
				width: 890px;

				padding-left: 10px;
				
				float: none;
				clear: both;
			}
		
			div#linkespalte{
				width: 420px;
				padding: 0 50px 0 10px;
				
				height: auto;
			}
			div#rechtespalte{
				width: 420px;
				
				height: auto;
			}
		
		div#footer{
			float: none;
			clear: both;
			
			height: 220px;
			
			background: transparent url(../images/layout/footer_hintergrund.jpg) center top;
		}
			ul#subnavigation{
				width: auto;
			}
				ul#subnavigation li{
					padding: 65px 0 0 10px;
					float: left;
					width: auto;
					
					padding-right: 22px;
				}
					ul#subnavigation li a{
						font-size: 14px;
						font-weight: normal;
						color: #f6f0d0;
						text-decoration: none;
					}
						ul#subnavigation li a:hover{
							font-size: 14px;
							font-weight: normal;
							color: white;
						}
			div#footer address{
				padding-top: 18px;
			
				float: none;
				clear: both;
				
				font-size: 14px;
				font-style: normal;
				line-height: 18px;
				
				width: 100%;
				
				text-align: center;
			}
				div#footer address strong{
					font-size: 18px;
					font-weight: normal;
				}
			
/* 2. Sonstige Elemente */

ul{
	list-style: none;
}
	ul li{
		padding: 0;
	}
	
img{
	/*padding: 5px;*/

	border: 1px solid #EFEFEF;	
	
	background: #FFFDF0;
}

hr{
	display: block;

	border-bottom: 1px solid #000;
	
	float: none;
	clear: both;
}

/* 3. Klassen */

p.galerie img{
	margin: 11px 11px 0 0;
}

p.myPicture{
}

p.myPicture img{
	display: block;

	width: 150px;
	height: 150px;
	
	margin: 0 auto;
}

.width30p{
	text-align: center;
	padding: 25px 10px 80px 10px;
	float: left;
	width: 270px;
}

.nostyle{
	background: none;
	padding: 0;
	margin: 0;
	border: 0;
}

.stopfloat{
	float: none;
	clear: both;
}

.zentriert{
	margin: 0 auto;
}

img.floatLinks{
	margin: 0 1.8em 1.8em 0;

	float: left;
}
img.floatRechts{
	margin: 0 0 1.8em 1.8em;

	float: right;
}

div#euroweb{
	padding-top: 50px;
	float: right;
}