@charset "utf-8";
/* ----------------------------------------------------------*/
/* ---------------- =standards -------------------------------*/
/* ----------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
	border: 0;
}
 html[xmlns^="http"] {
 overflow-y: scroll;
}
.clear {
	clear: both;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
p {
	padding-bottom: 10px;
}
html {
	background: #f2f1e6 url(../images/bg-html.jpg) repeat-x;
	height:100%;
}
body {
	color: #666;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin: 0px;
	height:100%;	
}
/* ----------------------------------------------------------*/
/* ---------------- =links ----------------------------------*/
/* ----------------------------------------------------------*/

a, .escape span {
	text-decoration:underline;
	color:#333;
	outline:none;
}
a:hover, a:hover span {
	text-decoration:none;
	color:#333;
	background:#dcdcdc;
}
/* ----------------------------------------------------------*/
/* ---------------- =container ------------------------------*/
/* ----------------------------------------------------------*/

div#container {
	clear: both;
	margin: 0 auto;
	position: relative;
	width:958px;
	height:auto !important;
	margin:0 auto -95px;
	min-height:100%;		
}
/* ----------------------------------------------------------*/
/* ---------------- =header ---------------------------------*/
/* ----------------------------------------------------------*/

div#header {
	background: url(../images/bg-header.gif) bottom no-repeat;
	height: 474px;
	margin: 0 auto;
	_margin-top:-0px;
	padding: 0;
	width: 958px;
}
div#header img {
	width:950px;
	height:350px;
	padding:4px;
	_background: url(../images/bg-header.gif) bottom no-repeat;
}


/* ----------------------------------------------------------*/
/* ---------------- =branding -------------------------------*/
/* ----------------------------------------------------------*/
h1.branding  {
	background:url(../images/branding.gif) 0 0 no-repeat;
	height:116px;
	_height:114px;
	left:0;
	position:absolute;
	top:0;
	_top:-2px;
	width:420px;
}

h1.branding a {
	background: none;
	display: block;
	height: 116px;
	text-indent: -9999px;
	top: 0;
	padding: 0;	
	width: 420px;
}

h1.branding a:hover {
	background: none;
	}

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

div#navi-add-container {
	width:918px;
	height:39px;
	padding-top:77px;
	float:left;
}
ul#navi-add {
	background:url(../images/bg-navi-add.gif);
	height:30px;
	width:305px;
	float:right;
}
a.facebookLink {
    background: url("../images/facebook-icon.png") no-repeat bottom right transparent;
    width: 30px;
	height:20px;
	padding-top:77px;
	margin-right:5px;
	float:right;
	text-indent:-9999px;
}
ul#navi-add {

}
ul#navi-add li {
	list-style: none;
	display: inline;
	float:left;
}
ul#navi-add li a {
	display: block;
	text-indent: -9999px;
	outline: none;
	float:left;
}

a#startseite {
	width: 60px;
	left: 653px;
}
a#startseite:hover {
	background: url(../images/bg-navi-add-startseite.gif) no-repeat;
}
a#kontakt {
	width: 70px;
	left: 713px;
}
a#kontakt:hover {
	background: url(../images/bg-navi-add-kontakt.gif) no-repeat;
}
a#newsletter {
	width: 100px;
	left: 783px;
}
a#newsletter:hover {
	background: url(../images/bg-navi-add-newsletter.gif) no-repeat;
}
a#impressum {
	width: 75px;
	left: 883px;
}
a#impressum:hover {
	background: url(../images/bg-navi-add-impressum.gif) no-repeat;
}

/* ----------------------------------------------------------*/
/* ---------------- =navigation -----------------------------*/
/* ----------------------------------------------------------*/

div#navi-container {
}
ul#navi {
	background:url(../images/bg-navi.png) top center no-repeat;
	height:40px;
	width:958px;
	position:absolute;
	top:430px;
}
ul#navi li {
	list-style:none;
	display:inline;
}
ul#navi li a {
	display:block;
	text-indent:-9999px;
    position:absolute;
	outline:none;
	height:40px;
}
ul#navi li a:hover {
	background-position:left bottom;
}
ul#navi li a.ueber-uns {
	width:105px;
	left:4px;
}
ul#navi li a.ueber-uns:hover {
	background: url(../images/bg-navi-ueber-uns.png) no-repeat;
}
ul#navi li a.sortiment {
	width:125px;
	left:109px;
}
ul#navi li a.sortiment:hover {
	background: url(../images/bg-navi-sortiment.png) no-repeat;
}

ul#navi li a.fleischkunde {
	width:145px;
	left:234px;
}
ul#navi li a.fleischkunde:hover {
	background: url(../images/bg-navi-fleischkunde.png) no-repeat;
}

ul#navi li a.filialen {
	width:105px;
	left:379px;
}
ul#navi li a.filialen:hover {
	background: url(../images/bg-navi-filialen.png) no-repeat;
}

