/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
legend{width:100%;display:block;font-weight:bold;border:0}input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type="file"]{cursor:pointer}select,input[type="file"]{display:block}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type="radio"],input[type="checkbox"]{margin:0 3px 0 0}input[type="radio"],input[type="checkbox"],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background:transparent}input[type="submit"],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}input[type="submit"]:hover,.button:hover{text-decoration:none;background-position:0 -15px !important}input[type="submit"]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px !important}input[type="submit"].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}input[type="submit"].blue:active,.button.blue:active{background-color:#2e95b3}input[type="submit"].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}input[type="submit"].green:active,.button.green:active{background-color:#4f9f4f}input[type="submit"].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}input[type="submit"].orange:active,.button.orange:active{background-color:#f28f04}input[type="submit"].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}input[type="submit"].red:active,.button.red:active{background-color:#be322b}
/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* MediaElement.js, (c) 2010-2014 John Dyer, MIT license */
.mejs-offscreen{position:absolute !important;top:-10000px;left:-10000px;overflow:hidden;width:1px;height:1px}.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.mejs-audio{margin-top:18px}.mejs-container:focus{outline:0}.me-plugin{position:absolute}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.mejs-fullscreen{overflow:hidden !important}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%}.mejs-clear{clear:both}.mejs-background{position:absolute;top:0;left:0}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}:root .mejs-poster img{display:none}.mejs-poster img{border:0;padding:0;border:0}.mejs-overlay{position:absolute;top:0;left:0}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/bigplay.svg") no-repeat}.no-svg .mejs-overlay-button{background-image:url("../../assets/jquery/mediaelement/2.19.0.1/images/bigplay.png")}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/background.png");background:rgba(0,0,0,0.9);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.9)),to(rgba(0,0,0,0.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-moz-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-o-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-ms-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:transparent url("../../assets/jquery/mediaelement/2.19.0.1/images/loading.gif") 50% 50% no-repeat}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/background.png");background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));height:30px;width:100%}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica,Arial;border:0}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:transparent url("../../assets/jquery/mediaelement/2.19.0.1/images/controls.svg") no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url("../../assets/jquery/mediaelement/2.19.0.1/images/controls.png")}.mejs-controls .mejs-button button:focus{outline:dotted 1px #999}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:10px 3px 0 3px;overflow:hidden;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mejs-container .mejs-controls .mejs-time a{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto}.mejs-controls .mejs-play button{background-position:0 0}.mejs-controls .mejs-pause button{background-position:0 -16px}.mejs-controls .mejs-stop button{background-position:-112px 0}.mejs-controls div.mejs-time-rail{direction:ltr;width:200px;padding-top:5px}.mejs-controls .mejs-time-rail span,.mejs-controls .mejs-time-rail a{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite}@-webkit-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-o-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-ms-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px}.mejs-controls .mejs-mute button{background-position:-16px -16px}.mejs-controls .mejs-unmute button{background-position:-16px 0}.mejs-controls .mejs-volume-button{position:relative}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/background.png");background:rgba(50,50,50,0.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.5);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.9);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,0.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0}.mejs-controls a.mejs-horizontal-volume-slider{height:26px;width:56px;position:relative;display:block;float:left;vertical-align:middle}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none}.mejs-controls .mejs-captions-button{position:relative}.mejs-controls .mejs-captions-button button{background-position:-48px 0}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-51px;width:85px;height:100px;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/background.png");background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px 10px 0 10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none !important;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none !important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:55px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:0}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(102,102,102,0.7)),to(rgba(50,50,50,0.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-moz-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-o-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-ms-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#666666,endColorstr=#323232)}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:bold;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:20px;font-size:16px;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:normal}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text{padding:3px 5px;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/background.png");background:rgba(20,20,20,0.5);white-space:pre-wrap}.me-cannotplay a{color:#fff;font-weight:bold}.me-cannotplay span{padding:15px;display:block}.mejs-controls .mejs-loop-off button{background-position:-64px -16px}.mejs-controls .mejs-loop-on button{background-position:-64px 0}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px}.mejs-controls .mejs-backlight-on button{background-position:-80px 0}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2c7c91;color:#fff}.mejs-controls .mejs-sourcechooser-button{position:relative}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/background.png");background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none !important;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none !important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/background.png");background:rgba(50,50,50,0.7);z-index:1000;overflow:hidden}.mejs-postroll-layer-content{width:100%;height:100%}.mejs-postroll-close{position:absolute;right:0;top:0;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/background.png");background:rgba(50,50,50,0.7);color:#fff;padding:4px;z-index:100;cursor:pointer}div.mejs-speed-button{width:46px !important;position:relative}.mejs-controls .mejs-button.mejs-speed-button button{background:transparent;width:36px;font-size:11px;line-height:normal;color:#fff}.mejs-controls .mejs-speed-button .mejs-speed-selector{display:none;position:absolute;top:-100px;left:-10px;width:60px;height:100px;background:url("../../assets/jquery/mediaelement/2.19.0.1/images/background.png");background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:0;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector{display:block}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected{color:rgba(33,248,248,1)}.mejs-controls .mejs-speed-button .mejs-speed-selector ul{margin:0;padding:0;display:block;list-style-type:none !important;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li{margin:0 0 6px 0;padding:0 10px;list-style-type:none !important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;display:none}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label{width:60px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:11.5px;color:white;margin-left:5px;cursor:pointer}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover{background-color:#c8c8c8 !important;background-color:rgba(255,255,255,.4) !important}.mejs-controls .mejs-button.mejs-jump-forward-button{background:transparent url("../../assets/jquery/mediaelement/2.19.0.1/css/jumpforward.png") no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-jump-forward-button button{background:transparent;font-size:9px;line-height:normal;color:#fff}.mejs-controls .mejs-button.mejs-skip-back-button{background:transparent url("../../assets/jquery/mediaelement/2.19.0.1/images/skipback.png") no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-skip-back-button button{background:transparent;font-size:9px;line-height:normal;color:#fff}
.bl_tCenter
{
	text-align: center;
	margin: 0 auto 3%
}
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.carousel {
  position: relative;
  padding-bottom: 70px;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}


.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
      min-width: 100%;
    max-height: 500px;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  z-index: 10; 
}
.row.inside .carousel-control {  width: 5%; max-width: 50px;}

