/* CSS Document */
body {
	background: #fff; /* Optional */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left; /* IE Fix */
	margin: 0;
	color: #666;
	padding-left: 0px !important;
	padding-left: 2px;
	width:100%;
	overflow-x:hidden;
	}
td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}
.container {width:960px; margin:0px; margin-top:0px; margin-bottom:0px; font-size:1.0em;}
.container_top {font-size: 11px;width:960px; height:13; margin:0px; margin-top:0px; margin-bottom:0px;background:url(../img/hg/tm_top.gif) no-repeat;}
.container_middle {width:960px; margin:0px; margin-top:0px; margin-bottom:0px; font-size:1.0em;background:url(../img/hg/tm_middle.gif) repeat-y}
.container_bottom {position:relative;width:960px; height:23; margin:0px; margin-top:0px; margin-bottom:0px;background:url(../img/hg/tm_bottom.gif) no-repeat}

.header {width:960px;margin:0px;margin-top:0px;height:110px;}
/*
.content {width:960px;margin:0px 0px;min-height:600px !important;height:expression(document.getElementById('new_con').clientHeight < 600 ? "600px": "auto" );text-align:left;}
*/
.content {width:960px;margin:0px 0px;min-height:600px;height:auto !important;height:600px;text-align:left;}

.footer {width:960px;margin:0px;}