ul#navi li a.mittagsmenue {
	width:135px;
	left:484px;
}
ul#navi li a.mittagsmenue:hover {
	background: url(../images/bg-navi-mittagsmenue.png) no-repeat;
}

ul#navi li a.sonderangebote {
	width:170px;
	left:619px;
}
ul#navi li a.sonderangebote:hover {
	background: url(../images/bg-navi-sonderangebote.png) no-repeat;
}
ul#navi li a.stellenangebote {
	width:165px;
	left:789px;
}
ul#navi li a.stellenangebote:hover {
	background: url(../images/bg-navi-stellenangebote.png) no-repeat;
}


ul#navi li ul.ueber-uns {
	left:4px;
	top:-152px;
	width:180px;
}

ul#navi li ul.fleischkunde {
	left:244px;
	top:-115px;
	width:140px;
}

ul#navi li ul.filialen {
	left:389px;
	top:-78px;
	width:100px;
}

ul#navi li ul {
	display: none;
	bottom:40px;
	left:4px;
	top:-152px;
	width:180px;
	position: absolute;
	background:url(../images/bg-dropdown.png);
	overflow: hidden;
	color:#333;
	border-bottom: 1px dashed #f2f1e6;
}

* html ul#navi li ul {
	bottom: 36px;
}

ul#navi li:hover ul {
	display: block;
}

ul#navi li ul li {
	float: none;
}

ul#navi li ul li a {
	background: none;
	line-height: 19px;
	color:#333;
	text-transform:none;
	font-size:12px;
	text-indent: 0;
	text-decoration: none;
	height: 20px;
	position:relative;
	border-top: 1px dashed #f2f1e6;
	padding:10px 10px 7px 10px;	
}

ul#navi li ul li a:hover {
	text-decoration: underline;
}

/* ----------------------------------------------------------*/
/* ---------------- =headlines -------------------------------*/
/* ----------------------------------------------------------*/
h2 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	text-indent: -9999px;
	height:55px;
	width:609px;	
}
h2.index {
	background: url(../images/index/h2.gif) 0 0 no-repeat;
}
h2.ueber-uns-premierte-qualitaet {
	background: url(../images/ueber-uns-premierte-qualitaet/h2.gif) 0 0 no-repeat;
}
h2.error404 {
	background: url(../images/error404/h2.gif) 0 0 no-repeat;
}
h2.impressum {
	background: url(../images/impressum/h2.gif) 0 0 no-repeat;
}
h2.kontakt {
	background: url(../images/kontakt/h2.gif) 0 0 no-repeat;
}
h2.newsletter {
	background: url(../images/newsletter/h2.gif) 0 0 no-repeat;
}
h2.stellenangebote {
	background: url(../images/stellenangebote/h2.gif) 0 0 no-repeat;
}
h2.sonderangebote {
	background: url(../images/sonderangebote/h2.gif) 0 0 no-repeat;
}
h2.mittagsmenue {
	background: url(../images/mittagsmenue/h2.gif) 0 0 no-repeat;
}
h2.filialen-konstanz {
	background: url(../images/filialen/h2-konstanz.gif) 0 0 no-repeat;
}
h2.filialen-ueberlingen {
	background: url(../images/filialen/h2-ueberlingen.gif) 0 0 no-repeat;
}
h2.fleischkunde-rindfleisch {
	background: url(../images/fleischkunde-rindfleisch/h2.gif) 0 0 no-repeat;
}
h2.fleischkunde-kalbfleisch {
	background: url(../images/fleischkunde-kalbfleisch/h2.gif) 0 0 no-repeat;
}
h2.fleischkunde-schweinefleisch {
	background: url(../images/fleischkunde-schweinefleisch/h2.gif) 0 0 no-repeat;
}
h2.sortiment {
	background: url(../images/sortiment/h2.gif) 0 0 no-repeat;
}
h2.ueber-uns-die-region-geniessen {
	background: url(../images/ueber-uns-die-region-geniessen/h2.gif) 0 0 no-repeat;
}
h2.ueber-uns-qualitaet-ist-tradition {
	background: url(../images/ueber-uns-qualitaet-ist-tradition/h2.gif) 0 0 no-repeat;
}


h2.ueber-uns-philosophie {
	background: url(../images/ueber-uns-philosophie/h2.gif) 0 0 no-repeat;
}

h3.newsletter {
	background: url(../images/h3-newsletter.gif) 0 0 no-repeat;
	text-indent: -9999px;
	height:30px;
	width:115px;	
}

h3.firmenchronik {
	background: url(../images/ueber-uns-qualitaet-ist-tradition/h3-firmenchronik.gif) bottom no-repeat;
	text-indent: -9999px;
	height:18px;
	width:240px;
	padding-top:4px;
	margin-bottom:42px;	
	margin-left:2px;
}

