/* Achtung mainmenu in Tablet auf 768px gestellt (wenn Menu in Balken ganze Breite) */ #band_1:after { content:''; box-sizing: border-box; position:absolute; width:100%; height:37px; border-top:1px solid #DDDDDD; bottom:0; left:0; z-index:1; background-color:#e6e6e6; /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4;*/ } #top_balken { position:relative; display:block; overflow:visible; width:auto; background-color: transparent; z-index:1000; } #mainmenu { position:relative; display:block; overflow:visible; background:transparent; /* #6A777F */ height:36px; margin-top:0; /*margin-left:10px; margin-right:10px;*/ } /******************************************************************************* Default configuration *******************************************************************************/ .flexy-menu { width: 100%; margin:0; padding: 0; position:relative; float:left; list-style: none; background:transparent; } .flexy-menu li { display:inline; margin:0; padding:0; float:left; line-height: 20px; position:relative; } .flexy-menu > li > a { padding:10px 12px 8px 12px; height:36px; color:#252525; font-size:15px; line-height:100%; font-weight:400; letter-spacing:1px; text-decoration:none; border-right:2px solid #FFFFFF; display:block; /*text-transform:uppercase;*/ -webkit-transition:color 0.2s linear, background 0.2s linear; -moz-transition:color 0.2s linear, background 0.2s linear; -o-transition:color 0.2s linear, background 0.2s linear; transition:color 0.2s linear, background 0.2s linear; } .flexy-menu li:hover > a, .flexy-menu li.active>a, .flexy-menu li.trail>a { background: #FFFFFF; color: #252525; } .flexy-menu > li.first > a { border-left:2px solid #FFFFFF; } /*---------------------------- Right alignment (item) ----------------------------*/ .flexy-menu li.right{ float: right; } /*----------------------------- Drop down configuration -----------------------------*/ .flexy-menu ul, .flexy-menu ul li ul { list-style: none; margin: 0; padding: 0; display: none; position: absolute; z-index: 99999; min-width: 210px; /* BREITE SUBMENU */ /*box-shadow: 0 1px 1px rgba(0,0,0,0.3);*/ } .flexy-menu ul { top: 29px; /* SUBMENU ABSTAND OBEN */ left: -2px; /* SUBMENU ABSTAND LINKS */ } .flexy-menu ul li ul { top: -10px; left: 100%; } .flexy-menu ul li { clear:both; width:100%; border: none; background:#8ce4ee; border-bottom:1px solid #FFFFFF; } .flexy-menu ul li.last { border-bottom:0; } .flexy-menu ul li a { padding:11px 12px; width:100%; color:#463E38; font-size:15px; line-height:15px; font-weight:300; text-decoration:none; display:inline-block; letter-spacing:1px; float:left; clear:both; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-transition:color 0.2s linear, background 0.2s linear; -moz-transition:color 0.2s linear, background 0.2s linear; -o-transition:color 0.2s linear, background 0.2s linear; transition:color 0.2s linear, background 0.2s linear; } /* Abstand zwischen Haupt und Subnavi*/ .flexy-menu ul>li.first { margin-top:10px; } .flexy-menu ul li>a:hover, .flexy-menu ul li a.active { /*background: #555;*/ color:#463E38; } .flexy-menu ul li:hover, .flexy-menu ul li.active { background-color:#43ccdb; /* #546573 */ } /*------------------ preset sizes ------------------*/ .thin > li > a{ padding: 10px 22px; } .thin ul{ top: 40px; } .thick > li > a{ padding: 40px 22px; } .thick ul{ top: 100px; } /*------------------------- Icons configuration -------------------------*/ .flexy-menu i{ line-height: 20px !important; margin-right: 6px; font-size: 18px; float: left; } /*------------------------------------ Collapsible menu configuration ------------------------------------*/ .flexy-menu > li.showhide{ display: none; width: 100%; height: 50px; cursor: pointer; color:#dedede; border-bottom: solid 1px rgba(0, 0, 0, 0.1); background: #333333; } .flexy-menu > li.showhide span.title{ margin: 16px 0 0 25px; float: left; } .flexy-menu > li.showhide span.icon{ margin: 17px 20px; float: right; } .flexy-menu > li.showhide .icon em{ margin-bottom: 3px; display: block; width: 20px; height: 2px; background: #ccc; } /*----------------- Light Theme -----------------*/ .light{ background: #fff; border: solid 1px #dfdfdf; } .light a{ color: #555 !important; } .light li:hover > a, .light li.active a { background: #555; color: #fff !important; } .light ul, .light ul li ul { background: #fff; } .light > li.showhide{ background: #fff; color: #555 !important;} .light > li.showhide .icon em{ background: #555; } /*------------ Colors ------------*/ .blue li:hover > a, .blue li.active a { background: #02B8FA; color: #fff!important; } .green li:hover > a, .green li.active a { background: #88C425; color: #fff!important;} .red li:hover > a, .red li.active a { background: #cf0404; color: #fff!important; } .orange li:hover > a, .orange li.active a { background: #ff670f; color: #fff!important; } .yellow li:hover > a, .yellow li.active a { background: #febf01; color: #444!important; } .purple li:hover > a, .purple li.active a { background: #A737FA; color: #fff!important; } .pink li:hover > a, .pink li.active a { background: #f82b4c; color: #fff!important; } /******************************************************************************* Vertical configuration *******************************************************************************/ .flexy-menu.vertical{ width: 200px; } .flexy-menu.vertical li{ width: 100%; } .flexy-menu.vertical li a{ display: inline-block !important; width: 100%; padding:18px 20px 16px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .flexy-menu.vertical ul li{ width: 100%; } /*-------------------------------- drop down on vertical menu --------------------------------*/ .flexy-menu.vertical ul, .flexy-menu.vertical ul li ul { width: 150px; } .flexy-menu.vertical ul { top: 0; left: 100%; } .flexy-menu.vertical ul li ul { top: 1px; } /*--------------------------------- Vertical menu on right side ---------------------------------*/ .flexy-menu.vertical.right{ float: right !important; } .flexy-menu.vertical.right ul{ left: -150px !important; } /***************************************************************************** Responsive design *****************************************************************************/ @media only screen and (max-width: 600px) { .flexy-menu.vertical{ width: 100%; } .flexy-menu li{ display: block; width: 100%; } .flexy-menu > li > a{ padding-top:15px; padding-bottom:15px; padding-left: 25px; } .flexy-menu a{ width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .flexy-menu ul, .flexy-menu ul li ul, .flexy-menu.vertical ul, .flexy-menu.vertical ul li ul{ width: 100%; left: 0; border-left: none; position: static; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .flexy-menu ul li { border-left: none; border-right: none; } .flexy-menu ul li a, .flexy-menu.vertical ul li a { padding-top:10px; padding-bottom:10px; } .flexy-menu ul > li > a{ padding-left: 40px !important; } } /************************************************************************** * @name Zozo UI Tabs * @descripton Create awesome tabbed content area * @version 5.0 * @requires jQuery v1.7 or later * @copyright Copyright (c) 2013 Zozo UI * @author Zozo UI * @URL: http://www.zozoui.com **************************************************************************/ .z-tabs *, .z-tabs:before, .z-tabs:before{-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}.z-tabs,.z-tabs > ul.z-tabs-nav,.z-tabs > ul.z-tabs-nav > li,.z-tabs > ul.z-tabs-nav > li > a.z-link{}.z-tabs{margin: auto; padding: 0; clear: both; color: #333; font: 12px/1.7em "Helvetica Neue",Helvetica,Arial,sans-serif; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;} .z-tabs > ul.z-tabs-nav {position: relative; margin: 0; padding: 0; border: 0; outline: 0; list-style: none;} .z-tabs > ul.z-tabs-nav > li {background: #F9F9F9; background:#fff; position: relative; display: block; list-style-type: none; padding: 0; margin: 0; overflow: hidden;} .z-tabs > ul.z-tabs-nav > li:hover {outline: 0 none; text-decoration: none;} .z-tabs > ul.z-tabs-nav > li.z-active, .z-tabs > ul.z-tabs-nav > li.z-active:hover {background: #fff; font-weight: bold;} .z-tabs > ul.z-tabs-nav > li, .z-tabs > ul.z-tabs-nav > li > a.z-link {cursor: pointer;} .z-tabs > ul.z-tabs-nav > li.z-active, .z-tabs > ul.z-tabs-nav > li.z-active > a.z-link {cursor: default; font-weight: bold;} .z-tabs > ul.z-tabs-nav > li > a.z-link {display: block; position: relative; outline: 0; color: #111; line-height: 18px; text-decoration: none; font-weight: inherit; font-size: 1.11em;} .z-tabs > ul.z-tabs-nav, .z-tabs > ul.z-tabs-nav > li, .z-tabs > .z-container {border-color: #CECECE; border-style: solid;} .z-tabs > .z-container { padding: 0; margin: 0; border-width: 1px; background:#FFFFFF; /* HINTERGRUND #dce3e6 */ position: relative; font-size: 1.2em; } .z-tabs > .z-container > .z-content {display: none; background: none;} .z-tabs > .z-container > .z-content > .z-content-inner {padding: 1.4em 24px; height: auto;} .z-tabs > .z-container > .z-content::after, .z-tabs > .z-container > .z-content > .z-content-inner::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .z-tabs > .z-container > .z-content, .z-tabs > .z-container > .z-content > .z-content-inner {zoom: 1;} .z-tabs.z-slide > .z-container {overflow: hidden;} .z-tabs.z-slide > .z-container > .z-content, .z-tabs > .z-container.z-animating > .z-content {position: absolute; width: 100%; height: 100%; overflow: hidden; padding: 0; z-index: 7;} .z-tabs.z-slide > .z-container > .z-content.z-active {z-index: 8;}.z-tabs.vertical.mini > ul.z-tabs-nav > li > a.z-link,.z-tabs.vertical.small > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.mini > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.small > ul.z-tabs-nav > li > a.z-link {font-weight: inherit;}.z-tabs.vertical.mini > ul.z-tabs-nav > li.z-active > a.z-link,.z-tabs.vertical.small > ul.z-tabs-nav > li.z-active > a.z-link,.z-tabs.horizontal.mini > ul.z-tabs-nav > li.z-active > a.z-link,.z-tabs.horizontal.small > ul.z-tabs-nav > li.z-active > a.z-link {font-weight: bold;} .z-tabs.vertical.mini > ul.z-tabs-nav > li > a.z-link {height: 34px;line-height: 34px;margin:0 10px 0 0;font-size: 11px;}.z-tabs.vertical.small > ul.z-tabs-nav > li > a.z-link {height: 40px;line-height: 40px;margin:0 12px;font-size: 11px;}.z-tabs.vertical.medium > ul.z-tabs-nav > li > a.z-link {height: 46px;line-height: 46px;margin:0 14px;font-size: 12px;}.z-tabs.vertical.large > ul.z-tabs-nav > li > a.z-link {height: 52px;line-height: 52px;margin:0 18px;font-size: 13px;}.z-tabs.vertical.xlarge > ul.z-tabs-nav > li > a.z-link {height: 58px;line-height: 56px;margin:0 20px;font-size: 14px;}.z-tabs.vertical.xxlarge > ul.z-tabs-nav > li > a.z-link{height: 62px;line-height: 60px;margin:0 22px 0 20px;font-size: 14px;} .z-tabs.vertical.top-left > ul.z-tabs-nav > li > a.z-link {padding-left:20px;margin-left:0;}.z-tabs.vertical.top-right > ul.z-tabs-nav > li > a.z-link {padding-right:20px;margin-right:0;}.z-tabs.vertical.mini > ul.z-tabs-nav{min-width: 180px;width:25%;}.z-tabs.vertical.small > ul.z-tabs-nav {min-width: 180px;width:25%;}.z-tabs.vertical.medium > ul.z-tabs-nav {min-width: 200px;width:25%;}.z-tabs.vertical.large > ul.z-tabs-nav {min-width: 220px;width:25%;}.z-tabs.vertical.xlarge > ul.z-tabs-nav {min-width: 240px;width:25%;}.z-tabs.vertical.xxlarge > ul.z-tabs-nav {min-width: 260px;width:25%;}.z-tabs.horizontal.mini > ul.z-tabs-nav > li > a.z-link {font-size: 11px;padding: 7px 20px;}.z-tabs.horizontal.small > ul.z-tabs-nav > li > a.z-link {font-size: 11px;padding: 10px 20px;} .z-tabs.horizontal.medium > ul.z-tabs-nav > li > a.z-link { font-size: 13px; padding: 12px 24px; } .z-tabs.horizontal.large > ul.z-tabs-nav > li > a.z-link {font-size: 13px;padding: 16px 28px;}.z-tabs.horizontal.xlarge > ul.z-tabs-nav > li > a.z-link {font-size: 14px;padding: 19px 32px;}.z-tabs.horizontal.xxlarge > ul.z-tabs-nav > li > a.z-link {font-size: 14px;padding: 22px 36px;}.z-tabs.horizontal.top-compact.mini > ul.z-tabs-nav > li > a.z-link {font-size: 11px;padding: 7px 10px;}.z-tabs.horizontal.top-compact.small > ul.z-tabs-nav > li > a.z-link {font-size: 11px;padding: 10px 11px;}.z-tabs.horizontal.top-compact.medium > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.top.responsive.medium > ul.z-tabs-nav > li > a.z-link {font-size: 12px;padding: 13px 12px;}.z-tabs.horizontal.top-compact.large > ul.z-tabs-nav > li > a.z-link {font-size: 13px;padding: 16px 13px;}.z-tabs.horizontal.top-compact.xlarge > ul.z-tabs-nav > li > a.z-link {font-size: 13px;padding: 19px 14px;}.z-tabs.horizontal.top-compact.xxlarge > ul.z-tabs-nav > li > a.z-link {font-size: 14px;padding: 22px 15px;}.z-tabs .z-video{position: relative; padding-bottom: 46.25%; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;} .z-tabs .z-video iframe, .z-tabs .z-video object, .z-tabs .z-video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:none; z-index: 50;}.z-tabs > ul.z-tabs-nav > li > a.z-link i{font-size: 16px; display: inline; width: auto; height: auto; line-height: normal;}.z-tabs > ul.z-tabs-nav > li > a.z-link > span.z-icon,.z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-desktop > li > a.z-link > span.z-icon,.z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-mobile > li > a.z-link > span > span.z-icon{width: 20px; display: inline-block; font-size: inherit; font-weight: normal; text-transform: initial; text-align: left;}.z-tabs.vertical > ul.z-tabs-nav > li > a.z-link > span.z-icon,.z-tabs.z-multiline.vertical > ul.z-tabs-nav.z-tabs-desktop > li > a.z-link > span.z-icon,.z-tabs.z-multiline.vertical > ul.z-tabs-nav.z-tabs-mobile > li > a.z-link > span > span.z-icon{width: 24px;} .z-tabs.center > ul.z-tabs-nav > li > a.z-link, .z-tabs.center.mobile > ul.z-tabs-nav > li > a.z-link {text-align: center !important;} .z-tabs.right > ul.z-tabs-nav > li > a.z-link, .z-tabs.right.mobile > ul.z-tabs-nav > li > a.z-link {text-align: right !important;} .z-tabs.left > ul.z-tabs-nav > li > a.z-link, .z-tabs.left.mobile > ul.z-tabs-nav > li > a.z-link {text-align: left !important;} .z-tabs.vertical > .z-container > .z-content.z-nopadding > .z-content-inner, .z-tabs.horizontal > .z-container > .z-content.z-nopadding > .z-content-inner {padding: 0;}.clearfix{*zoom: 1;} .clearfix:before, .clearfix:after {display: table; content: ""; line-height: 0;} .clearfix:after {clear: both;} .z-tabs .z-container{position: relative;}.z-tabs span.z-spinner{position: absolute; top: 50%; left: 50%; z-index: 1000; text-indent: -999em; width: 55px; height: 55px; margin: -53px 0 0 -50px; padding: 24px; background: rgb(255, 255, 255) url("../../files/img/loading-image.gif") no-repeat 50% 50%;}.z-tabs.z-rounded span.z-spinner{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .z-tabs.vertical > ul.z-tabs-nav{float: left; border-width: 1px 0 1px 1px; min-width: 200px; width: 25%;} .z-tabs.vertical > ul.z-tabs-nav > li {border-width: 0 0 1px 0; min-width: 100%;} .z-tabs.vertical > ul.z-tabs-nav > li > a.z-link {margin: 0 14px; height: 46px; line-height: 46px; margin: 0 14px; font-size: 12px;} .z-tabs.vertical > ul.z-tabs-nav > li.z-active {border-right-width: 0; z-index: 10;} .z-tabs.vertical > ul.z-tabs-nav > li.z-first.z-active {border-bottom-width: 1px;} .z-tabs.vertical > ul.z-tabs-nav > li.z-last {border-bottom-width: 0;}.z-tabs.vertical.top-left > ul.z-tabs-nav{margin-left:0; margin-right: -1px;}.z-tabs.vertical.top-right > ul.z-tabs-nav{margin-right:0; margin-left: -1px;}.ie7 body .z-tabs.vertical.top-left > ul.z-tabs-nav{margin-right: 0;}.ie7 body .z-tabs.vertical.top-right > ul.z-tabs-nav{margin-left: 0;}.ie7 body .z-tabs.vertical.top-left > ul > li, .ie7 body .z-tabs.vertical.top-left > ul > li > .z-link,.ie7 body .z-tabs.vertical.top-left > ul {z-index: 10 !important;}.ie7 body .z-tabs.vertical.top-left > ul > li.z-active {border-right: 1px solid #fff !important;}.ie7 body .z-tabs.vertical.top-left > .z-container {}.z-tabs.vertical.top-right > ul.z-tabs-nav{float: right;border-width: 1px 1px 1px 0;}.ie7 body .z-tabs.vertical.top-right > ul.z-tabs-nav > li.z-active {border-right-width: 0 !important; border-left: 1px solid #fff !important; left:-1px;}.ie7 body .z-tabs.vertical.top-right > ul.z-tabs-nav > li, .ie7 body .z-tabs.vertical.top-right > ul {z-index: 10 !important;}.ie7 body .z-tabs.vertical.top-right > .z-container {} .z-tabs.vertical.z-rounded > .z-container {-webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0;} .z-tabs.vertical.z-rounded > ul.z-tabs-nav {-webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px;} .z-tabs.vertical.z-rounded > ul.z-tabs-nav > li.z-first, .z-tabs.vertical.z-rounded > ul.z-tabs-nav > li.z-first > a.z-link {-webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0;} .z-tabs.vertical.z-rounded > ul.z-tabs-nav > li.z-last, .z-tabs.vertical.z-rounded > ul.z-tabs-nav > li.z-last > a.z-link {-webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px;} .z-tabs.vertical.z-rounded.top-right > ul.z-tabs-nav {-webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0;} .z-tabs.vertical.z-rounded.top-right > ul.z-tabs-nav > li.z-first, .z-tabs.vertical.z-rounded.top-right > ul.z-tabs-nav > li.z-first > a.z-link {-webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0;} .z-tabs.vertical.z-rounded.top-right > ul.z-tabs-nav > li.z-last, .z-tabs.vertical.z-rounded.top-right > ul.z-tabs-nav > li.z-last > a.z-link {-webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0;} .z-tabs.vertical.z-rounded.top-right > .z-container {-webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px;}.z-tabs.vertical.z-shadows > ul.z-tabs-nav,.z-tabs.vertical.z-shadows > .z-container{-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125);} .z-tabs.vertical.z-shadows > ul.z-tabs-nav > li{-webkit-box-shadow: 0 1px 3px -3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px -3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px -3px rgba(0, 0, 0, 0.15);}.z-tabs.horizontal > ul.z-tabs-nav > li{float: left; margin-right: -1px; border-width: 1px 1px 0;} .z-tabs.horizontal > ul.z-tabs-nav > li > a.z-link {font-size: 12px; padding: 13px 24px;} .z-tabs.horizontal > ul.z-tabs-nav > li.z-active {margin-bottom: -1px; padding-bottom: 1px; z-index: 1;}.z-tabs.horizontal > .z-container{clear: both; width: 100%; zoom: 1;}.z-tabs.horizontal.top-center{width: 100%; overflow: hidden; padding-right: 2px;} .z-tabs.horizontal.top-center > ul.z-tabs-nav {clear: left; float: left; left: 50%; text-align: center;} .z-tabs.horizontal.top-center > ul.z-tabs-nav > li {right: 50%; float: left;} .z-tabs.horizontal.top-center > .z-container, .z-tabs.horizontal.bottom-center > .z-container {width: 100%;}.z-tabs.horizontal.top-right > .z-container{margin-right: 0; padding-right: 0; margin-left: 0; padding-left: 0;}.z-tabs.horizontal.top-right > ul.z-tabs-nav{float: right; margin: 0 -1px 0 0;}.ie7 body .z-tabs.horizontal.top-right > .z-container{clear: none;}.ie7 body .z-tabs.horizontal.top-right{margin-right: 2px;}.z-tabs.horizontal.bottom-left > ul.z-tabs-nav > li{border-width: 0px 1px 1px;} .z-tabs.horizontal.bottom-left > ul.z-tabs-nav > li.z-active {margin-bottom: 0px; padding-bottom: 0px; margin-top: -1px; padding-top: 1px;}.z-tabs.horizontal.bottom-center{width: 100%; padding-right: 2px;} .z-tabs.horizontal.bottom-center > ul.z-tabs-nav {float: left; left: 50%; text-align: center;} .z-tabs.horizontal.bottom-center > ul.z-tabs-nav > li {border-width: 0px 1px 1px; right: 50%; float: left;} .z-tabs.horizontal.bottom-center > ul.z-tabs-nav > li.z-active {margin-bottom: 0px; padding-bottom: 0px; margin-top: -1px; padding-top: 1px;}.z-tabs.horizontal.bottom-right > ul.z-tabs-nav{float: right; margin-right: -1px;} .z-tabs.horizontal.bottom-right > ul.z-tabs-nav > li {border-width: 0px 1px 1px;} .z-tabs.horizontal.bottom-right > ul.z-tabs-nav > li.z-active {margin-bottom: 0px; padding-bottom: 0px; margin-top: -1px; padding-top: 1px;}.ie7 body .z-tabs.horizontal.bottom-right{margin-right: 2px;}.z-tabs.horizontal.top-compact > ul.z-tabs-nav{width: 100%; margin-left: -1px; padding-left: 1px;} .z-tabs.horizontal.top-compact > ul.z-tabs-nav > li {margin: 0 -2px 0 0; display: inline-block;} .z-tabs.horizontal.top-compact > ul.z-tabs-nav > li.z-active {font-weight: normal; margin-bottom: -1px; padding-bottom: 1px;}.z-tabs.horizontal.top-compact > .z-container{width: initial; margin-right: -2px !important;}.ie7 body .z-tabs.horizontal.top-compact > ul.z-tabs-nav > li.z-first{padding-left: 1px;}.ie7 body .z-tabs.horizontal.top-compact > ul.z-tabs-nav,.ie7 body .z-tabs.horizontal.top-compact{width: auto;}.ie7 .z-tabs.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li{margin-right: -3px;} .ie7 .z-tabs.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li.z-last {margin-right: 0;}.z-tabs.horizontal.bottom-compact > ul.z-tabs-nav{width: 100%; margin-left: -1px; padding-left: 1px;} .z-tabs.horizontal.bottom-compact > ul.z-tabs-nav > li {margin: 0 -2px 0 0; display: inline-block; border-width: 0px 1px 1px;} .z-tabs.horizontal.bottom-compact > ul.z-tabs-nav > li > a.z-link {padding-left: 0; padding-right: 0;} .z-tabs.horizontal.bottom-compact > ul.z-tabs-nav > li.z-active {margin-top: -1px; padding-top: 1px; margin-bottom: 0px; padding-bottom: 0px;}.z-tabs.horizontal.bottom-compact > .z-container{width: initial; margin-right: -2px !important;}.ie7 body .z-tabs.horizontal.bottom-compact > ul.z-tabs-nav > li.z-first{padding-left: 1px;}.ie7 body .z-tabs.horizontal.bottom > ul.z-tabs-nav{margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px;}.z-tabs.horizontal.responsive > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.top-compact > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.bottom-compact > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.top-center > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.bottom-center > ul.z-tabs-nav > li > a.z-link{text-align: center;}.z-tabs.horizontal.top.z-rounded > ul.z-tabs-nav > li.z-first,.z-tabs.horizontal.top.z-rounded > ul.z-tabs-nav > li.z-first > a.z-link{-webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0;}.z-tabs.horizontal.top.z-rounded > ul.z-tabs-nav > li.z-last,.z-tabs.horizontal.top.z-rounded > ul.z-tabs-nav > li.z-last > a.z-link{-webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0;}.z-tabs.horizontal.top-left.z-rounded > .z-container{-webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px;}.z-tabs.horizontal.top-center.z-rounded > .z-container{-webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;}.z-tabs.horizontal.top-right.z-rounded > .z-container{-webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;}.z-tabs.horizontal.z-rounded.top-compact > .z-container{-webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -khtml-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}.z-tabs.horizontal.z-rounded.bottom > ul.z-tabs-nav > li.z-first,.z-tabs.horizontal.z-rounded.bottom > ul.z-tabs-nav > li.z-first > a.z-link{-webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px;}.z-tabs.horizontal.z-rounded.bottom > ul.z-tabs-nav > li.z-last,.z-tabs.horizontal.z-rounded.bottom > ul.z-tabs-nav > li.z-last > a.z-link{-webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0;}.z-tabs.horizontal.z-rounded.bottom-left > .z-container{-webkit-border-radius: 6px 6px 6px 0; -moz-border-radius: 6px 6px 6px 0; border-radius: 6px 6px 6px 0;}.z-tabs.horizontal.z-rounded.bottom-center > .z-container{-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}.z-tabs.horizontal.z-rounded.bottom-right .z-container{-webkit-border-radius: 6px 6px 0 6px; -moz-border-radius: 6px 6px 0 6px; -khtml-border-radius: 6px 6px 0 6px; border-radius: 6px 6px 0 6px;}.z-tabs.horizontal.z-rounded.bottom-compact > .z-container{-webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -khtml-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}.z-tabs.horizontal.responsive.top.z-rounded > .z-container{-webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}.z-tabs.horizontal.responsive.bottom.z-rounded > .z-container{-webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}.z-tabs.horizontal.responsive.top.z-rounded > .z-tabs-mobile,.z-tabs.horizontal.responsive.top.z-rounded > .z-tabs-mobile > li{-webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}.z-tabs.horizontal.responsive.bottom.z-rounded > .z-tabs-mobile,.z-tabs.horizontal.responsive.bottom.z-rounded > .z-tabs-mobile > li{-webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}.z-tabs.horizontal.z-shadows > .z-container{-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .125); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .125); box-shadow: 0px 0px 3px rgba(0, 0, 0, .125);}.z-tabs.horizontal.z-shadows > ul.z-tabs-nav > li{box-shadow: -2px 0px 2px -2px rgba(0, 0, 0, .1);}.z-tabs.horizontal.top-left.z-shadows > ul.z-tabs-nav li.z-first,.z-tabs.horizontal.top-compact.z-shadows > ul.z-tabs-nav > li.z-first{box-shadow: -3px 1px 1px -3px rgba(0, 0, 0, .2);}.z-tabs.horizontal.top-right.z-shadows > ul.z-tabs-nav > li.z-last,.z-tabs.horizontal.top-compact.z-shadows > ul.z-tabs-nav > li.z-last{box-shadow: 3px 1px 1px -3px rgba(0, 0, 0, .2);} .z-tabs.black > ul.z-tabs-nav, .z-tabs.black > ul.z-tabs-nav > li, .z-tabs.black > .z-container{border-color: #343232; border-style: solid;}.z-tabs.black > ul.z-tabs-nav > li{color: white; background: #333333; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#555555)); background: -webkit-linear-gradient(top, #333333, #555555); background: -moz-linear-gradient(top, #333333, #555555); background: -ms-linear-gradient(top, #333333, #555555); background: -o-linear-gradient(top, #333333, #555555); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#555555',GradientType=0 );}.z-tabs.black > ul.z-tabs-nav > li a.z-link{color: white;-shadow: 0 -1px 0 rgba(0, 0, 0, .5);}.z-tabs.black > ul.z-tabs-nav > li.z-active > a.z-link {text-shadow: 0 1px 1px white;color: Black}.z-tabs.black > ul.z-tabs-nav > li:hover {background: #353434;} .z-tabs.black > ul.z-tabs-nav > li.z-active{background: #fff; color: #3E3E3E; text-shadow: none; box-shadow: none; filter: none;}.z-tabs.black2 {color: #dadada;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);}.z-tabs.black2 > .z-container {background: #222;}.z-tabs.black2 > ul.z-tabs-nav, .z-tabs.black2 > ul.z-tabs-nav > li, .z-tabs.black2 > .z-container{border-color: #191919; border-style: solid;}.z-tabs.black2 > ul.z-tabs-nav > li{color: #dadada; background: #454545; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#303030), to(#262626)); background: -webkit-linear-gradient(top, #303030, #262626); background: -moz-linear-gradient(top, #303030, #262626); background: -ms-linear-gradient(top, #303030, #262626); background: -o-linear-gradient(top, #303030, #262626); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#262626',GradientType=0 );}.z-tabs.black2 > ul.z-tabs-nav > li a.z-link{color: #dadada;text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);}.z-tabs.black2 > ul.z-tabs-nav > li.z-active > a.z-link {text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);}.z-tabs.black2 > ul.z-tabs-nav > li:hover {background: #353434;} .z-tabs.black2 > ul.z-tabs-nav > li.z-active{background: #222; color: #dadada; text-shadow: none; box-shadow: none; filter: none;} .z-tabs.blue > ul.z-tabs-nav, .z-tabs.blue > ul.z-tabs-nav > li, .z-tabs.blue > .z-container{border-color: #0487BD;border-style: solid;}.z-tabs.blue > ul.z-tabs-nav > li{background: #1abde7; background: -moz-linear-gradient(top, #1abde7 0%, #1c9dd1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1abde7), color-stop(100%,#1c9dd1)); background: -webkit-linear-gradient(top, #1abde7 0%,#1c9dd1 100%); background: -o-linear-gradient(top, #1abde7 0%,#1c9dd1 100%); background: -ms-linear-gradient(top, #1abde7 0%,#1c9dd1 100%); background: linear-gradient(to bottom, #1abde7 0%,#1c9dd1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1abde7', endColorstr='#1c9dd1',GradientType=0 );} .z-tabs.blue > ul.z-tabs-nav > li a.z-link {color: white;text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);}.z-tabs.blue > ul.z-tabs-nav > li.z-active > a.z-link {text-shadow: 0 1px 1px white;color: Black}.z-tabs.blue > ul.z-tabs-nav > li:hover {background: #21ADDF;} .z-tabs.blue > ul.z-tabs-nav > li.z-active{background: #fff; color: #000F4D; text-shadow: 0 1px rgba(78, 78, 78, 0.1); filter: none;} .z-tabs.crystal > ul.z-tabs-nav, .z-tabs.crystal > ul.z-tabs-nav > li, .z-tabs.crystal > .z-container{border-color: #ddd; border-color: #b4b4b4; border-style: solid;}.z-tabs.crystal > ul.z-tabs-nav > li{background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}.z-tabs.crystal > ul.z-tabs-nav > li:hover {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); background: whiteSmoke; background: -moz-linear-gradient(top, #ffffff 0%, #ececec 50%, #e0e0e0 50%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ececec), color-stop(50%,#e0e0e0), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 50%,#e0e0e0 50%,#f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%,#ececec 50%,#e0e0e0 50%,#f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ececec 50%,#e0e0e0 50%,#f2f2f2 100%); background: linear-gradient(to bottom, #ffffff 0%,#ececec 50%,#e0e0e0 50%,#f2f2f2 100%);} .z-tabs.crystal > ul.z-tabs-nav > li.z-active{background: #fff; text-shadow: 0 1px 1px white; color: Black; filter: none;} .z-tabs.deepblue > ul.z-tabs-nav, .z-tabs.deepblue > ul.z-tabs-nav > li, .z-tabs.deepblue > .z-container{border-color: #1E69DE;border-style: solid;}.z-tabs.deepblue > ul.z-tabs-nav > li{background: #479fed; background: -moz-linear-gradient(top, #479fed 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#479fed), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); background: -webkit-linear-gradient(top, #479fed 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); background: -o-linear-gradient(top, #479fed 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); background: -ms-linear-gradient(top, #479fed 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); background: linear-gradient(to bottom, #479fed 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#479fed', endColorstr='#1e69de',GradientType=0 );} .z-tabs.deepblue > ul.z-tabs-nav > li a.z-link {color: white;text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);}.z-tabs.deepblue > ul.z-tabs-nav > li.z-active > a.z-link {text-shadow: 0 1px 1px white;color: Black}.z-tabs.deepblue > ul.z-tabs-nav > li:hover {background: #238dea; background: -moz-linear-gradient(top, #238dea 0%, #54a3ee 50%, #3690f0 51%, #065cdd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#238dea), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#065cdd)); background: -webkit-linear-gradient(top, #238dea 0%,#54a3ee 50%,#3690f0 51%,#065cdd 100%); background: -o-linear-gradient(top, #238dea 0%,#54a3ee 50%,#3690f0 51%,#065cdd 100%); background: -ms-linear-gradient(top, #238dea 0%,#54a3ee 50%,#3690f0 51%,#065cdd 100%); background: linear-gradient(to bottom, #238dea 0%,#54a3ee 50%,#3690f0 51%,#065cdd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#238dea', endColorstr='#065cdd',GradientType=0 );} .z-tabs.deepblue > ul.z-tabs-nav > li.z-active{background: #fff; color: #000F4D; text-shadow: 0 1px rgba(78, 78, 78, 0.1); filter: none;} .z-tabs.gray > ul.z-tabs-nav, .z-tabs.gray > ul.z-tabs-nav > li, .z-tabs.gray > .z-container{border-color: #B3B3B3; border-style: solid;}.z-tabs.gray > ul.z-tabs-nav > li{background: whiteSmoke; background: -moz-linear-gradient(top, #dbdbdb 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #dbdbdb 0%,#f2f2f2 100%); background: -o-linear-gradient(top, #dbdbdb 0%,#f2f2f2 100%); background: -ms-linear-gradient(top, #dbdbdb 0%,#f2f2f2 100%); background: linear-gradient(to bottom, #dbdbdb 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#f2f2f2',GradientType=0 );}.z-tabs.gray > ul.z-tabs-nav > li:hover {background: #e8e8e8; background: -moz-linear-gradient(top, #e8e8e8 0%, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#f7f7f7)); background: -webkit-linear-gradient(top, #e8e8e8 0%,#f7f7f7 100%); background: -o-linear-gradient(top, #e8e8e8 0%,#f7f7f7 100%); background: -ms-linear-gradient(top, #e8e8e8 0%,#f7f7f7 100%); background: linear-gradient(to bottom, #e8e8e8 0%,#f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f7f7f7',GradientType=0 );} .z-tabs.gray > ul.z-tabs-nav > li.z-active{background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: 0 1px 1px white; filter:none;} .z-tabs.green > ul.z-tabs-nav, .z-tabs.green > ul.z-tabs-nav > li, .z-tabs.green > .z-container{border-color: #336c2b; border-style: solid;}.z-tabs.green > ul.z-tabs-nav > li{color: white; background: #5fae53; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5fae53), to(#3b7c33)); background: -webkit-linear-gradient(top, #5fae53, #3b7c33); background: -moz-linear-gradient(top, #5fae53, #3b7c33); background: -ms-linear-gradient(top, #5fae53, #3b7c33); background: -o-linear-gradient(top, #5fae53, #3b7c33);}.z-tabs.green > ul.z-tabs-nav > li > a.z-link {color: white;text-shadow: 0 1px 0 #387031;}.z-tabs.green > ul.z-tabs-nav > li.z-active > a.z-link{text-shadow: 0 1px 1px white;color: Black}.z-tabs.green > ul.z-tabs-nav > li:hover {background: #3b7c33;} .z-tabs.green > ul.z-tabs-nav > li.z-active{background: #fff; color: #2C3F0A; text-shadow: none; box-shadow: none; filter: none;} .z-tabs.orange > ul.z-tabs-nav, .z-tabs.orange > ul.z-tabs-nav > li, .z-tabs.orange > .z-container{border-color: #D64817; border-style: solid;}.z-tabs.orange > ul.z-tabs-nav > li{background: #F2825B; background: -moz-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2825B), color-stop(50%,#E55B2B), color-stop(100%,#F07146)); background: -webkit-linear-gradient(top, #F2825B 0%,#E55B2B 50%,#F07146 100%); background: -o-linear-gradient(top, #F2825B 0%,#E55B2B 50%,#F07146 100%); background: -ms-linear-gradient(top, #F2825B 0%,#E55B2B 50%,#F07146 100%); background: linear-gradient(to bottom, #F2825B 0%,#E55B2B 50%,#F07146 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146',GradientType=0 );}.z-tabs.orange > ul.z-tabs-nav > li:hover {background: #F2825B; background: -moz-linear-gradient(top, #F2825B 0%, #E55B2B 50%, #F07146 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2825B), color-stop(50%,#E55B2B), color-stop(100%,#F07146)); background: -webkit-linear-gradient(top, #F2825B 0%,#E55B2B 50%,#F07146 100%); background: -o-linear-gradient(top, #F2825B 0%,#E55B2B 50%,#F07146 100%); background: -ms-linear-gradient(top, #F2825B 0%,#E55B2B 50%,#F07146 100%); background: linear-gradient(to bottom, #F2825B 0%,#E55B2B 50%,#F07146 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146',GradientType=0 );} .z-tabs.orange > ul.z-tabs-nav > li.z-active{background: #fff;text-shadow: 0 1px 1px white;color: Black;filter: none;}.z-tabs.orange > ul.z-tabs-nav > li > a.z-link {color: white;text-shadow: 0 1px #5E1902;}.z-tabs.orange > ul.z-tabs-nav > li.z-active > a.z-link {color: black;text-shadow: 0 1px white;} .z-tabs.red > ul.z-tabs-nav, .z-tabs.red > ul.z-tabs-nav > li, .z-tabs.red > .z-container{border-color: #951100; border-style: solid;}.z-tabs.red > ul.z-tabs-nav > li{color: #fff; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8); background: #d84a38; background: -moz-linear-gradient(top, #dd4b39 0%, #d14836 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd4b39), color-stop(100%,#d14836)); background: -webkit-linear-gradient(top, #dd4b39 0%,#d14836 100%); background: -o-linear-gradient(top, #dd4b39 0%,#d14836 100%); background: -ms-linear-gradient(top, #dd4b39 0%,#d14836 100%); background: linear-gradient(to bottom, #dd4b39 0%,#d14836 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4b39', endColorstr='#d14836',GradientType=0 );} .z-tabs.red > ul.z-tabs-nav > li:hover {background: #d34332; background: -moz-linear-gradient(top, #dd4b39 0%, #c53727 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd4b39), color-stop(100%,#c53727)); background: -webkit-linear-gradient(top, #dd4b39 0%,#c53727 100%); background: -o-linear-gradient(top, #dd4b39 0%,#c53727 100%); background: -ms-linear-gradient(top, #dd4b39 0%,#c53727 100%); background: linear-gradient(to bottom, #dd4b39 0%,#c53727 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4b39', endColorstr='#c53727',GradientType=0 );} .z-tabs.red > ul.z-tabs-nav > li.z-active{background: white; color: #951100; text-shadow: none; filter: none;}.z-tabs.red > ul.z-tabs-nav > li > a.z-link {color: white;text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);}.z-tabs.red > ul.z-tabs-nav > li.z-active > a.z-link {text-shadow: 0 1px 1px white;color: Black} .z-tabs.silver > ul.z-tabs-nav, .z-tabs.silver > ul.z-tabs-nav > li, .z-tabs.silver > .z-container{border-color: #CECECE;border-style: solid;}.z-tabs.silver > ul.z-tabs-nav > li{filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDFCFC', endColorstr='#FBF9F9'); background-color: #F2F0F0; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(0.5, #FBF9F9), color-stop(0.5, #F7F5F6)); background-image: -webkit-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0); background-image: -moz-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0); background-image: -o-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0); background-image: -ms-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}.z-tabs.silver > ul.z-tabs-nav > li > a.z-link{color:#444;text-shadow: 0 1px #eee;}.z-tabs.silver > ul.z-tabs-nav > li:hover {background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #fbf9f9 50%, #f7f5f6 50%, #fcfcfc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(50%,#fbf9f9), color-stop(50%,#f7f5f6), color-stop(100%,#fcfcfc)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#fbf9f9 50%,#f7f5f6 50%,#fcfcfc 100%); background: -o-linear-gradient(top, #fcfcfc 0%,#fbf9f9 50%,#f7f5f6 50%,#fcfcfc 100%); background: -ms-linear-gradient(top, #fcfcfc 0%,#fbf9f9 50%,#f7f5f6 50%,#fcfcfc 100%); background: linear-gradient(to bottom, #fcfcfc 0%,#fbf9f9 50%,#f7f5f6 50%,#fcfcfc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fbf9f9',GradientType=0 );} .z-tabs.silver > ul.z-tabs-nav > li.z-active{ filter: none; background:#FFF; /* HINTERGRUND #dce3e6 */ -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; } .z-tabs.silver > ul.z-tabs-nav > li.z-active > a.z-link{color:black;text-shadow: 0 1px #fff;} .z-tabs.white > ul.z-tabs-nav, .z-tabs.white > ul.z-tabs-nav > li, .z-tabs.white > .z-container{border-color: #CECECE; border-style: solid;}.z-tabs.white > ul.z-tabs-nav > li{background: #fff;}.z-tabs.white > ul.z-tabs-nav > li a.z-link{color:#333;text-shadow: 0 1px #f5f5f5;}.z-tabs.white > ul.z-tabs-nav > li.z-active > a.z-link {text-shadow: 0 1px 1px white;color: #333}.z-tabs.white > ul.z-tabs-nav > li:hover {} .z-tabs.white > ul.z-tabs-nav > li.z-active{background: #fff; color: #333;text-shadow: none;box-shadow: none;filter: none;} .z-tabs.underlined,.z-tabs.underlined > ul.z-tabs-nav,.z-tabs.underlined > ul.z-tabs-nav > li,.z-tabs.underlined > ul.z-tabs-nav > li.z-first,.z-tabs.underlined > ul.z-tabs-nav > li.z-last,.z-tabs.underlined > ul.z-tabs-nav > li.z-first.z-active,.z-tabs.underlined > ul.z-tabs-nav > li.z-last.z-active,.z-tabs.underlined > ul.z-tabs-nav > li.z-active,.z-tabs.underlined > ul.z-tabs-nav > li:hover,.z-tabs.underlined > ul.z-tabs-nav > li > a.z-link,.z-tabs.underlined > ul.z-tabs-nav > li > a.z-link:hover,.z-tabs.underlined > .z-container{border-width: 0; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: none; filter: none;} .z-tabs.underlined.vertical > .z-container > .z-content > .z-content-inner {padding: 0 2em;} .z-tabs.underlined.horizontal > .z-container > .z-content > .z-content-inner {padding: 1.4em 0;}.z-tabs.underlined.horizontal.top-left > ul.z-tabs-nav > li.z-first,.z-tabs.underlined.horizontal.bottom-left > ul.z-tabs-nav > li.z-first{margin-left:0;}.z-tabs.underlined.horizontal.top-right > ul.z-tabs-nav > li.z-last,.z-tabs.underlined.horizontal.bottom-right > ul.z-tabs-nav > li.z-last{margin-right:0;}.z-tabs.underlined.horizontal > ul.z-tabs-nav > li,.z-tabs.underlined.horizontal > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.horizontal > ul.z-tabs-nav > li:hover{filter:none;background: transparent;padding:0;margin-left:16px;}.z-tabs.underlined.horizontal > ul.z-tabs-nav > li{opacity: 0.80;}.z-tabs.underlined.horizontal > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.horizontal > ul.z-tabs-nav > li:hover{opacity: 1;}.z-tabs.horizontal.underlined > ul.z-tabs-nav{border-width: 0;} .z-tabs.horizontal.underlined > ul.z-tabs-nav > li:hover,.z-tabs.horizontal.underlined > ul.z-tabs-nav > li.z-active{font-weight: normal; margin-bottom: 0;padding-bottom: 0;border-bottom: 3px solid}.z-tabs.horizontal.underlined > ul.z-tabs-nav > li.z-active {font-weight: bold;}.z-tabs.horizontal.underlined > ul.z-tabs-nav > li > a.z-link{text-shadow: 0 1px 1px white;color: #333}.z-tabs.horizontal.underlined > .z-container{border-width: 1px 0 0 0;}.z-tabs.underlined.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li, .z-tabs.underlined.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li.z-active, .z-tabs.underlined.horizontal.top-compact > ul.z-tabs-nav.z-tabs-desktop > li:hover {margin-left: 0;}.z-tabs.horizontal.underlined.bottom-left > ul.z-tabs-nav > li,.z-tabs.horizontal.underlined.bottom-center > ul.z-tabs-nav > li,.z-tabs.horizontal.underlined.bottom-right > ul.z-tabs-nav > li,.z-tabs.horizontal.underlined.bottom-compact > ul.z-tabs-nav > li{background: transparent; border-width: 0;margin:0;margin-left:16px;padding:0;}.z-tabs.horizontal.underlined.bottom-left > .z-container,.z-tabs.horizontal.underlined.bottom-center > .z-container,.z-tabs.horizontal.underlined.bottom-right > .z-container,.z-tabs.horizontal.underlined.bottom-compact > .z-container{border-width: 0 0 1px 0;}.z-tabs.horizontal.underlined.bottom-left > ul.z-tabs-nav > li:hover,.z-tabs.horizontal.underlined.bottom-center > ul.z-tabs-nav > li:hover,.z-tabs.horizontal.underlined.bottom-right > ul.z-tabs-nav > li:hover,.z-tabs.horizontal.underlined.bottom-compact > ul.z-tabs-nav > li:hover{background: transparent; border-width: 0;padding:0;color:#111;}.z-tabs.horizontal.underlined.bottom-left > ul.z-tabs-nav > li.z-active,.z-tabs.horizontal.underlined.bottom-center > ul.z-tabs-nav > li.z-active,.z-tabs.horizontal.underlined.bottom-right > ul.z-tabs-nav > li.z-active,.z-tabs.horizontal.underlined.bottom-compact > ul.z-tabs-nav > li.z-active{font-weight: bold; margin-bottom: 0;padding-bottom: 0;border-width:3px 0 0 0;background: #FCFCFC;}.z-tabs.horizontal.underlined.bottom-left > ul.z-tabs-nav.z-tabs-desktop > li,.z-tabs.horizontal.underlined.bottom-center > ul.z-tabs-nav.z-tabs-desktop > li,.z-tabs.horizontal.underlined.bottom-right > ul.z-tabs-nav.z-tabs-desktop > li,.z-tabs.horizontal.underlined.bottom-compact > ul.z-tabs-nav.z-tabs-desktop > li{margin-left: 0;}.z-tabs.vertical.underlined > ul.z-tabs-nav > li,.z-tabs.vertical.underlined > ul.z-tabs-nav > li:hover{filter:none;background: transparent;border-width: 0 1px 0 0;margin:0;padding:0;}.z-tabs.vertical.underlined > ul.z-tabs-nav > li > a.z-link{text-shadow: 0 1px 1px white;color: #333}.z-tabs.vertical.underlined > .z-container{border-width: 0;}.z-tabs.vertical.underlined >.z-container > .z-content .z-content-inner {padding: 0 2em;}.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav > li,.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav > li:hover{filter:none;background: transparent;border-width: 0 0 0 1px;margin:0;padding:0;}.z-tabs.vertical.underlined.top-left > ul.z-tabs-nav > li.z-active,.z-tabs.vertical.underlined.top-left > ul.z-tabs-nav > li:hover{font-weight: bold; margin-bottom: 0;padding-bottom: 0;border-right: 3px solid;background: #eee;}.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav > li.z-active,.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav > li:hover{font-weight: bold; margin-bottom: 0;padding-bottom: 0;border-left: 3px solid;background: #eee;}.z-tabs.vertical.underlined.top-right > ul.z-tabs-nav{border-width:0;} .ie7 body .z-tabs.underlined.vertical.top-right > ul.z-tabs-nav > li.z-active {border-right-width: 0 !important; border-left: 3px solid #444 !important; left:-1px;}.ie7 body .z-tabs.underlined.vertical.top-left > ul.z-tabs-nav > li.z-active {border-right: 3px solid #444 !important;}.z-tabs.horizontal.underlined.mini > ul.z-tabs-nav > li > a.z-link {padding: 6px 6px;}.z-tabs.horizontal.underlined.small > ul.z-tabs-nav > li > a.z-link{padding: 8px 8px;}.z-tabs.horizontal.underlined.medium > ul.z-tabs-nav > li > a.z-link{padding: 10px 10px;}.z-tabs.horizontal.underlined.large > ul.z-tabs-nav > li > a.z-link{padding: 10px 12px;}.z-tabs.horizontal.underlined.xlarge > ul.z-tabs-nav > li > a.z-link{padding: 12px 14px;}.z-tabs.horizontal.underlined.xxlarge > ul.z-tabs-nav > li > a.z-link{padding: 14px 16px;}.z-tabs.horizontal.underlined.mini > ul.z-tabs-nav > li:hover, .z-tabs.horizontal.underlined.mini > ul.z-tabs-nav > li.z-active,.z-tabs.horizontal.underlined.small > ul.z-tabs-nav > li:hover, .z-tabs.horizontal.underlined.small > ul.z-tabs-nav > li.z-active {border-bottom-width: 2px;}.z-tabs.underlined.red > .z-container,.z-tabs.underlined.red > ul.z-tabs-nav > li,.z-tabs.underlined.blue > .z-container,.z-tabs.underlined.blue > ul.z-tabs-nav > li,.z-tabs.underlined.deepblue> .z-container,.z-tabs.underlined.deepblue > ul.z-tabs-nav > li,.z-tabs.underlined.orange > .z-container,.z-tabs.underlined.orange > ul.z-tabs-nav > li,.z-tabs.underlined.green > .z-container,.z-tabs.underlined.green > ul.z-tabs-nav > li,.z-tabs.underlined.white > .z-container,.z-tabs.underlined.white > ul.z-tabs-nav > li,.z-tabs.underlined.silver > .z-container,.z-tabs.underlined.silver > ul.z-tabs-nav > li,.z-tabs.underlined.gray > .z-container,.z-tabs.underlined.gray > ul.z-tabs-nav > li,.z-tabs.underlined.black > .z-container,.z-tabs.underlined.black > ul.z-tabs-nav > li {border-color:#e6e6e6;}.z-tabs.underlined.red > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.red.vertical > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.red.vertical > ul.z-tabs-nav > li:hover,.z-tabs.underlined.red > ul.z-tabs-nav > li:hover{border-color:#DD4B39;}.z-tabs.underlined.blue > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.blue.vertical > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.blue.vertical > ul.z-tabs-nav > li:hover,.z-tabs.underlined.blue > ul.z-tabs-nav > li:hover{border-color:#00B0D8;}.z-tabs.underlined.deepblue > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.deepblue.vertical > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.deepblue.vertical > ul.z-tabs-nav > li:hover,.z-tabs.underlined.deepblue > ul.z-tabs-nav > li:hover{border-color:#1E69DE;}.z-tabs.underlined.orange > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.orange.vertical > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.orange.vertical > ul.z-tabs-nav > li:hover,.z-tabs.underlined.orange > ul.z-tabs-nav > li:hover{border-color:#FD9C00;}.z-tabs.underlined.green > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.green.vertical > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.green.vertical > ul.z-tabs-nav > li:hover,.z-tabs.underlined.green > ul.z-tabs-nav > li:hover{border-color:#093;}.z-tabs.underlined.white > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.white.vertical > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.white.vertical > ul.z-tabs-nav > li:hover,.z-tabs.underlined.white > ul.z-tabs-nav > li:hover{border-color:#D8D8D8;}.z-tabs.underlined.crystal > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.crystal.vertical > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.crystal.vertical > ul.z-tabs-nav > li:hover,.z-tabs.underlined.crystal > ul.z-tabs-nav > li:hover{border-color:#999;}.z-tabs.underlined.silver > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.silver.vertical > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.silver.vertical > ul.z-tabs-nav > li:hover,.z-tabs.underlined.silver > ul.z-tabs-nav > li:hover{border-color:#777;}.z-tabs.underlined.gray > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.gray.vertical > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.gray.vertical > ul.z-tabs-nav > li:hover,.z-tabs.underlined.gray > ul.z-tabs-nav > li:hover{border-color:#333;}.z-tabs.underlined.black > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.black.vertical > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.black.vertical > ul.z-tabs-nav > li:hover,.z-tabs.underlined.black > ul.z-tabs-nav > li:hover{border-color:black;} .z-tabs.z-multiline.white > ul.z-tabs-nav > li{opacity: .85;} .z-tabs.z-multiline.white > ul.z-tabs-nav > li.z-active, .z-tabs.z-multiline.white > ul.z-tabs-nav > li:hover {opacity: 1;}.z-tabs.z-multiline.vertical > ul.z-tabs-nav > li > a.z-link,.z-tabs.z-multiline.horizontal > ul.z-tabs-nav > li > a.z-link{line-height: 18px; display: block; margin: 0px; padding: 16px 20px 16px 20px; text-transform: uppercase; letter-spacing: 1px;}.z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-desktop > li > a.z-link > span,.z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-mobile > li > a.z-link > span > span{display: block; font-size: .9em; font-weight: normal; text-transform: none; line-height: 1.65em; opacity: 1; margin-top: 0.05em; letter-spacing: 0px;} .z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-desktop > li > a.z-link > span.z-icon, .z-tabs.z-multiline > ul.z-tabs-nav.z-tabs-mobile > li > a.z-link > span > span.z-icon {line-height: 1em;}.z-tabs.z-multiline.mini > ul.z-tabs-nav > li > a.z-link {padding: 12px 28px 12px 12px;height: 32px;}.z-tabs.z-multiline.small > ul.z-tabs-nav > li > a.z-link {padding: 14px 32px 14px 14px;height: 34px;}.z-tabs.z-multiline.medium > ul.z-tabs-nav > li > a.z-link {padding: 16px 36px 16px 16px;height: 34px;}.z-tabs.z-multiline.large > ul.z-tabs-nav > li > a.z-link {padding: 17px 40px 17px 17px;height: 36px;}.z-tabs.z-multiline.xlarge > ul.z-tabs-nav > li > a.z-link {padding: 18px 44px 18px 18px;height: 36px;}.z-tabs.z-multiline.xxlarge > ul.z-tabs-nav > li > a.z-link{padding: 18px 48px 18px 18px;height: 38px;} .z-tabs.horizontal.z-multiline.top-compact.mini > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.z-multiline.bottom-compact.mini > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.z-multiline.top.responsive.mini > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.z-multiline.bottom.responsive.mini > ul.z-tabs-nav > li > a.z-link {padding: 12px}.z-tabs.horizontal.z-multiline.top-compact.small > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.z-multiline.bottom-compact.small > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.z-multiline.top.responsive.small > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.z-multiline.bottom.responsive.small > ul.z-tabs-nav > li > a.z-link {padding: 14px}.z-tabs.horizontal.z-multiline.top-compact.medium > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.z-multiline.bottom-compact.medium > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.z-multiline.top.responsive.medium > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.z-multiline.bottom.responsive.medium > ul.z-tabs-nav > li > a.z-link {padding: 16px}.z-tabs.horizontal.z-multiline.top-compact.large > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.z-multiline.bottom-compact.large > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.z-multiline.top.responsive.large > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.z-multiline.bottom.responsive.large > ul.z-tabs-nav > li > a.z-link {padding: 17px}.z-tabs.horizontal.z-multiline.top-compact.xlarge > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.z-multiline.bottom-compact.xlarge > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.z-multiline.top.responsive.xlarge > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.z-multiline.bottom.responsive.xlarge > ul.z-tabs-nav > li > a.z-link {padding: 18px;}.z-tabs.horizontal.z-multiline.top-compact.xxlarge > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.z-multiline.bottom-compact.xxlarge > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.z-multiline.top.responsive.xxlarge > ul.z-tabs-nav > li > a.z-link,.z-tabs.horizontal.z-multiline.bottom.responsive.xxlarge > ul.z-tabs-nav > li > a.z-link {padding: 18px} .z-tabs.horizontal.top.white.z-bordered > ul.z-tabs-nav.z-tabs-desktop > li.z-active > a.z-link {margin-top: -2px;}.z-tabs.horizontal.top.white.z-bordered > ul.z-tabs-nav.z-tabs-desktop > li.z-active {border-top: 3px solid #D13636;}.z-tabs.horizontal.bottom.white.z-bordered > ul.z-tabs-nav.z-tabs-desktop > li.z-active > a.z-link {margin-bottom: -2px;}.z-tabs.horizontal.bottom.white.z-bordered > ul.z-tabs-nav.z-tabs-desktop > li.z-active {border-bottom: 3px solid #D13636;}.z-tabs.horizontal.top.mobile.white.z-bordered > ul.z-tabs-nav.z-tabs-desktop > li.z-active > a.z-link {margin-top: 0;}.z-tabs.horizontal.top.mobile.white.z-bordered > ul.z-tabs-nav.z-tabs-desktop > li.z-active {border-top: none}.z-tabs.horizontal.bottom.mobile.white.z-bordered > ul.z-tabs-nav.z-tabs-desktop > li.z-active > a.z-link {margin-bottom: 0;}.z-tabs.horizontal.bottom.mobile.white.z-bordered > ul.z-tabs-nav.z-tabs-desktop > li.z-active {border-bottom: 1px solid #CECECE;}.z-tabs.vertical.top-left.white.z-bordered > ul.z-tabs-nav.z-tabs-desktop > li.z-active > a.z-link {border-left: 3px solid #D13636;}.z-tabs.vertical.top-right.white.z-bordered > ul.z-tabs-nav.z-tabs-desktop > li.z-active > a.z-link {border-right: 3px solid #D13636;}.z-tabs.vertical.mobile.top-left.white.z-bordered > ul.z-tabs-nav.z-tabs-desktop > li.z-active > a.z-link,.z-tabs.vertical.mobile.top-right.white.z-bordered > ul.z-tabs-nav.z-tabs-desktop > li.z-active > a.z-link {border-left:inherit} .z-tabs.clean.horizontal.top > ul.z-tabs-nav > li.z-active,.z-tabs.clean.horizontal.bottom > ul.z-tabs-nav > li.z-active{background: #fff; margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0;}.z-tabs.clean.horizontal > ul.z-tabs-nav.z-tabs-desktop > li.z-active > a.z-link {margin-top: 0; margin-bottom: 0;}.z-tabs.clean.horizontal.top > ul.z-tabs-nav.z-tabs-desktop > li,.z-tabs.clean.horizontal.bottom > ul.z-tabs-nav.z-tabs-desktop > li{border-top-width: 1px; border-bottom-width: 1px;}.z-tabs.clean > .z-container{border-width: 0; background: none;}.z-tabs.clean.horizontal > .z-container > .z-content > .z-content-inner{padding: 2em 0;}.z-tabs.clean.vertical.z-shadows > ul.z-tabs-nav,.z-tabs.clean.vertical.z-shadows > .z-container{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .z-tabs.clean.horizontal.z-shadows > ul.z-tabs-nav > li.z-active, .z-tabs.clean.vertical.z-shadows > ul.z-tabs-nav > li.z-active {-webkit-box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.13); -moz-box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.13); box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.13); background: rgb(243, 243, 243);}.z-tabs.clean.horizontal.z-shadows.large > ul.z-tabs-nav > li.z-active{-webkit-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.13); -moz-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.13); box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.13);}.z-tabs.clean.horizontal.z-shadows.xlarge > ul.z-tabs-nav > li.z-active,.z-tabs.clean.horizontal.z-shadows.xxlarge > ul.z-tabs-nav > li.z-active{-webkit-box-shadow: inset 0px 0px 16px 0px rgba(0, 0, 0, 0.13); -moz-box-shadow: inset 0px 0px 16px 0px rgba(0, 0, 0, 0.13); box-shadow: inset 0px 0px 16px 0px rgba(0, 0, 0, 0.13);}.z-tabs.clean.top.z-shadows > .z-container,.z-tabs.clean.bottom.z-shadows > .z-container{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}.z-tabs.clean.horizontal.z-rounded.top > ul.z-tabs-nav > li.z-first,.z-tabs.clean.horizontal.z-rounded.top > ul.z-tabs-nav > li.z-first > a.z-link{-webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}.z-tabs.clean.horizontal.top.z-rounded > ul.z-tabs-nav > li.z-last,.z-tabs.clean.horizontal.top.z-rounded > ul.z-tabs-nav > li.z-last > a.z-link{-webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}.z-tabs.clean.vertical > ul.z-tabs-nav.z-tabs-desktop{border-width: 1px 1px 1px 1px;}.z-tabs.clean.vertical > ul.z-tabs-nav > li.z-active{z-index: 7;}.z-tabs.clean.vertical > .z-container > .z-content > .z-content-inner{padding: 0 2em;}.z-tabs.clean.vertical.z-rounded > ul.z-tabs-nav.z-tabs-desktop{-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}.z-tabs.clean.vertical.mobile.z-rounded > ul.z-tabs-nav.z-tabs-desktop{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}.z-tabs.clean.vertical.z-rounded > ul.z-tabs-nav.z-tabs-desktop > li.z-first,.z-tabs.clean.vertical.z-rounded > ul.z-tabs-nav.z-tabs-desktop > li.z-first > a.z-link{-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}.z-tabs.clean.vertical.z-rounded > ul.z-tabs-nav.z-tabs-desktop > li.z-last,.z-tabs.clean.vertical.z-rounded > ul.z-tabs-nav.z-tabs-desktop > li.z-last > a.z-link{-webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}.z-tabs.horizontal.clean.responsive.top > ul.z-tabs-nav > li{border-bottom-width: 0;}.z-tabs.horizontal.clean.responsive.bottom > ul.z-tabs-nav > li{border-top-width: 0;}.z-tabs.horizontal.clean.responsive.z-rounded.top > ul.z-tabs-nav > li.z-first,.z-tabs.horizontal.clean.responsive.z-rounded.top > ul.z-tabs-nav > li.z-first > a.z-link{-webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0;}.z-tabs.clean.horizontal.responsive.z-rounded.top > ul.z-tabs-nav > li.z-last,.z-tabs.clean.horizontal.responsive.z-rounded.top > ul.z-tabs-nav > li.z-last > a.z-link{-webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}.z-tabs.clean.top.responsive > .z-container{border-top-width: 1px;}.z-tabs.clean.bottom.responsive > .z-container{border-bottom-width: 1px;}.z-tabs.clean.horizontal.mobile.top > ul.z-tabs-nav.z-tabs-desktop > li,.z-tabs.clean.horizontal.mobile.bottom > ul.z-tabs-nav.z-tabs-desktop > li{border-bottom-width: 0;} .z-grid {margin : 0 auto; padding : 0 0 0 1%;}.z-grid-1200 {max-width : 1220px;}.z-grid-1000 {max-width : 1020px;}.z-row {clear : both; padding : 0 10px;} .z-row :after {content: "."; height: 0; clear: both; visibility: hidden;}.z-row {zoom : 1;} .z-row [class*="col"] {margin-left: 1.81818%; float: left; display: block; margin: 1% 0 1% 1.6%; margin: 0 0 0 1.6%; min-height: 1px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.col12 {width : 100%;}.col11 {width : 91.46%;}.col10 {width : 83%;}.col9 {width : 74.54%;}.col8 {width : 66.08%;}.col7 {width : 57.62%;}.col6 {width : 49.16%;}.col5 {width : 40.7%;}.col4 {width : 32.24%;}.col3 {width : 23.78%;}.col2 {width : 15.32%;}.col1 {width : 6.86%;}.z-row [class*="col"]:first-child {margin-left : 0;}.z-row [class*="col"] img {width : 100%; height : auto; display : block;}@media all and (min-width: 1024px) {.z-grid-1000 {max-width: 1000px;} .z-grid-1000 .z-row {padding: 0;}}@media all and (max-width: 768px){.z-row [class*="col"]{float : none; width : auto; margin : 10px 0 10px 0;}} .z-tabs > ul.z-tabs-nav.z-tabs-mobile{display: none;}.z-tabs.horizontal > ul.z-tabs-nav.z-tabs-mobile,.z-tabs.horizontal > ul.z-tabs-nav.z-tabs-mobile > li{width: 100%; float: none;}.z-tabs.horizontal.responsive > ul.z-tabs-nav.z-tabs-desktop > li{float: left; margin: 0 -2px 0 0;} .z-tabs.horizontal.responsive > ul.z-tabs-nav.z-tabs-desktop > li.z-last:nth-child(odd) {width: 100%;}.ie7 .z-tabs.horizontal.responsive > ul.z-tabs-nav.z-tabs-desktop > li{margin-right: -3px;}.z-tabs.horizontal.responsive > ul.z-tabs-nav{width: 100%;} .z-tabs.horizontal.responsive > ul.z-tabs-nav > li.z-active {margin-bottom: 0px; padding-bottom: 0px; z-index: initial;}.z-tabs.horizontal.responsive.bottom-left > ul.z-tabs-nav > li.z-active{margin-top: 0px; margin-bottom: 0px; padding: 0; z-index: initial;}.z-tabs.horizontal.responsive > ul.z-tabs-nav.z-tabs-desktop{display: block; width: 100%;}.z-tabs.horizontal.responsive.underlined > ul.z-tabs-nav{border-width: 0;} .z-tabs.horizontal.responsive.underlined > ul.z-tabs-nav > li.z-active, .z-tabs.horizontal.responsive.underlined > ul.z-tabs-nav > li:hover {border-top-width: 0; border-bottom-width: 0;}.z-tabs.underlined.horizontal > ul.z-tabs-nav.z-tabs-mobile > li{margin-left: 0;} .z-tabs.underlined.horizontal > ul.z-tabs-nav.z-tabs-mobile > li a.z-link {padding-left: 0;}.z-tabs.responsive.top-left.z-rounded > ul.z-tabs-desktop > li.z-right,.z-tabs.responsive.top-left.z-rounded > ul.z-tabs-desktop > li.z-right > a.z-link{-webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0;}.z-tabs.responsive.z-rounded.bottom-left > ul.z-tabs-nav > li.z-first,.z-tabs.responsive.z-rounded.bottom-left > ul.z-tabs-nav > li.z-first > a.z-link{-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}.z-tabs.responsive.z-rounded.bottom-left > ul.z-tabs-nav > li.z-left,.z-tabs.responsive.z-rounded.bottom-left > ul.z-tabs-nav > li.z-left > a.z-link{-webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px;}.z-tabs.responsive.z-rounded.bottom-left > ul.z-tabs-nav > li.z-right,.z-tabs.responsive.z-rounded.bottom-left > ul.z-tabs-nav > li.z-right > a.z-link{-webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0;} .z-tabs.mobile > ul.z-tabs-nav,.z-tabs.mobile > ul.z-tabs-nav > li,.z-tabs.mobile > ul.z-tabs-nav > li.z-active,.z-tabs.mobile > .z-container,.z-tabs.mobile > .z-container > .z-content{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-shadow: none;}.z-tabs.mobile > ul.z-tabs-desktop{height: auto; opacity: 1; visibility: visible; -webkit-transition: opacity 400ms ease-in-out; -moz-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out;}.z-tabs.mobile.z-shadows > ul.z-tabs-mobile{-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.8) inset; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.8) inset; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.8) inset;}.z-tabs.mobile > ul.z-tabs-nav.z-tabs-desktop > li{float: none; display: block;}.z-tabs.mobile > ul.z-tabs-desktop.z-hide-menu{opacity: 0; height: 0; visibility: hidden;}.z-tabs.mobile > .z-container{margin-top: 2px; width: auto;}.z-tabs.mobile.horizontal.top-compact > .z-container,.z-tabs.mobile.horizontal.bottom-compact > .z-container {margin-right: 0px !important;}.z-tabs.mobile > ul.z-tabs-mobile > li > a.z-link > span.z-title{margin-left: 6px; opacity: 1;}.z-tabs.mobile > ul.z-tabs-mobile.z-state-closed > li > a.z-link > span.z-title{margin-left: 6px; opacity: 1;}.z-tabs.mobile.horizontal > ul.z-tabs-nav > li > a.z-link,.z-tabs.mobile.vertical > ul.z-tabs-nav > li > a.z-link{padding-left: 0 !important; padding-right: 0 !important; margin: 0 18px !important;}.z-tabs.mobile > ul.z-tabs-mobile.z-state-closed > li > a.z-link > span.z-arrow{-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); opacity: 1;}.z-tabs.mobile > ul.z-tabs-mobile > li > a.z-link > span.z-arrow{right: -10px; position: absolute; opacity: .25; background: url("../../files/img/z-tabs-icons.png") no-repeat top left; background-position: -132px -4px; width: 25px; height: 40px; top: 50%; margin-top: -23px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);}.z-tabs.mobile.right > ul.z-tabs-mobile > li > a.z-link > span.z-arrow{left: -10px; margin-top: -16px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg);}.z-tabs.mobile.right > ul.z-tabs-mobile.z-state-closed > li > a.z-link > span.z-arrow{opacity: 1; margin-top: -23px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg);}.z-tabs.mobile > ul.z-tabs-mobile > li > a.z-link > i.z-icon-menu{background: url("../../files/img/z-tabs-icons.png") no-repeat top left; background-position: -1470px -3px; width: 28px; height: 30px; margin-top: -24px; margin-left: -6px; display: inline-block;}.z-tabs.mobile.z-icons-light > ul.z-tabs-mobile > li > a.z-link > i.z-icon-menu {background-position: -1470px -60px;}.z-tabs.mobile.z-icons-light > ul.z-tabs-mobile > li > a.z-link > span.z-arrow {background-position: -132px -61px;}.z-tabs.mobile > ul.z-tabs-mobile.z-state-closed > li > a.z-link > span.z-arrow {right: 0px;}.z-tabs.mobile > ul.z-tabs-nav.z-tabs-mobile.z-state-closed{border-width: 1px;}.z-tabs.mobile.vertical.z-rounded > ul.z-tabs-mobile.z-state-closed,.z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-mobile.z-state-closed{-webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;} .z-tabs.mobile.vertical.z-rounded > ul.z-tabs-mobile.z-state-closed > li, .z-tabs.mobile.vertical.z-rounded > ul.z-tabs-mobile.z-state-closed > li > a.z-link, .z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-mobile.z-state-closed > li, .z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-mobile.z-state-closed > li > a.z-link {-webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}.z-tabs.mobile.vertical.z-rounded > ul.z-tabs-mobile,.z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-mobile{-webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -khtml-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;} .z-tabs.mobile.vertical.z-rounded > ul.z-tabs-mobile > li, .z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-mobile > li {-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}.z-tabs.mobile.vertical.z-rounded > ul.z-tabs-nav > li.z-last,.z-tabs.mobile.vertical.z-rounded > ul.z-tabs-nav > li.z-last > a.z-link,.z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-nav > li.z-last,.z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-nav > li.z-last > a.z-link{-webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}.z-tabs.mobile.vertical.z-rounded > ul.z-tabs-desktop,.z-tabs.mobile.horizontal.z-rounded > ul.z-tabs-desktop{-webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -khtml-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;} .z-tabs.mobile.horizontal > ul.z-tabs-nav > li.z-active{margin: 0; padding: 0;}.z-tabs.mobile.horizontal > ul.z-tabs-nav > li{border-width: 0px 0px 1px 0px;} .z-tabs.mobile.horizontal > ul.z-tabs-nav > li > a.z-link {text-align: left;}.z-tabs.mobile.horizontal > ul.z-tabs-nav.z-tabs-desktop > li.z-last{border-bottom-width: 0;}.z-tabs.mobile.horizontal > ul.z-tabs-nav > li{margin: 0;}.z-tabs.mobile.underlined.horizontal > ul.z-tabs-nav > li, .z-tabs.mobile.underlined.horizontal > ul.z-tabs-nav > li.z-active, .z-tabs.mobile.underlined.horizontal > ul.z-tabs-nav > li:hover {margin-left: 0;}.z-tabs.mobile.horizontal.underlined > .z-container {border-width: 0;}.z-tabs.mobile.horizontal.underlined > ul.z-tabs-nav > li:hover, .z-tabs.mobile.horizontal.underlined > ul.z-tabs-nav > li.z-active {border-bottom-width: 1px;}.z-tabs.mobile.vertical > ul.z-tabs-nav,.z-tabs.mobile.horizontal > ul.z-tabs-nav {width: auto; border-width: 1px 1px 0 1px; float: none; border-bottom-width: 1px; display:block; padding:0; margin:0; min-width:0 !important;}.z-tabs.mobile.vertical ul.z-tabs-mobile,.z-tabs.mobile.horizontal ul.z-tabs-mobile {border-bottom-width: 0px;} .z-tabs.mobile.vertical ul.z-tabs-mobile > li, .z-tabs.mobile.horizontal ul.z-tabs-mobile > li{float: none; border-width: 0px;}.z-tabs.mobile.horizontal.bottom > .z-container {margin-bottom: 4px;}.z-tabs.mobile.vertical.z-rounded > .z-container,.z-tabs.mobile.horizontal.z-rounded > .z-container {-webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;}.z-tabs.mobile.vertical >.z-container > .z-content .z-content-inner{padding: 2em;}.z-tabs.mobile.horizontal.top > ul.z-tabs-nav.z-tabs-desktop > li.z-first, .z-tabs.mobile.horizontal.bottom > ul.z-tabs-nav.z-tabs-desktop > li.z-first {border-top-width: 0;}.z-tabs.mobile.underlined > ul.z-tabs-nav > li > a.z-link {text-transform: uppercase;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}.z-tabs.mobile.underlined > ul.z-tabs-desktop > li,.z-tabs.mobile.underlined > ul.z-tabs-desktop > li > a {-moz-transition: background-color 200ms ease-out, color 200ms ease-out,text-shadow 200ms ease-out; -o-transition: background-color 200ms ease-out, color 200ms ease-out,text-shadow 200ms ease-out; -webkit-transition: background-color 200ms ease-out, color 200ms ease-out,text-shadow 200ms ease-out; -ms-transition: background-color 200ms ease-out, color 200ms ease-out,text-shadow 200ms ease-out; transition: background-color 200ms ease-out, color 200ms ease-out,text-shadow 200ms ease-out;} .z-tabs.underlined.mobile > ul.z-tabs-nav > li,.z-tabs.underlined.mobile > ul.z-tabs-nav > li.z-active,.z-tabs.underlined.mobile > ul.z-tabs-nav > li.z-last,.z-tabs.underlined.mobile > ul.z-tabs-nav > li:hover,.z-tabs.underlined.mobile > ul.z-tabs-nav > li.z-last:hover{border-color: #E6E6E6; background: #fff; border-width: 0 0 1px 0 !important; opacity: 1; border-style: dotted;}.z-tabs.underlined.horizontal.mobile > ul.z-tabs-nav > li.z-last {border-width: 0 0 1px 0;}.z-tabs.underlined.mobile > ul.z-tabs-nav.z-tabs-mobile,.z-tabs.underlined.mobile > ul.z-tabs-nav.z-tabs-desktop{border-width:0;} .z-tabs.underlined.mobile.hover > ul.z-tabs-nav.z-tabs-desktop > li.z-active,.z-tabs.underlined.mobile.hover > ul.z-tabs-nav.z-tabs-desktop > li:hover {background: #FAFAFA;}.z-tabs.underlined.mobile.hover > ul.z-tabs-nav.z-tabs-desktop > li.z-active > a,.z-tabs.underlined.mobile.hover > ul.z-tabs-desktop > li:hover > a{color: #333;text-shadow: 1px 0px 1px rgba(175, 175, 175, 0.25);} .z-tabs.underlined.mobile.m-red > ul.z-tabs-desktop > li.z-active > a,.z-tabs.underlined.mobile.hover.m-red > ul.z-tabs-desktop > li:hover > a{color: #DD4B39;}.z-tabs.underlined.mobile.m-blue > ul.z-tabs-desktop > li.z-active > a,.z-tabs.underlined.mobile.hover.m-blue > ul.z-tabs-desktop > li:hover > a{color: #00B0D8;}.z-tabs.underlined.mobile.m-deepblue > ul.z-tabs-desktop > li.z-active > a,.z-tabs.underlined.mobile.hover.m-deepblue > ul.z-tabs-desktop > li:hover > a{color: #1E69DE;}.z-tabs.underlined.mobile.m-orange > ul.z-tabs-desktop > li.z-active > a,.z-tabs.underlined.mobile.hover.m-orange > ul.z-tabs-desktop > li:hover > a{color: #FD9C00;}.z-tabs.underlined.mobile.m-green > ul.z-tabs-desktop > li.z-active > a,.z-tabs.underlined.mobile.hover.m-green > ul.z-tabs-desktop > li:hover > a{color: #093;}.z-tabs.z-tabs *,.z-tabs ul,.z-tabs ul li,.z-tabs ul li a,.z-tabs .z-container .z-content {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-touch-callout: none;outline: none;} /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper { max-width:none; background:#FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } #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;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{ background:#000000; } #colorbox{outline:0;} #cboxTopLeft{width:14px; height:14px;} #cboxTopCenter{height:14px;} #cboxTopRight{width:14px; height:14px;} #cboxBottomLeft{width:14px; height:43px;} #cboxBottomCenter{height:43px;} #cboxBottomRight{width:14px; height:43px;} #cboxMiddleLeft{width:14px;} #cboxMiddleRight{width:14px;} #cboxContent{background:#fff; overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url("../../images/libox/loading_background.png") no-repeat center center;} #cboxLoadingGraphic{background:url("../../images/libox/loading.gif") no-repeat center center;} #cboxTitle{position:absolute; bottom:-26px; left:0; text-align:left; width:100%; font-weight:bold; color:#7C7C7C; padding-right:185px; } #cboxCurrent{position:absolute; bottom:-26px; right:139px; font-weight:bold; color:#7C7C7C;} #cboxCurrent, #cboxTitle {font-weight:400; font-size:13px; color:#5c707d; } /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border:0; padding:0; margin:0; overflow:visible; position:absolute; bottom:-34px; background:url("../../images/libox/libox.png") no-repeat 0px 0px; width:23px; height:35px; width:35px; text-indent:-9999px; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0; } #cboxPrevious{right:58px; background-position: -3px 0px;} /*#cboxPrevious:hover{background-position:-51px 0px;}*/ #cboxNext{right:31px; background-position:-90px 0px;} /*#cboxNext:hover{background-position:-75px 0px;}*/ #cboxClose{right:-4px; background-position:-137px 0px;} /*#cboxClose:hover{background-position:-100px 0px;}*/ .cboxSlideshow_on #cboxSlideshow{background-position:-46px -35px; right:91px;} /* .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;} */ .cboxSlideshow_off #cboxSlideshow{background-position:-45px 0px; right:91px;} /*.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}*/ .mejs-offscreen{ /* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */ clip: rect(1px 1px 1px 1px); /* IE6, IE7 - no likey commas */ clip: rect(1px, 1px, 1px, 1px); /* IE8-IE11 - we likey commas, no support for clip-path */ clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px); 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; } /* PATCH */ .mejs-audio { margin-top:18px; } /* PATCH EOF */ .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 { /* set it to not show scroll bars so 100% will work */ 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; } /* Start: LAYERS */ .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, 0.9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9)); } .mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url("../../assets/jquery/mediaelement/2.21.2/images/loading.gif") 50% 50% no-repeat; } /* End: LAYERS */ /* Start: CONTROL BAR */ .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, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); height: 30px; width: 100%; } .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; font-family: Helvetica, Arial; border: 0; } .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url("../../assets/jquery/mediaelement/2.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"); } /* :focus for accessibility */ .mejs-controls .mejs-button button:focus { outline: dotted 1px #999; } /* End: CONTROL BAR */ /* Start: Time (Current / Duration) */ .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; } /* End: Time (Current / Duration) */ /* Start: Play/Pause/Stop */ .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; } /* Start: Play/Pause/Stop */ /* Start: Progress Bar */ .mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; padding-top: 5px; } .mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a { display: block; position: absolute; width: 180px; height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: rgba(50,50,50,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); } .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; } @-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } @keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #3caac8; background: rgba(60,170,200,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8))); background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8)); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-current { background: #fff; background: rgba(255,255,255,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8)); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; } /* .mejs-controls .mejs-time-rail:hover .mejs-time-handle { visibility:visible; } */ /* End: Progress Bar */ /* Start: Fullscreen */ .mejs-controls .mejs-fullscreen-button button { background-position: -32px 0; } .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; } /* End: Fullscreen */ /* Start: Mute/Volume */ .mejs-controls .mejs-volume-button { } .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, 0.7); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } .mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } /* .mejs-controls .mejs-volume-button:hover .mejs-volume-slider { display: block; } */ .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; } /* horizontal version */ .mejs-controls a.mejs-horizontal-volume-slider { height: 26px; width: 56px; position: relative; display: block; float: left; vertical-align: middle; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #333; background: rgba(50,50,50,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; background: rgba(255,255,255,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } /* End: Mute/Volume */ /* Start: Track (Captions and Chapters) */ .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,0.7); border: solid 1px transparent; padding: 10px 10px 0 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-captions-button: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, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000); overflow: hidden; border: 0; } .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; } .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102,102,102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6))); background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232); } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; } .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align:center; line-height: 20px; font-size: 16px; color: #fff; } .mejs-captions-layer a { color: #fff; text-decoration: underline; } .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } .mejs-captions-position-hover { bottom: 35px; } .mejs-captions-text { padding: 3px 5px; background: url("../../assets/jquery/mediaelement/2.21.2/images/background.png"); background: rgba(20, 20, 20, 0.5); white-space: pre-wrap; } /* End: Track (Captions and Chapters) */ /* Start: Error */ .me-cannotplay { } .me-cannotplay a { color: #fff; font-weight: bold; } .me-cannotplay span { padding: 15px; display: block; } /* End: Error */ /* Start: Loop */ .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0; } /* End: Loop */ /* Start: backlight */ .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } /* End: backlight */ /* Start: Picture Controls */ .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; } /* End: Picture Controls */ /* context menu */ .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ } .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; } /* Start: Source Chooser */ .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,0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } /* End: Source Chooser */ /* Start: Postroll */ .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,0.7); z-index: 1000; overflow: hidden; } .mejs-postroll-layer-content { width: 100%; height: 100%; } .mejs-postroll-close { position: absolute; right: 0; top: 0; background: url("../../assets/jquery/mediaelement/2.21.2/images/background.png"); background: rgba(50,50,50,0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; } /* End: Postroll */ /* Start: Speed */ div.mejs-speed-button { width: 46px !important; position: relative; } .mejs-controls .mejs-button.mejs-speed-button button { background: transparent; width: 36px; font-size: 11px; line-height: normal; color: #ffffff; } .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, 0.7); border: solid 1px transparent; padding: 0; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-speed-button:hover > .mejs-speed-selector { display: block; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected { color: rgba(33, 248, 248, 1); } .mejs-controls .mejs-speed-button .mejs-speed-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li { margin: 0 0 6px 0; padding: 0 10px; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; display: none; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label { width: 60px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 11.5px; color: white; margin-left: 5px; cursor: pointer; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover { background-color: rgb(200, 200, 200) !important; background-color: rgba(255,255,255,.4) !important; } /* End: Speed */ /* Start: Jump Forward */ .mejs-controls .mejs-button.mejs-jump-forward-button { background: transparent 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: transparent; font-size: 9px; line-height: normal; color: #ffffff; } /* End: Jump Forward */ /* Start: Skip Back */ .mejs-controls .mejs-button.mejs-skip-back-button { background: transparent 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: transparent; font-size: 9px; line-height: normal; color: #ffffff; } /* End: Skip Back */ /* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */ html, body { height:100%; } body { position:relative; margin:0; padding:0; font-size:100.01%; } body * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form,figure { margin:0; padding:0} header,footer,nav,section,aside,article,figure,figcaption,div[class*="ce_"] { display:block; position:relative; } .mod_article, .mod_article .article_inside { position:relative; } select,input,textarea { font-size:99%} #container,.inside { position:relative; } #main,#left,#right { float:left; position:relative; } #footer { clear:both;} #main .inside, #left .inside, #right .inside { min-height:1px; } img { border:0; max-width:100%; height:auto; /*-ms-interpolation-mode:bicubic; width:auto\9;*/ } #map_canvas img { max-width:none; } .image_container { position:relative; line-height:1px; } .image_container img, #header img { display:block; } .ie7 img {-ms-interpolation-mode:bicubic} .ie8 img { width:auto; } .ie8 .ce_percentbox-start img, .ie8 .ce_gridbox-start img { width:100%; } /* Bildkorrekturen fuer FFox, Opera */ .ie .ce_percentbox-start img, .ie .ce_gallery img, .ie *[class*="prozent"] .image_container img, .ie *[class*="imgfloat"] .image_container img, .ie .image_container img, .ie .spacer_container img, .firefox .ce_percentbox-start img, .firefox .ce_gallery img, .firefox *[class*="prozent"] .image_container img, .firefox *[class*="imgfloat"] .image_container img, .firefox .image_container img, .firefox .spacer_container img, .opera .ce_percentbox-start img, .opera .ce_gallery img, .opera *[class*="prozent"] .image_container img, .opera *[class*="imgfloat"] .image_container img, .opera .image_container img, .opera .spacer_container img { width: 100%; } .ie8 .ce_percentbox-start img, .ie8 .ce_gallery img, .ie8 *[class*="prozent"] .image_container img, .ie8 *[class*="imgfloat"] .image_container img, .ie8 .image_container img, .ie8 .spacer_container img { -ms-interpolation-mode:bicubic; width:auto\9; } video, audio { vertical-align:middle; border:0px; max-width:100%; } .ce_gallery ul { margin:0; padding:0; overflow:hidden; list-style:none} .ce_gallery>ul li { float:left} .ce_gallery>ul li.col_first { clear:left} .float_left { float:left; } .float_right { float:right; } .block { overflow:hidden } .clear,#clear { height:.1px; font-size:.1px; line-height:.1px; clear:both; } .invisible, .unsichtbar { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; } .custom { display:block; } #container:after, .container:after, #header:after, .custom:after { content:""; display:table; clear:both; } /* CLEAR FIX - http://nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } p,pre,form,figure { margin:0; padding:0; } table { border-spacing:0; } div.error,p.error { margin:0; /*padding:2px 0 0; font-size:10px;*/ color:#C00; } *[class*="ce_"], *[class*="mod_"], .article_inside { position:relative; } iframe { border:none; } @font-face { font-family: 'FontAwesome'; src: url("../../fonts/fontawesome-webfont.eot?v=4.0.3"); src: url("../../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format('embedded-opentype'), url("../../fonts/fontawesome-webfont.woff?v=4.0.3") format('woff'), url("../../fonts/fontawesome-webfont.ttf?v=4.0.3") format('truetype'), url("../../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format('svg'); font-weight: normal; font-style: normal; } *[class*="icon-"]:before { font-family: 'FontAwesome'; font-weight: normal; font-size:inherit; line-height:inherit; display:inline-block; margin-right:0.4em; font-style:normal; } a:focus, button:focus, *:focus {outline:none;} /* Beginn Layout CSS ( Spaltenabstand 10px ) */ body { background-color:#f0f0f0; font-size:1em; font-family:'Open Sans', Arial, Helvetica, sans-serif; } /* CONTAINER-ABSTAENDE */ /* Wenn Bereich_oben oder unten NICHT leer */ #abstand_oben { display:block; width:100%; height:30px; } .startseite #abstand_oben, .startseite #ersatz_abstand_oben{ display:block; width:100%; height:0px; } #abstand_unten { display:block; clear:both; width:100%; height:20px; } /* Wenn Bereich_oben oder unten LEER */ #ersatz_abstand_oben { clear:both; display:block; width:100%; height:50px; } #ersatz_abstand_unten { clear:both; display:block; width:100%; height:20px; } /* Ende Container-Abstaende */ /* BAND SYSTEM */ .band { position:relative; width:100%; height:auto; overflow:hidden; background-color:#FFFFFF; } #band_1, #wrapper_1 { overflow:visible; } #band_5 { background-color:#f0f0f0; border-top:2px solid #CCCCCC; } /*#band_1 { background-color: #EEEEEE; } #band_1:after { content:''; position:absolute; width:100%; height:36px; bottom:0; left:0; z-index:1; background-color:#0d668c; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; } #wrapper_1 { width:100%; } #band_2 { background-color: #CCCCCC; }*/ #wrapper, .wrapper { position:relative; margin:0 auto; font-weight:300; line-height:150%; color:#252525; font-family:inherit; overflow:hidden; } .varbox { font-size: 1em; } /* HEADER */ .headerfix { height:auto; /* Feste Header-Hoehe */ /*position:fixed; top:0; z-index:2000;*/ } .header_content { margin-left: 10px; /* Prozent-System Spaltenabstand */ margin-right: 10px; /* Prozent-System Spaltenabstand */ } #abstandfix { position:relative; width:100%; height:auto; /* .headerfix-Hoehe */ display:none; /* Einschalten bei fixed header */ } #bodyabstand_unten { width:100%; height:50px; background:#f0f0f0; clear:both; } /* ************************************************************** LAYOUT MASSE *************************************************************** */ /* Breite: 984px, Aussen: 12px, Innen: 10px, Font-Size: 1em */ #wrapper, .wrapper { /* width: 984px; Layout-Breite incl 2x wrapper-padding */ padding:0 12px; /* Aussenabstand */ font-size:1em; /* 0.9375em */ } /* COVER IMG - CONTENT */ .CoverImage .cover_content, .bereich { width:100%; max-width:984px; /* Def: Layout Breite */ } .dynamic .CoverImage .cover_content, .dynamic .bereich { width:90%; max-width:1100px; /* Def: Layout Breite */ } .dynamic #wrapper, .dynamic .wrapper { width:90%; /* Fuer Prozent-Layout */ } /* Abstaende Main */ .ablinks { margin-left:14px; /* Kann individuell gewaehlt werden */ } .abrechts { margin-right:10px; /* gleich wie Prozent-System Spaltenabstand */ } #main .mod_article .article_inside, .custom .mod_article .article_inside, #footer .mod_article .article_inside, .mod_article.totalbreit.mitabstand .article_inside, .mod_article.totalbreit.mitmargin .article_inside, .percent_innen, .mitmargin { margin-left: 10px; /* Prozent-System Spaltenabstand */ margin-right: 10px; /* Prozent-System Spaltenabstand */ } .cm_neutralbox-start.mitspalten { margin-right: -10px; /* Prozent-System Spaltenabstand */ margin-left: -10px; /* Prozent-System Spaltenabstand */ } .neutral { padding:0; margin:0 -12px; /* entspricht (minus) Aussenabstand */ } .mitmargin1 { margin-left: 12px; /* Aussenabstand */ margin-right: 12px; /* Aussenabstand */ } .mitmargin2 { margin-left: 22px; /* Prozent-System Spaltenabstand + Aussenabstand */ margin-right: 22px; /* Prozent-System Spaltenabstand + Aussenabstand */ } .percent_innen.liohne { margin-left: 0px; /* nicht aendern */ margin-right: 10px; /* Prozent-System Spaltenabstand */ } .percent_innen.reohne { margin-right: 0px; /* nicht aendern */ margin-left: 10px; /* Prozent-System Spaltenabstand */ } #main .mod_article.ohneabstand .article_inside, #main .mod_article.mitspalten .article_inside, .custom .mod_article.ohneabstand .article_inside, .custom .mod_article.mitspalten .article_inside, #footer .mod_article.ohneabstand .article_inside, #footer .mod_article.mitspalten .article_inside { margin-left: 0px; margin-right: 0px; } #left .inside { margin-left:10px; /* links ohne Absstand: margin-left:-Aussenabstand */ } #right .inside { margin-right:10px; /* links ohne Absstand: margin-left:-Aussenabstand */ } /* NEWS-EVENTS */ .mod_article.mitspalten .layout_full>*[class*="ce_"], .mod_article.mitspalten .layout_full>p, .mod_article.mitspalten .layout_full>h1, .mod_article.mitspalten .layout_full>h2, .mod_article.mitspalten .layout_full>h3, .mod_article.mitspalten .ce_comments, .mod_article.mitspalten p.back, .mod_article.mitspalten .enclosure { margin-left: 10px; /* Prozent-System Spaltenabstand */ margin-right: 10px; /* Prozent-System Spaltenabstand */ } /* ENDE NEWS-EVENTS */ /* TOTALBREIT */ .mod_article.totalbreit { margin-left:-12px; /* entspricht (minus) Aussenabstand */ margin-right:-12px; /* entspricht (minus) Aussenabstand */ } .mod_article.totalbreit .article_inside, #main .mod_article.totalbreit .article_inside, #footer .mod_article.totalbreit .article_inside { margin:0; } .mod_article.totalbreit.mitabstand, .mod_article.totalbreit.mitspalten { padding-left:12px; /* entspricht Aussenabstand */ padding-right:12px; /* entspricht Aussenabstand */ } /* IMGFLOAT */ .imgfloatDrittel .image_container { width:31.4855882498%; } .imgfloat2Drittel .image_container { width:64.8189212498%; } .imgfloat10 .image_container { width:8.15225424982%; } .imgfloat15 .image_container { width:13.1522542498%; } .imgfloat17 .image_container { width:15.1522542498%; } .imgfloat20 .image_container { width:18.1522542498%; } .imgfloat25 .image_container { width:23.1522542498%; } .imgfloat30 .image_container { width:28.1522542498%; } .imgfloat32 .image_container { width:30.1522542498%; } .imgfloat33 .image_container { width:31.1522542498%; } .imgfloat34 .image_container { width:32.1522542498%; } .imgfloat35 .image_container { width:33.1522542498%; } .imgfloat40 .image_container { width:38.1522542498%; } .imgfloat45 .image_container { width:43.1522542498%; } .imgfloat50 .image_container { width:48.1522542498%; } .imgfloat55 .image_container { width:53.1522542498%; } .imgfloat60 .image_container { width:58.1522542498%; } .imgfloat65 .image_container { width:63.1522542498%; } .imgfloat70 .image_container { width:68.1522542498%; } /* ENDE IMGFLOAT */ /* ************************************************************** ENDE LAYOUT MASSE *************************************************************** */ .ce_gallery.mitabstand ul li { padding: 0 8px 16px; } .ce_gallery.mitabstand { margin:0 -8px; } #container { } /* TABBELEN DEF */ .ce_table table { width:100%; font-size:0.9375em; table-layout: fixed; } /* FORMULARE DEF */ .ce_form { overflow:visible; } .formbody { font-size:0.9375em; /* 0875 */ overflow:visible; } /* FULLWIDTH */ .fullwidth1 #wrapper_2, .fullwidth1 #wrapper_2 .article_inside, .fullwidth3 #wrapper_2, .fullwidth3 #wrapper_2 .article_inside { position:relative; width: 100%; max-width:none; padding:0; margin:0; } .fullwidth2 #wrapper_4, .fullwidth2 #wrapper_4 .article_inside, .fullwidth3 #wrapper_4, .fullwidth3 #wrapper_4 .article_inside { position:relative; width: 100%; max-width:none; padding:0; margin:0; } /* COVER IMG (Gallagher) - BEREICH */ .FlexEmbed { display: block; overflow: hidden; position: relative; } .FlexEmbed:before { content: ""; display: block; width: 100%; } .FlexEmbed--def:before { padding-bottom: 40%; } .FlexEmbed--def2:before { padding-bottom: 50%; } .CoverImage { position:relative; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; margin: 0 auto 0em; /* war 1em */ } #wrapper_2 .CoverImage { max-height: 350px; /* Hoehe des Layout-Bereichs oben */ } #wrapper_4 .CoverImage { max-height: 360px; /* Hoehe des Layout-Bereichs unten */ } /* #wrapper_2 .CoverImage { background-position: 50% 0%; } #wrapper_2 .CoverImage .cover_content { max-width:1200px; } */ .CoverImage .cover_inside { position:absolute; display:block; width:100%; height:100%; z-index:200; top:0; left:0; } .CoverImage .cover_content { position:relative; width:100%; height:100%; margin:auto; /* background:rgba(255,255,255,0.2); */ } .bereich { position:relative; overflow:hidden; height:auto; margin: 0 auto; } .bereich .bereich_content { position:relative; width:auto; height:auto; } /* ENDE COVER IMG - BEREICH */ /* ENDE FULLWIDTH */ /* MEDIA SPEZIAL */ .notablet { display:inline-block; } .onlytablet, .mod_article[class*="prozent"].onlytablet, .onlymobile, .mod_article[class*="prozent"].onlymobile { display:none; } .ohnesvg, .ie .mitsvg, .no-svg .mitsvg { display:none; } .no-svg .ohnesvg, .ie .ohnesvg, .mitsvg { display:block; } /* PROZENTSYSTEM */ .mod_article[class*="prozent"], .mod_article [class*="prozent"] { position:relative; display:inline-block; float:left; } .mod_article.tablebox [class*="prozent"], .mod_article .tablebox > .cm_percentbox-start { float:none; vertical-align:bottom; } .prozentDrittel { width:33.333334%; } .offsetDrittel { margin-left:33.333334%; } .prozent2Drittel { width:66.666667%; } .offset2Drittel { margin-left:66.666667%; } .prozent5 { width:5%; } .offset5 { margin-left:5%; } .prozent10 { width:10%; } .offset10 { margin-left:10%; } .prozent15 { width:15%; } .offset15 { margin-left:15%; } .prozent17 { width:17%; } .offset17 { margin-left:17%; } .prozent20 { width:20%; } .offset20 { margin-left:20%; } .prozent25 { width:25%; } .offset25 { margin-left:25%; } .prozent30 { width:30%; } .offset30 { margin-left:30%; } .prozent32 { width:32%; } .offset32 { margin-left:32%; } .prozent33 { width:33%; } .offset33 { margin-left:33%; } .prozent34 { width:34%; } .offset34 { margin-left:34%; } .prozent35 { width:35%; } .offset35 { margin-left:35%; } .prozent40 { width:40%; } .offset40 { margin-left:40%; } .prozent45 { width:45%; } .offset45 { margin-left:45%; } .prozent50 { width:50%; } .offset50 { margin-left:50%; } .prozent55 { width:55%; } .offset55 { margin-left:55%; } .prozent60 { width:60%; } .offset60 { margin-left:60%; } .prozent65 { width:65%; } .offset65 { margin-left:65%; } .prozent70 { width:70%; } .offset70 { margin-left:70%; } .prozent75 { width:75%; } .offset75 { margin-left:75%; } .prozent80 { width:80%; } .offset80 { margin-left:80%; } .prozent85 { width:85%; } .offset85 { margin-left:85%; } .prozent90 { width:90%; } .offset90 { margin-left:90%; } .prozent95 { width:95%; } .offset95 { margin-left:95%; } .prozent100 { width:100%; } .offset100 { margin-left:100%; } /* ENDE PROZENTSYSTEM */ /* GALERIE */ .ce_gallery ul.galerie10 li { position:relative; width:10%; } .ce_gallery ul.galerie9 li { position:relative; width:11.1111112%; } .ce_gallery ul.galerie8 li { position:relative; width:12.5%; } .ce_gallery ul.galerie7 li { position:relative; width:14.28571428571429%; } .ce_gallery ul.galerie6 li { position:relative; width:16.666667%; } .ce_gallery ul.galerie5 li { position:relative; width:20%; } .ce_gallery ul.galerie4 li { width:25%; } .ce_gallery ul.galerie3 li { width:33.333334%; } .ce_gallery ul.galerie2 li { width:50%; } .ce_gallery ul.galerie1 li { width:100%; } /* ENDE GALERIE */ /* TABELLEN SYSTEM */ .mod_article.tablebox .article_inside, .ce_text.tablebox, .tablebox { position:relative; display:table; margin-bottom:-1px; } div[class*="ce_"].tablecell, .tablecell { position:relative; display:table-cell; vertical-align:bottom; } .mod_article.tablebox .cm_percentbox-start, .cm_neutralbox-start.tablebox .cm_percentbox-start { display:table-cell; height:100%; } .tablebox .cm_percentbox-start.unten, .unten .tablebox .cm_percentbox-start, .tablebox.unten .tablecell, .unten .tablecell { vertical-align:bottom; } .tablebox .cm_percentbox-start.mitte, .mitte .tablebox .cm_percentbox-start, .tablebox.mitte .tablecell, .mitte .tablecell { vertical-align:middle; } .tablebox .cm_percentbox-start.oben, .oben .tablebox .cm_percentbox-start, .tablebox.oben .tablecell, .oben .tablecell { vertical-align:top; } .bgfarbe_1 { background:#FFFFFF; } .tablebox .cm_percentbox-start[class*="bgfarbe_"] { padding:6px 5px 0; } .ce_text .cm_percentbox-start.text { padding: 10px 10px 0 15px; } /* ENDE TABLE SYSTEM */ /* ABSOLUTE */ .cm_neutralbox-start.absolute { position:absolute; } .cm_neutralbox-start.relative { position:relative; } /* ENDE ABSOLUTE */ a,body,div,em,input,label,legend,li,ol,p,select,span,strong,td,th,textarea,u,ul { -webkit-font-smoothing:subpixel-antialiased; /* subpixel-antialiased, antialiased, none */ } /* SCROLL TO TOP */ #back-to-top, #back-to-top2 { position:fixed; bottom:15px; right:5px; width:30px; height:30px; background: #FFF url("../../images/scrollicons.gif") no-repeat 0 -150px; cursor:pointer; padding:0; border-radius:2px; color:white; z-index:2000; } .spalten3, .spalten3mit { -moz-column-count: 3; -moz-column-gap: 25px; -webkit-column-count: 3; -webkit-column-gap : 25px; -moz-column-rule-color: #ccc; -moz-column-rule-style: solid; -moz-column-rule-width: 0px; -webkit-column-rule-color: #ccc; -webkit-column-rule-style: solid ; -webkit-column-rule-width: 0px; } .spalten2, .spalten2mit { -moz-column-count: 2; -moz-column-gap: 25px; -webkit-column-count: 2; -webkit-column-gap : 25px; -moz-column-rule-color: #ccc; -moz-column-rule-style: solid; -moz-column-rule-width: 0px; -webkit-column-rule-color: #ccc; -webkit-column-rule-style: solid ; -webkit-column-rule-width: 0px; } .spalten2mit, .spalten3mit { -moz-column-rule-width: 1px; -webkit-column-rule-width: 1px; -moz-column-gap: 30px; -webkit-column-gap : 30px; } .schmal1 p { margin-right:6%; } .schmal2 p { margin-right:10%; } .schmal3 p { margin-right:20%; } /* LOGIN-SEITE */ body.login, body.error, body.login #container, body.error #container { background-color:#B0C1CD; } body.login #container, body.error #container { padding-top:140px; } .mod_article.login .form_login { padding: 30px 12%; background: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* ERROR-SEITE */ .ce_text.errorcode { background-color:#FFFFFF; padding:40px 10px 34px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* IFRAME-Video */ .row-fluid { position:relative; overflow:hidden; } /* ************************************************************** NAVIGATION LEFT-MENU *************************************************************** */ /* LEFTNAVI */ #leftnavi { position:relative; font-size:0.937em; margin: 55px 0 20px 0; background: url("../../images/linien/linie.gif") left bottom repeat-x; } #leftnavi ul { position:relative; list-style-type: none; margin:0; padding: 0; } #leftnavi ul>li { display:block; font-weight:300; line-height:150%; padding-top:0.375em; padding-bottom:0.4375em; background: url("../../images/linien/linie.gif") left top repeat-x; } #leftnavi ul>li a { display:block; font-weight:300; font-size:1em; color:#4C4C4C } #leftnavi ul>li.active span, #leftnavi ul>li a.trail, #leftnavi ul>li a:hover{ color:#FF5C26; } #leftnavi ul ul>li { position:relative; display:block; list-style-type: none; margin:0; padding-left:0.8125em; padding-top:0.25em; padding-bottom:0.3125em; background: 0; } #leftnavi ul ul>li, #leftnavi ul ul>li a, #leftnavi ul ul>li a:hover, #leftnavi ul ul>li.active span { font-weight:300; font-size:0.9375em; line-height:120%; } #leftnavi ul ul>li.last { margin-bottom:0px; } #leftnavi ul ul>li.first { margin-top:0.1875em; } #leftnavi ul ul>li a:hover:before, #leftnavi ul ul>li.active span:before { position:absolute; top:0.25em; left:0; width:10px; font-family: 'FontAwesome'; font-weight: inherit; font-size:inherit; line-height:inherit; display:inline-block; color:inherit; margin-left:3px; margin-right:0px; content: "\f105"; } /* MOBILE-NAVI */ #naviwrapper { position:relative; clear:both; margin-top:0px; } #localpage { position:relative; background-color:#FFFFFF; min-height:22px; border-bottom:0px solid #f5f5f5; text-align:left; width:100%; overflow:hidden; padding:10px 0 12px 0; border:none; } #localpage #logomobile { position:relative; display:block; top:0px; left:9px; float:left; } #localpage #logomenu { position:relative; display:block; top:22px; right:12px; width: 40px; height:26px; float:right; background:transparent; text-align:right; } #localpage #logomenu:before { font-family: 'FontAwesome'; font-weight: normal; font-size:26px; line-height:26px; display:inline-block; color:#575757; /* #647b8d */ margin:0; content: "\f0c9"; } #nav_mobile ul { position:relative; display:block; overflow:hidden; list-style:none; margin:0; padding:0; background-color:#E6E6E6; } #nav_mobile ul { padding-top:0px; margin-bottom:10px; /* Abstand unten wenn offen */ } #nav_mobile ul.sprachweiche { border-bottom:1px solid #FFFFFF; } #nav_mobile ul li { list-style:none; position:relative; display:block; overflow:hidden; margin:0; padding:0; border-bottom:1px solid #FFFFFF; } #nav_mobile ul.sprachweiche li { list-style:none; position:relative; display:inline-block; float:left; overflow:hidden; margin:0; padding:0; border-bottom:none; border-right:1px solid #FFFFFF; } #nav_mobile ul.sprachweiche li a { display:block; width:50px; text-align:center; padding-left:0; padding-right:0; } #nav_mobile ul.sprachweiche li a.active { /*background:#d3d1d4; color:#000000;*/ font-weight:600; } #nav_mobile ul li a, #nav_mobile ul li span.active { position:relative; display:block; overflow:hidden; margin:0; padding:10px 0 12px 10px; color:#252525; letter-spacing:1px; } #nav_mobile ul li span.active { color:#252525; font-weight:400; } #nav_mobile ul.level_2 { border-top:1px solid #FFFFFF; background-color:#EEEEEE; margin:0; padding:0; } #nav_mobile ul.level_2 li { padding:0; border:0; } #nav_mobile ul.level_2 li a, #nav_mobile ul.level_2 li span.active, #nav_mobile ul.level_2 li.active a, #nav_mobile ul.level_2 li.active span { display:block; padding:8px 0 8px 22px; border:0; } #nav_mobile ul.level_2 li.active span { color: #CC0000; } #nav_mobile ul.level_2 li a.last, #nav_mobile ul.level_2 li span.last{ padding:8px 0 15px 25px; border:0; } span.mobplus { display:block; position:absolute; right:0; top:0; width:40px; height:50px; padding:0; font-size:20px; line-height:20px; cursor:pointer; cursor:hand; background: #EEEEEE url("../../images/mobile/mobile_plus.png") no-repeat 13px 13px; } span.mobplus.offen { display:block; width:40px; height:50px; background: #EEEEEE url("../../images/mobile/mobile_plus.png") no-repeat 13px -17px; } #nav_mobile { display:block; } /* ENDE NAVIGATIONEN MENUS */ /* START TABLET */ @media screen and (min-width:768px) and (max-width:969px) { #left .inside { padding-left:0; } /* ?????????? TABLET Landscape TESTEN ????????????????? */ /*#mainmenu { width:600px; } */ /* ************************************************************** LAYOUT MASSE TABLET *************************************************************** */ /* Breite: 768px, Aussen: 8px, Innen: 10px, Font-Size: 0.86em */ #wrapper, .wrapper { width: 768px; /* Layout-Breite */ padding:0 8px; /* Aussenabstand */ font-size:0.9375em; /* 0.875em */ } /* COVER IMG - CONTENT */ .CoverImage .cover_content, .bereich { max-width:768px; /* Def: Layout Breite */ } .dynamic #wrapper, .dynamic .wrapper { width:100%; /* Fuer Prozent-Layout */ max-width:768px; } .dynamic .CoverImage .cover_content, .dynamic .bereich { width:100%; max-width:768px; /* Def: Layout Breite */ } /* Abstaende Main */ .ablinks { margin-left:16px; /* Kann individuell gewaehlt werden */ } .abrechts { margin-right:10px; /* gleich wie Prozent-System Spaltenabstand */ } #main .mod_article .article_inside, .custom .mod_article .article_inside, #footer .mod_article .article_inside, .mod_article.totalbreit.mitabstand .article_inside, .mod_article.totalbreit.mitmargin .article_inside, .percent_innen, .mitmargin { margin-left: 10px; /* Prozent-System Spaltenabstand */ margin-right: 10px; /* Prozent-System Spaltenabstand */ } .neutral { padding:0; margin:0 -8px; /* entspricht (minus) Aussenabstand */ } .mitmargin1 { margin-left: 8px; margin-right: 8px; } .mitmargin2 { margin-left: 18px; /* entspricht Aussenabstand */ margin-right: 18px; /* entspricht Aussenabstand */ } .percent_innen.liohne { margin-left: 0px; /* nicht aendern */ margin-right: 10px; /* Prozent-System Spaltenabstand */ } .percent_innen.reohne { margin-right: 0px; /* nicht aendern */ margin-left: 10px; /* Prozent-System Spaltenabstand */ } #main .mod_article.ohneabstand .article_inside, #main .mod_article.mitspalten .article_inside, .custom .mod_article.ohneabstand .article_inside, .custom .mod_article.mitspalten .article_inside, #footer .mod_article.ohneabstand .article_inside, #footer .mod_article.mitspalten .article_inside { margin-left: 0px; margin-right: 0px; } #left .inside { padding-left:0; } /* NEWS-EVENTS */ .mod_article.mitspalten .layout_full>*[class*="ce_"], .mod_article.mitspalten .layout_full>p, .mod_article.mitspalten .layout_full>h1, .mod_article.mitspalten .layout_full>h2, .mod_article.mitspalten .layout_full>h3, .mod_article.mitspalten .ce_comments, .mod_article.mitspalten p.back, .mod_article.mitspalten .enclosure { margin-left: 10px; /* Prozent-System Spaltenabstand */ margin-right: 10px; /* Prozent-System Spaltenabstand */ } /* ENDE NEWS-EVENTS */ /* TOTALBREIT */ .mod_article.totalbreit { margin-left:-8px; /* entspricht (minus) Aussenabstand */ margin-right:-8px; /* entspricht (minus) Aussenabstand */ } .mod_article.totalbreit .article_inside, #main .mod_article.totalbreit .article_inside, #footer .mod_article.totalbreit .article_inside { margin-left:0; margin-right:0; } .mod_article.totalbreit.mitabstand, .mod_article.totalbreit.mitspalten { padding-left:8px; /* entspricht Aussenabstand */ padding-right:8px; /* entspricht Aussenabstand */ } /* IMGFLOAT */ .imgfloatDrittel .image_container { width:30.9659097576%; } .imgfloat2Drittel .image_container { width:64.2992427576%; } .imgfloat10 .image_container { width:7.63257575758%; } .imgfloat15 .image_container { width:12.6325757576%; } .imgfloat17 .image_container { width:14.6325757576%; } .imgfloat20 .image_container { width:17.6325757576%; } .imgfloat25 .image_container { width:22.6325757576%; } .imgfloat30 .image_container { width:27.6325757576%; } .imgfloat32 .image_container { width:29.6325757576%; } .imgfloat33 .image_container { width:30.6325757576%; } .imgfloat34 .image_container { width:31.6325757576%; } .imgfloat35 .image_container { width:32.6325757576%; } .imgfloat40 .image_container { width:37.6325757576%; } .imgfloat45 .image_container { width:42.6325757576%; } .imgfloat50 .image_container { width:47.6325757576%; } .imgfloat55 .image_container { width:52.6325757576%; } .imgfloat60 .image_container { width:57.6325757576%; } .imgfloat65 .image_container { width:62.6325757576%; } .imgfloat70 .image_container { width:67.6325757576%; } /* ENDE IMGFLOAT */ /* ************************************************************** ENDE LAYOUT MASSE TABLET *************************************************************** */ /* GALERIE TABLET SPEZIAL */ .ce_gallery.mitabstand ul li { padding: 0 7px 14px; } .ce_gallery.mitabstand { margin:0 -7px; } /* FULLWIDTH */ .fullwidth1 #wrapper_2, .fullwidth3 #wrapper_2 { max-width:768px; margin:0 auto; } .fullwidth2 #wrapper_4, .fullwidth3 #wrapper_4 { max-width:768px; margin:0 auto; } /* MEDIA SPEZIAL */ .mod_article[class*="prozent"].notablet, .notablet, .onlymobile, .mod_article[class*="prozent"].onlymobile{ display:none; } .onlytablet, .mod_article[class*="prozent"].onlytablet { display:inline-block; } /* ENDE MEDIA SPEZIAL */ .spalten3, .spalten2, .spalten2mit, .spalten3mit { -moz-column-count: 2; -moz-column-gap: 25px; -webkit-column-count: 2; -webkit-column-gap : 25px; -moz-column-rule-color: #ccc; -moz-column-rule-style: solid; -moz-column-rule-width: 0px; -webkit-column-rule-color: #ccc; -webkit-column-rule-style: solid ; -webkit-column-rule-width: 0px; } .spalten2mit, .spalten3mit { -moz-column-rule-width: 1px; -webkit-column-rule-width: 1px; -moz-column-gap: 30px; -webkit-column-gap: 30px; } } /* ENDE TABLET */ /** * START MOBILE */ @media screen and (max-width:767px) { #wrapper, .wrapper { position:relative; width:100%; max-width:660px; font-size: 0.9375em; /* min-height:100%; */ background-color:transparent; margin:0 auto; padding: 0px 10px 0; /* Grundabstand */ zoom:1; } .dynamic #wrapper, .dynamic .wrapper { width:auto; /* Fuer Prozent-Layout */ } .dynamic .CoverImage .cover_content, .dynamic .bereich { width:auto; max-width:660px; margin:auto; } .neutral { padding:0; margin:0 -10px; /* entspricht (minus) Grundabstand */ } .header_content { margin-left: 0px; /* Prozent-System Spaltenabstand */ margin-right: 0px; /* Prozent-System Spaltenabstand */ } #wrapper_1 { padding:0; } #naviwrapper { overflow:hidden; } div[class*="mod_"].mobileabstand, div[class*="ce_"].mobileabstand, div[class*="cm_"].mobileabstand { margin-top: 0 !important; margin-bottom: 20px !important; } div[class*="ce_"].mobileabstand .image_container { margin-top: 0 !important; margin-bottom: 0 !important; } #cboxSlideshow, #cboxCurrent { display:none !important; } #band_1:after { display:none; } .marginmobile { padding-left:10px; /* Grundabstand */ padding-right:10px; /* Grundabstand */ } .cm_percentbox-start .percent_innen { margin-left:0 !important; margin-right:0 !important; } .cm_neutralbox-start.mitspalten { margin-left:0 !important; margin-right:0 !important; } /* Wenn Bereich_oben oder unten NICHT leer */ #abstand_oben { display:block; width:100%; height:0px; } #abstand_unten { display:block; clear:both; width:100%; height:0px; } /* Wenn Bereich_oben oder unten LEER */ #ersatz_abstand_oben { clear:both; display:block; width:100%; height:10px; } #ersatz_abstand_unten { clear:both; display:block; width:100%; height:5px; } /* MEDIA SPEZIAL */ .mod_article[class*="prozent"].notablet, .notablet, .onlymobile, .mod_article[class*="prozent"].onlymobile{ display:block; } .onlytablet, .mod_article[class*="prozent"].onlytablet, .mod_article[class*="prozent"].nomobile, .nomobile { display:none !important; } .ce_break-element.abstandhalter { height:0 !important; } .ce_break-element { margin-bottom:0 !important; } .schmal p { margin-right:0; } .ce_text.design { padding-bottom:0.68em; } body { background:#FFFFFF; } #left { display:none; } #main .inside { margin:0; padding:0; } /* FULLWIDTH */ .fullwidth1 #wrapper_2, .fullwidth1 #wrapper_4, .fullwidth2 #wrapper_2, .fullwidth2 #wrapper_4, .fullwidth3 #wrapper_2, .fullwidth3 #wrapper_4 { max-width:none; } /* TOTALBREIT */ .mod_article.totalbreit { margin-left:-15px; /* (minus) Grundabstand */ margin-right:-15px; /* (minus) Grundabstand */ } .mod_article.totalbreit .article_inside { margin:0; } .mod_article.totalbreit.mitmargin { padding-left:15px; /* (minus) Grundabstand */ padding-right:15px; /* (minus) Grundabstand */ } .mod_article.totalbreit.mitabstand, .mod_article.totalbreit.mitspalten { padding-left:15px; /* (minus) Grundabstand */ padding-right:15px;/* (minus) Grundabstand */ } .mod_article[class*="prozent"], .mod_article [class*="prozent"], .percent_innen, #main .mod_article .article_inside, .custom .mod_article .article_inside, #footer .mod_article .article_inside, #main, #right { float:none; display:block; width:100% !important; margin-left:0px; margin-right:0px; } #main .mobilegleich { float:left !important; display:inherit; width:inherit; } .neutral { padding:0; margin:0 -15px; /* (minus) Grundabstand */ } .mitmargin1, .mitmargin2, .mitmargin { margin-left: 0px; /* Grundabstand */ margin-right: 0px; /* Grundabstand */ } /* NEWS-EVENTS */ .mod_article.mitspalten .layout_full>*[class*="ce_"], .mod_article.mitspalten .layout_full>p, .mod_article.mitspalten .layout_full>h1, .mod_article.mitspalten .layout_full>h2, .mod_article.mitspalten .layout_full>h3, .mod_article.mitspalten .ce_comments, .mod_article.mitspalten p.back, .mod_article.mitspalten .enclosure { margin-left: 0px !important; margin-right: 0px !important; } /* ENDE NEWS-EVENTS */ /* GEFLOATETE BILDER */ div [class*="imgfloat"] .image_container img { width:auto; float:none !important; max-width:100% !important; display:block; /* margin-left:auto !important; margin-right:auto !important; */ } div [class*="imgfloat"] .img_wrapper, div [class*="imgfloat"] .image_container { width:auto; float:none !important; display:block; padding-right:0px !important; padding-left:0px !important; margin-bottom:8px !important; margin-left:0 !important; margin-right:0 !important; } /* ENDE GEFLOATETE BILDER */ /* GALERIE */ .ce_gallery.mitabstand ul li { padding: 0 5px 10px; } .ce_gallery.mitabstand { margin:0 -5px; } .ce_gallery.mobilespalten ul li { position:relative; display:block; float:none; width:auto !important; text-align:center; } .ce_gallery.mitabstand.mobilespalten ul li { padding: 0 0 12px 0; } .ce_gallery.mobilespalten ul li .image_container { position:relative; display:block; margin:0 auto !important; } /* ENDE GALERIE */ /* TABLE SYSTEM */ .mod_article.tablebox .article_inside { position:relative; display:block; } .mod_article.tablebox .cm_percentbox-start, .cm_neutralbox-start.tablebox .cm_percentbox-start { display:block; } .mod_article.tablebox .cm_percentbox-start[class*="bgfarbe_"] { padding:10px; } .ce_text .cm_percentbox-start.text { padding: 10px; } /* GOOGLE-MAPS */ .responsiveContainer { position: relative; padding-bottom: 76%; height: 0; overflow: hidden; } /* ENDE TABLE SYSTEM */ .spalten3, .spalten2, .spalten2mit, .spalten3mit { -moz-column-count: 1; -moz-column-gap: 20px; -webkit-column-count: 1; -webkit-column-gap : 20px; -moz-column-rule-color: #ccc; -moz-column-rule-style: solid; -moz-column-rule-width: 0px; -webkit-column-rule-color: #ccc; -webkit-column-rule-style: solid ; -webkit-column-rule-width: 0px; } /* SCROLL TO TOP */ #back-to-top, #back-to-top2 { display:none !important; } } /* ENDE MOBILE */ /* STYLES */ a, a:visited { font-size:inherit; line-height:inherit; outline: 0; text-decoration: none; -webkit-transition: color 0.2s linear; -ms-transition: color 0.2s linear; transition: color 0.2s linear; color:#1777b0; /* #0099CC #267DB8 */ } a:hover, a:focus, a.active { color:#FF5C26; /* #3FB8D2 */ } :focus { outline:0; } strong { font-weight:600; } /* WRITER - NON-WRITER ABSATZ */ .ce_text p, .ce_text.absatz p, .absatz_normal { padding-bottom:0.68em; } .ce_text.design p { padding-bottom:0; } .trennlinie { margin:0 0 6px; padding:5px 0 0; font-size:0px; line-height:0px; background:url("../../images/linien/linie.gif") bottom left repeat-x; } .trennlinie2 { margin:0; padding:0; font-size:0px; line-height:0px; } /* HEADERS */ h1,h2,h3,h4,h5,h6, h1 a, h2 a, h2 a:visited { /*font-family:'Open Sans', Arial, Helvetica, sans-serif;*/ font-size:inherit; font-weight:300; margin:0; line-height:128%; color: inherit; /* #5E9ACA */ } h1, h2 { padding:0 0 0.375em; margin:0; margin-left:1px; font-size:1.8125em; font-weight:300; color:#399113; } h2 { color:#252525; } h3, h4 { padding:0 0 0.25em; margin:0; margin-left:0px; font-size:1.3125em; font-weight:400; color:#252525; } h4 { padding:0; } h4 { padding:0; font-weight:300; color:#3D87D9; } h5 { padding:0; margin:0; margin-left:0px; font-size:1em; font-weight:600; color:#252525; } .plakat h1 { font-size:3em; line-height:100%; color:#FFFFFF; padding:0; } .plakat p { font-size:1.5em; line-height:130%; color:#FFFFFF; padding:0; } /* CAPTION */ .caption, .capton2 { width:100% !important; /* Damit nicht die originale Bildbreite uebernommen wird */ font-size:0.8125em; line-height:140%; padding-top:3px; } .caption2 { display:inline-block; } /* FUER GOOGLE-MAPS */ .responsiveContainer { position: relative; padding-bottom: 40%; height: 0; overflow: hidden; } /* Google Fullsize */ .CoverGM { position: relative; padding-bottom: 29%; height: 0; overflow: hidden; } .responsiveContainer img { max-width:none; } .responsiveContainer iframe, .responsiveContainer object, .responsiveContainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* GOOGLE-MAP INFOBOX */ .infobox { line-height:140%; } h3.firstHeading { font-size:15px; font-weight:600; margin: 0; margin-bottom: 4px; } #bodyContent, p { margin:0; padding:0; } /* HOVER EFFEKTE */ /* LIGHTBOX-LINKS */ .image_container a[data-lightbox] img { position:relative; display:inline-block; -ms-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; transform: scale(1); } .image_container a[data-lightbox] { position:relative; display:inline-block; overflow:hidden; } .image_container a[data-lightbox]:after { content:""; position:absolute; height:100%; width:100%; top:0%; left:0; opacity:0; background: url("../../images/bg_graulupe.png") no-repeat center center; -ms-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .image_container a[data-lightbox]:hover:after { opacity:1; } .image_container a[data-lightbox]:hover img { /*-webkit-filter: blur(1px);*/ /*-webkit-filter: grayscale(100%);*/ transform: scale(1.2); } /* QUADRAT */ .quadrat { position:relative; height:0; background:transparent; } .q100 { padding-bottom:95%; } .q80 { padding-bottom:80%; } .q70 { padding-bottom:70%; } .q60 { padding-bottom:60%; } .q50 { padding-bottom:50%; } .q40 { padding-bottom:40%; } .q30 { padding-bottom:30%; } .q20 { padding-bottom:20%; } .q10 { padding-bottom:10%; } /* ******************************************************************************** LISTEN *********************************************************************************** */ .ce_list ul, .ce_text ul, .ce_list.quadrat ul { position:relative; list-style-type: none; margin:5px 0 0 0; padding: 0; } .ce_list ol, .ce_text ol { position:relative; margin: 0px; padding:0 0 0 23px; } .ce_list ol li, .ce_text ol li { margin: 0px; padding-left: 0px; padding-bottom: 5px; } .ce_list ul li, .ce_text ul li { margin: 0px; padding-left: 12px; padding-bottom: 5px; } .ce_list ul li:before, .ce_text ul li:before { position:absolute; left:0; margin-top:1px; font-family: 'FontAwesome'; font-weight: normal; font-size:0.875em; line-height:inherit; display:inline-block; float:left; color:#888888; content: "\f105"; } /* Klasse Viereck */ .ce_list.viereck ul li, .ce_text.viereck ul li { margin: 0px; padding-left: 18px; padding-bottom: 5px; } .ce_list.viereck ul li:before, .ce_text.viereck ul li:before { position:absolute; left:0; margin-top:1px; font-family: 'FontAwesome'; font-weight: normal; font-size:0.6875em; line-height:inherit; display:inline-block; float:left; color:#999999; content: "\f0c8"; } /* Ohne Abstand */ .ce_text.kompress ul li, .ce_list.kompress ul li { padding-bottom: 0; } /* RH-spez class linien */ .ce_list.linien h5 { position:relative; font-size:14px; color:#667279; font-weight:600; padding: 2px 0 5px 0; margin:0; border-bottom:1px solid #DBDBDB; border-top:1px solid #DBDBDB; line-height:150%; } .ce_text.linien ul, .ce_list.linien ul { margin:0px; padding:0px; } .ce_text.linien ul li, .ce_list.linien ul li { position:relative; font-size:14px; color:#667279; list-style-type: none; margin: 0px; padding: 2px 0px 4px 12px; line-height:inherit; border-bottom:1px solid #DBDBDB; } .ce_list ul ul, .ce_text ul ul, .ce_list ol ol, .ce_text ol ol { margin: 0.75em 0 0.1875em 1.4375em; } .ce_list ul ul li:before, .ce_text ul ul li:before { position:absolute; left:0; margin-top:1px; margin-left:-2px; font-family: 'FontAwesome'; font-weight: normal; font-size:6px; line-height:inherit; display:inline-block; float:left; color:#999999; content: "\f111"; } /* ******************************************************************************** DOWNLOAD - DOWNLOADS *********************************************************************************** */ .ce_download a, .ce_downloads a { color:inherit; display:inline-block; } .ce_download a:hover, .ce_downloads a:hover { color:#C03; } .ce_download .mime_icon, .ce_downloads .mime_icon { position:relative; vertical-align:top; display:inline-block; margin-top: 0.1875em; margin-right:0.3125em; } .ce_downloads ul { list-style-type: none; margin: 0px; padding: 0px; border-top:1px solid #CCCCCC; } .ce_downloads li { list-style-type: none; padding: 6px 0 7px; border-bottom:1px solid #CCCCCC; } .ce_downloads h6 { font-size:1.25em; padding-bottom:0.75em; } .ce_downloads .size { font-size:0.8125em; color:#999; padding-left:3px; } /* ******************************************************************************** NEWS - EVENTS *********************************************************************************** */ .layout_full.spezial+p.back { display:none; } .mod_eventlist .header, .mod_newslist .info { padding: 8px 0px 0; background-color: transparent; font-size:0.9375em; /* 0.8125em */ font-weight: 400; color: inherit; } .mod_eventlist .header { border-top: 1px solid #CCCCCC; } .mod_newslist .layout_latest { border-top: 1px solid #CCCCCC; } .mod_eventlist h1 { font-size:1.1875em; margin-bottom: 0.8em; } .mod_eventlist h2, .mod_newslist h2 { margin-top: 5px !important; margin-bottom: 4px !important; font-size:1.3125em; color:#207FAA; /* #3399CC */ font-weight:300; padding:0; } .mod_eventlist .event { border-bottom: 1px solid #CCCCCC } .mod_eventlist .last { border-bottom: 0px } .layout_simple time { font-size:0.9375em; color:#777777; } .mod_eventlist .time { display:inline-block; color:#888888; padding-bottom:5px; font-size:0.9375em; } .mod_eventlist .layout_teaser, .mod_eventlist .layout_list, .mod_newslist .layout_short, .mod_newslist .layout_latest { padding-bottom:12px; } .mod_eventlist .layout_list .location_label { font-weight:600; } /* UPCOMING */ .mod_eventlist .layout_upcoming, .mod_newslist .layout_simple { padding: 3px 0 7px 0; } .mod_eventlist .layout_upcoming.first, .mod_newslist .layout_simple { border-top: 1px solid #CCCCCC; } .mod_eventlist .layout_upcoming.last, .mod_newslist .layout_simple.last { border-bottom: 1px solid #CCCCCC; } .mod_eventlist .layout_upcoming .date, .mod_eventlist .layout_upcoming .time, .mod_newslist .layout_simple .date { display:inline-block; font-size:0.9375em; /* 0.8125em */ margin:0; padding-bottom:0; } .mod_eventlist .layout_upcoming .time { color:#999999; margin-left:0px; } .mod_eventlist .layout_upcoming>a { display:block; font-size: 1.125em; color:#207FAA; /* #3399CC */ } .mod_eventreader .info { margin-bottom:10px; } .enclosure { clear:both; display:block; padding-top:5px; } .enclosure img { position:absolute; margin-top:0.15em; } .enclosure a { padding-left:1.6em; } p.back { margin-top:5px; } .mod_newslist .layout_simple a { display:block; font-size:1.125em; color:#207FAA; } /* Newslist FULL*/ .mod_newslist .layout_teaser.spez { font-size:0.875em; line-height:150%; border-bottom:1px solid #CCCCCC; padding-bottom:5px; margin-bottom:10px; } .mod_newslist .layout_teaser.spez.last { border-bottom:none; } .mod_newslist .layout_teaser.spez .image_container { padding-bottom:15px; } .mod_newslist .layout_teaser.spez h2 { font-size:1.4375em; color:#399113; } /* EVENT MENU */ .mod_eventmenu ul { position:relative; list-style-type: none; margin: 0px; padding: 0px; text-align: left; } .mod_eventmenu ul.level_1 { background-color:#FFFFFF; padding-bottom:1px; /* Unterste Bildlinie sichtbar machen */ background: #FFFFFF url("../../images/linien/linie.gif") left bottom repeat-x; /*border-bottom:1px solid #CCCCCC;*/ /*margin-bottom:-4px;*/ } /* Zusatzklasse jahr */ .mod_eventmenu.jahr ul.level_1 { background-color:#FFFFFF; background-image:none; } .mod_eventmenu ul.level_1 li.year { margin-bottom:0px; } .mod_eventmenu ul.level_1 li.year ul.level_2 li { margin-bottom:0px; } .mod_eventmenu ul.level_1 li a { display:block; background-color:#EDEDED; padding:5px 0; text-align:center; color:#4C4C4C; font-size: 0.8125em; font-weight:600; } .mod_eventmenu ul.level_1 li { margin-bottom:4px; } .mod_eventmenu ul.level_1 li.year a { display:block; background-color:#EDEDED; padding:5px 0; text-align:center; color:#4C4C4C; font-size: 0.8125em; font-weight:600; } .mod_eventmenu ul.level_1 li.year ul.level_2 li a { display:block; background-color:#FFFFFF; padding:6px 0px; text-align:left; /*border-bottom:1px solid #CCCCCC;*/ background: #FFFFFF url("../../images/linien/linie.gif") bottom left repeat-x; font-size: 0.875em; } .mod_eventmenu ul.level_1 li.year ul.level_2 li.last a { border-bottom:0; background-image:none; } /* Mini-Kalender */ .mod_eventmenu, .mod_calendar { position:relative; overflow:hidden; display:block; background-color:#F7F7F7; text-align:center; } .minicalendar { width:86%; margin-right:7%; margin-left:7%; table-layout: fixed; padding-bottom:10px; } .minicalendar tr { text-align:center; } .minicalendar td, .minicalendar th { text-align:center; font-size:0.8125em; font-weight:400; } .minicalendar th { font-weight:700; } .minicalendar td a { color:#FF6600; } .minicalendar th.head { font-size:0.9375em; font-weight:300; padding-top:9px; padding-bottom:7px; } .minicalendar th.head.next a, .minicalendar th.head.previous a { font-size:1.3125em; font-weight:300; padding-top:9px; color:#666666; } /* Kalender Gross */ .calendar { width:100%; table-layout: fixed; } .calendar td { border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; vertical-align:top; font-size:0.8125em; padding-top:4px; padding-bottom:6px; } .calendar td .event { font-size:0.6875em; line-height:126%; } .calendar th { padding-top:4px; padding-bottom:4px; } .calendar th.head { background-color:#999999; color:#FFF; padding-bottom:5px; } .calendar th.head a { color:#FFF; } .calendar th.label { background-color:#DFDFDF; border-right:1px solid #CCCCCC; } .calendar th.label span { display:none; } .calendar tr.last td { border-bottom:0; } .calendar td.col_last, .calendar th.col_last { border-right: 0; } /* ENDE NEWS */ /* ******************************************************************************** ACCORDION AKKORDEON *********************************************************************************** */ .ce_accordion { position:relative; margin-right:auto; margin-left:0; } .ce_accordion .toggler { padding:4px 25px 4px 10px; margin-bottom:5px; margin-left:0; cursor:hand; cursor:pointer; font-size:0.875em; font-weight:600; background-color: #E8E9EA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline:none; } .ce_accordion .toggler.active, .ce_accordion .toggler:hover.active, .ce_accordion .toggler:focus.active { background-color:#8ce4ee; outline:none; } .ce_accordion .accordion div { padding:5px 0 12px 6px; background:#FFFFFF; /* FUER IE8 */ overflow:hidden; /* FUER IE8 */ } .ce_accordion .toggler .ui-accordion-header-icon { display:block; position:absolute; width:20px; height:18px; background-color:transparent; top:7px; right:5px; background-image: url("../../images/accordion/icons_akk.gif"); background-position: 0 0; background-repeat: no-repeat; } .ce_accordion .toggler:hover .ui-accordion-header-icon, .ce_accordion .toggler:focus .ui-accordion-header-icon, .ce_accordion .toggler.active .ui-accordion-header-icon { background-image: url("../../images/accordion/icons_akk.gif"); background-position: 0 -32px; background-repeat: no-repeat; outline:none; } /* ******************************************************************************** FORMULARE (DEF: layout.css) *********************************************************************************** */ .explanation { padding-bottom:4px; } input.text, input.text.error, input.captcha, textarea { font-family:inherit; display:inline-block; font-weight:400; font-size:1.0666em; border: 1px solid #CCC; margin-bottom:15px; margin-left:0px; width:95%; padding:3px 8px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input.text.error { border: 1px solid #CC0000; padding:3px 8px 5px; } input[type="radio"], input[type="checkbox"] { display:inline-block; margin-right:6px; } .mehrabstand { padding-top:6px; } textarea { -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; height:100px; } textarea:focus { height:200px; } input.submit { cursor:hand; cursor:pointer; margin-left:2px; } select.select { width: 95%; font-family:inherit; margin: 0; border: 1px solid #ccc; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:1.0666em; line-height:1.75em; height: 2.16em; margin-top:2px; margin-bottom:15px; margin-left:0px; padding-top:2px; padding-bottom:3px; } .ie8 { padding-top:0px; } .upload { width: auto; margin: 0; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:20px; vertical-align:middle; } .widget-captcha { margin-top:20px; } input.captcha { display:inline; float:left; width:24%; margin-right:0; margin-bottom:20px; } span.captcha_text { display:inline-block !important; clear:left; margin-top:5px; margin-bottom:0px; margin-left:15px; } .tableless label, .ce_comments label { position:relative; display:block; padding-bottom:1px; } .radio_container label, .checkbox_container label { display:inline-block; margin-right:12px; max-width:88%; } .radio_container.gleichezeile label, .checkbox_container.gleichezeile label, .radio_alternative label { display:inline-block; margin-right:0px; width:auto; max-width:none; } fieldset.radio_container.zweispaltig { padding-top:5px; } fieldset { border: none; padding: 0; margin-bottom: 10px; display:inline-block; } legend {display: none;} .mitlegende legend {display: block; margin-bottom:5px; padding-top:4px; } label.select.ohnelegende {display: none;} .radio_container>span, .checkbox_container>span { display:block; margin-bottom:4px; } .radio_alternative>span, .radio_container.gleichezeile>span, .checkbox_container.gleichezeile>span { display:inline-block; margin-right:8px; margin-bottom:4px; } .button, input.submit { position:relative; display: block; clear:left; background-color:#EAEAEA; border:none; padding: 5px 40px; margin-top: 10px; margin-bottom: 18px; font-size:13px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } span.mandatory {padding-left:2px; color:#CC0000; } label.error {color: #CC0000; margin:0; padding:0;} input.error {border: 1px solid #CC0000;} p.error {display:none; color: #CC0000; clear: both;} .checkbox_container span { clear:both; } input.checkbox { position:relative; float:left; top:1px; margin-top:5px; margin-right:11px; } /* ZWEISPALTIG */ .inputwrap.zweispaltig { width:50%; float:left; } .inputwrap.mini { width:30%; float:left; } .inputwrap.dreiFelder { width:20%; float:left; margin-left:1%; } .inputwrap.maxi { width:70%; float:left; } .inputwrap.break { float:none; clear:left; } .inputwrap.zweispaltig input.text, .inputwrap.zweispaltig input.submit, .inputwrap.zweispaltig select.select { width:90%; } .inputwrap.mini input.text { width:83%; } .inputwrap.maxi input.text { width:93%; } .inputwrap.dreiFelder input.text .inputwrap.dreiFelder select { width:100%; } select.select.dreiFelder { margin-top:0px; } .dreiFelder_wrapper { clear:left; width:95%; background:transparent; padding-top:12px; margin-bottom:10px; } input.submit.back, input.submit.next { display:block; clear:none; float:left; margin-right:3%; } .dreiLabel { float:left; width:30.5%; padding-top:5px; padding-right:6px; line-height:140%; } .dreiLabel.zweizeilig { padding-top:0px; } /* ENDE FORMULARE */ /* KOMMENTARE COMMENTS */ .ce_comments input.text { margin-bottom:10px; width:50%; } .ce_comments textarea { margin-top:20px; margin-bottom:10px; } .ce_comments label { display:inline-block; margin-left:15px; } .ce_comments .checkbox_container, .ce_comments .checkbox_container label { margin:0; height:auto; } .ce_comments span.captcha_text { margin-left:0; } .mod_quicknav { position:relative; clear:both; } .mod_quicknav .select, .mod_quicknav select { width:75%; margin-left:0; } .mod_quicknav input.submit { position:relative; display: inline-block; width:22%; padding:0; margin-left:1%; height:28px; top:0; right:0; background-color:#EAEAEA; border:none; font-size:13px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; } /* LOGIN */ .mod_login.tableform table { width:auto; table-layout: fixed; } .mod_login.tableform td { vertical-align:top; padding:0; } .mod_login.tableform label { display:inline-block; padding-top:4px; margin-right:16px; } .mod_login.tableform input.text { width:90% } /* SUCHE SEARCH */ #search { position:relative; width:60%; margin:0; padding:0; font-size:13px; clear:left; border:1px solid #CCCCCC; overflow:hidden; height:28px; background-color:#FFFFFF; } #footer #search { background-color:#f8f2e0; width:90%; } #search .innen { padding:0 0 0 5px; } #search input.text2, #search button.button2 { display:inline-block; background-color:transparent; padding:0; margin:0; float:left; height:28px; border:0; } #search input.text2 { width:88%; } .ie8 #search input.text2 { padding-top:4px; } #search button.button2 { width:12%; height:28px; float:left; right:0; border-left:1px solid #CCC; margin-left:0px; color:#AAA; background-color:transparent; } #search button.button2:hover { background-color:transparent; color:#FF6600; } #search button.button2:before { font-family: 'FontAwesome'; font-weight: normal; font-size:17px; width:auto; color:inherit; line-height:inherit; display:inline-block; padding-left:2px; margin-top:-1px; content: "\f002"; } /* SUCHFORMULAR */ input[type="search"] { /* Remove default */ -webkit-appearance: none; -moz-appearance:none; appearance:none; /* Now your own custom styles */ font-size:13px; padding:5px 0; height: 28px; width: 95%; } /* ******************************************************************************** TABELLEN (DEF in layout.css) *********************************************************************************** */ .ce_table th { text-align:left; font-weight:600; padding-right: 5px; border-bottom:1px solid #CCCCCC; border-top:2px solid #67C2D4; /* Abgrenzungslinie Header */ } .ce_table .sortable th { font-weight:400; padding-right: 12px; } .ce_table th, .ce_table td { text-align:left; vertical-align:top; padding-left:5px; padding-right:10px; padding-top:6px; padding-bottom:8px; } .ce_table td { background: url("../../images/linien/linie.gif") left bottom repeat-x; } /* Wechselnde Hintergruende .ce_table tr.odd { background-color:#FFFFFF; }*/ /* RESPONSIVE TABELLEN */ @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* .ce_table { display:block; overflow:scroll; } */ .ce_table td, .ce_table th { width:auto !important; } .responsive td.col_last { background-image:none; } .responsive table { background: url("../../images/linien/linie.gif") left bottom repeat-x; } /* Force table to not be like tables anymore */ .responsive table, .responsive thead, .responsive tbody, .responsive th, .responsive td, .responsive tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .responsive thead tr { position: absolute; top: -9999px; left: -9999px; } .responsive tr { border-top:2px solid #67C2D4; } /* Abgrenzungslinie Header */ .responsive td { /* Behave like a "row" */ border: none; /* border-bottom: 1px solid #ccc; */ position: relative; width:auto !important; padding-left: 45% !important; } .responsive td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 40% !important; padding-right: 10px; white-space: nowrap; font-weight:600; } /* JEDE TABELLE MIT EIGENER ID HEADER NAMEN EINGEBEN */ #adressen.responsive td:nth-of-type(1):before { content: "Name"; } #adressen.responsive td:nth-of-type(2):before { content: "Vorname"; } #adressen.responsive td:nth-of-type(3):before { content: "Strasse"; } #adressen.responsive td:nth-of-type(4):before { content: "Ort"; } } /* ENDE MEDIA */ /*ENDE TABELLEN */ /* ******************************************************************************** BUCHNAVIGATION BOOKNAV *********************************************************************************** */ .mod_booknav { clear:both; position:relative; font-size:0.875em; margin-left:10px; margin-right:10px; } .mod_booknav li a { color:#4C4C4C; } .mod_booknav li a:hover { color:#FF6600; } .mod_booknav ul { width:100%; position:relative; list-style-type: none; margin:0 0 0 0; padding: 0; text-align:center; border-top:2px solid #67C2D4; } .mod_booknav ul li { padding-top:7px; padding-bottom:20px; display:block; } .mod_booknav ul li.up { width:100%; position:relative; float:left; margin:0 0 0 0; text-align:center; z-index:10; } .mod_booknav ul li.prev { position:absolute; top:0; left:0; margin:0 0 0 0; z-index:20; } .mod_booknav ul li.next { position:absolute; top:0; right:0; margin:0 0 0 0; z-index:20; } .mod_booknav ul li a span:before { font-family: 'FontAwesome'; font-weight: normal; font-size:inherit; line-height:inherit; display:inline-block; } .mod_booknav ul li a span.ico_prev:before { margin-right:0.5em; content: "\f104"; } .mod_booknav ul li a span.ico_next:before { margin-left:0.5em; content: "\f105"; } /* BREADCRUMB */ .mod_breadcrumb ul { list-style-type: none; margin: 0px; padding: 0px; } .mod_breadcrumb li { font-size:0.875em; display:block; float:left; } .mod_breadcrumb li a { font-size:0.875em; font-weight:400; color: #4C4C4C; } .mod_breadcrumb li a:hover, .mod_breadcrumb li.active { color: #FF6600; font-weight:400; } .mod_breadcrumb li:before { font-family: 'FontAwesome'; font-weight: normal; font-size:inherit; line-height:inherit; display:inline-block; float:left; margin-right:0.5em; margin-left:0.6em; color:#999999; content: "\f105"; } .mod_breadcrumb li.first:before { display:none; } /* SLIDER */ /* Zusaetzliches Korrekturelement fuer IE */ .iekorr { display:none; } body.ie8 .iekorr, body.ie7 .iekorr { font-size:1px; line-height:1px; height:8px; display:block; } /* Ende Zusaetzliches Korrekturelement fuer IE */ .ce_preSlider2 { position:relative; height:auto; left;0; } /* set border-box so that percents can be used for width, padding, etc (personal preference) */ .cycle-slider, .cycle-slider * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cycle-slider { position: relative; width: 100%; min-width: 200px; height:auto; margin: auto; padding: 0; /*background: url("http://malsup.github.com/images/spinner.gif") 50% 50% no-repeat;*/ } /* slideshow images (for most of the demos, these are the actual "slides") */ .cycle-slider .cycle-content, .cycle-slider .cycle-slide { /* some of these styles will be set by the plugin (by default) but setting them here helps avoid flash-of-unstyled-content */ position: absolute; top: 0; left: 0; background-color:#FFFFFF; width: 100%; height:auto; padding: 0; padding-bottom:0px; overflow:hidden; display: none; zoom:1; } .cycle-slider .cycle-content.first { display:block; height:auto; } .cycle-slider .cycle-content p { position:relative; display:block; } /* in case script does not load */ .cycle-slider .cycle-content:first-child { position: static; z-index: 100; } /* pager */ .cycle-pager { position: absolute; display:block; text-align: right; width: 100%; bottom:5.5%; right:2.5%; height:30px; overflow: hidden; z-index: 800; } .cycle-pager span { position:relative; font-family: arial; font-size: 2.875em; width: 0.4em; height: 1.1875em; margin:0 3px; line-height:100%; display: inline-block; color: #FFFFFF; cursor: pointer; } .cycle-pager span.cycle-pager-active, .cycle-pager span:hover { color: #F30; } .cycle-pager > * { cursor: hand; cursor: pointer; } /* overlay BUTTONS */ .cycle-overlay { font-family: tahoma, arial; position: absolute; bottom: 0; width: 100%; z-index: 600; background: black; color: white; padding: 15px; opacity: .5; } .but_cont_left, .but_cont_right { position:absolute; display:none; width:72px; height:62px; background-color:transparent; top:50%; margin-top:-36px; cursor:hand; cursor:pointer; z-index:810; } .but_cont_left { left:12px; background-image: url("../../images/slider/buttons3.png"); background-position: 0 15px; background-repeat: no-repeat; } .but_cont_right { right:12px; background-image: url("../../images/slider/buttons3.png"); background-position: 100% -41px; background-repeat: no-repeat; } /* FULLWIDTH BUTTONS */ .but_cont_left4, .but_cont_right4 { position:absolute; display:none; width:42px; height:62px; background-color:transparent; top:50%; margin-top:-28px; cursor:hand; cursor:pointer; z-index:810; } .but_cont_left4 { left:9px; background-image: url("../../images/slider/buttons4.png"); background-position: 0 0px; background-repeat: no-repeat; } .but_cont_left4:hover { background-position: -40px 0px; } .but_cont_right4 { right:0px; background-image: url("../../images/slider/buttons4.png"); background-position: 0 -70px; background-repeat: no-repeat; } .but_cont_right4:hover { background-position: -40px -70px; } .touch .but_cont { display: none !important; } /* TABSLIDER MENU */ .tabnavi { position:relative; height:auto; overflow:hidden; padding-bottom:0px; z-index:200; } .tabnavi ul { position:relative; overflow:hidden; float:left; list-style:none; margin: 0; padding: 0; } .tabnavi ul.tabmenu li { display:inline-block; float:left; margin: 0; } .tabnavi>.tablink { display:none; } .tabnavi>.menulist { position:relative; overflow:hidden; display:block; height:auto; border-left:1px solid #CCCCCC; } .tabnavi .tabmenu a { position:relative; display:block; border:1px solid #CCCCCC; border-left:none; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDFCFC', endColorstr='#FBF9F9'); background-color: #F2F0F0; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(0.5, #FBF9F9), color-stop(0.5, #F7F5F6)); background-image: -webkit-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0); background-image: -moz-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0); background-image: -o-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0); background-image: -ms-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .tabnavi>.tablink, .tabnavi .tabmenu a { padding: 9px 12px 10px 12px; } .tabnavi .tabmenu a.active, .tabnavi .tabmenu a:hover.active{ color:#666666; border-bottom:1px solid #FFFFFF; background-color: #FFFFFF; background-image:none; } .tabnavi .tabmenu a:hover { background-color: #F6F6F6; background-image:none; } .ce_preSlider2.tab { position:relative; height:auto; width:100%; margin-top:-1px; padding:15px; border:1px solid #CCCCCC; background-color:#FFFFFF; } /* SLIDER VARIABLE HOEHE */ .ce_preSlider2.varhoch { background-color:transparent; } .ce_preSlider2.varhoch .cycle-slider .cycle-content { background:transparent; } /* FOOTER */ span.zw { position:relative; display:inline-block; padding:0 4px; } #footer_oben { position:relative; overflow:hidden; padding:3px 0 18px; } #footer_unten .footer_content { position:relative; overflow:hidden; padding:0; border-top:0px solid #FFFFFF; } #footer { font-size:14px; line-height:140%; font-weight:300; color:#4C4C4C; /* #4C4C4C */ letter-spacing:0px; -webkit-font-smoothing:subpixel-antialiased; /* subpixel-antialiased, antialiased, none */ margin-bottom:0px; } #footer .mod_article.footer_content { /* border-top:2px solid #FFFFFF; */ padding-top:12px; padding-bottom:16px; } #footer .mod_article.footer_content h6 { font-size:13px; line-height:130%; font-weight:600; color:#4C4C4C; padding-bottom:9px; margin-bottom:9px; border-bottom:1px solid #CCCCCC; } #footer .mod_article.footer_content h6.ohnelinie { border-bottom:none; margin-bottom:0; } #footer .mod_article.footer_content a, #footer .mod_article.footer_unten a { color:#4C4C4C; } #footer .mod_article.footer_content a:hover, #footer .mod_article.footer_unten a:hover { color:#3b8ad3; } #footer .mod_article.footer_unten { border-top:0 solid #FFF; padding-top:15px; padding-bottom:10px; } ul.footer_text { position:relative; padding:0; margin:0; } .footer_text li { position:relative; list-style-type: none; display:block; float:left; padding:0 12px 0 0; } /* NEWSLETTER ANMELDEN */ .mod_subscribe input.text { margin:0 0 5px 0; width:100%; } .mod_subscribe input.submit { background-color:#cccccc; font-weight:300; } /* TELL_A_FRIEND */ ul#tell-a-friend { position:relative; top:0; height:26px; margin-top:5px; margin-bottom:0px; padding-left:0px; background:transparent; } ul#tell-a-friend li { list-style-type:none; position:relative; display:inline-block; list-style-type:none; float:left; width:33px; height:36px; text-align:left; margin-top:0px; background:transparent; font-size:24px; padding:0; } ul#tell-a-friend li:before { content:none; } .icon-googleplus:before { width:21px; text-align:right; margin-top:8px; color:#c1c6c9; content: "\f0d4"; } .icon-facebook:before { width:12px; text-align:right; margin-top:8px; color:#c1c6c9; content: "\f082"; } .icon-twitter:before { width:20px; text-align:right; margin-top:8px; color:#c1c6c9; content: "\f081"; } /* START TABLET */ @media screen and (min-width:768px) and (max-width:969px) { .CoverGM { padding-bottom: 38%; height: 0; } .mod_newslist .layout_full { font-size:0.9375em; } .touch .but_cont { display:none !important; } } /* ENDE TABLET */ /** * START MOBILE */ @media screen and (max-width:767px) { .q100, .q80, .q70, .q60, .q50, .q40, .q30 { padding-bottom:25%; } .CoverGM { padding-bottom: 50%; height: 0; } .mod_newslist .layout_full { font-size:0.9375em; } .but_cont { display:none !important; } .responsiveContainer.q20, .responsiveContainer.q30, .responsiveContainer.q40, .responsiveContainer.q50 { padding-bottom:50%; } /* FORMULAR ZWEISPALTIG */ .inputwrap.zweispaltig, .inputwrap.dreiFelder, .inputwrap.mini, .inputwrap.maxi { float:none; display:block; width:auto !important; } input.text, textarea, .select, .ce_form .explanation, .ce_form .headline { width:99% !important; /*max-width:450px;*/ } .inputwrap.dreiFelder, .dreiFelder_wrapper { width:100% !important; margin-left:0; } .dreiLabel { width:auto; padding-top:5px; padding-right:6px; padding-bottom:8px; } input.captcha { width:15%; } input.checkbox { top:0; margin-top:5px; margin-right:11px; } .checkbox_container, .checkbox_container span { width:100%; } .checkbox_container label { width:86%; max-width:none; } .checkbox_container.gleichezeile label, .radio_container.gleichezeile label { width:auto; max-width:none; } .tablebox .ce_text.design, .ce_text.tablecell.design { padding-bottom:0; } #search { width:99%; } .ce_gridbox-start { width:auto !important; } .ce_gridbox-start[class*="grid"], .ce_percentbox-start[class*="percent"], .mod_article[class*="percent"] { float:none; display:block; width:auto !important; margin:0 0 0 0px; } .percent_innen { margin-left:10px !important; margin-right:10px !important; } /* LOGIN-SEITE */ body.login #container, body.error #container { padding-top:0px; margin:0; } /* NAVI ALLGEMEIN */ #nav_allg ul { margin:0; } /* TAB SLIDER MENU */ .tabnavi ul { float:none; width.auto; } .tabnavi>.tablink { display:block; color:#666666; } .tabnavi>.tablink { position:relative; border:1px solid #CCCCCC; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDFCFC', endColorstr='#FBF9F9'); background-color: #F2F0F0; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDFCFC), to(#F2F0F0), color-stop(0.5, #FBF9F9), color-stop(0.5, #F7F5F6)); background-image: -webkit-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0); background-image: -moz-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0); background-image: -o-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0); background-image: -ms-linear-gradient(top, #FDFCFC, #FBF9F9 50%, #F7F5F6 50%, #F2F0F0); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .tabnavi .tabmenu a.active { color:#666666; border-bottom:1px solid #CCCCCC; background-color: #FFFFFF; background-image:none; } /*.tabnavi>a:hover+.menulist { height:auto; } .js .tabnavi>a:hover+.menulist { height:0; }*/ .tabnavi>.menulist { position:relative; display:none; overflow:hidden; height:auto; } .tabnavi>a:hover+.menulist { height:auto; } .tabnavi ul.tabmenu li { display:block; float:none; margin: 0; padding: 0; } .tabnavi ul.tabmenu li a { border:1px solid #CCCCCC; border-top:none; } } /* ENDE MOBILE */ /* THEME */ #header #logo { height:108px; padding-top:19px; margin:0; } #band_2 { border-top:3px solid #FFFFFF; } h3.doppellinie { text-align:center; font-size:1.3125em; margin:0; padding:0.375em 0 0.5em; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } /* STARTSEITE BEREICH OBEN 2. ELEMENT */ .CoverImage2 { font-size:1em; position:relative; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; margin: 0 auto; background-color:#FFFFFF; } .CoverImage2 .cover_inside { position:absolute; display:block; width:100%; height:100%; z-index:200; top:0; left:0; } .CoverImage2 .cover_content { max-width:984px; position:relative; width:100%; height:100%; margin:auto; } #wrapper_2 .CoverImage2 { height: 380px; /* Hoehe des zusaetzlichen Bereichs oben. Feste Hoehe. */ } #wrapper_2 .CoverImage2:after { content:""; position:absolute; width:100%; height:148px; left:0; top:3px; background-color:#1385b2; } .CoverImage2 h6 { font-size:2.1875em; color:#FFFFFF; margin-top:1.25em; margin-bottom:0.5em; } .CoverImage2 .wikitext { font-size:1.25em; line-height:140%; margin-top:0.5em; } /* ENDE STARTSEITE BEREICH OBEN 2. ELEMENT */ /* Sprachnavigation */ #header #sprachnavi { position:absolute; overflow:hidden; top:26px; right:0; } #header #sprachnavi ul { position:relative; list-style:none; } #header #sprachnavi ul li { display:inline-block; float:left; list-style:none; } #header #sprachnavi ul li a { display:block; line-height:110%; color:#525252; font-size:14px; padding:0 10px; border-left: 1px solid #525252; } #header #sprachnavi ul li.first a { border:none; } .rot{ color:#cc0000; } /* TABLET */ @media screen and (min-width:768px) and (max-width:969px) { .CoverImage2 { font-size:0.875em; } #wrapper_2 .CoverImage2 { height: 325px; /* Hoehe des zusaetzlichen Bereichs oben. Feste Hoehe. */ } #wrapper_2 .CoverImage2:after { height:129px; } } /* ENDE TABLET */ /** * START MOBILE */ @media screen and (max-width:767px) { .cover_content { position:relative; top:3px; background:#158bb3; height:104px; } .cover_content .slogan h6 { position:relative; padding-top:0.75em; font-size:1.3125em; color:#ffffff; margin-bottom:0.5em; } .wikilink { position:absolute; overflow:hidden; width:100%; top:72px; left:0; } } /* ENDE MOBILE */ #header #sprachnavi li.last a {display:none;} /* Style sheet print */ @media print { body { background:#FFFFFF; } #header, #footer, #left, #band_2 { display:none; } #main .inside { margin:0; padding:0; } #wrapper, .wrapper { position:relative; width: 748px; /* Tablet-Breite muss eingetragen werden und «$tabletw» in fe_page entsprechen */ padding:0px; margin:0 auto; font-size: .7em; line-height:150%; } /* TOTALBREIT */ .mod_article.totalbreit, .neutral { margin-left:0px; margin-right:0px; } /* MEDIA SPEZIAL */ .nurtablet, .mod_article[class*="prozent"].nurtablet { display:inline-block; } .mod_article.totalbreit.mitabstand, .mod_article.totalbreit.mitmargin, .mod_article.totalbreit.mitspalten { padding-left:0px; padding-right:0px; } } /* ENDE MEDIA PRINT*/