/** * Basic Styles */ body { margin:0; padding:0; text-align:center; font-family:Arial,Helvetica,Sans Serif; font-size:11px; color:#545454; background:url('../images/body_background.jpg') repeat-x #adaeb0; } 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:#7ab51d; } a img { border:0; } h1,h2,h3,h4,h5 { padding:0; margin:0; color:#7ab51d; font-size:11px; } h3 a { color:#7ab51d; text-decoration:none; } h4 { background:#7ab51d; padding:5px; font-weight:normal; color:#fff; margin-bottom:10px; } h5 { color:#E0005F; border:1px solid #9c012d; padding:5px; font-size:11px; font-weight:bold; text-align:center; background-color:white; } h5 a { color:#E0005F; text-decoration:none; } p { margin:0; padding:0; } /** * Layout Elemente */ #page_body { margin:20px auto; width:1000px; text-align:left; background:#fff; } #page_body_wrap {} #head_area { position:relative; height:170px;} #upper_area { position:absolute; right:0; top:0; height:30px; width:200px; } #logo { position:absolute; left:0; top:0; width:100px } #logo img { margin:20px 0 0 20px; } #slogan { position:absolute; left:300px; top:15px; font-size:30px; color:#7ab51d; } #slogan b { margin-left:100px; } #beratung { position:absolute; right:0; top:45px; font-size:17px; color:#545454; width:230px; } #beratung b { display:block; color:#7ab51d; } #rootline { font-size:10px; margin:0; padding:0; left:251px; top:90px; position:absolute; } #main_area { position:relative; float:left; } #main_left { float:left; position:relative; width:251px; left:0px; /*background:#ff0000; */} #main_center { float:left; position:relative; width:498px; top:-66px; left:0px; /*background:#ffff00; */} #main_printversion { text-align:right; clear:both; } #main_right { float:left; position:relative; width:251px; left:0px; /*background:#ff00ff; */} #page_foot { padding:50px 30px 30px 30px; } /** * 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:#7ab51d; 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:#7ab51d; 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:#7ab51d; margin:0; } form textarea { border: 2px solid #7AB51D; margin:0; } form input.submit { border:1px solid #7ab51d; background:#7ab51d; color:#ffffff; font-weight:normal; text-align:center; padding-left:5px; padding-right:5px; padding-bottom:4px; 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 #7ab51d; background:#7ab51d; 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 #7ab51d; text-align:right; padding-right:5px; width:60px; } input.button_mz { background:url('../images/more_button_icon.gif') no-repeat 5px 2px #7ab51d; text-align:right; padding-right:5px; width:120px; } input.button_calculator { width:100px; } input.button_imgScroll { width:45px; } /** * Languagenavi */ .langnavi { float:right; margin:0; padding:5px 10px 0 0; } .langnavi img { margin-right:5px; } .langnavi a { text-decoration:none; } /** * Elemente der Servicenavigation */ .servicenavi { float:right; } .servicenavi span { padding:0 5px; } .servicenavi a { text-decoration:none; } /** * Rootline */ #rootline a { text-decoration:none; } /** * Navigation links */ ul.navi { margin:0; padding:0; list-style-type:none; } ul.navi li { padding:5px; } ul.navi li.act a { font-weight:bold; } ul.navi_level1 { margin:0 20px 5px 20px; } ul.navi_level1 li { background:#7ab51d; border-bottom:1px solid #fff; } ul.navi_level1 li.hassub { padding:0; border-bottom:0px solid #fff; } ul.navi li.hassub span { display:block; padding:5px; border-bottom:1px solid #fff; } ul.navi_level1 a { color:#ffffff; text-decoration:none; } ul.navi_level1 a:hover { text-decoration:none; } ul.navi_level2 li { background:#fff; border-bottom:1px solid #7ab51d; } ul.navi_level2 li.hassub { background:#fff; border-bottom:0px solid #fff; padding:0px; } ul.navi_level2 li.act { background:#fff; border-bottom:1px solid #7ab51d; } ul.navi_level2 span { border:0; padding:5px;} ul.navi_level2 li { background:#fff; border-bottom:1px solid #7ab51d; } ul.navi_level2 li.hassub { display:block; padding:0; /*border-bottom:1px solid #7ab51d;*/ } ul.navi_level2 li span { display:block; padding:0px; /*border-bottom:1px solid #7ab51d;*/ } /*ul.navi_level2 li.hassub { border-bottom:0px solid #fff !important; }*/ ul.navi_level2 li a, ul.navi_level2 li a { color:#000; text-decoration:none; color:#545454; } ul.navi_level2 li a:hover, ul.navi_level2 li a:hover { text-decoration:none; } ul.navi_level2 li.category-level2 { padding:5px; } ul.navi_level2 li.level3 { border-bottom:0px solid #fff; padding:0px; } ul.navi_level2 li.bordered { border-bottom:1px solid #7ab51d; } ul.navi_level3 span { border:0; padding:0; } ul.navi_level3 li, ul.navi li.hassub .article-level1 { padding:5px 5px 5px 15px; background:#fff; border-bottom:1px solid #7ab51d; } ul.navi_level3 li a, ul.navi li.hassub .article-level1 a { color:#000; text-decoration:none; color:#545454; } ul.navi_level3 li a:hover, ul.navi li.hassub .article-level1 a:hover { text-decoration:none; } ul.navi_level3 li.act { background:#d7e9bb; } ul.navi li.hassub .article-level1 { padding:5px 5px 5px 15px; background:#fff; border-bottom:1px solid #7ab51d; } ul.navi li.hassub .article-level1 a { color:#000; text-decoration:none; color:#545454; } ul.navi li.hassub .article-level1 a:hover { text-decoration:none; } .category-active-level2 { background:#d7e9bb; } ul.navi li.hassub li.article-active, ul.navi li.hassub ul.navi_level2 li.article-active { background:#d7e9bb; } ul.navi li.level2 { padding:0px; } /* ul#navi_1 { margin:0; padding:0 16px 0 20px; } ul#navi_1 li { list-style-type:none; padding:0; margin:0; color:#7ab51d; 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:#7ab51d; 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 */ .search { margin:0 20px 15px 20px; height:25px; } .search input.text { float:left; border:2px solid #7ab51d; width:180px; } .search img { float:right; border:0; } .pinboard { margin:0 20px 15px 20px; } .login { margin:0 20px 15px 20px; } .login h3 { background:#7ab51d; padding:5px; font-weight:normal; color:#fff; margin-bottom:10px; } .login p { clear:both; } .login input.text { width:83px; float:left; border:2px solid #7ab51d; margin-right:10px; margin-bottom:10px; } .login input.password { width:83px; float:left; border:2px solid #7ab51d; margin-bottom:10px; } .login input.img_submit { float:right; border:0; margin-bottom:10px; } .right_content { margin:0 20px 15px 20px; } .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 #7ab51d; text-align:right; padding-right:5px; width:60px; margin-bottom:5px; } /** * Contentelemente im Hauptbereich (ergänzungen zum default-css_styled_content) */ #main_center p.bodytext, #main_center p.csc-textpic { padding:0 0 15px 0; /*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:0 0 8px 0; } #main_center .csc-textpic-intext-right .csc-textpic-imagewrap { padding:0 0 8px 0; } #main_center .csc-textpic-intext-left .csc-textpic-imagewrap { padding:0 0 8px 0; } #main_center .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { padding:0 0 8px 0; } #main_center .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { padding:0 0 8px 0; } #main_center table.csc-uploads { margin:0 0 8px 0; } #main_center table.csc-uploads tr td { padding:0 10px 0 0; } #main_center table.csc-uploads tr td.csc-uploads-fileName { vertical-align:top; } #main_center table.csc-uploads tr td.csc-uploads-icon { padding-bottom:10px; } /** * 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:2px 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:#7ab51d; 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; } .green_button { background:#7AB51D; color:white; width:134px; margin-bottom:1px; } .green_button a { color:#ffffff; text-decoration:none; padding:4px 4px; display:block; } .pink_button { background:#E0005F; color:white; width:134px; margin-bottom:1px; } .pink_button a { color:#ffffff; text-decoration:none; padding:4px 4px; display:block; font-weight:bold; } .pink_button_inverted { border:2px solid #E0005F; color:9c012d; background-color:white; margin:6px 0px; width:120px; text-align:center; } .pink_button_inverted a { color:#E0005F; text-decoration:none; padding:4px 4px; display:block; font-weight:bold; font-size:12px; } /** * Spezielles für die Händlerseiten */ .haendler_navi ul { margin-left:0px; } .leiste_uberschrift { color:white;font-weight:bold; } 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; } /** * Tag-Cloud Home **/ a.prio1:hover { color: #E60058; text-decoration: none; } a.prio2:hover { color: #E60058; text-decoration: none; } a.prio3:hover { color: #E60058; text-decoration: none; } .prio1 { color: #58585a; font-size: 14px; } .prio2 { color: #6ab023; font-size: 12px; } .prio3 { color: #a7a8aa; font-size: 10px; }