/*******************************************/
/* CSS Standarddatei für ecotwo Shopsystem */
/* Version 1.1 build 222  05.11.2006       */
/*******************************************/


/* Basis  */

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  background-color: #e7e7e7;
  SCROLLBAR-FACE-COLOR: #D5D5D5;
  SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
  SCROLLBAR-SHADOW-COLOR: #999999;
  SCROLLBAR-3DLIGHT-COLOR: #CCCCCC;
  SCROLLBAR-ARROW-COLOR: #FF9900;
  SCROLLBAR-TRACK-COLOR: #E5E5E5;
  SCROLLBAR-DARKSHADOW-COLOR: #333333;
}

p{
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
}

h1{
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
}

h2{
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
}

h3{
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
}

h4{
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
}

h5{
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
}

h6{
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
}

 
/* Mauszeiger ImageTrail  */
/* Breite des Fensters */
#trailimageid {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 350px;
	height: 1px;
	z-index: 1000;
}
/* Fenster Formatierung*/
.mousetrail{
    padding: 5px; 
	background-color: #f5f5f5; 
	border: 2px solid #CCCCCC;
}
/* Innenabstände */
.mousetrail2{
    padding: 8px 2px 2px 2px;
 }
 
.borderbot { 
    height: 1px; 
    line-height: 1px; 
    font-size: 1px; 
    margin: 0px; 
    padding: 0px; 
 }
.borderbotlight { 
    height: 1px; 
    margin: 0px; 
    padding: 0px; 
 }

/* Rahmen für Produktbilder (optional) */
.prod_bild {
    display: block;
    width: 150px;
    height: 50px;
    padding:15px;
    border: 3px solid #181894;
    cursor: pointer;
}

/* Bestellprozess und Warenkorb */
/* Auswahl Versandoption*/

.basket_f1{
 border-color: #FF9900; 
 background-color:  #f1f1f1;
 border-width:1px;  
 border-style:solid;
 padding:10px
}

.basket_row_sum_h{
 background-color:  #f1f1f1;
 }
.basket_row_sum_l{
 background-color:  #cccccc;
 }

.basket_noselect_del {
 border-color: ; 
 background-color:  #f1f1f1;
 border-width:1px;  
 border-style:solid;
 padding:2px
}
.basket_select_del {
 border-color:#ff0000 #f1f1f1 #ff0000 #f1f1f1; 
 background-color:  #ffffff;
 border-width:1px;  
 border-style:solid;
 padding:2px
}
/* Auswahlbutton */
.cartbutton{
 border-color: #191f4d;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #FFFFFF;
 border-width:1px; 
 border-style:solid;
 background-color: #ff0000;
} 
.upload_button{
 border-color: #999999;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #FFFFFF;
 border-width:1px; 
 border-style:ridge;
 background-color: #ff0000;
} 
.upload_file{
 border-color: #999999;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #FFFFFF;
 border-width:1px; 
 border-style:ridge;
 background-color: #ffffff;
} 

.order_bar{
 background-color:  #f3f3f3;
 border-color: #ff0000; 
 border-width: 1px;  
 border-style: solid;
 padding:10px;
}

.error{
 color: #FF3300;
}

/* Links für Content, Navigation, Header, Footer */

a:link {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px; 
  font-weight: bold;
  color: #ff0000;
  text-decoration: none;
}
a:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ff0000;
  text-decoration: none;
}
a:active {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ff0000;
  text-decoration: none;
}
a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ff0000;
  text-decoration: none;
}
a.path:link {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 9px; 
  color: #888888;
  text-decoration: none;
}
a.path:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 9px;
  color: #888888;
  text-decoration: none;
}
a.path:active {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 9px;
  color: #ff0000;
  text-decoration: none;
}
a.path:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 9px;
  color: #ff0000;
  text-decoration: none;
}
a.navi:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10px;
  color: #444444;
  text-decoration: none;
}
a.navi:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10px;
  color: #444444;
  text-decoration: none;
}
a.navi:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10px;
  color: #444444;
  text-decoration: none;
}
a.navi:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10px;
  color: #FF0000;
  text-decoration: none;
}
a.navi2:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10px;
  color: #444444;
  text-decoration: none;
}
a.navi2:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10px;
  color: #444444;
  text-decoration: none;
}
a.navi2:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10px;
  color: #444444;
  text-decoration: none;
}
a.navi2:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10px;
  color: #FF0000;
  text-decoration: none;
}
.text_navi {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10px;
  color: #FF0000;
  text-decoration: none;
}
a.top:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10px;
  color: #333333;
  text-decoration: none;
}
a.top:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10px;
  color: #333333;
  text-decoration: none;
}
a.top:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10px;
  color: #333333;
  text-decoration: none;
}
a.top:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10px;
  color: #ff0000;
  text-decoration: none;
}
a.top1:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 9px;
  color: #333333;
  text-decoration: none;
}
a.top1:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 9px;
  color: #333333;
  text-decoration: none;
}
a.top1:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 9px;
  color: #333333;
  text-decoration: none;
}
a.top1:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 9px;
  color: #333333;
  text-decoration: none;
}
a.top2:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 9px;
  color: #000000;
  text-decoration: none;
  line-height: 200%;
}
a.top2:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 9px;
  color: #000000;
  text-decoration: none;
  line-height: 200%;
}
a.top2:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 9px;
  color: #000000;
  text-decoration: none;
  line-height: 200%;
}
a.top2:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 9px;
  color: #000000;
  text-decoration: underline;
  line-height: 200%;
}
a.footer:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #333333;
  text-decoration: none;
}
a.footer:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #333333;
  text-decoration: none;
}
a.footer:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #333333;
  text-decoration: none;
}
a.footer:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #333333;
  text-decoration: underline;
}


