/* ########################################
		Body Frontend
###########################################*/
@charset "utf-8";

body {          /* Seite allgemein */
	background-image:url(../seite/img/chocomel/bg.gif);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330000;
	/*behavior:url("/csshover3.htc");*/
} 


/* ########################################
		Schriften Frontend
###########################################*/

/* Überschriften */

h1 {                         /* Überschrift 1. Kategorie */
font-weight:bold;
font-size:14px;
padding-top: 2px;
border-bottom: 1px solid #CCCCCC;
line-height:24px;
margin:0 9px 9px 9px;
padding:0 0 0 0px;
text-transform:uppercase;
}
  
h2 {                           /* Überschrift 2. Kategorie */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000066;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
  
h3 {                                   /* Überschrift 3. Kategorie */
color:#000066;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
margin-bottom:0;
margin-top:0;
padding:0;
}

h4 {                                     /* Überschrift 4. Kategorie */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000066;
	font-weight: normal;
	text-align: left;
	text-decoration:none;
	margin: 0;
	padding: 0;
}

/* Normaler Text */

p {                                        /* Normaler Text */
    color:#330000; 
    font-size:12px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight:normal;
	margin: 0;
	padding: 0; 
}
 


/* Links */
a:link {                    /* Normaler Link */
	color : #000066;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a:visited {                 /* Besuchter Link */
	color : #000066;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}  
 
a:active {                   /* Aktiver Link */
	color : #000066;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
} 

a:hover {                     /* Mouseover Effekt beim Link */
	color : #330000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

/* Frontend Menü links */
 
.menu:link {                        /* Frontend: linkes Menü: normaler Link */
	color:#000066;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
}

.menu:visited {                    /* Frontend: linkes Menü: besuchter Link */
	color:#000066;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
}

.menu:active {                       /* Frontend: linkes Menü: aktiver Link */
	color:#6d4836;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
}

.menu:hover {                        /* Frontend: linkes Menü: Mouseover Effekt beim Link */
	color:#6d4836;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
}


/* ??? Navigation */

a.naviLeft:link {         /* ??? */
	color: #006600;
	text-decoration:underline;
	font-size:10px;	
	margin:0px;	
}

a.naviLeft:visited {      /* ??? */
	color: #006600;
	text-decoration:underline;
	font-size:10px;	
	margin:0px;	
}

a.naviLeft:hover {        /* ??? */
	color: #000000;
	text-decoration: none;	
	font-weight: bold;
	font-size:10px;	
	margin:0px;	
}

a.naviLeft:active {        /* ??? */
	color: #57BB50;
	text-decoration: none;
	font-size:10px;	
	margin:0px;	
}

marquee {               /* ??? */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
}


/* Schriften */


.subhead {             /* Überschriften grün*/
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	color: #008E05;	
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom: 3px;
}

.subhead_chocomel {             /* Überschriften braun*/
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	color: #330000;	
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom: 3px;
}

.footer {                /* Kleine Schrift*/
	font-size: 9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#330000;
}

.footer_green {          /* Kleine Schrift grün*/
	font-size: 9px;
	font-family:Arial, Helvetica, sans-serif;
	color: #57BB50;
}

.schrift_green {          /* Kleine Schrift grün*/
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color: #57BB50;
}

#schrift_klein {          /* Kleine Schrift */
	font-size:10px;
}

.schrift_fett_gruen {       /* Schrift fett grün */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#009900;
}


/* ########################################
		Buttons
###########################################*/


.frontend_button_standard_rechts {
float:right; }

.frontend_button_standard_links {
float:left; }

.frontend_button_bestellprozess_gruen {
background-image:url(http://www.about-tea.de/img/shop/buttons/button_schritte_gruen.jpg);
background-repeat:no-repeat;
width: 120px;
height: 28px;
display: block;
text-align:center;
border:none;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:28px; }


a.frontend_button_bestellprozess_gruen:link, a.frontend_button_bestellprozess_gruen:visited, a.frontend_button_bestellprozess_gruen:hover,  a.frontend_button_bestellprozess_gruen:active {
color:#FFFFFF;
}


.frontend_button_bestellprozess_rot { 
background-image:url(http://www.about-tea.de/img/shop/buttons/button_schritte_rot.jpg);
background-repeat:no-repeat;
width: 120px;
height: 28px;
display: block;
text-align:center;
border:none;
color:#FFFFFF;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:28px; }

a.frontend_button_bestellprozess_rot:link, a.frontend_button_bestellprozess_rot:visited, a.frontend_button_bestellprozess_rot:hover,  a.frontend_button_bestellprozess_rot:active {
color:#FFFFFF;
}

/* Großer grauer Button mit Hintergrundfarbe und Mouseover-Effekt */

.frontend_button_grau_gross {
  float: left;
  clear: both;
  background: #FFFFFF url(http://www.about-tea.de/img/shop/buttons/button_orange_gross_links.png) no-repeat;
  padding: 0 0 0 16px;
  margin: 5px 0;
  height:26px;
}

.frontend_button_grau_gross a{
  float: left;
  height: 26px;
  background: url(http://www.about-tea.de/img/shop/buttons/button_orange_gross_mitte.png) repeat-x left top;
  line-height: 26px;
  margin:0;
  padding: 0;
  font-family:Arial, Helvetica, sans-serif;
  color: #333333;
  font-size: 12px;
  font-weight:bold;
  text-decoration: none;
}

.frontend_button_grau_gross a:visited {
	color: #333333;
	text-decoration: none;
}
.frontend_button_grau_gross a:link {
	color: #333333;
	text-decoration: none;
}

.frontend_button_grau_gross input{
  float: left;
  height: 26px;
  background: url(http://www.about-tea.de/img/shop/buttons/button_orange_gross_mitte.png) repeat-x left top;
  line-height: 26px;
  padding: 0;
  margin:0;
  color: #333333;
  font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-decoration: none;
  border: none;
  
}
.frontend_button_grau_gross a:hover {
  color: #FFFFFF;
}
.frontend_button_grau_gross input:hover {
  color: #FFFFFF;
}
.frontend_button_grau_gross span {
  background: url(http://www.about-tea.de/img/shop/buttons/button_orange_gross_rechts.png) no-repeat;
  float: left;
  width: 16px;
  height: 26px;
}
.frontend_button_grau_gross:hover, .frontend_button_grau_gross a:hover,  .frontend_button_grau_gross span:hover, .frontend_button_grau_gross input:hover {
  background-color: #ff0000;
}

/* Kleiner grauer Button mit Hintergrundfarbe und Mouseover-Effekt */

.frontend_button_grau_klein {
  float: left;
  clear: both;
  background: #FFFFFF url(http://www.about-tea.de/img/shop/buttons/button_grau_klein_links.png) no-repeat;
  padding: 0 0 0 10px;
  margin: 5px 0;
  height:16px;
  width:auto;
}

.frontend_button_grau_klein a{
  float: left;
  height: 16px;
  background: url(http://www.about-tea.de/img/shop/buttons/button_grau_klein_mitte.png) repeat-x left top;
  line-height: 16px;
  margin:0;
  padding: 0;
  font-family:Arial, Helvetica, sans-serif;
  color: #333333;
  font-size: 10px;
  font-weight:bold;
  text-decoration: none;
}
.frontend_button_grau_klein a:visited {
	color: #333333;
	text-decoration: none;
}
.frontend_button_grau_klein a:link {
	color: #333333;
	text-decoration: none;
}

.frontend_button_grau_klein input{
  float: left;
  height: 16px;
  background: url(http://www.about-tea.de/img/shop/buttons/button_grau_klein_mitte.png) repeat-x left top;
  line-height: 16px;
  padding: 0;
  margin:0;
  color: #333333;
  font-size: 10px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-decoration: none;
  border: none;
  
}
.frontend_button_grau_klein a:hover {
  color: #FFFFFF;
}
.frontend_button_grau_klein input:hover {
  color: #FFFFFF;
}
.frontend_button_grau_klein span {
  background: url(http://www.about-tea.de/img/shop/buttons/button_grau_klein_rechts.png) no-repeat;
  float: left;
  width: 10px;
  height: 16px;
}
.frontend_button_grau_klein:hover, .frontend_button_grau_klein a:hover,  .frontend_button_grau_klein span:hover, .frontend_button_grau_klein input:hover {
  background-color: #79f076;
}

.frontend_button_orange_lang {
background-image:url(http://www.about-tea.de/img/shop/buttons/button_orange_lang.gif);
background-repeat:no-repeat;
width: 139px;
height: 28px;
display: block;
text-align:center;
border:none;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:28px; }

a.frontend_button_orange_lang:link, a.frontend_button_orange_lang:visited, a.frontend_button_orange_lang:hover,  a.frontend_button_orange_lang:active {
color:#333333;
}




/* Großer grüner Button mit Hintergrundfarbe ohne Mouseover-Effekt */

.frontend_button_gruen_gross {
  float: left;
  clear: both;
  background: #FFFFFF url(http://www.about-tea.de/img/shop/buttons/button_gruen_gross_links.jpg) no-repeat;
  padding: 0 0 0 16px;
  margin: 5px 0;
  height:26px;
  color:#FFFFFF;
}

.frontend_button_gruen_gross a {
  float: left;
  height: 26px;
  background: url(http://www.about-tea.de/img/shop/buttons/button_gruen_gross_mitte.jpg) repeat-x left top;
  line-height: 26px;
  margin:0;
  padding: 0;
  font-family:Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  font-weight:bold;
  text-decoration: none;
}

.frontend_button_gruen_gross a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.frontend_button_gruen_gross a:link {
	color: #FFFFFF;
	text-decoration: none;
}


.frontend_button_gruen_gross input{
  float: left;
  height: 26px;
  background: url(http://www.about-tea.de/img/shop/buttons/button_gruen_gross_mitte.jpg) repeat-x left top;
  line-height: 26px;
  padding: 0;
  margin:0;
  color: #FFFFFF;
  font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-decoration: none;
  border: none;
  
}
.frontend_button_gruen_gross a:hover {
  color: #FFFFFF;
  text-decoration:underline;
}
.frontend_button_gruen_gross input:hover {
  color: #FFFFFF;
  text-decoration:underline;
}
.frontend_button_gruen_gross span {
  background: url(http://www.about-tea.de/img/shop/buttons/button_gruen_gross_rechts.jpg) no-repeat;
  float: left;
  width: 16px;
  height: 26px;
}


a.frontend_button_gruen_gross:link, a.frontend_button_gruen_gross:visited, a.frontend_button_gruen_gross:hover,  a.frontend_button_gruen_gross:active {
color:#FFFFFF;
}


/* ########################################
		Frontend Formularfelder etc.
###########################################*/

.inputfeld {
font-family:Arial,sans-serif;
color:#000000;
font-size:12px;
border: 1px solid #7f9db9;
background-color:#FFFFFF;
height:16px; }

textfeld_gross {
font-family:Arial,sans-serif;
color:#000000;
font-size:12px;
border: 1px solid #7f9db9;
background-color:#FFFFFF;
height:200px;
width: 620px; }





/* ########################################
		Frontend Seitenaufbau
###########################################*/

#header_oben {              /* Header Frontend oberer Teil */
	width: 1000px;
	height: 214px;
}

#header_unten {             /* Header Frontend unterer Teil */
	width: 1000px;
	height: 53px;
	text-align: left;
	background-image: url(/img/chocomel/shop/header_unten.jpg);
	background-repeat: no-repeat;
}

#spalte_links {               /* Frontend linke Spalte */
	margin: 0 0 0 0;
	float: left;
	width: 171px;
	height: 100%;
	background-color: #FFFFFF;
}

#spalte_rechts {             /* Frontend rechte Spalte */
	margin: 0 0 0 0;
	float: right;
	width: 171px;
	background-color:#FFFFFF;
}

#spalte_mitte {                /* Frontend mittelere Spalte */
	margin-left: 9px;
	margin-right: 9px;
	width: 640px;
	float: left;
}



/* ########################################
		Frontend Header
###########################################*/

#header {
    height:100px; 
	background-image:url(http://www.about-tea.de/img/chocomel/shop/bg_header.jpg); 
	width:1000px;
	margin:0px;
	padding:0px;
}

#head_links {
    color:#999999;
    font-size:10px;
    padding-top:7px;
    text-align:right;
    width:980px;
}
  
#header #shopsuche {
     position: absolute; 
	 height:43px; 
	 width:380px;
	 background-image:url(http://www.about-tea.de/img/chocomel/shop/bg_loginarea.jpg); 
	 background-repeat:no-repeat; 
	 color:#333333; 
	 font-size:11px; 
	 padding:6px 0px 0px 6px; 
	 margin:6px 0px 0px 620px; 
	 white-space:nowrap
}

#header #shopsuche table tr td {
    padding:0px 0px 0px 8px; 
	margin:0; 
	white-space:nowrap
}

#header #shopsuche table tr td input[type=text], #header #shopsuche table tr td input[type=password] {
    /*border:1px solid #333333*/
}

/*#header #shopsuche a {
    color:#fff;
}*/
#shopsuche a {
    color:#000;
}

#header  {
    color:#fff;
}

/* BREADCRUMB PATH AS LIST */
#breadcrumb {width:988px; clear:both; color:#88A61E; padding:0px 0px 0px 12px; list-style-type:none; background-color:#fff; height:26px; background-image:url(http://www.about-tea.de/img/chocomel/shop/bg_breadcrumb.gif); background-repeat:no-repeat; font-size:11px; margin-bottom:15px;}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {line-height:26px; text-decoration:none; font-weight:normal; cursor:pointer; color:#000066; margin:0; padding:0;}
#breadcrumb a:hover  {line-height:26px; text-decoration:underline; font-weight:normal; cursor:pointer; color:#330000; margin:0; padding:0;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.headermenulinks{
margin: 0;
padding: 0;
height: 28px;
float: left;
font: bold 13px Arial;
width: 1000px;
overflow: hidden;
margin-bottom: 0px;
border-width: 1px 0;
background: url("http://www.about-tea.de/img/chocomel/shop/headermenuinaktiv.jpg") repeat-x; }

.headermenulinks li{
display: inline;
}

.headermenulinks li a{
height: 28px; 
float: left;
color: white;
padding: 6px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.headermenulinks li a:visited{
color: white;
}

.headermenulinks li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url("http://www.about-tea.de/img/chocomel/shop/headermenuhover.jpg") repeat-x;
text-decoration: none;
}


.frontend_header_login {
color:#999999;
font-size:10px;
position:relative;
left:500px;
margin-top:23px;
text-align:right;
width:480px;
}
.frontend_header_login_orig {
color:#999999;
font-size:10px;
margin-top:25px;
text-align:right;
width:990px;
}


 /* Frontend: Kleine Boxen in der linken und rechten Spalte */
 
#box_oben {                    /* Kleine Box oben */
    width: 171px; 
    height: 26px;
    margin: 0px auto;
}
  
#box_mitte {                   /* Kleine Box mitte */
	width: 171px;
	margin: 0px auto;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#330000;
	background-image:url(/img/chocomel/shop/box_hintergrund.jpg);
	background-repeat: repeat;
}

#box_unten {                      /* Kleine Box unten */
	width: 171px;
	height: 22px;
	margin: 0px auto;
	background-image:url(/img/chocomel/shop/box_unten.jpg);
	background-repeat: no-repeat;
}
  
#box_menu {                     /* Kleine Box Menü */
	width: 171px;
	height: 400px;
	margin: 0px auto;
	background-image:url(/img/chocomel/shop/box_hintergrund.jpg);
	background-repeat: repeat;
}
 
 
 /* Menü neu */
 
