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

* {
	padding:0;
	margin:0;}
	
body {
	background:#eef1d1 url(../images/back.jpg)  top center repeat-x;
	font-size:10pt;
	font-family:Verdana, Arial, Helvetica, sans-serif}
	
/*Html*/

h1 {
	text-indent:-9999px;
	font-size:1px;}
	
h2 {
	margin:0 0 15px 0;
	color:#c50000;
	text-transform:uppercase;
	font-weight:normal;
	font-style:italic;
	font-size:1.7em;}
	
h3 {
	margin:0 0 15px 0;}
	
ul {
	list-style:none;}
	
p {
	margin:0 0 15px 0;}
	
a {
	color:#c50000;}
	
.clear {
	clear:both;
	float:none;}
	
.clear2 {
	clear:both;
	float:none;
	border-top:1px solid #444;
	text-align:right;
	padding:0 20px 0 20px;
	height:40px;
	width:90%;
	margin:0 auto;}
	
#container {
	background:url(../images/schwarzwald1.jpg) top center no-repeat;
	width:100%;}
	
/*Fahnen*/

#fahne {
	width:284px;
	height:80px;
	text-indent:-9999px;
	font-size:1px;
	top:221px;
	position:relative;}
	
	#bod-start #fahne   {
		background:url(../images/fahne_start.jpg) no-repeat;}
		
	#bod-angebote #fahne   {
		background:url(../images/fahne_angebote.jpg) no-repeat;}
		
	#bod-trad #fahne   {
		background:url(../images/fahne_tradition.jpg) no-repeat;}
		
	#bod-produkte #fahne   {
		background:url(../images/fahne_produkte.jpg) no-repeat;}
		
		
	
#header {
	width:956px;
	margin:0 auto;
	height:245px;}
	
/*Unternavigation*/
	
#unternav {
	width:956px;
	height:56px;
	margin:0 auto;}
	
	#unternav ul {
		left:409px;
		width:547px;
		height:56px;
		position:relative;}
	
	#unternav li {
		float:left;}
				
	#unternav a {
		height:34px;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		font-size:1px;}
		
	/*Unternav IDs*/
	
	a#startseite {
		width:90px;
		background:url(../images/unternav1.jpg) no-repeat;}
		
	a#video {
		width:165px;
		background:url(../images/unternav1.jpg) -90px 0 no-repeat;}
		
	a#angebot {
		width:92px;
		background:url(../images/unternav1.jpg) -255px 0 no-repeat;}
		
	a#kontakt {
		width:86px;
		background:url(../images/unternav1.jpg) -347px 0 no-repeat;}
		
	a#impressum {
		width:98px;
		background:url(../images/unternav1.jpg) -433px 0 no-repeat;}
		
	#unternav a:hover,
	#unternav li.aktiv a {
		background:none!important;}
		
/*Bild & Navi*/
	
#image, #navigation {
	float:left;
	height:236px;}
	
	
#image  {
	width:467px;
	height:212px;
	padding:8px 0 0 0;}
	
#image a img {
	border:0;}
	
#navigation {
	width:473px;
	height:220px;}
	
	#navigation a {
		width:100%;
		height:24px;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		font-size:1px;}
	
