html {
	height:100%;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
body {
	background-image: url(../tpl/background.gif);
	background-attachment:scroll;
	background-repeat: repeat-x;
	background-position:top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #999;
	text-align:center;
	height:100%;
}

a:link {
	color: #ee0011;
	text-decoration:none;
}
a:visited {
	color: #ee0011;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:none;
}
a:active {
	color: #ee0011;
	text-decoration:none;
}

* html #main {height: 100%;}

#main {
	width:881px;
	background-image:url(../tpl/contentback.gif);
	margin:0 auto;
	margin-top:9px;
	text-align:left;
	min-height:100%;
}

#wrap {
	width:221px;
	height:261px;
	float:left;
}

#logo {
	width:221px;
	height:141px;
}


#navi {
	width:221px;
	height:120px;
}

#navi ul {
	list-style:none;
	margin:0;
	padding:0;
}

#navi ul li {
	margin:0;
	padding:0;
	display:inline;
}

#navi ul li#aktuelles a {
	height:120px;
	float:left;
	display:block;
	background-image:url(../tpl/nav_01_a.gif);
	text-indent: -999em;
	width:37px;
}

#navi ul li#aktuelles a:hover {
	height:120px;
	display:block;
	background-image:url(../tpl/nav_01_b.gif);
	text-indent: -999em;
	width:37px;
}

#navi ul li#aktuelles a.active {
	height:120px;
	display:block;
	background-image:url(../tpl/nav_01_b.gif);
	text-indent: -999em;
	width:37px;
}

#navi ul li#landmetzgerei a {
	height:120px;
	float:left;
	display:block;
	background-image:url(../tpl/nav_02_a.gif);
	text-indent: -999em;
	width:37px;
}

#navi ul li#landmetzgerei a:hover {
	height:120px;
	float:left;
	display:block;
	background-image:url(../tpl/nav_02_b.gif);
	text-indent: -999em;
	width:37px;
}

#navi ul li#landmetzgerei a.active {
	height:120px;
	float:left;
	display:block;
	background-image:url(../tpl/nav_02_b.gif);
	text-indent: -999em;
	width:37px;
}

#navi ul li#filialen a {
	height:120px;
	float:left;
	display:block;
	background-image:url(../tpl/nav_03_a.gif);
	text-indent: -999em;
	width:37px;
}

#navi ul li#filialen a:hover {
	height:120px;
	float:left;
	display:block;
	background-image:url(../tpl/nav_03_b.gif);
	text-indent: -999em;
	width:37px;
}

#navi ul li#filialen a.active {
	height:120px;
	float:left;
	display:block;
	background-image:url(../tpl/nav_03_b.gif);
	text-indent: -999em;
	width:37px;
}

#navi ul li#produkte a {
	height:120px;
	float:left;
	display:block;
	background-image:url(../tpl/nav_04_a.gif);
	text-indent: -999em;
	width:37px;
}

#navi ul li#produkte a:hover {
	height:120px;
	float:left;
	display:block;
	background-image:url(../tpl/nav_04_b.gif);
	text-indent: -999em;
	width:37px;
}

#navi ul li#produkte a.active {
	height:120px;
	float:left;
	display:block;
	background-image:url(../tpl/nav_04_b.gif);
	text-indent: -999em;
	width:37px;
}

#navi ul li#partyservice a {
	height:120px;
	float:left;
	display:block;
	background-image:url(../tpl/nav_05_a.gif);
	text-indent: -999em;
	width:37px;
}

#navi ul li#partyservice a:hover {
	height:120px;
	float:left;
	display:block;
	background-image:url(../tpl/nav_05_b.gif);
	text-indent: -999em;
	width:37px;
}

#navi ul li#partyservice a.active {
	height:120px;
	float:left;
	display:block;
	background-image:url(../tpl/nav_05_b.gif);
	text-indent: -999em;
	width:37px;
}

#navi ul li#kontakt a {
	height:120px;
	float:left;
	display:block;
	background-image:url(../tpl/nav_06_a.gif);
	text-indent: -999em;
	width:36px;
}

#navi ul li#kontakt a:hover {
	height:120px;
	float:left;
	display:block;
	background-image:url(../tpl/nav_06_b.gif);
	text-indent: -999em;
	width:36px;
}

#navi ul li#kontakt a.active {
	height:120px;
	float:left;
	display:block;
	background-image:url(../tpl/nav_06_b.gif);
	text-indent: -999em;
	width:36px;
}

