/***********************
	FILE
************************
Date:			02.04.2007 11:49
Author:			Benjamin Stellmacher
			<benjamin.stellmacher@hellgrau.com>
Description:		Contains definitions for all elements on the site
***********************/

/***********************
	STRUCTURE OVERVIEW
************************
1. Document
2. General Definitions
3. Header
***********************/


/***********************
	DOCUMENT
***********************/

/* Global White Space Reset */
* {
	margin: 0;
	padding: 0;
}

html {}

body {
	margin: 0;
	padding: 0;
	color: #000;
	text-align: center;
	background: #c03;
}

div#main {
	position: relative;
	margin: 50px auto 30px auto;
	padding: 0;
	width: 850px;
	text-align: left;
	border: 2px solid #fff;
}


/***********************
	GENERAL DEFINITIONS
***********************/

h1, h2,h3,p,div,span,a,form,label,input,select,textarea,ul,ol,li {
	font-family: Verdana, Arial, sans-serif;
}

/* TEXT */

/* LIST */

ul,ol {
	margin: 0 0 0 0;
}

li {
	margin: 0;
}

/* TABLES */

table {
	margin: 0 0 10px 0;
	caption-side: top;
}

table.full-width {
	width: 100%
}

th, td {
	margin: 0;
	padding: 3px;
	font-size: 13px;
	border: 1px solid #666;
	border-spacing: 0px;
	border-collapse: collapse;
}

th {
	color: #FFF;
	background-color: #666;
}

/* FORMS */

fieldset{ border: none; }

label {}

input,textarea,select {}

input.submit {
	font-size: 11px;
	text-transform: uppercase;
	border: none;
	background-color: transparent;
}

/* LINKS */

img { border: none; }
p a {}

/* FORMATTING */

.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.notice { font-weight: bold; color: #F00; }

.pre { white-space: pre; }
.no-indent { text-indent: 0px; }
.no-break { white-space: nowrap; }

.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none; }
.clear { clear: both; }


/***********************
	HEADER
***********************/

div#header {
	margin: 0 0 0 0;
	width: 850px;
	height: 173px;
	overflow: hidden;
}


/***********************
	NAVIGATION
***********************/

div#navigation {
	position: relative;
	margin: 0;
	padding: 13px 0 0 0;
	width: 850px;
	height: 41px;
	background: #fff;
}

body.sprehe-group #navigation 		{ color: #666; background: #c03; }
body.sprehe-frisch #navigation 		{ color: #666; background: #fc0; }
body.astenhof #navigation 		{ color: #666; background: #393; }
body.sprehe-feinkost #navigation	{ color: #666; background: #c03; }
body.wernke #navigation 		{ color: #666; background: #336; }
body.daut #navigation 			{ color: #666; background: #666; }
body.graefendorfer #navigation		{ color: #666; background: #060; }

ul#menu {
	display: inline;
	margin: 0 0 0 12px;
	list-style: none;
}

ul#menu li {
	display: inline;
	margin: 0 1px;
}
ul#menu li.sep {
	padding: 0 5px 0 5px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 28px;
}

/*******************************************************
*  Menü Seperator
*/

body.sprehe-group ul#menu li.sep 	{ color: #fff; }
body.sprehe-frisch ul#menu li.sep 	{ color: #996600; }
body.astenhof ul#menu li.sep  		{ color: #fff; }
body.sprehe-feinkost ul#menu li.sep 	{ color: #fff; }
body.wernke ul#menu li.sep		{ color: #fff; }
body.daut ul#menu li.sep		{ color: #fff; }
body.graefendorfer ul#menu li.sep	{ color: #fff; }


ul#menu li a {
	padding: 0 0 0 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 28px;
}

body ul#menu li a:hover	{ color: #fff; }


/*******************************************************
*  Schriftfarbe Menüs
*/

body.sprehe-group ul#menu li a 		{ color: #fff; }
body.sprehe-frisch ul#menu li a 	{ color: #996600; }
body.astenhof ul#menu li a  		{ color: #fff; }
body.sprehe-feinkost ul#menu li a 	{ color: #fff; }
body.wernke ul#menu li a		{ color: #fff; }
body.daut ul#menu li a			{ color: #fff; }
body.graefendorfer ul#menu li a		{ color: #fff; }


