html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
body {
    line-height: 1
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
* {
    margin: 0;
    padding: 0
}
html,
body,
#wrapper {
    height: 100%
}
#wrapper {
    width: 1020px;
    margin: 0 auto
}
#header {
    height: 50px;
    position: relative;
    padding: 30px 0 10px
}
#contentWrapper {
    padding-bottom: 3.5em
}
#konfigurator {
    position: relative;
    float: left;
    margin-bottom: 10px
}
#selectoren {
    float: left
}
.frame {
    float: left;
    position: relative
}
#pos0 {
    width: 500px;
    height: 500px;
    cursor: pointer
}
#pos1,
#pos2,
#pos3,
#pos4 {
    width: 245px;
    height: 245px
}
.pos1,
#pos1,
.pos2,
#pos2 {
    margin-left: 10px
}
#pos3,
.pos3,
#pos4,
.pos4 {
    margin: 10px 0 0 10px
}
#pos0stell,
#pos0tritt,
#pos0wange,
#pos0basic,
#pos1stell,
#pos1tritt,
#pos1wange,
#pos1basic,
#pos2stell,
#pos2tritt,
#pos2wange,
#pos2basic,
#pos3stell,
#pos3tritt,
#pos3wange,
#pos3basic,
#pos4stell,
#pos4tritt,
#pos4wange,
#pos4basic {
    position: absolute;
    width: 100%;
    height: 100%
}
#pos0basic,
#pos1basic,
#pos2basic,
#pos3basic,
#pos4basic {
    z-index: 0
}
#pos0wange,
#pos1wange,
#pos2wange,
#pos3wange,
#pos4wange {
    z-index: 10
}
#pos0tritt,
#pos1tritt,
#pos2tritt,
#pos3tritt,
#pos4tritt {
    z-index: 20
}
#pos0stell,
#pos1stell,
#pos2stell,
#pos3stell,
#pos4stell {
    z-index: 30
}
#stellstufe,
#trittstufe,
#wange {
    width: 1010px;
    height: 260px;
    padding-right: 100px !important
}
.spacer100 {
    width: 100px !important;
    height: 260px !important;
    float: left
}
.spacer125 {
    width: 115px !important;
    height: 260px !important;
    float: left
}
.stellstufe,
.trittstufe,
.wange {
    float: left;
    width: 65px;
    height: 45px;
    margin-right: 5px;
    margin-bottom: 5px
}
.stellstufe:last-child,
.trittstufe:last-child,
.wange:last-child {
    margin-right: 0;
    margin-bottom: 0
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.clearfix {
    display: inline-block
}
html[xmlns] .clearfix {
    display: block
}
* html .clearfix {
    height: 1%
}
#pos0 {
    cursor: default;
    appearance: normal
}
body {
    overflow: hidden
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99
}
#status {
    width: 200px;
    height: 260px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../img/status.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px
}
body {
    background-color: #fff;
    font: 14px Tahoma, Arial, serif
}
#wrapper,
#header,
#contentWrapper,
#footer {
    color: #a71417;
    background-color: #fff
}
#header {
    background: url("../img/css/fedi_logo_stair_config.png") 0 30px no-repeat
}
.pos1,
#pos1,
.pos2,
#pos2,
.pos3,
#pos3,
.pos4,
#pos4 {
    cursor: pointer
}
.pos1 img,
#pos1 img,
.pos2 img,
#pos2 img,
.pos3 img,
#pos3 img,
.pos4 img,
#pos4 img {
    width: 100%;
    height: auto
}
#pos0 img,
#pos1 img {
    width: 100% !important;
    height: auto
}
.stellstufe,
.trittstufe,
.wange {
    background-color: #a71417;
    color: white;
    cursor: pointer
}
#stellstufe,
#trittstufe,
#wange {
    background: url("../img/framework/tab_stellstufe.png") #fff right top no-repeat;
    box-shadow: 5px 5px 10px #000;
    padding-right: 100px
}
#trittstufe {
    background: url("../img/framework/tab_trittstufe.png") #fff right top no-repeat
}
#wange {
    background: url("../img/framework/tab_wange.png") #fff right top no-repeat
}
#infobox {
    position: relative;
    background-color: white;
    box-shadow: 5px 5px 10px black;
    border: 1px solid #c31622;
    padding: 10px;
    width: 150px;
    height: 130px;
    float: right;
    margin-right: 10px
}
#infobox table {
    width: 100%
}
#infobox td {
    width: 50%
}
#infobox h2 {
    font-weight: bold;
    text-align: center
}
#stellstufe .buche,
#stellstufe .buchehell,
#stellstufe .eiche,
#stellstufe .eichehell,
#stellstufe .eichegebuerstet,
#stellstufe .mooreiche,
#stellstufe .erle,
#stellstufe .nussbaum,
#stellstufe .kirschbaum,
#stellstufe .wenge,
#stellstufe .weiss,
#stellstufe .schwarz,
#stellstufe .royal,
#stellstufe .lava,
#stellstufe .barrique,
#stellstufe .champagner,
#stellstufe .country,
#stellstufe .mustang,
#stellstufe .vintage,
#stellstufe .alu,