.frontend_menu_links {
	width: 171px;
	padding: 0;
	margin:0;
	font-family: Arial, sans-serif;
	font-size:12px;
	}

	
.frontend_menu_links_aktiv {
	background-color:#ffffcd;
	text-decoration: none;
	}
	
.frontend_menu_links_inaktiv {
	background-color:#fcb424;
	text-decoration: none;
	}	

.frontend_menu_links_kind {
	background-color:#ffffcd;
	text-decoration: none;
	margin: 0;
	}	
	
.frontend_menu_links_kindkind {
	background-color:#d7efd7;
	text-decoration: none;
	margin: 0;
	}	


.frontend_menu_links a {
	color: #333333;}

.frontend_menu_links a:visited {
	color: #333333;
	text-decoration: none;
}
.frontend_menu_links a:link {
	color: #333333;
	text-decoration: none;
}
.frontend_menu_links a:hover {
	color: #333333;
	text-decoration: none;
}

.frontend_menu_links ul {
	list-style: none;
	margin: 0; 
	padding: 0;
	border: none;
	}
	
		
.frontend_menu_links ul ul {
	list-style: none;
	margin: 0; 
	padding-left: 0px;
	border: none;
	}
		
.frontend_menu_links li {
	border-top: 1px solid #7c4237;
	margin: 0;
	height: 1%;
	}


.frontend_menu_links li a {
	display: block;
	padding: 3px 4px 3px 4px;
	border-left: 1px solid #7c4237;
	border-right: 1px solid #7c4237;
	text-decoration: none;
    height: 1%;
	}


.frontend_menu_links_letztes {
    border-bottom:1px solid #7c4237;
	background-color: #ffffcd;
	color: #333333;
	text-decoration: none;
	margin: 0;
	}	
	
.frontend_menu_links_letztes a {
	background-color: #ffffcd;
	color: #333333;
	text-decoration: none;
	}	
	

		
	
.frontend_menu_links li li a {
	display: block;
	padding: 3px 5px 3px 10px;
	border-left: 1px solid #7c4237;
	border-right: 1px solid #7c4237;
	color: #333333;
	text-decoration: none;
	}

.frontend_menu_links li li li a {
	display: block;
	padding: 3px 5px 3px 20px;
	border-left: 1px solid #7c4237;
	border-right: 1px solid #7c4237;
	color: #333333;
	text-decoration: none;
	}

html>body .frontend_menu_links li a {
	width: auto;
	}

.frontend_menu_links li a:hover {
	border-left: 1px solid #7c4237;
	border-right: 1px solid #7c4237;
	background-color: #7c4237;
	color: #fff;
	}
		
 
.frontend_menu_links_letztes {
    border-bottom:1px solid #7c4237;
	}
  
 
 /* Mittlere Spalte */
 
#grosse_box_kategorien {           /* Mittlere Spalte: große Box für Kategorien */
	width: 640px;
}
	 
