/** * Basic Styles */ body { margin:0; padding:0; background:url('../images/body_background.jpg') repeat-x top #f1f1f1; text-align:center; font-family:Arial,Helvetica,Sans Serif; font-size:11px; color:#545454; } table { font-family:Arial,Helvetica,Sans Serif; font-size:11px; color:#545454; } form { font-family:Arial,Helvetica,Sans Serif; font-size:11px; color:#545454; } a { color:#545454; } a:hover { color:#79b61d; } a img { border:0; } h1,h2,h3,h4,h5 { padding:0; margin:0; color:#79b61d; font-size:11px; } p { margin:0; padding:0; } /** * Layout Elemente */ #page_body { margin:0 auto 0 auto; width:1000px; text-align:left; } #upper_area { margin:33px 0 0 0; padding:0 1px 0 1px; height:17px; } #date { float:left; margin:0; padding:0; } #service_navi { float:right; margin:0; padding:0; } #head_area { background:url('../images/head_background.jpg') no-repeat top; height:250px; position:relative; } body.en #head_area { background:url('../images/head_background_en.jpg') no-repeat top; height:250px; position:relative; } #rootline { font-size:10px; margin:0; padding:0; left:251px; top:90px; position:absolute; } #main_area { position:relative; float:left; background:url('../images/content_background.gif') no-repeat 0px 490px; } #main_left { float:left; position:relative; width:251px; top:-83px; left:0px; /*background:#ff0000; */} #main_center { float:left; position:relative; width:498px; top:-146px; left:0px; /*background:#ffff00; */} #main_printversion { text-align:right; clear:both; } #main_right { float:left; position:relative; width:251px; top:-104px; left:0px; /*background:#ff00ff; */} /** * Für alle Formulare: */ form { margin:0; padding:0; } form * { font-size:11px; } form input.text { border-left:1px solid #5f5f5f; border-top:1px solid #5f5f5f; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; color:#79b61d; margin:0; } html:root form input.text { padding-top:2px; } /* FF Weiche */ form input.password { border-left:1px solid #5f5f5f; border-top:1px solid #5f5f5f; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; color:#79b61d; margin:0; } html:root form input.password { padding-top:2px; } /* FF Weiche */ form select { border-left:1px solid #5f5f5f; border-top:1px solid #5f5f5f; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; color:#79b61d; margin:0; } form textarea { border-left:1px solid #5F5F5F; border-top:1px solid #5F5F5F; color:#79b61d; margin:0; } form input.submit { border:1px solid #79b61d; background:#79b61d; color:#ffffff; font-weight:normal; text-align:center; padding-left:0px; padding-right:0px; height:18px; margin:0; } @media screen and (min-width: 0px){ form input.submit { font-size:10px; }} /* Safari Weiche (auch O9) */ /** * Formularlose Buttons */ input.button { font-size:11px; border:1px solid #79b61d; background:#79b61d; color:#ffffff; font-weight:normal; text-align:center; padding-left:0px; padding-right:0px; } input.button_more { background:url('../images/more_button_icon.gif') no-repeat 5px 2px #79b61d; text-align:right; padding-right:5px; width:60px; } input.button_mz { background:url('../images/more_button_icon.gif') no-repeat 5px 2px #79b61d; text-align:right; padding-right:5px; width:120px; } input.button_calculator { width:100px; } input.button_imgScroll { width:45px; } /** * Elemente der Servicenavigation */ #service_navi a { text-decoration:none; margin:0 7px 0 7px; } #service_navi a.last { text-decoration:none; margin:0 0 0 7px; } /** * Logo und damit erste Überschrift H1 */ h1#logo { margin:0; padding:20px 0 0 20px; } /** * Rootline */ #rootline a { text-decoration:none; } /** * Navigation links */ ul#navi_1 { margin:0; padding:0 16px 0 20px; } ul#navi_1 li { list-style-type:none; padding:0; margin:0; color:#79b61d; font-weight:bold; } ul#navi_1 li span { display:block; border-bottom:1px solid #ffffff; width:215px; margin:0; padding:1px 0 1px 0; } ul#navi_1 li span a { display:block; padding:0 0 0 18px; text-decoration:none; color:#79b61d; font-weight:bold; } ul#navi_2 { margin:0; padding:0; color:#545454; font-weight:bold; } ul#navi_2 li { list-style-type:none; padding:0; margin:0; } ul#navi_2 li span { background:url('../images/navi_icon.gif') no-repeat 20px 2px; display:block; border-bottom:1px solid #ffffff; width:215px; margin:0; padding:1px 0 1px 0; } ul#navi_2 li span a { display:block; text-decoration:none; color:#545454; font-weight:bold; padding-left:30px; } ul#navi_3 { margin:0; padding:0; font-weight:normal; } ul#navi_3 li { list-style-type:none; padding:0; margin:0; } ul#navi_3 li span { background:url('../images/navi_icon.gif') no-repeat 33px 2px; display:block; border-bottom:1px solid #ffffff; width:215px; margin:0; padding:1px 0 1px 0; } ul#navi_3 li span a { display:block; text-decoration:none; font-weight:normal; padding-left:45px; } ul#navi_4 { margin:0; padding:0; font-weight:normal; } ul#navi_4 li { list-style-type:none; padding:0; margin:0; } ul#navi_4 li span { background:url('../images/navi_icon.gif') no-repeat 46px 2px; display:block; border-bottom:1px solid #ffffff; width:215px; margin:0; padding:1px 0 1px 0; } ul#navi_4 li span a { display:block; text-decoration:none; font-weight:normal; padding-left:60px; } /** * Box im linken Bereich */ .left_box { width:251px; } *>.left_box { background:transparent url('../images/left_box_background.png') no-repeat center top; } /* IE6 ausgeschlossen */ .left_box_wrapper { padding:16px 16px 0 20px; } .left_box_innerWrapper { padding:7px 5px 7px 5px; /*border-left:1px solid #ffffff; border-right:1px solid #ffffff; */} .left_box h3 { padding:0 0 7px 20px; } .left_box p { padding:0 0 7px 3px; } /* speziell: die Suchbox */ .left_box .search h3 { background:url('../images/search_icon.gif') no-repeat 2px 1px; } .left_box .search form { height:35px;} .left_box .search input.text { width:145px; float:left; margin-bottom:3px; } .left_box .search select { width:145px; float:left; } .left_box .search input.submit { width:50px; float:right; } /* speziell: die Newsletterbox */ .left_box .newsletter h3 { background:url('../images/newsletter_icon.gif') no-repeat 2px 2px; } .left_box .newsletter form { height:20px; } .left_box .newsletter input.text { width:135px; float:left; } .left_box .newsletter input.submit { width:60px; float:right; } /* speziell: der Merkzettel */ .left_box .leaflet h3 { background:url('../images/leaflet_icon.gif') no-repeat 2px 2px; } .left_box .leaflet h3 span { font-weight:normal; } .left_box .leaflet input.button { float:right; } /** * Box im rechten Bereich */ .right_box { width:251px; } *>.right_box { background:transparent url('../images/right_box_background.png') no-repeat center top; } /* IE6 ausgeschlossen */ .right_box_wrapper { padding:16px 20px 0 16px; } .right_box_innerWrapper { padding:7px 5px 7px 5px; /*border-left:1px solid #ffffff; border-right:1px solid #ffffff; */} .right_box h3 { padding:0 0 7px 20px; } .right_box p { padding:0 0 7px 3px; } /* speziell: Aktuelles */ .right_box .actual h3 { background:url('../images/actual_icon.gif') no-repeat 2px 2px; } /* speziell: Toplist */ .right_box .toplist h3 { background:url('../images/toplist_icon.gif') no-repeat 2px 0px; } .right_box .toplist .item { font-weight:bold; float:left; padding:0 0 0 3px; } .right_box .toplist .item .left { float:left; width:45px; } .right_box .toplist .item .right { float:left; width:150px; } /* speziell: Login */ .right_box .login h3 { background:url('../images/login_icon.gif') no-repeat 4px 3px; } .right_box .login p { clear:both; } .right_box .login input.text { width:93px; float:left; } .right_box .login input.password { width:93px; float:right; } .right_box .login input.submit { float:right; margin-top:7px; background:url('../images/login_button_icon.gif') no-repeat 5px 4px #79b61d; text-align:right; padding-right:5px; width:60px; margin-bottom:5px; } .right_box .box-content { padding:20px 20px 0px 20px; } .right_box .box-content h3 { padding:0px 0px 7px 3px; } /** * Contentelemente im Hauptbereich (ergänzungen zum default-css_styled_content) */ #main_center p.bodytext, #main_center p.csc-textpic { padding:5px 8px 15px 8px; /*background:url('../images/main_box_vorlage.jpg') no-repeat left bottom;*/ } #main_center h1, #main_center h2, #main_center h3, #main_center h4, #main_center h5 { margin:5px 8px 8px 8px; } #main_center .csc-textpic-intext-right .csc-textpic-imagewrap { padding:0 8px 8px 8px; } #main_center .csc-textpic-intext-left .csc-textpic-imagewrap { padding:0 8px 8px 8px; } #main_center .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { padding:0 8px 8px 8px; } #main_center .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { padding:0 8px 8px 8px; } #main_center table.csc-uploads { margin:0 8px 8px 8px; } #main_center table.csc-uploads tr td { padding:0 10px 0 0; } /** * Boxen im Hauptbereich */ #main_center .content_box { background:url('../images/content_box_background.jpg') repeat-y #e8e8e8; float:left; width:498px; margin:0 0 10px 0; overflow:hidden; } #main_center .content_box_textwrapper { float:right; width:303px; margin:20px 5px 5px 10px; } #main_center .content_box_textwrapper h3 { margin:0; padding:0; } #main_center .content_box_textwrapper p.bodytext { margin:0; padding:0; } #main_center .content_box_textwrapper .button_more { float:right; cursor:pointer; } #main_center .content_box_image { margin:0; padding:4px; float:left; } #main_center .content_box_2 { background:url('../images/content_box_background.jpg') repeat-y #e8e8e8; float:left; width:498px; margin:0 0 10px 0; overflow:hidden; } #main_center .content_box_2_textwrapper { float:right; width:303px; margin:20px 5px 5px 10px; } #main_center .content_box_2_textwrapper h3 { margin:0; padding:0; } #main_center .content_box_2_textwrapper p.bodytext { margin:0; padding:0; } #main_center .content_box_2_textwrapper .button_more { float:right; cursor:pointer; } #main_center .content_box_2_image { margin:0; padding:0px; float:left; } /** * Printlink */ #main_printversion { margin:0; padding:30px 8px 15px 0; } #main_printversion a { text-decoration:none; color:#79b61d; font-weight:bold; } #main_printversion a img { vertical-align:middle; } /** * Content in tx-pxproduktkatalog-pi2 */ #main_center .tx-pxproduktkatalog-pi2 h3 { padding:0; margin:0; } /** * Spezielles für die Händlerseiten */ body.haendler1 { background:/*url('../images/body_background_haendler.jpg') repeat-x top #f1f1f1*/ #ffffff; text-align:center; } body.haendler2 { background:/*url('../images/body_background_haendler.jpg') repeat-x top #f1f1f1*/ #ffffff; text-align:center; } body.haendler3 { background:/*url('../images/body_background_haendler.jpg') repeat-x top #f1f1f1*/ #ffffff; text-align:center; } body.haendler4 { background:/*url('../images/body_background_haendler.jpg') repeat-x top #f1f1f1*/ #ffffff; text-align:center; } /** * Typo3-Admin-Panel */ table.typo3-adminPanel { position:absolute; top:10px; left:10px; text-align:left; }