body{
    margin: 0px;
    padding: 0px;
}
#container{
    position: absolute;
    width:960px;
    height:818px;
    /*border:1px solid black;*/
    overflow: hidden;
}


h2{
    position: relative;
    padding: 0px;
    text-transform: uppercase;
    display: block;
    font-family: "DINPro-Bold",Helvetica,Arial,sans-serif;
    color: #E3001B;
    font-size: 2.8rem;
    text-align: center;
}

.col--100 {
    width: 100%
}
.tab {
    margin: 0px 0 0 28px;
    display: inline-block;
}

#tab1
{
    position: relative;
    background-image: url("tab1.png");
    width: 436px;
    height: 91px;
    background-repeat: no-repeat;
    background-size: 200% 100%;
    overflow: hidden;
    cursor: pointer;
}

#tab2
{
    position: relative;
    background-image: url("tab2.png");
    width: 436px;
    height: 91px;
    background-repeat: no-repeat;
    background-size: 200% 100%;
    background-position: 100% 0%;
    overflow: hidden;
    cursor: pointer;
}

.arrow {
    position: absolute;
    top: 436px;
    margin: 0px 0 0 0px; 
    display: inline-block;
    z-index: 1;
}

.arrowT2 {
    position: absolute;
    top: 436px;
    margin: 0px 0 0 0px; 
    display: inline-block;
    z-index: 1;
}

#arrowLeft
{
    left: 30px;
    background-image: url("arrow_left.png");
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    background-size: 200% 100%;
    overflow: hidden;
    cursor: pointer;
}

#arrowRight
{
    right: 30px;
    background-image: url("arrow_right.png");
    float: right;
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    background-size: 200% 100%;
    overflow: hidden;
    cursor: pointer;
}

#arrowTab2
{
    display: none;
}

#arrowLeftTab2
{
    left: 30px;
    background-image: url("arrow_left.png");
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    background-size: 200% 100%;
    overflow: hidden;
    cursor: pointer;
}

#arrowRightTab2
{
    right: 30px;
    background-image: url("arrow_right.png");
    float: right;
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    background-size: 200% 100%;
    overflow: hidden;
    cursor: pointer;
}

.container1-pages {
    position: absolute;
    top: 436px;
    margin: 0px 0 0 0px; 
    display: inline-block;
}

#tab1-page1-image1
{
    position: absolute;
    top: -115px;
    left: 85px;
    pointer-events: none;
}

#tab1-page1-image2
{
    position: absolute;
    top: -30px;
    left: 535px;
    cursor: pointer;
}

#tab1-page1-image2-Click
{
    position: absolute;
    top: 10px;
    left: 223px;
    cursor: pointer;
    display: none;
    opacity: 0;
}

#tab1-page2
{
    position: absolute;
    top: -129px;
    left: 1184px;
    display: block;
    opacity: 1;
}

#tab1-page3
{
    position: absolute;
    top: -137px;
    left: 2041px;
    display: block;
    opacity: 1;
}

#tab1-page4-image1
{
    position: absolute;
    top: -30px;
    left: 3025px;
    cursor: pointer;
}

#tab1-page4-image1-Click
{
    position: absolute;
    top: -175px;
    left: 2960px;
    cursor: pointer;
    display: none;
    opacity: 0;
}

#tab1-page4-image2
{
    position: absolute;
    top: -30px;
    left: 3552px;
    cursor: pointer;
}

#tab1-page4-image2-Click
{
    position: absolute;
    top: 10px;
    left: 3130px;
    cursor: pointer;
    display: none;
    opacity: 0;
}

#tab1-page4-image3
{
    position: absolute;
    top: -70px;
    left: 3660px;
    pointer-events: none;
}

.container2-pages {
    position: absolute;
    top: 436px;
    margin: 0px 0 0 0px; 
    display: none;
}

#tab2-page1-image1
{
    position: absolute;
    top: -93px;
    left: 137px;
    pointer-events: none;
}

#tab2-page1-image2
{
    position: absolute;
    top: -30px;
    left: 540px;
    cursor: pointer;
}

#tab2-page1-image2-Click
{
    position: absolute;
    top: 10px;
    left: 379px;
    cursor: pointer;
    display: none;
    opacity: 0;
}

#tab2-page2-image1
{
    position: absolute;
    top: -93px;
    left: 1075px;
    display: block;
    opacity: 1;
    pointer-events: none;
}

#tab2-page2-image2
{
    position: absolute;
    top: -30px;
    left: 1499px;
    cursor: pointer;
}

#tab2-page2-image2-Click
{
    position: absolute;
    top: 10px;
    left: 1338px;
    cursor: pointer;
    display: none;
    opacity: 0;
}

#tab3-page1-image1
{
    position: absolute;
    top: -93px;
    left: 2033px;
}

#bg
{
    position: relative;
    top: -5px;
    left: 0px;
}

/*
   firefox fix
*/
@supports (-moz-appearance:none) and (text-align-last:auto) { #bg { top: -7px; } }