.carousel-control.left {
/*
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
*/
 opacity: .6;
}
.carousel-control.right {
  right: 0;
  left: auto;
/*
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
*/
 opacity: .6;

}
.carousel-control:hover
/*.carousel-control:focus*/ {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .8;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 220px;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 10%;
  margin-left: -10px;
  background: url("/system/modules/bcarousel/assets/img/left-arrow.png") 50% 50% no-repeat; height: 56px;width: 50px; background-size: cover
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 10%;
  margin-right: -10px;
  background: url("/system/modules/bcarousel/assets/img/right-arrow.png") 50% 50% no-repeat; height: 56px;width: 50px; background-size: cover
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 0px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #bbb;
  border-radius: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
.carousel-indicators .active {
  width: 22px;
  height: 22px;
  margin: 0 5px;
  background-color: #F5F5F5;
}

  .picture-caption  {top: 10%}

.carousel-caption, .picture-caption {
  position: absolute;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.carousel-caption .inside {
    background: rgba(255, 255, 255, 0.78);
    padding: 25px;
    color: #7c7b7b;
    text-shadow: none;
    margin-top: 7%}

/***********BUTTONS***************/
.carousel-caption .btn, .cta {
    text-shadow: none;
    display: block;
    max-width: 258px;
    -webkit-border-radius: 4px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
/*    background: #F36F20;
    background: -moz-linear-gradient(top, #ffa84c 0%, #f36f20 100%);
    background: -webkit-linear-gradient(top, #ffa84c 0%,#f36f20 100%);
    background: linear-gradient(to bottom, #ffa84c 0%,#f36f20 100%);
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#f36f20',GradientType=0 );
    */
    padding: 6px 20px 7px 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);}

.cta {margin: 0 auto; margin-top: 30px; max-width: 50%;font-size: 13px;padding: 2px 20px 3px 20px;}

.carousel-caption .btn .dart, .cta .dart {
    -webkit-border-radius: 100px;
    border-radius: 100px;
    margin: 0 -30px 0 30px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff7b0d), to(#FEA349));
    padding: 2px 10px;
    text-shadow: 0px 1px 0px #FFF;
    border-top: 1px solid #F47122;
    border-bottom: 1px solid #FFC7B8;
}    


/*****Custom*******/
.space {padding-top: 3%; padding-bottom: 3%}
.bigspace {padding-top: 6%; padding-bottom: 6%}
.down {padding-bottom: 3%}
.up {padding-top: 3%}
.padright {padding-right: 3%}
.padleft {padding-left: 3%}
.smalldown {padding-bottom: 1.5%}
.bigup {padding-top: 6%}
.bigdown {padding-bottom: 6%}


.spacer {margin-top: 40px; margin-bottom: 3%}
.downer {margin-bottom: 3%}
.upper {margin-top: 3%}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.inside {
	width: 90%;
	max-width: 1180px;
	margin: 0 auto; 
	padding-right:1%; 
	overflow: hidden; 
}

.row, #footer {clear: both; overflow: hidden; }
/* *******************Common columns definitions**************************/
 
*[class*="col"]{float: left;margin: 0 3% 0 0;}	
.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
	margin-right: 0;}
