/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------Allgemeine Angaben---------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Farbe der Scrollbar */ BODY { /* scrollbar-3dlight-color:#FFFF00; /* 3D-Farbe */ /* scrollbar-arrow-color:#FF9E00; /* Farbe des Pfeils */ /* scrollbar-base-color:#00A0A0; /* Hintergrundfarbe */ /* scrollbar-darkshadow-color:#C64100; /* Farbe des dunklen Schattens */ /* scrollbar-face-color:#009090; /* Hauptfarbe */ /* scrollbar-highlight-color:#FF9E00; /* Farbe der aktiven Scrollbar */ /* scrollbar-shadow-color:#E76100; /* Schattenfarbe der Scrollbar */ } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------Text----------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Überschriften */ .Artikelname { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; color:#000000; font-weight: bold; text-decoration: none; text-align:left} /* Texte */ .Texte { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; color:#000000; text-decoration: none; font-weight: normal; text-align: justify} .HeadLineA { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color:#0000FF; font-weight: bold; text-decoration: none; text-align: left} /* Link im Text */ .Link { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color:#000000; font-weight: normal; text-align: left} A:link { text-decoration: none; color: #0000FF; font-size: 12px} A:visited { text-decoration: none; color: #0000FF; font-size: 12px} A:hover { text-decoration: none; color: #FF4400; font-size: 12px} TD { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-weight: normal; text-align: left} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------BANNER------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Hintergrund */ .Background_Banner { background: #E8E8FF} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*---Grafikposition---------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .Banner_Grafik { position: absolute; left: 50px; top: 5px} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*---Buttons----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Ich habe die Angaben so geordnet, dass zuerst die Position der Buttons erscheint. */ /* Dann folden die Angaben der Schrift, */ /* und des Rahmens. */ /* Und zu guter Letzt, die Farben. */ /* Kasten_links */ .Kasten_links { position: absolute; left:0px; top:1px; height: 100%; width:221px; border-color: #0000FF; color: #0000FF; background: #FFFFFF} /* Suchfunktion */ .Suchfunktion { position: absolute; left:706px; top:1px; height: 45px; width: 175px} /* Rest nach links */ .Rest { position: absolute; left:882px; top:1px; height: 45px; width: 100%} /*---Farbe und Font der Buttons----------------------------------------------------------------------------------------------------------------------------------*/ .button1, .button2, .button3, .button4, .button6, .button7, .button8, .button9, .Suchfunktion, .Rest { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border-color: #0000FF; background: #0000FF; color: #FFFFFF; text-align: left} .button1:link, .button2:link, .button3:link, .button4:link, .button6:link, .button7:link, .button8:link, .button9:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border-color: #0000FF; background: #0000FF; color: #FFFFFF; text-align: left} .button1:visited, .button2:visited, .button3:visited, .button4:visited, .button6:visited, .button7:visited, .button8:visited, .button9:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border-color: #0000FF; background: #0000FF; color: #FFFFFF; text-align: left} .button1:hover, .button2:hover, .button3:hover, .button4:hover, .button6:hover, .button7:hover, .button8:hover, .button9:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border-color: #4455FF; background: #4455FF; color: #FFFFFF; text-align: left} /*---Erste Reihe------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Button1 - */ .button1 { position: absolute ; left:222px; top:1px; font-weight: bold;border-style: solid; height: 14px; width: 112px} A.button1:link { position: absolute ; left:222px; top:1px; font-weight: bold;border-style: solid; height: 14px; width: 112px} A.button1:visited { position: absolute ; left:222px; top:1px; font-weight: bold; border-style: solid; height: 14px; width: 112px} A.button1:hover { position:absolute ; left:222px; top:1px; font-weight: bolder; border-style: solid; height: 14px; width: 112px} /* Button2 - Home */ .button2 { position: absolute ; left:343px; top:1px; font-weight: bold;border-style: solid; height: 14px; width: 112px} A.button2:link { position: absolute ; left:343px; top:1px; font-weight: bold;border-style: solid; height: 14px; width: 112px} A.button2:visited { position: absolute ; left:343px; top:1px; font-weight: bold; border-style: solid; height: 14px; width: 112px} A.button2:hover { position:absolute ; left:343px; top:1px; font-weight: bolder; border-style: solid; height: 14px; width: 112px} /* Button3 - Kontakt */ .button3 { position: absolute ; left:464px; top:1px; font-weight: bold;border-style: solid; height: 14px; width: 112px} A.button3:link { position: absolute ; left:464px; top:1px; font-weight: bold;border-style: solid; height: 14px; width: 112px} A.button3:visited { position: absolute ; left:464px; top:1px; font-weight: bold; border-style: solid; height: 14px; width: 112px} A.button3:hover { position:absolute ; left:464px; top:1px; font-weight: bolder; border-style: solid; height: 14px; width: 112px} /* Button4 - Englisch */ .button4 { position: absolute ; left:585px; top:1px; font-weight: bold;border-style: solid; height: 14px; width: 112px} A.button4:link { position: absolute ; left:585px; top:1px; font-weight: bold;border-style: solid; height: 14px; width: 112px} A.button4:visited { position: absolute ; left:585px; top:1px; font-weight: bold; border-style: solid; height: 14px; width: 112px} A.button4:hover { position:absolute ; left:585px; top:1px; font-weight: bolder; border-style: solid; height: 14px; width: 112px} /*---Zweite Reihe-----------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Button6 - */ .button6 { position: absolute ; left:222px; top:24px; font-weight: bold;border-style: solid; height: 14px; width: 112px} A.button6:link { position: absolute ; left:222px; top:24px; font-weight: bold;border-style: solid; height: 14px; width: 112px} A.button6:visited { position: absolute ; left:222px; top:24px; font-weight: bold; border-style: solid; height: 14px; width:112px} A.button6:hover { position:absolute ; left:222px; top:24px; font-weight: bolder; border-style: solid; height: 14px; width: 112px} /* Button7 - */ .button7 { position: absolute ; left:343px; top:24px; font-weight: bold;border-style: solid; height: 14px; width: 112px} A.button7:link { position: absolute ; left:343px; top:24px; font-weight: bold;border-style: solid; height: 14px; width: 112px} A.button7:visited { position: absolute ; left:343px; top:24px; font-weight: bold; border-style: solid; height: 14px; width: 112px} A.button7:hover { position:absolute ; left:343px; top:24px; font-weight: bolder; border-style: solid; height: 14px; width: 112px} /* Button8 - */ .button8 { position: absolute ; left:464px; top:24px; font-weight: bold;border-style: solid; height: 14px; width: 112px} A.button8:link { position: absolute ; left:464px; top:24px; font-weight: bold;border-style: solid; height: 14px; width: 112px} A.button8:visited { position: absolute ; left:464px; top:24px; font-weight: bold; border-style: solid; height: 14px; width: 112px} A.button8:hover { position:absolute ; left:464px; top:24px; font-weight: bolder; border-style: solid; height: 14px; width: 112px} /* Button9 - */ .button9 { position: absolute ; left:585px; top:24px; font-weight: bold;border-style: solid; height: 14px; width: 112px} A.button9:link { position: absolute ; left:585px; top:24px; font-weight: bold;border-style: solid; height: 14px; width: 112px} A.button9:visited { position: absolute ; left:585px; top:24px; font-weight: bold; border-style: solid; height: 14px; width: 112px} A.button9:hover { position:absolute ; left:585px; top:24px; font-weight: bolder; border-style: solid; height: 14px; width: 112px} /*--Dritte Reihe------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .button11, .button12, .button13, .button14 { border-color: #404040; color: #404040; background: #404040} /* Button11 - */ .button11 { position: absolute ; left:222px; top:47px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;border-style: solid; height: 14px; width: 112px; text-align: left} /* Button12 - */ .button12 { position: absolute ; left:343px; top:47px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;border-style: solid; height: 14px; width: 112px; text-align: left} /* Button13 - */ .button13 { position: absolute ; left:464px; top:47px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;border-style: solid; height: 14px; width: 112px; text-align: left} /* Button14 - */ .button14 { position: absolute ; left:585px; top:47px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;border-style: solid; height: 14px; width: 112px; text-align: left; color: #00AAFF; border-color: #E8E8FF; background: #E8E8FF} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------Startseite---------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*---Grafikposition---------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Grafik1 */ .Grafik1 { position: absolute ; left: 0px; top: 0px} /* Grafik2 */ .Grafik2 { position: absolute ; left: 122px; top: 0px} /* Grafik3 */ .Grafik3 { position: absolute ; left: 244; top: 0px} /* Grafik4 */ .Grafik4 { position: absolute ; left: 366px; top: 0px} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*---Links------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .Link1 { position:absolute; left: 487px; top: -3px; width: 175px; text-align: left} .Stamm { position:absolute; height:19px; width: 100%; border-style:solid; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#FFFFFF; border-color: #0000FF; background: #0000FF} A.Stamm:link { position:absolute; height:19px; width: 100%; border-style:solid; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF} A.Stamm:visited { position:absolute; height:19px; width: 100%; border-style:solid; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF} A.Stamm:hover { position:absolute; height:19px; width: 100%; border-style:solid; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; border-color: #4455FF; background: #4455FF; } .Zweig { position:absolute; height:19px; width: 100%; border-style:solid; border-left-width: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; border-color: #E8E8FF; background: #E8E8FF} A.Zweig:link { position:absolute; height:19px; border-style:solid; border-left-width: 10px; width: 175px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000} A.Zweig:visited { position:absolute; height:19px; border-style:solid; border-left-width: 10px; width: 175px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000} A.Zweig:hover { position:absolute; height:19px; border-style:solid; border-left-width: 10px; width:175px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000;border-color: #F2F2FF; background: #F2F2FF;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------Produktseiten-------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .Tabellenposition { position: absolute ; left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;} .Tabelleoben { background: #0000FF; color: #FFFFFF; font-weight: bold; text-align: center; } .Tabellelinks { background: #0000FF; color: #FFFFFF; font-weight: bold; text-indent:5px} .Tabelleinnen { background: #E8E8FF; color: #000000; text-align: center} .Textfeld { position: absolute ; left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width: 650px; border-color: black; background: #FFFFFF; word-wrap:break-word} .Zurück { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; border-style: solid; position: absolute ; left: 475px; width: 175px; color: #FFFFFF; border-color: #0000FF; background: #0000FF} A.Zurück:link { height: 24px; width: 175px; text-align: left; font-size: 13px; color:#FFFFFF;} A.Zurück:visited { height: 24px; width: 175px; text-align: left; font-size: 13px; color:#FFFFFF;} A.Zurück:hover { height: 24px; width: 175px; text-align: left; font-size: 13px; font-weight: bolder; color:#FFFFFF;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*---Grafikposition---------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Produktbild */ .Produktbild { position: absolute ; left: 10px; top: 50px; width:475px ; height:300px} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*---Rand-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .Rand { align: bottom; position: absolute; height: 100px; width: 457px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}