/*
			RESET
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-family: Arial;
	font-weight: normal;
}
body {line-height: 1;}
ol,ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*
			PROJECT SPECIFIC GENERAL SETUP
*/
body, body * {
	color: black;
	text-align: left;
	position: relative;
}
body {
	font-size: 62.5%;
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
}

body.ahorn {
	background-color: #1b5c00;
	background-image: url(../img/bg/ahorn.jpg);
}
body.acker {
	background-color: #dbaf57;
	background-image: url(../img/bg/acker.jpg);
}
body.klee {
	background-color: #62B502;
	background-image: url(../img/bg/klee.jpg);
}
body.grass {
	background-color: #77b31c;
	background-image: url(../img/bg/grass.jpg);
}
body.himmel {
	background-color: #143EA2;
	background-image: url(../img/bg/himmel.jpg);
}
body.bluemchen {
	background-color: #284703;
	background-image: url(../img/bg/bluemchen.jpg);
}
body.wasser {
	background-color: #4191d6;
	background-image: url(../img/bg/wasser.jpg);
}

a {text-decoration: underline;}
a:hover {text-decoration: none;}
#rightcolumn a {text-decoration: none;}
#rightcolumn a:hover {color: #bbbbbb;}

strong, b {font-weight: bold;}

/*
			ELEMENT SETUP
*/
.clear,.csc-textpic-clear {
	clear: both;
	line-height: 1px;
}

#centerdiv {
	margin: 0 auto;
	width: 835px;
}

#maindiv {padding-top: 38px;}

#contentdiv {
	background-image: url(../img/bg/content.jpg);
	height: 100%;
	padding: 0 25px;
}
#bg-top,#bg-bottom {
	background-repeat: no-repeat;
	height: 21px;
}
#bg-top {background-image: url(../img/bg/content_top.png);}
#bg-bottom {background-image: url(../img/bg/content_bottom.png);}

#toplinks {
	position: absolute;
	top: 0px;
	left: 0px;
}
#toplinks ul {margin: 20px 0 0 25px;}
#bottomlinks ul {
	height: 11px;
	margin: 10px 0 50px 25px;
}
#toplinks li, #bottomlinks li {
	border-left: 1px solid white;
	float: left;
	padding: 0 6px;
}
#toplinks li.first, #bottomlinks li.first {
	border: 0;
	padding-left: 0px;
}
#toplinks li a, #bottomlinks li a {
	color: white;
	font-size: 1.1em;
	font-weight: bold;
}

#slogan {height: 112px;}

#img-slogan {
	float: left;
	margin-top: 6px;
}
#img-stamp {float: right;}

#mainnavigation {
	height: 30px;
	margin: 15px 0 20px 0;
	z-index:101;
}
#mainnavigation li {
	border-top: 2px solid white;
	border-left: 1px solid #c3bfba;
	float: left;
	text-transform: uppercase;
	width: 130px;
}
#mainnavigation li a {
	background-color: transparent;
	background-image: url(../img/bg/subnavi_li.png);
	display: block;
	font-size: 1.3em;
	height: 28px;
	line-height: 27px;
	text-align: center;
	text-decoration: none;
}
#mainnavigation li a:hover {text-decoration: none;}
#mainnavigation li.nachhaltigkeit:hover {border-top-color: #73b147;}
#mainnavigation li.erzeugung:hover {border-top-color: #002E53;}
#mainnavigation li.einkauf:hover {border-top-color: #e4981e;}
#mainnavigation li.zubereitung:hover {border-top-color: #e63849;}
#mainnavigation li.ernaehrung:hover {border-top-color: #5091b7;}
#mainnavigation li.genuss:hover {border-top-color: #898989;}
#mainnavigation li.nachhaltigkeit a {color: #73b147;}
#mainnavigation li.erzeugung a {color: #002E53;}
#mainnavigation li.einkauf a {color: #e4981e;}
#mainnavigation li.zubereitung a {color: #e63849;}
#mainnavigation li.ernaehrung a {color: #5091b7;}
#mainnavigation li.genuss a {color: #898989;}
#mainnavigation li.first {border-left:0;}
#mainnavigation ul {
	display: none;
	position: absolute;
	left: 0px;
	top: 28px;
}
#mainnavigation li.last ul {left: -66px;}
#mainnavigation li:hover ul {display: block;}
#mainnavigation li ul li {
	border: none;
	background-color: white;
	float: none;
	width: 196px;
}
#mainnavigation li ul li a {
	background-color: transparent;
	background-image: none;
	border-top: 1px solid white;
	font-size: 1.1em;
	height: auto;
	line-height: 20px;
	margin: 0 5px;
	padding: 5px 5px 3px;
	text-align: left;
}