acronym { cursor: help; border-bottom: 1px dashed #999; }
a { text-decoration: none; color: #8dd237; border-bottom: 0px dashed #bcff66;font-weight:bold; }
a:hover { border-bottom: 1px dashed #e79d34; color: #e79d34; }

a.submenu { text-decoration: none; color: #8dd237; font-weight:normal;font-size:10px;font-weight:bold;}
a.submenu:hover { color: #e79d34; border-bottom:none;}


a.aheader { text-decoration: none; color: #444; border-bottom: 0px dashed #444;font-weight:bold; }
a.aheader:hover { border-bottom: 1px dashed #666; color: #666; }

a.navi { text-decoration: none; color: #aaa; border-bottom: 0px dashed #aaa;font-weight:bold;font-size:12px; }
a.navi:hover { border-bottom: 1px dashed #999; color: #999; }

a.textlink { text-decoration: none; color: #666; border-bottom: 0px dashed #aaa;font-weight:bold;font-size:11px; }
a.textlink:hover { color: #999; }

a.small { text-decoration: none; color: #999; border-bottom: 0px dashed #999;font-weight:bold;font-size:9px; }
a.small:hover { border-bottom: 1px dashed #666; color: #666; }

a.important { text-decoration: none; color: #D9543A; border-bottom: 0px dashed #999;font-weight:bold;font-size:10px; }
a.important:hover { border-bottom: 1px dashed #666; color: #666; }

a.none { text-decoration: none; color: #999; border: none; }

table.basket
{
	font-size: 12px;
	width: 100%;
	background-color: transparent;
	background: transparent;
}

div
{
  background-color: transparent;
}
/*#####################Für normale Div#####################*/
div.div_top
{
	position: relative;
	background: transparent url(../img/hg/div_top.gif) no-repeat; /* Optional */
	border: none;
	padding: 0px 0px;
	margin: 0 auto;
	height: 14px;
	width: 840px;
}
div.div_middle
{
	position: relative;
	background: transparent url(../img/hg/div_middle.gif); /* Optional */
	border: none;
	padding: 0px 0px;
	margin: -3px auto;
	width: 840px;
}
div.div_bottom
{
	position: relative;
	background: transparent url(../img/hg/div_bottom.gif) no-repeat; /* Optional */
	border: none;
	padding: 0px 0px;
	margin: 0 auto;
	height: 8px;
	width: 840px;
}
/*################################################################################*/

/*########################### Zutaten und Zubehör ################################*/
div.article_top
{
	position: relative;
	background: transparent url(../img/hg/ingredients_top.gif) no-repeat; /* Optional */
	border: none;
	padding: 0px 0px;
	margin: 0 auto;
	height: 14px;
	width: 500px;
}
div.article_middle
{
	position: relative;
	background: transparent url(../img/hg/ingredients_middle.gif); /* Optional */
	border: none;
	padding: 0px 0px;
	margin: -3px auto;
	width: 500px;
	margin-top: 0px !important;
	margin-top: -4px; 
}
div.article_bottom
{
	position: relative;
	background: transparent url(../img/hg/ingredients_bottom.gif) no-repeat;; /* Optional */
	border: none;
	padding: 0px 0px;
	margin: 0 auto;
	height: 8px;
	width: 500px;
}
/*################################################################################*/



div.menu
{
	position: relative;
	background:transparent;
	padding: 0px 0px;
	margin: 0;
	left:12px;
	top: 0px !important;
	margin-top:-1px;
	top: -11px;
	height: 32px !important;
	height: 32px;
	width: 935px !important;
	width: 937px;
	overflow: hidden;
	/*border:1px solid #999;*/
	border-left: none;
	border-top:none;
	border-right: none;
	text-align:left;
	
}

h1
{
	position:relative;
	border-bottom: 1px solid #ccc;
	margin: 20px auto;
	padding-top:10px !important;
	width: 860px;
	text-align: left;
	padding: 0 0 2px 0;
	margin-top: 20px !important;
	margin-top: 15px;
	font-size: 14px;
	font-weight: bold;
}
h2
{
	position:relative;
	margin: 20px auto;
	padding-top:10px !important;
	width: 860px;
	text-align: left;
	padding: 0 0 2px 0;
	font-size: 13px;
	font-weight: bold;
}
h3
{
	position:relative;
	margin: 20px auto;
	padding-top:10px !important;
	width: 860px;
	text-align: left;
	padding: 0 0 2px 0;
	font-size: 11px;
	font-weight: bold;
}


div.head
{
	position:relative;
	border-bottom: 1px solid #ccc;
	margin: 20px auto;
	padding-top:10px !important;
	width: 860px;
	text-align: left;
	padding: 0 0 2px 0;
	padding-top: 30px;
	font-size: 14px;
	font-weight: bold;
}

div.text
{
	position:relative;
	background-color: #fff;
	border: none;
	padding: 0px 0px;
	margin: 20px auto;
	width: 850px !important;
	width: 850px;
	overflow: auto;
	text-align: left;
	font-size: 11px;
}

div.zeile_h
{
	background-color: #d1edaf;
	border: none;
	padding: 0px 0px;
	margin: 3px auto;
	width: 840px;
	text-align: left;
}

div.zeile_ra
{
	background: #ffebbc;
	border: 1px dashed #999;
	padding: 0px 0px;
	margin: 3px auto;
	width: 840px;
	text-align: left;
}

div.zeile_ran
{
	background: #ffebbc;
	border: 1px dashed #999;
	padding: 0px 0px;
	margin: 3px auto;
	text-align: left;
}

div.zeile_re
{
	background: transparent;
	border: none;
	border-top: 1px dashed #CCC;
	padding: 0px 0px;
	margin: 3px auto;
	width: 840px;
	text-align: left;
}

div.zeile
{
	background: transparent;
	border: none;
	padding: 0px 0px;
	width: 830px;
	text-align: justify;
	font-size: 11px;
	margin: 3px auto;
}

div.zeilen
{
	background: transparent;
	border: none;
	padding: 0px 0px;
	width: 840px;
	text-align: justify;
	font-size: 11px;
	margin: 3px auto;
}

div.zeile2
{
	background: transparent;
	border: none;
	padding: 0px 0px;
	margin: 3px auto;
	width: 796px;
	text-align: left;
	margin-left: 0px !important;
	margin-left: 3px;
}

div.detail
{
	background: transparent;
	border: none;
	padding: 0px 0px;
	margin: 3px auto;
	width: 796px;
	text-align: left;
}

div.detail2
{
	background-color: #f3faeb;
	border: none;
	padding: 0px 0px;
	margin: 3px auto;
	width: 796px;
	text-align: left;
}



div.footer_text
{
	background-color: transparent;
	border-top: none;
	padding: 0px 0px;
	margin: 0 auto;
	width: 900px;
	color: #ccc;
	font-size: 0.8em;
	text-align: center;
}

td.td9 {  font-size: 11px; padding:0px; margin: 0px; border-spacing: 0px; vertical-align: middle;}
td.td9r {  font-size: 11px; text-align:right; padding:0px; margin: 0px; border-spacing: 0px; vertical-align: middle;}
td.td9c {  font-size: 11px; text-align:center; padding:0px; margin: 0px; border-spacing: 0px; vertical-align: middle;}
td.td9j {  font-size: 11px; text-align:justify; padding:0px; margin: 0px; border-spacing: 0px; vertical-align: top;}

a.me { border: 0px; color:#a4db5f; background-color: #a4db5f; padding: 0px; margin: 0px;}
a.vor { border: 0px; color:#d1edaf; background-color: #d1edaf;color:#d1edaf; padding: 0px; margin: 0px; text-decoration: none;}



table.zutat
{
  background-color: #d1edaf;
	border: 2px solid #8dd237;
	padding: 0px 0px;
	margin: 0px;
	width: 200px;
	color: #666;
	border-spacing: 0px;
}

td.vorschau
{
	background: transparent;
	border: 0px solid #8dd237;
	padding: 0px 0px;
	margin: 0px 35px;
	color: #666;
	border-spacing: 0px;
	vertical-align: top;
	text-align: center;

}
table.vorschau
{
	background: transparent;
	border: 0px solid #8dd237;
	padding-top: 10px;
	margin: 0px;
	color: #666;
	border-spacing: 0px;
	vertical-align: top;
}

span.bez
{
  width: 100%;
  text-align:center;
  padding:5px;
  font-size: 10px;
}

div.shortcuts
{
	position: absolute;
	color: #666;
	/*background: #eee;*/
	/*border: 1px solid #ccc;*/
	/*padding: 1px;*/
	padding-bottom:30px;
	top: 180px;
	left:30px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 9px;
	width: 200px;
	text-align: center;
}

/*############ für den Blog##########*/
div.blog_head
{
	color: #8dd237;
	background: transparent;
	border: none;
	/*padding: 1px 10px;*/
	margin: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 14px;
	width: 490px;
	text-align: left;
	font-weight: bold;
}

div.blog_datum
{
	color: #666;
	background: transparent;
	border: none;
	/*padding: 1px 10px;*/
	margin: 5px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	width: 490px;
	text-align: left;
	font-weight: bold;
}

div.blog_text
{
color: #666;
	background: transparent;
	border: none;
	/*padding: 1px 10px;*/
	margin: 5px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	width: 490px;
	text-align: justify;
}

div.blog_bottom
{
	color: #666;
	background: transparent;
	border: none;
	/*padding: 10px;*/
	padding-right: 5s0px;
	margin: 5px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	width: 490px;
	text-align: right;
}


div.blog_c_head
{
	color: #8dd237;
	background: transparent;
	border: none;
	padding: 1px 10px;
	margin: 10px auto;
	margin-bottom: 5px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 13px;
	width: 490px;
	text-align: left;
	font-weight: bold;
}


div.blog_c_text
{
	color: #666;
	background: transparent;
	border: none;
	padding: 1px 10px;
	margin: 5px auto;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 11px;
	width: 490px;
	text-align: left;
	font-weight: normal;
}

ol.blog
{
	color: #8dd237;
	background: transparent;
	border: none;
	padding: 1px 10px;
	margin: 10px auto;
	margin-bottom: 5px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 13px;
	width: 490px;
	text-align: left;
	font-weight: bold;
}


div.blog_comment
{
	color: #666;
	/*background: #b5c1d4;*/
	background: #ffebbc;
	border: 1px solid #000;
	padding: 20px 20px;
	margin: 10px auto;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;
	width: 460px;
	text-align: left;
	font-weight: normal;
}


a.blog
{
  color: #466594;
}

a.blog:hover
{
  color: #666;
}

span.stock2
{
      margin-top: -10px;
      text-align:left;
  	  display:block;
      position:relative;
      left: -222px !important;
      left: -222px;

}

.trans
{
	opacity: 0.7;
	MozOpacity: 0.7;
	KhtmlOpacity: 0.7;
	filter: Alpha(opacity=70);
}

/*##############Einkaufswagen############*/
	div.sc_cont
	{
		position:fixed !important;
    position:absolute;
		background: transparent;
		width: 40px;
		top:156px;
		left:905px;
		z-index:100;
		border:1px solid #000;
	}
  	
	div.symbol
	{
		position:fixed !important;
    position:absolute;
    background: transparent url(../img/symbole/einkaufswagen.jpg) no-repeat;
		width: 40px;
		height: 40px;
		top:156px;
		left:905px;
		cursor: pointer;
		z-index:98;
		opacity: 0.5;
		MozOpacity: 0.5;
		KhtmlOpacity: 0.5;
		filter: Alpha(opacity=50);
	}
	div.symbol:hover
	{
		background: transparent url(../img/symbole/einkaufswagen_h.jpg) 160px no-repeat;
	}
	
	div.cart
	{
		position:fixed !important;
    position:absolute;
		background: transparent url(../img/symbole/einkaufswagen_banner.jpg) no-repeat;
		width: 200px;
		height: 40px;
		left: 745px;
		top:156px;
		cursor: pointer;
		z-index:99;
		display:none;
		opacity: 0;
		MozOpacity: 0;
		KhtmlOpacity: 0;
		filter: Alpha(opacity=0);
	}
	
	div.cart_container
	{
		position:fixed !important;
    position:absolute;
		color: #666;
		background: transparent;
		width: 200px;
		top:185px;
		left: 745px;
		z-index:92;
		opacity: 0;
		MozOpacity: 0;
		KhtmlOpacity: 0;
		filter: Alpha(opacity=0);
	}
	
	div.sh_cart
	{
		color: #666;
		background: transparent url(../img/symbole/einkaufswagen_mid.jpg);
		padding-top: 15px;
		margin: 0;
		font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
		font-size: 9px;
		width: 200px !important;
		width: 200px;
		text-align: left;
		z-index:98;
	}
	div.sh_cart_bottom
	{
		color: #666;
		background: transparent url(../img/symbole/einkaufswagen_bot.jpg) no-repeat;
		padding: 10px 0;
		margin: 0;
		font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
		width: 200px !important;
		width: 200px;
		text-align: center;
		z-index:98;
	}
	table.cart
	{
		font-size: 9px;
		margin: 0;
		padding: 0;
	}
	
	td.cart
	{
		border-bottom: 1px dashed #999;
		margin: 0;
		padding: 0;
		width: 120px;
	}
	td.cart_preis
	{
		border-bottom: 1px dashed #999;
		margin: 0;
		padding: 0;
		text-align: right;
		width: 50px;
	}
	p.cart_anzahl
	{
		border-bottom: 1px dashed #999;
		margin: 0;
		padding: 0;
		padding-bottom: 3px;
		text-align: center;
	}
	
/*#################Zutaten##################*/

div.riegelz
{
	color: #666;
	padding: 0px;
	margin: 10px;
	margin-left: 350px !important;
	margin-left: 220px;
	margin-bottom: 5px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 16px;
	width: 480px;
	text-align: left;
	font-weight: bold;
	z-index:87;
  background:#FFF0DB;
  border:1px solid #FFC779;
}

div.einzelz
{
	color: #666;
	padding: 0px;
	margin: 10px;
	margin-left: 350px;
	margin-bottom: 5px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 16px;
	width: 480px;
	text-align: left;
	font-weight: bold;
	z-index:87;
  background:#F2F2F2;
  border:1px solid #BDBDBD;
}

div.img_zutaten
{
  width:210px;
  padding:5px 0px;
  border:1px solid #bbb;
  text-align:center;
  margin-right:10px;
  margin-bottom:10px;
  float:left;
  background:#eee;
}

p.name
{
	margin:0px;
	padding:5px;
  margin-bottom: 5px;
	font-size: 12px;
	border-bottom: 1px solid #FFC779;
	background:#FFEBC3 url(../img/hg/menu_button2_h.gif);
}

p.namez
{
	margin:0px;
	padding:5px;
  margin-bottom: 5px;
	font-size: 12px;
	border-bottom: 1px solid #BDBDBD;
	background: url(../img/hg/menu_button_h.gif);
}

p.text
{
	margin: 0 5px;
	margin-bottom: 0px;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
	color: #666;
}

/*#################Coins##################*/

div.coin
{
  width:75px;
  height:75px;
  background: transparent url(../img/symbole/coin.gif);
}

div.cointext
{
  margin: 0 auto;
  width: 75px;
  top:25px;
  position: relative;
  color:#000;
  font-weight: bold;
  font-size:20px;
  text-align:center;
}

/*#################Gutschein##################*/

div.gs
{
	text-align:center;
	vertical-align:middle;
	border:1px solid #8dd237;
	cursor:pointer;
}

/*#################Bilder##################*/
img.thumb{
-moz-opacity: 0.7;
filter:Alpha(opacity=70);
opacity: 0.7;
MozOpacity: 0.7;
KhtmlOpacity: 0.7;
}
img.thumb:hover{
-moz-opacity: 1;
opacity: 1;
MozOpacity: 1;
KhtmlOpacity: 1;
filter:Alpha(opacity=100);
}

/*################# Hintergrund DIV ##################*/
div.thg
{
  -moz-opacity: 0.3;
  filter:Alpha(opacity=30);
  opacity: 0.3;
  MozOpacity: 0.3;
  KhtmlOpacity: 0.3;
}

div.thg50
{
  -moz-opacity: 0.5;
  filter:Alpha(opacity=50);
  opacity: 0.5;
  MozOpacity: 0.5;
  KhtmlOpacity: 0.5;
}

/*################# Sortier DIV ##################*/

div.sort_con
{
  cursor:pointer;
  position:relative;
  z-index:89;
  border:1px solid #ccc;
  background:#eee;
  width:229px;
  height:30px;
  margin-top:45px;
}

div.form_con
{
  display:none;
  text-align:left;
  margin-top:-1px;
  padding:5px;
  width:219px !important;
  width:229px;
  border:1px solid #ccc;
  background:#eee;
  position:relative;
  z-index:89;
}

/*################# Status DIV ##################*/

div.div_ok
{
  background:#C6F48E;border:1px solid #8dd237;width:845px !important;width:850px;margin:0 auto;padding:5px;
}

div.div_error
{
  /*background:#FFBCBC;border:1px solid #DB5252;width:810px;margin:0 auto;padding:5px;*/
  background:#eee;border:1px solid #DB5252;width:845px !important;width:850px;margin:0 auto;padding:5px;
}

div.div_info
{
  background:#eee;border:1px solid #ccc;width:845px !important;width:850px;margin:0 auto;padding:5px;
}

div.div_ok_h
{
  background:#B6E976;border:1px solid #8dd237;width:850px;margin:0 auto;padding-left:5px;border-bottom:none;
}

div.div_error_h
{
  background:#E4A2A2;border:1px solid #DB5252;width:850px;margin:0 auto;padding-left:5px;border-bottom:none;
}

div.div_info_h
{
  background:#ddd;border:1px solid #ccc;width:850px;margin:0 auto;padding-left:5px;border-bottom:none;
}

div.hovg:hover {background: #EFFEDC;}
div.hovr {background: #FFE0E0;}
div.hovr:hover {background: #FED4D4;}
div.hovw:hover {background: #FAFFF5;}
div.hovws {background: #FFCACA;}
div.hovws:hover {background: #FFE9E9;}

img.transh
{
	opacity: 0.5;
	MozOpacity: 0.5;
	KhtmlOpacity: 0.5;
	filter: Alpha(opacity=50);
}

img.transh:hover
{
	opacity: 1.0;
	MozOpacity: 1.0;
	KhtmlOpacity: 1.0;
	filter: Alpha(opacity=100);
}

img.hide
{
	opacity: 0.0;
	MozOpacity: 0.0;
	KhtmlOpacity: 0.0;
	filter: Alpha(opacity=0);
}


div.fehlermeldung
{
  border:1px solid #aaa;background:#F4D5D5 url(../img/symbole/error.gif) no-repeat 10px 22px;padding:20px;padding-left:40px;width:400px;margin:10px 0px;
}