#grosse_box_oben {                 /* Mittlere Spalte: große Box oben */
	height: 9px;
	font-size: 0px;
	background-image:url(/img/chocomel/shop/o.jpg);
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	width: 640px; 
}
  

  
#grosse_box_unten {                 /* Mittlere Spalte: große Box unten */
	background-image: url(/img/chocomel/shop/u.jpg);
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	height: 9px;
	clear: both;
	font-size: 0px;
	line-height: 9px;
	width: 640px; 
}
 
 
  
#grosse_box_abstand {            /* Mittlere Spalte: Abstand zwischen 2 Boxen */
	height: 12px;
	font-size: 0px;
	background-color:#FFFFFF;
	width: 640px;
}
  
#grosse_box_mitte {                  /* Mittlere Spalte: Große Box Mitte */
	background-image: url(/img/chocomel/shop/m.jpg);
	background-repeat: repeat;
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330000;
	text-align: left;
	width: 640px;
	width: 620px !important;  
	padding-left: 0px;  
	padding-right: 0px;  
	padding-left: 10px  !important;
	padding-right: 10px  !important;
	word-wrap: break-word;
	overflow:hidden;
}
  
#grosse_box_ueberschrift {              /* Mittlere Spalte: Überschrift in einer großen Box */
	background-image: url(/img/chocomel/shop/m.jpg);
	background-repeat: repeat;
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000066;
	text-align: left;
	font-weight: bold;
	width: 640px; 
	width: 620px !important; 
	padding-left: 0px;  
	padding-right: 0px;  
	padding-left: 10px  !important;
	padding-right: 10px  !important;
	word-wrap: break-word;
	overflow:hidden;
}

 /* Mittlere Spalte: Newsbox */
  