#stellstufe .vermont,
#stellstufe .nordic,
#stellstufe .iceberg,
#stellstufe .canyon,
#stellstufe .macciato,
#stellstufe .loft,
#stellstufe .beton,
#stellstufe .bluesteel,
#stellstufe .cognac,
#stellstufe .terra,
#stellstufe .platin,
#stellstufe .jasmin,

#trittstufe .buche,
#trittstufe .buchehell,
#trittstufe .eiche,
#trittstufe .eichehell,
#trittstufe .eichegebuerstet,
#trittstufe .mooreiche,
#trittstufe .erle,
#trittstufe .nussbaum,
#trittstufe .kirschbaum,
#trittstufe .wenge,
#trittstufe .weiss,
#trittstufe .schwarz,
#trittstufe .royal,
#trittstufe .lava,
#trittstufe .barrique,
#trittstufe .champagner,
#trittstufe .country,
#trittstufe .mustang,
#trittstufe .vintage,
#trittstufe .alu,
#trittstufe .vermont,
#trittstufe .nordic,
#trittstufe .iceberg,
#trittstufe .canyon,
#trittstufe .macciato,
#trittstufe .loft,
#trittstufe .beton,
#trittstufe .bluesteel,
#trittstufe .cognac,
#trittstufe .terra,
#trittstufe .jasmin,
#trittstufe .platin,
#wange .buche,
#wange .buchehell,
#wange .eiche,
#wange .eichehell,
#wange .eichegebuerstet,
#wange .mooreiche,
#wange .erle,
#wange .nussbaum,
#wange .kirschbaum,
#wange .wenge,
#wange .weiss,
#wange .schwarz,
#wange .royal,
#wange .lava,
#wange .barrique,
#wange .champagner,
#wange .country,
#wange .mustang,
#wange .vintage,
#wange .alu,

#wange .vermont,
#wange .nordic,
#wange .iceberg,
#wange .canyon,
#wange .macciato,
#wange .loft,
#wange .beton,
#wange .bluesteel,
#wange .cognac,
#wange .terra,
#wange .platin,
#wange .jasmin,

#wange .castle,
#trittstufe .castle,
#stellstufe .castle,
#wange .havanna,
#trittstufe .havanna,
#stellstufe .havanna,
#wange .toscana,
#trittstufe .toscana,
#stellstufe .toscana,

#wange .amalfi,
#trittstufe .amalfi,
#stellstufe .amalfi,

#wange .greyhound,
#trittstufe .greyhound,
#stellstufe .greyhound,

#wange .forrest,
#trittstufe .forrest,
#stellstufe .forrest,

#wange .lederlook,
#trittstufe .lederlook,
#stellstufe .lederlook

 {
    background: url("../img/css/dekore-sprites-65x45.png") 0 0
}


#stellstufe .buchehell,
#trittstufe .buchehell,
#wange .buchehell {
    background-position: -65px 0
}

#stellstufe .eiche,
#trittstufe .eiche,
#wange .eiche {
    background-position: -1690px 0
}

#stellstufe .bluesteel,
#trittstufe .bluesteel,
#wange .bluesteel {
    background-position: -1755px 0
}

#stellstufe .cognac,
#trittstufe .cognac,
#wange .cognac {
    background-position: -1820px 0
}

#stellstufe .terra,
#trittstufe .terra,
#wange .terra {
    background-position: -1885px 0
}

#stellstufe .platin,
#wange .platin {
    background-position: -1950px 0
}

