@charset "iso-8859-1";
/*
 * kbergCMSV3
 * ci/stylesheet.css
 * programmer: mike.kronenberg@kberg.ch
 * copyright: mike.kronenberg@kberg.ch
 */

* {
    color:                      rgb(64,64,64);
    font-family:                Verdana, Arial;
    font-size:                  12px;
}

BODY {
    margin:                     0px;
    padding:                    80px 240px 50px 240px;
    max-width:                  750px;
    background-image:           url(../userfiles/logo3.jpg);
    background-repeat:          no-repeat;
    background-attachment:      fixed;
    background-position:        bottom right;
}

TABLE {
    border-spacing:             0px;
    border-collapse:            collapse;
}

H1 {
    margin:                     0px 0px 3px 0px;
    font-size:                  2.0em;
    font-weight:                normal;
}

H2 {
    font-size:                  1.0em;
    border-style:               solid;
    border-width:               0px 0px 1px 0px;
    margin:                     25px 0px 0px 0px;
    font-weight:                normal;
}

IMG {
    display:                    inline;
    float:                      right;
    border-style:               none;
    padding:                    5px 5px 5px 5px;
}

DIV#elementNavPath {
    margin:                     0px 0px 50px 0px;
}

DIV#elementNavPath A {
    text-decoration:            none;
}

DIV#elementNavPath A:hover {
    text-decoration:            underline;
}

IMG.left {
    float:                      left;
}

IMG.nofloat {
    float:                      none;
}

A {
    color:                      rgb(255,128,0);
/*    color:                      rgb(48,96,192);*/
    text-decoration:            none;
}

IMG.fileicon {
    float:                      left;
    width:                      12px;
    height:                     12px;
    border-style:               none;
    padding:                    0px 5px 0px 0px;
}

DIV#bgimage {
    position:                   fixed;
    //position:                 absolute;
    top:                        18px;
    left:                       -5px;
//  left:                       0px;
}

DIV#download {
    position:                   fixed;
    //position:                 absolute;
    top:                        125px;
    right:                      0px;
    width:                     210px;
    text-align:                right;
    margin:                    0px;
    padding:                   0px;
}

DIV#bild {
    position:                   fixed;
    //position:                 absolute;
    bottom:                     19px;
    right:                      24px;
}

DIV#icon {
    position:                   fixed;
    //position:                 absolute;
    //visibility:                   hidden;
    bottom:                     8px;
    left:                       8px;
}

DIV#elementNavTree {
    position:                   fixed;
    //position:                 absolute;
    top:                        50px;
    left:                       0px;
    width:                      200px;
    margin:                     0px;
    padding:                    100px 0px 75px 0px;
}

DIV#elementNavTree A {
    display:                    block;
    margin:                     0px;
    border-style:               none;
    border-color:               rgb(128,64,0);
    border-width:               0px;
    padding:                    1px 0px 1px 10px;
    text-decoration:            none;
}

DIV#elementNavTree A:hover {
    background-color:           rgb(255,192,128);
    color:                      rgb(64,64,64);
}

DIV#elementNavTree A#selected {
    border-style:               solid;
    border-width:               1px 0px 1px 0px;
    padding-top:                0px;
    padding-bottom:             0px;
    color:                      rgb(64,64,64);
}

DIV#elementNavTree A.navlevel1 {
    padding-left:               20px;
}

DIV#elementNavTree A.navlevel2 {
    padding-left:               30px;
}

DIV#elementNavTree A.navlevel3 {
    padding-left:               40px;
}

DIV#adresse {
/*  opacity:                    0.66;
    -filter(opacity)            0.66; */
    position:                   fixed;
    //position:                 relative;
    bottom:                     0px;
    right:                      0px;
    //top:                      25px;
    width:                      100%;
    margin:                     0px;
    //margin:                   25px 0px 0px 0px;
    border-style:               solid;
    border-width:               1px 0px 0px 0px;
    padding:                    5px 5px 5px 5px;
    background-color:           rgb(255,255,255);
    text-align:                 right;
}



/* produkt Gruppe */
H2.productGroupName {
    margin:                     48px 0px 0px 0px;
}

/* produkt */
TD.shopProductImage, TD.shopProductData {
    padding:                    32px 0px 0px 0px;
    vertical-align:             top;
}

TD.shopProductData {
    width:                      500px;
}

IMG.shopProductImage{
}

TD.shopProductData DIV {
    padding:                    0px 0px 0px 32px;
}

TD.shopProductData DIV DIV {
    padding:                    0px 5px 0px 0px;
}

.shopProductNumber {
    display:                    inline;
}

.shopProductNumber A {
}

.shopProductName {
    display:                    inline;
    margin:                     16px 5px 0px 0px;
    white-space:                nowarp;
}
.shopProductPrice {
    display:                    block;
    text-align:                 right;
    margin:                     10px 0px 0px 0px;
}

