/* 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} /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /** * Contao Open Source CMS * * Copyright (c) 2005-2015 Leo Feyer * * @license LGPL-3.0+ */ table.sortable thead th { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/default.gif"); background-repeat:no-repeat; background-position:center right; } table.sortable thead th.headerSortDown { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/asc.gif"); } table.sortable thead th.headerSortUp { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/desc.gif"); } /*! yaml-css v4.1.0 (2013-06-11) */ @media all{*{margin:0;padding:0}option{padding-left:.4em}select{padding:1px}* html body *{overflow:visible}body{font-size:100%;background:#fff;color:#000;text-align:left}div:target,h1:target,h2:target,h3:target,h4:target,h5:target,h6:target{outline:0 none}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}[hidden]{display:none}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}svg:not(:root){overflow:hidden}figure{margin:0}fieldset,img{border:0 solid}ul,ol,dl{margin:0 0 1em 1em}li{line-height:1.5em;margin-left:.8em}dt{font-weight:700}dd{margin:0 0 1em .8em}blockquote{margin:0 0 1em .8em}q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.ym-clearfix:before{content:"";display:table}.ym-clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.ym-contain-dt{display:table;table-layout:fixed;width:100%}.ym-contain-oh{display:block;overflow:hidden;width:100%}.ym-contain-fl{float:left;width:100%}.ym-column{display:table;table-layout:fixed;width:100%}.ym-col1{float:left;width:20%}.ym-col2{float:right;width:20%}.ym-col3{width:auto;margin:0 20%}.ym-cbox{padding:0 10px}.ym-cbox-left{padding:0 10px 0 0}.ym-cbox-right{padding:0 0 0 10px}.ym-ie-clearing{display:none}.ym-grid{display:table;table-layout:fixed;width:100%;list-style-type:none;padding-left:0;padding-right:0;margin-left:0;margin-right:0}.ym-gl{float:left;margin:0}.ym-gr{float:right;margin:0 0 0 -5px}.ym-g20{width:20%}.ym-g40{width:40%}.ym-g60{width:60%}.ym-g80{width:80%}.ym-g25{width:25%}.ym-g33{width:33.333%}.ym-g50{width:50%}.ym-g66{width:66.666%}.ym-g75{width:75%}.ym-g38{width:38.2%}.ym-g62{width:61.8%}.ym-gbox{padding:0 10px}.ym-gbox-left{padding:0 10px 0 0}.ym-gbox-right{padding:0 0 0 10px}.ym-equalize{overflow:hidden}.ym-equalize>[class*=ym-g]{display:table-cell;float:none;margin:0;vertical-align:top}.ym-equalize>[class*=ym-g]>[class*=ym-gbox]{padding-bottom:10000px;margin-bottom:-10000px}.ym-form,.ym-form fieldset{overflow:hidden}.ym-form div{position:relative}.ym-form label,.ym-form .ym-label,.ym-form .ym-message{position:relative;line-height:1.5;display:block}.ym-form .ym-fbox-check label{display:inline}.ym-form input,.ym-form textarea{cursor:text}.ym-form .ym-fbox-check input,.ym-form input[type=radio],.ym-form input[type=checkbox],.ym-form select,.ym-form label{cursor:pointer}.ym-form textarea{overflow:auto}.ym-form input.hidden,.ym-form input[type=hidden]{display:none!important}.ym-form .ym-fbox:before,.ym-form .ym-fbox-text:before,.ym-form .ym-fbox-select:before,.ym-form .ym-fbox-check:before,.ym-form .ym-fbox-button:before{content:"";display:table}.ym-form .ym-fbox:after,.ym-form .ym-fbox-text:after,.ym-form .ym-fbox-select:after,.ym-form .ym-fbox-check:after,.ym-form .ym-fbox-button:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}.ym-form .ym-fbox-check input:focus,.ym-form .ym-fbox-check input:hover,.ym-form .ym-fbox-check input:active,.ym-form input[type=radio]:focus,.ym-form input[type=radio]:hover,.ym-form input[type=radio]:active,.ym-form input[type=checkbox]:focus,.ym-form input[type=checkbox]:hover,.ym-form input[type=checkbox]:active{border:0 none}.ym-form input,.ym-form textarea,.ym-form select{display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:70%}.ym-form .ym-fbox-check input,.ym-form input[type=radio],.ym-form input[type=checkbox]{width:auto;display:inline;width:auto;margin-left:0;margin-right:.5ex}.ym-form label,.ym-form .ym-label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ym-form .ym-fbox-button input{display:inline;overflow:visible;width:auto}.ym-form .ym-inline{display:inline-block;width:auto;vertical-align:baseline}.ym-fbox-wrap{display:table;table-layout:fixed;width:70%}.ym-fbox-wrap input,.ym-fbox-wrap textarea,.ym-fbox-wrap select{width:100%}.ym-fbox-wrap input[type=radio],.ym-fbox-wrap input[type=checkbox]{display:inline;width:auto;margin-left:0;margin-right:.5ex}.ym-fbox-wrap label,.ym-fbox-wrap .ym-label{display:inline}.ym-full input,.ym-full textarea,.ym-full select{width:100%}.ym-full .ym-fbox-wrap{width:100%}.ym-columnar input,.ym-columnar textarea,.ym-columnar select{float:left;margin-right:-3px}.ym-columnar label,.ym-columnar .ym-label{display:inline;float:left;width:30%;z-index:1}.ym-columnar .ym-fbox-check input,.ym-columnar .ym-message{margin-left:30%}.ym-columnar .ym-fbox-wrap{margin-left:30%;margin-right:-3px}.ym-columnar .ym-fbox-wrap label{float:none;width:auto;z-index:1;margin-left:0}.ym-columnar .ym-fbox-wrap input{margin-left:0;position:relative}.ym-columnar .ym-fbox-check{position:relative}.ym-columnar .ym-fbox-check label,.ym-columnar .ym-fbox-check .ym-label{padding-top:0}.ym-columnar .ym-fbox-check input{top:3px}.ym-columnar .ym-fbox-button input{float:none;margin-right:1em}.ym-fbox-wrap+.ym-fbox-wrap{margin-top:.5em}.ym-columnar fieldset .ym-fbox-button,fieldset.ym-columnar .ym-fbox-button{padding-left:30%}.ym-skip,.ym-hideme,.ym-print{position:absolute;top:-32768px;left:-32768px}.ym-skip:focus,.ym-skip:active{position:static;top:0;left:0}.ym-skiplinks{position:absolute;top:0;left:-32768px;z-index:1000;width:100%;margin:0;padding:0;list-style-type:none}.ym-skiplinks .ym-skip:focus,.ym-skiplinks .ym-skip:active{left:32768px;outline:0 none;position:absolute;width:100%}}@media print{.ym-grid>.ym-gl,.ym-grid>.ym-gr{overflow:visible;display:table;table-layout:fixed}.ym-print{position:static;left:0}.ym-noprint{display:none!important}} /** * "Yet Another Multicolumn Layout" - YAML CSS Framework * * (en) Horizontal list navigation "hlist" * (de) Horizontaleß Navigationsliste "hlist" * * @copyright © 2005-2013, Dirk Jesse * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-CDL (http://www.yaml.de/license.html) * @link http://www.yaml.de * @package yaml * @version 4.1.0 */ @media all { .ym-hlist { /* (en) containing floats in IE */ /* (de) Einfassen der Floats im IE */ width: 100%; overflow: hidden; position: relative; line-height: 1em; background: #222; } .ym-hlist ul { margin: 0; padding: 0.5em 1.5em; display: inline; float: left; } .ym-hlist ul li { display: inline; float: left; font-size: 1.0em; line-height: 1; list-style-type: none; margin: 0 .25em 0 0; padding: 0; } .ym-hlist ul li a, .ym-hlist ul li strong { background: transparent; color: #aaa; display: block; font-size: 1em; line-height: 2em; padding: 0 0.5em; font-weight: normal; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); width: auto; } .ym-hlist ul li a:focus, .ym-hlist ul li a:hover, .ym-hlist ul li a:active { color: #ccc; background: #666; background: rgba(255, 255, 255, 0.25); border-radius: 0.2em; text-decoration: none; outline: 0 none; } .ym-hlist ul li.active { background: #666; background: rgba(255, 255, 255, 0.3); border-radius: 0.2em; color: #fff; } .ym-hlist ul li.active strong, .ym-hlist ul li.active a:focus, .ym-hlist ul li.active a:hover, .ym-hlist ul li.active a:active { background: transparent; color: #fff; text-decoration: none; } /* ------- search form -------- */ .ym-searchform { float: right; display: inline; line-height: 2; padding: 0.5em 1.5em; } .ym-searchform .ym-searchfield { background: #fff; line-height: 1; padding: 0.25em; width: 12em; border: solid 1px #888; border: solid 1px rgba(255, 255, 255, 0.1); outline: none; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); } .ym-searchform .ym-searchbutton { color: #fff; cursor: pointer; display: inline-block; font-size: 1em; line-height: 1.25; padding: 0.25em; border: solid 1px transparent; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); border-radius: .2em; background: #5f5f5f; background: rgba(255, 255, 255, 0.2); } } /** * "Yet Another Multicolumn Layout" - YAML CSS Framework * * (en) Vertical list navigation "vlist" * (de) Vertikale Navigationsliste "vlist" * * @copyright © 2005-2013, Dirk Jesse * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-CDL (http://www.yaml.de/license.html) * @link http://www.yaml.de * @package yaml * @version 4.1.0 */ @media all { /* title */ .ym-vtitle { font-weight: bold; font-size: 100%; width: 90%; padding: 3px 0px 3px 10%; margin: 0; color: #444; background-color: #fff; border-top: 2px #ddd solid; } .ym-vtitle + ul { border-top: 4px #888 solid; } /* 4 navigation levels defined */ .ym-vlist { margin: 0 0 1.5em 0; list-style-type: none; background: transparent; border: 0 none; } .ym-vlist ul { list-style-type: none; margin: 0; padding: 0; width: 100%; overflow: hidden; border-top: 2px #ddd solid; border-bottom: 2px #ddd solid; } .ym-vlist ul ul { border: 0 none; } .ym-vlist li { float: left; width: 100%; margin: 0; padding: 0; background-color: #fff; } .ym-vlist a, .ym-vlist strong, .ym-vlist span { display: block; padding: 3px 0px 3px 10%; text-decoration: none; border-bottom: 1px #ddd solid; } .ym-vlist a, .ym-vlist a:visited { color: #444; } .ym-vlist li span { display: block; font-weight: bold; border-bottom: 1px #ddd solid; } .ym-vlist li.active { color: #fff; background-color: #444; } .ym-vlist li.active strong { font-weight: bold; } .ym-vlist li a, .ym-vlist li strong, .ym-vlist li span { width: 90%; padding-left: 10%; } .ym-vlist li a:focus, .ym-vlist li a:hover, .ym-vlist li a:active { background-color: #888; color: #fff; outline: 0 none; } .ym-vlist li ul li a, .ym-vlist li ul li strong, .ym-vlist li ul li span { width: 80%; padding-left: 20%; } .ym-vlist li ul li a, .ym-vlist li ul li a:visited { background-color: #f8f8f8; color: #333; } .ym-vlist li ul li a:focus, .ym-vlist li ul li a:hover, .ym-vlist li ul li a:active { background-color: #888; color: #fff; } .ym-vlist li ul li ul li a, .ym-vlist li ul li ul li strong, .ym-vlist li ul li ul li span { width: 70%; padding-left: 30%; } .ym-vlist li ul li ul li a, .ym-vlist li ul li ul li a:visited { background-color: #f0f0f0; color: #222; } .ym-vlist li ul li ul li a:focus, .ym-vlist li ul li ul li a:hover, .ym-vlist li ul li ul li a:active { background-color: #888; color: #fff; } .ym-vlist li ul li ul li ul li a, .ym-vlist li ul li ul li ul li strong, .ym-vlist li ul li ul li ul li span { width: 60%; padding-left: 40%; } .ym-vlist li ul li ul li ul li a, .ym-vlist li ul li ul li ul li a:visited { background-color: #e8e8e8; color: #111; } .ym-vlist li ul li ul li ul li a:focus, .ym-vlist li ul li ul li ul li a:hover, .ym-vlist li ul li ul li ul li a:active { background-color: #888; color: #fff; } } /** * "Yet Another Multicolumn Layout" - YAML CSS Framework * YAML form theme: "gray-theme" * * @copyright © 2005-2013, Dirk Jesse * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-CDL (http://www.yaml.de/license.html) * @link http://www.yaml.de * @package yaml * @version 4.1.0 */ @media screen { .ym-form { background: white; border: 2px #fff solid; margin: 0 0 1.5em 0; -webkit-box-shadow: 0 0 4px #dddddd; box-shadow: 0 0 4px #dddddd; } .ym-form fieldset { position: static; background: transparent; margin: 0.75em 0 0.75em 0; padding: 0 0.5em; } .ym-form legend { background: transparent; color: #000; font-size: 1.2em; line-height: 1.25em; font-weight: bold; padding: 0 0.5em; } .ym-form label, .ym-form .ym-label { color: #666; line-height: 1.5; padding-top: 0.25em; } .ym-form .ym-fbox { padding: 0 1em; margin: 1em 0; } .ym-form .ym-fbox + .ym-fbox { margin: 0.5em 0; } .ym-form .ym-fbox-footer { background: #ececec; border-top: 1px #e0e0e0 solid; padding: 1.5em 1em; margin: 0; text-align: left; } .ym-form .ym-fbox :last-child, .ym-form .ym-fbox-footer :last-child { margin-bottom: 0; } .ym-form .ym-fbox-heading { font-size: 1em; font-size: 100%; color: #000; margin: 1em; } .ym-form .ym-fbox-check:focus + label { color: #000; } .ym-form .ym-gbox-left { padding: 0 4px 0 0; } .ym-form .ym-gbox-right { padding: 0 0 0 4px; } .ym-form .ym-gbox { padding: 0 2px 0 2px; } /** * @section styling form elements * */ .ym-form input, .ym-form textarea, .ym-form select { border: 1px solid #ddd; line-height: 1em; font-family: Arial, Helvetica, sans-serif; -webkit-box-shadow: inset 0 0 4px #eeeeee; box-shadow: inset 0 0 4px #eeeeee; } .ym-form input, .ym-form textarea { padding: 4px 0.3em; } .ym-form select { padding: 3px 2px 3px 1px; } .ym-form input:focus, .ym-form select:focus, .ym-form textarea:focus, .ym-form input:hover, .ym-form select:hover, .ym-form textarea:hover, .ym-form input:active, .ym-form select:active, .ym-form textarea:active { border: 1px #888 solid; background: #fff; } .ym-form optgroup { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; } .ym-form .ym-fbox-check input, .ym-form input[type="radio"], .ym-form input[type="checkbox"] { border: 0 none !important; background: transparent !important; } .ym-form .ym-message { color: #666; margin-bottom: 0.5em; } .ym-form .ym-required { color: #800; font-weight: bold; } .ym-form input:valid, .ym-form textarea:valid { background-color: #fff; } .ym-form input:invalid, .ym-form textarea:invalid { background-color: white; } .ym-form .ym-error label { color: #800; font-weight: normal; } .ym-form .ym-error input, .ym-form .ym-error select, .ym-form .ym-error textarea { border: 1px #800 solid; } .ym-form .ym-error input:hover, .ym-form .ym-error input:focus, .ym-form .ym-error select:hover, .ym-form .ym-error select:focus, .ym-form .ym-error textarea:hover, .ym-form .ym-error textarea:focus { border: 1px #800 solid !important; } .ym-form .ym-error .ym-message { color: #800; font-weight: bold; margin-top: 0; } /** * @section Buttons * inspired from: Catalin Rosu (http://www.red-team-design.com/just-another-awesome-css3-buttons) */ .ym-button, .ym-form button, .ym-form input[type="button"], .ym-form input[type="reset"], .ym-form input[type="submit"] { display: inline-block; white-space: nowrap; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); background: -webkit-linear-gradient(top, #eeeeee, #cccccc); background: -moz-linear-gradient(top, #eeeeee, #cccccc); background: -ms-linear-gradient(top, #eeeeee, #cccccc); background: linear-gradient("to bottom", #eeeeee, #cccccc); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC'); zoom: 1; border: 1px solid #777; border-radius: .2em; -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15); color: #333 !important; cursor: pointer; font: normal 1em/2em Arial, Helvetica; margin: 0 0.75em 0 0; padding: 0 1.5em; overflow: visible; /* removes extra side spacing in IE */ text-decoration: none !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); float: right; } .ym-button:hover, .ym-form button:hover, .ym-form input[type="button"]:hover, .ym-form input[type="reset"]:hover, .ym-form input[type="submit"]:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #dddddd)); background: -webkit-linear-gradient(top, #fafafa, #dddddd); background: -moz-linear-gradient(top, #fafafa, #dddddd); background: -ms-linear-gradient(top, #fafafa, #dddddd); background: linear-gradient("to bottom", #fafafa, #dddddd); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFFAFAFA', endColorstr='#FFDDDDDD'); zoom: 1; } .ym-button:active, .ym-form button:active, .ym-form input[type="button"]:active, .ym-form input[type="reset"]:active, .ym-form input[type="submit"]:active { -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #bbbbbb)); background: -webkit-linear-gradient(top, #cccccc, #bbbbbb); background: -moz-linear-gradient(top, #cccccc, #bbbbbb); background: -ms-linear-gradient(top, #cccccc, #bbbbbb); background: linear-gradient("to bottom", #cccccc, #bbbbbb); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCCCCCC', endColorstr='#FFBBBBBB'); zoom: 1; position: relative; top: 1px; } .ym-button:focus, .ym-form button:focus, .ym-form input[type="button"]:focus, .ym-form input[type="reset"]:focus, .ym-form input[type="submit"]:focus { outline: 0; background: #fafafa; } /* Button size-scaling classes */ .ym-button { /* 21px */ /* 18px */ /* 12px */ /* 10px */ } .ym-button.ym-xlarge { font-size: 1.5em; } .ym-button.ym-large { font-size: 1.2857em; } .ym-button.ym-small { font-size: 0.8571em; } .ym-button.ym-xsmall { font-size: 0.7143em; } /* Button color scheme: primary */ .ym-button.ym-primary, .ym-form button.ym-primary, .ym-form input[type="button"].ym-primary, .ym-form input[type="reset"].ym-primary, .ym-form input[type="submit"].ym-primary { -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8888ee), color-stop(100%, #6666cc)); background: -webkit-linear-gradient(top, #8888ee, #6666cc); background: -moz-linear-gradient(top, #8888ee, #6666cc); background: -ms-linear-gradient(top, #8888ee, #6666cc); background: linear-gradient("to bottom", #8888ee, #6666cc); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF8888EE', endColorstr='#FF6666CC'); zoom: 1; border: 1px solid #007; color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); } .ym-button.ym-primary:hover, .ym-form button.ym-primary:hover, .ym-form input[type="button"].ym-primary:hover, .ym-form input[type="reset"].ym-primary:hover, .ym-form input[type="submit"].ym-primary:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8888ff), color-stop(100%, #6666dd)); background: -webkit-linear-gradient(top, #8888ff, #6666dd); background: -moz-linear-gradient(top, #8888ff, #6666dd); background: -ms-linear-gradient(top, #8888ff, #6666dd); background: linear-gradient("to bottom", #8888ff, #6666dd); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF8888FF', endColorstr='#FF6666DD'); zoom: 1; } .ym-button.ym-primary:active, .ym-form button.ym-primary:active, .ym-form input[type="button"].ym-primary:active, .ym-form input[type="reset"].ym-primary:active, .ym-form input[type="submit"].ym-primary:active { -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8888cc), color-stop(100%, #6666aa)); background: -webkit-linear-gradient(top, #8888cc, #6666aa); background: -moz-linear-gradient(top, #8888cc, #6666aa); background: -ms-linear-gradient(top, #8888cc, #6666aa); background: linear-gradient("to bottom", #8888cc, #6666aa); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF8888CC', endColorstr='#FF6666AA'); zoom: 1; } .ym-button.ym-primary:focus, .ym-form button.ym-primary:focus, .ym-form input[type="button"].ym-primary:focus, .ym-form input[type="reset"].ym-primary:focus, .ym-form input[type="submit"].ym-primary:focus { outline: 0; background: #88f; } /* Button color scheme: success */ .ym-button.ym-success, .ym-form button.ym-success, .ym-form input[type="button"].ym-success, .ym-form input[type="reset"].ym-success, .ym-form input[type="submit"].ym-success { -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66bb66), color-stop(100%, #449944)); background: -webkit-linear-gradient(top, #66bb66, #449944); background: -moz-linear-gradient(top, #66bb66, #449944); background: -ms-linear-gradient(top, #66bb66, #449944); background: linear-gradient("to bottom", #66bb66, #449944); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66BB66', endColorstr='#FF449944'); zoom: 1; border: 1px solid #070; color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); } .ym-button.ym-success:hover, .ym-form button.ym-success:hover, .ym-form input[type="button"].ym-success:hover, .ym-form input[type="reset"].ym-success:hover, .ym-form input[type="submit"].ym-success:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66cc66), color-stop(100%, #55aa55)); background: -webkit-linear-gradient(top, #66cc66, #55aa55); background: -moz-linear-gradient(top, #66cc66, #55aa55); background: -ms-linear-gradient(top, #66cc66, #55aa55); background: linear-gradient("to bottom", #66cc66, #55aa55); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66CC66', endColorstr='#FF55AA55'); zoom: 1; } .ym-button.ym-success:active, .ym-form button.ym-success:active, .ym-form input[type="button"].ym-success:active, .ym-form input[type="reset"].ym-success:active, .ym-form input[type="submit"].ym-success:active { -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66aa66), color-stop(100%, #448844)); background: -webkit-linear-gradient(top, #66aa66, #448844); background: -moz-linear-gradient(top, #66aa66, #448844); background: -ms-linear-gradient(top, #66aa66, #448844); background: linear-gradient("to bottom", #66aa66, #448844); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FF66AA66', endColorstr='#FF448844'); zoom: 1; } .ym-button.ym-success:focus, .ym-form button.ym-success:focus, .ym-form input[type="button"].ym-success:focus, .ym-form input[type="reset"].ym-success:focus, .ym-form input[type="submit"].ym-success:focus { outline: 0; background: #6c6; } /* Button color scheme: warning */ .ym-button.ym-warning, .ym-form button.ym-warning, .ym-form input[type="button"].ym-warning, .ym-form input[type="reset"].ym-warning, .ym-form input[type="submit"].ym-warning { -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddaa44), color-stop(100%, #bb7722)); background: -webkit-linear-gradient(top, #ddaa44, #bb7722); background: -moz-linear-gradient(top, #ddaa44, #bb7722); background: -ms-linear-gradient(top, #ddaa44, #bb7722); background: linear-gradient("to bottom", #ddaa44, #bb7722); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFDDAA44', endColorstr='#FFBB7722'); zoom: 1; border: 1px solid #970; color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); } .ym-button.ym-warning:hover, .ym-form button.ym-warning:hover, .ym-form input[type="button"].ym-warning:hover, .ym-form input[type="reset"].ym-warning:hover, .ym-form input[type="submit"].ym-warning:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eebb55), color-stop(100%, #cc8833)); background: -webkit-linear-gradient(top, #eebb55, #cc8833); background: -moz-linear-gradient(top, #eebb55, #cc8833); background: -ms-linear-gradient(top, #eebb55, #cc8833); background: linear-gradient("to bottom", #eebb55, #cc8833); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFEEBB55', endColorstr='#FFCC8833'); zoom: 1; } .ym-button.ym-warning:active, .ym-form button.ym-warning:active, .ym-form input[type="button"].ym-warning:active, .ym-form input[type="reset"].ym-warning:active, .ym-form input[type="submit"].ym-warning:active { -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc9944), color-stop(100%, #aa6622)); background: -webkit-linear-gradient(top, #cc9944, #aa6622); background: -moz-linear-gradient(top, #cc9944, #aa6622); background: -ms-linear-gradient(top, #cc9944, #aa6622); background: linear-gradient("to bottom", #cc9944, #aa6622); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCC9944', endColorstr='#FFAA6622'); zoom: 1; } .ym-button.ym-warning:focus, .ym-form button.ym-warning:focus, .ym-form input[type="button"].ym-warning:focus, .ym-form input[type="reset"].ym-warning:focus, .ym-form input[type="submit"].ym-warning:focus { outline: 0; background: #da4; } /* Button color scheme: danger */ .ym-button.ym-danger, .ym-form button.ym-danger, .ym-form input[type="button"].ym-danger, .ym-form input[type="reset"].ym-danger, .ym-form input[type="submit"].ym-danger { -webkit-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.15); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bb6666), color-stop(100%, #994444)); background: -webkit-linear-gradient(top, #bb6666, #994444); background: -moz-linear-gradient(top, #bb6666, #994444); background: -ms-linear-gradient(top, #bb6666, #994444); background: linear-gradient("to bottom", #bb6666, #994444); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFBB6666', endColorstr='#FF994444'); zoom: 1; border: 1px solid #700; color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); } .ym-button.ym-danger:hover, .ym-form button.ym-danger:hover, .ym-form input[type="button"].ym-danger:hover, .ym-form input[type="reset"].ym-danger:hover, .ym-form input[type="submit"].ym-danger:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc6666), color-stop(100%, #aa5555)); background: -webkit-linear-gradient(top, #cc6666, #aa5555); background: -moz-linear-gradient(top, #cc6666, #aa5555); background: -ms-linear-gradient(top, #cc6666, #aa5555); background: linear-gradient("to bottom", #cc6666, #aa5555); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFCC6666', endColorstr='#FFAA5555'); zoom: 1; } .ym-button.ym-danger:active, .ym-form button.ym-danger:active, .ym-form input[type="button"].ym-danger:active, .ym-form input[type="reset"].ym-danger:active, .ym-form input[type="submit"].ym-danger:active { -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aa5555), color-stop(100%, #884444)); background: -webkit-linear-gradient(top, #aa5555, #884444); background: -moz-linear-gradient(top, #aa5555, #884444); background: -ms-linear-gradient(top, #aa5555, #884444); background: linear-gradient("to bottom", #aa5555, #884444); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#FFAA5555', endColorstr='#FF884444'); zoom: 1; } .ym-button.ym-danger:focus, .ym-form button.ym-danger:focus, .ym-form input[type="button"].ym-danger:focus, .ym-form input[type="reset"].ym-danger:focus, .ym-form input[type="submit"].ym-danger:focus { outline: 0; background: #c66; } /* pseudo elements don't work on input */ .ym-form button:before, .ym-button:before { background: #ccc; background: rgba(0, 0, 0, 0.1); float: left; width: 1em; text-align: center; font-size: 1.5em; margin: 0 1em 0 -1em; padding: 0 .2em; -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5); box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5); border-radius: .15em 0 0 .15em; pointer-events: none; } .ym-add:before { content: "\271A"; } .ym-delete:before { content: "\2718"; } .ym-close:before { content: "\2715"; } .ym-edit:before { content: "\270E"; } .ym-email:before { content: "\2709"; } .ym-like:before { content: "\2764"; } .ym-next:before { content: "\279C"; } .ym-play:before { content: "\25B6"; } .ym-save:before { content: "\2714"; } .ym-sign:before { content: "\270D"; } .ym-spark:before { content: "\2737"; } .ym-support:before { content: "\2706"; } .ym-star:before { content: "\2605"; } /* removes extra inner spacing in Firefox */ .ym-form button::-moz-focus-inner { border: 0; padding: 0; } /* If line-height can't be modified, then fix Firefox spacing with padding */ .ym-form input[type=button]::-moz-focus-inner, .ym-form input[type=reset]::-moz-focus-inner, .ym-form input[type=submit]::-moz-focus-inner { padding: .4em; } /* The disabled styles */ .ym-form button[disabled], .ym-form button[disabled]:hover, .ym-form input[type=button][disabled], .ym-form input[type=button][disabled]:hover, .ym-form input[type=reset][disabled], .ym-form input[type=reset][disabled]:hover, .ym-form input[type=submit][disabled], .ym-form input[type=submit][disabled]:hover, .ym-button.ym-disabled, .ym-button.ym-disabled:hover { background: #eee; color: #aaa !important; border-color: #aaa; cursor: default; text-shadow: none; position: static; -webkit-box-shadow: none; box-shadow: none; } /* ie6 support styles - redefined buttons, because of missing support for attribute selectors */ * html .ym-button, * html .ym-form button { display: inline-block; white-space: nowrap; background-color: #ccc; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc'); border: 1px solid #777; color: #333 !important; cursor: pointer; font: normal 1em/2em Arial, Helvetica; margin: 1.5em 0.75em 0 0; padding: 0 1.5em; overflow: visible; /* removes extra side spacing in IE */ text-decoration: none !important; } * html .ym-form button:focus, * html .ym-button:focus { outline: 0; background: #fafafa; } * html .ym-form button:hover, * html .ym-button:hover { background-color: #ddd; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd'); } * html .ym-form button:active, * html .ym-button:active { background-color: #bbb; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb'); position: relative; top: 1px; } * html .ym-button.ym-disabled, * html .ym-button.ym-disabled:hover { background: #eee; color: #aaa !important; border-color: #aaa; cursor: default; text-shadow: none; position: static; } * html .ym-button { /* Button size-scaling classes */ /* 21px */ /* 18px */ /* 12px */ /* 10px */ } * html .ym-button.ym-primary { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8888ee', EndColorStr='#6666cc'); } * html .ym-button.ym-success { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bb66', EndColorStr='#449944'); } * html .ym-button.ym-warning { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ddaa44', EndColorStr='#BB7722'); } * html .ym-button.ym-danger { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#bb6666', EndColorStr='#994444'); } * html .ym-button.ym-xlarge { font-size: 1.5em; } * html .ym-button.ym-large { font-size: 1.2857em; } * html .ym-button.ym-small { font-size: 0.8571em; } * html .ym-button.ym-xsmall { font-size: 0.7143em; } } /** * "Yet Another Multicolumn Layout" - YAML CSS Framework * * default screen stylesheet - PAGE-layout type layout * * @copyright © 2005-2013, Dirk Jesse * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-CDL (http://www.yaml.de/license.html) * @link http://www.yaml.de * @package yaml * @version 4.1.0 */ @media screen { /* force vertical scrollbar */ body { overflow-y: scroll; } /* Layout Module Configuration & fallback for unsupported media queries */ .ym-wrapper { min-width: 760px; max-width: 80em; margin: 0 auto; } .ym-wbox { padding: 10px; } /* Basic Element Styling */ header { background: #444; color: #ccc; padding: 1.5em; } header h1 { background: transparent; color: #fff; } nav { background: #222222; } main { padding: 1.5em 0 0 0; } footer { margin: 0; background: #eee; color: #444; padding: 1.5em; } footer p { margin: 0; } /* Column-Set Configuration: 1-3 (sidebar right) */ .ym-column { display: block; overflow: hidden; padding-right: 340px; width: auto; } /* content - column */ .ym-col1 { float: left; width: 100%; } /* sidebar - column */ .ym-col3 { position: relative; float: left; width: 340px; margin-left: 0; margin-right: -340px; } .ym-col1 .ym-cbox { padding: 0 0.75em 0 1.5em; } .ym-col3 .ym-cbox { padding: 0 20px 0 12px; } .ym-gbox { padding: 0 1.5em 0 0; } /* skip links styling */ .ym-skiplinks a.ym-skip:focus, .ym-skiplinks a.ym-skip:active { color: #fff; background: #333; border-bottom: 1px #000 solid; padding: 10px 0; text-align: center; text-decoration: none; } } /* reset fallback values in modern browsers */ @media screen and (min-width: 0px) { .ym-wrapper { min-width: 0px; } } @media screen and (max-width: 740px) { /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */ .linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] { /* linearization for grids and columns module */ display: block; float: none; padding: 0; margin: 0; width: auto !important; } .linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] { /* reset defined gutter values */ margin: 0; padding: 0; /* optional for containing floats */ overflow: hidden; } nav .ym-hlist ul { padding-right: 10px; } .ym-searchform { display: block; float: none; width: auto; padding-right: 10px; text-align: right; } .ym-searchform input[type="search"] { width: 14%; } } @media screen and (max-width: 480px) { .ym-wbox { padding: 0; } header { padding: 0.75em 10px; } header h1 { font-size: 1.5em; line-height: 1em; margin: 0; } footer, main, .ym-searchform, nav .ym-hlist ul { padding-left: 10px; padding-right: 10px; } /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */ .linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] { /* linearization for grids and columns module */ display: block; float: none; padding: 0; margin: 0; width: auto !important; } .linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] { /* reset defined gutter values */ margin: 0; padding: 0; /* optional for containing floats */ overflow: hidden; } .ym-searchform, nav .ym-hlist ul, nav .ym-hlist li { display: block; float: none; width: auto; text-align: left; } .ym-searchform input[type="search"] { width: 75%; } } /** * "Yet Another Multicolumn Layout" - YAML CSS Framework * * (en) Uniform design of standard content elements * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente * * @copyright © 2005-2013, Dirk Jesse * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-CDL (http://www.yaml.de/license.html) * @link http://www.yaml.de * @package yaml * @version 4.1.0 */ @media all { /* * @section global typography settings * * vertical rhythm settings (based on em-unit) * ------------------------------------------- * basefont-size: 14px (87.5%) * line-height : 21px (factor: 1.5) */ /* (en) reset font size for all elements to standard (16 Pixel) */ /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */ html * { font-size: 100%; } /** * (en) reset monospaced elements to font size 16px in all browsers * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen * * @see: http://webkit.org/blog/67/strange-medium/ */ textarea, pre, code, kbd, samp, var, tt { font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier; } /* font-size: 14px; */ body { font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-size: 87.5%; color: #444444; } /*--- Headings | Ãœberschriften ------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { font-family: "Droid Sans", Arial, Helvetica, sans-serif; font-weight: 400; color: #161e21; margin: 0; } h1 { /* font-size: 48px; */ font-size: 342.85714%; line-height: 0.875; margin: 0 0 0.4375em 0; } h2 { /* font-size: 32px; */ font-size: 228.57143%; line-height: 1.3125; margin: 0 0 0.65625em 0; } h3 { /* font-size: 24px; */ font-size: 171.42857%; line-height: 0.875; margin: 0 0 0.875em 0; } h4 { /* font-size: 21px; */ font-size: 150%; line-height: 1; margin: 0 0 1em 0; } h5 { /* font-size: 18px; */ font-size: 128.57143%; line-height: 1.16667; margin: 0 0 1.16667em 0; } h6 { /* font-size: 14px; */ font-size: 100%; font-weight: bold; line-height: 1.5; margin: 0 0 1.5em 0; } /* --- Lists | Listen -------------------------------------------------------------------------------- */ ul, ol, dl { font-size: 100%; line-height: 1.5; margin: 0 0 1.5em 0; } ul { list-style-type: disc; } ol { list-style-type: decimal; } ul ul { list-style-type: circle; margin-top: 0; } ol ol { list-style-type: lower-latin; margin-top: 0; } ol ul { list-style-type: circle; margin-top: 0; } li { font-size: 100%; line-height: 1.5; margin-left: 1.2em; } dt { font-weight: bold; } dd { margin: 0 0 1.5em 0.8em; } /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */ p { font-size: 100%; line-height: 1.5; margin: 0 0 1.5em 0; } blockquote, cite, q { font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-style: italic; } blockquote { background: transparent; color: #666666; margin: 1.5em 0 0 1.5em; } strong, b { font-weight: bold; } em, i { font-style: italic; } big { /* font-size: 16px; */ font-size: 114.28571%; line-height: 1.3125; } small { /* font-size: 12px; */ font-size: 85.71429%; line-height: 1.75; } pre, code, kbd, tt, samp, var { font-size: 100%; } pre { font-size: 100%; line-height: 1.5; margin: 0 0 1.5em 0; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } pre, code { color: #880000; } kbd, samp, var, tt { color: #666666; font-weight: bold; } var, dfn { font-style: italic; } acronym, abbr { border-bottom: 1px #aaa dotted; font-variant: small-caps; letter-spacing: .07em; cursor: help; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } mark { background: yellow; color: black; } hr { color: #fff; background: transparent; margin: 0 0 0.75em 0; padding: 0 0 0.67857em 0; border: 0; border-bottom: 1px #eeeeee solid; } /*--- Links ----------------------------------------------------------------------------------------- */ a { color: #4d87c7; background: transparent; text-decoration: none; } a:active { outline: none; } /* (en) maximum constrast for tab focus - change with great care */ /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */ a:hover, a:focus { background-color: #4d87c7; color: white; text-decoration: none; } /* --- images ------------------ */ img, figure { margin: 0; } .flexible { margin-bottom: 1.5em; max-width: 100%; height: auto; } /* IE6 workaround - 2% space for possible borders */ * html .flexible { width: 98%; } .bordered { margin-bottom: 1.5em; border: 2px #eee solid; border: 2px white solid; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); } /** * ----------------------------------------------------------------------- # * * Generic Content Classes * * (en) standard classes for positioning and highlighting * (de) Standardklassen zur Positionierung und Hervorhebung * * @section content-generic-classes */ .highlight { color: #cc3300; } .dimmed { color: #888888; } .box { border-radius: 0.3em; border-width: 1px; border-style: solid; border-color: #888; border-color: rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2); color: #444; color: rgba(0, 0, 0, 0.8); padding: 1.42857em; margin: 0 0 1.5em 0; } .box > *:last-child { margin-bottom: 0; } .label { font-family: Verdana, Geneva, sans-serif; padding: 1px 6px 2px; display: inline-block; vertical-align: middle; letter-spacing: normal; white-space: nowrap; border-radius: 3px; background: #06C; color: #fff; font-size: 10px; line-height: 12px; } .info { background: #f4f4f4; } .success { background: #88cc88; } .warning { background: #cccc88; } .error { background: #cc8888; } .float-left { float: left; display: inline; margin: 0 1em 1.5em 0; } .float-right { float: right; display: inline; margin: 0 0 1.5em 1em; } .center { display: block; text-align: center; margin: 0 auto 1.5em auto; } /** * ------------------------------------------------------------------------------------------------- # * * Tables | Tabellen * * (en) Generic classes for table-width and design definition * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen * * @section content-tables */ table { width: 100%; border-collapse: collapse; color: #444444; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; margin: 0 0 1.35714em 0; } table.narrow { margin: 0 0 1.42857em 0; } table.narrow th, table.narrow td { padding: 0 0.5em; line-height: 1.42857; } table.fixed { table-layout: fixed; } table.bordertable { border: 1px #ccc solid; } table.bordertable thead th { background: #e0e0e0; border-right: 1px #ccc solid; border-bottom: 1px #ccc solid; } table.bordertable tbody th[scope="row"] { background: #f0f0f0; } table.bordertable tbody th { border-right: 1px solid #ccc; } table.bordertable tbody td { border-right: 1px solid #ccc; } caption { font-variant: small-caps; } th, td { line-height: 1.5em; vertical-align: top; padding: 0.71429em 0.5em; } th *:first-child, td *:first-child { margin-top: 0; } th.nowrap, td.nowrap { white-space: nowrap; } thead th { text-align: left; color: #000; border-bottom: 2px #000 solid; } tbody { /* highlight row on mouse over */ } tbody th { text-align: left; border-top: 1px solid #ccc; } tbody td { text-align: left; border-top: 1px solid #ccc; } tbody tr:hover th, tbody tr:hover td { background: #f8f8f8; } } /** * "Yet Another Multicolumn Layout" - YAML CSS Framework * * default print stylesheet * * @copyright © 2005-2013, Dirk Jesse * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-CDL (http://www.yaml.de/license.html) * @link http://www.yaml.de * @package yaml * @version 4.1.0 */ @media print { /** * @section basic layout preparation */ /* (en) change font size unit to [pt] - avoids problems with [px] in Gecko based browsers */ /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit [px] in Gecko-Browsern vermeiden */ body { font-size: 10pt; padding: 0 5px; } /* (en) Hide unneeded container of the screenlayout in print layout */ /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */ nav, .ym-searchform { display: none; } /*------------------------------------------------------------------------------------------------------*/ /* (en) Avoid page breaks right after headings */ /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Ãœberschrift */ h1, h2, h3, h4, h5, h6 { page-break-after: avoid; } } .ce_accordionSingle,.ce_accordionStart { margin: 0px; padding: 0px; display: block; } .ce_accordionSingle .toggler.ui-accordion-header,.ce_accordionStart .toggler { background-color: #e6e6e6; display: block; font: 16px sans-serif; padding-left: 38px; color: #0068b2; font-weight: bold; line-height: 25px; margin: 10px 0 10px 0; cursor: pointer; position: relative; } .ce_accordionSingle .toggler span:before,.ce_accordionStart .toggler:before { color: #0068b2; content: "\25BA"; display: block; font: 16px sans-serif; position: absolute; left: 10px; text-decoration: none; top: 0px; } .ce_accordionSingle .toggler:hover span:before,.ce_accordionStart .toggler:hover:before { color: #0068b2; content: "\25BC"; position: absolute; left: 10px; text-decoration: none; top: 0px; } .ce_accordionSingle .toggler.ui-accordion-header:hover,.ce_accordionStart .toggler:hover{ transition: all 0.3s ease-in-out 0s; } .ce_accordionSingle .toggler.ui-state-active span:before,.ce_accordionStart .toggler.active:before { color: #e6e6e6; content: "\25BC"; } .ce_accordion .toggler.active{ background-color: #0068b2; color: #e6e6e6; } /* ############ DOWNLOADS ###################### */ .ce_downloads, .ce_download { } .ce_downloads ul { list-style-type: none; margin: 0; padding: 0; } .ce_downloads ul li, .ce_download a { -moz-box-sizing: border-box; display: block; margin: 0 0 10px 0; position: relative; } .ce_downloads ul li a, .ce_download a { -moz-box-sizing: border-box; background-color: #E8E8E8; display: block; padding: 12px 40px 10px; position: relative; text-decoration: none; transition: all 0.3s ease-in-out 0s; width: 90%; } .ce_downloads ul li a:hover, .ce_downloads ul li a:active, .ce_download a:hover, .ce_download a:active { background-color: #fdca31; color: #FFFFFF; } .ce_downloads ul li a span, .ce_download a span { color: #626262; display: block; float: right; position: relative; text-decoration: none; transition: all 0.3s ease-in-out 0s; } .ce_downloads ul li a:hover span, .ce_downloads ul li a:active span, .ce_download a:hover span, .ce_download a:active span { color: #FFFFFF; } .ce_downloads ul li a:before, .ce_download a:before { color: #fdca31; content: "\25C4"; display: block; font: 16px sans-serif; position: absolute; right: 10px; text-decoration: none; top: 13px; transition: all 0.3s ease-in-out 0s; } .ce_downloads ul li a:hover:before, .ce_downloads ul li a:active:before, .ce_download a:hover:before, .ce_download a:active:before { color: #FFFFFF; content: "\25BC"; } .ce_downloads ul li a:after, .ce_download a:after { clear: both; content: ""; display: block; float: none; position: relative; } .ce_downloads ul li img, .ce_download img { left: 12px; position: absolute; top: 12px; z-index: 9; } /* ############ DOWNLOADS ###################### */ /* ################### EVENT ################### */ .mod_eventlist .event { border-bottom: 1px dotted #515151; margin-bottom: 20px; padding-bottom: 20px; } .mod_eventlist .event .last { border: 0 none; } .mod_eventlist .header { color: #767676; display: block; text-decoration: none; } .mod_eventlist h2 a,.mod_eventlist h2 .more a { color: #767676; display: block; font-size: 1.5rem; padding: 0px; text-decoration: none; transition: all 0.3s ease-in-out 0s; } .mod_eventlist a:hover, .mod_eventlist a:focus { background-color: #d6d6d6; text-decoration: underline; } .mod_eventlist .layout_teaser { display: block; padding-left: 70px; position: relative; } .mod_eventlist .layout_teaser .event_date_box { background-color: #fdca31; left: 0; padding-bottom: 5px; position: absolute; text-align: center; top: 7px; width: 50px; } .mod_eventlist .layout_teaser .event_date_box .event_date_day { color: #FFFFFF; font-size: 22px; font-weight: bold; padding-bottom: 5px; padding-top: 5px; } .mod_eventlist .layout_teaser .event_date_box .event_date_month { color: #FFFFFF; } .mod_eventlist .layout_teaser .info { border-top: 1px solid #D6D6D6; clear: both; display: block; float: none; margin-bottom: 50px; margin-top: 20px; padding-top: 10px; position: relative; } .mod_eventlist .layout_teaser h2 { border-bottom: 1px solid #D6D6D6; margin-top: 0; padding-bottom: 10px; } .mod_eventlist .layout_teaser h2 a { color: #515151; text-decoration: none; transition: all 0.3s ease-in-out 0s; } .mod_eventlist .layout_teaser h2 a:hover { color: #fdca31; } .mod_eventlist .layout_teaser .info i, .mod_eventreader .layout_full .info i { margin-right: 5px; } .mod_eventlist .layout_teaser .info .icon-calendar, .mod_eventlist .layout_teaser .info .icon-map-marker, .mod_eventreader .layout_full .info .icon-map-marker { margin-left: 20px; } .mod_eventmenu ul { list-style-type: none; margin: 0; padding: 0; } .mod_eventmenu li{ margin: 0; } .mod_eventmenu ul li a, .mod_eventmenu ul li span { -moz-box-sizing: border-box; background-color: #E8E8E8; color: #515151; display: block; margin-bottom: 1px; overflow: hidden; padding: 6px 10px 6px 15px; position: relative; text-decoration: none; transition: all 0.3s ease-in-out 0s; width: 90%; } .mod_eventmenu ul li.year a, .mod_eventmenu ul li.year span { font-weight: bold; padding-bottom: 12px; padding-top: 12px; text-align: center; } .mod_eventmenu ul li ul.level_2 { padding-bottom: 10px; } .mod_eventmenu ul.level_2 li a, .mod_eventmenu ul.level_2 li span { font-weight: normal; padding-bottom: 6px; padding-top: 6px; text-align: left; } .mod_eventmenu ul.level_2 li a:before, .mod_eventmenu ul.level_2 li span:before { color: #fdca31; content: " \25ba"; margin-right: 15px; transition: all 0.3s ease-in-out 0s; } .mod_eventmenu ul li a:hover:before, .mod_eventmenu ul li span:hover:before, .mod_newsmenu ul li span.active:before { color: #FFFFFF; } .mod_eventmenu ul li a:hover, .mod_eventmenu ul li span.active { background-color: #fdca31; color: #FFFFFF; text-decoration: none; } .mod_eventmenu ul li a b, .mod_eventmenu ul li span b { color: rgba(155, 155, 155, 0.7); float: right; font-size: 11px; font-weight: normal; } .mod_eventmenu ul li a b, .mod_eventmenu ul li span b { display: none; } /* ########################################## */ .minicalendar_box { background-color: #E8E8E8; display: block; margin-bottom: 20px; margin-top: 5px; overflow: hidden; padding-bottom: 10px; position: relative; } .minicalendar_head { background-color: #fdca31; width: 100%; } .minicalendar_head tr th.previous, .minicalendar_head tr th.current, .minicalendar_head tr th.next { color: #FFFFFF; font-size: 20px; font-weight: normal; height: 170px; margin-left: auto; margin-right: auto; text-align: center; vertical-align: middle; } .minicalendar_head tr th.previous, .minicalendar_head tr th.next { padding-left: 20px; padding-right: 20px; } .minicalendar_head tr th a { color: #FFFFFF; font-size: 30px; text-decoration: none; } .minicalendar_head tr th a:hover { color: #FFFFFF; } .minicalendar_head tr th.current { width: 100%; } .minicalendar_body { margin-left: 5%; margin-right: 5%; table-layout: fixed; width: 90%; } .minicalendar_body tr.week_day th { color: #515151; font-size: 10px; font-weight: bold; margin-left: auto; margin-right: auto; padding-bottom: 10px; padding-top: 10px; text-align: center; text-transform: uppercase; vertical-align: middle; } .minicalendar_body tr td { margin-left: auto; margin-right: auto; overflow: hidden; padding-bottom: 4px; padding-top: 4px; text-align: center; transition: all 0.3s ease-in-out 0s; vertical-align: middle; } .minicalendar_body tr td:hover, .minicalendar_body tr td.selected { background-color: #fdca31; color: #FFFFFF; } .minicalendar_body tr td a { color: #fdca31; height: 100%; text-decoration: none; width: 100%; } .minicalendar_body tr td:hover a, .minicalendar_body tr td.selected a { color: #FFFFFF; } /* ####################### NEWSMENU ############## */ .mod_newsmenu{ background-color: white; } .mod_newsmenu ul { list-style-type: none; margin: 0; padding: 0; } .mod_newsmenu ul li { margin: 0; padding: 0; } .mod_newsmenu h3{ padding: 15px 20px; color: #fdca31; margin: 0; background-color: #767676; } .mod_newsmenu ul li a, .mod_newsmenu ul li span { -moz-box-sizing: border-box; background-color: #E8E8E8; color: #515151; display: block; margin-bottom: 1px; overflow: hidden; padding: 6px 10px 6px 15px; position: relative; text-decoration: none; transition: all 0.3s ease-in-out 0s; width: 100%; } .mod_newsmenu ul li.year a, .mod_newsmenu ul li.year span { font-weight: bold; padding-bottom: 12px; padding-top: 12px; text-align: center; } .mod_newsmenu ul li ul.level_1 { padding-bottom: 10px; } .mod_newsmenu ul.level_1 li a, .mod_newsmenu ul.level_1 li span { font-weight: normal; padding-bottom: 6px; padding-top: 6px; text-align: left; } .mod_newsmenu ul.level_1 li a:before, .mod_newsmenu ul.level_1 li span:before { color: #fdca31; content: " \25ba"; margin-right: 15px; transition: all 0.3s ease-in-out 0s; } .mod_newsmenu ul li a:hover:before, .mod_newsmenu ul li span:hover:before, .mod_newsmenu ul li span.active:before { color: #FFFFFF; } .mod_newsmenu ul li a:hover, .mod_newsmenu ul li span.active { background-color: #fdca31; color: #FFFFFF; text-decoration: none; } /* ############### NEWSLIST simple ############## */ .mod_newslist .layout_simple { background-color: #E8E8E8; display: block; height: 50px; margin-bottom: 10px; overflow: hidden; padding: 10px; position: relative; } #Slidersection .mod_newslist .layout_simple { background-color: rgba(0, 0, 0, 0.1); margin-bottom: 5px; } .mod_newslist .layout_simple figure, .mod_newslist .layout_simple img { height: 50px !important; left: 0; margin: 0 !important; padding: 0 !important; position: absolute !important; top: 0; width: 50px !important; } .mod_newslist .layout_simple figure { left: 10px; opacity: 10; top: 10px; transition: all 0.3s ease-in-out 0s; } .mod_newslist .layout_simple figure a { line-height: 0; margin: 0 10px 0 0; padding: 0; } .mod_newslist .layout_simple:hover figure { opacity: 0; } .mod_newslist .layout_simple a { color: #515151; display: block; height: 58px; margin-top: -2px; overflow: hidden; padding-left: 100px; position: relative; text-decoration: none; transition: all 0.3s ease-in-out 0s; } .mod_newslist .layout_simple a:hover { color: #fdca31; } .mod_newslist a:hover, .mod_newslist a:focus { background-color: #767676; } .mod_newslist .layout_simple time { background-color: #fdca31; height: 58px; left: 10px; position: absolute; text-align: center; top: 10px; width: 90px; } .mod_newslist .layout_simple time .date_box_day { color: #FFFFFF; font-size: 22px; font-weight: bold; padding-bottom: 0; padding-top: 3px; } .mod_newslist .layout_simple time .date_box_month { color: #FFFFFF; margin-top: -4px; } /* ############# NEWSLIST full latest short ################ */ #news-full,#news-latest,#news-short,#news-simple{ background-color: transparent; } #news-full h1,#news-latest h1,#news-short h1,#news-simple h1{ padding: 10px 0 20px; background-color: #e8e8e8; } .mod_newsarchive .info,.mod_newsreader .info,.mod_newslist .info { color: #767676; margin: 0; background-color: transparent; font-size: 0.75rem; } .mod_newsarchive h2,.mod_newsreader h2,.mod_newslist h2 { font-size: 1.5rem; margin: 0; padding: 10px 0; color:#fdca31; } .mod_newsarchive h2 a,.mod_newsreader h2 a,.mod_newslist h2 a,.mod_newsarchive .more a,.mod_newsreader .more a,.mod_newslist .more a { color: #767676; display: block; text-decoration: none; transition: all 0.3s ease-in-out 0s; } .mod_newsarchive h2 a:focus, .mod_newsarchive h2 a:hover, .mod_newsarchive h2 a:active, .mod_newsarchive .more a:focus, .mod_newsarchive .more a:hover, .mod_newsarchive .more a:active,.mod_newsreader h2 a:focus, .mod_newsreader h2 a:hover, .mod_newsreader h2 a:active, .mod_newsreader .more a:focus, .mod_newsreader .more a:hover, .mod_newsreader .more a:active,.mod_newslist h2 a:focus, .mod_newslist h2 a:hover, .mod_newslist h2 a:active, .mod_newslist .more a:focus, .mod_newslist .more a:hover, .mod_newslist .more a:active { text-decoration: underline; background-color: #e8e8e8; } .mod_newsarchive .teaser, .mod_newsarchive .more, .mod_newsreader .teaser, .mod_newsreader .more, .mod_newslist .teaser, .mod_newslist .more { margin: 0; } .mod_newsarchive .layout_short,.mod_newsreader .layout_short,.mod_newslist .layout_full,.mod_newslist .layout_latest,.mod_newslist .layout_short,.mod_newslist .layout_simple { border-bottom: 1px dotted #515151; margin-bottom: 20px; padding-bottom: 20px; } .mod_newsarchive .last,.mod_newsreader .last,.mod_newslist .last { border: 0 none; } /* ############## NEWSREADER ############### */ .mod_newsreader .layout_full .info i, .mod_newsreader .layout_full .info i { margin-right: 5px; } .mod_newsreader h2, .mod_newsreader h2 .more a { color: #767676; font-size: 1.75rem; margin: 0; padding-top: 10px; } .mod_newsreader p.back a { color: #767676; display: block; text-decoration: none; } .mod_newsreader p.back a:focus, .mod_newsreader p.back a:hover { text-decoration: underline; background-color: white; } .mod_newsreader .layout_full .info .icon-comments, .mod_newsreader .layout_full .info .icon-user, .mod_newsarchive .layout_latest .info .icon-comments, .mod_newsarchive .layout_latest .info .icon-user { margin-left: 20px; } /* ########################################## */ .pagination { } .pagination ul { display: block; float: left; height: 30px; list-style-type: none; margin: 0; padding: 15px 0 0; position: relative; } .pagination p { display: block; float: right; margin-right: 10px; position: relative; } .pagination ul li { display: block; float: left; position: relative; } .pagination ul li a, .pagination ul li span { background-color: #E8E8E8; color: #515151; margin-right: 10px; padding: 6px 13px; text-decoration: none; transition: all 0.3s ease-in-out 0s; } .pagination ul li a:hover, .pagination ul li span { background-color: #fdca31; color: #FFFFFF; } /* ############################################## */ .ce_comments { } .reply { margin-left: 50px; } .comment { background-color: #E8E8E8; border-left: 4px solid #FF6600; padding: 10px 10px 10px 20px; } .com_by { color: #FF6600; } .ce_comments i { margin-left: 20px; margin-right: 10px; } .ce_comments .form { margin-top: 20px; } /* ###### mitgliederliste ###### */ #mitgliederverezeichnis .mod_memberlist{ background-color: #ffffff; font-size: 12px; font-size: 0.75rem; } table { border-bottom: 1px solid #95c50f; border-collapse: collapse; border-top: 1px solid #95c50f; color: #444444; margin: 0 0 1.35714em; width: 100%; } table.narrow { margin: 0 0 1.42857em; } table.narrow th, table.narrow td { line-height: 1.42857; padding: 0 0.5em; } table.fixed { table-layout: fixed; } table.bordertable { border: 1px solid #95c50f; } table.bordertable thead th { background: none repeat scroll 0 0 #E0E0E0; border-bottom: 1px solid #95c50f; border-right: 1px solid #CCCCCC; } table.bordertable tbody th[scope="row"] { background: none repeat scroll 0 0 #F0F0F0; } table.bordertable tbody th { border-right: 1px solid #CCCCCC; } table.bordertable tbody td { border-right: 1px solid #CCCCCC; } caption { font-variant: small-caps; } th, td { line-height: 1.5em; padding: 0.71429em 0.5em; vertical-align: top; } th *:first-child, td *:first-child { margin-top: 0; } th.nowrap, td.nowrap { white-space: nowrap; } thead th { border-bottom: 2px solid #95C50F; color: #000000; text-align: left; } tbody { } tbody th { border-top: 1px solid #95c50f; text-align: left; } tbody td { border-top: 1px solid #95c50f; text-align: left; } tbody tr:hover th, tbody tr:hover td { background: none repeat scroll 0 0 #F8F8F8; } .mod_search .even, .mod_search .odd { background-color: #E8E8E8; display: block; margin-bottom: 20px; overflow: hidden; position: relative; } .mod_search .even a, .mod_search .odd a { -moz-box-sizing: border-box; background-color: rgba(255, 102, 0, 0.7); color: #FFFFFF; display: inline-block; font-size: 16px; padding: 6px 11px; position: relative; text-decoration: none; transition: all 0.3s ease-in-out 0s; width: 100%; } .mod_search .even a:hover, .mod_search .odd a:hover { background-color: rgba(255, 102, 0, 0.99); } .mod_search .even a span, .mod_search .odd a span { color: #FFFFFF; float: right; font-size: 12px; padding-top: 2px; } .mod_search .even div, .mod_search .odd div { padding: 10px 20px; } .mod_search .text { } aside .mod_search fieldset { display: none; position: relative; } header form .submit { background-color: #FF6600; border: 0 none; clear: both; color: #FFFFFF; cursor: pointer; display: block; float: none; margin-top: 10px; padding: 6px 13px; position: relative; text-decoration: none; } header form .text,header form .textarea,header form .captcha { -moz-box-sizing: border-box; background-color: #E8E8E8; border: 0 none; color: #515151; margin-bottom: 10px; padding: 10px; transition: all 0.3s ease-in-out 0s; width: 100%; } header label{ display: none; } header .mod_search { background-color: #dcdcdc; height: 50px; overflow: hidden; padding: 0; position: absolute; right: 20px; top: 50px; transition: all 1s ease-in-out 0s; width: 50px; } header .mod_search:hover { width: 250px; /* ändert die breite und zeigt textfeld an */ } header .mod_search .formbody { height: 50px; width: 100%; } header .mod_search .formbody .submit { /* background: #f8f8ff none repeat scroll 0 0;*/ border: 0 none; border-radius: 0; box-shadow: 0 0 0 0; cursor: pointer; font-size: 0;/* schrift ausblenden */ /* font-size: 0.75rem;*/ height: 50px; margin: 0; padding: 0; position: absolute; right: 0; top: 0; width: 50px; background: #f8f8ff url("../../files/yamltheme/images/icons.png") no-repeat -2px 2px; } header .mod_search .formbody .submit:hover { background-color: silver; background: #f8f8ff url("../../files/yamltheme/images/icons.png") no-repeat -74px 2px; } header .mod_search .formbody .text { -moz-box-sizing: border-box; background-color: #f8f8ff; border: 0 none; border-radius: 0; box-shadow: 0 0 0 0; display: block; font-size: 14px; height: 50px; left: 0px; margin: 0 60px 0 0px; padding: 0 60px 0 10px; position: absolute; top: 0; vertical-align: middle; width: 100%; } /* ############################################## */ /* dropdown mit 2 ebenen für yaml4 */ .ym-hlist { height: 2em; /* float: left;*/ background: white; overflow: visible; z-index: 1000; width:auto; text-align:center; } .ym-hlist ul{ padding: 0px; float: none; display:inherit; } .ym-hlist ul li { /* float: left;*/ margin: 0 2px 0 0; /* display: block;*/ border: 0px solid #000; float: none; display:inline-block; } .ym-hlist ul li a, .ym-hlist ul li span { color: #0067af; text-decoration: none; display: block; padding: 0 2.5rem; background: white; line-height: 1.8em; transition: all 0.1s ease-in-out 0s; text-shadow: 0 0px 0px rgba(0, 0, 0, 1); font-size: 1.1rem; } .ym-hlist a:hover { background: #ccc; /* grau */ } .ym-hlist ul li.active span,.ym-hlist ul li a.trail { color: #0068b2; } .ym-hlist li:hover ul { left: auto; } .ym-hlist li li { float: none; } .ym-hlist ul li span.active { background: #0068b2; border-radius: 0em; color: white; border: none; } .ym-hlist li li a { background: #fdca31; color: #fff; border: none; transition: all 0.2s ease-in-out 0s; } .ym-hlist ul li a:focus, .ym-hlist ul li a:hover, .ym-hlist ul li a:active { background: #0068b2; border-radius: 0em; color: white; outline: 0 none; text-decoration: none; transition: all 0.2s ease-in-out 0s; } .ym-hlist ul li.active strong, .ym-hlist ul li.active a:focus, .ym-hlist ul li.active a:hover, .ym-hlist ul li.active a:active { background: white; color: #000; text-decoration: none; } /* #### dropdown ######### */ /* alternativ ohne effekt */ /* .ym-hlist ul ul { position: absolute; left: -9999px; transition: all 0.1s ease-in-out 0s; }*/ .ym-hlist ul.level_1 li > ul { opacity: 0; transition-delay: 0s, 0.2s; transition-duration: 0.5s, 0s; transition-property: opacity, visibility; visibility: hidden; position: absolute; } .ym-hlist ul li:hover > ul { opacity: 1; transition-delay: 0s, 0s; visibility: visible; } /* ############################################## */ .ym-vlist { background: transparent none repeat scroll 0 0 ; border: 1px solid #f8f8ff; list-style-type: none; margin: 0 0 0 0; border-radius: 3px; box-shadow: 1px 2px 3px #dddddd; }.ym-vlist ul { border-bottom: 0px solid #DDDDDD; border-top: 0px solid #DDDDDD;} .ym-vlist li {background-color: transparent;} .ym-vlist li a:focus, .ym-vlist li a:hover, .ym-vlist li a:active { background-color: #9aba4f; color: #FFFFFF;}.ym-vlist a, .ym-vlist strong, .ym-vlist span { border-bottom: 1px dotted #f8f8ff; padding-left: 5%; width: 95%;}.ym-vlist li.active { background-color: #9aba4f; color: #FFFFFF;}.ym-vlist li a, .ym-vlist li strong, .ym-vlist li span {} body {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;} a.invisible{ display: none; } html{ font-size: 100%; /*Browserdefault 16px*/ } h1, h2, h3, h4, h5, h6 { color: #0068b2; } a{ color: #87ceeb; text-decoration: underline; } p{ font-size: 14px; font-size: 0.875rem; } h1 { font-size: 26px; /* font-size: 21px; */ font-size: 1.625rem; } h2 { font-size: 22px; font-size: 1.375rem; } h3 { font-size: 16px; font-size: 1rem; } h4 { font-size: 16px; font-size: 1rem; } h1 { line-height: 1.625; margin: 0.5em 0 1em 0; padding-left: 20px; border-bottom: 0px dotted #0068b2; border-left: 5px solid #0068b2; box-shadow: 1px 2px 3px #dddddd; } .ce_text { border: 0px solid #DDD; padding: 0px; } p.information{ font-family: 'Parisienne', cursive; color: #0068b2; font-size: 24px; } #team p{ color: #0068b2; } /** * "Yet Another Multicolumn Layout" - YAML CSS Framework * * central stylesheet - layout example "flexible-columns" * * @copyright Copyright 2005-2012, Dirk Jesse * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-CDL (http://www.yaml.de/license.html) * @link http://www.yaml.de */ /* Google Font API */ /*@import url("http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:700");*/ /* import core styles | Basis-Stylesheets einbinden */ /* @import url("../../files/yamltheme/yaml/core/base.css"); */ /* import screen layout | Screen-Layout einbinden */ /* @import url("../../files/yamltheme/yaml/navigation/vlist.css"); */ /* @import url("../../files/yamltheme/yaml/navigation/hlist.css"); */ /* @import url("../../files/yamltheme/yaml/forms/gray-theme.css"); */ /* @import url("../../files/yamltheme/yaml/screen/typography.css"); */ /* @import url("../../files/yamltheme/yaml/screen/screen-PAGE-layout.css"); */ /* import print layout | Druck-Layout einbinden */ /* @import url("../../files/yamltheme/yaml/print/print.css"); */ /* columns reihenfolge 1-3 */ body{ color: black; } .ym-column { padding-right: 0px; } .ym-col1 { float: left; width: 25%; margin-left: 0; /* left column navi*/ margin-right: -5px; } .ym-col3 { width: 75%; float: right; /* center column */ margin-right: 0; } .ym-col3 { position: static; } /*.ym-wrapper {position:relative;} */ /*body img.hintergrundbild{display:none;} */ header { background-color: transparent; color: #CCCCCC; padding: 0em; background-repeat: repeat-x; background-position: center; position: relative; /* relative wegen position suche */ display: block; /* height: 125px;*/ } header .ym-wrapper{ max-width: 100%; } header .center{ margin: 0px; } header nav{ border-top: 4px solid #0068b2; } header .ym-hlist{ margin: 0px; background-color:white; height: 2.3em; } #logo{ /*height:130px;*/ text-align: center; display: block; vertical-align: middle; width:100%; } #logo img{ margin: 10px 0 10px -40px; } #logo a:hover{ background-color: transparent; } #logo img.claim{ position:absolute; top:28px; margin-left:55px; } .customsectionsbefore .ym-wrapper .ym-wbox { padding:0px; border:none; margin:0px; } .customsectionsbefore .ym-wrapper .ym-cbox { background-color: white; padding:0px; } .flexible { margin-bottom: 0; } .float_left { float: left; display: inline; margin: 0 1em 1.5em 0; } .float_right { float: right; display: inline; margin: 0 0 1.5em 1em; } .hidden{ display:none; } /* ############# box gesamt ############## */ .ym-wbox { background: white none repeat scroll 0 0; border: 0px solid #DDDDDD; box-shadow: 0px 0px 0px #DDDDDD; margin-top: 0rem; padding:0px; } main{ padding: 2.5rem 0.5rem; } footer { background: #7f7f7f none repeat scroll 0 0; color: white; background-repeat: no-repeat; background-position: 0px 0px; border-top: 18px solid #7f7f7f; } footer a,footer a:hover, footer p{ font-size: 1em; color: white; text-decoration:none; } footer h3{ color: white; text-decoration:none; border-bottom: 1px solid #DDDDDD; } /* BOx */ .info { background: #f5f5f5 none repeat scroll 0% 0%; } .ym-form label, .ym-form .ym-label, .ym-form .ym-message { display: inherit; } .ym-form input[type="submit"]{ float: none; } .box{ margin: 10px; } .ce_text{ border: 0px solid #DDDDDD; padding: 0px; } /* galerie */ .ce_gallery li{ list-style: none; float: left; } .ce_gallery ul { list-style: none outside none; margin: 0; overflow: hidden; padding: 0; } .ce_gallery li.col_first { clear: left; } .ce_gallery img{ border: 1px solid #DDDDDD; } .ce_gallery img:hover{ border: 1px solid #0068b2; opacity: 0.5; } .ce_gallery .image_container a{ line-height:normal; line-height: 0.5em; display: block; text-decoration:none; } .ce_gallery .image_container a:hover{ background:#444444; box-shadow: 3px 3px 2px #000; } /* ############## navi bild_filter ################### */ #bild_filter.ym-hlist{ background-color: transparent; height:100px; } #bild_filter.ym-hlist a{ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); text-shadow: 0px 0px 0px #000; font-size: 1rem; text-decoration:none; line-height: 1.5em; border: 1px solid #DDDDDD; color: #0068b2 ; margin: 0 4px 4px 0; padding: 5px 20px; float:left; font-weight: normal; } #bild_filter a.active, #bild_filter a:hover{ background-color: #0068b2; color:white; border: 1px solid #DDDDDD; } /* FORMULAR TEXT LINKS */ .ym-columnar input, .ym-columnar textarea, .ym-columnar select { float: none; margin-right: -3px; } .ym-columnar .checkbox_container span { display:block; } .ym-columnar .checkbox_container input { float: none; width:30px; } .ym-columnar .checkbox_container label { float: none; display: inline; } .ym-columnar label { float: none; } .ym-form fieldset { background: none repeat scroll 0 0 transparent; margin: 0 0 0 30%; padding: 0 0.5em; position: static; } .ym-form { background: none repeat scroll 0 0 white; border: 2px solid #fff; box-shadow: 0 0 0px #fff; } /* ########### navi footer ############## */ footer nav.ym-hlist { background: transparent none repeat scroll 0 0; height: 2em; overflow: visible; z-index: 1000; } footer nav.ym-hlist ul li a,footer nav.ym-hlist ul li span{ background-color: transparent; text-shadow: 0 0px 0px rgba(0, 0, 0, 0); } /* Anpassung Referenzseite */ .seitereferenzen img.hintergrundbild{ display:block; width:100%; height:100%; left:0; top:0; position:fixed; } .seitereferenzen .ym-wbox{ background: transparent; border: 0px solid #dddddd; box-shadow: 0px 0px 0px #dddddd; } .seitereferenzen .ce_gallery li,.seitereferenzen .ce_gallery li.col_first{ float:left; clear: none; } .seitereferenzen figcaption.caption,.seiteleistungen figcaption.caption{ display:none; } .seiteleistungen .service p{ margin: 0px; } .seiteleistungen .ce_gallery li.col_0{ margin-left: 0; } /* left column navi */ .ym-col1,.ym-col2 { float: right; width: 0%; margin-left: 0; margin-right: 0px; display:none } /* center column*/ .ym-col3 { width: 100%; float:left; margin-right: 0; } .ym-col3 .ym-cbox {padding: 0;} /* responsive anpassung */ /* menubutton ausblenden */ .menubutton{ display: none; } /* ############################################### */ /* Portrait tablet to landscape and desktop */ @media (min-width: 1024px) and (max-width: 1124px){ main { /* background-color: #cff3f2;*/ } .ym-hlist ul li a, .ym-hlist ul li span { padding: 0 0.9rem; } } /* Portrait tablet to landscape and desktop */ @media (min-width: 955px) and (max-width: 1024px){ main { /* background-color: #ffbfff;*/ } .ym-hlist ul li a, .ym-hlist ul li span { padding: 0 1.1rem; } } /* ############################################### */ /* Portrait tablet to landscape and desktop */ @media (min-width: 599px) and (max-width: 955px){ main { /* background-color: #bfffc0;*/ } html{ font-size:88%; } header { /*height: 200px;*/ } /* navi h breite */ .ym-hlist ul li a, .ym-hlist ul li span { padding: 0 0.38rem; } .mod_navigation.menu-pfad { left: 140px; } }/* end portrait */ /* ############################################### */ /* smartphone */ @media (max-width: 599px){ main{ /* background-color: #e0c7f7;*/ } html{ font-size:80%; } #logo img{ margin: 10px 0 10px 0px; } #logo img.claim{ display:none; } .ym-wbox { padding: 0px; } header{ height: 100px; background-image: none; } header nav { border-top: 0px solid #0068b2; } header .mod_search { height: 50px; right: 0px; top: -5px; } /* ########################################## */ /* 1. menubutton im head einfügen */ /*
MenüMenü
*/ /* 2. menu mit id #navlist kennzeichnen*/ .ym-hlist ul li:hover ul, .ym-hlist ul a:hover ul{ visibility:visible; display:inline; clear:both; position: relative; top:0px; } .ym-hlist ul ul a, .ym-hlist ul ul a:visited, .ym-hlist ul ul span { float:left; margin: 0 0 0 0px; padding: 1px; background: none repeat scroll 0 0 #dddddd; border: 0px solid #007DBD; display:block; border-radius: 0em; color: #007DBD; /* font-size: 14px;*/ height: 1.8em; width:100%; } .ym-hlist ul li.active span.active, .ym-hlist ul li.forward span{ width:100%; } .ym-hlist ul{ width: 200px; text-decoration: none; } .ym-hlist ul ul { visibility: visible; position: static; float:left; } /* menu zum ausklappen */ /* positionierung menu button */ div.menubutton{ display: block; position: absolute; /*right: 10em;*/ top: 65px; z-index: 1000; /*width: 100%;*/ } /* gesaltung menu button */ div.menubutton a{ display: block; color: white; background: #fdca31; text-decoration: none; padding: 0.8em 0.5em; border-radius: 0.25em; border:none; } div.menubutton a.shownavlist:after{ content: " \25bc"; /* pfeil nach unten */ font-size: 0.7rem; } div.menubutton a.hidenavlist:after{ content: " \25b2"; /* pfeil nach oben */ font-size: 0.7rem; } div.menubutton a.hidenavlist{ display: none; } /* gestaltung nav bereich */ #navlist{ /*padding: 0 1rem;*/ margin: 0px 0 0 0; background: white; display:block; /* float: left;*/ overflow: visible; position: static; right: 0; text-align: left; z-index: 100; background-color: transparent; box-shadow: 0px 0px 0px #DDDDDD; } nav#navlist.ym-hlist ul{ max-height: 0; /* blendet das menu aus */ overflow: hidden; transition: 0.25s; list-style-type: none; padding: 0; /*border-radius: 0 0 1rem 1rem;*/ margin: 0; width:100%; } /* ohne 2 ebene */ nav#navlist.ym-hlist ul ul { float: none; /*display: none;*/ position: relative; visibility: visible; left: 0; top: 0px; width: auto; z-index: 60; } .ym-hlist ul.level_1 li > ul { opacity: 1; } .ym-hlist ul li a, .ym-hlist ul li span { line-height:2.9em; } nav#navlist.ym-hlist li{ display: block; border-bottom: 1px solid gray; width:100%; } nav#navlist.ym-hlist li:lastof-type{ border-bottom:0; } /* gestalung navi links */ nav#navlist.ym-hlist li a{ display:block; text-decoration: none; background: #9aba4f; color: white; padding: 0.3rem 1em; height:auto; } nav#navlist.ym-hlist li a:hover{ color: #333333; text-shadow: 0px 0px 0px #a5a5a5; background-color: white; } nav#navlist.ym-hlist ul ul a{ background-color: #eee; color: #333; } nav#navlist.ym-hlist li.active span,nav#navlist.ym-hlist li.active a{ background: white; color:#9aba4f; text-decoration: none; } /* ein und ausbelnden menu und wechsel des buttons menu mittels ein und ausblenden */ #top:target #navlist ul{ max-height: 55em; } #top:target a.shownavlist{ display: none; } #top:target a.hidenavlist{ display: block; } /* Subcolumns */ /* linearization for grid module */ .linearize-level-1, .linearize-level-1 > [class*="colset"], .linearize-level-1 > [class*="col_"] { display: block; float: none; padding: 0; margin: 0; width: 100% !important; } /* reset defined gutter values */ .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] { overflow: hidden; /* optional for containing floats */ padding: 0; margin: 0; } /* linearization for column module */ .linearize-level-1, .linearize-level-1 > [class*="ym-col"] { display: block; float: none; padding: 0; margin: 0; width: 100% !important; } /* reset defined gutter values */ .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] { overflow: hidden; /* optional for containing floats */ padding: 0; margin: 0; } .linearize-level-1 .col_1 .subcl{ padding-right:0!important; } .linearize-level-1 .col_2 .subcr{ padding-left:0!important; } .linearize-level-1 .col_2 { margin-top: 50px; } }/* end smatphone */