#grosse_box_ueberschrift_news {                       /* Mittlere Spalte: Überschrift Newsbox */
	background-image: url(/img/chocomel/shop/m.jpg);
	background-repeat: repeat;
	margin: 0 0 0 0;
	text-align: left;
	width: 640px; 
	width: 620px !important; 
	padding-left: 0px;  
	padding-right: 0px;  
	padding-left: 10px  !important;
	padding-right: 10px  !important;
	word-wrap: break-word;
	overflow:hidden;
}


#grosse_box_mitte_news {                               /* Mittlere Spalte: Newsbox Mitte*/
	background-image: url(/img/chocomel/shop/m.jpg);
	background-repeat: repeat;
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330000;
	text-align: left;
	width: 640px;
	width: 620px !important;  
	padding-left: 0px;  
	padding-right: 0px;  
	padding-left: 10px  !important;
	padding-right: 10px  !important;
	word-wrap: break-word;
	overflow:hidden;
	padding-top: 5px;
}

#grosse_box_ueberschrift_news_ie5_5 {                       /* Mittlere Spalte: Überschrift Newsbox */
	background-image: url(/img/chocomel/shop/m.jpg);
	background-repeat: repeat;
	margin: 0 0 0 0;
	text-align: left;
	width: 640px; 
	padding-left: 0px;  
	padding-right: 0px;  
	padding-left: 10px  !important;
	padding-right: 10px  !important;
	word-wrap: break-word;
	overflow:hidden;
}


#grosse_box_mitte_news_ie5_5 {                               /* Mittlere Spalte: Newsbox Mitte*/
	background-image: url(/img/chocomel/shop/m.jpg);
	background-repeat: repeat;
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330000;
	text-align: left;
	width: 640px;
	padding-left: 0px;  
	padding-right: 0px;  
	padding-left: 10px  !important;
	padding-right: 10px  !important;
	word-wrap: break-word;
	overflow:hidden;
	padding-top: 5px;
}
  
#grosse_box_mitte_news_bild {              /* Mittlere Spalte: Newsbox Bild*/
    float:left;
    width: 150px;
    border:none;
	margin-right: 10px;
}



 /* Mittlere Spalte Grau*/

   
.frontend_mittelspalte_box_grau {
width: 640px;
}

.frontend_mittelspalte_box_grau_oben {
width: 640px;
height: 9px; 
}

.frontend_mittelspalte_box_grau_oben_links {
width: 9px;
height: 9px;
float:left;
background:url(/img/shop/box_grau_oben_links.jpg) no-repeat;
padding:0;
margin:0;
margin-right:-3px;
}

* html .frontend_mittelspalte_box_grau_oben_links {
width: 9px;
height: 9px;
float:left;
background:url(/img/shop/box_grau_oben_links.jpg) no-repeat;
padding:0;
margin-right:-3px;
}

.frontend_mittelspalte_box_grau_oben_rechts {
width: 9px;
height: 9px;
float:right;
background:url(/img/shop/box_grau_oben_rechts.jpg) no-repeat;
padding:0;
margin:0;
}

* html .frontend_mittelspalte_box_grau_oben_rechts {
width: 9px;
height: 9px;
float:right;
background:url(/img/shop/box_grau_oben_rechts.jpg) no-repeat;
padding:0;
margin-left:-6px;
}

.frontend_mittelspalte_box_grau_oben_mitte {
height: 9px;
background:url(/img/shop/box_grau_oben.jpg) repeat-x;
padding:0;
margin:0;
line-height:0px;
}

.frontend_mittelspalte_box_grau_mitte_ueberschrift {
font-weight:bold;
font-size:14px;
padding-top: 2px;
border-bottom: 1px solid #CCCCCC;
line-height:24px;
margin:0 9px 9px 9px;
padding:0 0 0 0px;
text-transform:uppercase;
}

.frontend_mittelspalte_box_grau_mitte {
width:auto; 
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
height:auto;
padding:0;
margin:0;
}

* html .frontend_mittelspalte_box_grau_mitte {
width:auto; 
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
height:auto;
padding:0;
margin-top:-10px;
}


.frontend_mittelspalte_box_grau_mitte_inhalt {
width: 620px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
}

* html .frontend_mittelspalte_box_grau_mitte_inhalt {
width: 620px;
padding-left: 9px;
padding-right: 9px;
padding-top: 5px;
}


.frontend_mittelspalte_box_grau_mitte_box {
background-color: #e6e9e6;
border-left: 1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding: 0 0 5px 10px;}

.frontend_mittelspalte_box_grau_unten {
width: 640px;
height: 9px;
clear:both;
}