#mainnavigation li.nachhaltigkeit ul li a {border-top: 1px solid #73b147;}
#mainnavigation li.erzeugung ul li a {border-top: 1px solid #002E53;}
#mainnavigation li.einkauf ul li a {border-top: 1px solid #e4981e;}
#mainnavigation li.zubereitung ul li a {border-top: 1px solid #e63546;}
#mainnavigation li.ernaehrung ul li a {border-top: 1px solid #5091b7;}
#mainnavigation li.genuss ul li a {border-top: 1px solid #898989;}
#mainnavigation li.nachhaltigkeit a:hover {color:#87d740;}
#mainnavigation li.erzeugung a:hover {color:#2E5371;}
#mainnavigation li.einkauf a:hover {color:#ffbd52;}
#mainnavigation li.zubereitung a:hover {color:#ff717f;}
#mainnavigation li.ernaehrung a:hover {color:#64bff4;}
#mainnavigation li.genuss a:hover {color:#b9b9b9;}

#mainnavigation li ul li.first a {border-top: none;}
#mainnavigation li.last ul li a {text-align: right;}

#maincolumn {
	float: left;
	padding: 0 25px 0 0;
	width: 524px;
}
/*.index #maincolumn {
	padding: 0;
	width: 785px;
}
*/

#rightcolumn {
	float: left;
	padding: 0 0 29px;
	width: 236px;
}

.index #maincolumn img,
.firstlevel #maincolumn img
{margin-bottom: 17px;}

#breadcrumb {
	height: 11px;
	margin-bottom: 15px;
	padding-bottom: 0 !important;
}
#breadcrumb li {
	float: left;
	line-height: 1.1em !important;
	list-style-image: none !important;
	list-style-position: inside !important;
	list-style-type: none !important;
}
#breadcrumb li * {
	font-size: 0.785em;
	text-transform: uppercase;
}
#breadcrumb li {
	padding-left: 5px;
	margin-left: 0 !important;
}
#breadcrumb li.first, #breadcrumb li.last {padding-left: 0;}
#breadcrumb li.prelast {padding-right: 5px;}
.nachhaltigkeit #breadcrumb li *,
.nachhaltigkeit #maincolumn h1 {color: #73b147;}
.erzeugung #breadcrumb li *,
.erzeugung #maincolumn h1 {color: #002E53;}
.einkauf #breadcrumb li *,
.einkauf #maincolumn h1 {color: #e4981e;}
.zubereitung #breadcrumb li *,
.zubereitung #maincolumn h1 {color: #e63849;}
.ernaehrung #breadcrumb li *,
.ernaehrung #maincolumn h1 {color: #5091b7;}
.genuss #breadcrumb li *,
.genuss #maincolumn h1 {color: #898989;}


#maincolumn .csc-default {padding-bottom: 25px;}
#maincolumn h1,#maincolumn p {clear: both;}
#maincolumn .csc-textpic p {clear: none;}
#maincolumn h1 {
	font-size: 3em;
	line-height: 36px;
	margin-bottom: 15px;
}
#maincolumn p {
	font-size: 1.4em;
	line-height: 20px;
	padding-right: 10px;
	padding-bottom: 15px;
}

#maincolumn ul,
#maincolumn ol,
#rightcolumn ul,
#rightcolumn ol
{ padding-bottom: 40px; }

#maincolumn li,
#rightcolumn li {
	color: #4b4a4a;
	font-size: 1.4em;
	line-height: 20px;
	margin-left: 2em;
}
#maincolumn .csc-sitemap li li {font-size: 1em;}

#maincolumn li,
#maincolumn li *,
#rightcolumn li,
#maincolumn p,
#maincolumn p *,
#maincolumn * { color: #4b4a4a; }

#maincolumn ul li,
#rightcolumn ul li {
	list-style-position: outside;
	list-style-type: disc;
}

#maincolumn ol li,
#rightcolumn ol li {
	list-style-position: outside;
	list-style-type: decimal;
}

