/*****************************************/
/*************** =globals****************/
/*****************************************/

* {
	margin:0;
	padding:0;
}

body {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #494949;
}


/*************** =fonts ******************/

p {
	margin: 0 0 20px 0;
}

a {
	color: #e27900;
	text-decoration: underline;
	outline: none;
}

a:hover,
a:active {
	text-decoration: none;
}

strong {
	color:#777;
}

div#content-sidebar strong {
	color: #ff8900;
	font-weight: bold;
}

/***************** =other ***************/

span.spacer {
	display: block;
	width: 40px;
	float: left;
}

span.spacer-wide {
	display: block;
	width: 60px;
	float: left;
}

span.spacer-wider {
	display: block;
	width: 180px;
	float: left;
}

hr {
	display: none;
}

ul {
	list-style: none;
}

.clear {
	float: none;
	clear: both;
}

img.thumb {
	display: block;
	width: 205px;
	height: 120px;
	padding: 3px;
	border: 1px solid #e5e5e5;
	float: left;
	margin: 5px 0 20px 0;
}

span.thumbnail {
	display: block;
	float: right;
	width: 24px;
	height: 22px;
	background: url(../images/bg-magnifying.jpg) 0 0 no-repeat;
	position: absolute;
	right: 3px;
	overflow: hidden;
	top: 102px;
}

ul.link {
	float: right;
	margin: 0 30px 0 0;
}

* html ul.link {
	margin: 0 15px 0 0;
}

div.hr {
	height: 10px;
	border-bottom: 1px solid #e5e5e5;
	margin: 15px 0 15px 0;	
}

div.hr hr {
	display: none;
}

ul.vcf li a {
	display: block;
	height: 30px;
	width: 215px;
	text-indent: -9999px;
	background: url(../images/bg-vcf.jpg) 0 0 no-repeat;
}

ul.vcf li a:hover {
	background-position: 0 -30px;
}

div#slideshow {
	margin: 0 0 30px 0;
}

/*****************************************/
/*************** =quote *****************/
/*****************************************/

blockquote {
	display: none;
}

/*****************************************/
/************** =branding ***************/
/*****************************************/

h1.branding a {
	width: 190px;
    height: 120px;
    display: block;
    text-indent: -99999px;    
    background: url(../images/bg-branding.jpg) 0 0 no-repeat;   
    margin: 0 0 0 80px;
    float: left;
}

* html h1.branding a {
	margin: 0 0 0 40px;
}

/*****************************************/
/*********** =accessibility **************/
/*****************************************/

div#accessibility {
   display:none;
   height:1px;
   width:1px;
}

/*****************************************/
/*************** =body ******************/
/*****************************************/

div#header-container {
	width: 100%;
	height: 350px;
	background: url(../images/bg-header-container.jpg) top center no-repeat;
}

div#header {
	width: 950px;
	margin: 0 auto;	
	height: 350px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
}

div#content-container {
	width: 950px;
	margin: 0 auto;
}

div#content-sidebar {	
	float: left;
	width: 190px;
	padding: 0 40px 0 80px;
	background:url(../images/bg-sidebar.jpg) 0 0 no-repeat;
	min-height: 260px;
}

div#unsere-filialen {
	margin: 0 0 70px  0;
}

div#content-main {
	float: right;
	width: 510px;
	padding: 20px 80px 20px 50px;
}

div#content {
	padding: 30px 0 0 0;
}

div.content-column {
	float: left;
	width: 230px;
	margin: 0 50px 0 0 ;
}

div.content-column-second {
	width: 220px;
	float: left;
	margin: 0;
}

div#footer-container {
	height: 130px;
	width:100%;
	background:url(../images/bg-footer-container.jpg) 0 0 repeat-x;
}

div#footer {
	width: 950px;
	height: 70px;
	margin: 0 auto;
	background:url(../images/bg-footer.jpg) top right no-repeat;
}

/*****************************************/
/************** =navi ********************/
/*****************************************/

ul#navi {
	float: right;
	height: 45px;
	width: 510px;
	border-bottom: 1px solid #e5e5e5;
}

