@charset "utf-8";

	
body {
    	font: 100% Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
    	background: #666666;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
		background-attachment:fixed;
		background-image:url(pic/metzgerei-partyservice.jpg);
		background-repeat:repeat-x;
    }
    .oneColFixCtrHdr #container {
    	width: 1024px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
    	background: #FFFFFF;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	/* border: 1px solid #000000;*/
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
    .oneColFixCtrHdr #header {
    	background: #DDDDDD; 
    	padding: 0 0px 0 0px;
    }
    .oneColFixCtrHdr #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
    .oneColFixCtrHdr #mainContent {
    	padding: 0 0px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    	background: #FFFFFF;
		height:480px;
    }
    .oneColFixCtrHdr #footer {
    	padding: 7px 20px 0px 0px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    	background:#FFFFFF;
		height:70px;
		background-image:url(pic/ofiara-catering.gif);
		background-repeat:repeat-x;
		font-size:14px;
		vertical-align:text-bottom;
		text-align:right;
}
    .oneColFixCtrHdr #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 0px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
	
	
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
   	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#kontakt {
	background-image:url(pic/kaiserslautern-partyservice.jpg);
	height:35px;
	font-size: 14px;
	font-weight:bold;
	color:#FFFFFF;
}
#phone {
	float:left;
	margin: 7px 0px 0px 162px;
}
#adresss {
	float:left;
	margin: 7px 0px 0px 146px;
}
#contact {
	float:left;
	margin: 7px 0px 0px 56px;
}
#mainnav {
	height: 135px;
}
.news {
	height: 57px;
	background-image:url(pic/catering-kaiserslautern_01.gif);
	background-repeat:repeat-x;
}
#date {
	float:left;
	margin: 22px 0px 0px 185px;
	font-size: 12px;
}
#ticker {
	float:left;
	margin: 18px 0px 0px 120px;
	font-weight:bold;
	color: #BD0926;
}
.marquee {
	position: relative;
	top: 20px;
	left:10px;
/*	float:left;*/
	width:530px;
	height: 25px;
}
.blendleft {
	position: relative;
	top: -24px;
	left:10px;
}
.blendright {
	position: relative;
	top: -81px;
	left:960px;
	width: 60px;
}
.blendfooter {
	text-align:center;
	position: relative;
	top: 340px;
	left:0px;
	width: 320px;
	height:73px;
	background-image:url(pic/kaiserslautern-metzgerei.jpg);
	background-repeat:no-repeat;
	font-size:12px;
	padding: 12px 50px 0px 68px;
}
.blendfooter-catering {
	text-align:center;
	position: relative;
	top: 365px;
	left:0px;
	width: 320px;
	height:73px;
	background-image:url(pic/kaiserslautern-metzgerei.jpg);
	background-repeat:no-repeat;
	font-size:12px;
	padding: 12px 50px 0px 68px;
}
.headmenu {
	font-size: 22px;
	margin: 5px 0px 0px 85px;
}
.headline {
	font-size: 22px;
	margin: 5px 0px 0px 0px;
	text-align:center;
}
#headmenu {
	height:45px;
	margin: 0px 0px 0px 62px;
}
#headkontakt {
	margin: 0px 0px 0px 72px;
}
#contentLeft {
	float:left;
	width:450px;
	height:480px;
}
#contentRight {
	float:left;
	width:530px;
	height:480px;
}
.tagstart {
	height:45px;
	width:16px;
	background-image:url(pic/ofiara.gif);
	background-repeat:no-repeat;
}
.essen {
	color: #BD0926;
	height:45px;
	width:175px;
	padding:5px 0px 0px 5px;
	vertical-align:text-top;
	font-weight:bold;
	background-image:url(pic/ofiara-partyservice.gif);
	background-repeat:repeat-x;
}
.catering {
	color: #BD0926;
	height:45px;
	width:175px;
	padding:5px 0px 0px 5px;
	vertical-align:text-top;
	font-weight:bold;
	background-image:url(pic/metzgerei-ofiara-kaiserslautern.gif);
	background-repeat:repeat-x;
}
.preis {
	color: #BD0926;
	height:45px;
	width:72px;
	padding:5px 0px 0px 8px;
	vertical-align:text-top;
	font-weight:bold;
	background-image:url(pic/metzgerei-ofiara-kaiserslautern.gif);
	background-repeat:repeat-x;
}
.preis2 {
	background-color:#f8c4ca;
	width:75px;
	font-weight:bold;
	color: #BD0926;
	padding:5px 5px 0px 10px;
	vertical-align:text-top;
	font-size: 14px;
}
.datum {
	color: #BD0926;
	height:45px;
	width:65px;
	padding:5px 0px 0px 0px;
	vertical-align:text-top;
	background-color:#f8c4ca;
	font-size: 11px;

/*		background-image:url(pic/metzgerei-ofiara-kaiserslautern.gif);
	background-repeat:repeat-x; */
}
.preisend {
	height:45px;
	width:18px;
	background-image:url(pic/metzgerei-ofiara.gif);
	background-repeat:no-repeat;
}
.tablecontact {
	margin:0px 0px 0px 0px;
	float:left;
}
#scrollpanel {
	float:left;
	overflow:scroll;
	margin:0px 0px 0px 22px;
	width:400px;
	height:362px;
	background-image:url(pic/wurstwaren-kaiserslautern.jpg);
	background-repeat:repeat-y;
}
#scrollpanel_catering {
	float:left;
	overflow:scroll;
	margin:0px 0px 0px 62px;
	width:362px;
	height:362px;
	background-image:url(pic/wurstwaren-kaiserslautern.jpg);
	background-repeat:repeat-y;
}

