@charset "utf-8";
/* CSS Document */

* { 
	margin: 0;
	padding:0;
} 

html { 
	background:url(../images/layout/html-bgr.jpg) center 0 repeat;
} 

body {
	background:url(../images/layout/body-bgr.jpg) center 0 repeat-x;
	line-height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#352709;
}

/*----------------------------------------------[ main tags ]-----------------------------------------------*/


p {
	margin:0 0 18px 0;
}
textarea {
	overflow:auto;
}
a {
	text-decoration:underline;
	outline:none;
	color:#95250b;
}
a:hover {
	text-decoration:none;
}
/*-------------------------------------------[ site structure ]------------------------------------------*/

#wrapper { 
	width:950px;
	margin:0 auto;
	background:url(../images/layout/wrapper-bgr.jpg) 0 0 repeat-y;
	overflow:hidden;
}
	#header {
		height:360px;
		background:url(../images/layout/header-bgr.jpg) 0 0 no-repeat;
		position:relative;
	}
		#header h1 {
			position:absolute;
		}
		#header h1 a {
			position:absolute;
			display:block;
			text-indent:-5000px;
			left:35px;
			top:14px;
			width:168px;
			height:131px;
		}
			#topnav {
				width:284px;
				height:14px;
				overflow:hidden;
				top:13px;
				right:59px;
				position:absolute;
				text-indent:-5000px;
			}
				#topnav li {
					float:left;
					height:14px;
					overflow:hidden;
					margin:0 16px 0 0;
					list-style-type:none;
				}
					#topnav li a {
						display:block;
						background:url(../images/layout/topnav.jpg) -5000px 0 no-repeat;
						width:56px;
						height:14px;
						overflow:hidden;
					}
						#topnav li a.startseite:hover {
							background-position:0 0;
						}
						#topnav li.active a.startseite {
							background-position:0 -14px;
						}
						#topnav li a.kontakt {
							width:48px;
						}
						#topnav li a.kontakt:hover {
							background-position:-72px 0;
						}
						#topnav li.active a.kontakt {
							background-position:-72px -14px;
						}
						#topnav li a.anfahrt {
							width:46px;
						}
						#topnav li a.anfahrt:hover {
							background-position:-136px 0;
						}
						#topnav li.active a.anfahrt {
							background-position:-136px -14px;
						}
						#topnav li a.impressum {
							width:70px;
						}
						#topnav li a.impressum:hover {
							background-position:-198px 0;
						}
						#topnav li.active a.impressum {
							background-position:-198px -14px;
						}
				#mainnav {
					width:270px;
					overflow:hidden;
					height:119px;
					left:42px;
					top:205px;
					position:absolute;
				}
					#mainnav li {
						float:left;
						width:135px;
						height:17px;
						padding:0 0 16px 0;
						list-style-type:none;
					}
						#mainnav li a {
							display:block;
							text-indent:-5000px;
							width:93px;
							height:17px;
							overflow:hidden;
							background:url(../images/layout/mainnav.jpg) -5000px 0 no-repeat;
						}
							#mainnav li a.startseite {
								width:93px;
							}
							#mainnav li a.startseite:hover, #mainnav li.active a.startseite {
								background-position:0 -119px;
							}
							#mainnav li a.trattoria {
								width:102px;
								background-position:-135px 0;
							}
							#mainnav li a.trattoria:hover, #mainnav li.active a.trattoria {
								background-position:-135px -119px;
							}
							#mainnav li a.pizzeria {
								width:82px;
								background-position:0 -33px;
							}
							#mainnav li a.pizzeria:hover, #mainnav li.active a.pizzeria {
								background-position:0 -152px;
							}
							#mainnav li a.terrazza {
								width:98px;
								background-position:-135px -33px;
							}
							#mainnav li a.terrazza:hover, #mainnav li.active a.terrazza {
								background-position:-135px -152px;
							}
							#mainnav li a.aktionen {
								width:92px;
								background-position:0 -66px;
							}
							#mainnav li a.aktionen:hover, #mainnav li.active a.aktionen {
								background-position:0 -185px;
							}
							#mainnav li a.mittagsmenue {
								width:134px;
								background-position:-135px -66px;
							}
							#mainnav li a.mittagsmenue:hover, #mainnav li.active a.mittagsmenue {
								background-position:-135px -185px;
							}
							#mainnav li a.speisekarte {
								width:108px;
								background-position:0 -99px;
							}
							#mainnav li a.speisekarte:hover, #mainnav li.active a.speisekarte {
								background-position:0 -218px;
							}
							#mainnav li a.speisekarte2 {
								width:120px;
								background-position:-135px -99px;
							}
							#mainnav li a.speisekarte2:hover, #mainnav li.active a.speisekarte2 {
								background-position:-135px -218px;
							}
							
							
							
						
	#miniheader {
		height:160px;
		background:url(../images/layout/miniheader-bgr.jpg) 0 0 no-repeat;
		position:relative;
	}
		#miniheader form {
			width:300px;
			height:150px;
			position:absolute;
			left:45px;top:19px;
		}
			#miniheader form h3 {
				font:15px Georgia, "Times New Roman", Times, serif;
				font-weight:normal;
				color:#9e001a;
				height:30px;
			}
			#miniheader form p {
				line-height:16px;
				margin:0 0 9px 0;
			}
			#miniheader form input#email {
				margin:1px 0 0 16px;
				width:166px;
				border:0;
				background:transparent;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#352709;
			}
			#miniheader form input#submitform {
				position:absolute;
				left:149px;
				top:96px;
				width:80px;
				height:23px;
				border:0;
				background:transparent url(../images/layout/anmeldenhover.jpg) -5000px 0 no-repeat;
				cursor:pointer;
			}
			#miniheader form input#submitform:hover {
				background-position:1px 1px;
			}
		#miniheader h2 {
			position:absolute;
			left:398px;
			top:90px;
			width:393px;
			height:57px;
			text-indent:-5000px;
		}
			h2.h2_index {
				background:url(../images/layout/h2-index.jpg) 0 0 no-repeat;
			}
			h2.h2_trattoria {
				background:url(../images/layout/h2-trattoria.jpg) 0 0 no-repeat;
			}
			h2.h2_terrazza {
				background:url(../images/layout/h2-terrazza.jpg) 0 0 no-repeat;
			}
			h2.h2_mittagsmenue {
				background:url(../images/layout/h2-mittagsmenue.jpg) 0 0 no-repeat;
			}
			h2.h2_speisekarte {
				background:url(../images/layout/h2-speisekarte.jpg) 0 0 no-repeat;
			}
			h2.h2_pizzeria {
				background:url(../images/layout/h2-pizzeria.jpg) 0 0 no-repeat;
			}
			h2.h2_aktionen {
				background:url(../images/layout/h2-aktionen.jpg) 0 0 no-repeat;
			}
			h2.h2_kontakt {
				background:url(../images/layout/h2-kontakt.jpg) 0 0 no-repeat;
			}
			h2.h2_danke {
				background:url(../images/layout/h2-danke.jpg) 0 0 no-repeat;
			}
			h2.h2_anfahrt {
				background:url(../images/layout/h2-anfahrt.jpg) 0 0 no-repeat;
			}
			h2.h2_impressum {
				background:url(../images/layout/h2-impressum.jpg) 0 0 no-repeat;
			}
			h2.h2_newsletter {
				background:url(../images/layout/h2-newsletter.jpg) 0 0 no-repeat;
			}
			
	#sidebar {
		width:398px;
		height:531px;
		background:url(../images/layout/sidebar.jpg) 0 0 no-repeat;
		position:relative;
		float:left;
		margin:-1px 0 0 0;
	}
		#sidebar p {
			text-indent:-5000px;
		}
		#sidebar a.trattoria {
			display:block;
			position:absolute;
			left:216px;
			top:10px;
			width:152px;
			height:34px;
			background:url(../images/layout/tratoriahover.jpg) -5000px 0 no-repeat;
			text-indent:-5000px;
		}
		#sidebar a.trattoria:hover, #sidebar a.hover  {
			background-position:0 0;
		}
		#sidebar a.pizzeria {
			display:block;
			position:absolute;
			left:55px;
			top:115px;
			width:134px;
			height:44px;
			background:url(../images/layout/pizzahover.jpg) -5000px 0 no-repeat;
			text-indent:-5000px;
		}
		#sidebar a.pizzeria:hover, #sidebar a.hover {
			background-position:0 0;
		}
		#sidebar a.terrazza {
			display:block;
			position:absolute;
			left:216px;
			top:243px;
			width:132px;
			height:27px;
			background:url(../images/layout/terrazzahover.jpg) -5000px 0 no-repeat;
			text-indent:-5000px;
		}
		#sidebar a.terrazza:hover, #sidebar a.hover {
			background-position:0 0;
		}
	#content {
		width:552px;
		float:left;
		background:url(../images/layout/content-bgr.jpg) 0 0 no-repeat;
		height:auto !important;
		min-height:456px;
		height:456px;
	}
	
	#content ul {
		padding-left: 27px;
		margin-bottom: 25px;
		line-height: 20px;
		list-style-type: square;
		margin-top: 15px;
	}
		#content h3 {
			font-size:14px;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#9e001a;
			font-weight:normal;
			padding:6px 0 9px 13px;
			background:url(../images/layout/h3-boxbgr.jpg) 0 30px no-repeat;
			height:74px;
			margin:0 0 -64px 0;
		}
		#content .box {
			background:url(../images/layout/container-bgr.jpg) 0 0 repeat;
			width:475px;
			padding:0 0 12px 0;
			margin:0 0 16px 2px;
		}
		#content .box p {
			padding:10px 24px 8px 13px;
			margin:0;
		}
		
		#content .box .speisekarte_table{
			width: 450px;
			border-collapse: collapse;
			margin-left: 10px;
			margin-top: 25px;
		}
		
		#content .box .speisekarte_table td {
			padding: 2px;
			padding-left: 5px;
			
		}
		

		#content .box .speisekarte_table .bg {
			background-color: #dac691;
			border: none;
		}	
		
		#content .box .headline {
			color:#9e001a;
		}
		
		
	
		
		
	#push {height:75px;clear:both;}	