#maincolumn h2,
#maincolumn h3,
#maincolumn h4,
#maincolumn h5,
#maincolumn h6 {
	font-size: 1.8em;
}

#maincolumn h1,
#maincolumn h2,
#maincolumn h3,
#maincolumn h4,
#maincolumn h5,
#maincolumn h6 {
	margin-bottom: 15px;
	color: #4B4A4A;
}

#maincolumn form,
#maincolumn td,
#maincolumn td * {color: #4b4a4a;}
#maincolumn td {font-size: 1.4em;}
#maincolumn td a {
	font-size: 0.714286em;
	line-height: 20px;
}

#maincolumn sub {
	font-size:0.8em;
/*	vertical-align: text-bottom; */
}
#maincolumn sup {
	font-size:0.8em;
	vertical-align: super;
}

.nachhaltigkeit #maincolumn h1,
.nachhaltigkeit #maincolumn h2,
.nachhaltigkeit #maincolumn h3,
.nachhaltigkeit #maincolumn h4,
.nachhaltigkeit #maincolumn h5,
.nachhaltigkeit #maincolumn h6,
.nachhaltigkeit #maincolumn h1 *,
.nachhaltigkeit #maincolumn h2 *,
.nachhaltigkeit #maincolumn h3 *,
.nachhaltigkeit #maincolumn h4 *,
.nachhaltigkeit #maincolumn h5 *,
.nachhaltigkeit #maincolumn h6 * {
	color: #73b147;
}

.erzeugung #maincolumn h1,
.erzeugung #maincolumn h2,
.erzeugung #maincolumn h3,
.erzeugung #maincolumn h4,
.erzeugung #maincolumn h5,
.erzeugung #maincolumn h6 {
	color: #002E53;
}

.einkauf #maincolumn h1,
.einkauf #maincolumn h2,
.einkauf #maincolumn h3,
.einkauf #maincolumn h4,
.einkauf #maincolumn h5,
.einkauf #maincolumn h6 {
	color: #e4981e;
}

.zubereitung #maincolumn h1,
.zubereitung #maincolumn h2,
.zubereitung #maincolumn h3,
.zubereitung #maincolumn h4,
.zubereitung #maincolumn h5,
.zubereitung #maincolumn h6 {
	color: #e63849;
}

.ernaehrung #maincolumn h1,
.ernaehrung #maincolumn h2,
.ernaehrung #maincolumn h3,
.ernaehrung #maincolumn h4,
.ernaehrung #maincolumn h5,
.ernaehrung #maincolumn h6 {
	color: #5091b7;
}

.genuss #maincolumn h1,
.genuss #maincolumn h2,
.genuss #maincolumn h3,
.genuss #maincolumn h4,
.genuss #maincolumn h5,
.genuss #maincolumn h6 {
	color: #898989;
}


#rightcolumn h1,
#rightcolumn h2,
#rightcolumn h3,
#rightcolumn h4,
#rightcolumn h5,
#rightcolumn h6 {
	background-color: #019D46;
	color: white;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 30px;
	padding: 0 10px;
	text-transform: uppercase;
}

#rightcolumn p {
	background-color: white;
	color: #3b3b3b;
	font-size: 1.2em;
	line-height: 18px;
	padding: 10px 10px 20px 10px;
	margin-bottom: 20px;
}
#rightcolumn .csc-textpic {background-color: white;}
#rightcolumn .csc-textpic .csc-textpic-imagewrap {padding-top: 15px;}

#rightcolumn img {margin-bottom: 20px;}

#maincolumn p.smalltext,
#rightcolumn p.smalltext {
	font-size: 1em;
	line-height: 14px;
}

