* {
	padding: 0;
	margin: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
html {
	height: 100%;
	background: #f3f4f4;
}

body {
	margin: 0;
	font-size: 62.5%;	
	/*margin: 0 auto;*/
	width: 963px;
	padding: 0 3px 0 0;
	position: relative;
	background: url(../img/layout/bodybg.gif) repeat-y right;
}

.invis {
	display: none;
}
a {
	color: #C33A30;
}
a:hover {
	text-decoration: none;
	color: #CC0000; 
}
q {
	font-style: italic;
	/*quotes: "«" "»";*/
}
/*
=======================================================
	Header
=======================================================
*/
div#header {
	background: url(../img/layout/header_marksteiner.gif) no-repeat;
	margin: 0;
	/*border: 1px solid lime;*/
	height: 168px;
	/*position: relative;*/
}
div#header ul {
	float: right;
}
div#header ul li {
	float: left;
	padding: 0 1.5em 0 0;
	list-style: none;
}
div#header ul li a {
	text-decoration: none;
	color: #000;
}
div#header ul li a:hover {
	color: #333;
	text-decoration: underline;
}
div#header img.emo {
	display: block;
	position: absolute;
	top: 24px;
	right: 3px;
}
a#logo {
	float: left;
	width: 216px;
	height: 72px;
	margin: 72px 0 0 195px;
	/*border: 1px solid lime;*/
}
a#logo img {
	border: none;
}
/* 
=================================
	Breadcrumbs 
=================================
*/
ol#breadcrumbs {
	clear: left;
	/*border: 1px solid lime;*/
	height: 24px;
	padding: 0 0 0 192px;
}
ol#breadcrumbs li {
	list-style: none;
	float: left;
	padding: 0 1em 0 0;
}
/*
=================================
	General Layout
=================================
*/
div#leftbar {
	/*border: 1px solid lime;*/
	float: left;
	width: 168px;
	padding: 0 12px;
}
div#content {
	float: left;
	width: 384px;
	font-size: 110%;
	line-height: 1.4;
	color: #333;
}

body.inhaltbreit div#content {
	float: left;
	width: 550px;
	font-size: 110%;
	line-height: 1.4;
	color: #333;
	padding: 0 20px 0 0;
}


div#rightbar {
	float: left;
	width: 384px;
}

div#rightbar div#sidebar {
	float: left;
	width: 384px;
	background: #FFF;
	font-size: 110%;
	line-height: 1.4;
}


ul#sidecontent{
	display:none;	
}

body.inhaltbreit div#sidebar {
	float: left;
	width: 192px;
	/*background: #F1F1F1;*/
	font-size: 110%;
	line-height: 1.4;
}



/* 
=================================
	Hauptnavigation 
=================================
*/
div#leftbar ul {
	margin: 0 0 2em 0;
	border: solid #e5e5e5;
	border-width: 0 0 1px 0;
}
div#leftbar ul li {
	list-style: none;
	font-size: 120%;
	color: #0E6A40;
	border: solid #e5e5e5;
	border-width: 1px 0 0 0;
	padding: 2px 0;
}
div#leftbar ul li a {
	color: #666;
	font-family: "Lucida Sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	width: 168px;
	padding: 0.4em 0;
}
div#leftbar ul li ul {
	margin: 0 0 1em 0;
	border: none;
}
div#leftbar ul li ul li  {
	font-size: 90%;
	border: none;
	padding: 0 0 0 10px;
}
div#leftbar ul li ul li a {
	border: none;
	width: 150px;
	height: auto;
	background: url(../img/layout/subnavi_points.gif) no-repeat 0 7px;
	padding: 2px 0 2px 10px;
}
div#leftbar ul li ul li a:hover, 
div#leftbar ul li ul li a.active {
	background: url(../img/layout/subnavi_points.gif) no-repeat 0 -37px;
	color: #CC0000;
}
div#leftbar ul li span a {
	padding: .4em 0 .4em 6px;
	width: 156px;
}
/*div#leftbar ul li span.frischprodukte a			{ border-left: 6px solid #D5E32D; }
div#leftbar ul li span.kartoffelprodukte a		{ border-left: 6px solid #FEFC2F; }
div#leftbar ul li span.gemuesefruechte a			{ border-left: 6px solid #FEEC1C; }
div#leftbar ul li span.pasta a						{ border-left: 6px solid #FFBC1B; }
div#leftbar ul li span.fisch a						{ border-left: 6px solid #FBA731; }
div#leftbar ul li span.backwaren a						{ border-left: 6px solid #E6923C; }
div#leftbar ul li span.glacegastro a						{ border-left: 6px solid #CBEDFF; }
div#leftbar ul li span.glacestrassen a						{ border-left: 6px solid #8DCEFE; }
div#leftbar ul li span.werbematerial a						{ border-left: 6px solid #DFDCD8; }
div#leftbar ul li span.eier a						{ border-left: 6px solid #DFDCD8; }
div#leftbar ul li span.fingerfood a						{ border-left: 6px solid #d67d60; }*/

