/* ======================= */
/* = PRODUKTE STARTSEITE = */
/* ======================= */

/* = CONSTRUCT = */

div#content
{
    width: 624px;
    padding: 38px 0 0 8px;
}


/* = PRODUKTE LIST-VIEW = */

div#produkteStartseite h1,
div#produkteStartseite h1.darker
{
    float: left;

    margin-left: 17px;
}
div#produkteStartseite h1.darker
{
    margin-left: 4px;
}
div#produkteStartseite h4
{
    margin: 8px 0 12px 7px;

    font-size: 16px;
}
    div#produkteStartseite h4 a
    {
        text-decoration:none;
    }

/*div#produkteStartseite a.abtnBig
{
    margin-right:45px;
    background-image: url(../images/construct/global/btnBig_background_grey.gif);
}
    div#produkteStartseite a.abtnBig span
    {
        background-image: url(../images/construct/global/btnBig_background_grey.gif);
        overflow:hidden;
        display:block;
    }

    div#produkteStartseite a.abtnBig_colored
    {
        margin-right: 0;
        background-image: url(../images/construct/zfv/btnBig_colored_background_grey.gif);
    }

    div#produkteStartseite a.abtnBig_icon_cart span
    {
        background-image: url(../images/construct/zfv/btnBig_icon_cart_background_grey.gif);
    }



    div#produkteStartseite a.abtnBig_colored
    {
        margin-right: 0;
        background-image: url(../images/construct/global/btnBig_background_grey.gif);
    }

    div#produkteStartseite a.abtnBig_icon_cart span
    {
        background-image: url(../images/construct/global/btnBig_background_grey.gif);
    }
*/


div#produkteStartseite div.produktContainerX1,
div#produkteStartseite div.produktContainerX2
{
    margin: 0 0 12px 0;
}

div#produkteStartseite div.produktContainerX1,
div#produkteStartseite div.produktContainerX1 div.produkteInfo div.clear
{
    background: #FFF url(../images/construct/zfv/box310_bg_prodstart_middle_x1.gif) 0 0 repeat-y;
}
div#produkteStartseite div.produktContainerX2,
div#produkteStartseite div.produktContainerX2 div.produkteInfo div.clear
{
    background: #FFF url(../images/construct/zfv/box310_bg_prodstart_middle_x2.gif) 0 0 repeat-y;
}

    div#produkteStartseite div.produkteInfo,
    div#produkteStartseite div.produkteControls
    {
        width: 626px;
        margin: 0;
        padding: 0;
    }
        div#produkteStartseite div.produktTop
        {
            float: left;

            width: 294px; /*310px*/
            margin: 0 3px 0 0;
            padding: 8px;
            overflow:hidden;

            background: #FFF url(../images/construct/global/box310_bg_top.gif) 0 0 no-repeat;
        }

            div#produkteStartseite div.produktTop div.product_descritption p.inventory_info
            {
                white-space:nowrap;
                line-height:15px;
            }
                div#produkteStartseite div.produktTop div.product_descritption p.inventory_info span
                {
                    width:48px;
                    height:15px;
                    background: #FFF url(../images/construct/global/icon_inventory.gif) 0 0 no-repeat;
                    display:inline-block;
                    margin:2px 0 0 5px;
                }
                div#produkteStartseite div.produktTop div.product_descritption p.inventory_info span.almost_empty
                {
                    background: #FFF url(../images/construct/global/icon_inventory.gif) 0 -15px no-repeat;
                }
                div#produkteStartseite div.produktTop div.product_descritption p.inventory_info span.empty
                {
                    background: #FFF url(../images/construct/global/icon_inventory.gif) 0 -30px no-repeat;
                }
            div#produkteStartseite div.produktTop div.product_descritption
            {
                margin:0 0 0 160px;
                width:134px;
            }
            * html div#produkteStartseite div.produktTop div.product_descritption
            {
                overflow:hidden;
                width:126px;
                float:left;
                margin:0px;
            }

            div#produkteStartseite div.produktTop table
            {
                float: left;

                width: 148px;
                height: 148px; /*148px*/
                margin: 0 12px 6px 0;
                padding: 0px;

                border: 1px solid #F0F0F0;
                text-align: center;
                vertical-align:center;
            }
            div#produkteStartseite div.produktTop p
            {
                padding-top: 3px;
            }
            

        div#produkteStartseite div.produktBottom
        {
            float: left;

            width: 298px; /*310px*/
            height: 36px; /*45px*/
            margin: 0 3px 0 0;
            padding: 9px 0 0 12px;

            background: #FFF url(../images/construct/zfv/box310_bg_prodstart_bottom.gif) 0 0 no-repeat;
        }
        div#produkteStartseite div.clear
        {
            clear: left;

            background: #FFF;
        }