#footer {
	height:188px;
	clear:both;
	background:transparent url(../images/layout/footer-bgr.jpg) right 0 no-repeat;
	margin:-75px auto 0 auto;
	width:950px;
	position:relative;
}
	#footer ul {
		width:460px;
		right:78px;
		top:-3px;
		position:absolute;
		font:11px/18px Verdana, Arial, Helvetica, sans-serif;
		color:#29200e;
		letter-spacing:-0.03em;
	}
	#footer ul li {
		width:225px;
		float:left;
		list-style-type:none;
	}
	#footer ul li h4 {
		font:20px Georgia, "Times New Roman", Times, serif;
		color:#29200e;
		height:28px;
	}
/*Newsletter*/
div.newsletter {
	background:url(../images/layout/miniheader-bgr-newsletter.jpg) 0 0 no-repeat !important;
}
/*Anfahrt*/
.clear {
	clear:both;
}
a.map {
	float:right;
	margin:10px 20px 0 0;
	width:200px;
	height:150px;
}
a.map img {
	border:1px solid #821701;
}
#routenpl {
	float:right;
	margin:2px 5px 0 0;
	width:275px;
	height:180px;
}
/*CMS*/

.cms h3 {

	font-size:14px;
	text-align:left;
	color:#8e6b31;
	padding:20px 0 0 0;
}
.cms h4 {
	margin:10px 0 5px 0;
}
img.cmsimg {
	width:80px;
	height:80px;
	border:1px solid #861701;
	margin:12px 10px 0 0;
	float:left;
}
.cms p {
	font-size:11px;
}
.cms {
	margin:0 0 30px 0;
	clear:both;
}
.cms_aktionen img {
	float:left;
	margin:0 10px 10px 15px;
}
.cms_aktionen_bilds {
	clear:both;
	margin:0 0 0 15px;
}
.innercms {
	padding:12px 12px 0 12px;
}


.float_img {
	float: left;
	margin-top: 4px;
	margin-right: 8px;
	border: 2px solid #861701;
}

.imagecontainer img {
	border: none;
	border: 2px solid #861701;
	margin-top: 8px;
	margin-right: 8px;
}


div#euroweb {
	margin-left: 12px;
	margin-top: 10px;
}