.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%; }
.col4 { width: 31%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 99%; margin: 0; 
}

.offset3 {margin-left: 13.75%}
.offset6 {margin-left: 26.5%}
.offset8 {margin-left: 35.5%}
.offset10 {margin-left: 42.75%}


/* *********************************************************************************************************************
 * Small devices
 */
@media all and (max-width: 768px) {
	
	.inside {width: 95%; padding-right: 0}

	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11,
	.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 
	{
		float: none;
		width: 100%;
		margin: 3% 0 0 0;
	}
	*[class*="offset"] {margin-left: 0}
}
/*IE8 FIX*/
body.ie8 {font-size: 12px !important}

.ie8 .mod_article img{width: 100% !important; height: auto !important; border: 0 !important}
.ie8 #db_logo img {width: inherit !important; height: auto !important; max-width: 132px !important; border: 0 !important}
.ie8 #eu-logo {width: 122px !important}
.ie8 #eu-logo img {width: 102px !important; height: 70px !important;border: 0 !important}

.ie8 #korridore .btn.btn-default {display: none !important}
.ie8 .overlayBox {display: none !important}


/************************************************/
/** BROWSERINFO IE 7 -9 */
/************************************************/
#browserinfo {display:none}
body.ie7 #browserinfo,
body.ie8 #browserinfo,
body.ie9 #browserinfo {position: absolute;width: 100%;min-height: 50px;top: 0;padding: 20px;margin: 0;display: block;text-align: center;background-color: #f00;color: #fff;z-index: 9999999;}
#browserinfo p{margin: 0}

/************************************************/
/**GENERAL*/
/************************************************/


html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0; padding: 0; 
    font: 15px 'DBSerifRegular',Arial,Helvetica,sans-serif;
      line-height: 1.5em;
 background-color: #FBFBFB;
}


/************************************************/
/**LAYOUT BUILDER*/
/************************************************/
figure, ul {margin: 0; padding: 0; overflow: hidden;}

img {max-width: 100%; height: auto; display: block}
.imgmax img {width: 100%}

