/***********************************************/
/* Grundgeruest */
/***********************************************/

body {
	background-color: #e21b27;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: normal;
	background-image: url(../gfx/layout/bg_site.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#wrapper {
	width: 60em;
	margin-top: 1.25em;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

a, a:visited {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	color: #fff;
	font-size: 1.1em;
	margin: 1em 0 -1em 0.8em;
}

#hoffesthinweis {
    width: 5em;
    height: 12em;
    margin: -50em 0 0 -1.2em;
    float: left;
    position: absolute;
    
}


/***********************************************/
/* Haeder */
/***********************************************/

#haeder {
	width: 60em;
	height: 20em;
}

.logo {
	width: 15.3em;
	height: 5em;
	float: left;
	position: relative;
	margin-top: -1.5em;
}

#subnavigation {
	width: 42em;
	height: 20em;
	margin-left: 18em;
	background-image: url(../gfx/layout/bg_subnavigation.png);
	background-repeat: no-repeat;
	background-position: 20px 10px;
}

#subnavigationTop {
	width: 23em;
	height: 2em;
	margin: 0 0 0 23.5em;
	padding: .5em 0 0 0;
	font-size: 90%;
	text-align: center;
	background-color: #99121a;
}

#subnavigationTop p { margin: -.3em 0 0 0; }

#subnavigationTop a {
	padding-top: -0.8em;
}

.videoPNG { margin: 0 .3em -.5em 0; }

#subnavigationBottom {
	width: 41.5em;
	height: 1.6em;
	margin: 1.7em 0 0 0;
	border-bottom: 3px solid #99121a;
}

#subnavigationBottom ul {
    width: 38.5em;
	padding: 0 0 0 -4.2em;
	margin-left: -3.5em;
}

#subnavigationBottom li {
	display: inline;
}

#subnavigationBottom a,
#subnavigationBottom a:visited {
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 1em;
}

#slogan {
	width: 15.8em;
	height: 3em;
	color: #fff;
	font-weight: bold;
	font-style: italic;
	font-size: 1.8em;
	margin: 1.2em 0 0 7.5em;
	background-image: url(../gfx/layout/bg_slogan.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#slogan p { padding: 0.1em 0.5em 0.5em 0.5em; }


/***********************************************/
/* Main */
/***********************************************/

#wrapperMain {
	width: 60em;
	height: 26em;
	margin-top: -5em;
}

#mainContent {
	width: 29em;
	height: 26em;
	float: left;
	background-color: #bb1721;
	overflow-y: scroll;
}

#mainContent p {
	color: #fff;
	padding: 1em;
	font-size: 90%;
}

#mainContent li {
	font-size: 90%;
}

#mainContent a,
#mainContent a:visited {
	text-decoration: underline;
}

#mainPicture {
	width: 29em;
	height: 26em;
	margin-right: 1em;
	float: right;
}

#mainPicture img {
	border: 5px solid #bb1721;
}

#mainPicture h2 {
	width: 10em;
	height: 1.2em;
	margin: -3.5em 0 0 1.8em;
	padding-top: 0.2em;
	padding-bottom: 0.3em;
	position: relative;
	background-color: #666;
	border: 1px solid #fff;
	font-size: 1.3em;
	font-weight: normal;
	background-image: url(../gfx/layout/h2_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 8.8em center;
}

#mainPicture h2 a, #mainPicture h2 a:visited {
	color: #fff;
	text-decoration: underline;
	padding: 0.5em 0 1em 1.2em;
}

#wrapperInfoboxen {
	width: 60em;
	height: 3em;
	padding-top: 3em;
	clear: both;
}

#infobox1, #infobox2, #infobox3 {
	width: 18em;
	height: 3em;
	color: #fff;
	background-color: #b61520;
	padding: 0.6em;
	float: left;
	background-image: url(../gfx/layout/button_infobox.jpg);
	background-repeat: no-repeat;
	background-position: 1em 0.8em;
}

#infobox1, #infobox2 {
	margin-right: 1.1em;
}

#infobox1 p, #infobox2 p, #infobox3 p {
	color: #fff;
	margin-left: 3.5em;
}

#infobox1 a,
#infobox2 a,
#infobox3 a,
#infobox1 a:visited,
#infobox2 a:visited,
#infobox3 a:visited {
	color: #fff;
	text-decoration: underline;
}

#wrapperFilialen1 {
	width: 60em;
	height: 26em;
	margin-bottom: 2em;
}

#wrapperFilialen2 {
	width: 60em;
	height: 26em;
	margin-bottom: 2em;
}

#wrapperFilialen3 {
	width: 60em;
	height: 26em;
}

.abstandFilialen {
	margin-right: 1em; display: none;
}

#filialbox1,
#filialbox2,
#filialbox3,
#filialbox4,
#filialbox6,
#filialbox7,
#filialbox8,
#filialbox9,
#filialbox11,
#filialbox12 {
	width: 11.5em;
	height: 26em;
	background-color: #b81620;
	float: left;
	margin-right: 0.5em;
}

#filialbox5,
#filialbox10 {
	width: 11.5em;
	height: 26em;
	background-color: #b81620;
	float: left;
}