.frontend_mittelspalte_box_grau_unten_links {
width: 9px;
height: 9px;
float:left;
background:url(/img/shop/box_grau_unten_links.jpg) no-repeat;
padding:0;
margin:0;
}

* html .frontend_mittelspalte_box_grau_unten_links {
width: 9px;
height: 9px;
float:left;
background:url(/img/shop/box_grau_unten_links.jpg) no-repeat;
padding:0;
margin-right:-3px;
}

.frontend_mittelspalte_box_grau_unten_rechts {
width: 9px;
height: 9px;
float:right;
background:url(/img/shop/box_grau_unten_rechts.jpg) no-repeat;
padding:0;
margin:0;
}

* html .frontend_mittelspalte_box_grau_unten_rechts {
width: 9px;
height: 9px;
float:right;
background:url(/img/shop/box_grau_unten_rechts.jpg) no-repeat;
padding:0;
margin-left:-3px;
}

.frontend_mittelspalte_box_grau_unten_mitte {
height: 20px;
background:url(/img/shop/box_grau_unten.jpg) repeat-x;
padding:0;
margin:0;
}

.frontend_mittelspalte_ueberschrift {
width: 640px;
line-height:22px;
border-bottom: 1px solid #CCCCCC;
font-size:14px;
font-weight:bold;
margin-bottom:15px;
text-transform:uppercase;
} 


.frontend_mittelspalte_box_grau_mitte_linie {
border-bottom: 1px solid #CCCCCC;
height:4px;
margin:0 0px 9px 0px;
padding:0 0 0 0px;
}


	
        .button_klein {
        	padding:0;
      	    margin:0;
	        border:none;
	        font-size:10px;
	        background: url(http://www.about-tea.de/img/shop/buttons/button_bg_klein.gif) no-repeat center;
	        height:19px;
	        width:70px;
			}	
	
.frontend_mitte_tabelle_in_box {
margin-left:9px; }

.frontend_mitte_tabelle_in_box td {
padding-left:9px;
padding-right:9px; }

.frontend_mitte_tabelle_in_box thead tr {
background-color: #CCCCCC;
color:#333333; 
font-weight:600;
text-transform:uppercase;} 

.frontend_mitte_tabelle_in_box tbody tr {
background-color: #e9e9e9;
} 




.frontend_mitte_aendern_link {
float:right;
}

.frontend_button_rechts {
float: right;
}

.frontend_button_links {
float: left;
}





#frontend_mitte_aendern_link a:link {
color:#660000;
}

.frontend_mitte_tabelle_head {
float:left;
color:#333333; 
font-weight:600;
text-transform:uppercase;
}

.frontend_kleinespalte_box_produkte {
width:171px;
height:40px;
background: url(/img/chocomel/shop/box_oben_produkte.jpg) no-repeat;
}

.frontend_kleinespalte_box_topseller {
width:171px;
height:40px;
background: url(/img/chocomel/shop/box_oben_topseller.jpg) no-repeat;
}

.frontend_kleinespalte_box_partner {
width:171px;
height:40px;
background: url(/img/chocomel/shop/box_oben_partner.jpg) no-repeat;
}

.frontend_kleinespalte_box_neuheiten {
width:171px;
height:40px;
background: url(/img/chocomel/shop/box_oben_neuheiten.jpg) no-repeat;
}

.frontend_kleinespalte_box_newsletter {
width:171px;
height:40px;
background: url(/img/chocomel/shop/box_oben_newsletter.jpg) no-repeat;
}

.frontend_kleinespalte_box_lesezeichen {
width:171px;
height:40px;
background: url(/img/chocomel/shop/box_oben_lesezeichen.jpg) no-repeat;
}

.frontend_kleinespalte_box_versand {
width:171px;
height:40px;
background: url(/img/chocomel/shop/box_oben_versand.jpg) no-repeat;
}

.frontend_kleinespalte_box_info{
width:171px;
height:40px;
background: url(/img/chocomel/shop/box_oben_info.jpg) no-repeat;
}

.frontend_kleinespalte_box_kontakt {
width:171px;
height:40px;
background: url(/img/chocomel/shop/box_oben_kontakt.jpg) no-repeat;
}

.frontend_kleinespalte_box_warenkorb {
width:171px;
height:40px;
background: url(/img/chocomel/shop/box_oben_warenkorb.jpg) no-repeat;
}

.frontend_kleinespalte_box_head_text {
color:#FFFFFF;
font-weight:bold;
width: 162px;
height: auto;
padding: 12px 0 0 9px;
}






/* ########################################
		Tabellen Frontend
###########################################*/

/* Tabellen */
td{
	font-size: 12px;  /* Tabellen Schriftgröße*/
}

.tabledescr{              /* Tabellen Überschriftszeile*/
	background-color: #008E05;
	font-weight: bold;
	background-image: url(img/user/tabledescr.gif);
	background-repeat:repeat-x;
}

.rowcolor1{
	background-color: #57BB50; /* Dunkelgrün */
}

.rowcolor2{
	background-color: #D8FFDB; /* Grün */
}

.rowcolor3{
	background-color: #EFFFED; /* helleres grün */
}

.rowcolor4{
	background-color: #FFFFFF; /* Hellgrün */
}
.rowcolor5{
	background-color: #000000; /*  */
}

.rowcolor6{
	background-color: #FFF114; /*  */
}
.rowcolor7{
	background-color: #FFFFFF; /*  */
}

.rowcolor8{
	background-color: #FFE3E3; /* Warnung */
}

.rowcolor9{
	background-color: #E6E0FF; /* OK-Farbe */
}



/* Hinweise */

.print_msg_ok{
    background-color: #9AD8A6; /* OK-Farbe */
	background-image:url(img/user/style/system_msg_bg.gif);
	color:#237E18;
}

.print_msg_error{
    background-color: #FFE3E3; /* Warnung */
	color:#EB5C5C;
	margin-bottom:10px; 
}


#warnhinweis {             /* Warnung */
	border: solid 1px #ff0000;
	background-color: #ffe3e3;
	font-weight:bold;
	color: #ff0000;
	line-height:17px;
	margin-top:5px;
	margin-bottom:8px;
	padding-left: 9px;
}

