/* CSS Document */ /* Bitte Änderungen im CSS IMMER immer erst im Firefox prüfen und danach im ie7.css für den IE 7 anpassen. Spezielles CSS für die index.htm ist direkt in der Vorlage (layout_home.dwt) im zu finden !!! ************************** Allgemeine Klassen ************************* a gilt für alle Links auf der Webseite body Eigenschaften des gesamten Body-Bereichs h1 Überschrift 1 h2 Überschrift 2 h3 Überschrift 3 ************************** Layout Klassen ************************************* .contentarea Gesamter Contentbereich (3-Spalten) .header Kopfbereich einschließlich Navigation .hr Horizontal rule. Horizontale Trennungslinie .leftcol linke Spalte .lefthandnavigation Container für Navigation in der linken Spalte .middlecol mittlere Spalte .nav Container für die Navigation .rightcol rechte Spalte ************************** Spezifische Klassen ************************* #gowhere Inhalt des Textfelds für die Auswahl der Sprache .bg_sales hellgrauer Hintergrund .bg_teaser grauer Hintergrund mit Farbverlauf für rechte Spalte .button Eigenschaften um einen Button zu simmulieren z.B. Powderfinder (Code:
...Beschriftung...
) .cleaner Hält den Footer an Ort und Stelle .flash Steuerung Flash Container Internet Explorer .highlight Text blau einfärben .leftcol object embed Steuerung Flash Container Firefox .nav ul li#home Eigenschaften des Menüpunkts HOME .rightcol h1, .rightcol h2, .rightcol h3 Spezifikation für Überschriften der rechten Spalte .search Container für das Suchfeld .sprache Container für die Navigation im footer a:hover .button Verhalten des Button bei hover ul li.nav_right rechter Teil der Navigation ohne Menüpunkte ul li:hover.nav_right Verhalten bei hover (hier: verhindern der hover Eigenschaften) ul.nav_download Navigation im Downloadbereich table.editable_rightcol Editierbarer Bereich in der rechten Spalte table.amperbraze, table.amperweld Teaser amperbraze und amperweld (einzeln, frei voneinander zuschaltbar in der Vorlage) */ BODY {scrollbar-face-color: #444444 ; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #999999; scrollbar-arrow-color: #ffffff; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color:#fff; background-color: #EFEFF1; width:975px; margin:0 auto; overflow-y: scroll; } /***ALLGEMEINE KLASSEN*****************************************************************/ body, p, li, a, #gowhere, .footer, h1, h2, h3 , table {color:#000000; font-family: Arial, Helvetica, sans-serif; font-size:11px;} .copy {color:#000000; font-family: Arial, Helvetica, sans-serif; font-size:11px;} a { text-decoration:none; font-weight:bold; color:#000033; } .rot { color:#FF0000; } .headernews { font-size:14px; color:#999999; font-style:italic; font-weight:bold;} h1 { font-size:14px; margin-bottom:-5px; color:#4470b5; font-style:italic; } h2 { font-size:12px; margin:-2px 0 -3px 0; color:#4470b5; font-style:italic;} h3 { font-size:11px; margin-bottom:-5px; color:#4470b5; font-style:italic; } .headline01 { font-size:30px; margin-bottom:-5px; color:#000033; font-style:normal; line-height:26px } .h4 { font-size:20px; margin-bottom:-5px; color:#4470b5; font-style:italic; } .h5 { font-size:20px; margin-bottom:-5px; color:#4470b5; font-style:normal; } .h6 { font-size:30px; color:#666666; font-style:normal; } .h7 { font-size:15px; color:#000033; font-weight:bold; } .rightcol h1, .rightcol h2, .rightcol h3 { font-weight:normal; color:#000; font-style:normal; font-style:italic;} .hr { height:1px; background-color:#CCC; margin:2px 0; } /*.bg_teaser {background: #e8e8e8 url(../_images/sitedesign/bg_rightcol_blue.jpg) bottom repeat-x; border-bottom:10px solid #fff } /*.bg_teaser h1 { margin-top:2px; margin-bottom:-9px} .highlight { color:#4470b5; }*/ .bg_sales, .bg_teaser { background-color:#edeeee; border:1px solid #edeeee ;} .bg_sales2 { background-color:#edeeee; border:none} .countries { list-style-image:url(../_images/sitedesign/choose.gif); } .button { background-image:url(../_images/sitedesign/nav_blue.jpg); background-repeat:repeat-x; height:22px; text-align:center; padding-top:4px;font-weight:normal; clear:both; margin: 0 auto; margin-left:3px; font-weight:bold; } a:hover .button { background-image:url(../_images/sitedesign/nav_bright.jpg); background-repeat:repeat-x; color:#fff; cursor:pointer;} /***GLOBAL*****************************************************************/ .global{ position:relative; width:975px; min-height:500px; height:auto; padding:0 10px; background-color:#FFFFFF;} /***HEADER*****************************************************************/ .header{ background-color: #fff; float:left; clear:both; margin-bottom:2px} /***HAUPTNAVIGATION****************************************************************/ .nav{ position:relative; z-index:1; margin:0; width:975px; margin-right:-30px; } .nav ul { margin: 0 -2px -1px 0; height:22px; padding-top:4px; padding-bottom:0; background-image:url(../_images/sitedesign/nav_blue.jpg); background-repeat:repeat-x; } .nav ul li, .middlecol ul.nav_download li {display:inline; padding:4.5px 25px; padding-left:60px; padding-right:60px; border-left:0px; solid #fff; } .middlecol ul.nav_download li {display:inline; padding:4.5px 25px; margin-left:-3px; margin-top:2px; border-left:1px solid #fff; background-image: url(../_images/sitedesign/nav_blue.jpg); background-repeat:repeat-x; } .nav ul li a , .middlecol ul.nav_download li a { font-weight:normal; color:#000 } .nav li:hover, .middlecol ul.nav_download li:hover { background-image:url(../_images/sitedesign/nav_bright.jpg); background-repeat:repeat-x; height:22px; } .nav li:hover a , .middlecol ul.nav_download li:hover a { color:#000; } ul.nav_download { margin-left:-43px;} .nav ul li#home {border-left:none; margin-left:-6.6ex; } /***header leftside*****************************************************************/ .header_leftcol { width:193px; vertical-align:middle; padding:0; } /***header leftside*****************************************************************/ .header_middlecol { margin-left: 193px; margin-right: 27px; padding: 1px 15px 5px 15px; vertical-align:middle; } /***header rightside*****************************************************************/ .header_rightcol {width:193px; vertical-align:middle; horizontal-align:middle; padding:10; } /*Rechte Spalte*/ /***LEFTHANDNAVIGATION*****************************************************************/ .lefthandnavigation { } .lefthandnavigation ul { margin-top:-2px; padding-top:3px; margin-bottom:1px; width:113px;} .lefthandnavigation li { color:#000; list-style-type:none; margin-left:-32px; width:135px; border-bottom:1px solid #ccc; padding:6px 0 3px 8px; list-style-position:inside; } .lefthandnavigation li a { font-weight:normal;} .lefthandnavigation li:hover { background-color:#4470b5;} .lefthandnavigation li:hover a { color:#fff;} /***SEARCH*****************************************************************/ .search { position:relative; z-index:1; float:right; clear:none; } .search input { width:185px; margin-right:6px; margin-top:5px; } /***CONTENTAREA*****************************************************************/ .contentarea {position:relative; z-index:0;} .contentarea table {float:left; clear:both; width:975px; margin:-7px 0 0 -2px; } .leftcol{ width:193px; vertical-align:top; padding:0; } .leftcol ul li a { color:#000; } .leftcol object embed{ margin-top:1px; } td.leftcol table { margin-top:0;} /* teaser auf homepage*/ .leftcol_home{ width:770px; height:445px; padding:0; } .middlecol{ margin-left: 193px; margin-right: 27px; padding: 1px 15px 5px 15px; vertical-align:top; height:600px; } .middlecol table { width:100%; clear:none; margin:0; } .middlecol table tr td { padding:5px; } .middlecol table tr td img, .middlecol table tr td a img { padding:0; margin-left:-5px; border:none; } .middlecol table.teaser tr td { border-bottom:1px solid #ccc; text-align:center; border-bottom:none; } .middlecol table.teaser tr td img, .middlecol table.teaser tr td a img {padding:0 0 10px 0; border:none; clear:none; vertical-align: top; } .middlecol .nav_download ul li { display:inline;} .rightcol {width:193px; height: 500px; background-image:url(../_images/sitedesign/bg_rightcol.jpg); background-repeat:repeat; vertical-align:top ; padding:10; } /*Rechte Spalte*/ .rightcol table { width:193px; padding-left:0; margin:-2px 0 0 0; } .rightcol table tr td { border:1px #ccc; border-style: solid ;padding:2px 2px 2px 4px; } .rightcol img, .rightcol a img { border:none; clear:none; padding-left:2px; } table.amperbraze, table.amperweld { margin-top:5px; width:193px;} .amperbraze td, .amperweld td {} table.editable_rightcol { height:100px; margin-right:2px; margin-top:0; } table.people { border-width: 1px 0px 0px 0px; border-spacing: 0px; border-style: outset outset outset outset; border-color: white; border-collapse: collapse; background-color: #C9CCD5; } table.people th { border-width: 1px 0px 0px 0px; padding: 4px 4px 4px 4px; border-style: inset inset inset inset; border-color: white; background-color: #C9CCD5; -moz-border-radius: 1px 1px 1px 1px; } table.people td { border-width: 3px 0px 0px 0px; padding: 4px 4px 4px 4px; border-style: inset inset inset inset; border-color: white; background-color: #C9CCD5; -moz-border-radius: 1px 1px 1px 1px; } .cleaner { clear:both;} /***FOOTER*****************************************************************/ .footer{ float:left; border-top:0px solid #ccc; width:975px; height:30px; margin-top:0px; margin-bottom:10px; padding-left:5px; background-image:url(../_images/sitedesign/footer_blue.jpg); background-repeat:repeat-y;} .footer ul li a { color:#FFF; } .footer ul li a:hover { color:#FFF; } .footer p { color:#FFF; padding-top:0px } .sprache{ position:relative; z-index:0; float:right; clear:none; margin:-35px 15px -25px 0; font-size:8px; } .sprache ul li { display:inline; list-style-type:none; } .sprache ul li a { font-weight:normal; } .sprache span select { border:none; }