/***********************************************/
/* Grundelemente */
/***********************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-style: normal;
	color: #000;
	background-color: #ddd5cf;
	margin: 0;
	padding: 0;
	background-image: url(../gfx/layout/bg_haeder.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

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

a:hover { text-decoration: underline; }

h1, h2 {
	color: #542c0f;
	font-size: 1.2em;
	font-style: normal;
	margin-bottom: -1em;
}

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

.flrght {
	float: right;
	margin-left: 1em;
}

tr { height: 0.1em; }


/***********************************************/
/* Header */
/***********************************************/

#header {
	width: 69em;
	height: 24em;
	margin: 6.9em 0 0 0;
	background-repeat: no-repeat;
	background-position: left top;
}

.logo {
	width: 30em;
	height: 15em;
	top: -4.6em;
	left: 2em;
	position: relative;
	background-image: url(../gfx/layout/sidebar/haeder/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#subnav {
	color: #fff;
	width: 22em;
	height: 3em;
	float: right;
}

#subnav ul { 
	margin: -5em 0 0 0; 
	text-align: right; 
}

#subnav li {
	display: inline;
	word-spacing: 2em;
}

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

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

#navigation {
	width: 62.7em;
	padding: 5em 0 0 0;
	height: 3em;
	color: #fff;
	font-size: 1.1em;
	font-family: Verdana, Geneva, sans-serif;
	background-image: url(../gfx/layout/bg_nav.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#navigation ul { margin: 1em 0 0 -0.5em; }

#navigation li {
	display: inline;
	margin-right: 2em;
}

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

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


/***********************************************/
/* Sidebar Links */
/***********************************************/

#sidebarLeft {
	width: 13em; 
	float: left;
	margin-top: 1.5em;
	margin-right: 2em;
}

.sidebarLeftBox1 h1 {
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	text-indent: 2.5em;
	color: #fff;
	width: 8.85em;
	height: 1.6em;
	padding-top: 0.4em;
	padding-left: 2em;
	margin-top: -0.05em;
	background-color: #542c0f;
}