#bestaetigung {               /* Bestätigung */
	border: solid 1px #009900;
	background-color: #e2f8df;
	font-weight:bold;
	color: #009900;
	line-height:17px;
	margin-top:5px;
	margin-bottom:8px;
	padding-left: 9px;
}


/* Buttons, Formularfelder, Bilder etc. */

img {                      /* Verlinke Bilder ohne Rahmen */
	border: none
}  
 
 
hr {
	background-color: #330000; /* Farbe für Opera und Firefox */
    color: #330000; /* Farbe für Internet Explorer (IE) */
	height: 1px;   
	margin-bottom: 0px; 
}

form {
	margin-top: 0;
	margin-bottom: 0;
}

.formularfeld {           /* Input Felder*/
	background-color: #57BB50;
	color: #EFFFED;
	font-size: 10pt;
	border: 1px solid #055512;
	background-image:url(img/user/style/input_text_bg.gif);	
}

.formularfeld_klein {     /* Input Felder klein*/
	background-color: #57BB50;
	color: #EFFFED;
	font-size: 10px;
	border: 1px solid #055512;
}

.filter {
	background-color: #57BB50;
	color: #EFFFED;
	font-size: 10px;
	border: 1px solid #EFFFED;
	width:98%;
} 
.submit {                 /* Buttons*/
	background-color: #57BB50;
	color: #EFFFED;
	font-size: 12px;
	font-weight: bold;
}

.submit_klein {           /* Buttons klein*/
	background-color: #57BB50;
	color: #EFFFED;
	font-size: 9px;
	font-weight: bold;
	border: 1px solid #055512;
	font-family:Arial, Helvetica, sans-serif;
}

#scrollbox_subhead {
	overflow-Y:auto;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	color: #008E05;	
}

.suchfeld {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#000066;
	font-size:12pt;
	width: 120px;
	margin-top:5px;
}

.tablefilter {
	width: 99%;
}

.element_visible { 
     visibility: visible; 
} 

.element_hidden { 
     visibility: hidden; 
}

#scrollbox {
	overflow-Y:scroll;
}
#scrollbox_subhead {
	overflow-Y:auto;
}


#kundendaten {
	margin-top:4px;
}

#oberkategorie {
	font-size: 16px;
	font-weight:bold;
	color:#000066;
}

#oberkategorie_news {
	background-image: url(http://www.about-tea.de/vorschau2/img/chocomel/shop/news.jpg);
	background-repeat:no-repeat;
	height: 48px;
	text-align:center;
	line-height: 48px;
	font-size: 16px;
	font-weight:bold;
	color:#a04d4d;
	margin-bottom: 5px; 
}

#bearbeiten {
    height: 20px;
	margin-left: 10px;
	margin-right: 10px;
}


/* ########################################
	   Artikeldetailansicht Frontend
###########################################*/


#preis_gross {
	height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CC0000;
	font-weight: bold;
	margin: 0 0 0 0;
}
  
#artikeldetailseite_schrift_klein {
	height: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	margin: 0 0 0 0;
}
  
#artikeldetailseite_schrift_fett {
	height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin: 0 0 0 0;
}

.angebot {                    /* Schrift Artikeldetailseite */
	font-size: 11px;
	font-weight: bold;
	color: #57BB50;
	letter-spacing: 0.03em;
	font-family:Arial, Helvetica, sans-serif;
}

.angebotPreis {                /* Schrift Preis Artikeldetailseite */
	font-size: 12px;
	font-weight: bold;
	color: #EE1F27;
	font-family:Arial, Helvetica, sans-serif;
}


/* ########################################
	   Artikelübersicht Frontend
###########################################*/

#artikel_box_oben {                     /* Frontend: Artikelübersicht: Box oben */
background-image: url(/img/chocomel/shop/artikel_oben.jpg);
background-repeat:no-repeat;
font-size:0;
height:9px;
margin:0;
width:315px;
}

#artikel_box_mitte {                       /* Frontend: Artikelübersicht: Box mitte */
background-image: url(/img/chocomel/shop/artikel_mitte.jpg);
background-repeat:repeat-y;
margin:0;
padding-left:9px;
padding-right:9px;
text-align:left;
width:297px;
height:185px;
}

#artikel_box_mitte_ie5_5 {                        /* Frontend: Artikelübersicht: Box mitte */
background-image:url(/img/chocomel/shop/artikel_mitte.jpg);
background-repeat:repeat-y;
margin:0;
padding-left:9px;
padding-right:9px;
text-align:left;
width:315px;
height:185px;
}

#artikel_box_unten {                       /* Frontend: Artikelübersicht: Box unten */
background-image: url(/img/chocomel/shop/artikel_unten.jpg);
background-repeat:no-repeat;
font-size:0;
height:9px;
margin:0;
width:315px;
}
  
#artikel_box_bild {                       /* Frontend: Artikelübersicht: kleines Artikelbild */
border:none;
height:110px;
margin:0;
width:110px;
}
  
#artikel_box_ueberschrift {                   /* Frontend: Artikelübersicht: Produkttitel */
height:85px;
margin:0;
width:170px;
float:right;
}

#artikel_box_float_right {
height:200px;
margin:0;
width:170px;
float:right;
}

#artikel_box_float_left {
height:200px;
margin:0;
width:110px;
float:left;
}
 
#artikel_box_artikelnummer {                    /* Frontend: Artikelübersicht: Artikelnummer */
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
height:25px;
margin:0;
width:170px;
float:right;
}
  
 #artikel_box_verfuegbarkeit {                   /* Frontend: Artikelübersicht: Verfügbarkeit */
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
height:15px;
margin:8px 0 0 0;
width:170px;
float:right;
}
  
#artikel_box_preis {                             /* Frontend: Artikelübersicht: Preis */
color:#EE1F27;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
font-weight:bold;
height:25px;
margin:0;
width:110px;
text-align:center;
}

#artikel_box_gewichtpreis {                         /* Frontend: Artikelübersicht: Gewichtspreis */
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
height:15px;
margin:0;
width:110px;
text-align:center;
}

#artikel_box_details {                             /* Frontend: Artikelübersicht: Gewichtspreis */
    height: 34px;
	margin: 0 0 0 0;
}

