/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce
   -----------------------------------------------------------------------------------------
   based on:
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License
   ---------------------------------------------------------------------------------------*/

html, body {
    width: 100%; height: 100%;
    font-family: arial, helvetica; font-size: 12px; font-weight: normal;
    color: #737272;
    margin: 0px; padding: 0px;
}
html { overflow-y: scroll; background: #579e1a url(img/bg_html.jpg) repeat-y center;}

form { margin: 0px; padding: 0px; }

img, input { border: 0px; }

h2, h3 { margin: 0px; padding: 0px; font-size: 18px; line-height: 18px; }
h4 { margin: 0px; padding: 0px; font-size: 14px; line-height: 16px; }

input { color: #737272; }
input.suchfeld { width: 155px; border: 2px solid #81c22e; }
input.login_email { width: 154px; }
input.login_pw { width: 75px; }

.clear { clear: left; }


#container {
	margin: auto; display: block;
    width: 995px; min-height: 450px;
}

    #header {
        float: left; display: block;
        width: 995px; height: 90px;
    }

    #header a, #footer a { text-decoration: underline; font-weight: bold; color: #81c22e; }

    #footer { float: left; clear: left; width: 995px; border-top: 4px solid #81c22e; text-align: right; padding-top: 10px; }

    #logo { float: left; width: 350px; }
    #header_mitte { float: left; width: 305px; margin-left: 30px; padding-top: 53px; text-align: right; }
    #header_suche {	float: left; width: 305px; padding-top: 45px; text-align: right; }

    #navigation {
        float: left; clear: left; display: block;
        width: 995px; height: 273px; margin-bottom: 10px;
        background: url(img/bg_navigation.jpg) no-repeat;
    }

    


    
    #kategorien a { text-decoration: none; color: #fff; }

    #inhaltscontainer { float: left; clear: left; width: 995px; }
    #inhalt_links { float: left; clear: left; width: 315px; display: block; margin-top: 20px; }
    #inhalt_rechts { float: left; width: 660px; display: block; margin-top: 20px; color: #599c19; margin-left: 20px; }

    #box_login, #box_newsletter, #box_cart, #box_service { display: block; width: 300px; float: left; clear: left; background: #81c22e; color: #fff; padding-left: 20px; padding-top: 20px;}

    
/* ========================================================= */

h1 { font-size: 18px; margin-top: 0px; margin-bottom: 5px; padding-top: 10px; font-weight: normal; }
h1.green { color: #599C19; padding-top: 0px; }
h1.green a { color: #599C19; text-decoration: none; }
h1.green a:hover { color: #5F5F5F; }
h1.links { padding: 0px; }
h2, h3 { margin: 0px; padding: 0px; font-size: 16px; line-height: 18px; font-weight: normal; }

input, textarea, select { border: 1px solid #81C22E; }
textarea { width: 575px; }
.lang { width: 400px;  }
.schmal { height: 150px; }

#inhalt_rechts a { text-decoration: underline; color: #599c19; }
#inhalt_rechts a:hover { text-decoration: none; color: #5F5F5F;}

a.white { text-decoration: underline; color: #fff; font-weight: bold; }
a.whiteaktiv { text-decoration: none; color: #fff; font-weight: bold; }
a.white:hover { text-decoration: none; color: #5F5F5F; }
a.none { text-decoration: none; }
a.green { font-size: 11px; color: #599C19; }
a.green:hover { font-size: 11px; text-decoration: none; color: #5F5F5F; }
a.cart { color: #737272; font-size: 12px; text-decoration: underline; }
a.cart:hover { text-decoration: none; }


#header_mitte a:hover { color: #5F5F5F; text-decoration: none; }
#header_mitte a.none { text-decoration: none; }

.divbutton { border: 1px solid #599C19; margin: 0px; padding: 0px; width: 100px; }
.button { border: 1px solid #fff; background-color: #81C22E; color: #fff; font-weight: bold; cursor: pointer; width: 100px; }

.gross { width: 200px; }

.cart_info { float: left; background: #fff; color: #737272; width: 250px; padding: 5px; min-height: 10px; }

.account { float: left; width: 600px; }

#kategorien { float: left; margin-left: 15px; margin-top: 40px; color: #fff; }
#kategorien a:hover { color: #5F5F5F; }
#footer a.aktiv { text-decoration: none; font-weight: bold; color: #81c22e; }
#footer a:hover{ color: #5F5F5F; text-decoration: none; }

.bottom { border-bottom: 1px solid #ccc; }
.top { border-top: 1px solid #ccc; }
.right { border-right: 1px solid #ccc; }

input.inp_qty { width: 21px; height: 16px; text-align: center; padding-top: 3px; margin-top: 1px; }
input.inp_bank { width: 200px; text-align: left; padding-top: 3px; margin-top: 1px; }

input.inp_plz { width: 35px; text-align: left; padding-top: 3px; margin-top: 1px; }
input.inp_ort { width: 160px; text-align: left; padding-top: 3px; margin-top: 1px; margin-left: 3px; }

#inhalt_rechts a.aktiv { text-decoration: none; }

.form_left { float: left; display: block; width: 120px; margin-bottom: 3px; clear: left; }
.form_right { float: left; display: block; width: 400px; margin-left: 20px; margin-bottom: 3px; }

/* ========================================================= */

.produkt_container { float: left; width: 315px; height: 175px; display: block; overflow: hidden; background: url(img/bg_prod_container.jpg) no-repeat top right; color: #737272; border-bottom: 1px solid #abaaaa; padding-bottom: 10px;}
.produkt_bild { float: left; display: block; width: 90px; height: 175px; }
.produkt_text { float: left; display: block; width: 220px; height: 175px; }


.produkt_infos { background: url(img/bg_produktinfo.jpg) no-repeat top right; float: left; display: block; width: 660px; min-height: 450px; }
.produkt_container, .produkt_info_text h2 { color: #579f1c; margin-bottom: 5px; }
.produkt_container, .produkt_info_text h3 { color: #737272; margin-top: 8px; margin-bottom: 3px; }

.produkt_info { float: left; display: block; width: 660px; min-height: 450px;  color: #737272; margin-top: 35px;}
.produkt_info_bild { float: left; width: 200px; text-align: center; display: block; }
.produkt_info_text { float: left; width: 410px; margin-left: 10px; display: block; }

.special_bild { float: left; width: 60px; margin-left: 50px; margin-top: 50px; }
.special_text { float: left; margin-left: 15px; width: 150px; margin-top: 50px; }

.lvl_0 { margin: 0px; margin-left: 20px; margin-top: 5px; margin-bottom: 10px; padding: 0px; padding-left: 5px; line-height: 16px; }
.lvl_1 { margin: 0px; margin-left: 10px; margin-top: 5px; margin-bottom: 10px; padding: 0px; padding-left: 5px; }
.lvl_2 { margin: 0px; margin-left: 10px; margin-top: 5px; margin-bottom: 5px;  padding: 0px; padding-left: 5px; padding-bottom: 10px; }