/* allgemeine Links*/

a:link { /* noch nicht besuchte Ziele */
	text-decoration:none;
	color:#BD0926; 
}    
a:visited { /* besuchte Ziele */
	 text-decoration:none;
	 color:#BD0926;
} 
a:hover { /* Verweise bei "MouseOver" */
	text-decoration:underline;
	color:#BD0926;
}   
a:active {
	text-decoration:none;
	color:#BD0926;
}

/* Links weiss */
.white a:link { /* noch nicht besuchte Ziele */
	text-decoration:none;
	color:#FFFFFF;
}    
.white a:visited { /* besuchte Ziele */
	 text-decoration:none;
	 color:#FFFFFF;
} 
.white a:hover { /* Verweise bei "MouseOver" */
	text-decoration:underline;
	color:#FFFFFF;
}   
.white a:active {
	text-decoration:none;
	color:#FFFFFF;
}

.block {
	margin: 0px 20px 0px 0px;
	padding: 10px 20px 0px 17px;
	font-size: 10px;
	text-align:justify;
}
h1 {
	color: #BD0926;
	font-size: 18px;
	margin: 6px 0px 10px 17px;
	padding: 6px 0px 0px 0px;
}
h2 {
	font-size: 15px;
	line-height: 18px;
	margin: 6px 0px 8px 17px;
	text-align:center;
}
h3 {
	font-size: 13px;
	text-align:center;
	margin: 12px 0px 2px 0px;
}
p  {
	margin: 8px 0px 8px 17px;
	padding:4px 0px 4px 0px;
}
.spaceline {
	width: 722px;
	margin: 10px 0px 10px 17px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}
.gray {
	color:#666666;
}

.floatleft {
	float:left;
	width:179px;
	background-color:#000000;
	margin: 25px 0px 0px 50px;
}
#logo {
	width: 0px;
	height: 0px;
	position:absolute;
	position:relative;
	top:1050px;
	left:155px;
}
.head {
	background-image:url(pic/herrenbekleidung.gif);
	background-repeat:repeat-x;
	width: 750px;
	height: 338px;
	margin:0px 0px 0px 0px;
}
.footer {
	background-image:url(pic/herrenbekleidung.gif);
	background-repeat:repeat-x;
	background-position: 0px -60px;
	width: 750px;
	height: 308px;
}
.bold {
	font-weight:bold;
}
.day {
	background-image:url(pic/kaiserslautern-catering.gif);
	background-repeat:repeat-y;
	vertical-align:top;
	width: 62px;
}
.gericht {
	width: 157px;
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	vertical-align:text-top;
}
.gericht2 {
	width: 157px;
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	vertical-align:text-top;
	background-color:#f2e0e3;
}
.spacer {
	height:2px;
	padding: 0px 0px 0px 22px;
	border-left-width: 40px;
	border-left-style: solid;
	border-top-color: #f8c4ca;
	border-left-color: #ffffff;
	margin:0px 0px 0px 144px;
	background-color:#f8c4ca;
}
.left {
/*	background-image:url(pic/kaiserslautern-metzgerei.jpg);
	background-repeat:no-repeat;*/
	float:left;
	width:415px;
}
.black {
	color:#000000;
}
.design {
	padding: 5px 0px 0px 220px;
}
.center {
	text-align:center;
}
.left {
	text-align:left;
	padding: 0px 0px 0px 0px;
}
.small {
	font-size: 14px;
}
.footernavi {
	margin:8px 0px 0px 0px;
	font-size: 12px;
	text-align:center;
}
.pfeil {
	background-image:url(pic/feinkost-kaiserslautern.jpg);
	background-repeat:no-repeat;
	background-position: -3px 280px;

}
#slideshow {
	padding: 0px 0px 0px 26px;
	margin: 0px 0px 0px 30px;
	height:155px;
	width:440px;
}
.hidepics {
  width:0px;
  height:0px;
  visibility:hidden;
}
.angebote {
	height:220px;
	overflow:scroll;
	overflow-x:hidden;
	margin:0px 10px 0px 10px;
	font-size:12px;
	background-image:url(pic/catering-partyservice-weihnachten-metzgerei.gif);
	background-repeat:repeat-x;
	background-attachment:inherit;
}
.rot {
	color: #BD0926;
}