ul#navi li {
	float: left;
}

ul#navi li a {
	display: block; 
	height: 45px;
	text-indent: -9999px;	
	background: url(../images/bg-navi.jpg) 0 0 no-repeat;
}

ul#navi li a.ueber-uns {
	width: 100px;
	background-position: 0 0;
}

ul#navi li a.ueber-uns:hover {
	background-position: 0 -45px;
}

ul#navi li.active a.ueber-uns {
	width: 100px;
	background-position: 0 -90px;
}

ul#navi li a.spezialitaeten {
	width: 120px;
	background-position: -100px 0;
}

ul#navi li a.spezialitaeten:hover {
	background-position: -100px -45px;
}

ul#navi li.active a.spezialitaeten {
	width: 120px;	
	background-position: -100px -90px;
}

ul#navi li a.verkaufsstellen {
	width: 140px;
	background-position: -220px 0;
}

ul#navi li a.verkaufsstellen:hover {
	background-position: -220px -45px;
}

ul#navi li.active a.verkaufsstellen {
	width: 140px;
	background-position: -220px -90px;
}

ul#navi li a.qualitaetsfleisch {
	width: 150px;
	background-position: -360px 0;
}

ul#navi li a.qualitaetsfleisch:hover {
	background-position: -360px -45px;	
}

ul#navi li.active a.qualitaetsfleisch {
	width: 150px;
	background-position: -360px -90px;
}

/*****************************************/
/************ =navi-add *****************/
/*****************************************/

ul#navi-add {
	float: right;
	margin: 20px 60px 0 0;
}

* html ul#navi-add {
	margin: 20px 30px 0 0;
}

ul#navi-add2 {
	float: right;
	margin: 25px 160px 0 0;
}

* html ul#navi-add2 {
	margin: 25px 80px 0 0;
}

ul#navi-add li,
ul#navi-add2 li {
	float: left;	
	padding: 0 10px 0 10px;
	background:url(../images/li-navi-add.jpg) 0 8px no-repeat;
}

ul#navi-add li.first ,
ul#navi-add2 li.first {
	background: none;
}

ul#navi-add li a,
ul#navi-add2 li a {
	display: block;
	color: #535353;
	font-size: 11px;
	text-decoration: none;
}

ul#navi-add li a:hover,
ul#navi-add2 li a:hover {
	text-decoration: underline;
	color: #ff8900;
}

ul#navi-add li a.active,
ul#navi-add2 li a.active {
	color: #ff8900;	
}

/*****************************************/
/************ =headings ****************/
/*****************************************/

/**************** =h2********************/

h2 {
	height: 20px;
	background: url(../images/bg-h2.jpg) no-repeat;
	text-indent: -9999px;
	margin: 0 0 20px 0;
}

h2.willkommen {
	background-position: 0 0;
}

h2.ueber-uns {
	background-position: 0 -20px;
}

h2.spezialitaeten {
	background-position: 0 -40px;
}

h2.verkaufsstellen {
	background-position: 0 -60px;
}

h2.qualitaetsfleisch {
	background-position: 0 -80px;
}

h2.anfahrt {
	background-position: 0 -100px;
}

h2.impresssum {
	background-position: 0 -120px;
}

h2.kontakt {
	background-position: 0 -140px;
}

h2.danke {
	background-position: 0 -160px;
}

h2.fehler {
	background-position: 0 -180px;
}

/****************** =h3 ******************/

h3.unsere-filialen {
	text-indent: -9999px;	
	height: 20px;
	border-top: 1px solid #e5e5e5;
}

h3.kontakt {
	text-indent: -9999px;
	height: 20px;
	background:url(../images/h3-kontakt.jpg) 0 0 no-repeat;
	margin: 0 0 20px;	
}

/****************** =h4 ******************/

h4 {
	font-size: 13px;
	color: #e27900;
	margin: 0 0 15px 0;
}

h5 {
	font-size: 12px;
	color: #e27900;
	margin: 0 0 15px 0;
}