.sidebarLeftBox1 {
	width: 13em; 
	height: 17.5em;
	margin: 0 0 1em 0;
	border: solid 1px #542c0f;
	background-image: url(../gfx/layout/sidebar/left/bg_box1.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.sidebarLeftBox1 p {
	font-size: 0.85em;
	margin: 2em 0.3em 1.5em 0.6em;
}

.sidebarLeftBox1 a, .sidebarLeftBox1 a:visited {
	color: #285e19;
	font-size: 1em;
	text-decoration: underline;
	margin: 1em 0 0 1em;
	padding-left: 1.4em;
	background-image: url(../gfx/layout/sidebar/left/pfeil.png);
	background-repeat: no-repeat;
	background-position: left;
}

.warenkorb {
	width: 4em;
	height: 3em;
	margin: -2.3em 0 -1.5em 0.5em;
	background-image: url(../gfx/layout/sidebar/left/warenkorb.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.sidebarLeftBox2 {
	width: 13em; 
	height: 10em;
	margin: 0 0 1em 0;
	border: solid 1px #542c0f;
}

.sidebarLeftBox2 h1 {
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	text-indent: 1.8em;
	color: #fff;
	width: 8.85em;
	height: 1.6em;
	padding-top: 0.4em;
	padding-left: 2em;
	margin-top: -0.05em;
	background-color: #542c0f;
}

.telefon {
	width: 3em;
	height: 3.8em;
	margin-top: -2.2em;
	margin-left: .9em;
	background-image: url(../gfx/layout/sidebar/left/telefon.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.telefon h2 {
	color: #542c0f;
	font-size: 0.9em;
	font-style: italic;
	padding-top: 1.7em;
	margin: 1.3em 0 -1em 3.8em;
}

.telefon p {
	width: 10em;
	color: #542c0f;
	font-size: 1em;
	font-style: italic;
	margin: 1.2em 0 0 3.3em;
}

.fax {
	width: 3em;
	height: 3.8em;
	margin: -1.5em 0 -1.5em 0.5em;
	background-image: url(../gfx/layout/sidebar/left/fax.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.fax h3 {
	color: #542c0f;
	font-size: 0.9em;
	font-style: italic;
	margin: .5em 0 -1em 4.3em;
}

.fax p {
	width: 10em;
	color: #542c0f;
	font-size: 1em;
	font-style: italic;
	margin: 1.2em 0 0 3.8em;
}


/***********************************************/
/* Sidebar Rechts */
/***********************************************/

#sidebarRight {
	width: 13em;
	float: right;
	margin-top: 1.5em;
	margin-right: 0.2em;
}

.sidebarRightBox1 {
	width: 13em; 
	height: 20em;
	margin: 0 0 1em 0;
	border: solid 1px #542c0f;
}

.sidebarRightBox1 a, .sidebarRightBox1 a:visited {
	color: #285e19;
	font-size: 1em;
	text-decoration: underline;
	margin: 0 0 0 1em;
	padding-left: 1.4em;
	background-image: url(../gfx/layout/sidebar/left/pfeil.png);
	background-repeat: no-repeat;
	background-position: left;
}

.sidebarRightBox1 h1 {
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	color: #fff;
	width: 10.8em;
	height: 1.6em;
	padding-top: 0.4em;
	margin-top: .05em;
	background-color: #542c0f;
}

.sidebarRightBox1 h2 {
	width: 10em;
	text-align: center;
	font-size: 1.2em;
	margin-top: 0.3em;
	font-style: italic;
}

.sidebarRightBox1 p {
	color: #542c0f;
	font-size: 0.85em;
	margin: 2em 1em 1em 1em;
}

.sidebarRightBox2 {
	width: 13em; 
	height: 16em;
	margin: 0 0 1em 0;
	border: solid 1px #542c0f;
}

.kamera {
	width: 2em;
	height: 2em;
	float: left;
	margin: -0.2em 0.3em 0 0.8em;
}

.sidebarRightBox2 a, .sidebarRightBox2 a:visited {
	color: #285e19;
	font-size: 1em;
	text-decoration: underline;
}

.sidebarRightBox2 h2 {
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	color: #fff;
	width: 10.8em;
	height: 1.6em;
	padding-top: 0.4em;
	margin-top: .01em;
	background-color: #542c0f;
}

.sidebarRightBox2 p {
	color: #542c0f;
	font-size: 0.85em;
	margin: 0.5em 1em 1em 1em;
}


/***********************************************/
/* Content */
/***********************************************/

#content {
	width: 39.5em;
	float: left;
	margin-top: 1.5em;
	margin-right: 1em;
}

#content h1, #content h2 { 
	font-size: 1.3em;
	font-weight: normal;
	padding-bottom: 0.6em;
}

#content p {
	font-size: 0.9em;
}


/***********************************************/
/* Wrapper */
/***********************************************/

#wrapper {
	width: 69em;
	margin: 0 0 0 3em;
}

#Container {
	width: 98%;
}


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

#footer {
	color: #fff;
	position:relative;
	bottom:0;
	width: 100%;
	height:3.8em;
	margin-top: 5em;
	background-color: #704026;
	background-position: left bottom;
}

.motiv {
	width: 15em;
	height: 9em;
	margin: -5em 0 0 2em;
	background-image: url(../gfx/layout/sidebar/footer/kohlkoepfe.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

#navigationFooter {
	float: left;
	width: 30em;
}

#navigationFooter li {
	display: inline;
	margin-right: 1.5em;
}

#navigationFooter ul { margin: 1.5em 0 0 8em; }

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

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

.copyright {
	color: #fff;
	width: 22em;
	text-align: right;
	margin-left: 49em;
}

.copyright p { padding-top: 1.5em; }

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

.copyright a:hover { text-decoration: underline; }


/***********************************************/
/* Header nach Bereichen */
/***********************************************/

#home #header  { background-image: url(../gfx/layout/haeder/rotkohl.jpg); }
#maerkte #header  { background-image: url(../gfx/layout/haeder/maerkte.jpg); }
#angebote #header  { background-image: url(../gfx/layout/haeder/angebote.jpg); }
#produktinfo #header  { background-image: url(../gfx/layout/haeder/topinambur.jpg); }
#kontakt #header  { background-image: url(../gfx/layout/haeder/salatmix.jpg); }