@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.ttf') format('truetype'), 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.ttf') format('truetype'), 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 {
/*    color:                              rgb(255,128,0);*/
    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;
}











/* profaxbar */
#profaxbar {
    position:                           absolute;
    top:                                0px;
    right:                              0px;
    border-bottom-left-radius:          1em;
    -webkit-border-bottom-left-radius:  1em;
    -moz-border-radius-bottomleft:      1em;
    -o-border-bottom-left-radius:       1em;
    box-shadow:                         inset -1em -0.25em 1em rgba(0,0,0,0.1);
    -webkit-box-shadow:                 inset -1em -0.25em 1em rgba(0,0,0,0.1);
    -moz-box-shadow:                    inset -1em -0.25em 1em rgba(0,0,0,0.1);
    -o-box-shadow:                      inset -1em -0.25em 1em rgba(0,0,0,0.1);
    padding:                            0 1em 0 1em;
    font-size:                          1em;
    line-height:                        1em;
}

#profaxbar A {
    color:                              rgb(160,160,160) ! important;
    display:                            inline-block;
    margin:                             0.5em 0 0 0;
    border-style:                       solid ! important;
    border-color:                       transparent transparent rgb(224,224,224) transparent ! important;
    border-width:                       0 ! important;
    padding:                            0.5em 1em 0.25em 1em;
    border-top-right-radius:            0.25em 0.25em;
    border-top-left-radius:             0.25em 0.25em;
    -webkit-border-top-right-radius:    0.25em 0.25em;
    -webkit-border-top-left-radius:     0.25em 0.25em;
    -moz-border-radius-topleft:         0.25em 0.25em;
    -moz-border-radius-topright:        0.25em 0.25em;
    -o-border-top-right-radius:         0.25em 0.25em;
    -o-border-top-left-radius:          0.25em 0.25em;
}

#profaxbar A:hover {
    background:                         rgb(240,240,240) ! important;
}

#profaxbar A.selected {
    color:                              rgb(0,0,0) ! important;
    border-color:                       rgb(224,224,224) rgb(224,224,224) transparent rgb(224,224,224) ! important;
    background-color:                   white;
    box-shadow:                         0 -0.25em 0.5em rgba(0,0,0,0.2);
    -webkit-box-shadow:                 0 -0.25em 0.5em rgba(0,0,0,0.2);
    -moz-box-shadow:                    0 -0.25em 0.5em rgba(0,0,0,0.2);
    -o-box-shadow:                      0 -0.25em 0.5em rgba(0,0,0,0.2);
}





/* followme bar */
#followme {
    position:                           fixed;
    bottom:                             32px;
    right:                              8px;
    margin:                             0;
    padding:                            0;
    list-style:                         none;
    width:                              16px;
    z-index:                            2;
}

#followme LI {
    display:                            inline;
    margin:                             2px;
    padding:                            0;
}

#followme LI IMG {
    float:                              none;
    margin:                             0;
    border:                             0;
    padding:                            0;
}





/* header */
#header {
    display:                            block;
    position:                           absolute;
    top:                                13em;
    left:                               50%;
    margin:                             0 0 0 15em;
    border-style:                       solid;
    border-width:                       0 0 0 1px;
    border-color:                       rgb(224,224,224);
/*
    border-radius:                      12px 12px;
    -webkit-border-radius:              12px 12px;
    -moz-border-radius:                 12px 12px;
    -o-border-radius:                   12px 12px;
    background-color:                   rgb(255,255,255);
    background-image:                   -webkit-gradient(linear, right top, left top, from(rgba(255,255,255,1.00)), color-stop(0.75, rgba(255,255,255,0)), color-stop(0.75, rgba(0,0,0,0)), to(rgba(0,0,0,0.1)));
    background-image:                   -moz-linear-gradient(right, rgba(255,255,255,1.00) 0%, rgba(255,255,255,0) 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.1) 100%);
    -ms-filter:                         "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#eeeeee, endColorstr=#ffffff)";
*/
    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(0,128,255);
}



/* navi */
UL#navi {
    position:                           absolute;
    display:                            block;
    top:                                3.5em;
    right:                              1em;
    margin:                             0;
    list-style:                         none;
    font-size:                          0.8em;
}

#navi > LI {
    display:                            inline-block;
    vertical-align:                     bottom;
    text-align:                         left;
    vertical-align:                     top;
}

#navi A {
    display:                            block;
    margin:                             -0.5em 0 -0.5em 0;
    border-radius:                      4px 4px;
    -webkit-border-radius:              4px 4px;
    -moz-border-radius:                 4px 4px;
    -o-border-radius:                   4px 4px;
    padding:                            0.25em 0.5em 0.25em 0.5em;
    white-space:                        nowrap;
}

#navi A:hover {
    background-color:                   rgb(232,232,232);
    color:                              rgb(0,0,0);
}

#navi A:selected {
    color:                              rgb(255,255,255);
    font-weight:                        bold;
}

.topmenu {
    margin:                             0;
    padding:                            0.5em 0 0 0;
}

.topmenu LI {
    list-style-type:                    none;
    text-align:                         left;
}

.topmenu LI A {
    color:                              rgb(128,128,128);
}


/* custom */
DIV#paper {
    display:                            block;
    position:                           absolute;
    top:                                10em;
    left:                               50%;
    margin:                             0 0 0 -28em;
    padding:                            0;
    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-color:                   rgb(224,224,224);
    background-image:                   -moz-linear-gradient(top, rgba(255,255,255,1.00) 0%, rgba(255,255,255,0) 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0.10) 100%);
    background-image:                   -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1.00)), color-stop(0.75, rgba(255,255,255,0)), color-stop(0.75, rgba(0,0,0,0)), to(rgba(0,0,0,0.10)));
    -ms-filter:                         "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#dddddd)";
*/
    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;
}

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

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