/*reset: vordefinierte Browserstyles - nicht bearbeiten !!! */ body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;} sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} /* eigene Styles: */ html { overflow: -moz-scrollbars-vertical; } body { font: 11px/16px Verdana sans-serif, Arial; color: #000; background: #0088ce; } /** -- #wrapper - umgibt alles, zentriert alles -- **/ div#wrapper { width: 1020px; background: url(../img/misc/wrapper_bg_bkf.gif) repeat-y; margin: 0 auto; } /** -- ************* -- **/ /** -- Headerbereich -- **/ div#header { background: url(../img/misc/wrapper_bg_top_bkf.gif) no-repeat left top; padding: 53px 67px 0 67px; } /* Logo */ h1 { float: left; width: 282px; height: 82px; margin-top: 15px; } h1 a { display: block; width: 282px; height: 82px; background: url(../img/logo_bkf.png) no-repeat; } h1 a span { display: none; } img.logo { display: none; } /* Hauptnavi */ div#haupt-navi { float: right; /margin-right: 67px; padding: 40px 0 0 10px; } div#haupt-navi ul { float: right; } div#haupt-navi ul li { float: left; width: 145px; background: url(../img/misc/hauptnav_bg_off_bfk.png) no-repeat right 0; } div#haupt-navi ul li.act { background: url(../img/misc/hauptnav_bg_on_bfk.png) no-repeat right 0; } div#haupt-navi ul li a { display: block; text-align: right; color: white; font-size: 16px; font-weight: bold; text-decoration: none; padding: 21px 5px 5px 0; } div#haupt-navi ul li a:hover { color: #c4e9fc; } div#haupt-navi ul li.act a:hover { color: white; } /* Logo Rust-Oleum */ img#logo-rust-oleum { float: right; padding: 17px 0 0 0; } /** -- ****************************************** -- **/ /** -- #cols - umgibt die linke und rechte Spalte -- **/ div#cols { min-height: 350px; padding: 50px 67px 0 67px; /padding-top: 0; } /** -- Linke Spalte -- **/ div#leftCol { float: left; width: 260px; padding: 0 0 30px 0; } /* Bereichsüberschrift */ div#leftCol h2 { font-size: 16px; font-weight: bold; padding: 0 0 30px 10px; } /* Subnavigation */ div#sub-nav { padding: 0 40px 0 0; } /* Ebene 1 */ div#sub-nav ul { background: url(../img/misc/subnav_trenner_bkf.png) repeat-x left top; } div#sub-nav ul li { clear: left; background: url(../img/misc/subnav_trenner_bkf.png) repeat-x left top; padding: 7px 10px 6px 10px; } div#sub-nav ul li a { display: block; /*float: left;*/ color: #000; text-decoration: none; } div#sub-nav ul li a:hover { color: #d52b1e; } div#sub-nav ul li.act a { color: #d52b1e; font-weight: bold; } /* Ebene 2 */ div#sub-nav ul li ul.zwei { background: none; padding: 2px 0 0 0; } div#sub-nav ul li ul.zwei li { background: none; padding: 0 10px 2px 10px; } div#sub-nav ul li ul.zwei li a { display: block; color: #000; font-weight: normal; text-decoration: none; } div#sub-nav ul li ul.zwei li a:hover { color: #d52b1e; font-weight: normal; text-decoration: none; } div#sub-nav ul li ul.zwei li.act a { color: #d52b1e; font-weight: bold; text-decoration: none; } /** -- Linke Spalte auf der Startseite ( Newsmeldungen ) -- **/ div#leftCol-start { float: left; width: 260px; padding: 0 0 30px 0; } /* Bereichsüberschrift */ div#leftCol-start h3 { font-size: 14px; font-weight: bold; padding: 0 0 30px 10px; } div#leftCol-start ul { padding: 0 40px 0 0; } div#leftCol-start ul li { clear: left; background: url(../img/misc/subnav_trenner_bkf.png) repeat-x left top; padding: 7px 10px 6px 10px; } div#leftCol-start ul li a { display: block; /*float: left;*/ color: #000; text-decoration: none; } div#leftCol-start ul li a:hover { color: #d52b1e; } div#leftCol-start a { color: #d52b1e; text-decoration: none; } div#leftCol-start a:hover { text-decoration: underline; } /** -- Rechte Spalte -- **/ div#middleCol { float: left; width: 443px; padding: 0 0 30px 0; } /** -- Content-- **/ div#content { } div#content h2 { font-size: 16px; font-weight: bold; padding: 0 0 26px 0; } div#content h3 { font-size: 14px; font-weight: bold; padding: 8px 0 8px 0; } div#content div.csc-header-n1 h3 { padding: 0 0 8px 0; } div#content h4 { font-weight: bold; padding: 0 0 8px 0; } div#content p { padding: 0 0 16px 0; } #content ul { padding: 0 0 16px 0; } #content ul li { background: url(../img/misc/list_icon_bkf.png) no-repeat left 6px; padding: 0 0 2px 10px; } #content ol { margin: 0 0 0 20px; padding: 0 0 16px 0; } #content ol li { list-style-type: decimal; padding: 0 0 2px 0; } #content ol li ol { margin: 0 0 0 20px; padding: 0 !important; } #content ol li ol li { list-style-type: decimal; padding: 0 0 2px 0; } /* Abschnittsübersicht */ #content ul.csc-menu.csc-menu-3 { padding: 0 0 32px 0; } #content img { padding-top: 4px; } #content div.csc-textpic, #content div.csc-textpic-left, #content div.csc-textpic-above { margin: 0 0 16px 0; } #content table { font-size: 11px; margin: 0 0 16px 0; } #content table tr { border: 1px solid #cdcdcd; } #content table th { font-weight: bold; color: #363636; text-align: left; background: #e2e3e3; vertical-align: top; padding: 2px 15px; } #content table td { text-align: left; vertical-align: top; padding: 2px 15px; } #content table th.align-center, #content table td.align-center { text-align: center; } /* Links */ #content a { color: #d52b1e; text-decoration: none; } #content a:hover { text-decoration: underline; } /* Images */ #content div.csc-textpic { } #content div.csc-textpic-imagewrap { float: left; } #content div.csc-textpic-imagerow { float: left; } #content div.csc-textpic-imagerow dl { float: left; } #content div.csc-textpic-imagerow dl dt { float: left; } #content div.csc-textpic-imagerow dl dt a { float: left; } /* Nach oben */ #content p.csc-linkToTop { font-size: 11px; text-align: right; background: url(../img/misc/icon_nach_oben_bkf.png) no-repeat 559px 9px; border-top: 1px solid #c8ccbf; margin: 5px 0 15px 0; padding: 4px 0 0 11px; } #content p.csc-linkToTop a { } /* News-List für die Produktübersicht */ #content div.news-list { } #content div.news-list div.entry { border-bottom: 1px solid #c8ccbf; margin-bottom: 16px; } #content div.news-list div.entry h3 { font-weight: bold; /*background: white url(../img/misc/submit_icon.png) no-repeat left 5px;*/ padding: 0 0 16px 0; } #content div.news-list div.entry div.img { float: left; width: 110px; } #content div.news-list div.entry div.img img { padding: 0 10px 5px 0; } #content div.news-list div.entry div.txt { float: left; /*width: 500px;*/ width: 300px; } #content div.news-list div.entry p { padding: 0 0 4px 0; } #content div.news-list div.entry p span.news-list-morelink { display: none; } #content .news-list-morelink { display: none; } /* Formulare */ #content form#mailform { margin-top: -5px; padding: 0 0 16px 0; } #content form#mailform fieldset { } #content form#mailform fieldset div { clear: both; padding: 5px 0 0 0; } #content form#mailform fieldset div.csc-mailform-label { padding: 24px 10px 0 0; } #content form#mailform fieldset div label { display: block; float: left; width: 170px; } #content form#mailform fieldset div input { width: 258px; height: 16px; border: 1px solid #c8ccbf; background: white; padding-left: 2px; } #content form#mailform fieldset div textarea { width: 258px; height: 160px; border: 1px solid #c8ccbf; background: white; padding-left: 2px; } #content form#mailform fieldset div select { width: 262px; height: 18px; border: 1px solid #c8ccbf; background: white; } #content form#mailform fieldset div input.csc-mailform-check { width: 15px; height: 15px; border: none; background: white; } #content form#mailform fieldset div input.csc-mailform-submit { font-weight: bold; color: #d52b1e; width: auto; background: white url(../img/misc/submit_icon_bkf.png) no-repeat left 7px; border: none; margin: 0 0 0 170px; padding: 0 0 0 8px; } /* SUCHE - Indexed Search */ /* Suchformular */ #content form.tx_indexedsearch { padding: 0 0 16px 0; } #content form.tx_indexedsearch fieldset { clear: both; margin: 0 0 5px 0; /padding-bottom: 2px; } #content form.tx_indexedsearch fieldset label { display: block; float: left; width: 130px; } #content form.tx_indexedsearch fieldset input { width: 258px; height: 16px; border: 1px solid #c8ccbf; background: white; padding-left: 2px; } /*#content form.tx_indexedsearch fieldset select { float: right; width: 252px; height: 18px; border: 1px solid #73828d; background: white;}*/ /** html #content form.tx_indexedsearch fieldset select { height: 17px !important; }*/ /* Submit-Button */ #content form.tx_indexedsearch button { color: #d52b1e; font-size: 11px; font-weight: bold; text-align: left; } #content form.tx_indexedsearch button { clear: both; float: left; width: auto; background: white url(../img/misc/subnav_icon_on.png) no-repeat left 6px; border: none; } #content form.tx_indexedsearch button { margin: 0 0 0 120px; } /* Switch-Mode-Link */ /*span#switch-link { display: block; float: right; width: 140px; height: 17px; margin: 0 50px -17px 0; } * html span#switch-link { margin: 0 5px -17px 0; } span#switch-link a { color: #3d3d3d; font-style: italic; text-decoration: none; } span#switch-link a:hover { color: ea6400; text-decoration: underline; }*/ /* Suchbegriff */ #content div.tx-indexedsearch-whatis { display: none; } /* Browsebox */ #content div.tx-indexedsearch-browsebox { clear: both; text-align: center; height: 30px; border-top: 1px solid #cdcdcd; margin: 0 0 5px 0; padding: 3px 15px; } #content div.tx-indexedsearch-browsebox p { display: none; } #content div.tx-indexedsearch-browsebox a { font-size: 11px; text-decoration: none; } #content div.tx-indexedsearch-browsebox a:hover { background-color: #FFF; text-decoration: underline; } /* Zurück-Link */ #content div.tx-indexedsearch-browsebox span.prev { display: block; float: left; width: 80px; } #content div.tx-indexedsearch-browsebox span.prev a { background: #FFF url(../img/misc/paging_zurueck.gif) no-repeat left 2px; padding: 0 0 0 13px; } /* Seitenzahlen */ #content div.tx-indexedsearch-browsebox ul { float: left; width: 410px; margin: 0 auto; position: relative; } #content div.tx-indexedsearch-browsebox ul li { display: inline; background: none; } /* Weiter-Link */ #content div.tx-indexedsearch-browsebox span.next { display: block; float: right; width: 80px; text-align: right; } #content div.tx-indexedsearch-browsebox span.next a { background: #FFF url(../img/misc/paging_weiter.gif) no-repeat right 2px; padding: 0 12px 0 0; } /* Ergebnisliste */ #content div.tx-indexedsearch-res { clear: both; padding: 16px 5px 16px 0; } #content div.tx-indexedsearch-res h4 { padding: 10px 0 2px 0; } #content div.tx-indexedsearch-res p.tx-indexedsearch-descr { padding-bottom:0; } #content div.tx-indexedsearch-res p.search-bottom { padding-top:0; } /* Keine Ergebnisse */ #content p.tx-indexedsearch-noresults { clear: both; } /** -- Rechte Spalte -- **/ div#rightCol { float: left; width: 162px; padding: 46px 0 0 20px; } div#rightCol img { margin: 0 0 16px 0; } /*****************/ /** -- FOOTER - **/ div#footer { clear: both; width: 886px; height: 53px; background: url(../img/misc/wrapper_bg_bottom_bkf.gif) no-repeat; margin: 0 auto 30px auto; padding: 0 67px; } div#footer div.content { border-top: 1px solid #cdcdcd; padding: 10px 0 0 0; } /** -- Suchbox -- **/ div.tx-macinasearchbox-pi1 { float: left; width: 220px; height: 19px; background: url(../img/misc/bg_searchbox.png) no-repeat; margin: 0 40px 0 0; } div.tx-macinasearchbox-pi1 form { } div.tx-macinasearchbox-pi1 form input#sword { float: left; font-size: 11px; color: #3a4c58; border: none; background: none; width: 185px; height: 15px; padding: 3px 0 0 8px; } div.tx-macinasearchbox-pi1 form button#macina_submit { float: right; width: 20px; height: 19px; background: none; border: none; } div.tx-macinasearchbox-pi1 form span.advanced { display: none; } /* Text */ div#footer p.text { float: left; padding: 1px 0 0 0; } div#footer p.text span { display: block; float: left; padding: 0 5px 0 5px; } div#footer p.text span.first { display: block; float: left; padding: 0 5px 0 0; } div#footer p.text a { color: #000; text-decoration: none; } div#footer p.text a:hover { color: #d52b1e; text-decoration: none; } /** -- Allgemeine Definitionen /** -- stehen ganz am Ende, damit sie von nichts kaskadiert werden */ hr { display: none; } button, input.csc-mailform-submit { cursor: pointer; cursor: hand; } strong, b { font-weight: bold; } u { text-decoration: underline; } em { font-style: italic; } .align-center { text-align: center; } .invisible, #skiplinks { display: none; } .clear { display: block; clear: both; font-size: 1px; line-height: 1px !important; height: 1px; margin: 0 !important; padding: 0 !important; } div.csc-textpic-clear { display: block; clear: both; font-size: 1px; line-height: 1px !important; height: 1px; margin: 0 !important; padding: 0 !important; }