/* BASIC RESET */ * { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } caption, th, td { text-align: left; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } li { list-style-type: none; list-style-image: none; } /* GENERAL STYLES */ body { font-family: Helvetica, Arial, sans-serif; color: #464648; } h1 { } h2, h4, h5 { color: #16196f; font-size: 13px; font-weight: bold; text-transform: uppercase; margin-bottom: 0.2em; } h3 { color: #464648; font-size: 11px; font-weight: bold; margin-bottom: 0.2em; } h4 { font-size: 11px; } address, input, label, p, pre, select, td, textarea, th, caption { font-size: 11px; line-height: 1.15em; margin-bottom: 1em; } a, li, option { font-size: 11px; } strong, b { font-weight: bold;} .small { font-size: 0.8em; } a.button, a.button:link, a.button:active, a.button:visited, a.button:hover, input.button { padding: 4px 5px 4px 20px; background: #fff url('../images/2010/icon_arrow.gif') 7px 7px no-repeat; color: #16196f; text-decoration: none; font-weight: bold; } /*#center p, .margin { margin: 10px 3px 0 0; } p { margin-bottom: 10px; } */ a:link, a:active, a:visited { color: #45484E; text-decoration: underline; } a:hover { color: #152A78; text-decoration: none; } em { color: #172983; font-style: normal; } h2 em { color: inherit; letter-spacing: 0.2em; } a.arrow { background: transparent url(../images/icon_arrow_blue.gif) no-repeat scroll left 4px; color: #172983; padding-left: 12px; text-decoration: none;} img.border { border: 1px solid #E7E7E7; } img.borderGray { border: 1px solid #b0b0b0; padding: 1px; } a.pdf { background: transparent url(../images/icon_pdf.jpg) no-repeat scroll left 6px; color: #e2001a; padding: 12px 0 0 35px; text-decoration: none; height: 35px; display: block; } div.hr { background: transparent url(../images/dots_horizontal.gif) repeat-x scroll 0 0; height: 1px; margin: 13px 0; } div.hr hr { display: none; } /* #GLOBAL LAYOUT CLASSES */ .clear { clear: both; font-size:0px; line-height:0px; height:0px; } .clear_left { clear: left; font-size:0px; line-height:0px; height:0px; } .clear_right { clear: right; font-size:0px; line-height:0px; height:0px; } .nobreak { white-space: nowrap; } .align_center { text-align: center; } .align_right { text-align: right; } .align_left { text-align: left; } .align_top { vertical-align: top; } .align_middel { vertical-align: middle; } .align_bottom { vertical-align: bottom; } .float_left { float: left; } .float_right { float: right; } .clearLeft { clear: left; font-size:0px; line-height:0px; height:0px; } .clearRight { clear: right; font-size:0px; line-height:0px; height:0px; } .alignCenter { text-align: center; } .alignRight { text-align: right; } .alignLeft { text-align: left; } .alignTop { vertical-align: top; } .alignMiddel { vertical-align: middle; } .alignBottom { vertical-align: bottom; } .floatLeft { float: left; } .floatRight { float: right; } table.semantic { margin: 10px 0; width: auto; border: none; } table.semantic th, table.semantic td { padding: 0; background: none; border: none; font-size: 10px; } ul.semantic { list-style-type: none; list-style-image: none; list-style-position: inside; margin: 0; padding: 0; } ul.semantic li { margin: 0; padding: 0; } /* #GRID (very poorly implemented) */ .indent1 { margin-left: 10px; } .indent2 { margin-left: 20px; } .indent3 { margin-left: 30px; } .indent4 { margin-left: 40px; } .indent10 { margin-left: 100px; } .indent20 { margin-left: 200px; } .indent30 { margin-left: 300px; } .marginTop0 { margin-top: 0px; } .marginTop1 { margin-top: 10px; } .marginTop2 { margin-top: 20px; } .marginTop3 { margin-top: 30px; } .marginTop4 { margin-top: 40px; } .marginTop10 { margin-top: 100px; } .marginTop20 { margin-top: 200px; } .marginTop30 { margin-top: 300px; } .marginTop40 { margin-top: 400px; } .boxHalfLeft { width: 47.5%; float: left; } .boxHalfRight { width: 47.5%; float: right; } .boxThreeForths { width: 75%; } .boxHalf { width: 50%; } .boxOneThird { width: 30%; } .boxTwoThirds { width: 60%; } .boxCenteredFloatOuter { clear: both; float: left; overflow: hidden; width: 100%; } .boxCenteredFloatInner { float: left; left: 50%; margin: 0 auto; position: relative; } .boxCenteredFloatElement { float: left; position: relative; right: 50%; } /* CONTENT-SPECIFIC */ /* Center */ #center_number { position: absolute; right: 20px; top: 195px; } #center_bottom { background: transparent url(../images/bg_hatching_bottom.gif) repeat-x scroll 0 0; bottom: 0; height: 43px; left: 0; position: absolute; width: 492px; } #center_bottom p { text-align: right; position: absolute; bottom: 5px; width: 98%; } #center_bottom a { text-decoration: none; font-size: 9px; } /* News Right */ div.news_entry { margin-bottom: 10px; } .news_entry p { font-style: italic; } .news_entry h4 { font-size: 11px; font-weight: bold; margin-bottom: 10px; color: #45484E; text-transform: none; } p.news_more { text-align: right; } .news_entry_image { float: right; margin: 0 0 5px 10px; padding-bottom: 14px; position: relative; } .news_entry_goto { bottom: 2px; position: absolute; right: 13px; } .news_entry_zoom { bottom: 2px; position: absolute; right: 0; } /* Aktion Left */ div.aktion_entry { margin: 0 10px 10px 0; } .aktion_entry p { font-style: italic; } .aktion_entry h4 { font-size: 11px; font-weight: bold; margin-bottom: 10px; color: #45484E; text-transform: none; } p.aktion_more { text-align: left; } .aktion_entry_image { float: left; margin-bottom: 5px; padding-bottom: 14px; position: relative; } .aktion_entry_goto { bottom: 2px; position: absolute; right: 13px; } .aktion_entry_zoom { bottom: 2px; position: absolute; right: 0; } /* Top-News auf Startseite */ .top_news .news_entry_image { float: left; margin: 0 10px 0 0; padding-bottom: 14px; position: relative; } /* Partners & News */ .center_list li { background: transparent url(../images/dots_horizontal.gif) bottom left repeat-x; padding-bottom: 10px; margin-bottom: 10px; } .center_list li p { font-style: italic; margin: 0; } #partners li img { margin: 5px 22px 10px 0; float: left; } #partners p.more { text-align: right; } .partner_image { margin: 5px 0 5px 5px; padding-bottom: 14px; position: relative; width: 150px; text-align: right; } .partner_image p, .partner_image a { font-size: 10px; } /* SLIDESHOW */ #slideshow_container { position: absolute; top: 0; left: 0; } #slideshow { position: relative; height: 176px; } #slideshow img { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0; } #slideshow img.active { z-index: 10; opacity: 1.0; } #slideshow img.last-active { z-index: 9; } /* ABG */ ol.agb li { list-style-type: decimal; margin-left: 19px; padding: 0; font-weight: bold; } .agb ol { padding: 0; padding-left: 18px; margin: 0; margin-bottom: 5px; font-weight: normal;} .agb ol li { list-style-type: decimal; padding-left: 18px; font-weight: normal;} .agb .normal { font-weight: normal; } .anker:hover { color: inherit; } /* NEWSLETTER */ #newsletter h2, #newsletter p { color: #fff; } /* #nl_subscribe_new select { width: 65px; border-top: 1px solid #808080; border-left: 1px solid #808080; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; background-color: #ffffff; margin-right: 10px; font-size: 11px; } #nl_subscribe_new input { width: 80px; color: #45484E; padding: 5px 0 0 5px; font-size: 9px; background: transparent url(../images/bg_input_new.gif) 0 0 no-repeat; height: 15px; margin-right: 10px; } #nl_subscribe_new input.submit_button { border: 0; margin: 0; padding: 0; width: 175px; height: 20px; margin-left: 76px; } #nl_subscribe_new input#email { margin-left: 76px; width: 175px; background-image: url(../images/bg_input_email.gif); } */ #nl_subscribe_new select, #nl_subscribe_new input { border: 1px solid #B2B2B2; } #nl_subscribe_new select { padding: 1px 2px; width: 109px; } #nl_subscribe_new input { padding: 3px 5px; } #nl_subscribe_new input#captcha { width: 173px; margin-left: 18px; } #nl_subscribe_new input.button { padding: 4px 5px 4px 20px; margin-left: 100px; } /* CAPTCHA */ p#captchaDesc { margin: 10px 0 5px 76px; } #captchaContainer { margin: 5px 0 15px 76px; } input#captcha { float: left; margin-top: 7px; } #captchaImage { float: left; } /* MESSETERMINE */ #fairs { padding-right: 5px; margin-top: 30px; } #fairs h4 { margin: 20px 0 10px; } /* ANGEZEIGTE ÜBERSCHRIFT STATT NEWSLETTER IM VOLLEN MODUS */ #center #sublineRightFull { display: none; } #center_full #sublineRightFull { position: absolute; top: 10px; left: 500px; } /* ABGEÄNDERTE FORMATIERUNG FÜR VOM BENUTZER ÜBER DAS CMS EINGEBENE DATEN */ .cmsText { margin-bottom: 10px; } .cmsText ul, .cmsText ol { margin-left: 20px; } .cmsText ul li { list-style-type: square; } .cmsText ol li { list-style-type: decimal; margin-left: 5px; } /* STARTSEITE */ div.link_preisliste { text-align: right; } div.link_preisliste span { position: relative; top: 25px; right: 10px; color: #43494e; font-weight: bold; } div.link_preisliste a.pdf { text-align: left; float: right; font-size: 11px; line-height: 1.1em; } /* #FORMS ---------------------------------------------------------------------------------------------------------------------------------------- */ input.image { border: none; background-color: #412d1f; } label { display: block; margin-bottom: 0; } input, select { margin-bottom: 1em; } input.nl { display: block; } input[disabled] { background-color: #cdcdcd; } select.nl { display: block; } input.checkbox_vertical { margin: 0; float: left; clear: both; border: none; } label.checkbox_vertical { line-height: 15px; margin-left: 20px; padding-bottom: 5px; } input.checkbox_horizontal { margin: 0; float: left; border: none; } label.checkbox_horizontal { margin: 0 15px 0 5px; float: left;} input.checkbox { margin: 0; padding: 0; height: auto; } input.radio_vertical { margin: 0; float: left; clear: both; border: none; } label.radio_vertical { line-height: 15px; margin-left: 20px; padding-bottom: 10px; } input.radio_horizontal { margin: 0; float: left; border: none; } label.radio_horizontal { margin: 0 15px 0 5px; float: left; } label.error, input.error, textarea.error { color: #ff0000; } input.error, textarea.error { margin-bottom: 0px; border-top-color: #ff0000; border-left-color: #ff0000; border-right-color: #ff0000; border-bottom-color: #ff0000; } label.error { margin-bottom: 5px; } select.error { margin-bottom: 0px; } label.left { float: left; width: 85px; padding: 3px 15px 0 0; line-height: 15px; } label.long { width: 150px; } /* DIMENSIONS */ input.extra_short { width: 50px; } input.short { width: 100px; } input.short_medium { width: 150px; } input.medium { width: 200px; } input.long { width: 300px; } input.extra_long { width: 400px; } select.extra_short { width: 57px; } select.short { width: 107px; } select.medium { width: 207px; } select.long { width: 307px; } select.extra_long { width: 407px; } textarea.full { width: 99%; } textarea.heigh { height: 500px; } textarea.mediumHeigh { height: 250px; } /* COMBINED INPUT FIELDS */ .combLeft { margin-right: 5px; } input.combMediumShorter { width: 65px; } input.combMediumLonger { width: 123px; } input.combLongShorter { width: 80px; } input.combLongLonger { width: 208px; } input.combExtraLongShorter { width: 100px; } input.combExtraLongLonger { width: 288px; } select.combShortShorter { width: 44px; } select.combShortLonger { width: 60px; } select.combMediumShorter { width: 72px; } select.combMediumLonger { width: 130px; } /* #PRODUKTANZEIGE */ /* KATEGORIEÜBERSICHT */ .productCategoryBox { background: transparent url(../images/bg_products_category_box.gif) 0 0 repeat-x; margin-bottom: 3px; position: relative; padding: 20px 0 0 124px; } .productCategoryBox h2 { position: absolute; top: 45px; left: 0; background-color: transparent; background-position: 0 0; width: 113px; height: 18px; padding: 10px 15px; color: #172983; font-size: 12px; text-transform: uppercase; background-repeat: no-repeat; font-weight: normal; } .productCategoryBox h2.category1 { background-image: url(../images/produkte/01.gif); } .productCategoryBox h2.category2 { background-image: url(../images/produkte/02.gif); } .productCategoryBox h2.category3 { background-image: url(../images/produkte/03.gif); } .productCategoryBox h2.category4 { background-image: url(../images/produkte/04.gif); } .productCategoryBox h2.category5 { background-image: url(../images/produkte/05.gif); } .productCategoryBox h2.category6 { background-image: url(../images/produkte/06.gif); } .productCategoryBox h2.category7 { background-image: url(../images/produkte/07.gif); } .productCategoryBox h2.category8 { background-image: url(../images/produkte/08.gif); } .productCategoryBox h2.category9 { background-image: url(../images/produkte/09.gif); } .productCategoryBox h2.category10 { background-image: url(../images/produkte/10.gif); } .productCategoryProduct { float: left; margin: 0 10px 10px 0; } .productCategoryProduct img { display: block; border: 1px solid #b2b2b2; margin-bottom: 2px; } .catalogue { font-size: 12px; color: #172983; text-transform: uppercase; margin-top: 30px; margin-bottom: 0; } /* DETAILANZEIGE DES PRODUKTS */ .productHighlight { background: #e7e9f2 url(../images/bg_dots_bottom_with_space.gif) bottom left repeat-x; padding: 10px; margin: 30px 0 20px 0; } .videoIcon { margin-bottom: -5px; } /* #MASCHINENMARKT */ .categories h2 { margin-bottom: 20px; } .categories p { background: transparent url(../images/icon_arrow_blue.gif) no-repeat scroll left 3px; color: #45484E; padding-left: 12px; font-style: normal; font-weight: bold; margin-bottom: 5px; } .categories a { text-decoration: none; margin-left: 12px; } .categories a.active { color: #172983; } h2.oneliner { background: transparent url(../images/bg_headline_oneliner.gif) repeat-x 0 0; height: 17px; color: #1f276a; padding: 12px; font-size: 12px; margin: 20px 0 10px 0; font-weight: normal; text-transform: uppercase; } .showMachine h3 { color: #172983; background: none; padding-left: 0; font-weight: bold; margin-bottom: 10px; } .showMachine h3.caption { margin-top: 20px; font-size: 25px; letter-spacing: 2px; font-weight: normal; } .showMachineImages { width: 430px; float: left; margin-right: 20px; } .showMachineImages .full { margin-bottom: 14px; } .showMachineImages .preview { float: left; margin-right: 14px; margin-bottom: 14px; } .showMachineImages .preview img { border: 1px solid #b0b0b0; } .showMachineData { width: 255px; float: left; } .showMachineDataTechnics { background: #e6e8f1 url(../images/bg_haching_purple_top.gif) 0 0 repeat-x; padding: 20px 19px; overflow: hidden; min-height: 284px; height: auto !important; height: 284px; } .showMachineDataTechnics h4 { background: transparent url(../images/bg_machinemarket_data_hl.gif) 0 0 no-repeat; margin-left: -19px; padding: 5px 19px; height: 10px; font-size: 11px; font-weight: normal; } .showMachineDataTechnics ul { margin-left: 15px; } .showMachineDataTechnics ul li { list-style-type: square; color: #000; } .showMachineDataPrice { color: #172983; font-size: 23px; font-weight: bold; margin: 35px 10px 3px 20px; text-transform: uppercase; } .showMachineDataVat { margin: 3px 10px 5px 20px; } div.machineMarketSpace { margin: 20px 0; } /* #SHOWROOMS */ .showroomPDF { margin-top: 160px; } .showroomPDF a.pdf { height: 25px; } .showroomPDF p { margin-bottom: 0; } /* #IN EIGENER SACHE */ #ownNewsNav li { padding-left: 10px; line-height: 1.5em; } #ownNewsNav li.active { background: transparent url(../images/icon_arrow_blue.gif) no-repeat scroll left 5px; } #ownNewsNav a { text-decoration: none; } #ownNewsNav li.active a { color: #172983; } /* #HEADER IMAGE */ #header img { position: absolute; top: 0; left: 0; } /* #FOOTER */ #footerInner ul { margin-left: 685px; } #footerInner ul li { float: left; background: transparent url('../images/2010/icon_pipe.gif') left center no-repeat; padding-left: 9px; } #footerInner ul li.first { background-image: none; } #footerInner ul li a { text-decoration: none; color: #34393d; } #footerInner ul li a:hover { color: #152A78; } /* BOX-MODEL / BACKGROUNDS */ html, body { height: 100%; } body { background: #e7e7e7 url('../images/2010/bg_body.jpg') top center repeat-y; } #header { height: 283px; position: relative; background-color: #fff; } #newsletter { height: 72px; background-color: #16196f; padding-left: 680px; padding-top: 19px; } #container { margin: 0 auto; width: 940px; background-color: #fff; background-position: 0 0; background-repeat: repeat-y; min-height: 100%; height: auto !important; height: 100%; position: relative; } #content { padding-bottom: 22px; position: relative; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; } #footer { width: 100%; position: absolute; left: 0; bottom: 0; } #footerInner { background: transparent url('../images/2010/bg_footer.gif') bottom left no-repeat; height: 22px; width: 940px; margin: 0 auto; } #contentLeft { float: left; width: 134px; } #contentMain { float: left; } #contentRight { float: left; width: 238px; } body.bg_121 #container { background-image: url('../images/2010/bg_content_121.gif'); } body.bg_121 #content { background-image: url('../images/2010/bg_content_hatching_121.gif'); } body.bg_121 #contentMain { width: 436px; } body.bg_31 #container { background-image: url('../images/2010/bg_content_31.gif'); } body.bg_31 #content { background-image: url('../images/2010/bg_content_hatching_31.gif'); } body.bg_31 #contentLeft { display: none; } body.bg_31 #contentMain { width: 608px; } body.bg_13 #container { background-image: url('../images/2010/bg_content_13.gif'); } body.bg_13 #content { background-image: url('../images/2010/bg_content_hatching_13.gif'); } body.bg_13 #contentRight { display: none; } body.bg_13 #contentMain { width: 712px; } body.bg_1 #container { background-image: url('../images/2010/bg_content_1.gif'); } body.bg_1 #content { background-image: url('../images/2010/bg_content_hatching_1.gif'); } body.bg_1 #contentRight { display: none; } body.bg_1 #contentLeft { display: none; } body.bg_1 #contentMain { width: 884px; } #contentLeft, #contentRight { padding: 28px 19px; } #contentMain { padding: 28px 28px; } /* NAVIGATION */ .nav { list-style-image: none; list-style-type: none; margin: 0; padding: 0; } .nav li { float: left; margin: 0; background-color: transparent; background-repeat: no-repeat; margin: 0; padding: 0; } .nav li a { display: block; background-color: transparent; background-repeat: no-repeat; } .nav li a span { display: block; text-indent: -9999px; } /* MAIN NAVIGATION */ #navMain { height: 30px; width: 940px; } #navMain li, #navMain li a { background-image: url('../images/2010/nav_main.gif'); } #navMain li a { height: 30px; } #navMain li.active a, #navMain li a:hover { background-image: none; } /* not possible to factor out into .nav, because rule would not come into effect */ #nav_start a { width: 62px; } #nav_start { background-position: 0 -30px; } #nav_start a:link, #nav_start a:visited, #nav_start a:active { background-position: 0 0; } #nav_ueber_uns a { width: 69px; } #nav_ueber_uns { background-position: -62px -30px; } #nav_ueber_uns a:link, #nav_ueber_uns a:visited, #nav_ueber_uns a:active { background-position: -62px 0; } #nav_showrooms a { width: 85px; } #nav_showrooms { background-position: -131px -30px; } #nav_showrooms a:link, #nav_showrooms a:visited, #nav_showrooms a:active { background-position: -131px 0; } #nav_partner a { width: 65px; } #nav_partner { background-position: -216px -30px; } #nav_partner a:link, #nav_partner a:visited, #nav_partner a:active { background-position: -216px 0; } #nav_maschinenmarkt a { width: 113px; } #nav_maschinenmarkt { background-position: -281px -30px; } #nav_maschinenmarkt a:link, #nav_maschinenmarkt a:visited, #nav_maschinenmarkt a:active { background-position: -281px 0; } #nav_news_aktionen a { width: 107px; } #nav_news_aktionen { background-position: -394px -30px; } #nav_news_aktionen a:link, #nav_news_aktionen a:visited, #nav_news_aktionen a:active { background-position: -394px 0; } #nav_kontakt a { width: 88px; } #nav_kontakt { background-position: -501px -30px; } #nav_kontakt a:link, #nav_kontakt a:visited, #nav_kontakt a:active { background-position: -501px 0; } #navMain { background-color: #fff; } #navMain li { height: 30px; } /* SUB NAVIGATION */ .navSub { position: absolute; height: 20px; padding-top: 7px; padding-left: 9px; top: 30px; left: 0; } .navSub li { float: left; background: transparent url('../images/2010/icon_pipe.gif') left center no-repeat; padding-left: 8px; padding-right: 4px; } .navSub li.first { background: transparent url('../images/2010/icon_arrow.gif') left center no-repeat; padding-left: 12px; } .navSub li a, .navSub li a:link, .navSub li a:visited, .navSub li a:hover { font-size: 11px; text-decoration: none; color: #34393d; } .navSub li a:hover, .navSub li a.active { color: #16196f; } /* HEADER IMAGES NAVIGATION */ #navHeaderImagePrev, #navHeaderImageNext { position: absolute; top: 89px; width: 150px; height: 100px; background-color: transparent; background-repeat: no-repeat; } #navHeaderImagePrev { background-image: url('../images/2010/icon_nav_header_image_prev.png'); left: 13px; background-position: left center; } #navHeaderImageNext { background-image: url('../images/2010/icon_nav_header_image_next.png'); right: 13px; background-position: right center; } #navHeaderImage { height: 36px; width: 343px; } #navHeaderImage li, #navHeaderImage li a { background-image: url('../images/2010/nav_header_image.gif'); } #navHeaderImage li a { height: 36px; } #navHeaderImage li.active a, #navHeaderImage li a:hover { background-image: none; } /* not possible to factor out into .nav, because rule would not come into effect */ #navHeaderImage_1 a { width: 37px; } #navHeaderImage_1 { background-position: 0 -36px; } #navHeaderImage_1 a:link, #navHeaderImage_1 a:visited, #navHeaderImage_1 a:active { background-position: 0 0; } #navHeaderImage_2 a { width: 37px; } #navHeaderImage_2 { background-position: -37px -36px; } #navHeaderImage_2 a:link, #navHeaderImage_2 a:visited, #navHeaderImage_2 a:active { background-position: -37px 0; } #navHeaderImage_3 a { width: 37px; } #navHeaderImage_3 { background-position: -74px -36px; } #navHeaderImage_3 a:link, #navHeaderImage_3 a:visited, #navHeaderImage_3 a:active { background-position: -74px 0; } #navHeaderImage_4 a { width: 37px; } #navHeaderImage_4 { background-position: -111px -36px; } #navHeaderImage_4 a:link, #navHeaderImage_4 a:visited, #navHeaderImage_4 a:active { background-position: -111px 0; } #navHeaderImage_5 a { width: 36px; } #navHeaderImage_5 { background-position: -148px -36px; } #navHeaderImage_5 a:link, #navHeaderImage_5 a:visited, #navHeaderImage_5 a:active { background-position: -148px 0; } li#navHeaderImageMore { background-image: none; } li#navHeaderImageMore a, li#navHeaderImageMore a:link, li#navHeaderImageMore a:visited, li#navHeaderImageMore a:active { margin-left: 1px; width: 138px; height: 36px; line-height: 34px; background: #16196f url('../images/2010/icon_arrow.gif') 7px 16px no-repeat; padding-left: 20px; padding-top: 2px; text-decoration: none; color: #fff; } #navHeaderImage { position: absolute; bottom: 3px; left: 1px; } /* BRANDBAR NAVIGATION */ #nav_brandbar_container { background: transparent url(../images/nav_brandbar.gif) repeat scroll 0 0; padding-top: 19px; width: 141px; margin-right: 5px; } #nav_brandbar { list-style-image: none; list-style-type: none; margin: 0; padding: 0; } #nav_brandbar li a { background: transparent url(../images/nav_brandbar.gif) repeat scroll 0 -20px; display: block; } #nav_brandbar li { float: left; margin: 0; } #nav_brandbar li a span { display: block; height: 0; overflow: hidden; width: 0; } #nav_brandbar_bg a { height: 80px; width: 141px; } #nav_brandbar_bg { background: transparent url(../images/nav_brandbar.gif) repeat scroll -141px -20px; } #nav_brandbar_bg a:link, #nav_brandbar_bg a: visited, #nav_brandbar_bg a:active { background-position: 0 -20px; } #nav_brandbar_bg a:hover { background-image: none; } #nav_brandbar_spinner a { height: 80px; width: 141px; } #nav_brandbar_spinner { background: transparent url(../images/nav_brandbar.gif) repeat scroll -141px -100px; } #nav_brandbar_spinner a:link, #nav_brandbar_spinner a:visited, #nav_brandbar_spinner a:active { background-position: 0 -100px; } #nav_brandbar_spinner a:hover { background-image: none; } #nav_brandbar_spinner_automation a { height: 80px; width: 141px; } #nav_brandbar_spinner_automation { background: transparent url(../images/nav_brandbar.gif) repeat scroll -141px -180px; } #nav_brandbar_spinner_automation a:link, #nav_brandbar_spinner_automation a:visited, #nav_brandbar_spinner_automation a:active { background-position: 0 -180px; } #nav_brandbar_spinner_automation a:hover { background-image: none; } #nav_brandbar_heimatec a { height: 80px; width: 141px; } #nav_brandbar_heimatec { background: transparent url(../images/nav_brandbar.gif) repeat scroll -141px -260px; } #nav_brandbar_heimatec a:link, #nav_brandbar_heimatec a:visited, #nav_brandbar_heimatec a:active { background-position: 0 -260px; } #nav_brandbar_heimatec a:hover { background-image: none; } #nav_brandbar_realmeca a { height: 80px; width: 141px; } #nav_brandbar_realmeca { background: transparent url(../images/nav_brandbar.gif) repeat scroll -141px -340px; } #nav_brandbar_realmeca a:link, #nav_brandbar_realmeca a:visited, #nav_brandbar_realmeca a:active { background-position: 0 -340px; } #nav_brandbar_realmeca a:hover { background-image: none; } #nav_brandbar_camaix a { height: 80px; width: 141px; } #nav_brandbar_camaix { background: transparent url(../images/nav_brandbar.gif) repeat scroll -141px -419px; } #nav_brandbar_camaix a:link, #nav_brandbar_camaix a:visited, #nav_brandbar_camaix a:active { background-position: 0 -419px; } #nav_brandbar_camaix a:hover { background-image: none; } #nav_brandbar_boehm a { height: 80px; width: 141px; } #nav_brandbar_boehm { background: transparent url(../images/nav_brandbar.gif) repeat scroll -141px -500px; } #nav_brandbar_boehm a:link, #nav_brandbar_boehm a:visited, #nav_brandbar_boehm a:active { background-position: 0 -500px; } #nav_brandbar_boehm a:hover { background-image: none; }