/* Artfully masterminded by ZURB */ /* -------------------------------------------------- generelle designregeln ----------------------------------------------------- */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url('http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff'); } .cleaner, .clearFix, .cleaner1, .clear { display:block; clear:both; font-size:0px; line-height:0px; background:transparent; height:0px; padding:0; margin:0; } .clearafter:after { content:"."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden;} * html .clearafter:after { content:"."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; } .clearafter { display:inline-block; } /* Hides from IE-mac \*/ * html .clearafter {height:1%;} .clearafter {display:block;} /* End hide from IE-mac */ body { background: #e0dede url('../../img/custom/bg-body.png') left top repeat-x; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1; color: #555; } body.start { background: #e0dede url('../../img/custom/bg-body.png') left 100px repeat-x;} .phonemenu { visibility: hidden; } .pmhead { visibility: hidden; } .row { background-color: #fff;} h1.numerikjena { position: absolute; left: 50%; top: 0; margin-left: -439px; z-index: 300; } h1.numerikjena a{ padding: 0; margin: 0; display: block; max-height: 26px; } h1.numerikjena a img { border: 1px solid #fff; } .head { height: 112px; } .top-shadow { position: absolute; left: 50%; z-index: 80; margin-left: -470px; height: 35px; width: 940px; background: url('../../img/custom/top-shadow.png') center top no-repeat; } ul.sf-menu { list-style-type: none; float: right; margin-top: 45px; padding: 0; } ul.sf-menu li.cat_level_1 { float: left; } ul.sf-menu li.cat_level_1 a { display: block; padding: 2px 15px; font-size: 1.2em; line-height: 1em; font-family: 'Open Sans'; } ul.sf-menu li.cat_level_1 a:hover, ul.sf-menu li.selected a { color: #585557; } ul.sf-menu ul { list-style-type: none; margin-top: 20px; padding: 20px 0 15px 0; float: none; background: transparent url('../../img/custom/superfish-sub-bg.png') left 0px no-repeat;} ul.sf-menu li.cat_level_1 li.cat_level_2 { float: none; } ul.sf-menu li.cat_level_1 li.cat_level_2 a { display: block; color: #fff; padding: 5x 15px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.4em; } ul.sf-menu li.cat_level_1 li.cat_level_2 a:hover, ul.sf-menu li.cat_level_1 li.cat_level_2.selected a { color: #FFDB00; } .banner > div { padding: 0; } .content-row { padding: 20px; } ul.subnavi { border: 1px solid #d0dae3; border-top: 0px; list-style-type: none; padding: 0; margin:0; } ul.subnavi li.cat_level_2 { background: url('../../img/custom/bg-navi.png') left bottom repeat-x; } ul.subnavi li.cat_level_2.selected { background: none; } ul.subnavi li.cat_level_2 a { display: block; padding: 2px 10px; border-top: 1px solid #d0dae3; } ul.subnavi li.cat_level_2.with-sub a { background-image: url('../../img/custom/with-sub.png'); background-position: 98% 10px; background-repeat: no-repeat; } ul.subnavi ul { list-style-type: none; padding: 2px 0; margin: 0; border-top: 1px solid #d0dae3; } ul.subnavi li.cat_level_2 li.cat_level_3 a { padding: 2px 10px; border-top: 0px; background-color: #fff; background-image: none; } ul.subnavi ul ul { list-style-type: none; padding: 2px 0; margin: 0; border-top: 0px; } ul.subnavi li.cat_level_2 li.cat_level_3 li.cat_level_4 a { padding: 2px 30px; border-bottom: 0px; background-color: #fff; background-image: none; } .foot-top-row { background-color: #f5f4f2; color: #777; padding: 0 25px; border-bottom: 5px solid #FFDB00; } .bottom-shadow{ position: absolute; left: 50%; z-index: 290; margin-left: -470px; height: 20px; width: 940px; background: url('../../img/custom/footer-shadow.png') center -2px no-repeat; } .foot-top-row h4 { font-size: 0.9em; margin: 30px 0; color:#777; background: url('../../img/custom/h1-line.gif') 85px 5px no-repeat; } .foot-top-row .news-box { margin: 30px 0; } .foot-top-row .news-box img { float: left; margin: 0 10px 10px 0; } .foot-top-row .news-head { font-size: 0.9em; line-height: 1.4em; color: #265EA1; padding: 0 0 8px 0; } .foot-top-row .news-desc { font-size: 0.9em; line-height: 1.4em; padding: 0 0 8px 0; } .foot-top-row .event-box { margin: 30px 0; } .foot-top-row .event-head { font-size: 0.9em; line-height: 1.4em; color: #265EA1; padding: 0 0 8px 0; } .foot-top-row .event-desc { font-size: 0.9em; line-height: 1.4em; padding: 0 0 8px 0; } .foot-top-row p { font-size: 0.9em; line-height: 1.4em; } .foot-top-row input { background: #b9b7b8; color: #555; border: none; border-radius: 0; } .foot-top-row input[type=submit] { background: none; color: #3073B1; font-size: 1.1em; font-style: italic; float: right; } .foot-bottom-row { border-top: 1px solid #fff; background-color: #FFDB00;} .foot-bottom-row p { margin: 40px 25px 10px 25px; font-size: 0.9em; line-height: 1.2em; } /* ----------------------------------------- startseite ----------------------------------------- */ /* ----------------------------------------- itool content / module ----------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; } h1, .itc-headline { font-size: 1.4em; margin: 8px 0 18px 0; color: #000; } h2 { font-size: 1.3em; margin: 8px 0 18px 0; color: #333; font-style: italic; } h3 { font-size: 1.2em; margin: 4px 0 9px 0; color: #000; } h4 { font-size: 1.2em; margin: 4px 0 9px 0; color: #333;} h5 { font-size: 1.1em; margin: 2px 0 5px 0; color: #333; font-weight: bold;} h6 { font-size: 0.9em; margin: 2px 0 5px 0; color: #333; text-transform: uppercase;} .last-change { display: none; } .galleryCont a img { height: 80px; padding: 2px; border: 1px solid #ccc; margin: 4px; box-shadow: 0 0 3px #ccc; } .content-segment img { padding: 2px; border: 1px solid #ccc; margin: 4px; box-shadow: 0 0 3px #ccc; } .content-segment .mmg-box-dl img, .content-segment img.ohnerahmen { padding: 0px; border: 0px; margin: 0; box-shadow: none; } .content-segment .img-left { float: left; margin: 0 10px 10px 0; } .content-segment .img-right { float: left; margin: 0 0 10px 10px; } .content-row .news-box { margin: 30px 0; } .content-row .news-box img { float: left; margin: 0 10px 10px 0; } .content-row .news-head { font-size: 0.9em; line-height: 1.4em; color: #265EA1; padding: 0 0 8px 0; } .content-row .news-desc { font-size: 0.9em; line-height: 1.4em; padding: 0 0 8px 0; } .content-segment img[style="float: left;"] { margin: 5px 10px 5px 0; } .content-segment img[style="float: right;"] { margin: 5px 0 5px 10px; } a.more-btn { display: block; float: right; padding: 3px 9px; background: #275FA2; font-size: 0.85em; line-height: 1em; text-transform: uppercase; color: #fff; } ul.accordion { border: none; } ul.accordion li, ul.accordion li.active { margin: 0 0 10px 0; border: none; } ul.accordion li .title, ul.accordion li.active .title { padding: 5px 10px; color: #333; border: 1px solid #d0dae3; background: #fff url('../../img/custom/bg-navi.png') left bottom repeat-x; } ul.accordion li h5 { font-weight: normal; } ul.accordion li.active h5, ul.accordion li h5:hover { color: #000; } ul.accordion li.active .content { border: none; } dl.tabs dd.active { border-top: 3px solid #FFDB00; } ul.accordion > li .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent; position: absolute; right: 15px; top: 8px; } ul.accordion > li.active .title:after { content: ""; display: block; width: 0; height: 0; border: solid 0px; border-color: transparent; } ul.accordion > li:hover .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent #FFDB00 transparent transparent; } .mmg-box-dl div { font-size: 0.95em; margin-bottom: 5px; } .mmg-box-row { border-bottom: 1px solid #ccc; margin-bottom: 10px!important;} .mmg-pikto { display: inline-block; width: 25px; margin-right: 5px; } .c-tpl-17 > div { margin: 15px; background: #ccc; } .c-tpl-28 { padding: 0 0 16px 0; background: url('../../img/custom/bg-content-shadow.png') center bottom no-repeat; } .c-tpl-28 > div { border-left: 1px solid #d8d6d7; border-bottom: 1px solid #d8d6d7; } /* ----------------------------------------- media Queries ----------------------------------------- */ /* Small display targeting */ @media only screen and (max-width: 767px) { body { background: #fff; } .pmhead { visibility: visible; padding: 12px 0px; margin-left: -10px; background-color: #FFDB00; border-bottom: 1px solid #333; } .pmhead a.head-logo { display: inline-block;padding: 5px 0;} .pmhead a.phone-nav-btn { float: right; margin-right: -10px; width: 25px; height: 25px; overflow: hidden; } #phonemenu { visibility: visible; position: fixed; left: 0; top: 0; z-index: 999; padding: 0.7em; width: 90%; height: 115%; background-color: #FFDB00; border-right: 1px solid #333; box-shadow: 1px 0 3px #777; } #phonemenu .pmscroll { position: absolute; left: 0; top: 0; width: 100%; height: 99.8%; overflow-y: scroll; } #phonemenu .pmscroll ul { width: 100%; margin: 10px; padding: 0; list-style-type: none; } #phonemenu .pmscroll ul li.cat_level_1 { padding: 0 15px; } #phonemenu .pmscroll ul li.cat_level_1 a { color: #666; text-align: left; } #phonemenu .pmscroll ul li.cat_level_1 a:hover, #phonemenu .pmscroll ul li.cat_level_0 a.active { color: #000; text-align: left; } #phonemenu .pmscroll ul li.cat_level_1.selected a { color: #000; } #phonemenu .pmscroll ul li.cat_level_1 ul li.cat_level_2 { padding: 0 15px; } #phonemenu .pmscroll ul li.cat_level_1 ul li.cat_level_2 a { color: #666; text-align: left; } #phonemenu .pmscroll ul li.cat_level_1 ul li.cat_level_2 a:hover, #phonemenu .pmscroll ul li.cat_level_1 ul li.cat_level_2 a.active { color: #000; text-align: left; } #phonemenu .pmscroll ul li.cat_level_1 ul li.cat_level_2.selected a { color: #000; } /* TopBar Shit */ .numerikjena, .head, .navi-row, .top-shadow, .bottom-shadow, .foot-top-row { display: none; } nav.top-bar, ul.mob-name li a, ul.dropdown { background: #ffdb00!important; color: #333!important; } nav.top-bar { border-bottom: 1px solid #444; } ul.mob-name li.name h1 a { font-size: 0.6em!important; } ul.mob-name li.toggle-topbar:hover { background: transparent; } .top-bar ul li.divider { border-top: 1px solid #666!important; border-bottom: 0px!important; } .top-bar ul.mob-name li.toggle-topbar a { border-color: #444 transparent transparent transparent;} .top-bar ul.mob-name li.toggle-topbar a:hover { border-color: #444 transparent transparent transparent;} .top-bar.expanded ul.mob-name li.toggle-topbar a { border-color: transparent transparent #444 transparent;} nav.top-bar section ul li a { color: #333!important; } nav.top-bar section ul li a:after { border-color: transparent transparent transparent #444!important; } nav.top-bar section ul li a:hover { background: #C9B33A; color: #000!important; } .top-bar ul li.has-dropdown.moved .back.title a:before { border-color: transparent #444 transparent transparent!important; } nav.top-bar section ul li ul li a { color: #333!important; border-color: transparent #444 transparent transparent!important; } /* TopBar Shit Ende */ .content-row { margin: 0; padding: 20px 0; } .c-tpl-28 { padding: 0; background: none; margin: 0; } .c-tpl-28 > div { border: 0px; margin: 0; padding: 0; } .facebook { display: none; } } @media only screen and (min-width: 767px) { .top-bar { display: none; } } @media only screen and (min-width: 940px) { .banner { height: 190px; overflow: hidden; } .start .banner { height: 289px; } } @media only screen and (max-width: 940px) { .top-shadow, .bottom-shadow { display: none } h1.numerikjena { position: absolute; left: 50%; top: 0; margin-left: -48%; z-index: 300; } } /* New Button Style **************************************************************************************************************************************************/ /* Normal Buttons ---------------------- */ .button { width: auto; background: #ffdb00; border: 1px solid #b39900; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: #333; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ } .button:hover { color: white; background-color: #ccaf00; } .button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } .button:focus { -webkit-box-shadow: 0 0 4px #ffdb00, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #ffdb00, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #ffdb00, 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; } .button.large { font-size: 17px; padding: 15px 30px 16px; } .button.medium { font-size: 14px; } .button.small { font-size: 11px; padding: 7px 14px 8px; } .button.tiny { font-size: 10px; padding: 5px 10px 6px; } .button.expand { width: 100%; text-align: center; } .button.primary { background-color: #ffdb00; border: 1px solid #b39900; } .button.primary:hover { background-color: #ccaf00; } .button.primary:focus { -webkit-box-shadow: 0 0 4px #ffdb00, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #ffdb00, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #ffdb00, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .button.success { background-color: #5da423; border: 1px solid #396516; } .button.success:hover { background-color: #457a1a; } .button.success:focus { -webkit-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; } .button.alert:hover { background-color: #970b0e; } .button.alert:focus { -webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .button.secondary { background-color: #e9e9e9; color: #1d1d1d; border: 1px solid #c3c3c3; } .button.secondary:hover { background-color: #d0d0d0; } .button.secondary:focus { -webkit-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .button.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } .button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; } .button.left-align { text-align: left; text-indent: 12px; } .button.disabled, .button[disabled] { opacity: 0.6; cursor: default; background: #ffdb00; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .button.disabled :hover, .button[disabled] :hover { background: #ffdb00; } .button.disabled.success, .button[disabled].success { background-color: #5da423; } .button.disabled.success:hover, .button[disabled].success:hover { background-color: #5da423; } .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; } .button.disabled.alert:hover, .button[disabled].alert:hover { background-color: #c60f13; } .button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; } .button.disabled.secondary:hover, .button[disabled].secondary:hover { background-color: #e9e9e9; } /* Don't use native buttons on iOS */ input[type=submit].button, button.button { -webkit-appearance: none; } /* Correct FF button padding */ @-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; } input[type="submit"].tiny.button { padding: 3px 10px 4px; } input[type="submit"].small.button { padding: 5px 14px 6px; } input[type="submit"].button, input[type=submit].medium.button { padding: 8px 20px 9px; } input[type="submit"].large.button { padding: 13px 30px 14px; } } /* Buttons with Dropdowns ---------------------- */ .button.dropdown { position: relative; padding-right: 44px; /* Sizes */ /* Triangles */ /* Flyout List */ /* Split Dropdown Buttons */ } .button.dropdown.large { padding-right: 60px; } .button.dropdown.small { padding-right: 28px; } .button.dropdown.tiny { padding-right: 20px; } .button.dropdown:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; right: 20px; margin-top: -2px; } .button.dropdown.large:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; right: 30px; } .button.dropdown.small:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: white transparent transparent transparent; margin-top: -2px; right: 14px; } .button.dropdown.tiny:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; right: 10px; } .button.dropdown > ul { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: none; position: absolute; left: -1px; background: #fff; background: rgba(255, 255, 255, 0.95); list-style: none; margin: 0; padding: 0; border: 1px solid #cccccc; border-top: none; min-width: 100%; z-index: 40; } .button.dropdown > ul li { width: 100%; cursor: pointer; padding: 0; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; } .button.dropdown > ul li a { display: block; color: #555; font-size: 13px; font-weight: normal; padding: 6px 14px; text-align: left; } .button.dropdown > ul li:hover { background-color: #fffbe5; color: #222; } .button.dropdown > ul li.divider { min-height: 0; padding: 0; height: 1px; margin: 4px 0; background: #ededed; } .button.dropdown.up > ul { border-top: 1px solid #cccccc; border-bottom: none; } .button.dropdown ul.no-hover.show-dropdown { display: block !important; } .button.dropdown:hover > ul.no-hover { display: none; } .button.dropdown.split { padding: 0; position: relative; /* Sizes */ /* Triangle Spans */ /* Colors */ } .button.dropdown.split:after { display: none; } .button.dropdown.split:hover { background-color: #ffdb00; } .button.dropdown.split.alert:hover { background-color: #c60f13; } .button.dropdown.split.success:hover { background-color: #5da423; } .button.dropdown.split.secondary:hover { background-color: #e9e9e9; } .button.dropdown.split > a { color: white; display: block; padding: 10px 50px 11px 20px; padding-left: 20px; padding-right: 50px; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } .button.dropdown.split > a:hover { background-color: #ccaf00; } .button.dropdown.split.large > a { padding: 15px 75px 16px 30px; padding-left: 30px; padding-right: 75px; } .button.dropdown.split.small > a { padding: 7px 35px 8px 14px; padding-left: 14px; padding-right: 35px; } .button.dropdown.split.tiny > a { padding: 5px 25px 6px 10px; padding-left: 10px; padding-right: 25px; } .button.dropdown.split > span { background-color: #ffdb00; position: absolute; right: 0; top: 0; height: 100%; width: 30px; border-left: 1px solid #b39900; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } .button.dropdown.split > span:hover { background-color: #ccaf00; } .button.dropdown.split > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; left: 50%; margin-left: -6px; margin-top: -2px; } .button.dropdown.split.secondary > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #1d1d1d transparent transparent transparent; } .button.dropdown.split.large span { width: 45px; } .button.dropdown.split.small span { width: 21px; } .button.dropdown.split.tiny span { width: 15px; } .button.dropdown.split.large span:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; margin-left: -7px; } .button.dropdown.split.small span:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -4px; } .button.dropdown.split.tiny span:after { content: ""; display: block; width: 0; height: 0; border: solid 3px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -3px; } .button.dropdown.split.alert > span { background-color: #c60f13; border-left-color: #7f0a0c; } .button.dropdown.split.success > span { background-color: #5da423; border-left-color: #396516; } .button.dropdown.split.secondary > span { background-color: #e9e9e9; border-left-color: #c3c3c3; } .button.dropdown.split.secondary > a { color: #1d1d1d; } .button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover { background-color: #970b0e; } .button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover { background-color: #457a1a; } .button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover { background-color: #d0d0d0; } /* Button Groups ---------------------- */ ul.button-group { list-style: none; padding: 0; margin: 0 0 12px; *zoom: 1; } ul.button-group:before, ul.button-group:after { content: " "; display: table; } ul.button-group:after { clear: both; } ul.button-group li { padding: 0; margin: 0 0 0 -1px; float: left; } ul.button-group li:first-child { margin-left: 0; } ul.button-group.radius li a.button, ul.button-group.radius li a.button.radius, ul.button-group.radius li a.button-rounded, ul.button-group.radius li input[type="submit"].button, ul.button-group.radius li input[type="submit"].button.radius, ul.button-group.radius li input[type="submit"].button-rounded { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } ul.button-group.radius li:first-child a.button, ul.button-group.radius li:first-child a.button.radius, ul.button-group.radius li:first-child input[type="submit"].button, ul.button-group.radius li:first-child input[type="submit"].button.radius { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } ul.button-group.radius li:first-child a.button.rounded, ul.button-group.radius li:first-child input[type="submit"].button.rounded { -moz-border-radius-topleft: 1000px; -webkit-border-top-left-radius: 1000px; border-top-left-radius: 1000px; -moz-border-radius-bottomleft: 1000px; -webkit-border-bottom-left-radius: 1000px; border-bottom-left-radius: 1000px; } ul.button-group.radius li:last-child a.button, ul.button-group.radius li:last-child a.button.radius, ul.button-group.radius li:last-child input[type="submit"].button, ul.button-group.radius li:last-child input[type="submit"].button.radius { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } ul.button-group.radius li:last-child a.button.rounded, ul.button-group.radius li:last-child input[type="submit"].button.rounded { -moz-border-radius-topright: 1000px; -webkit-border-top-right-radius: 1000px; border-top-right-radius: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-bottom-right-radius: 1000px; border-bottom-right-radius: 1000px; } ul.button-group.even .button { width: 100%; } ul.button-group.even.two-up li { width: 50%; } ul.button-group.even.three-up li { width: 33.3%; } ul.button-group.even.three-up li:first-child { width: 33.4%; } ul.button-group.even.four-up li { width: 25%; } ul.button-group.even.five-up li { width: 20%; } div.button-bar { overflow: hidden; } div.button-bar ul.button-group { float: left; margin-right: 8px; } div.button-bar ul.button-group:last-child { margin-left: 0; }