TD.shopProductData DIV.shopProductTax {
    position:                   relative;
    display:                    inline;
    text-align:                 right;
    font-size:                  0.75em;
    color:                      gray;
    left:                       130px;
    top:                        -13px;
}
.shopProductQuantity {
    position:                   relative;
    display:                    inline;
    top:                        -17px;
    left:                       130px;
}
.shopProductQuantity INPUT {
    width:                      25px;
}
DIV.shopProductBuy {
    position:                   relative;
    display:                    inline;
    left:                       130px;
    top:                        -14px;
}

.shopProductBuy INPUT, TD.wkProductBuy INPUT {
/*
    background-color:           rgb(128,192,255);
    border-style:               solid;
    border-width:               1px;
    border-color:               rgb(160,160,160);
*/
    background-image:           url("shop_20.jpg");
    padding:                    2px;
}

.shopProductBuy INPUT:hover, TD.wkProductBuy INPUT:hover {
    background-color:           rgb(255,192,128);
}

.shopProductDescription {
    margin:                     16px 0px 0px 0px;
}



/* warenkorb */
TABLE.wk , TABLE.wk1 {
    width:                      600px;
}

TABLE.wk1 {
    margin:                     32px 0px 32px 0px;
}

TABLE.wk1 TD {
    font-size:                  0.9em;
}

TD.wkAnleitung1,TD.wkAnleitung3 {
    padding:                    0px 8px 0px 8px;
    height:                     25px;
    background-color:           rgb(128,192,255);
    color:                      white;
    border-style:               none;
    font-size:                  1.0em;
}

TD.wkAnleitung1 SPAN {
    color:                      white;
}

TD.wkAnleitung3 {
    text-align:                 right;
}

TD.wkAnleitung3 FORM{
    margin:                     0px;
}

TR.wkHeader TD {
    border-style:               solid;
    border-width:               0px 0px 1px 0px;
    border-color:               black;
    padding:                    1px 1px 1px 1px;
}

TD.wkPrice2Header,
TD.wkPrice3Header,
TD.wkPrice2,
TD.wkPrice3,
TD.wkWarenwertPrice,
TD.wkZuzMWSTPrice,
TD.wkGesamtBetragPrice,
TD.wkProductQuantity {
    text-align:                 right;
}

TD.wkProductQuantity INPUT {
    width:                      25px;
}

TD.wkPrice2 {
    width:                      75px;
}

DIV.shopProductTax {
    font-size:                  0.75em;
    color:                      gray;
}

TD.wkProductBuy INPUT {
    margin:                     0px 0px 0px 4px;
}


TR.wkWarenwert TD {
    border-style:               solid;
    border-width:               1px 0px 1px 0px;
    border-color:               black;
    padding:                    1px 1px 32px 1px;
}

TR.wkTax TD {
}

TR.wkShipping FORM {
    font-size:                  0.9em;
}

TR.wkGesamtbetrag TD {
    padding:                    32px 1px 1px 1px;
    font-size:                  1.0em;
}



/* Adresseingabe */
TABLE.wk2 {
    margin:                     0px 0px 32px 0px;
}

TD.rHeader {
    padding:                    32px 1px 1px 1px;
}

TD.rDescription {
    width:                      200px;
    font-size:                  1em;
}

INPUT.rOrganisation,
INPUT.rTelefon,
INPUT.lOrganisation,
INPUT.lTelefon {
    width:                      402px;
    padding:                    0px;
    border-width:               1px;
    border-color:               rgb(128,128,128);
    border-style:               solid;
}

INPUT.rName,
INPUT.rVorname,
INPUT.lName,
INPUT.lVorname {
    width:                      200px;
    padding:                    0px;
    border-width:               1px;
    border-color:               rgb(128,128,128);
    border-style:               solid;}

INPUT.rNummer,
INPUT.rPLZ,
INPUT.lNummer,
INPUT.lPLZ {
    width:                      100px;
    padding:                    0px;
    border-width:               1px;
    border-color:               rgb(128,128,128);
    border-style:               solid;
}

INPUT.rStrasse,
INPUT.rOrt,
INPUT.lStrasse,
INPUT.lOrt {
    width:                      300px;
    padding:                    0px;
    border-width:               1px;
    border-color:               rgb(128,128,128);
    border-style:               solid;
}

TEXTAREA.rBemerkungen {
    width:                      602px;
    height:                     100px;
    border-width:               1px;
    border-color:               rgb(128,128,128);
    border-style:               solid;
}




/* wk kontrolle */
TD.wkAnleitung4, TD.wkAnleitung6 {
    padding:                    32px 0px 32px 4px;
    font-size:                  0.75em;
}