/*##################################################*/
/*#         CSS STYLESHEET VERBRAUCHER.DE          #*/
/*#            BARRIEREFREIE UMSETZUNG             #*/
/*##################################################*/


/*##################################################*/
/*#                LAYER ELEMENTE                  #*/
/*##################################################*/

/* Außen- und Innenabstände aller Elemente zurücksetzen */
* {
	margin: 0;
	padding: 0;
}

/* vertikalen Scrollbalken erzwingen, damit Inhalt im Fenster nicht springt */
html {
	min-height: 101%;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	color: #000;
	background: #ffcc33 url(../images/hintergrund.gif) no-repeat;
}

#container {
	position: relative; /* Damit Stromwechsel Stempel relativ zu container positioniert werden kann */
	width: 778px;
	margin: auto;
	padding: 0;
	font-size: 62.5%; /* Schriftgröße auf 1em = 1px setzen */
	text-align: left;
}

#dunkelgrau {
	float: left;
	width: 270px;
	height: 11px;
	line-height: 0;
	background-color: #666;
}

#hellgrau {
	float: right;
	clear: right;
	width: 508px;
	height: 11px;
	line-height: 0;
	background-color: #999999;
}

#headnavi {
	float: left;
	clear: both;
	width: 770px;
	height: 40px;
	background-color: #ffcc33;
	text-align: right;
}

#schatten_oben {
	position: relative;
	clear: both;
	width: 778px;
	height: 40px;
	background: #795920 url(../images/schatten_subnavi.jpg) bottom right no-repeat;
}

#vz_logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 270px;
	height: 84px;
	text-indent: -999em;
	margin: 0;
	padding: 0;
	line-height: 0;
	border: none;
	background: #ffa722 url(../images/vzh_logo.jpg) bottom left no-repeat;
}

#inhalt_container {
	float: right;
	width: 508px;
	padding: 0;
}

#links {
	padding-top: 6em;
	width: 270px;
	float: left;
	text-align: left;
	background-color: #6b9448;
}

#inhalt_schatten {
	width: 8px;
	height: 471px;
	float: right;
	background: url(../images/schatten_rechts.jpg) no-repeat top left;
}

#inhalt {
	width: 500px;
	float: left;
	text-align: left;
	padding: 0;
	background-color: #fff;
}

#fusszeile {
	margin-top: 2em;
	vertical-align: bottom;
	height: 30px;
	width: 500px;
	clear: both;
	border-top: 1px solid #999;
	background-color: #fff;
	background-image: url(../images/vzh_logo_fusszeile.gif);
	background-repeat: no-repeat;
	background-position: 255px 8px;
}

.infocontainer {
	margin: 2.5em 3em 0 3em;
	padding: 1.5em;
	background-color: #FFCC33;
	border: 1px solid #795920;
}


/*##################################################*/
/*#             ALLGEMEINE DEFINITIONEN            #*/
/*##################################################*/

span.no_division {
	white-space: nowrap;
}

/* clearfix für Definition Items */
.clearfix:after,
dl dd:after {
	content: "."; 
    display: block; 
    height: 0;
	line-height:0;
    clear: both; 
    visibility: hidden;
}

.margin-top_0 {
	margin-top: 0 !important;
}


/*##################################################*/
/*#           BLOCKELEMENTE + SCHRIFT              #*/
/*##################################################*/

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.25;
	font-weight: normal;
	color: #000;
	margin: 0.5em 2.5em 0.4em 2.5em;
}

/***************  SEITENÜBERSCHRIFTEN  **************/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1;
	color: #cc0000;
	margin: 0em 2em 1em 2em;
	padding-left: 35px;
	padding-top: 25px;
	background-image: url(../images/pfeil_h1.gif);
	background-repeat: no-repeat;
	background-position: 0em 2em;
}

/***************  RATGEBER ÜBERSCHRIFT  *************/
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #cc0000;
	padding: 0.6em 0.6em 0.6em 2.6em;
	margin: 0;
	border: 1px solid #999999;
	background: #e9e9e7 url(../images/pfeil_h2.gif) no-repeat 0.6em 0.7em;
}

/**************  AKTUELLES ÜBERSCHRIFT  ************/
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #cc0000;
	padding: 0.6em 0.6em 0.3em 2.6em;
	margin-top: 1.5em;
	margin-right: 8px;
	border: 1px solid #999999;
	background: #ffcc33 url(../images/pfeil_h3.gif) no-repeat 0.6em 0.7em;
}