div#leftbar ul li span.frischprodukte a			{ border-left: 6px solid #D5E32D; }
div#leftbar ul li span.kartoffelprodukte a		{ border-left: 6px solid #FEFC2F; }
div#leftbar ul li span.gemuesefruechte a			{ border-left: 6px solid #6BCD0B; }
div#leftbar ul li span.pasta a						{ border-left: 6px solid #FFBC1B; }
div#leftbar ul li span.fisch a						{ border-left: 6px solid #FBA731; }
div#leftbar ul li span.backwaren a						{ border-left: 6px solid #E6923C; }
div#leftbar ul li span.glacegastro a						{ border-left: 6px solid #CBEDFF; }
div#leftbar ul li span.glacestrassen a						{ border-left: 6px solid #8DCEFE; }
div#leftbar ul li span.werbematerial a						{ border-left: 6px solid #DFDCD8; }
div#leftbar ul li span.eier a						{ border-left: 6px solid #DFDCD8; }
div#leftbar ul li span.fingerfood a						{ border-left: 6px solid #d67d60; }

div#leftbar ul li a:hover,
div#leftbar ul li a.active {
	color: #CC0000;
}
/*
=================================
	Inhalt
=================================
*/
h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 150%;
	font-weight: normal;
	padding: 0 0 .7em 0;
}
h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 120%;
	/*font-weight: normal;*/
	padding: .7em 0 1em 0;
}
h3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 120%;
	padding: 0.7em 0 1em 0;
}

h4 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 120%;
	padding: 0;
	margin: 0;
}

div#content p {
	padding: 0 24px 1em 0;
}
div#content a.pdf, 
div#content a.doc, 
div#content a.xls, 
div#content a.ppt, 
div#content a._blank {
	display: block;
	padding: 0 0 5px 20px;
}

p.iconlink a { background: url(../img/layout/icon_samewindow.gif) no-repeat 0 0; }
p.iconlink a:hover { background: url(../img/layout/icon_samewindow.gif) no-repeat 0 -38px; }
div#content a.pdf 	{ background: url(../img/layout/icon_pdf.gif) no-repeat 0 0; }
div#content a.pdf:hover 	{ background: url(../img/layout/icon_pdf.gif) no-repeat 0 -34px; }
div#content a.doc 	{ background: url(../img/layout/icon_doc.gif) no-repeat 0 0; }
div#content a.doc:hover 	{ background: url(../img/layout/icon_doc.gif) no-repeat 0 -34px; }
div#content a.xls 	{ background: url(../img/layout/icon_xls.gif) no-repeat 0 0; }
div#content a.xls:hover 	{ background: url(../img/layout/icon_xls.gif) no-repeat 0 -34px; }
div#content a.ppt 	{ background: url(../img/layout/icon_ppt.gif) no-repeat 0 0; }
div#content a.ppt:hover 	{ background: url(../img/layout/icon_ppt.gif) no-repeat 0 -34px; }
div#content a._blank { background: url(../img/layout/icon_newwindow.gif) no-repeat 0 0; }
div#content a._blank:hover { background: url(../img/layout/icon_newwindow.gif) no-repeat 0 -36px; }


div#rightbar div#sidebar h3 {
	font-size: 110%;
	color: #727272;
	border-bottom: 1px solid #a9a9a9;
	margin: 0 0 0.455em  -0.455em;
	padding: 0 0 0.455em 0.455em
}
div#rightbar div#sidebar div.sidebox {
	margin: 0.455em 0.455em 1.091em  0.455em;
	padding: 0 0 1em 0;
}
div#rightbar div#sidebar div.sidebox img {
	float: left;
	margin: 0 1em 0 0;
}
div#rightbar div#sidebar div.sidebox q {
	clear: left;
}
div#rightbar div#sidebar div.sidebox a {
	display: block;
	clear: left;
}


/* 
=================================
	Footer
=================================
*/
div#footer {
	clear: left;
	margin: 0 12px 40px 12px ;
}
div#footer ul {
	margin: 0;
}
div#footer ul li {
	list-style: none;
	color: #666;
	font-size: 110%;
}
div#footer span#impressum {
	display: block;
	margin: 20px 0;
	padding: 10px 0;
	border-top: 1px solid #e5e5e5;
	width: 936px;
	text-align: right;
}


/* 
=================================
	PopDiv
=================================
*/

div#PopDiv {
	font-size: 110%;
	background: #F5F5F5;
	position: absolute;
	z-index: 200;
	border: 1px solid #D4D4D4;
	padding: 1em 2.5em 2.5em 2.5em;
}
div#PopDiv a {
	display: block;
	text-align: right;
	padding: 0 1.6em;
	margin: -.5em -1.5em 1em;
	background: url(../img/layout/icon_popdiv_close.gif) no-repeat right 0;
}
div#PopDiv a:hover {
	text-decoration: none;
	color: #333;
	background: url(../img/layout/icon_popdiv_close.gif) no-repeat right -37px;
}
div#PopDiv img {
	border: 1px solid #727272;
}
img#loading-popup {
	position: absolute;
	height: 16px;
	top: 50%;
	left: 50%;
	margin: -26px 0 0 -16px;
	background: #FFF;
	padding: 10px;
	border: 1px solid #D4D4D4;
}