@charset "utf-8";
* 	  {
		margin: 0px;
		padding: 0px;
	  }
a:link 	 {
		 font-weight:bold;
		 color:#9A0002;
		 text-decoration:none;
		 }
		 
a:visited {
		 font-weight:bold;
		 color:#9A0002;
		 text-decoration:none;
		  }
		  
a:focus   {
		 font-weight:bold;
		 color:#9A0002;
		 text-decoration:underline;
		  }
		  
a:hover   {
		 font-weight:bold;
		 color:#000000;
		 text-decoration:none;
		  }
		  
a:active  {
		 font-weight:bold;
		 color:#9A0002;
		 text-decoration:underline;
		  }
	  
body  {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
    	background: #E4E4E4 url(../images/bg.jpg) no-repeat;
    	margin: 0;
    	padding: 0;
    	color: #000000;
     }
	 
	.container {
    	width: 980px;  
    	margin-left: 200px;
    	text-align: left;
    }
	
	.top {
    	width: 980px;  
    	height: 50px;
		background: url(../images/top.jpg) no-repeat;
		margin:0 auto;
		text-align: left;
    }
	
    .header {
    	height: 150px;
    	background: url(../images/header.jpg) no-repeat;
    	padding: 0 10px 0 20px;
    } 
    .header h1 {
    	margin: 0; 
    	padding: 10px 0 0 0;
    }
	
	.menu {
		width: 980px;
		height:34px;
		font-size: 12px;
		background: url(../images/menue.gif) repeat-y;
		color: #FFFFFF;
	}
	
    * html .menu {
		width:980px;
		w\idth:979px;
	}
    
    .menu ul {
		padding: 0;
		margin: 0;
		list-style-type:none;
	}
	
    .menu ul ul {
		float: right;
		/*width:149px;*/
	}

    .menu li {
		float:left;
		/*width:149px;*/
		position:relative;
	}

    .menu a, .menu a:visited {
		height:34px;
		display:block;
		font-size:12px;
		text-decoration:none;
		border-width:1px 0 1px 1px;
		padding-left:10px;
		line-height:34px;
		font-weight:bold;
	}
	
    * html .menu a, * html .menu a:visited {
		width:149px;
		w\idth:138px;
	}

    /* style the second level background */
    .menu ul ul a.drop, .menu ul ul a.drop:visited {
		background:#e4e4e4;
	}
	
    /* style the second level hover */
    .menu ul ul a.drop:hover{
		background:#e4e4e4;
	}
	
    .menu ul ul :hover > a.drop {
		background:#e4e4e4;
	}

    /* hide the sub levels and give them a positon absolute so that they take up no room */
    .menu ul ul {
		visibility:hidden;
		position:absolute;
		height:0;
		top: 34px;
		left:0;
		width:149px;
	}
    
	/* another hack for IE5.5 */
    * html .menu ul ul {
		top:30px;
		t\op:34px;
	}

    /* style the table so that it takes no ppart in the layout - required for IE to work */
    .menu table {
		position:absolute;
		top:0;
		left:0;
		border-collapse:collapse;
	}

    /* style the second level links */
    .menu ul ul a, .menu ul ul a:visited {
		text-align: left;
		font-size: 11px;
		height:auto;
		line-height:2em;
		padding:5px 10px;
		border-width:0 1px 1px 1px;
		border-top: 1px #ffffff dotted;
	}
	
	.menu ul ul ul a, .menu ul ul ul a:visited {
		font-size: 9px;
	}
	
    /* yet another hack for IE5.5 */
    * html .menu ul ul a, * html .menu ul ul a:visited {
		width:150px;
		w\idth:128px;
	}

    /* make the second level visible when hover on first level list OR link */
    .menu ul li:hover ul, .menu ul a:hover ul{
		visibility:visible;
	}
	
   .menu li a.startseite {
	color: #ffffff;
    width: 75px;
    height: 34px;
	line-height: 34px;
	margin-left: 20px;
	}

	.menu li a.tagesessen {
	color: #ffffff;
    width: 86px;
    height: 34px;
	line-height: 34px;
	}

	.menu li a.angebot {
	color: #ffffff;
    width: 105px;
    height: 34px;
	line-height: 34px;
	}

	.menu li a.firmenportrait {
	color: #ffffff;
    width: 105px;
    height: 34px;
	line-height: 34px;
	}

	.menu li a.team {
	color: #ffffff;
    width: 75px;
    height: 34px;
	line-height: 34px;
	}
	
	.menu li a.bildergalerie {
	color: #ffffff;
    width: 96px;
    height: 34px;
	line-height: 34px;
	}
	
	.menu li a.viehlieferant {
	color: #ffffff;
    width: 98px;
    height: 34px;
	line-height: 34px;
	}
	
	.menu li a.kontakt {
	color: #ffffff;
    width: 62px;
    height: 34px;
	line-height: 34px;
	}

	.menu li a.impressum {
	color: #ffffff;
    width: 82px;
    height: 34px;
	line-height: 34px;
	}
	
	.menu li.active a.startseite, .menu li.active a.tagesessen, .menu li.active a.angebot, .menu li.active a.firmenportrait, .menu li.active a.team, .menu li.active a.bildergalerie, .menu li.active a.viehlieferant, .menu li.active a.kontakt, .menu li.active a.impressum {
	color: #FCFC04;
}