/****************  TEXT ÜBERSCHRIFT  ***************/
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.2;
	color: #000;
	margin: 2.7em 2.1em 0 2.1em;
	padding-bottom: 2px;
}

/*****************  FAQ ÜBERSCHRIFT  ***************/
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.2em;
	color: #cc0000;
	margin: 2.5em 2.4em 0 2.4em;
	padding-left: 25px;
	padding-bottom: 1px;
	background-image: url(../images/pfeil_h4.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	color: #000000;
	margin: 1.5em 2.4em 0 2.5em;
	padding:0;

}

h6.aktuelles {
	font-size: 1.4em;
	margin: 0 2.2em 0 2.2em;
	line-height: 1;
}

.infocontainer p,
.infocontainer h4,
.infocontainer h5,
.infocontainer h6 {
	margin-left: 0;
	margin-right: 0;
}

ul,
ol,
dl {
	padding: 0;
	margin: 1em 2.5em 0 2.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.3;
	color: #000;
}

li {
	margin: 0.5em 0 0 3em;
	list-style-type: none;
	list-style-image: url(../images/pfeil_li.gif);
	padding: 0;
}

ol li {
	margin: 0.5em 0 0 3em;
	list-style-type: decimal;
	list-style-image: none;
}

dl {
	margin-left: 2.8em;
	margin-right: 2.8em;
}

dl dt {
	width: 9em;
	float: left;
	font-weight: bold;
	clear: left;
}

dl dd {
	margin-left: 10em;
}

dl dt,
dl dd {
	margin-bottom: .5em;
}

ul.faq {
	padding: 0;
	margin: 1.5em 3.8em;
}

.faq li {
	margin: 0 0 0.5em 0.5em;
	list-style-image: none;
	padding: 0;
	list-style-type: decimal;
	line-height:1em;
}

.faq a:link, .faq a:visited {
	color: #cc0000;
	font-weight: normal;
	text-decoration: none;
	background-image: none;
	padding: 0;
}
.faq a:hover, .faq a:active {
	color: #CC0000;
	font-weight: normal;
	text-decoration: underline;
	background-image: none;
	padding: 0;
}


.unsichtbar {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
	background-image: none;
}

.schwarz {
	color: #000;
}

.ratgeber_pic  {
	float: left;
	width: 71px;
	padding: 0;
	border: 1px solid #000;
	line-height: 0;
}

.ratgeber_artikel  {
	padding: 1em;
	margin: 0;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	background-color: #e9e9e7;
}

p.ratgeber_text {
	font-size: 1.1em;
	line-height: 1.15;
	margin: 0 0 0 85px;
}

p.ratgeber_footer {
	font-size: 1.1em;
	line-height: 1.15;
	color: #333;
	margin: 0;
}

p.aktuelles {
	margin-top: 1.3em;
}

p.datum {
	margin: 3em 3em 0 3em;
	font-size: 1em;
	color: #cc0000;
}

p#flash_navi {
	margin: 1em 0 0 0;
	width: 500px;
	height: 350px;
	padding: 0;
}

p.fussnote {
	margin-top: 1.5em;
	border-top: 1px solid #ccc;
	padding-top: .5em;
	font-size: 1em;
}

p.bildunterschrift {
	margin: .5em 3em 0 3em;
	font-size: 1em;
}

p#lebensmittel_etikett {
	margin: 3em;
	width: 20em;
	border: .5em solid #cc0000;
	padding: .8em;
	color: #cc0000;
	background-color: #fff;
	font-size: 1.1em;
}

.clearfix p.bildunterschrift {
	margin: .5em 0 0 0;
}

.drucken {
	border: 0;
	padding-left: 10px;
}

img.img_content {
	margin: 1.5em 3em 0 3em;
}

.img_left {
	float: left;
	margin: .5em 1.5em 1.5em 3.1em;
}

.img_right {
	float: right;
	margin: 0 2.5em 1.5em 1.5em;
}

.biosiegel .img_left {
	margin: 2em 0 0 2.5em;
}


/*##################################################*/
/*#                     LINKS                      #*/
/*##################################################*/