/*******************************************************
*  Schriftfarbe bei activen Menüs
*/
body.sprehe-group ul#menu li.active a 	{ color: #603; }
body.sprehe-frisch ul#menu li.active a 	{ color: #630; }
body.astenhof ul#menu li.active a  	{ color: #030; }
body.sprehe-feinkost ul#menu li.active a{ color: #603; }
body.wernke ul#menu li.active a		{ color: #99c; }
body.daut ul#menu li.active a		{ color: #000; }
body.graefendorfer ul#menu li.active a	{ color: #6c6; }

/***********************
	LANGUAGE
***********************/

div#language  {
	position: absolute;
	top: 18px;
	right: 10px;
	padding: 0 0 3px 0;
}
/*
div#language {
	position: absolute;
	top: 18px;
	right: 10px;
	padding: 0 0 3px 0;
}

div#language a {
	display: block;
	width: 151px;
	height: 19px;
	text-decoration: none;
	background: transparent url(../images/bg_nav_language.gif) no-repeat left center;
}

div#language span {
	margin: 0 0 0 3px;
	font-size: 11px;
	color: #666;
}

div#language div#lang-menu {
	margin: 5px 0 0 0;
	border: 1px solid #ccc;
}

div#language div#lang-menu div.header {
	width: 149px;
	height: 4px;
	background: #fff;
}

div#language div#lang-menu div.body {
	width: 149px;
}

div#language div#lang-menu a.select {
	padding: 5px 3px;
	width: auto;
	height: auto;
	font-size: 11px;
	color: #666;
	background: #fff;
}


div#language div#lang-menu a.select:hover 						{ color: #fff; }
body.sprehe-group div#language div#lang-menu a.select:hover 	{ background: #c03; }
body.sprehe-frisch div#language div#lang-menu a.select:hover 	{ background: #fc0; }
body.astenhof div#language div#lang-menu a.select:hover 		{ background: #393; }
body.sprehe-feinkost div#language div#lang-menu a.select:hover 	{ background: #c03; }
body.wernke div#language div#lang-menu a.select:hover 			{ background: #336; }
body.daut div#language div#lang-menu a.select:hover 			{ background: #666; }
body.graefendorfer div#language div#lang-menu a.select:hover 	{ background: #060; }

div#language div#lang-menu div.footer {
	width: 149px;
	height: 4px;
	background: transparent url(../images/bg_nav_language_select_bot.gif) no-repeat center bottom;
}
*/

/***********************
	TRADEMARKS
***********************/

div#trademarks {
	position: absolute;
	top: 18px;
	right: 66px;
	padding: 0 0 3px 0;
}

div#trademarks a {
	display: block;
	width: 151px;
	height: 19px;
	text-decoration: none;
	background: transparent url(../images/bg_nav_language.gif) no-repeat left center;
}

div#trademarks span {
	margin: 0 0 3px 3px;
	font-size: 11px;
	color: #666;
}

div#trademarks div#trademark-menu {
	margin: 5px 0 0 0;
	border: 1px solid #ccc;
}

div#trademarks div#trademark-menu div.header {
	width: 149px;
	height: 4px;
	font-size: 4px;
	line-height: 4px;
	background: #fff;
}

div#trademarks div#trademark-menu div.body {
	width: 149px;
}

div#trademarks div#trademark-menu a.select {
	margin: 0;
	padding: 5px 3px;
	width: auto;
	height: auto;
	font-size: 11px;
	color: #666;
	background: #fff;
}
div#trademarks div#trademark-menu a.select[class] {
	padding: 5px 3px;
	width: auto;
	height: auto;
	font-size: 11px;
	color: #666;
	background: #fff;
}