/* Tabellen */
table {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #333333;
}

th{
}

tr{
}

td{
}


/* Textformatierungen */

.text {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #333333;
}

.text_2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #333333;
}
.text_2r {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: red;
}

.text_dark {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
}

.text_s {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10px;
  color: #333333;
}

.text_s2 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #333333;
}

.text_art_opt {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  font-weight: normal;
  background-image: url(../design/layout/teaser_head_back2.gif);
  height: 25px;
}

.text_s_grey {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 9px;
  color: #666666;
}

.text_big_bold {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
  font-weight: bolder;
}

.red {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: red;
}

.cart_s {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 9px;
  color: #000000;
}

.cart_s_red {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10px;
  color: #FF0000;
}

.text_s_w {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #FFFFFF;
}

.path_cms{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px; 
  font-weight: normal;
  color: #888888;
  text-decoration: none;
}
/*  Formulare  */

.radiobutton1{
border-width:1px; 
border-style:ridge;
border-color: #f7f7f7;
background-color: #ff0000;
}
form {
 margin-top:5px;
 margin-bottom:0px;
}
form_s {
 margin-top:0px;
 margin-bottom:0px;
}
.button {
  background-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-color: #333333;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}
.button_fix_width {
  background-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
  width: 158px;
  height: 25px;
}

.button_transp_order {
  background-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  border-color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
  width: 120px;
}

.button_transp {
  background-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

.basket_input {
  background-color: #FFFFFF;
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
}

.basket_input_marked {
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #FE0000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #333333;
}

.account_login {
  background-color: #FFFFFF;
  border-style: groove;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
  width: 130px;
}

.search {
  background-color: #FFFFFF;
  border-style: groove;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
}
.drop_down {
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #333333;
}
.drop_down_curr {
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #333333;
}

.button_s {
  background-color: #ff0000;
  border-style: solid;
  border-color: #666666;
  border-width: 1px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  width: 70;
  color: #FFFFFF;
}
.select_basket {
  background-color: #eeeccc;
  border-style: groove;
  font-family: Arial, Helvetica,Verdana,  sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
}
.select_basket_delivery {
  background-color: #e1e1e1;
  border-style: groove;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
  text-align: right;
}
.select_basket_country {
  background-color: #FFFFFF;
  border-style: groove;
  border-color: red;
  border-width: 1px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
  width:  210px;
  text-align: left;
}
.select_basket_fix {
  background-color: #f7e5b3;
  border-style: groove;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #000000;
  width:  200px;
}


/* Level-Hintergrund für Kategorien Navigation */ 

.navi_main {
  background-color: #f0f0f0;
}
.navi_sub {
  background-color: #f0f0f0;
  margin: 0px 0px;
}
.navi_sub2 {
  background-color: #f0f0f0;
  margin: 0px 0px;
}


/* Formatierungen für Teaser, Contentblöcke etc. */

/* Suchleiste */
.top_search_back1{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  height: 25px;
  font-weight: normal;
  background-color: #A7A7A7;
  background-image: url(../design/layout/teaser_head_back2.gif); 

}
.teaser_head_back1{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 25px;
  color: #333333;
  font-weight: bold;
  background-image: url(../design/layout/teaser_head_back1.gif); 
}
.teaser_head_back2{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 25px;
  color: #333333;
  font-weight: bold;
  background-image: url(../design/layout/teaser_head_back2.gif);
}
.top_head_back1{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  height: 25px;
  font-weight: normal;
  
}
/* breadcrumb Pfad */
.a_path{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: normal;
}
.path_teaser_head{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  font-weight: normal;
  background-color: #f2f2f2;
  background-image: url(../design/layout/teaser_head_back4.gif);
}
.path_teaser_head2{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  background-color: #f2f2f2;
  font-weight: normal;
}
.weekproduct_teaser_head{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 25px;
  color: #333333;
  font-weight: bold;
  background-image: url(../design/layout/teaser_head_back3.gif);
}
.topseller_teaser_head{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 25px;
  color: #333333;
  font-weight: bold;
  background-image: url(../design/layout/teaser_head_back3.gif);
}
.orderhitlist_teaser_head{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 25px;
  color: #333333;
  font-weight: bold;
  background-image: url(../design/layout/teaser_head_back3.gif);
}
.actionlist_teaser_head{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 25px;
  color: #333333;
  font-weight: bold;
  background-image: url(../design/layout/teaser_head_back3.gif);
}
.lastbuy_teaser_head{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 25px;
  color: #333333;
  font-weight: bold;
  background-image: url(../design/layout/teaser_head_back3.gif);
}
.news_teaser_head{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  height: 25px;
  font-weight: bold;
  background-image: url(../design/layout/teaser_head_back2.gif);
}
.accountlogin_teaser_head{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 25px;
  color: #333333;
  font-weight: bold;
  background-image: url(../design/layout/teaser_head_back2.gif);
}
.article_option_box1{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  font-weight: normal;
  background-color: #e2e2e2;
}
.article_option_box2{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  font-weight: normal;
  background-color: #f1f1f1;
}
.article_variant_box{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  font-weight: normal;
  background-color: #F7F7F7;
}


/* Überschriften */

.headline_action_1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #FE0000;
  font-weight: bold;
}
.headline_action_2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FE0000;
  font-weight: bold;
}
.headline_1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
}
.headline_2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
}
.headline_3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
}
.headline_4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  font-weight: bold;
}
.headline_5 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: bold;
}

/* FCKEditor*/
.Bold
{
	font-weight: bold;
}

.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}