@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:                            0px;
    width:                              100%;
    height:                             100%;
}

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 25px 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#elementNavTree {
    position:                           absolute;
    top:                                160px;
    left:                               0px;
    width:                              240px;
    margin:                             0px;
    padding:                            32px 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 16px;
    text-decoration:                    none;
}

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

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

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

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

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



/* 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-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;
}





/* custom */
DIV#header {
    position:                           absolute;
    top:                                0px;
    left:                               0px;
    margin:                             0px;
    padding:                            0px;
    width:                              100%;
    height:                             160px;
    background-color:                   rgb(128,192,255);
}

DIV#header TD {
    padding:                            0px 0px 20px 0px;
    width:                              128px;
    color:                              rgb(255,255,255);
    vertical-align:                     bottom;
    text-align:                         center;
}

DIV#header TD#plcIcon {
    vertical-align:                     middle;
    text-align:                         left;
    padding:                            0px 0px 0px 32px;
}
DIV#header TD#plcSlogan {
    width:                              240px;
    vertical-align:                     middle;
}
DIV#header P {
    margin:                             0px;
    padding:                            0px;
    font-size:                          1.25em;
    color:                              white;
}

DIV#header IMG {
    float:                              none;
    padding:                            0px;
    margin:                             0px;
}
DIV#header A {
    color:                              white;
}
DIV#paper {
/*    display:                            block;*/
    position:                           absolute;
    top:                                0px;
    left:                               0px;
    margin:                             128px 32px 0px 240px;
    padding:                            32px;
/*    height:                             100px;*/
    background-color:                   white;

    box-shadow:                         -5px -5px 10px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow:                 -5px -5px 10px rgba(0, 0, 0, 0.10);
    -moz-box-shadow:                    rgba(0, 0, 0, 0.10) -5px -5px 10px;
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#202020, offX=-5, offY=-5, positive=true);
}

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