a,
a:link,
a:visited {
	color: #cc0000;
	font-weight: normal;
	text-decoration: none;
	background-image:url(../images/pfeil_link.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 15px;
}

a:hover,
a:active,
a:focus {
	text-decoration: underline;
}


a.unformatiert,
a.unformatiert:link,
a.unformatiert:visited,
a.unformatiert:hover, 
a.unformatiert:active,
a.unformatiert:focus {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	background-image: none;
	padding-left: 0;
}

a.drucken,
a.drucken:link,
a.drucken:visited,
a.drucken:hover,
a.drucken:active,
a.drucken:focus {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	background-image: none;
	padding-left: 0;
}

a.top,
a.top:link,
a.top:visited {
	text-decoration: none;
	background-image: url(../images/pfeil_top.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 12px;
}

a.top:hover,
a.top:active,
a.top:focus {
	text-decoration: underline;
}

h1 a {
	font-size: 1em;
	color: #cc0000 !important;
	font-weight: bold !important;
	padding-left: 0 !important;
	text-decoration: none;
	background-image: none !important;
}

a.mail {
	background-image: none;
	padding-left: 0;
}

a img {
	border: none;
}



/*##################################################*/
/*#                   FORMULARE                    #*/
/*##################################################*/

input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #000;
	
}


/*##################################################*/
/*#                     MENÜS                      #*/
/*##################################################*/

/****************  HEAD NAVIGATION  ***************/
#headnavilist {
	font-size: 1.2em;
	list-style: none;
	padding: 0;
	margin: 0;
}

#headnavilist li {
	display: inline;
	padding: 0;
	margin: 0;
}

#headnavilist li a { 
	text-decoration: none;
	font-weight: normal;
	line-height: 40px;
	padding: 0 1em;
	border-right: 1px solid #fff;
	background-image: none;
}

#headnavilist li a:link, #headnavilist li a:visited { 
	color: #000;
}

#headnavilist li a:hover, #headnavilist li a:active { 
	color: #cc0000;
}

#headnavilist li a.noborder {
	border-right: none;
}

#headnavilist li#drucken_top a {
	border-right: none;
	padding-left: .6em;
}



/****************  HAUPT NAVIGATION  ***************/
#hauptnavilist {
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 5em 0 1em 0;
	margin: 0;
}

#hauptnavilist ul {
	font-size: 100%;
}

#hauptnavilist li {
	list-style-image: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

#hauptnavilist li a,
#hauptnavilist li.nav_1 span,
#hauptnavilist li.nav_2 span,
#hauptnavilist li.nav_3 span,
#hauptnavilist li.nav_4 span,
#hauptnavilist li.nav_5 span,
#hauptnavilist li.nav_6 span,
#hauptnavilist li.nav_7 span,
#hauptnavilist li.nav_8 span,
#hauptnavilist li.nav_9 span,
#hauptnavilist li.nav_10 span { 
	display: block;
	padding-left: 1.8em;
	border-bottom: 1px solid #6B9448;
	text-decoration: none;
	font-weight: normal;
	background-image: none;
	line-height: 2em;
	color: #000;
	background-color: #d4e0c6;
}

#hauptnavilist li a:link, 
#hauptnavilist li a:visited {
}

#hauptnavilist li a:hover,
#hauptnavilist li a:active {
	background-color: #ebf1e5;
	color: #000;
}

body.nav_1 li.nav_1 a,
body.nav_2 li.nav_2 a,
body.nav_3 li.nav_3 a,
body.nav_4 li.nav_4 a,
body.nav_5 li.nav_5 a,
body.nav_6 li.nav_6 a,
body.nav_7 li.nav_7 a,
body.nav_8 li.nav_8 a,
body.nav_9 li.nav_9 a,
body.nav_10 li.nav_10 a,
body.nav_1 li.nav_1 span,
body.nav_2 li.nav_2 span,
body.nav_3 li.nav_3 span,
body.nav_4 li.nav_4 span,
body.nav_5 li.nav_5 span,
body.nav_6 li.nav_6 span,
body.nav_7 li.nav_7 span,
body.nav_8 li.nav_8 span,
body.nav_9 li.nav_9 span,
body.nav_10 li.nav_10 span {
	background-color: #3d631c !important;
	color: #fff !important;
	font-weight: bold !important;
}

#hauptnavilist ul {
	margin: .5em 2.5em;
}

#hauptnavilist ul li {
	margin-bottom: .2em;
}

