/* ##### CI ####### Farbschema -- blau -- Volltonfarbe: rgb(20,62,137) Volltonfarbe 30%: rgb(184,197,219) Volltonfarbe 10%: rgb(231,235,243) Schrift 90% Schwarz: rgb(25,25,25) Schrift 50% Schwarz: rgb(127,127,127) Schrift 25% Schwarz: rgb(191,191,191) Fläche 47% Schwarz: rgb(135,135,135) Fläche 5% Schwarz: rgb(242,242,242) Signalrot: rgb(197,36,49) Signalrot 50%: rgb(226,145,152) Tabelle: Kopfzeile Hintergrund: kräftig: rgb(20,62,137) Schrift: rgb(255,255,255) schwach: rgb(231,235,243) Normale Zeile Hintergrund: mittel: rgb(212,216,235) Schrift: rgb(20,62,137) schwach: rgb(231,235,243) */ body { padding: 0px; margin: 0px; min-width: 760px; background: rgb(255,255,255) url(../upload/bullets/Linien.png) repeat fixed; cursor: default } /* Nur diese Zeile ist zum Stylesheet "style_tiny.css" im WYSIWYG-Editor unterschiedlich!! */ /* ################## Kopieren ab hier !!!!! ########################*/ /* #### Standardeinstellungen #####*/ * { padding: 0px; margin: 0px; border: solid 0px transparent; background-color: transparent; } table { border-spacing: 0px; } body { font-family: Verdana, sans-serif; color: rgb(25,25,25); font-size: 11.5px; line-height: 135%; } p { margin-bottom: 1.5em; } /* #### Überschriften #### */ h1 { color: rgb(20,62,137); font-weight: bold; font-size: 2.6em; line-height: 120%; letter-spacing: 0.03em; margin: 0px 0px 10px 0px; border-bottom: solid 1px rgb(20,62,137); } h2 { font-weight: bold; font-size: 1.35em; line-height: 125%; margin-top: 6px; margin-bottom: 22px } h3 { color: rgb(20,62,137); font-weight: bold; font-size: 1.15em; line-height: 120%; margin-top: 25px; margin-bottom: 6px; } h4 { font-weight: bold; font-size: 0.9em; text-decoration: underline; margin-top: 14px; margin-bottom: 4px } h5 { font-size: 0.9em; text-decoration: underline; margin-top: 6px; margin-bottom: 4px } /* #### Einrückung und Aufzählung #### */ blockquote, ul, ol { margin: 10px 8px 12px 32px; } ul { list-style-image: url(../upload/bullets/navi_pfeil_rechts.gif); list-style-position: outside } ol { list-style-image: none; list-style-type: decimal; list-style-position: outside } ol > li { margin: 0px 0px 4px 0px; padding: 0px; list-style-type: inherit } ul > li { margin: 0px 0px 4px 0px; padding: 0px; list-style-type: inherit } blockquote > p { margin: 0px 0px 4px 0px; padding: 0px; list-style-type: none } ul.Punkte { list-style-image: none; text-indent: -14px; margin: 5px 8px 12px 30px } ul.Punkte > li { list-style-type: none; } ul.Punkte > li:before { content: "..."; position: relative; left: -5px; color: inherit; } /* #### Tabellenformate #### */ table { text-align: left; background-color: transparent; border: solid 0px rgb(184,197,219); width: 100%; border-collapse: collapse; border-spacing: 0px; margin-bottom: 0px; } table > thead th { color: rgb(20,62,137); font-weight: bold; background-color: transparent; padding: 12px 8px 4px 1px; white-space: nowrap; overflow: visible; } table > tbody th { font-weight: bold; background-color: transparent; padding: 3px 8px 1px 1px; white-space: nowrap; overflow: visible; border-style: solid; border-width: 1px 0px 1px 0px; border-color: rgb(184,197,219); } table th[scope = "col"] { vertical-align: middle } table th[scope = "row"] { vertical-align: top } table th a { color: rgb(20,62,137) !important; font-weight: bold; font-size: 10px; text-decoration: none } table th a:hover, table th a:focus { color: rgb(20,62,137); font-weight: bold; font-size: 10px; text-decoration: underline; background-color: transparent; } table td { background-color: transparent; vertical-align: top; padding: 3px 8px 1px 1px; border-style: solid; border-width: 1px 0px 1px 0px; border-color: rgb(184,197,219); } table td.subheader { font-weight: bold; font-size: 10px; text-decoration: underline; background-color: rgb(231,235,243); } table.Spezifikation { clear: both; table-layout: fixed } table.Spezifikation > tbody th { width: 125px; font-weight: normal; } table.Spezifikation > thead th { font-size: 1.15em; line-height: 120%; padding-bottom: 10px } table.Spezifikation > thead th:first-child { width: 125px; } table.adresse { text-align: left; border: solid 0px rgb(0,0,0); width: 100%; border-spacing: 0px } table.adresse th { font-weight: bold; font-size: 10px; text-align: left; padding: 1px; height: 18px } table.adresse td { font-size: 10px; vertical-align: top; padding: 0px; border-style: solid; border-width: 1px 0px 0px 0px; border-color: rgb(20,62,137) } table.DreiSpalten { table-layout: fixed; } table.DreiSpalten th { vertical-align: bottom; border-width: 0px; padding: 0px 0px 10px 30px; width: 180px } table.DreiSpalten td { vertical-align: top; border-width: 0px; padding: 0px 0px 40px 30px; width: 180px } table.DreiSpalten th:first-child, table.DreiSpalten td:first-child { padding-left: 0px; } table.DreiSpalten th img { max-width: 180px } /* #### Formulare #### */ input, textarea, select { font-size: 11px; font-weight: normal; font-family: Verdana, sans-serif; background-color: rgb(242,242,242); vertical-align: middle; margin: 1px 5px 0px 0px; padding: 1px 2px 0px 2px; border: solid 1px rgb(191,191,191); cursor: pointer } input[type = "radio"], input[type = "checkbox"], input[type = "image"] { background-color: transparent; border: solid 0px rgb(20,62,137); } input[type = "text"] { height: 15px } input[type = "password"] { height: 15px; padding-top: 1px } input[type = "image"] { margin-right: 0px; padding: 0px; } input[type = "submit"], .Schalter { color: rgb(255,255,255) !important; font-weight: bold; border-width: 0px; margin: 2px 0px 5px 0px; padding: 4px 9px 4px 7px; background: transparent url(../upload/bullets/Schalter.png) repeat-x center } input[type = "submit"]:active, a.Schalter:active { padding: 5px 8px 3px 8px; } select { height: 18px; padding: 0px; } option { color: rgb(25,25,25); font-size: 0.97em; font-weight: normal; padding: 1px 6px 0px 2px; margin: 0px 0px 0px 0px; border: solid 0px rgb(20,62,137); cursor: pointer } optgroup { color: rgb(20,62,137); font-size: 0.97em; font-weight: bold; font-style: normal; background-color: transparent; padding: 1px 2px 0px 2px; margin: 2px 0px 1px 0px; } optgroup option { margin-left: 10px; } label { cursor: pointer; } /* # Pflichtfeldmarkierung # */ *.required, *.required a { color: rgb(197,36,49); } td.required input, input.required, td.required textarea, textarea.required, td.required select, select.required { color: rgb(25,25,25); border: solid 1px rgb(226,145,152) } /* # Gesperrte Felder # */ input[readonly], input[disabled], textarea[readonly], textarea[disabled], select[disabled], option[disabled] { color: rgb(127,127,127) !important; cursor: default } input.nurText, textarea.nurText { color: rgb(25,25,25) !important; font-size: inherit; font-weight: normal; height: auto; color: rgb(25,25,25); vertical-align: text-bottom; border: solid 0px transparent; padding: 0px; margin: 0px; background-color: transparent; cursor: default; } /* #### Bilder #### */ a > img.Linkseite:hover, a img:focus { text-decoration: none; } div.Bild > img { margin-bottom: 5px; } div.Bild > p { font-size: 0.85em; line-height: 135% } /* #### Sonstige Tags #### */ a { color: rgb(20,62,137); text-decoration: none } a:visited { color: rgb(50,88,173); text-decoration: none } a:hover, a:focus { text-decoration: none } sup, a:hover sup { font-size: 0.8em; line-height: 0.5em; text-decoration: none; vertical-align: 75%; padding-left: 1px } sub, a:hover sub { font-size: 0.8em; line-height: 0.5em; text-decoration: none; vertical-align: -75%; padding-left: 0px } caption { color: rgb(20,62,137); font-size: 10px; text-align: left; padding-top: 0.5em; caption-side: bottom } hr { color: rgb(20,62,137); background-color: rgb(20,62,137); border: 0px; height: 1px } /* ########### Klassen ############# */ /* # Text # */ .FarbeVoll { color: rgb(20,62,137) } .FarbeVollmid { color: rgb(184,197,219) } .FarbeVolllite { color: rgb(231,235,243) } .FarbeK { color: rgb(25,25,25) } .FarbeKmid { color: rgb(127,127,127) } .FarbeKlite { color: rgb(191,191,191) } .FarbeS { color: rgb(197,36,49) } .FarbeSmid { color: rgb(226,145,152) } /* # Hintergrund # */ .BgFarbeVoll { background-color: rgb(20,62,137) } .BgFarbeVollmid { background-color: rgb(184,197,219) } .BgFarbeVolllite { background-color: rgb(231,235,243) } .BgFarbeKmid { background-color: rgb(135,135,135) } .BgFarbeKlite { background-color: rgb(242,242,242) } .BgFarbeS { background-color: rgb(197,36,49) } .BgFarbeSmid { background-color: rgb(226,145,152) } .ProduktnameTransfektion, .ProduktnameAgarose, .ProduktnameProteofection, .ProduktnameMycoplasmen, .ProduktnameProteinpuri, .ProduktnameMicrofection { white-space: nowrap; } #aktiviert { color: rgb(0,128,0); font-weight: bold; } .Rabatt, #deaktiviert { color: rgb(197,36,49); font-weight: bold; } .Rahmen { color: rgb(255,255,255); font-weight: bold; border: solid 2px rgb(255,255,255); background-color: rgb(204,0,0); margin: 5px; padding: 3px 7px 4px 7px; } .Kasten { color: rgb(20,62,137); vertical-align: top; background-color: rgb(231,235,243); padding: 12px 14px 1px 14px; margin: 10px 0px 10px 0px; border-style: solid; border-width: 0px; border-color: rgb(255,255,255); overflow: visible; clear: both; } .Kasten h1 { color: rgb(20,62,137); font-size: 1.15em; line-height: 1.2em; padding: 0px; margin: 15px 0px 3px 0px; border-width: 0px } .Kasten > h1 { margin-top: 0px;} .Kasten h2 { color: rgb(20,62,137); font-size: 1em; line-height: 1.2em; padding: 0px; margin: 0px 0px 3px 0px; border-width: 0px } *[align = "left"] { margin: 3px 15px 10px 0px; float: left; text-align: left; } *[align = "right"] { margin: 3px 0px 10px 15px; float: right; text-align: left; } /* #### Quellenangaben #### */ a.Quelle { font-weight: bold; font-size: 0.8em; color: inherit; line-height: 0.5em; text-decoration: none; vertical-align: 75%; padding: 0px 1px 0px 2px} a.Quelle:hover, a.Quelle:focus { text-decoration: none; background-color: transparent } a.Quelle:before { content: "["; font-weight: normal; color: inherit; } a.Quelle:after { content: "]"; font-weight: normal; color: inherit; } div.Quelle { font-size: 0.85em; line-height: 135%; margin-top: 45px; clear: both; } div.Quelle p { } div.Quelle h1 { font-size: 1em; line-height: 135%; margin-bottom: 0.4em; border-width: 0px; color: inherit; } div.Quelle ol { margin: 0px 0px 0px 30px; padding: 0px } div.Quelle ol li { text-align: left; margin-top: 0.3em; list-style-type: decimal } /* #### Navigation #### */ .navi { width: 100%; border-bottom: solid 1px rgb(184,197,219) } .navi a { color: rgb(25,25,25); padding-top: 3px; padding-right: 15px; padding-bottom: 2px; display: block; } .navi a.navileft_passive, .navi a.navileft_open { color: rgb(20,62,137); background-color: rgb(184,197,219); } .navi a.navileft_open.Level1 { color: rgb(20,62,137); background-color: rgb(184,197,219); border-color: rgb(20,62,137); border-width: 1px 0px; border-style: solid; } .navi a.navileft_passive.Level1 { color: rgb(25,25,25); background-color: rgb(255,255,255); border-top: solid 1px rgb(184,197,219); } .navi a.navileft_open.Level2 { background: rgb(184,197,219) url(../upload/bullets/navi_pfeil_rechts.gif) no-repeat scroll 11px 6px } .navi a.navileft_passive.Level2 { background: rgb(184,197,219) url(../upload/bullets/navi_pfeil_rechts.gif) no-repeat scroll 11px 6px } .navi a.navileft_active { color: rgb(255,255,255); background-color: rgb(20,62,137); } .navi a.navileft_active.Level2 { background: rgb(20,62,137) url(../upload/bullets/pfeil_rechts.gif) no-repeat scroll 15px 6px; } .navi a.navileft_passive:hover, .navi a.navileft_open:hover { text-decoration: none; background-color: rgb(231,235,243); } .navi a.navileft_active:hover { text-decoration: none; background-color: rgb(20,62,137); } .Level1 { padding-left: 4px; } .Level2 { padding-left: 26px; } .Level3 { padding-left: 38px; font-size: 0.95em; line-height: 110% } #additionalnavi { font-size: 0.95em; text-align: right; margin: 0px 0px 0px 0px; padding: 50px 10px 5px 3px; position: absolute; width: 1042px; overflow: visible; z-index: 120; } #additionalnavi a { color: rgb(25,25,25); padding: 32px 10px 0px 10px; margin: 0px 0px 0px 8px; background-repeat: no-repeat; background-position: center top; } #navipath { text-align: left; position: fixed; top: 170px; left: 190px; width: 600px; margin: 0px 0px 0px 0px; padding: 8px 25px 15px 25px; border: 0px solid rgb(112,112,112); background-color: rgb(255,255,255); z-index: 70; } #navipath a { color: rgb(25,25,25); font-size: 0.91em } #bottomnavi { text-align: left; position: fixed; bottom: 0px; left: 190px; width: 630px; margin: 0px 0px 0px 0px; padding: 5px 10px 10px 10px; border: 0px solid rgb(112,112,112); background-color: rgb(255,255,255); z-index: 75; } #top { color: rgb(20,62,137); text-align: left; position: static; margin: 0px 0px 3px 0px; padding: 4px 2px 0px 2px; border-bottom: solid 1px rgb(149,169,215); background: rgb(255,255,255) url(../upload/bullets/navi_pfeil_oben.gif) no-repeat left center; display: block; z-index: 65; } #bottomnavi p { padding: 3px 15px 0px 15px; margin: 0px; } .Seitennavi { font-weight: bold; text-align: center; margin: 30px 0px 40px 0px } .Weiter { float: right; } .Zurück { float: left; } .Loginbox { margin: 0px 0px 20px 0px; display: block; overflow: hidden } .Loginbox label.Absenden { color: rgb(20,62,137); font-weight: bold; margin-top: 5px; display: block; } .Warenkorb table { border-width: 1px 1px 1px 2px; border-color: rgb(184,197,219); border-bottom-style: solid; margin-top: 0px; } .Warenkorb td { background-color: rgb(231,235,243); border-width: 0px; padding: 2px 0px 1px 10px; } .Warenkorb th { font-weight: normal; text-align: right; background-color: rgb(231,235,243); border-width: 0px; padding: 2px 9px 1px 5px; } /* ########## ID ########## */ #Vordergrund { width: 100%; background-color: rgb(20,62,137); height: 100%; position: fixed; top: 0px; left: 0px; z-index: 1000000; opacity: 0.5; filter: Alpha(opacity=50); } #Länderwahl { position: fixed; top: 0px; left: 0px; margin: 260px 10px 10px 320px; padding: 20px; border: solid rgb(20,62,137) 1px; background-color: rgb(231,235,243); z-index: 1000001; } #Länderwahl a { color: rgb(28,72,166); background: url(../upload/bullets/navi_pfeil_rechts.gif) no-repeat right center; padding-right: 15px } #Länderwahl label { white-space: nowrap; } #Hintergrund { width: 1055px; background-color: rgb(255,255,255); height: 100%; position: fixed; z-index: 1; } #Schatten { width: 15px; position: fixed; top: 0px; left: 1052px; height: 100%; margin: 0px 0px 0px -2px; z-index: 0; opacity: 0.6; } #Produktneuheit { top: 125px; left: 535px; position: absolute; background: transparent url(../upload/bullets/Neuheit.png) no-repeat center center; width: 120px; height: 120px; z-index: 500; } #header { vertical-align: top; position: fixed; top: 0px; left: 0px; width: 1055px; height: 170px; background: rgb(255,255,255) url(../upload/bullets/header_Hintergrund.png) no-repeat fixed 0px 0px; overflow: hidden; z-index: 100; } #Logo { position: absolute; top: 36px; left: 20px } #Logo img { width: 220px } #Slogan { width: 100%; border-bottom: 1px solid rgb(20,62,137); position: absolute; top: 50px; left: 240px; padding: 0px 0px 9px 30px } #Illustration { height: 69px; background: url(../upload/bullets/header_Illustration.jpg) no-repeat 1px 2px rgb(255,255,255); position: relative; width: 1100px; top: 92px; left: -1px; z-index: 115;} #Illustration img { margin:2px 0px 0px 1px; } #links { color: rgb(20,62,137); vertical-align: top; position: fixed; top: 170px; left: 0px; width: 190px; height: 100%; padding: 10px 0px 330px 0px; /*background: rgb(78,100,147) url(../upload/bilder/dns2.jpg) repeat-y -150px -45px;*/ overflow: hidden; float: left; display: inline; z-index: 95; } #links p { padding-right: 2px; padding-left: 3px } #mitte { vertical-align: top; position: relative; top: 170px; left: 190px; bottom: 10px; width: 600px; margin: 0px 0px 0px 0px; padding: 48px 25px 60px 25px; /*border: 0px solid rgb(78,100,147); background-color: rgb(255,100,255);*/ overflow: visible; z-index: 80; } #mitte a:hover { text-decoration: underline } #mitte a[href ^= "http://"] { background: url(../upload/bullets/LinkExtern.png) center right no-repeat; padding-right: 13px; } #mitte .Schalter:visited { color: rgb(255,255,255) !important } #mitte .Schalter:hover { text-decoration: none } #rechts { font-size: 0.97em; line-height: 130%; vertical-align: top; position: fixed; top: 170px; left: 840px; width: 200px; height: 100%; padding: 10px 0px 100px 0px; /*background-color: rgb(255,255,255); border-style: solid; border-width: 0px 0px 0px 0px; border-color: rgb(204,204,204);*/ overflow: hidden; z-index: 60; } #rechts h1 { color: rgb(255,255,255); font-size: 1.15em; line-height: 120%; text-align: left; background-color: rgb(20,62,137); border-width: 0px; margin: 16px 0px 0px 0px; padding: 4px 15px 3px 10px } #rechts a { font-weight: bold; text-align: left; background: rgb(255,255,255) url(../upload/bullets/navi_pfeil_rechts.gif) no-repeat right center; margin: 0px; padding: 2px 15px 1px 0px; border-style: solid; border-width: 1px 0px 1px 0px; border-color: rgb(149,169,215); display: block; clear: both; } #rechts a:hover { text-decoration: none; background-color: rgb(231,235,243); } #rechts div.Warenkorb { background-color: rgb(255,255,255); } #rechts img { margin: 0px 6px 5px 0px; padding: 0px; float: left; } #Produkt { margin-bottom: 25px; position: relative } #Produkt > h1 { border: 1px solid rgb(20,62,137); padding: 7px 15px 5px 15px; margin: 0px; display: inline-block; } #Produkt > h2 { border-left: 1px solid rgb(20,62,137); padding: 10px 15px 110px 15px; margin: 0px; } #Produkt > h3 { position: relative; font-size:1.25em; color: rgb(25,25,25); border-left: 1px solid rgb(20,62,137); border-bottom: 1px solid rgb(20,62,137); padding: 7px 5px 4px 15px; margin: 0px 0px 5px 0px; display: inline-block; } #Produkt > ul { margin: 0px 5px 0px 35px; width: 250px; } #Produkt > img { width: 300px; position: absolute; bottom: 0px; right: 0px } #Produktübersicht { color: rgb(191,191,191); font-weight: bold; background-color: rgb(242,242,242); } #Produktübersicht h1 { background-color: rgb(135,135,135); } #Produktübersicht a, #Produktübersicht div { font-size: 0.9em; line-height: 125%; padding: 5px 13px 2px 5px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: rgb(135,135,135); } #Produktübersicht a { color: rgb(127,127,127); background: rgb(242,242,242) url(../upload/bullets/pfeil_grau_rechts.png) no-repeat right center; } #Produktübersicht a:hover { background-color: rgb(242,242,242); } /*############ Formate für die Startseite ##############*/ body.Startseite table { margin: 0px; padding: 0px; } body.Startseite th { border-color: rgb(20,62,137); padding: 0px; } body.Startseite td { border-color: rgb(20,62,137); } body.Startseite #header { height: 250px; background: url() rgb(255,255,255); } body.Startseite #Logo { top: 90px; left: 150px; } body.Startseite #Slogan { top: 105px; left: 365px; } body.Startseite #Illustration { font-size: 0.97em; letter-spacing: 0.05em; padding-top: 69px; background-image: url(../upload/bullets/Start_header_Illustration.jpg); top: 160px; } body.Startseite #Illustration a { color: rgb(255,255,255); font-weight: normal; background-color: rgb(20,62,137); padding: 3px 2px 2px 5px; border: 1px solid rgb(255,255,255); width: 142px; display: block; float: left; } body.Startseite #Illustration a:hover { background-color: rgb(184,197,219) } body.Startseite #Content { position: relative; width: 1055px; top: 290px; z-index: 50; } body.Startseite #Content1 { width: 190px; } body.Startseite #Content2 { width: 270px; } body.Startseite #Content2 h1 { color: rgb(20,62,137); font-size: 1.1em; line-height: 120%; margin: 0px; padding: 0px 0px 1px 0px; border-width: 0px } body.Startseite #Content2 td { vertical-align: middle; padding: 5px 0px 5px 0px; } body.Startseite #Content2 img { margin: 0px 0px 0px 7px; } body.Startseite #Content3 { width: 270px; } body.Startseite #Content3 h1 { color: rgb(255,255,255); font-size: 1em; line-height: 120%; text-transform: uppercase; text-align: left; background-color: rgb(20,62,137); margin: 0px; padding: 5px 15px 2px 7px} body.Startseite #Content3 h2 { color: rgb(20,62,137); font-size: 1em; line-height: 120%; margin: 0px; padding: 4px 0px 0px 0px} body.Startseite #Content3 th { width: 60px; height: 85px; background-color: rgb(242,242,242); border-width: 0px; } body.Startseite #Content3 th > img { width: 60px; height: 85px; vertical-align: bottom; } body.Startseite #Content3 td { font-size: 1em; line-height: 135%; margin: 0px; padding: 0px 0px 0px 6px } body.Startseite #Content3 a { padding: 0px 15px 0px 5px; background: center right no-repeat url(../upload/bullets/navi_pfeil_rechts.gif); } body.Startseite #Content3 a:hover { text-decoration: underline } body.Startseite #rechts { top: 0px; left: 0px; width: 200px; height: 100%; } body.Startseite #Content, body.Startseite #Content1, body.Startseite #Content2, body.Startseite #Content3, body.Startseite #rechts { background: url() rgb(255,255,255); padding: 0px 0px 60px 0px } body.Startseite #Content1, body.Startseite #Content2, body.Startseite #Content3, body.Startseite #rechts { margin: 0px 15px 0px 15px; float: left; position: static } body.Startseite #bottomnavi { left: 0px; width: 1035px; text-align: center }