#navigation .TabbedPanelsContent ul {
	float:left;
	padding:8px 0 0 0;}
	
	
	#spalte-metz {
		width:241px;}
	
	a#angebote {
		background:url(../images/navi2.jpg) no-repeat;}
		
	a#anfahrt-metzger {
		background:url(../images/navi2.jpg) 0 -24px no-repeat;}
		
	a#angebote:hover,
	li.aktiv a#angebote {
		background:url(../images/navi2_hover.jpg) no-repeat;}
		
	a#anfahrt-metzger:hover,
	li.aktiv a#anfahrt-metzger {
		background:url(../images/navi2_hover.jpg) 0 -24px no-repeat;}

	
	#spalte-trad {
		width:241px;}
	
	a#tradition {
		background:url(../images/navi1.jpg) no-repeat;}
		
	a#produkte {
		background:url(../images/navi1.jpg) 0 -24px no-repeat;}
		
	a#shop {
		background:url(../images/navi1.jpg) 0 -48px no-repeat;}
		
			
				
	/*Navi 'Kramer' Spalte 1 Hover*/
	
	a#tradition:hover,
	li.aktiv a#tradition {
			background:url(../images/navi1_hover.jpg) no-repeat;}
	
	a#produkte:hover,
	li.aktiv a#produkte {
			background:url(../images/navi1_hover.jpg) 0 -24px no-repeat;}
	
	a#shop:hover,
	li.aktiv a#shop {
		background:url(../images/navi1_hover.jpg) 0 -48px no-repeat;}
		
	/*Navi 'Kramer' Spalte 2*/
	
	#spalte-rezepte {
		width:231px;}
		
	a#rezepte {
		background:url(../images/navi1.jpg) -241px 0 no-repeat;}
		
	a#lexikon {
		background:url(../images/navi1.jpg) -241px -24px no-repeat;}
		
	a#anfahrt {
		background:url(../images/navi1.jpg) -241px -48px no-repeat;}
		
	
	/*Navi 'Kramer' Spalte 2 Hover*/
	
	a#rezepte:hover,
	li.aktiv a#rezepte  {
		background:url(../images/navi1_hover.jpg) -241px 0 no-repeat;}
		
	a#lexikon:hover,
	li.aktiv a#lexikon  {
		background:url(../images/navi1_hover.jpg) -241px -24px no-repeat;}
		
	a#anfahrt:hover, 
	li.aktiv a#anfahrt {
		background:url(../images/navi1_hover.jpg) -241px -48px no-repeat;}
		
	
	
#inhalt {
	width:940px;
	margin:0 auto;
	padding:6px 8px 8px 7px;
	background:url(../images/inhalt1.jpg) no-repeat;}
	
#inhalt-inner {
	width:956px;
	margin:0 auto;
	clear:both;
	float:none;
	background:url(../images/inhalt2.jpg) repeat-y;}
	
#inhalt-bottom {
	width:956px;
	height:10px;
	margin:0 auto;
	background:url(../images/inhalt-bottom.jpg) no-repeat;}
	
.spalte,
.spalte3 {
	width:44%;
	float:left;
	color:#484848;
	line-height:1.5em;
	padding:20px;
	letter-spacing:0.01em;}
	
.spalte3 {
	background:#f1ebc9;
	margin:2px 20px 20px 20px;
	width:40%;}
	
.zeile {
	padding:10px 10px 2px 10px;}
	
#bod-produkte .spalte {padding:20px 20px 0px 20px;}
	
.zeile2 {
	padding:20px;}
	
.spalte2 {
	width:28%;
	float:left;
	color:#484848;
	line-height:1.5em;
	padding:0px 10px 0 30px;
	letter-spacing:0.01em;}
	
.adress-block {
	float:left;
	padding:0 10px 0 17px;}
	
.alternate {
	background:#f2eac3;}
	
table {
	border-collapse:collapse;
	margin:0 0 25px 0;}
	
td {
	padding:3px 5px 2px 20px;
	color:#554;
	border-bottom:1px solid #444;}
	
.spalte2 ul,
.spalte ul {
	margin:0 0 25px 0;}
	
.spalte2 li,
.spalte li {
	padding:3px 25px 0 30px;
	background:url(../images/liste.png) 10px 10px no-repeat;}
	
ul.list {
	float:left;
	width:130px;
	margin:0;}
	
form#Suche,
form#Sucheaktualisieren {
	background:#ece4b5;
	border:1px solid #fff;
	padding:10px 10px 15px 25px;
	margin-top:5px;}
	
fieldset#suche,
fieldset#sucheaktu {
	border:0;}
	
fieldset#sucheaktu {
	padding:5px 0 0 200px;}
	
form#Suche input {
	border-top:0px solid #444;
	border-right:0px solid #444;
	border-left:0px solid #444;
	border-bottom:1px solid #444;
	background:#f1ebc9;
	margin:10px 10px 0 0;
	width:180px;
	padding:3px 3px 3px 3px;}
	
form#Sucheaktualisieren input#aktsuche,
form#Suche input#submitsuche
 {				/* Gestaltung des Submit-Buttons */
	width:140px;
	color:#000;
	border:1px inset #521210;
	background:#fff;
	cursor:pointer;
	font-size:1.2em;
	font-style:italic;
	
	font-family:"Times New Roman", Times, serif;
}

	
#footer {
	width:800px;
	margin:0 auto;
	padding:10px 0 10px 0;
	color:#5d562a;}