﻿
table {width:100%; height: auto}
table.auto_w_h{width:auto; height: auto}

table.main{ margin-left:auto; margin-right:auto; width:1200px; height:100%}
table.content{ width:100%; height:auto; padding: 0 40px; background-color: white; float:left;}
table.kontakt{ background-color: #E7E7E7; height:125px; width:230px;}

td, div {font-family: "Open Sans", Verdana,Arial,Helvetica; font-size: 13px; color: #7a7a7a; vertical-align: top; line-height:150%;}
span {font-family: "Open Sans",Verdana,Arial,Helvetica;font-size:13px;font-weight:normal;color:#7a7a7a;}

.empty{
	background-color:transparent; 
	height:8px;}
#empty{
	background-color:transparent; 
	height:8px;}

.hinweis {font-style:italic;}
.bild {font-style:italic;}

.achtung { font-style:italic; color:#DC0000;}
.quelle {font-size: 9pt; font-weight: 400;}


.hcenter { text-align: center;}
.hright { text-align: right;}
.hjustify { text-align:justify; }
.vmiddle{ vertical-align:middle;}
.vtop{ vertical-align:top;}
.vbottom { vertical-align:bottom; }
.underline { text-decoration:underline; font-size: 8pt;}
.lineheight { line-height:150% }
.top_balken { background-image: url('../images/navigation/top_balken.png'); background-repeat: no-repeat; width: 1200px; height: 100px;	}

.p6t3b { padding-bottom:3px; padding-top:6px; }
.p4t4b { padding-bottom:4px; padding-top:4px; }
.p2t2b { padding-bottom:2px; padding-top:2px; }
.p4l4r { padding-left:4px; padding-right:4px; }
.p20l20r { padding-left:20px; padding-right:20px;}
.p15l15r { padding-left:15px; padding-right:15px;}


.border_left_top {border-left-style: solid; border-left-width: 1px; border-top-style: solid; border-top-width: 1px; border-color:#c0c0c0; padding:4px;}
.border_right {border-right-style: solid; border-right-width: 1px; border-color: #c0c0c0;}
.border_right_top {border-right-style: solid; border-right-width: 1px; border-color: #c0c0c0; border-top-style: solid;border-top-width: 1px; border-color:#c0c0c0;}
.border_bottom {border-bottom-style: solid; border-bottom-width: 1px; border-color:#c0c0c0;}
.border_top {border-top-style: solid; border-top-width: 1px; border-color:#c0c0c0;}


.selly { color:#7b7b7b; font-weight:bold; font-size:12px;}
.order { color:#dc0000; font-weight:bold; font-size:12px;}
	
.border_top_white {border-top-style: solid; border-top-width: 1px; border-color:white;}
.border_red1 {border-style: solid; border-width: 1px; border-color:#dc0000;}
.border_red {border-style: solid; border-width: 2px; border-color:#dc0000;}
.anstrich_grau{ background-image:url('../images/design/punkt_grau_kl.png'); background-repeat:no-repeat; background-position: center; height:15px; width:15px;}
.anstrich{ background-image:url('../images/design/rot-punkt_kl.png'); background-repeat:no-repeat; background-position: center; width:15px; height:15px; padding-left:4px; padding-right:4px;}
.anstrich_gruenok{ background-image:url('../images/design/punkt_gruen_ok.png'); background-repeat:no-repeat; background-position: center; width:28px; height:32px; padding-left:4px; padding-right:4px;}
.selly { color:#7b7b7b; font-weight:bold; font-size:13px;}
.order { color:#dc0000; font-weight:bold; font-size:13px;}
.sellyheader { color:#7b7b7b; font-size:18px;}
.orderheader { color:#dc0000; font-size:18px;}
.blau { color:#0000ff; font-weight:bold;}
.hellblau { background-color:#d9ffff;}
td.navi2{background-image: url('../images/navigation/Themen.png'); background-repeat: no-repeat; width: 1016px; height: 122px; vertical-align: bottom}

.achtung { font-style:italic; color:#901010;}
header {
		height:105px;
		padding-bottom: 4px;
		background-color:#FFF;
		}
div.header_sites{ background-image: url('../images/navigation/top_balken.png'); background-repeat: no-repeat; width: 1200px; height: 100px;}
.header2 {
	background-image: url('../images/design/Bgr_grau_header2.png');
	background-repeat: repeat-x;
	font-size:11px;
	vertical-align: middle;
	font-weight: bold;
	color: #555555; padding:2px; height:18px}
	
.header4 {
	font-size:17px;
	vertical-align: top;
	padding-bottom: 16px;
	padding-top: 16px; padding-left:0;}
	
	
.header5 {
	font-size:13px;}
		
.header6 {
	vertical-align: middle;
	font-size:1.2em;
	padding-top: 20px;
	padding-bottom:15px; 
	padding-left:10px;
	height:25px;}
	
.header7 {
	vertical-align: middle;
	font-family:Verdana, Tahoma, Arial;
	font-size:30px;
	padding-top: 20px;
	padding-bottom:15px;
	color:#4d4d4d;}

	
.red {color:#dc0000;}
	

.white_bigger { color:white;
				font-size:16px;}
	
	
.left0 { padding-left:0px;}
	
.produkticon {
	vertical-align: middle;
	padding-top: 20px;
	padding-bottom:15px; 
	padding-left:10px;
	height:25px;
	width:8%;}

.footer{
	
	padding-top:20px;
	padding-bottom: 15px;
	font-size:12px;
}
img { border-width:0 }
	
	
.p15t15b{ padding-top:15px; padding-bottom:15px;}	
.p20l20r { padding-left:20px; padding-right:20px;}
.p40l40r { padding-left:40px; padding-right:40px; background:white;}	
.p15l15r { padding-left:15px; padding-right:15px;}
.p20r {	padding-right:20px;}
.underline { text-decoration:underline; font-size:1em;}
.letterspacing { letter-spacing:-1px; }
.info {font-size: 9pt; letter-spacing:-1px}
.headerhellgruen { color:#b6db64; font-weight:bolder; font-size:x-large;}
.headergruen { color:#009166; font-weight:bolder; font-size:x-large;}

.xpointred { background-position: center center; background-image:url('../images/design/punkt_rot.png'); background-repeat:repeat-x;  padding-top:0.5em; padding-bottom:0.5em; padding-right:0.5em;}

.xpoint { background-position: center center; background-image:url('../Themen/images/Punkt_cdcdcd.png'); background-repeat:repeat-x;  padding-top:0.5em; padding-bottom:0.5em; padding-right:0.5em;}
.ypoint { background-position: center center; background-image:url('../Themen/images/Punkt_cdcdcd.png'); background-repeat:repeat-y;}

#hcenter { text-align: center;}
#hright { text-align: right;}
#hjustify { text-align:justify; }
#vmiddle{ vertical-align:middle;}
#vtop{ vertical-align:top;}
#vbottom { vertical-align:bottom; }
#underline { text-decoration:underline; font-size: 8pt;}
#lineheight { line-height:150% }
#header_sites_top_balken{ background-image: url('../images/navigation/top_balken.png'); background-repeat: no-repeat; width: 1200px; height: 100px;}
#header_sites{ width:100%;
				height:99px;
 				background-color:white;}

a 		{font-family: "Open Sans",Arial, Helvetica, sans-serif; font-size: 13px;font-weight: normal;color: #E30000;text-decoration: none; cursor:pointer;}
a.email	{font-family:"Open Sans",Arial, Helvetica, sans-serif; font-size: 12px;font-weight: normal;color: #E30000;text-decoration: none;}
a.link 	{font-family: "Open Sans",Arial, Helvetica, sans-serif; font-size: 13px;font-weight: normal;color: #202020;text-decoration: none;}
	
a#top_balken { color:#999; }
a#top_balken:hover, a#top_balken:focus { color:#333; text-decoration:underline;}
a#top_balken_ping { color: white; }
a#top_balken_ping:hover, a#top_balken_bing:focus { color: #C0C0C0; text-decoration:underline;}

a#tools {color:#dc0000; text-decoration:none;}
a#tools:hover, a#tools:focus {color:#dc0000; text-decoration: underline;}

a#mail { color:#fff; }
a#mail:hover, a#mail:focus { color:#c2c2c2; text-decoration:underline;}

a#link { color:#202020; }
a#link:hover, a#link:focus { color:#333; text-decoration:underline;}


a.visited {font-family:"Open Sans",Arial, Helvetica, sans-serif; font-size:11px;font-weight:normal;color:#E30000;text-decoration:none;}
a.hover {font-family:"Open Sans",Arial, Helvetica, sans-serif; font-size:11px;font-weight:normal;color:#202020;text-decoration:none;}
a.key {font-family:"Open Sans",Arial, Helvetica, sans-serif; font-size:11px;font-weight:normal;text-decoration:none;color: #7a7a7a;}
a.mark { color:white; font-size:0.4em;}
a#more { color:#b52929;}

a#more:hover, a#more:focus { text-decoration:underline;}


a#Lupe {
	background: url(../images/design/Lupe_Lupeover.png) top left no-repeat;
	width: 24px;
	height: 21px;
	position: absolute;
	text-indent: -10000px;
	z-index: 1000;
}
a#Lupe:hover, a#Lupe:focus {
	background-position: bottom left;
}
/* Boxen*/
 
#additives-box {
	width: 385px;
}

#additives-content {
	display: block;
	padding-top:8px;}
	
a.additives {
	cursor: pointer;
}

#DACH-box {
	width: 385px;
}

#DACH-content {
	display: block;
	padding-top:8px;}
	
a.DACH {
	cursor: pointer;
}

#WE-box {
	width: 400px;
}

#WE-content {
	display: block;
	padding-top:8px;}
	
a.WE {
	cursor: pointer;
}


#Allergen-box {
	width: 900px;
	background-color:#F3F3F3;
}

#Allergen-content {
	display: block;
	padding-top:8px;}
	
a.Allergen {
	cursor: pointer;
}

#Zutat-eigene-box {
	width: 895px;
}

#Zutat-eigene-content {
	display: block;
	padding-top:8px;
	padding-bottom:10px;
	padding-left:30px;}
	
a.Zutat-eigene{
	cursor: pointer;
}

#Zutat-oeffentliche-box {
	width: 900px;
}

#Zutat-oeffentliche-content {
	display: block;
	padding-top:8px;
	padding-bottom:10px;
	padding-left:30px;}
	
a.Zutat-oeffentliche{
	cursor: pointer;
}
#Zutat-manuelle-box {
	width: 900px;
}

#Zutat-manuelle-content {
	display: block;
	padding-top:8px;
	padding-bottom:10px;
	padding-left:30px;}
	
a.Zutat-manuelle{
	cursor: pointer;
}


#field {background-color: #f0f0f0; margin:4px; height:24px; color:#666;}