.invisible {display: none}
.lined {border-bottom: 1px solid #e9e9e9}

p:empty, div:empty {display: none}

.img-circle > figure > img {
  border-radius: 50%; margin: 0 auto}

.float_left {float: left; padding-right: 3%}  

hr {
    border: 0;
    height: 1px;
    background: #c5c5c5;
    background-image: linear-gradient(to right, #ccc, #c5c5c5, #ccc);
}
.backdrop
{
    background: rgba(255, 255, 255, 0.78) none repeat scroll 0 0;
    color: #7c7b7b;
    margin-top: 7%;
    padding: 25px;
    text-shadow: none;
}
.mejs-container
{
	margin: 0 auto;
}


.image_container.right{ float: right}
.image_container.left{ float: left; margin-right: 3%}
.image_container.above{float: none}
.image_container.below{float: none; margin-top: 3%}

.overlayBox ul, .carousel .container ul
{
    margin-left: 14px;
    overflow: visible;
	
}
/************************************************/
/**Fonts***/
/************************************************/
h1, h2, h3, h4, h5, h6, #blog-icon p, #header, #inday, #inmonth {letter-spacing: 0.05em;font-family: "DBHeadRegular", Arial, sans-serif;font-weight: bold}
h1, h2, h3, h4, h5, h6 {margin-top: 3px;line-height: normal}
h1 {font-size: 66px}
h2 {font-size: 32px}
h3 {font-size: 24px}

a {outline: none; text-decoration: none}
section a{color: #f00 !Important}
p { 
	margin: 0
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
     line-height: 1.5em;}

.textup, .greenup {text-transform: uppercase}
.textcenter, .pagination, #footer {text-align: center}
.textright {text-align: right}
.samlltext, .crumbs a, .crumbs, #Select, .lightgrey {font-size: 11px}

/************************************************/
/**Colors**/
/************************************************/
body,a {color: #7C7B7B}

#mainnav a {color: #3a3a3a;}
.layer a {color: #f00}

input[type="submit"], #subnav .active, #subnav li:hover, #subnav li:hover > a, .ui-accordion-header-active, .ui-accordion-header:hover
{
  background-color: #e7e7e7 !important;color: #f00
}


/***A-TAGS***/
/*.layer a {color: #fff; background-color: #0F9995;border-color: #117B8E !important}
.layer a:hover {background-color: #117B8E;border-color: #204d74}
*/

.animatebox a, .teaser a, .slidebox a, .btn-default{
    color: #333;
    background-color: #FBFBFB;
    border-color: #ccc;}
.animatebox a:hover, .teaser a:hover, .slidebox a:hover, .btn-default:hover {
color: #333;
    background-color: #e6e6e6;
    border-color: #adadad}    
    

/************************************************/
/**TRANSITION**/
/************************************************/

.toggler, #subnav li, #mainnav, #header, #navbar li, .carousel-control, #blog-icon p, 
#logo img, #blog-icon img, #navsidebar, #navbarBG, #menu
{
    -webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .45s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .45s cubic-bezier(.23,1,.32,1);
    -o-transition: all .45s cubic-bezier(.23,1,.32,1);
    transition: all .45s cubic-bezier(.23,1,.32,1);
}

.ui-accordion-header, #mobCat, #mobCatProg
{
    -webkit-transition: all .95s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .95s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .95s cubic-bezier(.23,1,.32,1);
    -o-transition: all .95s cubic-bezier(.23,1,.32,1);
    transition: all .95s cubic-bezier(.23,1,.32,1);
}

#db_logo {position: absolute; left: 0; /*top: 75px;*/ top: 13px; z-index: 99}
#db_logo img {width: 200px}
#eu-logo {position: absolute;
    left: 0;
    /*top: 175px;*/
    top: 113px; 
    z-index: 99;
    width: 185px;
    background-color: #039;box-shadow: 2px 2px 5px rgba(70, 70, 70, 0.61);}
#eu-logo img {width: 125px; margin: 0 auto}

.grow img {
    -webkit-transform:scale(1); 
    -moz-transform:scale(1); 
    -ms-transform:scale(1);
    -o-transform:scale(1); 
     transform:scale(1);
       -webkit-transition: all .95s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .95s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .95s cubic-bezier(.23,1,.32,1);
    -o-transition: all .95s cubic-bezier(.23,1,.32,1);
    transition: all .95s cubic-bezier(.23,1,.32,1);

}
 
.grow img:hover {
    -webkit-transform:scale(1.25); 
    -moz-transform:scale(1.25); 
    -ms-transform:scale(1.25); 
    -o-transform:scale(1.25);
     transform:scale(1.25);
}


/************************************************/
/**STICKY HEADER - ROTES BLOG ICON***/
/************************************************/
#header {
z-index:99999;
    position: fixed;
    width: 100%;
	top: 0; left: 0; right: 0}

#header .inside {padding: 10px 0;position: relative; overflow: inherit}

#logo {float: left;margin-right: 10px;}
#blog-icon {position: absolute; top: 0; right: 0;background: #fff;padding: 15px;box-shadow: 2px 2px 5px rgba(49, 49, 49, 0.53);text-align: center}
#blog-icon p {color: #f00; font-size: 18px; margin: 4px 0 0 0}
#logo img, #blog-icon img  {width: 50px}


/*MENU*/
#navsidebar {width: 25%; position: fixed; top: 0; right: -25%;height: 100vw; height: 100%;background-color: #FBFBFB;box-shadow: 2px 2px 15px rgba(0,0,0,0.5) }
#navsidebar .inner {padding: 3%}
#navsidebar h5 {margin-bottom: 0}
#navsidebar li {width: 100%; border-bottom: 1px solid #ddd}
#navsidebar li a {display: block;padding: 4%}
#navsidebar.open {right: 0%}

#navbarBG {
	width: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    right: 0}
#navbarBG.open {width: 100%} 


#menu {position: absolute;top: 20px;right: 100px;width: 45px;}
#menu {background: url("/files/img/sysimg/menu-icon.png")50% 50% no-repeat; background-size: cover; height: 40px}


#navbar.open {display: block}
#navbar ul {margin-top: 10px}
#navbar li {display: inline-block; font-size: 16px; padding: 0 10px}
#navbar li a, #navbar li span {color: #fff;text-shadow: 1px 1px 2px #000;}
#navbar li a:hover, #navbar li span  {
    text-decoration: none;
    border-bottom: 3px solid #0F9995;
    padding-bottom: 2px;
color: #fff
}
.sticky {background: rgba(255,255,255,0.6); padding: 0; height: 52px}
.sticky #logo img, .sticky #blog-icon img  {width: 26px}
.sticky #navbar li, .sticky #blog-icon p {font-size: 12px}
.sticky #menu {top: 6px;transform: scale(0.6);right: 80px;}

/*---------------------------------------------*/
/* MOBILE KATEGORIEN */
/*---------------------------------------------*/
#mobCat {display: none;position: fixed;bottom: 0px;left: -150%;width: 100%;padding: 10px;color: #fff; background-color: rgba(0, 0, 0, 0.64);font-size: 12px; border-top: 1px solid #525252;z-index: 999999}
#mobCatProg {display: none; position: fixed; bottom: 0; left: -150%; width: 100%; height: 4px; background-color: rgba(255, 255, 255, 0.4);z-index: 9999999}
#mobCatProgInner {background-color: #f00; box-shadow: inset 2px 2px 5px rgba(0,0,0,0.3); width: 0%}
@media (max-width: 768px){
	#mobCat, #mobCatProg  {display: block}
	#mobCat.active, #mobCatProg.active {left: 0}
}


/************************************************/
/**BREADCRUMP INSIDE**/
/************************************************/
#breadcrump {
    font-size: 11px;
}
#breadcrump ul {
    padding: 20px 10px 0 0;
}
#breadcrump .inside
{width: 90% !important;max-width: 1180px !important;margin: 0 auto !important;overflow: hidden;}
#breadcrump li {
    display: inline-block;
    margin: 10px;
}
#breadcrump a {
    color: #f00;
}

