/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} /* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} /** * Global TinyMCE style sheet * * Use this style sheet to define CSS classes for the rich text editor. The * stlye sheet will be included in the editor and the page layout automatically. * Although the stlye sheet is shared by all themes, you can override its * formattings in any of your theme style sheets. * * tl_files/tinymce.css (this is how it looks like in TinyMCE) * .warning { color:#c55; } * * theme_a.css (this is how it looks like in theme A) * .warning { font-weight:bold; } * * theme_b.css (this is how it looks like in theme B) * .warning { color:#000; } * * If you do not want to use a global TinyMCE style sheet at all, simply delete * this file (tl_files/tinymce.css). */ .warning { color:#c55; font-size:1.1em; } .confirmation { color:#090; font-size:1.1em; } .information { color:#999; font-size:0.9em; } /* 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{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:polygon(0 0,0 0,0 0,0 0);position:absolute!important;height:1px;width:1px;overflow:hidden}.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:none}.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.21.2/images/bigplay.svg") no-repeat}.no-svg .mejs-overlay-button{background-image:url("../../assets/jquery/mediaelement/2.21.2/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.21.2/images/background.png");background:rgba(0,0,0,.9);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.9)),to(rgba(0,0,0,.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-moz-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-o-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:-ms-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9));background:linear-gradient(rgba(50,50,50,.9),rgba(0,0,0,.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:url("../../assets/jquery/mediaelement/2.21.2/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.21.2/images/background.png");background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(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:url("../../assets/jquery/mediaelement/2.21.2/images/controls.svg") no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url("../../assets/jquery/mediaelement/2.21.2/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,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.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{0%{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(44,124,145,.8)),to(rgba(78,183,212,.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-moz-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-o-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:-ms-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));background:linear-gradient(rgba(44,124,145,.8),rgba(78,183,212,.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.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.21.2/images/background.png");background:rgba(50,50,50,.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,.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,.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,.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,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:-ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8));background:linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.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,.8);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.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.21.2/images/background.png");background:rgba(50,50,50,.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:hover .mejs-captions-selector{visibility:visible}.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,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));background:linear-gradient(rgba(50,50,50,.7),rgba(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:none}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,.7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(102,102,102,.7)),to(rgba(50,50,50,.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-moz-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-o-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:-ms-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6));background:linear-gradient(rgba(102,102,102,.7),rgba(50,50,50,.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:700;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:400}.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.21.2/images/background.png");background:rgba(20,20,20,.5);white-space:pre-wrap}.me-cannotplay a{color:#fff;font-weight:700}.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.21.2/images/background.png");background:rgba(50,50,50,.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.21.2/images/background.png");background:rgba(50,50,50,.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.21.2/images/background.png");background:rgba(50,50,50,.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:0 0;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.21.2/images/background.png");background:rgba(50,50,50,.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:#21f8f8}.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:#fff;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:url("../../assets/jquery/mediaelement/2.21.2/images/jumpforward.png") no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-jump-forward-button button{background:0 0;font-size:9px;line-height:normal;color:#fff}.mejs-controls .mejs-button.mejs-skip-back-button{background:url("../../assets/jquery/mediaelement/2.21.2/images/skipback.png") no-repeat;background-position:3px 3px}.mejs-controls .mejs-button.mejs-skip-back-button button{background:0 0;font-size:9px;line-height:normal;color:#fff} /************************************************ style.css ************************************************* 1.0 GLOBALS 2.0 LAYOUT 2.1 header 2.2 main 2.3 footer 3.0 NAVIGATION 3.1 hilfsnav 3.2 mainnav 3.3 subnav 4.0 CONTENT 4.1 headings 4.2 text 4.3 hyperlinks 4.4 lists 4.5 table 4.6 images 4.7. comments 5.0 FORMS 6.0 EXTRAS 6.1 teaser 7.0 PRINT 8.0 CLEARING ************************************************/ /************************************************ GLOBALS ************************************************/ @media handheld, screen { * { border: 0; margin: 0; padding: 0; } /* IE6 - Italic Bug Fix */ * html body * { overflow:visible } * html iframe, * html frame { overflow:auto } * html frameset { overflow:hidden } html, body { padding: 0; margin: 0; font-size: 101%; } body { background: #000000; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #FFFFFF; overflow: -moz-scrollbars-vertical; } div { outline: 0 none; } /* Safari */ } /* end: @media handheld, screen */ /************************************************ LAYOUT ************************************************/ @media handheld, screen { #wrapper { width: 100%; background: none; position: relative; behavior: url("/tl_files/luxeta/css/ie-css3.htc"); } #wrapper .custom { width: 960px; margin: 0 auto; } /**** header ****/ #header { height: 215px; width: 960px; margin: 0 auto; position: relative; overflow: visible; } .lang-de #header, .lang-en #header, .crosoNL #header, .crosoFR #header { height: 190px; } #header div.inside { } #header #hochzeitsfotografie { position: absolute; } #header #hochzeitsfotografie h6 { color: #000000; font-family: Candara, Arial, Helvetica, sans-serif; font-size: 34px; font-weight: normal; position: absolute; left: 310px; top: 26px; } /**** banner ****/ #banner { width: 960px; height: 417px; overflow: hidden; position: relative; } #banner .inside { width: 958px; height: 415px; border: 1px solid #a09fa0; background: #000000; } #banner .slideshow-loader { right: 45%; top: 45%; } /**** navigation ****/ #navigation { height: 65px; display; block; } /**** logo ****/ #header #logo { margin: 0; width: 256px; height: 119px; position: absolute; z-index: 10; top: 19px; } /**** container ****/ #container { width: 960px; margin: 23px auto 0 auto; } .slider #container { margin: 0 auto 0 auto; } /**** sprache ****/ #header #langnav { width: auto; position: relative; float: right; margin-top: 6px; } #header #langnav ul li { list-style: none; float: left; margin: 0 5px 0 0; } #header #langnav ul li.last { margin-right: 0; } #header #langnav ul li.lang-fr { } #header #langnav ul li a, #header #langnav ul li a:visited, #header #langnav ul li a:active, #header #langnav ul li span { padding: 3px; background: #A09FA0; color: #FFFFFF; width: 16px; height: 16px; display: block; line-height: 16px; text-decoration: none; text-align: center; font-size: 12px; } #header #langnav ul li a:hover, #header #langnav ul li.active span { background: #5A5A5A; } /*** page_images ****/ .pageImage #banner { height: auto; overflow: hidden; position: relative; width: 100%; } .pageImage #banner .inside { background: none repeat scroll 0 0 #000000; border: none; height: auto; width: auto; } .pageImage #banner .image_container { border: 0px solid #FFFFFF; } .pageImage #banner img { padding: 0; margin: 0; font-size: 0; display: block; vertical-align: bottom; } .mod_rocksolid_slider img { width: 958px; height: 415px; } /**** slider ****/ .rsts-skin-default-content .rsts-nav-bullets .rsts-nav-item a { margin: 12px 0px 12px 0px; } /**** left ****/ #left { width: 166px; margin: 0; background: #E0E4EF; } /**** right ****/ #right { width: 230px; padding: 0; background: none; float: right; margin: 0; } /**** main ****/ #main { padding: 0; background: none; margin: 0 0 20px 0; position: relative; width: auto; min-height:381px; height:auto !important; /* für moderne Browser */ height:381px; /*für den IE */ } #main div.inside { padding: 0; } #main #linkTop { text-align: right; margin: 32px 0 0 0; } /**** footer ****/ #footer { background: #000000; background-image: url("../../tl_files/croso/images/corporate/bg_footer.jpg"); background-repeat: repeat-x; } #footer .inside { width: 960px; margin: 0 auto 0 auto; padding: 12px 0 32px 0; overflow: hidden; font-size: 14px; } #footer .footerBlock { width: 340px; display: block; float: left; margin: 13px 0 0px 0; padding: 0; color: #B0B0B0; } #footer .footerBlock.first { width: 340px; } #footer .footerBlock.last { width: 280px; } #footer .mod_customnav { display: block; margin: 10px 40px 10px 0; padding: 0 0 10px 0; } #footer .mod_customnav ul { list-style: none; list-style-type: none; padding: 3px 0 0 0; float: right; } #footer p { margin: 0 0 12px 0; } #footer #footerUnternehmensgruppe { } #main .ce_download { margin: 0 0 12px 0; } /* home */ #main .teaserHome .image_container, #main .teaser .image_container, #main .mod_newslist .image_container, #main .mod_newsreader .image_container { width: 275px; height: 167px; border: 1px solid #a09fa0!important; margin: 0 0 24px 0; overflow: hidden; } #main .mod_newslist .image_container, #main .mod_newsreader .image_container { margin: 0 24px 0 0; } #main .teaser .image_container .caption { position: absolute; z-index: 10; margin: 5px 0 0 0; } #main .teaserHome h2 { text-transform: none; font-size: 24px; line-height: 24px; font-weight: normal; margin: 0 0 8px 0; } #main .teaserHochformat .image_container { width: 190px; height: 260px; border: 1px solid #a09fa0!important; margin: 0 0 24px 0; overflow: hidden; } #main .teaserMitarbeiter .image_container { width: 200px; height: 277px; border: 1px solid #a09fa0!important; margin: 0 0 8px 0; overflow: hidden; } #main .teaserMitarbeiter /* produkte */ .produkte #main .contentWrapper { margin: 0px 0 0 0; } .produkte #main .contentWrapper .ce_text { width: 202px; float: left; margin: 0 0 0 47px; } .produkte #main .contentWrapper .ce_text .image_container { width: 170px; height: 244px; overflow: hidden; border: 1px solid #FFFFFF; margin: 0 0 8px 0; } .produkte #main .contentWrapper .ce_text.first { margin: 0; } .produkte #main .contentWrapper .ce_text h2 { margin: 0 0 4px 0; } .produkte #main .contentWrapper .ce_text a { font-weight: bold; } /* news */ .mod_newslist{ margin: 0; } .block { overflow:hidden; } .layout_latest { margin: 0 0 12px 0; } .last { border: none; } .mod_newslist .image_container, .mod_newsreader .image_container { float: left; width: 300px; } .layout_latest img { } #main .layout_latest .teaser { padding:0; } #main .image_container { } #main .image_container img { padding: 0; } #main .mod_newslist h2, #main .mod_newslist .teaser { } #main .mod_newslist .teaser a, #main .mod_newslist .teaser a:visited, #main .mod_newslist .teaser a:active { color:#FFFFFF; text-decoration: underline; } #main .mod_newslist .teaser a:hover { color:#9ab717; text-decoration: underline; } #main .layout_latest span.more { padding: 0 0 0 12px; } #main .layout_latest span.more a, #main .layout_latest span.more a:visited, #main .layout_latest span.more a:active { color:#9ab717; text-decoration: none; } #main .layout_latest span.more a:hover { color: #FFFFFF; text-decoration: underline; } #news-details .image_container { float: left; } .event .image_container { float: left; } /*** NEWS - DETAILS ***/ #main .mod_newsreader p.info { display: none; } #main .mod_newsreader .image_container { float: left; width: 275px; margin: 0 12px 0 0; } /* KONTAKTFORM */ #main .formbody div { margin-bottom: 12px; } #main label { float: left; width: 90px; margin-bottom: 10px; } #main #tl_login label { width: auto; } #main form span { clear: both; } #main form span label { width: 40px; } #main input.radio { float: left; margin-right: 5px; } *+html #main .radio_container { /*IE7-Hack */ float: left; margin-bottom: 10px; } #main input[type="text"], #main input[type="tel"], #main input[type="email"] { font-size: 12px; padding: 6px; margin-bottom: 0px; width: 320px; color: #000000; display: block; height: auto; } #main .mod_login input[type="text"], #main .mod_login input[type="password"] { width: 200px; padding: 4px; margin: 0 0 4px 0; } #main .mod_login input[type="submit"] { margin: 0 0 0 8px; } #main #tl_logout .row_first { display: none; } #main #logout { text-align: right; } #main .mod_login label { margin: 0 5px 0 0; } #main .mod_login td { vertical-align: top; } #main div.routinglink input[type="submit"] { font-size: 11px; width: 80px; } #main div.routinglink { font-size: 11px; margin: 5px 0 5px 0; } #main input.error, #main textarea.error, #main .radio_container.error { margin-left: 90px; } #main .mod_personalData input.confirm.error { margin-left: 0; } #main .mod_personalData #ctrl_website, #main .mod_personalData #ctrl_password_confirm { margin-bottom: 30px; } #main select.select { margin-bottom: 10px; width: 300px; } #main textarea { padding: 6px; margin-bottom: 10px; width: 320px; height: 80px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } #main p.error { color: #FFFFFF; margin: 0!important; font-size: 12px; line-height: 21px; } .submit_container { padding: 0px 0 0 90px; } .upload #main .submit_container { padding-left: 0; } #main input.submit { color: #FFFFFF; float: left; margin: 0 0 0 220px; padding: 0; text-decoration: none; width: 110px; padding: 3px; text-align: right; border: 1px solid #CCCCCC; background: none; font-size: 12px; height: auto; text-align: center; } /* suche content */ #main .mod_search form { display: none; } #main .mod_search h3 a, #main .mod_search h3 a:visited, #main .mod_search h3 a:active, #main .mod_search h3 a:focus { font-weight: bold; } #main .mod_search h3 a:hover { color: #F3BA00; } #main .mod_search p.url { display: none; } #kontaktformular .ce_form br, #kontaktformular-de .ce_form br { clear: both; } .upload #main input.submit { margin-left: 0; } div.mod_ch_flowplayer { margin: 0 0 16px 0; } #main .ce_gallery .image_container { overflow: hidden; width: 200px; height: 115px; margin: 0 12px 12px 0; } #main .ce_news_gallery { margin: 0 0 40px 0; } /* PAGER */ #main .pagination{ width:100%; text-align:center; padding: 10px 0 0 0; margin: 40px 0 0 0; border-top: 1px solid #A09FA0; } #main .pagination p { font-weight: bold; } #main .pagination ul { margin: 0 0 12px 0; } #main .pagination ul li { display:inline; margin:0 5px 0 0; padding: 0; font-size:12px; list-style-type:none; background: none; } #main .pagination ul li a, #main .pagination ul li a:visited, #main .pagination ul li a:active, #main .pagination ul li span { text-decoration: none; padding: 3px 6px; border: 1px solid #777777; } #main .pagination ul li a:hover, #main .pagination ul li span { background: #777777!important; color: #FFFFFF!important; } #main .txv_player { margin: 4px 0 30px 0; border: 1px solid #A09FA0; width: 400px; } } /* end: @media handheld, screen */ /************************************************ NAVIGATION ************************************************/ @media handheld, screen { /**** footerNav ****/ #footerNav ul li { } #footerNav ul li a, #footerNav ul li a:visited, #footerNav ul li a:active, #footerNav ul li span { width: 260px; font-weight: normal; border-bottom: 1px solid #b0b0b0; display: block; line-height: 18px; color: #b0b0b0; text-decoration: none; font-size: 14px; padding: 4px 0 4px 0; } #footerNav ul li a:hover { color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #FFFFFF; } /**** hilfsnav ****/ #header #hilfsnav { position: relative; float: right; margin-top: 6px; margin-right: 12px; } #header #hilfsnav ul { list-style: none; width: auto; padding: 0; margin: 0; display: inline; } #header #hilfsnav ul li { padding: 0; text-align: left; float: left; } #header #hilfsnav ul li a, #header #hilfsnav ul li a:active, #header #hilfsnav ul li a:visited, #header #hilfsnav ul li span { color: #FFFFFF; text-transform: none; text-decoration: none; font-size: 14px; border-right: 1px solid #FFFFFF; padding: 0 5px 0 5px; } #header #hilfsnav ul li a:hover, #header #hilfsnav ul li a.active, #header #hilfsnav ul li a.trail, #header #hilfsnav ul li span { text-decoration: none; color: #b22222; } #header #hilfsnav ul li.first a, #header #hilfsnav ul li.first a:active, #header #hilfsnav ul li.first a:visited, #header #hilfsnav ul li.first span { padding: 0 5px 0 0; } #header #hilfsnav ul li.last a, #header #hilfsnav ul li.last a:active, #header #hilfsnav ul li.last a:visited, #header #hilfsnav ul li.last span { padding: 0 0 0 5px; border-right: none; } /**** subnav ****/ #header #subnav { position: absolute; top: 178px; /*left: 290px;*/ left: 0px; } #header #subnav ul { list-style: none; width: auto; padding: 0; margin: 0 0 0 0; } .hideSubnav #header #subnav ul { display: none; } #header #subnav ul li { margin: 0; padding: 0; float: left; } #header #subnav ul li a, #header #subnav ul li a:active, #header #subnav ul li a:visited, #header #subnav ul li span { display: block; text-decoration: none; font-size: 14px; color: #FFFFFF; font-weight: normal; padding: 0 4px 0 4px; } #header #subnav ul li .first { padding-left: 0; } #header #subnav ul li a:hover, #header #subnav ul li.active a, #header #subnav ul li.trail a, #header #subnav ul li span { color: #f3ba00; } /**** subnav (on demand) ****/ #main #subnavContent { position: relative; margin: 0 0 18px 0; background: none; padding: 8px 0 0 0; /*border: 1px solid #A09FA0;*/ } #main #subnavContent ul { list-style: none; width: auto; padding: 0; margin: 0 0 0 0; } #main #subnavContent ul li { margin: 0; padding: 0; float: left; } #main #subnavContent ul li a, #main #subnavContent ul li a:active, #main #subnavContent ul li a:visited, #main #subnavContent ul li span { display: block; text-decoration: none; font-size: 14px; color: #FFFFFF; font-weight: normal; /*padding: 0 6px 0 6px;*/ padding: 0 6px 0 6px; border-right: 1px solid #CCCCCC; } #main #subnavContent ul li a:hover, #main #subnavContent ul li.active a, #main #subnavContent ul li.trail a, #main #subnavContent ul li span { color: #b22222; } #main #subnavContent ul li a.last, #main #subnavContent ul li span.last { border-right: none; } #main #subnavContent ul li a.first, #main #subnavContent ul li span.first { padding: 0 6px 0 0px; } /**** mainnav ****/ #header #mainnav { position: absolute; width: 960px; height: auto; overflow: visible!important; top: 155px; left: 0; /*left: 290px;*/ } #header #mainnav ul { list-style: none; width: auto; padding: 0; margin: 0 0 0 0; overflow: visible; } #header #mainnav ul li { margin: 0; padding: 0; float: left; text-transform: none; overflow: visible; height: 36px; } #header #mainnav ul li a, #header #mainnav ul li a:active, #header #mainnav ul li a:visited, #header #mainnav ul li span { display: block; text-decoration: none; font-size: 15px; color: #FFFFFF; font-weight: bold; padding: 0 8px 0 8px; border-right: 1px solid #FFFFFF; } #header #mainnav ul li.first a, #header #mainnav ul li.first a:active, #header #mainnav ul li.first a:visited, #header #mainnav ul li.first span { padding: 0 8px 0 0; } #header #mainnav ul li.last a, #header #mainnav ul li.last a:active, #header #mainnav ul li.last a:visited, #header #mainnav ul li.last span { padding: 0 0 0 8px; } #header #mainnav ul li a:hover, #header #mainnav ul li a.trail, #header #mainnav ul li span { /*color: #f3ba00;*/ color: #b22222; } #header #mainnav ul li a.first, #header #mainnav ul li a.first:active; #header #mainnav ul li a.first:visited, #header #mainnav ul li span.first, #header #mainnavul li a.first:hover { } #header #mainnav ul li.last a, #header #mainnav ul li.last span { border-right: none; } /* submenu */ #header #mainnav ul li ul { display: none; } #header #mainnav ul li.active ul, #header #mainnav ul li.trail ul { display: block; } #header #mainnav ul li ul { position: absolute; z-index: 10; height: 20px; left: 4px; top: 52px; } #header #mainnav ul li ul li a, #header #mainnav ul li ul li a:active, #header #mainnav ul li ul li a:visited, #header #mainnav ul li ul li span { display: block; color: #FFFFFF; text-decoration: none; font-weight: bold; border-right: 1px solid #FFFFFF; border-left: none; padding: 0 6px 0 6px!important; } #header #mainnav ul li ul a:hover, #header #mainnav ul li ul a.trail, #header #mainnav ul li ul span { background: none; text-decoration: underline!important; } #header #mainnav ul li ul a.last, #header #mainnav ul li ul a.last:active, #header #mainnav ul li ul span.last { border-right: none!important; } /**** MEGAMENU ****/ #header #mainnav ul.megamenu { position: absolute; width: 960px!important; min-height: 300px!important; height: auto!important; z-index: 100!important; margin: 0 0 0 0; padding: 0px; left: -9999px; top: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ie9 #header #mainnav ul li { background-color: transparent; } .ie9 #header #mainnav ul.megamenu, .ie8 #header #mainnav ul.megamenu { top: -3px; } #header #mainnav li:hover ul.megamenu { left: 0; } #header #mainnav li:hover ul.megamenu * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #header #mainnav ul.megamenu img { height: auto; max-width: 100%; display: block; vertical-align: bottom; } #header #mainnav ul.megamenu section { margin-top: 23px; padding: 22px 10px 10px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden; } #header #mainnav ul.megamenu li { float: none; background: #8F8F8F; display: block; width: 960px; height: auto; min-height: 135px; } .megamenu .ym-gr { float: left; margin: 0 0 0 0; } .megamenu .ce_text { width: 88%; } #header #mainnav .megamenu p { margin: 0!important; } #header #mainnav .megamenu p a { padding-left: 6px!important; padding-right: 6px!important; } .megamenu .ym-grid .col_1:hover p a, .megamenu .ym-grid .ce_colsetPart:hover p a, #header #mainnav .megamenu p a:hover { text-decoration: none!important; background: #b22222!important; color: #FFFFFF!important; } #header #mainnav .megamenu a, #header #mainnav .megamenu a:visited, #header #mainnav .megamenu a:active { background: #3a3a3a; color: #FFFFFF; font-size: 12px; text-decoration: none!important; border: 0; padding: 0 0 0 0!important; } .megamenu .ym-grid .ym-g166 { width: 16.66666666666667%; } .megamenu .ym-grid .ce_colsetPart.last { margin-right: 0; } .megamenu .ym-grid .ym-gbox-right { padding: 0 15px 0 10px; } #header #mainnav ul li ul ul { position: relative; height: auto; left: auto; top: auto; } #header #mainnav ul li ul.megamenu ul li { background-color: none!important; background: none!important; min-height: 0!important; width: auto!important; padding: 0 6px 0 6px; } #header #mainnav ul li ul.megamenu .nav li a, #header #mainnav ul li ul.megamenu .nav li a:visited, #header #mainnav ul li ul.megamenu .nav li a:active { background: none!important; color: #000000!important; } #header #mainnav ul li ul.megamenu .ce_text ul { display:block!important; } #header #mainnav ul li ul.megamenu .ce_text ol { margin: 0; padding: 0; } #header #mainnav ul li ul.megamenu .ce_text ol li { width: auto; min-height: 0; } /* .megamenu .ym-grid .col_1, .megamenu .ym-grid .ce_colsetPart { width: auto; margin-right: 25px; } .megamenu .ym-grid .ce_colsetPart.last { margin-right: 0; } */ } /* end: screen, handheld */ /************************************************ CONTENT ************************************************/ @media handheld, screen { /**** headings ****/ h1, h2, h3, h4, h5, h6 { } h1 { font-size: 25px; font-weight: normal; margin: 0 0 20px 0; line-height: 28px; color: #FFFFFF; } h2, h3 { font-size: 16px; font-weight: bold; margin: 0 0 20px 0; } h4 { text-transform: uppercase; margin: 0 0 10px 0; } .angebotDetails h2 { margin: 0 0 14px 0; } .unternehmen h2 { font-size: 12px; } .adresse h2 { margin: 0 0 18px 0!important; } h2.h2likeh1 { font-family: Arial, Helvetica, sans-serif; font-size: 25px; font-weight: normal; margin: 0 0 20px 0; color: #FFFFFF; } #footer h3 { font-size: 20px; color: #b0b0b0; font-weight: normal; margin: 0 0 16px 0; } #news-details h1 { margin: 0; } #footer h4 { color: #dedede; } #footer div.footerBlock h5 { color: #5b5a4a; font-size: 11px; margin: 0 0 0 0; } div.ilovesauerland h3 { border-bottom: 0px solid #a2c116; margin: 0; line-height: 18px; vertical-align: top; } .boxGrey { padding: 10px; background: #EEEEEE; border: 1px solid #CCCCCC; margin: 0 0 20px 0; } #main .boxGrey ul { margin: 0; } #main .boxGrey h2 { margin: 0 0 10px 0; } /**** text ****/ #main p { line-height: 28px; margin: 0 0 18px 0; } #main .teaser p { margin: 0; } #main .mod_newslist p.more { margin: 0 0 18px 155px; } #main ul { list-style: square; margin: 0 0 18px 0; } #main .mod_newsreader ul li { margin: 0 0 0 30px; } #main ul li { margin: 0 0 0 16px; line-height: 20px; padding: 0; } #main p.back { text-align: right; } #main p.info { margin: 0; font-size: 11px; font-style: italic; margin: 0; width: 300px; float: right; } #news-details p.info { margin: 0 0 18px 0; } #main .ce_downloads p { margin: 0 0 8px 0; } #footer { } #footer #adresse { height: 106px; } #footer #adresse .inside { padding: 8px; text-align: center; } #footer #adresse .inside p { margin: 30px 0 0 0; font-size: 12px; font-weight: bold; } /**** hyperlinks ****/ a, a:visited, a:active { margin: 0; padding: 0; color: #FFFFFF; text-decoration: underline; font-weight: normal; } a:hover { color: #FFFFFF; text-decoration: none; } #footer a, #footer a:visited, #footer a:active, #footer span { margin: 0; padding: 0; color: #b0b0b0; font-weight: normal; text-decoration: underline; } #footer a:hover { text-decoration: none; color: #FFFFFF; } h2 a, h2 a:visited, h2 a:active, h2 a:focus { text-decoration: underline; font-weight: bold; } a.impressionen, a.impressionen:active, a.impressionen:visited { background: #E7791A; color: #FFFFFF; font-weight: bold; padding: 8px; text-decoration: none; } a.impressionen:hover { background: #000000; } /**** table ****/ /**** images ****/ #main .border .image_container { width: 246px; height: 159px; overflow: hidden; border: 1px solid #FFFFFF; margin: 0 0 8px 0; } /*** comments ***/ #main div.ce_comments p.info { color: #B1C669; /* #5b5a4a; */ font-style: italic; } #main div.ce_comments h2 { margin-bottom: 12px; } #main div.ce_comments span.date { color: #CCCCCC; font-style: normal; } #main div.form input.text, #main div.form input.mandatory { font-size: 11px; padding: 4px; margin-bottom: 10px; width: 300px; background-image:url("../../tl_files/croso/images/corporate/bg_input_kontaktformular.png"); background-repeat: no-repeat; float: left; } #main div.form textarea { background-image:url("../../tl_files/croso/images/corporate/bg_textarea_kontaktformular.png"); background-repeat: no-repeat; border: 0; padding: 4px; margin-bottom: 10px; width: 300px; height: 130px; float: left; } #main div.form div.widget { text-align: left; vertical-align: top; display: block; overflow: hidden; } #main div.form div.widget label { width: 220px; margin-bottom: 10px; margin-left: 12px; } /* Google Maps */ .gm-style-iw p { color: #000000!important; margin: 0!important; font-size: 12px!important; line-height: 16px!important; } .mod_dlh_googlemaps a, .mod_dlh_googlemaps a:visited, .mod_dlh_googlemaps a:active { color: #000000; text-decoration: none; } .mod_dlh_googlemaps a:hover { text-decoration: underline; } .mod_dlh_googlemaps { margin-bottom: 12px; } .mod_dlh_googlemaps input[type="text"] { width: 160px; padding: 2px; height: 16px; border: 1px solid #CCCCCC; } .mod_dlh_googlemaps .routinglink { margin: 8px 0 0 0; } .mod_dlh_googlemaps .routinglink a { font-weight: bold; } .mod_dlh_googlemaps form { margin: 2px 0 0 0; } .mod_dlh_googlemaps input[type="submit"] { width: 50px; padding: 2px; height: 22px; background: #CCCCCC; margin: 0 0 0 5px; } .gm-style .gm-style-iw { color: #000000; } .gm-style .gm-style-iw a { color: #000000; } .gm-style .gm-style-iw input[type="text"] { height: 20px; width: 100px; } .gm-style .gm-style-iw input[type="text"] { height: 20px; width: 50px; } .gm-style .gm-style-iw p { width: 200px; padding: 0 0 12px 0; } .routinglink { display: none; } .ce_downloads ul li { list-style: none; margin: 0!important; } } /* end: @media handheld, screen */ /************************************************ EXTRAS ************************************************/ @media handheld, screen { #main .pic_glaenzendeAussichten { width: 271px; margin: 0px 0 10px 145px; } #main .pic_glaenzendeAussichten .image_container { } hr { margin:0 0 1.6em 0; padding:0 0 1.6em 0; border:0; /*border-bottom:1px solid #86b3d7;*/ border-bottom:2px solid #E0E4EF; width:100%; line-height:0; background:transparent; height:0; } } /* end: @media handheld, screen */ /************************************************ FORMS ************************************************/ @media handheld, screen { input { border: none; width: 181px; height: 12px; font-size: 11px; } input#ctrl_2_submit { width: 64px; height: 19px; margin: 0 0 0 90px; background: #e0e4ef; } /* SUCHE HEADER */ #header #sucheForm { width: auto; position: absolute; right: 94px; top: 15px; } body.crosoFR #header #sucheForm, body.crosoIT #header #sucheForm, body.crosoNL #header #sucheForm { width: auto; position: absolute; right: 0px; top: 15px; } #header #sucheForm input[type="text"] { width: 120px; background: none; border: 1px solid #A09FA0; color: #FFFFFF; margin: 0px!important; padding: 0px!important; height: 18px; } #header #sucheForm input[type="submit"] { background: #A09FA0; border: none; color: #FFFFFF; width: 20px; height: 20px; margin: 0px!important; padding: 0px!important; } } /* end: @media handheld, screen */ /************************************************ DATEIDOWNLOAD ************************************************/ @media handheld, screen { .ym-g30.ym-gl { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 20px; } .ym-g70.ym-gr { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; } .ddCategory { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; float: left; width: 31.3333333333%; margin-right: 2%; height: 140px; border: 1px solid #343434; margin-bottom: 2%; } .ddCategory:nth-child(3n+3) { margin-right: 0; } .ddCategory a, .ddCategory a:visited, .ddCategory a:active { text-decoration: none; display: block; width: 100%; height: 100%; } .ddCategory:hover { background: #b22222; color: #FFFFFF; } .ddNavigation ul, .ddNavigation li { list-style: none; padding: 0; position: relative; } .ddNavigation ul.level_2 { margin-bottom: 2px!important; display: none; } .ddNavigation li.active ul, .ddNavigation li.trail ul { display: block; } .ddNavigation li { margin: 0 0 2px 0!important; } .ddNavigation li a, .ddNavigation li a:visited, .ddNavigation li a:active, .ddNavigation li span { background: #343434; display: block; text-decoration: none; padding: 6px 12px; font-weight: bold; width: 234px; } .ddNavigation li a:hover, .ddNavigation li span { background: #b22222; color: #FFFFFF; } /* level 2 */ .ddNavigation .level_2 li { margin: 0 0 0 0!important; } .ddNavigation .level_2 li a, .ddNavigation .level_2 li a:visited, .ddNavigation .level_2 li a:active, .ddNavigation .level_2 li span { padding-left: 28px; font-weight: normal; width: 218px; } /**** LOGIN ****/ #main .ddLogin label { float: none!important; margin-bottom: 2px; width: 100%!important; display: block; } #main .ddLogin .submit_container { margin-top: 8px; padding-left: 0!important; } #main .ddLogin input[type="submit"] { margin: 8px 0 0 0px!important; } #main .ddLogin .error { margin-bottom: 16px!important; } .toRegistration a { background: none; border: 1px solid #cccccc; color: #ffffff; font-size: 12px; height: auto; margin: 0 0 0 0px; padding: 1px; text-align: center; text-decoration: none; width: 140px; display: block; } /**** Registrierungsformular ****/ #main .ddRegister label { width: 150px; } select, input[type="url"], input[type="password"] { color: #000000; display: block; font-size: 12px; height: auto; margin-bottom: 0; padding: 6px; width: 320px; color: #000000; display: block; font-size: 12px; height: auto; margin-bottom: 0; padding: 6px; width: 320px; } .ddRegister .submit_container { padding-left: 0!important; } #main .ddSearch { margin-bottom: 12px; } #main .ddSearch input.text { width: 180px; float: left; } #main .ddSearch input.submit { width: 30px; float: left; margin-left: 0; background: #343434; border: 0; padding: 5px; } #main .ddShowFiles ul, #main .ddShowFiles li { margin: 0; padding: 0 list-style: 0; } #main .ddShowFiles li { float: none; width: 100%; margin-right: 0%; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 4px 75px 4px 14px; height: auto; border: 1px solid #343434; margin-bottom: 2%; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; cursor: pointer; } .cad-daten #main .ddShowFiles li, .ddShow50 #main .ddShowFiles li { float: left; width: 324px; margin-right: 13px; margin-bottom: 20px; } .ie8.cad-daten #main .ddShowFiles li, .ie8.ddShow50 #main .ddShowFiles li { width: 304px; } #main .ddShowFiles li:hover, #main .ddShowFiles li.active { box-shadow: inset -15px 0 0 #B22222; background: #343434; } #main .ddShowFiles li:nth-child(2n+2) { margin-right: 0; } #main .ddShowFiles .filesize { display: none; } #main .ddShowCartFiles ul, #main .ddShowCartFiles li { margin: 0; padding: 0 list-style: 0; } #main .ddShowCartFiles li { float: none; width: 660px; margin-right: 0%; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 4px 75px 4px 14px; height: auto; min-height: 30px; border: 1px solid #343434; margin-bottom: 2%; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; position: relative; display: inline-block; } #main .ddShowCartFiles li span { /*box-shadow: inset -15px 0 0 #B22222;*/ background: #343434; display: inline-block; width: 50px; position: absolute; right: 0; top: 0; height: 100%; min-height: 30px; color: #FFFFFF; text-align: center; line-height: 30px; cursor: pointer; } #main .ddShowCartFiles li span:hover { background: #b22222; } .ddNavigation .anzahl { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #FFFFFF; display: block; font-family: Arial,Verdana,sans-serif; font-size: 10px; font-weight: bold; height: 20px; right: 15px; padding: 0px 0 0 0; position: absolute; text-align: center; top: 6px; width: 20px; background-image: url("/tl_files/croso/images/corporate/bg_anzahl.png"); background-repeat: no-repeat; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .ddShowCartFiles .cartHint { overflow: hidden; margin-bottom: 12px; } .ddShowCartFiles a, .ddShowCartFiles a:active, .ddShowCartFiles a:visited { width: auto; display: inline-block; float: right; background: #b22222; color: #FFFFFF; text-decoration: none; padding: 2px 12px; } .ddShowCartFiles a:hover { } #main .ddShowSearchFiles ul, #main .ddShowSearchFiles li { margin: 0; padding: 0 list-style: 0; } #main .ddShowSearchFiles li { float: none; width: 100%; margin-right: 0%; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 4px 75px 4px 14px; height: auto; border: 1px solid #343434; margin-bottom: 2%; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; cursor: pointer; } #main .ddShowSearchFiles li:hover, #main .ddShowSearchFiles li.active { box-shadow: inset -15px 0 0 #B22222; background: #343434; } #main .mod_registration input[type="text"], #main .mod_registration input[type="tel"], #main .mod_registration input[type="email"], #main .mod_registration input[type="password"], #main .mod_registration input[type="url"], #main .mod_registration select { background: none; border: 1px solid #343434; color: #FFFFFF; } #main .mod_registration select { width: 320px; padding: 6px; } #main .mod_registration input:focus { background: #343434; color: #FFFFFF; } #main .mod_registration .captcha_text { margin-left: 150px; margin-top: 5px; display: block; } #main .mod_registration .submit { margin-left: 150px; background: #b22222; color: #FFFFFF; border: 0; width: 160px; margin-top: 12px; } #main .mod_login { margin-bottom: 12px; } #main .mod_login br { line-height: 10%; } #main .mod_lostPassword .widget { display: block; overflow: hidden; } #main .mod_lostPassword label { width: 150px; } #main .mod_lostPassword .captcha_text { margin-top: 4px; display: block; margin-left: 150px; } #main .mod_lostPassword .submit_container { padding-left: 150px; } #main .mod_lostPassword input.submit { margin-left: 0; width: 200px; } } /* end: @media handheld, screen */ /************************************************ PRINT ************************************************/ @media print { .mod_navigation, #navigationSupport, #helpernav, #right, .noprint, #footer, #logo, .pdf_link, .ce_comments .form { display:none; } body { font-size:11pt; text-align:left; color:#000; font-family: Verdana, Georgia, "Times New Roman", Times, serif; } #logo { padding:0 0 30pt 0; border:0; } /**** headings ****/ h1, h2, h3, h4, h5, h6 { font-family: Georgia, Verdana, "Times New Roman", Times, serif; } h1 { font-size:158%; line-height:1.4; border-bottom: 1pt solid #000; margin:0 0 8px 0; } h2 { font-size:125%; line-height:1.4; font-weight:bold; margin:0 0 0.5em 0; } .unternehmen h2 { font-size: 100%; } h3 { font-size:92%; line-height:1.4; font-weight:bold; margin:0 0 0.5em 0; } h4 { font-size:92%; line-height:1.4; font-weight:bold; margin:0 0 1em 0; text-transform: uppercase; } /**** text ****/ p { font-size:1em; line-height:1.4; margin:0 0 0.92em 0; } #main p.info { font-size:11px; font-style:italic; margin:0; } small { font-size:0.92em; } blockquote { font-style:italic; } /**** hyperlinks ****/ a, a:link, a:visited { text-decoration:none; color:#000; } /**** teaser ****/ #main .image_container { /*border:1pt solid #575451; height:140px; margin:0 12px 0 0; overflow:hidden; width:220px;*/ } .layout_latest { border-bottom:1pt solid #000; margin:1px 0 8px 0; padding:2px 0 10px; } } /* end: @media print */ /************************************************ CLEARING ************************************************/ @media all { sup { vertical-align: super; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac \*/ .clearfix { display:block; } /* End hide from IE Mac */ * html .clearfix { height:1%; } .floatbox { overflow:hidden; } /* BROWSER */ .ie8 #header #mainnav ul.megamenu img { height: 119px!important; width: 136px; } /* body.ie9 #hilfsnav { left: 390px; width: 400px; } body.ie9 #subnav { left: 390px; right: auto; } */ } /* end: @media all */ /**** DDL FR ****/ .ddlFR { background: #FFFFFF; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; color: #777777; } .ddlFR #header { overflow: hidden; position: relative; width: 100%; background: #040404; height: auto; padding: 24px 0; } .ddlFR #header .inside { width: 960px; margin: 0 auto; } .ddlFR h1 { color: #777777; font-size: 33px; } .ddlFR h1, h2, h3 { margin-bottom: 9px; margin-top: 18px; } .ddlFR a, .ddlFR a:visited, .ddlFR a:active { color: #777777; } .ddlFR .ddCategory { border: 1px solid #777777; } .ddlFR .ddCategory:hover { color: #FFFFFF; } .ddlFR .ddCategory:hover a { color: #FFFFFF; } .ddlFR .ddNavigation li a, .ddlFR .ddNavigation li a:visited, .ddlFR .ddNavigation li a:active, .ddlFR .ddNavigation li span { background: #EEEEEE; } .ddlFR .ddNavigation li a:hover, .ddlFR .ddNavigation li span { color: #FFFFFF; background: #b22222; } .ddlFR #main input[type="text"], .ddlFR #main input[type="tel"], .ddlFR #main input[type="email"], .ddlFR #main input[type="password"] { background: #EEEEEE; border: 1px solid #CCCCCC; color: #777777; } .ddlFR #main input.submit { background: #777777; color: #FFFFFF; border: none; } .ddlFR #main .ddShowFiles li, .ddlFR #main .ddShowSearchFiles li { border: 1px solid #777777; } .ddlFR #main .ddShowFiles li:hover, .ddlFR #main .ddShowFiles li.active { box-shadow: inset -15px 0 0 #B22222; background: #777777; color: #FFFFFF!important; } .ddlFR #main .mod_registration input[type="text"], .ddlFR #main .mod_registration input[type="tel"], .ddlFR #main .mod_registration input[type="email"], .ddlFR #main .mod_registration input[type="password"], .ddlFR #main .mod_registration input[type="url"], .ddlFR #main .mod_registration select { background: #EEEEEE; border: 1px solid #CCCCCC; color: #777777; } .ddlFR .widget { overflow: hidden; display: block; } .ddlFR #main .ddShowFiles li:hover a, .ddlFR #main .ddShowFiles li.active a { color: #FFFFFF!important; } @media screen and (max-width: 959px) { .ddlFR #container { width: 100%; } .ddlFR .mod_article.first .ym-g30 { min-width: 258px; } .ddlFR .mod_article.first .ym-g70 { width: calc(100% - 258px); } .ddlFR #header > .inside, .ddlFR #main > .inside { padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 740px) { .ddlFR .mod_article.first .ym-g30 { min-width: 100%; width: 100%; float: none; margin: 0; } .ddlFR .mod_article.first .ym-g70 { width: 100%; float: none; margin: 0; } .ddlFR .ddNavigation li a, .ddlFR .ddNavigation li a:visited, .ddlFR .ddNavigation li a:active, .ddlFR .ddNavigation li span { width: 100%; } }