#hauptnavilist ul li a {
	display: inline;
	padding: 0;
	border-bottom: none;
	text-decoration: none;
	font-weight: normal;
	background-image: none;
	line-height: 1.2em;
	color: #d4e0c6 !important;
	background-color: transparent !important;
	font-weight: normal !important;
}

#hauptnavilist ul li a:link, 
#hauptnavilist ul li a:visited {
}

#hauptnavilist ul li a:hover,
#hauptnavilist ul li a:active {
	color: #fff !important;
	border-bottom: 1px solid #d4e0c6;
}

body.nav_2_1 #hauptnavilist ul li.nav_2_1 a, body.nav_2_2 #hauptnavilist ul li.nav_2_2 a, body.nav_2_3 #hauptnavilist ul li.nav_2_3 a, body.nav_2_4 #hauptnavilist ul li.nav_2_4 a, body.nav_2_5 #hauptnavilist ul li.nav_2_5 a, body.nav_2_6 #hauptnavilist ul li.nav_2_6 a, body.nav_2_7 #hauptnavilist ul li.nav_2_7 a,
body.nav_3_1 #hauptnavilist ul li.nav_3_1 a, body.nav_3_2 #hauptnavilist ul li.nav_3_2 a, body.nav_3_3 #hauptnavilist ul li.nav_3_3 a, body.nav_3_4 #hauptnavilist ul li.nav_3_4 a, body.nav_3_5 #hauptnavilist ul li.nav_3_5 a,
body.nav_5_1 #hauptnavilist ul li.nav_5_1 a, body.nav_5_2 #hauptnavilist ul li.nav_5_2 a, body.nav_5_3 #hauptnavilist ul li.nav_5_3 a, body.nav_5_4 #hauptnavilist ul li.nav_5_4 a, body.nav_5_5 #hauptnavilist ul li.nav_5_5 a,
body.nav_6_1 #hauptnavilist ul li.nav_6_1 a, body.nav_6_2 #hauptnavilist ul li.nav_6_2 a, body.nav_6_3 #hauptnavilist ul li.nav_6_3 a, body.nav_6_4 #hauptnavilist ul li.nav_6_4 a, body.nav_6_5 #hauptnavilist ul li.nav_6_5 a {
	background-color: transparent !important;
	color: #000 !important;
	border-bottom: none !important;
	font-weight: bold !important;
}


/****************  INHALTSVERZEICHNIS  ***************/

h2.inhaltsverz {
	margin: 1.5em 2.6em 0 2.6em;
	font-size: 1.2em;
	color: #666;
	padding: 0;
	border: none;
	background: none;
}

ol.inhaltsverz {
	margin-top: .5em;
	border: 1px solid #999;
	padding: 2px 2px 1px 2px;
}

ol.inhaltsverz li {
	margin: 0;
	list-style: none;
}

ol.inhaltsverz li a {
	display: block;
	color: #000;
	background: #FFEFBF;
	padding: 3px 5px;
	border-bottom: 1px solid #fff;
	line-height: 1.2;
}

ol.inhaltsverz li a:hover,
ol.inhaltsverz li a:focus {
	background-color: #FFE38F;
	color: #cc0000;
	text-decoration: none;
}


/*############################################################*/
/*#                        TABELLEN                          #*/
/*############################################################*/

table {
	border-collapse:collapse;
	margin:1.5em 2.5em 0 2.5em;
}

table#ernaehrung {
	margin:1.5em .2em 0 .2em;
}

caption {
	display: none;
}

th,
td {
	line-height:1.2;
	padding:.5em;
	text-align:left;
	vertical-align:top;
	font-size: 1.2em;
}

thead th,
tbody th {
	font-weight:bold;
}

thead th {
	border-right:1px solid #fff;
	background-color:#ffcc33;
	color:#000;
}

th.last-child,
td.last-child  {
	border-right:none !important;
}

thead tr.subheader th,
thead tr.subheader td {
	border-top:1px solid #fff;
}


th.ausblenden,
td.ausblenden {
	text-indent:-1000em;
}

tbody th,
tbody td {
	border-right: 1px solid #fff;
	background-color: #ffe599;
}

tbody tr.subheader th {
	background-color:#ffcc33;
	color:#000;
}

tr.ungerade th,
tr.ungerade td {
	background-color:#fff0c1;
}

tbody tr.tr_border_bottom {
	border-bottom:2px solid #ffcc33;
}

th p,
td p {
	margin: 1em 0 0 0;
	font-size: 100%;
}

th p {
	font-weight: bold;
}