/************************************************/
/**SCROLL + TO TOP ICON***/
/************************************************/

#scroll, #toTop
{
    -webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .45s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .45s cubic-bezier(.23,1,.32,1);
    -o-transition: all .45s cubic-bezier(.23,1,.32,1);
    transition: all .45s cubic-bezier(.23,1,.32,1);
}
.transparent {opacity: 0}

/*Scroll Icon*/
#scroll, #toTop {position: fixed; right: 3%; bottom: 3%; background-color: #e30613; width: 50px; height: 50px; border-radius: 50%;z-index: 999999999999999999; padding: 10px;}


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}




/************************************************/
/**YOUTUBE VIDEOS***/
/************************************************/

.videobox {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.videobox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: medium none;
}

/************************************************/
/**TEN MAP IFRAME***/
/************************************************/
#ten_map_frame {text-align: center}
#ten_map_frame iframe {max-width: 1000px; height: 800px}

@media (max-width: 980px){
#ten_map_frame {height: 500px}
#ten_map_frame iframe {width: 100%;height: 500px}
} 

/************************************************/
/**ANIMATED PICS***/
/************************************************/
.frame {position: relative; overflow: hidden; height: 750px;background: rgba(0, 0, 0, 0.2);}
 
 #flyup,  #flyup2
{

	display: block;
	position: relative;
	height: 1000px}

.biglayer {position: absolute;top: 0;width: 100%;bottom: 0;left: 0}
.biglayer-caption { text-align: center; color: #fff;position: absolute;     bottom: 20px;
    right: 20%;
    left: 20%;
    padding-bottom: 8%;
}

/************************************************/
/***HEAD SLIDER***/
#headslide .carousel-caption.layer {text-align: center; top: initial; bottom: 3%}
#headslide .carousel-caption.layer p {font-size: 20px}
#headslide .carousel-caption.layer h1 {font-size: 50px; margin: 0 0 2%;}
#headslide .carousel-caption.layer a {display: block;
    margin: auto;
	border: 3px solid #fff; 
    padding: 5px 10px;
    max-width: 150px;
    text-shadow: none;
    font-weight: bold;
    color: #fff !important;}