#head {
	width:660px;
	height:261px;
	float:left;
}

#subnav {
	width:221px;
	background-image:url(../tpl/subnav.gif);
	background-repeat:no-repeat;
	min-height:500px;
	float:left;
}

#subnav ul {
	list-style:none;
	padding:0;
	margin:40px 0 0 0;
}

#subnav ul li {
	padding-top:1px;
	padding-bottom:1px;
}

#subnav ul li a{
	width:201px;
	display:block;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
}

#subnav ul li a:hover{
	background-color:#e2666d;
}

#subnav ul li a.active{
	background-color:#e2666d;
}

#content {
	width:580px;
	background-image:url(../tpl/content.gif);
	background-repeat:no-repeat;
	min-height:300px;
	float:left;
	padding:40px 40px 40px 40px;
	line-height:18px;
}

#content p {
	padding:0;
	margin:0 0 10px 0;
}

#footer {
	width:881px;
	height:40px;
	clear:both;
}

#foot {
	margin:0;
	padding:0;
	width:881px;
	height:40px;
	background-image:url(../tpl/foot.gif);
	position:fixed;
	bottom:0;
}

#foot ul {
	margin:0;
	padding:5px 0 0 0;
	list-style:none;
}

#foot ul li#screengallery{
	float:left;
	width:201px;
	padding-left:20px;
	color:#FFF;
}

#foot ul li#aktuelles{
	float:left;
	color:#FFF;
	padding:0 10px 0 40px;
	margin-top:10px;
	border-right:1px solid #FFF;
}

#foot ul li#landmetzgerei, #foot ul li#filialen,#foot ul li#produkte,#foot ul li#partyservice {
	float:left;
	color:#FFF;
	padding:0 10px 0 10px;
	margin-top:10px;
	border-right:1px solid #FFF;
}

#foot ul li#kontakt{
	float:left;
	color:#FFF;
	padding:0 0 0 10px;
	margin-top:10px;
	border-right:0px;
}

#foot ul li#aktuelles a, #foot ul li#landmetzgerei a, #foot ul li#filialen a,#foot ul li#produkte a,#foot ul li#partyservice a, #foot ul li#kontakt a{
	text-decoration:none;
	color:#FFF;
	text-transform:uppercase;	
}

#foot ul li#aktuelles a:hover, #foot ul li#landmetzgerei a:hover, #foot ul li#filialen a:hover,#foot ul li#produkte a:hover,#foot ul li#partyservice a:hover, #foot ul li#kontakt a:hover{
	text-decoration:none;
	color:#ee0011;
	text-transform:uppercase;	
}

#foot ul li#aktuelles a.active, #foot ul li#landmetzgerei a.active, #foot ul li#filialen a.active,#foot ul li#produkte a.active,#foot ul li#partyservice a.active, #foot ul li#kontakt a.active{
	text-decoration:none;
	color:#ee0011;
	text-transform:uppercase;	
}

h1 {
	font-size:18px;
	padding:0;
	margin:0;
	margin-bottom:5px;
	color:#ee0011;
}

h2 {
	font-size:15px;
	padding:0;
	margin:0;
	margin-bottom:5px;
	color:#ee0011;
}

h3 {
	font-size:13px;
	padding:0;
	margin:0;
	margin-bottom:5px;
	color:#ee0011;
}

h4 {
	font-size:11px;
	padding:0;
	margin:0;
	margin-bottom:5px;
	color:#ee0011;
}

h5 {
	font-size:10px;
	padding:0;
	margin:0;
	margin-bottom:5px;
	color:#ee0011;
}

h6 {
	font-size:9px;
	padding:0;
	margin:0;
	margin-bottom:5px;
	color:#ee0011;
}

.clear {
	clear:left;
}

.weiss {
	color:#FFF;
}

/* ------------ Tabelle ------------ */

.tabellentitel	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #DDDDDD; 
	font-weight: normal; 
	background-color: #3366aa; 
	padding-left: 10; 
	padding-right: 10;
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
	border-bottom-color: #223377; 
	height: 20px;  
	}
	
.tabelleninhalt	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #555555; 
	background-color: #eeeeee; 
	padding-left: 10; 
	padding-right: 10; 
	border-bottom-width: 1px; 
	border-bottom-style: solid; 
	border-bottom-color: #cccccc; 
	height: 18px; 
	}

form {
	padding:0px;
	margin:0px;
}

