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

@font-face {
    font-family:            "profaxplc";
    src: url("Profax-Light_18.1.07.otf") format("opentype"), local("Helvetica");
    font-weight:            normal;
}

@font-face {
    font-family:            "profaxplc";
    src: url("Profax-fett_8.2.07-2.otf") format("opentype"), local("Helvetica");
    font-weight:            bold;
}

* {
    color:                      rgb(64,64,64);
    font-family:                "profaxplc", "Microsoft Sans Serif", "Sans Serif", Verdana, Arial;
}

BODY {
    margin:                     0;
    padding:                    0;
    width:                      100%;
    text-align:                 center;
/*
    padding:                    80px 240px 50px 240px;
    max-width:                  750px;
*/
/*    max-width:                  50em;*/

    background-image:           url(http://www.profax.ch/userfiles/logo2.jpg);
    background-repeat:          no-repeat;
    background-attachment:      fixed;
    background-position:        1.5em 98%;

/*
    background-image:           url(../media/plc_icon_512.png);
    background-repeat:          no-repeat;
    background-attachment:      fixed;
    background-position:        bottom right;
*/
    font-size:                  1.0em;
}

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

H1 {
    margin:                             0px 0px 32px 0px;
    font-size:                          4.0em;
    font-weight:                        normal;
}

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

H3 {
    font-size:                          2.0em;
    font-weight:                        normal;
    margin:                             -1em 0 1em 0;
}

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:                            0.3em 0 0.1em 1em;
    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 {
    display:                            inline-block;
/*
    position:                           absolute;
    top:                                1em;
    left:                               0;
*/
    margin:                             0 12em 0 12em;
    padding:                            0;
    max-width:                          50em;
/*    height:                             160px;*/
/*    background-color:                   rgb(128,192,255);*/
}
DIV#header TABLE {
    width:                              50em;
}

DIV#header TD {
    padding:                            1em 0 1em 0;
    width:                              7em;
    vertical-align:                     bottom;
    text-align:                         center;
}

DIV#header P {
    margin:                             0px;
    padding:                            0px;
    font-size:                          1.25em;
    color:                              black;
}

DIV#header IMG {
    float:                              none;
    padding:                            0px;
    margin:                             0px;
}

DIV#header A {
    white-space:                        nowrap;
    font-weight:                        bold;
}

DIV#header A.name {
    font-size:                          0.75em;
    color:                              black;
    font-weight:                        normal;
}

DIV#navi {
    display:                            inline-block;
    margin:                             0 4em 0 4em;
    border-style:                       solid;
    border-width:                       1px 0 0 0;
    border-color:                       gray;
    text-align:                         center;
}

DIV#navi TD {
    padding:                            0.5em 1em 1em 1em;
    width:                              8em;
    vertical-align:                     bottom;
    text-align:                         left;
    vertical-align:                     top;
}

DIV#navi A {
    white-space:                        nowrap;
    font-weight:                        bold;
}

DIV#paper {
    display:                            inline-block;
    margin:                             0 12em 0 12em;
    padding:                            0 0 8em 0;
    width:                              48em;
    text-align:                         left;
/*    display:                            block;*/
/*
    position:                           absolute;
    top:                                11em;
    left:                               15em;
    margin:                             0 2em 0 0;
    padding:                            3em 4em 4em 4em;
*/
/*    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.centerstage {
    padding:                            10px;
    border-style:                       solid;
    border-color:                       rgb(128,192,255);
    border-color:                       rgb(128,128,128);
    border-width:                       0.5em;
    border-width:                       1px;
    border-radius:                      1.0em 1.0em;
    background-color:                   white;
}

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

#res a.l {
    font-weight:                        bold;
}
.topmenu {
/*    position:                           absolute;
    display:                            block;
*/
    margin:                             0;
    padding:                            0.5em 0 0 0;
    opacity:                            0.2;
    filter:                             alpha(opacity=20);
}
#navi a:hover {
    color:                              rgb(128,64,0);
}
.topmenu:hover {
    opacity:                            1.0;
    filter:                             alpha(opacity=100);
}
.topmenu li {
    list-style-type:                    none;
    text-align:                         left;
}
.topmenu li a {
    font-weight:                        normal ! important;
}

h4 {
    margin:                             2em 0 0.5em 0;
}


/* Produktbeschireb */
div#productdescription div {
    display:                            inline-block;
    width:                              40em;
    margin:                             1em 0 0 0;
}
div#productdescription div.pdright {
    text-align:                         right;
    width:                              100%;
}

div#productdescription ul, div#productdescription ol {
    margin:                             0;
    text-align:                         left;
}

div#productdescription ul.weitereInfo li {
    list-style-type: none;
}