#artikel_box_indenwarenkorb {                          /* Frontend: Artikelübersicht: In den Warenkorb */
height:34px;
margin-top:19px;
margin-left:30px;
text-align:right;
float:right;
}
  
/* ########################################
		Admin
###########################################*/


 /* Menü Admin Links */   

a.naviTop:link, a.naviTop:visited, a.naviTop:active {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	display:block;
	text-align: center;
}

a.naviTop:hover {
	font-size: 11px;
	color: #00cc00;
	text-decoration: none;
	font-weight: bold;
	display:block;
	text-align: center;
}


  
 /* Farbliche Markierungen Verfügung und Statusänderungen */   
#kleiner_kreis_gelb {
	background-image:url(http://www.about-tea.de/img/chocomel/shop/admin/kreis_gelb.gif);
	width:10px;
	height:10px;
	float:right;
}

#kleiner_kreis_pink {
	background-image:url(http://www.about-tea.de/img/chocomel/shop/admin/kreis_pink.gif);
	width:10px;
	height:10px;
	float:right;
}

#kleiner_kreis_rot {
	background-image:url(http://www.about-tea.de/img/chocomel/shop/admin/kreis_rot.gif);
	width:10px;
	height:10px;
	float:right;
}

#kleiner_kreis_blau {
	background-image:url(http://www.about-tea.de/img/chocomel/shop/admin/kreis_blau.gif);
	width:10px;
	height:10px;
	float:right;
}

#kleiner_kreis_gruen {
	background-image:url(http://www.about-tea.de/img/chocomel/shop/admin/kreis_gruen.gif);
	width:10px;
	height:10px;
	float:right;
}

#kleiner_kreis_schwarz {
	background-image:url(http://www.about-tea.de/img/chocomel/shop/admin/kreis_schwarz.gif);
	width:10px;
	height:10px;
	float:right;
}

#kleiner_kreis_weiss {
	background-image:url(http://www.about-tea.de/img/chocomel/shop/admin/kreis_weiss.gif);
	width:10px;
	height:10px;
	float:right;
}

#kleiner_kreis_orange {
	background-image:url(http://www.about-tea.de/img/chocomel/shop/admin/kreis_orange.gif);
	width:10px;
	height:10px;
	float:right;
}

#kleiner_kreis_grau {
	background-image:url(http://www.about-tea.de/img/chocomel/shop/admin/kreis_grau.gif);
	width:10px;
	height:10px;
	float:right;
}

#kleiner_kreis_dunkelgrau {
	background-image:url(http://www.about-tea.de/img/chocomel/shop/admin/kreis_dunkelgrau.gif);
	width:10px;
	height:10px;
	float:right;
}

#kleines_quadrat_gruen {
	background-image:url(http://www.about-tea.de/img/chocomel/shop/admin/kreis_gruen.gif);
	width:10px;
	height:10px;
}

#kleines_quadrat_gelb {
	background-image:url(http://www.about-tea.de/img/chocomel/shop/admin/kreis_gelb.gif);
	width:10px;
	height:10px;
}

#kleines_quadrat_rot {
	background-image:url(http://www.about-tea.de/img/chocomel/shop/admin/kreis_rot.gif);
	width:10px;
	height:10px;
}

#statusaenderung {     /* Admin: Statusänderung in Bestellungen: Fabliche Markierung */ 
	float:left;
}


.frontend_menu_weiss a {
	color: #FFFFFF;
	/*text-decoration: none;*/
}
.frontend_menu_weiss a:visited {
	color: #FFFFFF;
	/*text-decoration: none;*/
}
.frontend_menu_weiss a:link {
	color: #FFFFFF;
	/*text-decoration: none;*/
}
.frontend_menu_weiss a:hover {
	color: #FFFFFF;
	/*text-decoration: none;*/
}

