/*******************************************/

/* 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: #000066;

    background-image: ;

    background-repeat: repeat-x;

    background-position: top;

    margin-top: 5px;

    SCROLLBAR-FACE-COLOR: #D5D5D5;

    SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;

    SCROLLBAR-SHADOW-COLOR: #999999;

    SCROLLBAR-3DLIGHT-COLOR: #CCCCCC;

    SCROLLBAR-ARROW-COLOR: #4461E0;

    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:       0;
    top:        0;
    width:      450px;
    height:     1px;
    z-index:    1000;
    background: #ffffff;
    }


/* 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:     #4461E0;

    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:     #4461E0 #4461E0 #4461E0 #4461E0;

    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: #4461E0;
    }

.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: #4461E0;
    }

.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: #4461E0;

    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:     #4461E0;

    text-decoration: none;
    }

a:visited
    {
    font-family: Arial, Helvetica, sans-serif;

    font-size: 11px;

    font-weight: bold;

    color:     #4431E0;

    text-decoration: none;
    }

a:active
    {
    font-family: Arial, Helvetica, sans-serif;

    font-size: 11px;

    font-weight: bold;

    color:     #c0caf4;

    text-decoration: none;
    }

a:hover
    {
    font-family: Arial, Helvetica, sans-serif;

    font-size: 11px;

    font-weight: bold;

    color:     #000066;

    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:       #c0caf4;

    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:   12px;

    color:       #444444;

    text-decoration: none;
    }

a.navi:visited
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: normal;

    font-size:   12px;

    color:       #444444;

    text-decoration: none;
    }

a.navi:active
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: normal;

    font-size:   12px;

    color:       #c0caf4;

    text-decoration: none;
    }

a.navi:hover
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: normal;

    font-size:   12px;

    color:       #000066;

    text-decoration: none;
    }

a.navi2:link
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: normal;

    font-size:   12px;

    color:       #444444;

    text-decoration: none;
    }

a.navi2:visited
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: normal;

    font-size:   12px;

    color:       #444444;

    text-decoration: none;
    }

a.navi2:active
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: normal;

    font-size:   12px;

    color:       #c0caf4;

    text-decoration: none;
    }

a.navi2:hover
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: normal;

    font-size:   12px;

    color:       #000066;

    text-decoration: none;
    }

.text_navi
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: normal;

    font-size:   12px;

    color:       #FF8507;

    text-decoration: none;
    }

a.top:link
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: bold;

    font-size:   10px;

    color:       #000000;

    text-decoration: none;
    }

a.top:visited
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: bold;

    font-size:   10px;

    color:       #000000;

    text-decoration: none;
    }

a.top:active
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: bold;

    font-size:   10px;

    color:       #c0caf4;

    text-decoration: none;
    }

a.top:hover
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: bold;

    font-size:   10px;

    color:       #000066;

    text-decoration: none;
    }

a.top1:link
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: normal;

    font-size:   9px;

    color:       #ffffff;

    text-decoration: none;
    }

a.top1:visited
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: normal;

    font-size:   9px;

    color:       #ffffff;

    text-decoration: none;
    }

a.top1:active
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: normal;

    font-size:   9px;

    color:       #c0caf4;

    text-decoration: none;
    }

a.top1:hover
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: normal;

    font-size:   9px;

    color:       #ffffff;

    text-decoration: none;
    }

a.top2:link
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: normal;

    font-size:   9px;

    color:       #ffffff;

    text-decoration: none;

    line-height: 200%;
    }

a.top2:visited
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-weight: normal;

    font-size:   9px;

    color:       #ffffff;

    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:       #000066;

    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:     #c0caf4;

    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: #4461E0;
    }

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: #4461E0;

    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;

    background-color: #e3e3e3;

    height:    25px;

    font-weight: normal;

    background-image: url(../design/layout/top_head_back1.gif);

    background-repeat: repeat-x;
    }

.top_header
    {
    background-image:  url(../design/layout/demo_header.jpg);

    background-repeat: no-repeat;

    background-position: top;
    }

.footer_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;
    }