input.form {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: uppercase;
	background-color: 		#EEEEEE;
	color: 			#333333;
	background-image:  	url("images/form_bg.gif");
	background-repeat: 	no-repeat;
	border-left: 	1px solid	#BBBBBB;
	border-bottom: 	1px solid	#FFFFFF;
	border-right: 	1px solid	#FFFFFF;
  	border-top: 	1px solid 	#BBBBBB; 
	width:250px;
	}
	
textarea.form {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration: uppercase;
	background-color: 		#EEEEEE;
	color: 			#333333;
	background-image:  	url("images/form_bg.gif");
	background-repeat: 	no-repeat;
	border-left: 	1px solid 	#BBBBBB;
	border-bottom: 	1px solid 	#FFFFFF;
	border-right: 	1px solid 	#FFFFFF;
	border-top: 	1px solid 	#BBBBBB;
	scrollbar-face-color: 	#EEEEEE;
	scrollbar-track-color: 	#EEEEEE;
	scrollbar-arrow-color: 	#BBBBBB;
	scrollbar-shadow-color: 	#BBBBBB; 
	scrollbar-3dlight-color: 	#EEEEEE;
	scrollbar-highlight-color:	#BBBBBB;
	scrollbar-darkshadow-color:	#BBBBBB;
	buttonface: 		#BBBBBB; 
	width:250px;
	}
	
input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; width: 123px; height: 20px;
	background-color:		#DDDDDD;
	color:			#333333;
	border-left: 	1px solid 	#EEEEEE;
	border-bottom: 	1px solid	#999999;
	border-right: 	1px solid	#999999;
	border-top: 	1px solid	#EEEEEE; 
	}
	
.buttonlink {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 18px;
	background-color:		#EEEEEE;
	color:			#333333;
	border-left: 	1px solid 	#FFFFFF;
	border-bottom: 	1px solid	#BBBBBB;
	border-right: 	1px solid	#BBBBBB;
	border-top: 	1px solid	#FFFFFF; 
	padding:3px;	
}	


/* Inhaltlayouts */

.template1 {
	float:left;
}

.template1 {
	float:left;
	margin-bottom:10px;
}
.template2 {
	float:left;
	margin-bottom:10px;
}
.template3 {
	float:left;
}
.template4 {
	float:left;
}
.template5 {
	float:left;
	padding-right:10px;
	margin-bottom:15px;
}
.template6 {
	float:left;
	margin-bottom:10px;
}
.template7 {
	float:left;
}
.template8 {
	float:left;
}
.template9 {
	float:left;
}
.template10 {
	float:left;
}

.template11 {
	float:left;
	margin-bottom:10px;
}

.template12 {
	float:left;
	margin-bottom:10px;
}

.template13 {
	float:left;
	margin-bottom:10px;
}

.template14 {
	float:left;
	margin-bottom:10px;
}

.abstrechts {
	margin-left:20px;
	margin-bottom:20px;
}

.abstlinks {
	margin-right:20px;
	margin-bottom:20px;
}

.abstgallery {
	margin-right:10px;
	margin-bottom:10px;
}

.temp11 {
	padding:5px;
	margin:5px;
	background-color:#D9BDA1;
}

.clear {
	clear:both;
}

.picture {
	border:0px solid #000000;;
}

.small {
	font-size:10px;
	color:#FFF;
}

.alert {
	color:#FF0000;
	border:1px solid #FF0000;
	padding:10px;
}

.partyhinzu {
	padding:5px;
	margin:5px 0 10px 0;
	background-color:#fceeda;
}

table.partytabelle thead{
	background-color:#fae3c0;
	background-image:url(../tpl/thead.gif);
}

table.partytabelle thead th{
	color:#666;	
	height:35px;
	padding-left:5px;
}

table.partytabelle tbody{
	background-color:#fae3c0;
	background-image:url(../tpl/tbody.gif);
	background-repeat:repeat-x;
	height:28px;
}

table.partytabelle tbody td{
	background-color:#fae3c0;
	background-image:url(../tpl/tbody.gif);
	background-repeat:repeat-x;
	color:#000;	
	height:28px;
	padding-left:5px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:3px;
}

table.partytabelle tbody td table td{
	color:#000;	
	padding-top:0px;
}
.grey {
	color:#666;	
}

.smallred {
	color:#F00;
	font-size:11px;
}

td.head {
	background-image:url(../tpl/thead.gif);	
}