/* ########################################
		Fexibler Rahmen Admin
###########################################*/
.rahmen_or {                      /* Flexibler Rahmen oben rechts */ 
	background:url(http://www.about-tea.de/img/chocomel/shop/rahmen_or.gif) top right no-repeat;
}
 
.rahmen_ol {                       /* Flexibler Rahmen oben links */ 
	background:url(http://www.about-tea.de/img/chocomel/shop/rahmen_ol.gif) top left no-repeat;
}
 
.rahmen_ur {                          /* Flexibler Rahmen unten rechts */ 
	background:url(http://www.about-tea.de/img/chocomel/shop/rahmen_ur.gif) bottom right no-repeat;
}
 
.rahmen_ul {                           /* Flexibler Rahmen unten links */ 
	background:url(http://www.about-tea.de/img/chocomel/shop/rahmen_ul.gif) bottom left no-repeat;
}

/* ########################################
		Boxen im Admin
###########################################*/

.box_bestellarchiv {                  /* Admin: Bestellarchiv: feste Box  */ 
	margin:0;
	padding:9px 9px 9px 9px;
	height: 165px!important;
	height: 195px
}
	
.box_admin {                           /* Admin: Bestellarchiv: Box innerhalb der festen Box  */ 
	margin:0;
	padding:9px 9px 9px 9px;
}


 /* Tabellen */ 

.tabelle_dpd_status {
	border-collapse:collapse;
	border:1px solid #330000;
}

/* ########################################
		Pagination Newsboxen
###########################################*/

div.pagebar {text-align: center; border-top: solid 1px #E7E7E7; padding-top: 12px; margin-bottom:3px; font-weight: 700; overflow: hidden;}
.pagebar .prev {float: left; background: url(http://www.about-tea.de/img/chocomel/navi_hell_links.gif) no-repeat scroll left top; padding-left: 8px; height: 21px; display: inline;}
.pagebar a, .pagebar strong, .pagebar .a_nonlink {display: inline-block; background: url(http://www.about-tea.de/img/chocomel/navi_hell_rechts.gif) no-repeat scroll right top;
	padding: 2px 8px 0px 0; height: 21px; text-decoration: none; width: auto;}
.pagebar a:hover {text-decoration: none;}
.pagebar .a_nonlink {color:#aaa; float: left; padding: 2px 8px 0px 0px; display: inline;font-family: Arial, helvetica, sans-serif;font-size: 12px; line-height: 17px;}
.paging {margin: 0 auto; overflow: hidden; text-align: center; display: table;}
.pagebar span {display: inline-block; background: url(http://www.about-tea.de/img/chocomel/navi_hell_links.gif) no-repeat scroll left top; padding: 0 0 0 8px; height: 21px; margin: 0;}
.pagebar span.active {background: url(http://www.about-tea.de/img/chocomel/navi_dunkel_links.gif) no-repeat top left; color: #FFF;}
.pagebar span.active strong {background: url(http://www.about-tea.de/img/chocomel/navi_dunkel_rechts.gif) no-repeat top right;font-family: Arial, helvetica, sans-serif;font-size: 12px; line-height: 17px;}
.pagebar .next {float: right; padding-left: 8px; background: url(http://www.about-tea.de/img/chocomel/navi_hell_links.gif) no-repeat scroll left top; height: 21px; display: inline;}
.a_green_href {font-family: Arial, helvetica, sans-serif; font-size: 12px; color: #339922; line-height: 17px;}

/* ########################################
		Artikelsuche input box
###########################################*/
#topSearchForm {
background:url("http://www.about-tea.de/img/artikel_search.gif") no-repeat scroll 3px 50% #FFFFFF;
padding-left:16px;
}

/* Großer grüner Button mit grüner Hintergrundfarbe ohne Mouseover-Effekt */

 

.frontend_button_gruen_gruen_gross {

  float: left;

  clear: both;

  background: #FFFFFF url(http://www.about-tea.de/img/shop/buttons/button_gruen_gruen_gross_li.jpg) no-repeat;

  padding: 0 0 0 16px;

  margin: 5px 0;

  height:26px;

  color:#FFFFFF;

}

 

.frontend_button_gruen_gruen_gross a {

  float: left;

  height: 26px;

  background: url(http://www.about-tea.de/img/shop/buttons/button_gruen_gruen_gross_mi.jpg) repeat-x left top;

  line-height: 26px;

  margin:0;

  padding: 0;

  font-family:Arial, Helvetica, sans-serif;

  color: #FFFFFF;

  font-size: 12px;

  font-weight:bold;

  text-decoration: none;

}

.frontend_button_gruen_gruen_gross a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.frontend_button_gruen_gruen_gross a:link {
	color: #FFFFFF;
	text-decoration: none;
}

.frontend_button_gruen_gruen_gross input{

  float: left;

  height: 26px;

  background: url("http://www.about-tea.de/img/shop/buttons/button_gruen_gruen_gross_mi.jpg") repeat-x left top;

  line-height: 26px;

  padding: 0;

  margin:0;

  color: #FFFFFF;

  font-size: 12px;

  font-family:Arial, Helvetica, sans-serif;

  font-weight:bold;

  text-decoration: none;

  border: none;

  

}

.frontend_button_gruen_gruen_gross a:hover {

  color: #FFFFFF;

  text-decoration:underline;

}

.frontend_button_gruen_gruen_gross input:hover {

  color: #FFFFFF;

  text-decoration:underline;

}

.frontend_button_gruen_gruen_gross span {

  background: url("http://www.about-tea.de/img/shop/buttons/button_gruen_gruen_gross_re.jpg") no-repeat;

  float: left;

  width: 16px;

  height: 26px;

}

 

 

a.frontend_button_gruen_gruen_gross:link, a.frontend_button_gruen_gruen_gross:visited, a.frontend_button_gruen_gruen_gross:hover,  a.frontend_button_gruen_gruen_gross:active {

color:#FFFFFF;

}

 

/* Großer ornagner Button mit gelber Hintergrundfarbe und Mouseover-Effekt */

 

.frontend_button_orange_gelb_gross {

  float: left;

  clear: both;

  background: #FFFFFF url("http://www.about-tea.de/img/shop/buttons/button_orange_gelb_gross_li.png") no-repeat;

  padding: 0 0 0 16px;

  margin: 5px 0;

  height:26px;

}

 

.frontend_button_orange_gelb_gross a{

  float: left;

  height: 26px;

  background: url("http://www.about-tea.de/img/shop/buttons/button_orange_gelb_gross_mi.png") repeat-x left top;

  line-height: 26px;

  margin:0;

  padding: 0;

  font-family:Arial, Helvetica, sans-serif;

  color: #333333;

  font-size: 11px;

  font-weight:bold;

  text-decoration: none;

}

.frontend_button_orange_gelb_gross a:visited {
	color: #333333;
	text-decoration: none;
}
.frontend_button_orange_gelb_gross a:link {
	color: #333333;
	text-decoration: none;
}

.frontend_button_orange_gelb_gross input{

  float: left;

  height: 26px;

  background: url("http://www.about-tea.de/img/shop/buttons/button_orange_gelb_gross_mi.png") repeat-x left top;

  line-height: 26px;

  padding: 0;

  margin:0;

  color: #333333;

  font-size: 12px;

  font-family:Arial, Helvetica, sans-serif;

  font-weight:bold;

  text-decoration: none;

  border: none;

  

}

.frontend_button_orange_gelb_gross a:hover {

  color: #FFFFFF;

}

.frontend_button_orange_gelb_gross input:hover {

  color: #FFFFFF;

}

.frontend_button_orange_gelb_gross span {

  background: url("http://www.about-tea.de/img/shop/buttons/button_orange_gelb_gross_re.png") no-repeat;

  float: left;

  width: 16px;

  height: 26px;

}

.frontend_button_orange_gelb_gross:hover, .frontend_button_orange_gelb_gross a:hover,  .frontend_button_orange_gelb_gross span:hover, .frontend_button_orange_gelb_gross input:hover {

  background-color: #ff0000;

}

#search_form  {
background-image:url("http://www.about-tea.de/img/chocomel/shop/header_suche_hintergrund_b.jpg");
}

#search_form {
background-repeat:no-repeat;
height:25px;
/*left:808px;*/
position:relative;
/*top:10px;*/
width:172px;
}

.search_form_text  {
background:none repeat scroll 0 0 transparent;
border:medium none;
font-family:Arial,Helvetica,sans-serif;
font-size:1.1em;
left:5px;
position:absolute;
top:3px;
width:145px;
}

#search_form_submit  {
background:none repeat scroll 0 0 transparent;
border:medium none;
cursor:pointer;
height:24px;
left:145px;
line-height:18px;
overflow:hidden;
position:absolute;
text-indent:-999em;
top:0;
width:25px;
}