#trittstufe .jasmin,
#stellstufe .jasmin,
#wange .jasmin {
    background-position: -2015px 0
}

#stellstufe .eichehell,
#trittstufe .eichehell,
#wange .eichehell {
    background-position: -195px 0
}

#stellstufe .eichegebuerstet,
#trittstufe .eichegebuerstet,
#wange .eichegebuerstet {
    background-position: -1690px 0
}

#stellstufe .mooreiche,
#trittstufe .mooreiche,
#wange .mooreiche {
    background-position: -260px 0
}

#stellstufe .erle,
#trittstufe .erle,
#wange .erle {
    background-position: -325px 0
}

#stellstufe .nussbaum,
#trittstufe .nussbaum,
#wange .nussbaum {
    background-position: -390px 0
}

#stellstufe .kirschbaum,
#trittstufe .kirschbaum,
#wange .kirschbaum {
    background-position: -455px 0
}
#stellstufe .wenge,
#trittstufe .wenge,
#wange .wenge {
    background-position: -520px 0
}

#stellstufe .weiss,
#trittstufe .weiss,
#wange .weiss {
    background-position: -585px 0
}

#stellstufe .schwarz,
#trittstufe .schwarz,
#wange .schwarz {
    background-position: -650px 0
}

#stellstufe .royal,
#trittstufe .royal,
#wange .royal {
    background-position: -715px 0
}

#stellstufe .lava,
#trittstufe .lava,
#wange .lava {
    background-position: -780px 0
}

#stellstufe .barrique,
#trittstufe .barrique,
#wange .barrique {
    background-position: -845px 0
}

#stellstufe .champagner,
#trittstufe .champagner,
#wange .champagner {
    background-position: -910px 0
}

#stellstufe .country,
#trittstufe .country,
#wange .country {
    background-position: -975px 0
}

#stellstufe .mustang,
#trittstufe .mustang,
#wange .mustang {
    background-position: -1040px 0
}

#stellstufe .vintage,
#trittstufe .vintage,
#wange .vintage {
    background-position: -1105px 0
}

#stellstufe .alu,
#trittstufe .alu,
#wange .alu {
    background-position: -1170px 0
}



/* Neue Dekore */
#stellstufe .vermont,
#trittstufe .vermont,
#wange .vermont {
    background-position: -1235px 0
}

#stellstufe .nordic,
#trittstufe .nordic,
#wange .nordic {
    background-position: -1300px 0
}

#stellstufe .iceberg,
#trittstufe .iceberg,
#wange .iceberg {
    background-position: -1365px 0
}

#stellstufe .canyon,
#trittstufe .canyon,
#wange .canyon {
    background-position: -1430px 0
}

#stellstufe .macciato,
#trittstufe .macciato,
#wange .macciato {
    background-position: -1495px 0
}

#stellstufe .loft,
#trittstufe .loft,
#wange .loft {
    background-position: -1560px 0
}

#stellstufe .beton,
#trittstufe .beton,
#wange .beton {
    background-position: -1625px 0
}
/* Neue Dekore Ende */

/* Neue Dekore 2020 */

#stellstufe .havanna,
#wange .havanna,
#trittstufe .havanna {
    background-position: -2145px 0
}

#stellstufe .castle,
#wange .castle,
#trittstufe .castle {
    background-position: -2080px 0
}

#stellstufe .toscana,
#wange .toscana,
#trittstufe .toscana {
    background-position: -2210px 0
}

/* Neue Dekore 2024 */

#stellstufe .amalfi,
#wange .amalfi,
#trittstufe .amalfi {
    background-position: -2470px 0
}

#stellstufe .lederlook,
#wange .lederlook,
#trittstufe .lederlook {
    background-position: -2275px 0
}

#stellstufe .forrest,
#wange .forrest,
#trittstufe .forrest {
    background-position: -2340px 0
}

#stellstufe .greyhound,
#wange .greyhound,
#trittstufe .greyhound {
    background-position: -2405px 0
}

/* Neue Dekore 2024 Ende */

.material_caption {
    height: 100%;
    width: 100%;
    background-color: white;
    opacity: 0.0;
    text-align: center;
}

.material_caption:hover, .material_caption:active {
    opacity: 0.8;
}

.material_caption_text {
    text-align: center;
    word-break: break-all;
        padding-top: 3px;
    display: block;
}