#maincolumn p.green,
#maincolumn p.green *,
#rightcolumn p.green,
#rightcolumn p.green *
{ color: #1B9A40; }

div.csc-textpic-above img {margin-bottom: 15px;}
div.csc-textpic-center div.csc-textpic-imagewrap {text-align: center;}
div.csc-textpic-right div.csc-textpic-imagewrap {text-align: right;}
div.csc-textpic-left div.csc-textpic-imagewrap {text-align: left;}

div.csc-textpic-below img {margin-top: 15px;}

#maincolumn div.csc-textpic-below p {padding-bottom: 0;}

div.csc-textpic-intext-right div.csc-textpic-imagewrap {
	float: right;
	padding: 0 0 10px 15px;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 100;
}
div.csc-textpic-intext-right div.csc-textpic-imagewrap img {display: inline;}
div.csc-textpic-intext-right p {display: inline;}

div.csc-textpic-intext-left div.csc-textpic-imagewrap {float: left; padding: 0 15px 10px 0;}
div.csc-textpic-intext-left div.csc-textpic-imagewrap img {display: inline;}
div.csc-textpic-intext-left p {display: inline;}

div.csc-textpic-below, div.csc-textpic-intext-right,
div.csc-textpic-intext-left {margin-bottom: 15px;}

div.csc-textpic-intext-right-nowrap div {width: 50%;float: right;}
div.csc-textpic-intext-left-nowrap div {width: 50%;float: left;}
div.csc-textpic-intext-left-nowrap img {margin-right: 15px;}

div.tx-flashpageheader-pi1 {
	position: relative;
	top: 0px;
	left: 0px;
}

#tx_flashpageheader_pi1 {
	position: relative;
	top: -9px;
	left: 70px;
}


.tx-powermail-pi1_formwrap legend {display:none;}
.tx-powermail-pi1_formwrap label {
	display:block;
	font-size: 1.4em;
	line-height: 20px;
}
.tx-powermail-pi1_formwrap input {width:300px;}
.tx-powermail-pi1_formwrap textarea {
	height: 150px;
	width: 300px;
}
.tx-powermail-pi1_formwrap .tx_powermail_pi1_fieldwrap_html_submit {padding-top:25px;}
.tx-powermail-pi1_formwrap .tx_powermail_pi1_fieldwrap_html_submit input {width:auto;}

.tx-mssurvey-pi1, .survey_item {padding-bottom:25px;}
.survey_item .description {display:none;}
.survey_item .description_anrede, .survey_item label {display:block;}
.itemform div {font-size:1.4em;}
.survey_item .itemform div label {font-size: 1em;}
.survey_item .radio label,
.survey_item .radio input {float:left;}
.survey_item .radio label {display:inline;}
.survey_item .radio input {
	clear: both;
	margin-top: 5px;
	width:auto;
}

.survey_item .input_anrede {width:50px;}
.survey_item .itemform_monat label {display: none;}
.survey_item .itemform_jahr label {display: none;}
.survey_item .rowitem {float: left;}
.survey_item .itemform_Straße {float:left;}
.survey_item .rowitem_strasse input {width: 240px;}
#maincolumn .survey_item .rowitem_hausnummer p, #maincolumn .survey_item .rowitem_ort p {padding-right: 0;}
.survey_item .rowitem_hausnummer input {width: 50px;}
.survey_item .rowitem_plz input {width: 60px;}
.survey_item .rowitem_ort input {width: 230px;}
.survey_item .itemform_frage1 label, .survey_item .itemform_frage2 div {padding-bottom: 8px;}
#maincolumn .survey_item p.description_datenschutzbestimmungen, #maincolumn .survey_item p.description_teilnahmebedingungen {
	display: block;
	padding-top: 10px;
	padding-bottom: 0;
}
.survey_item .itemform_datenschutzbestimmungen label, .survey_item .itemform_teilnahmebedingungen label {
	float: left;
	font-size: 1em;
}
.survey_item .itemform_datenschutzbestimmungen span, .survey_item .itemform_teilnahmebedingungen span {display: none;}
.survey_item .itemform_datenschutzbestimmungen input, .survey_item .itemform_teilnahmebedingungen input {
	float: left;
	width: auto;
}

.survey_item_6, .survey_item_3, .survey_item_4, .survey_item_18, .survey_item_5,
.survey_item_10, .survey_item_19, .survey_item_20, .survey_item_15, .survey_item_16,
.survey_item_17 {display: none;}

#recipe_list, #recipe_list li {
	list-style-image: none !important;
	list-style-position: inside !important;
	list-style-type: none !important;
	margin-left: 0;
}

.backtotop {
	background-image: url(../img/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 16px;
}

.csc-textpic-imagerow .csc-textpic-image {padding-bottom: 15px;}
.tx-powermail-pi1 {padding-bottom: 40px;}

.start-stoerer {position: absolute; top: 0px; left: 0px;}

#important_field {display: none;}