div#trademarks div#trademark-menu a.select:hover 						{ color: #fff; }
body.sprehe-group div#trademarks div#trademark-menu a.select:hover 	{ background: #c03; }
body.sprehe-frisch div#trademarks div#trademark-menu a.select:hover 	{ background: #fc0; }
body.astenhof div#trademarks div#trademark-menu a.select:hover 		{ background: #393; }
body.sprehe-feinkost div#trademarks div#trademark-menu a.select:hover 	{ background: #c03; }
body.wernke div#trademarks div#trademark-menu a.select:hover 			{ background: #336; }
body.daut div#trademarks div#trademark-menu a.select:hover 			{ background: #666; }
body.graefendorfer div#trademarks div#trademark-menu a.select:hover 	{ background: #060; }

div#trademarks div#trademark-menu div.footer {
	width: 149px;
	height: 4px;
	font-size: 4px;
	line-height: 4px;
	background: transparent url(../images/bg_nav_language_select_bot.gif) no-repeat center bottom;
}

/***********************
	SEARCH
***********************/

form#search {
	position: absolute;
	top: 145px;
	right: 15px;
	width: 185px;
	height: 28px;
}

form#search label {
	display: inline;
	padding: 6px 9px;
	font-size: 11px;
	color: #000;
	background: transparent url(../images/hdr_form_search_label.gif);
}

form#search input.text {
	margin: 1px 0 0 0;
	width: 114px;
	height: 11px;
	font-size: 10px;
	color: #000;
	background: #fff;
	border: 1px solid #a61923;
}

form#search input.submit {}


/***********************
	CONTENT
***********************/

div#content {
	padding: 35px 0 0 25px;
	width: 850px;
	background: #fff;
}

body.sprehe-group div#content {
	color: #c00;
	background: #fff url(../images/bd_group.jpg) no-repeat top right;
}
body.home div#content {
	color: #c00;
	background: #fff url(../images/bd_group1.jpg) no-repeat top right;
}
body.historie div#content {
	color: #c00;
	background: #fff url(../images/bd_group2.jpg) no-repeat top right;
}
body.qualitaet div#content {
	color: #c00;
	background: #fff url(../images/bd_group3.jpg) no-repeat top right;
}
body.news div#content {
	color: #c00;
	background: #fff url(../images/bd_group4.jpg) no-repeat top right;
}
body.sprehe-frisch div#content {
	color: #FFCC33;
	background: #fff url(../images/bd_sprehefrisch.jpg) no-repeat top right;
}
body.astenhof div#content {
	color: #048d32;
	background: #fff url(../images/bd_astenhof.jpg) no-repeat top right;
}
body.sprehe-feinkost div#content {
	color: #c00;
	background: #fff url(../images/bd_sprehefeinkost.jpg) no-repeat top right;
}
body.wernke div#content {
	color: #002E5C;
	background: #fff url(../images/bd_wernke.jpg) no-repeat top right;
}
body.daut div#content {
	color: #a9abac;
	background: #fff url(../images/bd_daut.jpg) no-repeat top right;
}
body.graefendorfer div#content {
	color: #060;
	background: #fff url(../images/bd_graefendorfer.jpg) no-repeat top right;
}

div#content[id] {
	width: 825px;
	height: auto;
	min-height: 302px;
}

/* MIDDLE */
div#content-middle {
	float: left;
	width: 455px;
}

div#content-middle[id] {
	float: left;
	width: 475px;
}

div#content h1.csc-firstHeader,
div#content h1 {
	margin: 0 0 10px 0;
	font-size: 18px;
}

body.sprehe-group div#content h1 	{ color: #c00; }
body.sprehe-frisch div#content h1 	{ color: #FFCC33; }
body.astenhof div#content h1 		{ color: #048d32; }
body.sprehe-feinkost div#content h1 	{ color: #c00; }
body.wernke div#content h1 			{ color: #002E5C; }
body.daut div#content h1 			{ color: #a9abac; }
body.graefendorfer div#content h1 	{ color: #060; }

div#content h2 {
	margin: -10px 0 20px 0;
	font-size: 18px;
}

body.sprehe-group div#content h2 	{ color: #c00; }
body.sprehe-frisch div#content h2 	{ color: #FFCC33; }
body.astenhof div#content h2 		{ color: #048d32; }
body.sprehe-feinkost div#content h2 	{ color: #c00; }
body.wernke div#content h2 			{ color: #002E5C; }
body.daut div#content h2 			{ color: #a9abac; }
body.graefendorfer div#content h2 	{ color: #cc6600; }