h3.premierte-qualitaet {
	background:url(../images/index/h3-premierte-qualitaet.png) no-repeat;
	height:30px;
	width:304px;
	text-indent:-9999px;
	position:relative;
	top:175px;
	left:4px;
	z-index:2!important;
}

h3.geschmackvoller-genuss {
	background:url(../images/sortiment/h3-geschmackvoller-genuss.png) no-repeat;
	height:30px;
	width:304px;
	text-indent:-9999px;
	position:relative;
	top:324px;
	left:4px;
	z-index:2!important;
}

h4 {
	font-size: 12px;
	font-weight: normal;
	text-transform:uppercase;
	color:#333;
	padding:0 0 10px 4px;
}
/* ----------------------------------------------------------*/
/* ---------------- =content --------------------------------*/
/* ----------------------------------------------------------*/

div#content-container {
	padding-top:30px;
}
div#content-sidebar {
	float: left;
	width: 308px;
	padding-bottom:20px;	
}
div#content-sidebar img {
	margin-bottom: 15px;
}
div#content-sidebar p {
	padding: 0 5px 10px 4px;
}
div#content-sidebar hr {
	background:url(../images/hr-content-sidebar.gif) no-repeat;
	width:308px;
	margin:20px 0;
	*color:#e2e1dc;
	_color:#e2e1dc;	
	height:1px;
	margin-bottom: 20px;
	text-align:left;
}
div#content-sidebar span {
	color:#b32a31;
	font-size:14px;
}
div#cover, div#slideshow  {
	background: url(../images/index/premierte-qualitaet.jpg) no-repeat;
	width:308px;
	height:208px;
	z-index:1!important;
	position:relative;
	top:-30px;
	margin-bottom:-15px;
}

div#slideshow  {
	background: url(../images/sortiment/slideshow-sortiment.jpg) no-repeat;
	height:358px;
}
div#slideshow img  {
	padding:4px 4px 4px 4px;
	display:none;
}

div#cover img  {
	padding:5px 4px 4px 4px;
	display:none;	
}

div#content-main {
	background: url(../images/bg-content.gif);
	float: left;
	width: 650px;
	padding-bottom:20px;
}
div#content-main img {
	float:left;
	margin:0 23px 0 0;
}
div#content-main p {
	padding: 0 40px 10px 4px;
}
div#content-main .teaser {
	padding: 0 0 0 0;
}
div#content-main em {
	font-size: 14px;
	line-height: 22px;
	padding:0 0 20px 0;
}
div#content-main hr {
	background:url(../images/hr-content-main.gif) no-repeat;
	*color:#e2e1dc;
	_color:#e2e1dc;	
	height:1px;
	width:609px;
	margin:20px 0;
	text-align:left;
}
iframe {
	border:2px solid #e2e1dc;
}
div#content-main .column {
	float: left;
	width: 50%;
}
div#content-sidebar .disclaimer {
	padding-top: 65px;
}
.euroweblogo {
	padding-top: 20px;
}
.euroweblogo a:hover {
	background: none !important;
}
/* ----------------------------------------------------------*/
/* ---------------- =footer ---------------------------------*/
/* ----------------------------------------------------------*/

div#footer-container {
	background:#e7e7e1;
	width:100%;
}

div#footer {
	width:958px;
	height:95px;
	margin:0 auto;
	font-size:11px;
}

#push {
	clear:both;
	height:95px;
}

.footer-branding {
	background:url(../images/footer-branding.gif) no-repeat;
	text-indent:-9999px;
	width:279px;
	height:40px;
	float:left;
	margin-top:20px;
}
.address1 {
	float:left;
	margin-top:20px;	
	width:172px;	
}
.address2 {
	float:left;
	margin-top:20px;	
	width:203px;	
}
.address3 {
	float:left;
	margin-top:20px;
	width:304px;
}
/* ----------------------------------------------------------*/
/* ---------------- =cms ---------------------------------*/
/* ----------------------------------------------------------*/


a.cmspdf {
	display:block;
	width:384px;
	height:60px;
	padding:15px 0 0 53px;
	font-weight:bold;
	line-height:23px;
	text-decoration:underline;
	background:url(../images/mittagsmenue/bg-pdf.jpg) 0 0 no-repeat;

}

a.cmspdf:hover {
	text-decoration:none;
}

div#container-pdf {
	margin-top:70px;
}

.cms-filiale p {
	padding: 0 0 0 5px!important;
}

div#cms-container {
	padding-top:60px;
}

div#cms-container hr {
	background:url(../images/hr-content-sidebar.gif) no-repeat;
	width:308px;
	margin:15px 0;
	*color:#e2e1dc;
	_color:#e2e1dc;	
	height:1px;
	text-align:left;
}