@charset "UTF-8";
/*
 * kbergCMSV3
 * ci/stylesheet.css
 * programmer: mike.kronenberg@kberg.ch
 * copyright: mike.kronenberg@kberg.ch
 */



@font-face {
    font-family:                        'profax';
    src: url('fonts/profax-light_18.1.07-webfont.eot');
    src: local('☺'), url('fonts/profax-light_18.1.07-webfont.woff') format('woff'), url('fonts/profax-light_18.1.07-webfont.svg#webfontMLUjFGpo') format('svg');
    font-weight:                        normal;
    font-style:                         normal;
}

@font-face {
    font-family:                        'profax';
    src: url('fonts/profax-fett_8.2.07-2-webfont.eot');
    src: local('☺'), url('fonts/profax-fett_8.2.07-2-webfont.woff') format('woff'), url('fonts/profax-fett_8.2.07-2-webfont.svg#webfontlrW0R1z2') format('svg');
    font-weight:                        bold;
    font-style:                         normal;
}

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

BODY {
    margin:                             0;
    padding:                            0;
    width:                              100%;
    height:                             100%;
    font-size:                          1.0em;
}

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

H1 {
    font-size:                          1.5em;
    margin:                             0 0 0 0;
}

H2 {
    padding:                            0 0 0.5em 0;
    font-size:                          1.0em;
    font-weight:                        bold;
}

H3 {
    font-weight:                        normal;
}

H4 {
    margin:                             1em 0 0.25em 0;
}

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

DIV#elementNavPath {
    font-size:                          0.75em;
    margin:                             0 0 1em 0;
}

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

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

IMG.left {
    float:                              left;
}

IMG.nofloat {
    float:                              none;
}

A {
    cursor:                             pointer;
    color:                              rgb(0,128,255);
    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;
}



/* header */
#header {
    display:                            inline-block;
    text-align:                         left;
    vertical-align:                     top;
    margin:                             3em 0 0 2em;
    border-style:                       solid;
    border-width:                       0 0 0 1px;
    border-color:                       rgb(224,224,224);
    padding:                            0 0 8em 0;
}

#header LI {
    margin:                             0;
    padding:                            0 0 1em 1em;
    list-style:                         none;
}

#header LI:hover {
    background-color:                   rgb(232,232,232);
}

#header A {
    display:                            inline-block;
    padding:                            0.5em 2em 0 0;
}

DIV.picon {
    padding:                            0;
    width:                              64px ! important;
    text-align:                         center;
}

#header IMG {
    float:                              none;
    padding:                            0px;
    margin:                             0px;
    height:                             64px;
}
#header IMG[src*=umschlag_] {
    box-shadow:                         0 0.625em 0.5em -0.5em rgba(0,0,0,0.25);
}

#header DIV {
    margin:                             0 0 0 1em;
    font-size:                          0.8em;
    display:                            inline-block;
    width:                              9.5em;
    color:                              rgb(128,128,128);
    vertical-align:                     top;
}

#header DIV H1 {
    font-size:                          1em;
    font-weight:                        normal;
    color:                              rgb(26, 115, 205);
}



/* profax_toolbar */
#profax_toolbar {
    margin:                             0 0 4em 0;
    background:                         rgba(0,100,200,0.25);
    background:                         rgb(171,213,255);
    padding:                            0 1em;
    z-index:                            2;
}

#profax_toolbar > IMG {
    float:                              left;
    width:                              96px;
    height:                             96px;
    padding:                            0.25em 3em 0 1em;
}

#profax_toolbar A {
    display:                            block;
    padding:                            0.25em 1em;
}

#profax_toolbar > DIV > A {
    padding:                            1em 1em 0.5em 1em;
}

#profax_toolbar > DIV {
    display:                            inline-block;
    padding:                            0 0 0.5em 0;
    margin:                             0;
}

#profax_toolbar > DIV > DIV {
    display:                            none;
    padding:                            0.5em 0 0.25em 0;
}

#profax_toolbar > DIV:hover {
    background:                         #0080FF;
    background:                         rgb(87,171,255);
    box-shadow:                         0 0 0.25em rgba(0,0,0,0.5);
}

#profax_toolbar > DIV:hover > DIV {
    display:                            block;
    position:                           fixed;
    background:                         #0080FF;
    background:                         rgb(87,171,255);
    box-shadow:                         0 0.25em 0.25em rgba(0,0,0,0.5);
    z-index:                            10;
}

#profax_toolbar > DIV:hover A {
    color:                              white;
}

#profax_toolbar A:hover {
    color:                              rgb(0,0,80) ! important;
}



/* footer */
.login_footer {
    border-collapse:                    separate;
    width:                              100%;
    padding:                            2em 0 0 0;
    font-family:                        profax;
    font-size:                          14px;
    background:                         rgb(224,224,224);
    margin:                             5em 0 0 0;
}

.login_footer .login_footer_items {
    vertical-align:                     top;
    width:                              180px;
    padding:                            0;
}

.login_footer DIV {
    color:                              rgb(96,96,96);
    margin:                             0 0 0.5em 0;
}

.login_footer A {
    display:                            block;
    color:                              rgb(128,128,128);
    height:                             16px;
}

.login_footer A:hover {
    color:                              rgb(64,64,64);
}

.login_footer A IMG {
    float:                              none;
    padding:                            0;
    margin:                             2px 4px -2px 0;
    width:                              14px;
    height:                             14px;
}



/* custom */
DIV#paper {
    display:                            inline-block;
    text-align:                         left;
    vertical-align:                     top;
    width:                              40em;
}

DIV#paper UL {
    margin:                             0 0 1em 0;
}

DIV#adresse {
    margin:                             0;
    padding:                            4em 0 1em 0;
}

#centerstage {
    margin:                             0em 0 3em 0;
    border-radius:                      12px 12px;
    -webkit-border-radius:              12px 12px;
    -moz-border-radius:                 12px 12px;
    -o-border-radius:                   12px 12px;
    background-image:                   url("../userfiles/sunrise.jpg");
    height:                             24em;
    vertical-align:                     bottom;
}

SPAN.news {
    font-size:                          0.8em;
}

H2.news {
    margin:                             1em 0 0 0;
    padding:                            0;
    font-size:                          0.8em;
    font-weight:                        normal;
}

IMG[src*=umschlag_] {
    border:                             none;
    padding:                            0;
    box-shadow:                         0 1.25em 0.5em -1em rgba(0,0,0,0.5), 0 0 4em rgba(255,255,255,0.75);
}

/* productdescription */
.siegel {
    position:                           absolute;
    top:                                16em;
    left:                               18em;
}