#filialbox1 p,
#filialbox2 p,
#filialbox3 p,
#filialbox4 p,
#filialbox5 p,
#filialbox6 p,
#filialbox7 p,
#filialbox8 p,
#filialbox9 p,
#filialbox10 p,
#filialbox11 p,
#filialbox12 p {
	font-size: 0.9em;
	padding: 0.5em;
}

#filialbox1 h3,
#filialbox2 h3,
#filialbox3 h3,
#filialbox4 h3,
#filialbox5 h3,
#filialbox6 h3,
#filialbox7 h3,
#filialbox8 h3,
#filialbox9 h3,
#filialbox10 h3,
#filialbox11 h3,
#filialbox12 h3 {
	font-size: 1em;
	padding: 0.2em 0 0 0.5em;
	margin-bottom: -1em;
}

.filialenPicture {
	border: 3px solid #99121a;
}

.navigationPicture {
	float: left;
	margin-right: 0.2em;
}

#wrapperProdukte {
	width: 60em;
	height: 28em;
	padding-right: 0.5em;
	overflow-y: scroll;
}

.produktblockLeft {
	width: 28.5em;
	height: 7.8em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	float: left;
	background-color: #bb1721;
}

.produktblockRight {
	width: 28.5em;
	height: 7.8em;
	margin-bottom: 1em;
	float: right;
	background-color: #bb1721;
}

.produktblockRight p,
.produktblockLeft p {
	font-size: 0.9em;
	margin-top: 0.2em;
	padding: 0.5em;
}

.produktblockRight span,
.produktblockLeft span {
	display: none;
}

.produktblockRight a,
.produktblockLeft a {
	color: #fff;
	text-decoration: underline;
}

.produktblockRight a:visited,
.produktblockLeft a:visited {
	color: #fff;
	text-decoration: underline;
}

.produktbild_th {
	float: left;
	margin-right: 0.5em;
	border: 3px solid #bc1721;
} 


/***********************************************/
/* Wochenangebot */
/***********************************************/

#wochenangebot {
	color: #000;
	width: 60em;
	height: 28em;
	background-image: url(../gfx/layout/bg_wochenangebot.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#wochenangebotLinks {
	width: 32em;
	height: 22em;
	margin: 2em 0.1em 1em 2em;
	float: left;
}

#wochenangebot h3 {
	color: #fff;
	background-color: #99121a;
	font-size: 1.5em;
	font-style: italic;
	margin: 0.6em 0 -1em -1.05em;
	padding-left: 2em;
	width: 11em;
	float: left;
}

#wochenangebot h4 {
	color: #000;
	font-size: 1em;
	margin: 1.3em 0 0 18.5em;
}

#wochenangebotLinks h5 {
	color: #006729;
	font-size: 1.2em;
	font-style: italic;
	margin-top: 1em;
}

#wochenangebotLinks h6 {
	color: #006729;
	font-size: 1.2em;
	font-style: italic;
	margin-top: 2em;
}

#wochenangebotLinks p {
	font-size: 0.9em; 
	margin-top: -2em;
	margin-bottom: 1em;
}

.filialhinweis {
	font-size: 0.9em;
	margin: 0.5em 0 0 1.8em;
}

#wochenangebotRechts {
	width: 16em;
	height: 12em;
	float: right;
	margin: 9em 2.5em 1em 1em;
	padding: 0.5em 1em 1em 1em;
}

#wochenangebotRechts h5 {
	background-color: #99121a;
	color: #fff;
	font-size: 1.2em;
	font-style: italic;
	padding-left: 2em;
	margin-left: -0.65em;
	margin-bottom: 2.5em;
}

#wochenangebotRechts p {
	font-size: 0.9em;
	margin-top: -1em;
}

.sonderangebotpreis {
	color: #99121a;
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	font: times new roman;
}

#wochenangebot span {
	display: none;
}

.produktnameLinks {
	width: 23em;
	float: left;
}

#contentimbissangebot {
	height:19em;
	margin-top: 1.5em;
	overflow-y: auto;
}
	


/***********************************************/
/* Footer */
/***********************************************/

#footer {
	width: 101.3%;
	height: 6em;
	background-color: #99121a;
	color: #fff;
	padding: 0;
	margin: 11em 0 1em -1em;
	clear: both;
}

#footer p {
	width: 60em;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3em;
	text-align: right;
}

#footer a,
footer a:visited {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.spreewaldmarkt {
	width: 10em;
	height: 8em;
	margin-top: -7em;
	position: relative;
	float: left;
	background-image: url(../gfx/layout/gebaeude_spreewaldmarkt.png);
	background-repeat: no-repeat;
	background-position: left top;
}


/***********************************************/
/* Footer Seite Filialen */
/***********************************************/

#footerFilialen {
	width: 101.3%;
	height: 6em;
	background-color: #99121a;
	color: #fff;
	padding: 0 0 0 0 ;
	margin: 38em 0 1em -1em;
	clear: both;
}

#footerFilialen p {
	margin: 0 0 0 62.5%;
	padding-top: 3.8em;
}

#footerFilialen a,
footer a:visited {
	color: #fff;
	text-decoration: none;
}

#footerFilialen a:hover {
	text-decoration: underline;
}


/***********************************************/
/* widerholbare Elemente */
/***********************************************/

.fllft {
	float: left;
	margin-right: 0.5em;
}