/* Theme Name: ATV & Quad Magazin Theme URI: http://www.atv-quad-magazin.com/ Description: Author: continent7 Author URI: http://www.continent7.com Version: 4.7.0 License: MIT / Copyright (c) 2011 continent7 License URI: http://www.opensource.org/licenses/mit-license.php */ /******************************************************************************* * * Filename: style.css * Type: stylesheet (css) * Authors: Philipp Bartels (bartels@continent7.com) * David Nellessen (nellessen@continent7.com) * Organization: continent7 (http://www.continent7.com) * Documentation: http://html5boilerplate.com/docs/ * http://codex.wordpress.org/Theme_Development * ******************************** DOCUMENTATION ********************************* * * This is the main file for the ATV & Quad Magazin theme as well as the * styleshheet for the quad-markt.com template. * *********************************** LICENSE ************************************ * * Copyright (c) 2011 continent7 * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. * ************************************ NOTES ************************************* * See changelog.txt! * *******************************************************************************/ /** * HTML5 ✰ Boilerplate * * style.css contains a reset, font normalization and some base styles. * * Credit is left where credit is due. * Much inspiration was taken from these projects: * - yui.yahooapis.com/2.8.1/build/base/base.css * - camendesign.com/design/ * - praegnanz.de/weblog/htmlcssjs-kickstart */ /* ==== Scroll down to find where to put your styles :) ==== */ /* HTML5 ✰ Boilerplate */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } body { font:13px/1.231 sans-serif; *font-size:small; } select, input, textarea, button { font:99% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } html { overflow-y: scroll; } a:hover, a:active { outline: none; } ul, ol { margin-left: 2em; } ol { list-style-type: decimal; } nav ul, nav li, .quad-markt ol, .quad-markt ul { margin: 0; list-style:none; list-style-image: none; } small { font-size: 85%; } strong, th { font-weight: bold; } td { vertical-align: top; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; } textarea { overflow: auto; } .ie6 legend, .ie7 legend { margin-left: -7px; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } button, input, select, textarea { margin: 0; } input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } ::-moz-selection{ background: #ff0000; color:#fff; text-shadow: none; } ::selection { background:#ff0000; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #ff0000; } .quad-markt ::-moz-selection{ background: #005590; color:#fff; text-shadow: none; } .quad-markt ::selection { background:#005590; color:#fff; text-shadow: none; } .quad-markt a:link { -webkit-tap-highlight-color: #005590; } .handel ::-moz-selection{ background: #0091d0; color:#fff; text-shadow: none; } .handel ::selection { background:#0091d0; color:#fff; text-shadow: none; } .handel a:link { -webkit-tap-highlight-color: #0091d0; } .szene ::-moz-selection{ background: #5c6735; color:#fff; text-shadow: none; } .szene ::selection { background:#5c6735; color:#fff; text-shadow: none; } .szene a:link { -webkit-tap-highlight-color: #5c6735; } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } body, select, input, textarea { color: #444; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } /* // ========================================== \\ || || || Your styles ! || || || \\ ========================================== // */ /* LAYOUT */ body{ background: #000 url('img/background.jpg') top center no-repeat; } body.quad-markt{background-image: url('img/quad-markt-background.jpg');} body.handel{background-image: url('img/handel-background.jpg');} body.szene{background-image: url('img/quad-markt-background.jpg');} #background-wrapper{ width: 1161px; /* banner-left removed */ /* width: 1380px; /*= 960 + 200 + 10 + 200 + 10; 200 can be replaced by maximum width of banner used in left/right banner-slot */ overflow: hidden; margin: 0 auto; } #wrapper1{ width: 1161px; /* banner-left removed */ /*width: 1380px; /* = 960 + 200 + 10 + 200 + 10; 200 can be replaced by maximum width of banner used in left/right banner-slot */ overflow: hidden; margin: 0 auto; } #wrapper2{ float: left; width: 960px; /* banner-left removed */ /*width: 1170px; /* = 960 + 200 + 10; 200 can be replaced by maximum width of banner used in left banner-slot */ overflow: hidden; margin: 90px auto 0 auto; /* 104 = 90 + 0 + 10, where 90 is the height of the top banner */ } body.quad-markt #wrapper2{ margin: 10px auto 0 auto; /* 104 = 0 + 0 + 10, where 0 is the height of the non-existing top banner */ } #banner-left{ /*removed*/ float: left; width: 200px; /* can be replaced by maximum width of banner used in left banner-slot */ overflow: hidden; text-align: right; padding-top:32px; position: relative; } #banner-right-top{ float: right; width: 200px; /* can be replaced by maximum width of banner used in right banner-slot */ overflow: hidden; padding-top:0px; position: relative; } #banner-right{ float: right; width: 200px; /* can be replaced by maximum width of banner used in right banner-slot */ overflow: hidden; padding-top:1px; position: relative; } #banner-right-bottom{ float: right; width: 200px; /* can be replaced by maximum width of banner used in right banner-slot */ overflow: hidden; padding-top:1px; position: relative; } #container{ width: 960px; float: right; } #banner-top{ height: 90px; overflow: hidden; position: absolute; top: 0; width: 960px; margin-right: 1px; } #banner-top .banner-top, #banner-top .handel_banner-top{float: right;} body.quad-markt #banner-top{ display: none; } .content-wrapper{ } .wrapper-less-navigationelements{ margin-top: 30px; } .wrapper-less-navigationelements{ margin-top: 30px; } .quad-markt .wrapper-less-navigationelements{ margin-top: 15px; } .content-left{ float: left; width: 670px; } .two-cols-left .content-left{width: 230px;} .equalwidth .content-left, .equalwidth .content-right{width: 450px;} .single-content .equalwidth .content-left, .single-content .equalwidth .content-right, .related-articles-container .equalwidth .content-left, .related-articles-container .equalwidth .content-right {width: 420px;} .content-right{ float: right; width: 230px; } .two-cols-left .content-right{width: 670px;} /* 3-col layout */ .content-left .content-left{ width: 230px; } .content-left .content-right{ width: 420px; overflow: hidden; } /* END: 3-col layout */ /* END: LAYOUT */ /* BANNER */ #banner-left img, #banner-right img{ margin: 0 0 1px; } #banner-top img, #banner-top object , #banner-top embed { margin: 0 auto; display: block; } /* END: BANNER */ /* #HEADER */ #header{ background: transparent url('img/background-header.png') 0 14px no-repeat; padding: 0 20px 5px 20px; } .quad-markt #header{ background-image: url('img/quad-markt-background-header.png'); } .handel #header{ background-image: url('img/handel-background-header.png'); } .szene #header{ background-image: url('img/quad-markt-background-header.png'); } #header .first-line{ height: 46px; line-height: 32px; font-size: 12px; overflow: hidden; } #social-links{ display: block; float: left; margin: 0; padding: 0; } #facebook-like-container{ display: block; float: left; height: 29px; overflow: hidden; padding-top: 3px; } #google-plus-container { /*display: block; */ display: none; float: left; height: 26px; overflow: hidden; padding-top: 6px; } #social-links li{ display: inline; padding: 0; margin: 0 20px 0 0; } #social-links li a{ color: #fff; /*text-decoration: underline;*/ padding-left: 22px; display: inline-block; line-height: 32px; } #social-links li.rss { display: inline; } #social-links li.facebook a{ background: url('img/facebook.png') 0 8px no-repeat; } #social-links li.rss a{ background: url('img/rss.png') 0 8px no-repeat; } @font-face { font-family: Kimberly; font-weight: bold; src: url('kimberley-bl.otf'); } #global-tabs{ float: left; margin-right: 30px; font-family: Kimberly,sans-serif; font-weight: bold; } #global-tabs .tab{ background-color: #FFFFFF; border-top: 7px solid transparent; display: block; float: left; font-size: 17px; font-weight: bold; line-height: 32px; height: 32px; margin: 7px 7px 0 7px; padding: 0 17px; text-transform: none; -moz-box-shadow: 3px 2px 2px rgba(0,0,0,0.7); -webkit-box-shadow: 3px 2px 2px rgba(0,0,0,0.7); box-shadow: 3px 2px 2px rgba(0,0,0,0.7); } #global-tabs .active{ -moz-box-shadow: 5px 4px 3px rgba(0,0,0,0.7); -webkit-box-shadow: 5px 4px 3px rgba(0,0,0,0.7); box-shadow: 5px 4px 3px rgba(0,0,0,0.7); margin: 0 10px 0 10px !important; border-width: 14px; line-height: 22px; } #global-tabs .tab{ display: block; } #global-tabs .active{ color: #fff !important; } #global-tabs #tab-magazin.tab{border-color: #ec1c24; background-color: #fff;} #global-tabs #tab-magazin.tab{color: #ec1c24;} #global-tabs #tab-magazin.active{background-color: #ec1c24;} #global-tabs #tab-handel.tab{border-color: #0091d0; background-color: #fff;} #global-tabs #tab-handel.tab{color: #0091d0;} #global-tabs #tab-handel.active{color: #fff; background-color: #0091d0;} #global-tabs #tab-shop.tab{border-color: #005590; background-color: #fff;} #global-tabs #tab-shop.tab{color: #005590;} #global-tabs #tab-shop.active{color: #fff; background-color: #005590;} #global-tabs #tab-szene.tab{border-color: #5c6735; background-color: #fff;} #global-tabs #tab-szene.tab{color: #5c6735;} #global-tabs #tab-szene.active{color: #fff; background-color: #5c6735;} #social-links, #google-plus-container, #order-links{ margin-top: 14px; } #order-links{ display: block; float: right; margin: 14px 0 0 0; padding: 0; line-height: 32px; color: #fff; font-size: 17px; } #order-links a, #order-links a:hover{ color: #fff; } #header .seccond-line{ height: 72px; clear: both; } #header .third-line{ min-height: 48px; clear: both; margin: 0 -20px 0 -8px; } .handel #header .third-line{ min-height: 27px; } #logo{ width: 265px; height: 72px; float: left; margin: 0; } #logo img { display: none; } #logo a{ width: 265px; height: 72px; } .handel #logo, .handel #logo a, .szene #logo, .szene #logo a{width: 416px; } .quad-markt #logo, .quad-markt #logo a{ width: 446px; } #slogan{ float: left; font-size: 14px; line-height: 16px; margin: 16px 20px 2px 20px; font-weight: bold; } .handel #slogan, .quad-markt #slogan , .szene #slogan {display: none;} #slogan .bright{ color: #FFFFFF; display: block; font-style: italic; } #slogan .dark{ display: block; } .quad-markt #slogan .dark, .handel #slogan .dark, .szene #slogan .dark {color: #bbb} #searchform-container{ float: right; margin-top: 20px; } .quad-markt #searchform-container{margin-top: 12px; margin-bottom: 8px;} #searchform-container #searchform, .searchform-container .searchform{ display: block; background: #fff; border: 1px solid #dddddd; padding: 0 7px; box-shadow: 0 0 12px #DDDDDD inset; } #search_home_form { background: #005590 url('img/background-search-home.png') right 4px no-repeat; } #search_home_form .searchform{ float: left; margin: 0 20px; } #searchform-container input, .searchform-container input{ background: none; border: none; height: 28px; line-height: 28px; padding: 0; } #search_home_form input{ height: 31px; line-height: 31px; } #searchform-container input#s, .searchform-container input#search{ width: 220px; color: #7d7d7d; } #searchform-container input.focus, #searchform-container input:focus, .searchform-container input.focus, .searchform-container input:focus{ color: #000 !important; } #searchform-container input#searchsubmit, .searchform-container button.button{ width: 24px; background: url('img/search-icon.png') center center no-repeat; display: inline; } .quad-markt #searchform-container input#searchsubmit, .quad-markt .searchform-container button.button{ background-image: url('img/quad-markt-search-icon.png'); } #searchform-container .example{ font-size: 10px; color: #fff; padding: 2px 7px; } #searchform-container .example a, #searchform-container .example a:hover{ color: #fff; } #main-menu{ height: 48px; overflow: hidden; } #main-menu li{ float: left; } #main-menu li a{ border-right: 1px solid #808080; font-size: 15px; line-height: 48px; padding: 5px 6px; text-transform: uppercase; } .quad-markt #main-menu li a {text-transform: none; font-size: 13px;} #main-menu li.current-menu-item a, #main-menu li.current-menu-ancestor a, #main-menu li.current-menu-item a:hover, #main-menu li.current-menu-ancestor a:hover{ font-weight: bold; color: #71bf45; } #main-submenu-container{ height: 30px; } #main-submenu{ } #main-submenu li{ float: left; } #main-submenu li a{ border-right: medium none; font-size: 12px; line-height: 30px; padding: 0 8px; } #main-submenu li.current-menu-item a, #main-submenu li.current-menu-ancestor a, #main-submenu li.current-menu-item a:hover, #main-submenu li.current-menu-ancestor a:hover{ font-weight: bold; color: #71bf45; } #header-links-container{float: right;} .ie7 #header-links-container, .ie6 #header-links-container {min-width: 300px;} #header-links-container a{color: #fff;} #header-links-container .links li { margin: 0 0 0 5px;} #header-links-container .links li a {border-bottom: 1px dotted #FFFFFF;} #header-links-container .links li a:hover {border-bottom: 1px solid #FFFFFF; text-decoration: none;} /* END: #HEADER */ /* #MAIN */ #main{ background-color: #fff; padding: 2px 20px 20px 20px; } /* END: #MAIN */ /* #FOOTER */ #footer{ background-color: transparent; margin: 10px 0 20px; } #footer-left a{ float: left; margin: 10px; } #footer-credits{ color: #FFFFFF; float: left; margin: 20px; width: 300px; } #footer-right a{ float: right; margin: 10px; } .quad-markt #footer-credits, .quad-markt #footer-right a{margin: 5px;} .quad-markt #footer a{color: #fff; border-bottom: 0px dotted #FFFFFF;} /* .quad-markt #footer a:hover{border-bottom: 1px solid #FFFFFF; text-decoration: none;}*/ /* END: #FOOTER */ /* CONTENT */ /* Preview Boxes ('Aktuelles', 'QUADs') on frontpage */ .shadow-box-container, .block{ background: url('img/box-shadow.png') no-repeat scroll bottom right transparent; padding-bottom: 20px; } .loop-single, .loop-category {margin-left: 37px; margin-right: 37px;} .related-articles-container, .extended-width .loop-single {margin-left: 0; margin-right: 0;} .related-articles-container{margin-top: 10px;} .shadow-box{ border: 1px solid #E6E6E6; padding: 15px 20px 0; } .quad-markt .shadow-box {padding: 15px 20px 20px;} .section-headline, .section-headline a, .section-headline a:hover{ color: #818181; font-size: 17px; font-style: italic; font-weight: normal; } .section-headline{ margin-bottom: 15px; } .preview, .single{ border-bottom: 1px solid #CDCDCD; padding: 0 0 25px; margin: 0 0 24px; } .ngg-galleryoverview{ margin: 0 0 24px; } .ngg-imagebrowser-desc{ clear: both; } .ngg-imagebrowser-desc p{ margin-top: 15px; text-align: center; } .section-titlestory .preview, .single{padding: 0; border-bottom: none; } .article-header{ margin-bottom: 15px; } .ngg-imagebrowser .article-headline{ float: left; } .ngg-imagebrowser .link-continue-container, .ngg-gallery-link-continue-container, .product-essential .link-continue-container{ float: right; margin-left: 5px; } .ngg-imagebrowser #image img{ border: 1px solid #A9A9A9; display: block !important; margin: 10px auto; max-height: 500px; max-width: 100%; width: auto; padding: 5px; } .ngg-gallery-link-continue-container{ margin: 10px 0; } .ngg-imagebrowser .bottom-link{margin: 15px 0 15px 15px;} .section-titlestory .article-headline{float: none;} .article-headline, .article-headline a, .article-headline a:hover, .page-title h1, .page-title h1 a, .page-title h1 a:hover, .page-title h2, .page-title h2 a, .page-title h2 a:hover{ font-size: 24px; font-weight: normal; color: #71bf45 !important; } .product-view .product-name .article-headline {max-width: 340px;} .vehicle-view .product-name .article-headline {max-width: 640px;} .article-header small{ position: relative; top: -3px; font-size: 12px; font-weight: bold; float: left; } .article-header small.comments-link{ background: url("img/forward-grey.png") no-repeat scroll left center transparent; color: #818181; margin-left: 15px; padding-left: 12px; } .article-header small.comments-link a{ color: #818181; } .section-titlestory .article-header small{float: none;} .article-header small a, .article-header small a:hover{ color: #000; } .fb-like-container-content-top { float: right; margin-top: -30px; margin-bottom: -8px; width: 90px; } .fb-like-container-content-top-small { float: right; width: 125px; margin-top: 3px; text-align: right; } .fb-like-container-content-bottom {} /* Bestell buttons */ .button-bestellung-top { float: right; height: 59px; margin-top: -50px; margin-right: 15px; width: 263px; background: url('img/button-bestellung-top.png') 0 0 no-repeat transparent; } .button-bestellung-bottom { background: url("img/button-bestellung-bottom.png") no-repeat scroll 0 0 transparent; clear: right; float: right; height: 127px; margin-top: 10px; width: 300px; } /* END: Bestell buttons */ .ngg-albumoverview{ margin-bottom: 20px; } #main .ngg-album-compact{ float: left; height: auto; margin: 0 !important; padding-right: 0px !important; text-align: left; width: auto; } .preview-thumbnail, .single-thumbnail, .ngg-album-compact .ngg-album-compactbox{ float: left; border: 1px solid #e6e6e6; padding: 1px; margin: 0 20px 0 0; width: auto; height: auto; background: transparent; } .ngg-album-compact .ngg-album-compactbox{ margin: 0 10px 0 0 !important; padding: 1px !important;} .section-titlestory .preview-thumbnail, .single-thumbnail, .single .preview-thumbnail, .single-thumbnail{margin-bottom: 20px;} .vertical-image .single-thumbnail {float: left;} .preview-thumbnail img, .single-thumbnail img, .ngg-album-compact .ngg-album-compactbox img.Thumb{ display: block; border: none; } .ngg-album-compact .ngg-album-compactbox img.Thumb{width: auto; height: auto;} .preview-content, .single-content{ font-size: 15px; } .single-content{clear: both;} .vertical-image .single-content, .vertical-image .single-content h3{clear: none;} .section-titlestory .preview-content{clear: both; width: 80%; float: left;} .section-titlestory .vertical-image .preview-content{clear: none; width: auto; float: none;} .preview-links, .single-links{ margin-top: 15px; line-height: 25px; } .preview-links .link-continue, .single-links .link-continue, .link-video{ background: url("img/arrow.png") no-repeat scroll left center transparent; padding-left: 25px; float: left; } .link-video-large { font-size: 120%; } .quad-markt .preview-links .link-continue, .quad-markt .single-links .link-continue, .quad-markt .link-video{ background-image: url("img/quad-markt-arrow.png"); } .ngg-albumoverview .link-more-galleries{line-height: 135px;} .preview-links .link-gallery, .single-links .link-gallery{ background: url("img/gallery-icon.png") no-repeat scroll left center transparent; float: right; padding-left: 25px; line-height: 25px; } .quad-markt .preview-links .link-gallery, .quad-markt .single-links .link-gallery{ background-image: url("img/quad-markt-gallery-icon.png"); } .link-video{ background: url("img/gallery-icon.png") no-repeat scroll left center transparent; } .quad-markt .link-video{ background-image: url("img/quad-markt-gallery-icon.png"); } .section-titlestory p:last-child{margin-bottom: 0;} .section-titlestory .preview-links .link-continue, .section-titlestory .preview-links .link-gallery, .single-links .link-continue, .single-links .link-gallery{float: right;} .section-titlestory .preview-links .link-continue{ margin-left: 15px;} /* END: Preview Boxes ('Aktuelles', 'QUADs') on frontpage */ #main .wp_bannerize { text-align: center; } #main .wp_bannerize img{ margin: 9px 0 19px 0; } .tribe_events .entry .wp_bannerize img { float: none; } .navigation-list{ display: block; margin: -20px 0 20px 0 !important; } .widget-container .navigation-list{margin-top:0;} .navigation-list li{ display: block; border-bottom: 1px solid #CDCDCD; list-style-type: none; margin: 0 !important; } .navigation-list li:last-child{border-bottom: none;} .navigation-list li a, .navigation-list li a:hover{ background: url("img/arrow.png") no-repeat scroll left center transparent; line-height: 33px; padding-left: 25px; color: #000; font-size: 15px; font-weight: bold; } .quad-markt .navigation-list li a, .quad-markt .navigation-list li a:hover{background-image: url("img/quad-markt-arrow.png");} .belt{ margin: 0 -20px 20px -20px; background-color: #e6e6e6; padding: 0 20px; clear: left; } .belt h2{ float: left; line-height: 57px; font-size: 13px; font-weight: bold; margin: 0; } .belt ul{ margin: 0 !important; } .belt li{ float: left; list-style: none outside none !important; margin: 0 !important; } .belt li a{ border-right: medium none; font-size: 15px; font-weight: bold; line-height: 57px; padding: 0 8px; } .belt li.current-menu-item a, .belt li.current-menu-ancestor a, .belt li.current-menu-item a:hover, .belt li.current-menu-ancestor a:hover{ font-weight: bold; color: #71bf45; } .bottomnav{ line-height: 57px; margin-bottom: 0; } .bottomnav .forward, .bottomnav .backward, .bottomnav .forward:hover, .bottomnav .backward:hover{ font-size: 14px; font-weight: bold; line-height: 57px; padding: 0 15px; color: #000; } .bottomnav .backward{ float: left; background: url("img/backward.png") no-repeat scroll left center transparent; } .quad-markt .bottomnav .backward{ background-image: url("img/quad-markt-backward.png"); } .bottomnav .forward{ float: right; background: url("img/forward.png") no-repeat scroll right center transparent; } .quad-markt .bottomnav .forward{ background-image: url("img/quad-markt-forward.png"); } .bottomnav a { color: #000; } #main .categories ul li.cat-item{ float: left; margin: 0 40px 10px 0; } #main .categories ul li.cat-item li{ float: none; margin: 0; } .ngg-galleryoverview-under-browser .ngg-gallery-thumbnail-box{ } .ngg-galleryoverview-under-browser .ngg-gallery-thumbnail a { max-width: 134px; display: block; overflow: hidden; } .ngg-galleryoverview-under-browser .ngg-gallery-thumbnail img { height: 67px; width: auto; } #cboxLoadedContent{ margin-bottom: 40px !important; } #cboxTitle { bottom: 20px !important; background-color: #fff; } /* END: CONTENT */ /* WIDGETS */ .widget-container{ margin-bottom: 40px; } .widget-container .widget-title{ margin-bottom: 10px; } .widget-container .widget-title, .widget-container .widget-title a, .widget-container .widget-title a:hover, .block-title, .block-title a, .block-title a:hover{ color: #000; font-size: 19px; font-style: italic; font-weight: normal; } /* END: WIDGETS */ /* YACP */ #yacp { margin-bottom: 20px; } .cntSeparator { font-size: 54px; margin: 10px 7px; color: #000; } .desc { margin: 7px 3px; } .desc div { float: left; font-family: Arial; width: 70px; margin-right: 65px; font-size: 13px; font-weight: bold; color: #000; } #yacp .widgetcontent .clock-heading{ font-size: 130%; } #yacp .widgetcontent .clock{ margin: 5px 0 10px; margin-left: -8px; margin-right: -8px; } #yacp .widgetcontent .clock-text{ font-size: 14px; } #yacp #cnt_6, #yacp #cnt_7{ display: none; } /* END: YACP */ /******************** * FEATURE CAROUSEL * ********************/ #carousel-container { position:relative; width:auto; } #carousel { height:250px; width: auto; position:relative; margin-top: -10px; font-size:12px; } #carousel .carousel-image { border:0; display:block; max-height: 220px; max-width: 144px; } #carousel .carousel-image-shadow{ height: auto !important; } #carousel .carousel-feature { position:absolute; top:-1000px; left:-1000px; cursor:pointer; } #carousel .carousel-feature .carousel-caption { position:absolute; bottom:0; width:100%; background-color:#000; } #carousel .carousel-feature .carousel-caption p { margin:0; padding:5px; font-weight:bold; font-size:12px; color:white; } #carousel-left { position:absolute; bottom:30px; left:20px; cursor:pointer; } #carousel-right { position:absolute; bottom:30px; right:20px; cursor:pointer; } /* #wp-calendar */ .ec3_widget_cal{margin-bottom: 35px} #ec3-event-list-2{margin-bottom: 50px !important} #wp-calendar table caption {width: 100px} .multiwidget_ec3-event-list .widget-title{ display: none; } #main #event-calendar #wp-calendar{ border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; padding: 8px 0 4px; } #main #event-calendar #wp-calendar table{ padding: 0; margin: 0 auto; width: auto; border: none; } #main #event-calendar #wp-calendar table.nav{ width: 98%; } #main #event-calendar #wp-calendar table tr{ padding: 0; margin: 0; } #main #event-calendar #wp-calendar table tr td, #main #event-calendar #wp-calendar table tr th{ padding: 3px 9px; margin: 0; } #main #event-calendar #wp-calendar table tr th{ } #main #event-calendar #wp-calendar table td:hover, #main #event-calendar #wp-calendar table #today { border: 0px solid #E6E6E6; padding: 3px 9px; } #main #event-calendar .ec3_eventday a { color: #71BF45 !important; font-weight: bold } #main .multiwidget_ec3-event-list ul.ec3_events li { height: 35px; list-style: none outside none; margin: 0 0 10px; overflow: hidden; } .multiwidget_ec3-event-list .ec3_list { color: #878787; } .multiwidget_ec3-event-list .ec3_events li a, .multiwidget_ec3-event-list .ec3_events li a:hover{ color: #000; font-size: 115%; } #ec3_big_cal{ } #ec3_big_cal td.pad {background: transparent;} #ec3_big_cal caption a, #ec3_big_cal caption a:hover, #ec3_big_cal .nav a, #ec3_big_cal .nav a:hover{ color: #000; } #ec3_big_cal p.ec3_event{ padding: 5px; } #ec3_big_cal p.ec3_event a, #ec3_big_cal p.ec3_event a:hover, #ec3_big_cal td.ec3_eventday a.ec3_daynum, #ec3_big_cal td.ec3_eventday a.ec3_daynum:hover{ color: #000; } #ec3_big_cal td.ec3_eventday a.ec3_daynum, #ec3_big_cal td.ec3_eventday a.ec3_daynum:hover{ color: #FF0000; } .quad-markt #ec3_big_cal td.ec3_eventday a.ec3_daynum, .quad-markt #ec3_big_cal td.ec3_eventday a.ec3_daynum:hover{ color: #005590; } .handel #ec3_big_cal td.ec3_eventday a.ec3_daynum, .handel #ec3_big_cal td.ec3_eventday a.ec3_daynum:hover{ color: #0091d0; } .szene #ec3_big_cal td.ec3_eventday a.ec3_daynum, .szene #ec3_big_cal td.ec3_eventday a.ec3_daynum:hover{ color: #5c6735; } /* END #wp-calendar */ /* STYLE SHEET FOR IHWY JQUERY LISTNAV PLUGIN V 2.0, 3/2/2009 For more information, visit http://www.ihwy.com/Labs/jquery-listnav-plugin.aspx */ /* default styling example ----------------------------------------------------------------- */ .listNav { margin:0 0 10px; } .ln-letters { overflow:hidden; margin-bottom: 20px;} .ln-letters a { font-size:0.9em; display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none; text-decoration:none; } .ln-letters a.ln-last { border-right:1px solid silver; } .ln-letters a:hover, .ln-letters a.ln-selected { background-color:#eaeaea; } .ln-letters a.ln-disabled { color:#ccc; } .ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; } /* specific ----------------------------------------------------------------- */ #main #herstellerliste li, #main #clubsliste li {list-style: none; margin: 5px 5px 5px 20px;} #main #herstellerliste a:hover , #main #clubsliste a:hover { background-color:#eee } /* Contatc forms */ #si_contact_form2, #si_contact_form3{} #si_contact_form2 label, #si_contact_form3 label{ float: left; margin-right: 10px; width: 130px; } #si_contact_form2 .input-bestellung, #si_contact_form3 .input-bestellung{ clear: both; float: left; margin-bottom: 5px; margin-right: 10px; } #si_contact_form2 p, #si_contact_form3 p{ margin: 15px 0; } #si_contact_form2 input[type="submit"], #si_contact_form3 input[type="submit"]{ clear: both; margin: 20px 0 !important; } /* END: Contatc forms */ /* Video section */ .loop-video .shadow-box {padding: 20px 10px 0 12px;} article.video-item {border-bottom: none; width: 272px; height: 230px; overflow: hidden; float: left; margin: 0 13px 0px 13px; text-align: center;} .video-item .article-header {margin: 0 0 5px 0;} .video-item .article-headline a { font-size: 15px; text-overflow: ellipsis; overflow: hidden; max-width: 272px; white-space: nowrap; display: block;} .video-item .article-header small {float: none;} .video-item .preview-thumbnail {float: none; display: inline-block;} .loop-video .belt {margin: 0 -10px 0px -12px;} /* End: Video section */ /* =Comments -------------------------------------------------------------- */ #comments { clear: both; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title, h3#reply-title { color: #71BF45; margin-bottom: 0; } h3#comments-title { padding: 24px 0; } .commentlist { list-style: none; margin: 0; } #main ol.commentlist li{ list-style: none; margin: 10px 0; } .commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 20px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative; } .commentlist li:last-child { border-bottom: none; margin-bottom: 0; } #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .commentlist .avatar { position: absolute; top: 4px; left: 0; } .comment-author { } .comment-author cite { color: #000; font-style: normal; font-weight: bold; } .comment-author .says { font-style: italic; } .comment-meta { font-size: 12px; margin: 0 0 18px 0; } .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { color: #ff4b33; } .commentlist .even { } .commentlist .bypostauthor { } .reply { font-size: 12px; padding: 0 0 24px 0; } .reply a, a.comment-edit-link { color: #888; } .reply a:hover, a.comment-edit-link:hover { color: #ff4b33; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li { border: none; margin: 0; } .nopassword, .nocomments { display: none; } #comments .pingback { border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } /* Comments form */ input[type=submit] { color: #333; } #respond { border-top: 1px solid #e7e7e7; margin: 24px 0; overflow: hidden; position: relative; } #respond p { margin: 0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 48px 0 0; } h3#reply-title { margin: 18px 0; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { color: #ff4b33; font-weight: bold; } #respond label { color: #888; font-size: 12px; } #respond input { margin: 0 0 9px; width: 98%; } #respond textarea { width: 98%; } #respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; } #respond .form-submit input { font-size: 14px; width: auto; } #respond p.comment-form-comment{ margin: 10px 0; } /* Wordtube */ .wordtube {margin-bottom: 15px;} /* END Wordtube */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .hidden { display: none; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } @media all and (orientation:portrait) { } @media all and (orientation:landscape) { } @media screen and (max-device-width: 480px) { /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ } @media print { * { text-shadow: none !important; filter:none !important; -ms-filter: none !important; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } #header .seccond-line { border-top: 1px solid #EC1C24; border-bottom: 1px solid #EC1C24; } #logo img {display: block;} #logo a, #footer, #comments { display: none; } /* Fix for printing banner-top */ #banner-top {overflow: visible; } }