@import url("_reset.css");

/* ### set new default definitions
########################################################################################################################################################################################################################################################################################################################################################################################################################################## */

html, body                                                                                            { height: 100%; }
body                                                                                                  { background: #fff; margin:  0px !important; padding:  0px !important;  }
#global-frame                                                                                         { width: 734px; position: relative; margin: 0px auto; padding: 0px 0px 0px; }
div.canvas                                                                                            { margin-top: 0px !important; }

/* ### set general definitions
########################################################################################################################################################################################################################################################################################################################################################################################################################################## */

/* ------------------- PLUGIN CHANGES ------------------- */

.main-slider-tooltip-link                                                                             { text-decoration: none !important; }
.main-slider-tooltip-container                                                                        { background: #992c96; max-width: 170px; padding: 10px; color: white; border-radius: 5px; font: 10px Verdana, Sans-Serif; text-transform: uppercase; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.55); display: inline-block; z-index: 99999; }
.main-slider-tooltip-container a                                                                      { color: white; text-decoration: underline; }
.main-slider-tooltip-container a:hover                                                                { text-decoration: none; }
.main-slider-tooltip-container .main-slider-arrow                                                     { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -5px; bottom: -10px; height: 12px; width: 10px; background: url("../images/tooltip-arrow.png") no-repeat left top; }
.main-slider-tooltip-container .main-slider-arrow.top                                                 { top: -16px; bottom: auto; }
.main-slider-tooltip-container .main-slider-arrow.main-slider-left                                    { left: 20%; }
.main-slider-tooltip-container .main-slider-arrow:after                                               { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg); }
.main-slider-tooltip-container .main-slider-arrow.main-slider-top:after                               { bottom: -20px; top: auto; }

/* ------------------- GENERAL ------------------- */

.pulltext                                                                                             { z-index: 10; position: absolute; }
.pullimage                                                                                            { z-index: 5; }

.main-slider                                                                                          { position: relative; overflow: hidden; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color:#252f47;}
.main-slider.main-slider-shadowfix *                                                                  { visibility: hidden; }
.main-slider .main-slider-loader                                                                      { visibility: visible; }
.main-slider a                                                                                        { outline: none !important; }
.main-slider p                                                                                        { line-height: 20px; }
.main-slider .main-slider-arrows                                                                      { position: absolute; z-index: 900; cursor: pointer; }
.main-slider .main-slider-arrow-right                                                                 { bottom: 10px; right: 13px; }
.main-slider .main-slider-arrow-left                                                                  { bottom: 10px; left: 13px; }
.main-slider .main-slider-slider-container                                                            { position: absolute; left: 0px; top: 0px; height: 403px; width: 734px; z-index: 500; }
.main-slider .main-slider-indicator                                                                   { position: absolute; left: 200px; bottom: 10px; height: 20px; z-index: 900; }
.main-slider .main-slider-indicator *                                                                 { position: absolute; left: 0px; top: 0px; cursor: pointer; }
.main-slider .main-slider-indicator .main-slider-button                                               { background: none; width: 20px; height: 20px; background: url("../images/indicator_outline.png") no-repeat left top;}
.main-slider .main-slider-indicator .main-slider-button:hover,
.main-slider .main-slider-indicator .main-slider-button.activ                                         { background: url("../images/indicator_activ.png") no-repeat left top; }

.main-slider .main-slider-white-paper-left															                              { left: 33px; top: 0px; }
.main-slider .main-slider-white-paper-right															                              { left: 20px; top: 0px; }

.main-slider .main-slider-image-slide-pull-background.main-slider-horizontal                          { height: 92px; width: 256px; left: 350px; top: 245px; background: url("../images/slider-horizontal-background.jpg") no-repeat left bottom; }
.main-slider .ui-slider-horizontal                                                                    { height: 92px; width: 200px; }
.main-slider .ui-slider-horizontal .ui-slider-handle                                                  { top: 19px; cursor: pointer; width: 0px; margin-left: -1em; padding-right: 82px; height: 72px; background: url("../images/slider-horizontal-pull.png") no-repeat left top; }

.main-slider .main-slider-image-slide-pull-background.main-slider-normal-horizontal                   { height: 92px; width: 314px; left: 350px; top: 245px; background: url("../images/slider-horizontal-normal-background.jpg") no-repeat left bottom; }
.main-slider .main-slider-normal-horizontal .ui-slider-horizontal                                     { height: 92px; width: 258px; }
.main-slider .main-slider-normal-horizontal .ui-slider-horizontal .ui-slider-handle                   { top: 19px; cursor: pointer; width: 0px; margin-left: -1em; padding-right: 82px; height: 72px; }
.main-slider .main-slider-normal-horizontal .main-slider-overlay                                      { left: 0px; bottom: 0px; width: 325px; height: 8px; z-index: 99; background: url("../images/slider-horizontal-normal-background-overlay.png") no-repeat left top; }

.main-slider .main-slider-image-slide-pull-background.main-slider-vertical                            { height: 255px; width: 104px; left: 250px; top: 245px; background: url("../images/slider-vertical-background.jpg") no-repeat left bottom; }
.main-slider .ui-slider-vertical                                                                      { height: 200px; width: 104px; }
.main-slider .ui-slider-vertical .ui-slider-handle                                                    { cursor:pointer; background: url("../images/slider-vertical-pull.png") no-repeat left top; width: 72px; height: 0px; padding-bottom: 83px; margin-left: 0px; margin-bottom: -5em; left: 0px !important; }

.main-slider .main-slider-image-slide-pull-background.main-slider-normal-vertical                     { height: 285px; width: 104px; left: 250px; top: 245px; background: url("../images/slider-vertical-normal-background.jpg") no-repeat left bottom; }
.main-slider .main-slider-normal-vertical .ui-slider-vertical                                         { height: 230px; width: 104px; }
.main-slider .main-slider-normal-vertical .ui-slider-vertical .ui-slider-handle                       { cursor:pointer; width: 72px; height: 0px; padding-bottom: 83px; margin-left: 0px !important; margin-bottom: -5em; left: 0px !important; }
.main-slider .main-slider-normal-vertical .main-slider-overlay                                        { left: 0px; top: 0px; width: 8px; height: 295px; z-index: 99; background: url("../images/slider-vertical-normal-background-overlay.png") no-repeat left top; }

.main-slider .main-slider-image-slide                                                                 { position:absolute; overflow:hidden; }
.main-slider .main-slider-image-slide div                                                             { overflow:hidden; }
.main-slider .main-slider-image-slide div div                                                         { position:absolute !important;  }
/*.main-slider .main-slider-image-slide div span                                                        { display:block; }*/
.main-slider .main-slider-slide                                                                       { position: absolute; top: 0px; width: 734px; height: 403px; }
.main-slider .main-slider-content a                                                                   { color:#000; text-decoration: underline; }
.main-slider .main-slider-content a:hover                                                             { text-decoration: none; color: #992c96; }

.main-slider .main-slider-content .pink                                                               { text-decoration: none; color: #992c96; }

.multicolumn-2                                                                                        { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; }
.multicolumn-3                                                                                        { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; }
.column                                                                                               { position: static !important; }

/*pullButton*/
.main-slider .main-slider-pull-button .main-slider-pullbutton                                         { cursor: pointer; }
.main-slider .main-slider-pull-button.main-slider-right                                               { top: 300px; left: 500px; }
.main-slider .main-slider-pull-button.main-slider-right .main-slider-pullbutton                       { position: static; width:87px; height:48px; margin-left:5px; margin-top:15px; }
.main-slider .main-slider-pull-button.main-slider-right .main-slider-pullwhite                        { position: static;float:left;  background:url("../images/pull_top_right.png") no-repeat top left; width:35px; height:75px;  }
.main-slider .main-slider-pull-button.main-slider-bottom                                              { top: 300px; left: 500px; }
.main-slider .main-slider-pull-button.main-slider-bottom .main-slider-pullbutton                      { position: static; width:48px; height:87px; margin-left:23px; margin-top:5px; }
.main-slider .main-slider-pull-button.main-slider-bottom .main-slider-pullwhite                       { position: static;float:left;  background:url("../images/pull_top_bottom.png") no-repeat top left; width:75px; height:35px;  }
.main-slider .main-slider-pull-button.main-slider-top                                                 { top: 300px; left: 500px; }
.main-slider .main-slider-pull-button.main-slider-top .main-slider-pullbutton                         { position: static; width:48px; height:87px; margin-left:15px; margin-top:19px; }
.main-slider .main-slider-pull-button.main-slider-top .main-slider-pullwhite                          { position: static;float:left; background:url("../images/pull_top_top.png") no-repeat top left; width:75px; height:35px; margin-top:75px; }
.main-slider .main-slider-pull-button.main-slider-top_right                                           { top: 300px; left: 500px; }
.main-slider .main-slider-pull-button.main-slider-top_right .main-slider-pullbutton                   { position: static; width:92px; height:68px; margin-left:0px; margin-top:0px; }
.main-slider .main-slider-pull-button.main-slider-top_right .main-slider-pullwhite                    { position: static;float:left; background:url("../images/pull_top_top_right.png") no-repeat top left; width:45px; height:68px; margin-left:0px; margin-top:9px;}
.main-slider .main-slider-pull-button.main-slider-bottom_right                                        { top: 300px; left: 500px; }
.main-slider .main-slider-pull-button.main-slider-bottom_right .main-slider-pullbutton                { position: static; width:97px; height:71px; margin-left:0px; margin-top:7px; }
.main-slider .main-slider-pull-button.main-slider-bottom_right .main-slider-pullwhite                 { position: static;float:left;  background:url("../images/pull_top_bottom_right.png") no-repeat top left; width:39px; height:61px;  }
.main-slider .main-slider-pull-button.main-slider-bottom_left                                         { top: 300px; left: 500px; }
.main-slider .main-slider-pull-button.main-slider-bottom_left .main-slider-pullbutton                 { position: static; width:87px; height:71px; margin-left:18px; margin-top:6px; }
.main-slider .main-slider-pull-button.main-slider-bottom_left .main-slider-pullwhite                  { position: static;float:left;  background:url("../images/pull_top_bottom_left.png") no-repeat top left; width:44px; height:65px; margin-left:60px; }


.main-slider .main-slider-absolute img,
.main-slider .main-slider-absolute div                                                                { position: absolute; -webkit-font-smoothing: antialiased; }
.main-slider-image-slide-setStatic                                                                    { position:static !important; float:left; overflow:hidden; }
.main-slider-image-slide-setAbsolute                                                                  { position:absolute !important; left:0px; float:none; top:0px; overflow:hidden; }

/*pin-sheet*/
.main-slider .main-slider-content-pin-sheet                                                           { position: absolute; left: 470px; top: 30px; width:216px; height:308px; }
.main-slider .main-slider-content-pin-sheet-background                                                { position: absolute; left: 0px; top: 0px; width:216px; height:308px;  }
.main-slider .main-slider-content-pin-sheet-textcontainer                                             { position: absolute; left: 501px; top: 82px; width:172px; height:218px; overflow:hidden; font-size:10px;}
.main-slider .main-slider-content-pin-sheet-right                                                     { position: absolute; left: 471px; top: 30px; width:219px; height:307px; }
.main-slider .main-slider-content-pin-sheet-background-right                                          { position: absolute; left: 0px; top: 0px; width:219px; height:307px;  }
.main-slider .main-slider-content-pin-sheet-textcontainer-right                                       { position: absolute; left: 506px; top: 84px; width:172px; height:218px; overflow:hidden; font-size:10px;}