.menu li a.startseite:hover, .menu li a.tagesessen:hover, .menu li a.angebot:hover, .menu li a.firmenportrait:hover, .menu li a.team:hover, .menu li a.bildergalerie:hover, .menu li a.viehlieferant:hover, .menu a.kontakt:hover, .menu li a.impressum:hover {
	background: #ffffff;
	color: #000000;	
	
}

	.menu ul ul a.warmeessen, .menu ul ul a.warmeessen:visited {
  	background: #C0C0C0;
	color: #000000;
    width: 149px;
    height: 25px;
	line-height: 25px;
	}
	
	.menu ul ul a.bueffet, .menu ul ul a.bueffet:visited {
  	background: #C0C0C0;
	color: #000000;
    width: 149px;
    height: 25px;
	line-height: 25px;
	}
	
	.menu ul ul a.partyservice, .menu ul ul a.partyservice:visited {
  	background: #C0C0C0;
	color: #000000;
    width: 149px;
    height: 25px;
	line-height: 25px;
	}
	
	.menu ul ul a.grillspezialitaeten, .menu ul ul a.grillspezialitaeten:visited {
  	background: #C0C0C0;
	color: #000000;
    width: 149px;
    height: 25px;
	line-height: 25px;
	}
	
	.menu ul li ul li.active a.warmeessen, .menu ul li ul li.active a.warmeessen:visited {
	color: #990000;
	}
	
	.menu ul li ul li.active a.bueffet, .menu ul li ul li.active a.bueffet:visited {
	color: #990000;
	}
	
	.menu ul li ul li.active a.partyservice, .menu ul li ul li.active a.partyservice:visited {
	color: #990000;
	}
	
	.menu ul li ul li.active a.grillspezialitaeten, .menu ul li ul li.active a.grillspezialitaeten:visited {
	color: #990000;
	}

	.menu ul li a.warmeessen:hover, .menu ul li ul li a.warmeessen:hover {
	color: #FCFC04;
	}
	
	.menu ul li a.bueffet:hover, .menu ul li ul li a.bueffet:hover {
	color: #FCFC04;
	}
	
	.menu ul li a.partyservice:hover, .menu ul li ul li a.partyservice:hover {
	color: #FCFC04;
	}
	
	.menu ul li a.grillspezialitaeten:hover, .menu ul li ul li a.grillspezialitaeten:hover {
	color: #FCFC04;
	}
	
	.content {
		width: 980px;
		float: left;
		font-size: 12px;
		background: url(../images/content.jpg) repeat-y;
    }
	
    .left {
		width: 195px;
		height: 100%;
		float: left;
		font-size: 10px;
		margin: 0 0 0 5px;
		padding: 15px 10px 15px 20px;
		display:inline;
    }
	
    .main {
		width: 702px;
		float: left;
		margin-right: 6px;
		padding: 15px 15px 15px;
    }
	
	.tafel {
    	width: 137px;
		height: 206px;
		float: left;
		background:url(../images/tafel.jpg);
		position: relative;
		left: 50px;
		top: -164px;
		font-size: 10px;
		color: #FFFFFF;
    }
	
	.tafelinhalt {
		width: 100px;
		padding-top: 45px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.clear {
    	clear: left;
    }
	
    .footer {
	    width: 980px;
		height: 63px;
		background: url(../images/footer.jpg) no-repeat;
		position: absolute;
		left: 200px;
    	padding: 0 10px 0 20px;
		z-index: -999;
    } 
	
    .footer p {
		text-align: right;
		color: #FFFFFF;
    	margin: 0; 
    	padding: 40px 30px 0 0;
    }
	
	.copyright {
		height: 30px;
		font-size: 10px;
		margin-left: 20px;
		color: #666666;
		display: none;
	}