div#content h3 {
	margin: 0px 0 0px 0px;
	font-size: 15px;
}

div#content p {
	margin: 0 0 15px 0;
	font-size: 12px;
	color: #666;
}

div#content p a,
div#content li a,
div#content td a {
	font-size: 12px;
	text-decoration: none;
	color: #333;
}


body.sprehe-group div#content p a,
body.sprehe-group div#content li a,
body.sprehe-group div#content td a		{ color: #f00; }
body.sprehe-frisch div#content p a,
body.sprehe-frisch div#content li a,
body.sprehe-frisch div#content td a		{ color: #FFCC33; }
body.astenhof div#content p a,
body.astenhof div#content li a,
body.astenhof div#content td a			{ color: #048d32; }
body.sprehe-feinkost div#content p a,
body.sprehe-feinkost div#content li a,
body.sprehe-feinkost div#content td a 	{ color: #f00; }
body.wernke div#content p a,
body.wernke div#content li a,
body.wernke div#content td a 			{ color: #002E5C; }
body.daut div#content p a,
body.daut div#content li a,
body.daut div#content td a 				{ color: #a9abac; }
body.graefendorfer div#content p a,
body.graefendorfer div#content li a,
body.graefendorfer div#content td a 	{ color: #cc6600; }

/* lists */

div#content ul {
	margin: 5px 0 5px 20px;
}

div#content ul li {
	margin: 0 0 5px 0;
	font-size: 12px;
	color: #666;
}

/* tables */
div#content table {
	border: none;
}

div#content table tr {
	background: #fff;
}

body.sprehe-group div#content table tr 		{ background: #fff; }
body.sprehe-frisch div#content table tr 	{ background: #fff; }
body.astenhof div#content table tr 		{ background: #fff; }
body.sprehe-feinkost div#content table tr 	{ background: #fff; }
body.wernke div#content table tr 		{ background: #fff; }
body.daut div#content table tr 			{ background: #fff; }
body.graefendorfer div#content table tr 	{ background: #fff; }

div#content table td {
	padding: 2px 5px;
	border: none;
	color: #666;
	font-size: 12px;
	vertical-align: top;
}


/* RIGHT */
div#content-right {
	float: left;
	margin: 0 0 0 20px;
	width: 300px;
}

/***********************
	FOOTER
***********************/

div#footer {
	padding: 0 10px 10px 0;
	text-align: right;
	display: block;
	float: clear;
	background: #fff;
}

div#footer p.bodytext {
	font-size: 10px;
	color: #666;
}

div#footer p.bodytext a {
	font-size: 10px;
	color: #666;
}

div#footer p img {
	vertical-align: middle;
}

/***********************
	NEWS
***********************/

/* LIST */

div.news-list-item {
	padding: 10px 0 15px 0;
	border-top: 1px solid #a61923;
}

div.news-list-item span.news-list-date {
	display: block;
	font-size: 12px;
	color: #000;
}

div.news-list-item h3 {
	margin: 0 0 15px 0;
}

div.news-list-item h3 a {
	font-size: 12px;
	color: #a61923;
	text-decoration: none;
	text-transform: uppercase;
}

div.news-list-item p.bodytext {
	display: inline;
	margin: 0 !important;
	font-size: 12px;
	color: #000;
}

div.news-list-morelink {
	display: inline;
}

div.news-list-morelink a {
	font-size: 12px;
	color: #a61923;
	text-decoration: none;
}

/* SINGLE */

div.news-single-item {
	padding: 10px 0 15px 0;
	border-top: 1px solid #a61923;
	border-bottom: 1px solid #a61923;
}

div.news-single-item div.news-single-timedata {
	display: block;
	margin: 0 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

div.news-single-item h2 {
	margin: 0 0 5px 0 !important;
	font-size: 13px !important;
	color: #a61923;
	text-decoration: none;
	text-transform: uppercase;
}

div.news-single-item p.news-single-author {}

div.news-single-item p.bodytext {}

div.news-single-item div.news-single-backlink {}

div.news-single-item div.news-single-backlink a {
	font-size: 12px;
	color: #a61923;
	text-decoration: none;
}