#headslide .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right
{top: 47% !important}


/*Vollformatige Bilder ohne flyup + Vollformatige Elemente im BS Carousel */
.bigpic{height: 750px; position: relative;z-index: -1}
.layer {position: absolute;top: 3%;width: 100%;left: 0}
.layer-caption { text-align: center; color: #fff;position: absolute;bottom: 20px;
    right: 20%;
    left: 20%;
    padding-bottom: 8%}

/************************************************/
/***RUNDE ANIMIERTE TEASER PICS***/
.teasicons figure {margin-bottom: 6%}
.animatepic
{
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-transform: rotateX(120deg);
transform: rotateX(120deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 0.4s ease-in-out;
transition: 		all 0.4s ease-in-out;
opacity: 0;
margin-top: 2%
}
.picup
{
opacity: 1;margin-top: 0; 
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}

.animatebox, .appearbox
{
margin-top: 15%; opacity: 0; 
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.animate 
{
margin-top: 0; opacity: 1;
}


/****A-TAGS****/
.animatebox a, .teaser a, /*.layer a,*/ .slidebox a, .btn-default {
	display: inline-block;
    padding: 8px 16px;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}


/************************************************/
/**FOOTER**/
/************************************************/

#footer{
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px}

#footer img {display: inline-block}    


/************************************************/
/**AKKORDEON*/
/************************************************/
.akkord {margin-bottom: 15px;border: 1px solid #E9E9E9;}
.ui-accordion-header, .ui-accordion-content {padding: 15px; outline: none !important}
.ui-accordion-header{cursor: pointer}
span.ui-accordion-header-icon 
{float: right; font-size: 20px}
span.ui-accordion-header-icon:after
{content:"+"}
.ui-accordion-header-active span.ui-accordion-header-icon:after
{content:"–"}


/************************************************/
/**ANIMATION BEI LOAD*/
/************************************************/  
.animated {
-webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}



/************************************************/
/**AKKORDEON SLIDE ELEMENT "READ MORE"*/
/************************************************/
.ce_accordionSingle {position: relative}
.ui-accordion-header {background-color: rgba(0, 0, 0, 0)!important; text-align: center}
.ui-accordion-header:hover {background-color: rgba(0, 0, 0, 0)!important}


.ui-accordion-header span.ui-accordion-header-icon
{
float: none; display: block; margin: 0 auto; 
background: url("/files/img/sysimg/cross.png") 50% 50% no-repeat; background-size: cover; width: 50px; height: 50px
}
.ui-accordion-header span.ui-accordion-header-icon:after {content: ""; color: rgba(0, 0, 0, 0)!important;}

.ui-accordion-header-active
{
-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
        transform-origin: 50% 50%;
}
.ui-accordion-content {
    overflow: hidden;
    display: block;
    color: #7c7b7b;
    padding: 50px 0;
}


/************************************************/
/**WHITE MORE BUTTON*/

.bsc_whbtn.ce_accordionSingle.bsc_nmt {padding-bottom: 5px !important}
.bsc_whbtn .ui-accordion-header
{
background-color: #FBFBFB!important;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 2px 2px 5px rgba(51, 51, 51, 0.33);
}
.bsc_whbtn .ui-accordion-content {margin-top: 22px}


/************************************************/
/**NEWSLIST*/
/************************************************/
.layout_latest {overflow: hidden; padding-right: 3%; padding-top: 6%; padding-bottom: 6%}
.layout_latest .first {padding-top: 0 !important}
.layout_latest .info {width: 17%; float: left; 
    padding: 15px 0;
    display: block;
    margin-right: 3%;
    margin-top: 0;
    text-align: center
}
.layout_latest .info p {margin: 0}
.layout_latest figure, .layout_latest h3, .layout_latest .teaser, .layout_latest .more
{width: 80%; float: right}

.layout_latest .teaser .col6 {width: 100% !important}
#inday, #inmonth {font-size: 40px;line-height: 1.2em}
  
/************************************************/
/** KORRIDORE TEASER (POPUP ELEMENTS) */
/************************************************/

#korridore .col2 .teasertext  {min-height: 260px}

/************************************************/
/** BLOG EINZELSEITEN */
/************************************************/
#blog > .frame {height: 550px}
#blog .bigpic {height: 700px}
#blogreader > .frame {height: 350px !important}

/***************************************************/
/******BREAKS*******/
/***************************************************/
@media (max-width: 1050px) {
.bigpic {background-attachment: initial !important}
}

@media (max-width: 880px) {
h2 {font-size: 28px}
}

@media (max-width: 768px)
{
	h1 {font-size: 35px}
	.bigpic h1 {font-size: 25px}
	h2 {font-size: 25px}
	
	/*BLOG*/
	.biglayer h1 {font-size: 28px}
	.biglayer h2 {font-size: 20px}
	#inday, #inmonth {font-size: 28px}

	
	/*------ HEADER -------*/
	/*#logo {display: none}*/
	#db_logo {top: 0; }
	#eu-logo {top: 50px; width: 92px}
	#db_logo img {width: 100px}
	#eu-logo img {width: 60px}
	#header #navbar, #header #logo {opacity: 0}
	#header.sticky #navbar, #header.sticky #logo {opacity: 1}
	
	#blog-icon {padding: 10px}
	#blog-icon img, .sticky #blog-icon img {width: 30px}
	#blog-icon p, .sticky #blog-icon p {font-size: 11px}
	
	#menu {transform: scale(0.6);top: 6px;right: 60px;}
	#navsidebar a {font-size: 12px}
	.sticky #menu {right: 60px}
	#navsidebar {width: 80%; right: -80%}
	
	
	/*------ CAROUSEL -------*/
	.carousel{padding-bottom: 50px}
	.carousel-indicators {bottom: 0}
	.bsc_spic {height: 350px !important}
	
	/*BILD HOME -> Carousel -> Herausforderung Infrastruktur -> Rheintalbahn*/
	.height950 {height: 950px !important}
	.height950 > .bsc_spic {height: 950px !important; background-size: cover !important}
	
	#headslide .carousel-caption.layer h1 {font-size: 20px; width: 80%; margin: 0 auto}
	#headslide .carousel-caption.layer p {font-size: 15px}
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {top: 250px !important; height: 36px;background-size: contain;}
	.carousel-inner .inside {width: 75%}
	.carousel-inner .inside .col7 > div {max-height: 300px}
	
	.bsc_whbtn .ui-accordion-header {width: 50px; height: 50px}
	.ui-accordion-header span.ui-accordion-header-icon {width: 20px; height: 20px}
	.carousel.slide .oversizepic .bsc_spic {height: 700px !important}

	/*MEDIATHEK*/
	#msf_mod button {width: 20%}


	/*------ CONTENT -------*/
	.col4.animate {margin: 6% 0 6% 0}
	.bigpic, .frame {height: 350px !important;}
	 .frame {background-color: rgba(0,0,0,0)}
	#korridore .col2 {text-align: center}
	#korridore .col2 img {margin: 0 auto; width: 100%}
	.grow img {transition: none}
	#korridore .col2 .teasertext  {min-height: 0; margin-bottom: 3%}
	
	
	/*SCROLL ICON*/
	#scroll, #toTop {width: 30px; height: 30px; padding: 5px;}
	#scroll img, #toTop img {max-width: 20px}

}



@font-face
{
    font-family: "DBHeadRegular";
    font-style: normal;
    font-weight: normal;
    src: 	url("../../files/css/fonts/dbhea03-web.woff"),
    		url("../../files/css/fonts/dbhea03-web.ttf"),
    		url("../../files/css/fonts/dbhea03-web.svg");
}

@font-face
{
    font-family: "DBHeadRegular";
    font-style: normal;
    font-weight: bold;
    src: 	url("../../files/css/fonts/dbhea07-web.woff"),
    		url("../../files/css/fonts/dbhea07-web.ttf"),
    		url("../../files/css/fonts/dbhea07-web.svg");
}


@font-face
{
    font-family: "DBSerifRegular";
    font-style: normal;
    font-weight: normal;
    src: 	url("../../files/css/fonts/dbsan03-web.woff"),
    		url("../../files/css/fonts/dbsan03-web.ttf"),
    		url("../../files/css/fonts/dbsan03-web.svg");
}

@font-face
{
    font-family: "DBSerifRegular";
    font-style: normal;
    font-weight: bold;
    src: 	url("../../files/css/fonts/dbsan06-web.woff"),
    		url("../../files/css/fonts/dbsan06-web.ttf"),
    		url("../../files/css/fonts/dbsan06-web.svg");
}

