@charset "utf-8"; /* CSS Document */ /* --- Allgemeines ---------------------------------------------------------------------------------- */ /* Init */ * { margin: 0px; padding: 0px; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 130%; color: #ffffff; font-size: 12px; } html { background-color: #101010; background-image:url(img/website_hg.jpg); background-position:top; background-repeat:repeat-x; } body { z-index: 1; margin: 0px; padding: 0px; } img { border: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .clearbox { clear:both;} *+html .clearbox { display:inline; } *html .clearbox { display:inline; } /* Optional: Der rote Trennbalken */ div.RoterTrenner { width: 990px; height: 7px; margin: 0px auto; padding: 0px; border-bottom: 1px #7a7a7a solid; display:block; background-image:url(img/roter-trenner.png); background-position: 0px 0px; background-repeat:no-repeat; } * html div.RoterTrenner { margin: 0px auto -9px auto; } /* Für alle Printelemente (werden Online ausgeblendethttp://www.friedhelm-loh-group.de/html. ) */ .PrintElement { display: none !important; } .ScreenElement { display: block; } /* Typografie */ h1 { font-weight: normal; font-size: 24px; color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; text-transform: uppercase; } h2 { font-weight: bold; font-size: 16px; color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; line-height: 155%;} h3 { font-weight: bold; font-size: 13px; color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px;} a { text-decoration:none; margin: 0px; padding: 0px; line-height: 130% } p { font-size: 13px; color: #ffffff; line-height: 155%; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; } b, strong { font-size: 13px;} h2 a { font-weight: bold; font-size: 16px; color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; } /* Listen*/ ul, ul li, li { padding: 0px; list-style: none; font-size: 13px; color: #ffffff; line-height: 155%; } ul { margin: 0px 0px 25px 0px; } ol { margin: 0px 0px 25px 25px; padding: 0px 0px 0px 0px; } ol li { list-style-type:decimal; padding: 0px 0px 5px 0px; } ul li { background-image:url(img/listenpunkt.gif); background-repeat:no-repeat; background-position: 0px 8px; padding: 0px 0px 5px 12px; } /* SprungLink im Text */ a.SprungLink { background-image:url(img/pfeil_rot.gif); background-repeat:no-repeat; background-position: 0px 2px; padding: 0px 0px 0px 12px; text-decoration:none; color: #ffffff; } a.SprungLink:hover { text-decoration: none; color: #e92227; } /* TextLink im Text */ a.TextLink { text-decoration:none; color: #ffffff; } a.TextLink:hover { text-decoration: none; color: #e92227; } /* Dynamischer Buttonlink */ a.ButtonLink { height: 16px; display:inline-block; margin: 0px 0px 25px 0px; padding: 0px 0px 0px 0px; background-image:url(img/button.jpg); background-position: 0px 0px; background-repeat:no-repeat; cursor: pointer; } a.ButtonLink span { height: 15px; display:block; margin: 0px -4px 0px 0px; padding: 1px 10px 0px 18px; color: #ffffff; font-size: 11px; font-weight: normal; background-image:url(img/button-abschluss.jpg); background-position: right 0px; background-repeat:no-repeat; cursor: pointer; } a.ButtonLink:hover { background-image:url(img/button-hover.jpg); } a.ButtonLink:hover span { background-image:url(img/button-abschluss_hover.jpg); } /* Dynamischer Buttonlink */ div.ButtonLink { height: 16px; display:inline-block; margin: 0px 0px 25px 0px; padding: 0px 0px 0px 0px; background-image:url(img/button.jpg); background-position: 0px 0px; background-repeat:no-repeat; cursor: pointer; } div.ButtonLink span { height: 15px; display:block; margin: 0px -4px 0px 0px; padding: 1px 10px 0px 18px; color: #ffffff; font-size: 11px; font-weight: normal; background-image:url(img/button-abschluss.jpg); background-position: right 0px; background-repeat:no-repeat; cursor: pointer; } div.ButtonLink:hover { background-image:url(img/button-hover.jpg); } div.ButtonLink:hover span { background-image:url(img/button-abschluss_hover.jpg); } /* Website-Geruest */ div.Website { width: 100%; margin: 0px auto; } /* Daten-Tabellen background-color: #2f2f2f; border: 1px #707070 solid; */ table.DatenTabelle { margin: 10px 0px 10px 0px; border-left: 1px #707070 solid; } table.DatenTabelle b {font-size: 11px; } table.DatenTabelle td, table.DatenTabelle th { color: #ffffff; margin: 0px; padding: 10px; text-align:left; border-right: 1px #707070 solid; border-bottom: 1px #707070 solid; font-size: 11px; } table.DatenTabelle td {background-color: #2f2f2f; vertical-align: top; } table.DatenTabelle tr.HelleZeile td { background-color: #101010; } table.DatenTabelle td.leeresFeld {background-color: #101010;} table.DatenTabelle th { background-repeat:repeat-y; background-position: right; border-top: 1px #707070 solid; background-color: #101010; color: #ffffff !important; font-size: 13px; font-weight:bold; vertical-align:top; } table.DatenTabelle tr.Ueberschrift th { background-repeat:repeat-x; border-top: 1px #707070 solid; background-position: bottom; font-size: 13px; } table.DatenTabelle ul li { font-size: 11px; background-position: 0px 6px; } /* --- Teaser ---------------------------------------------------------------------------------- */ /* Teaser in der horizontalen TeaserLine */ div.TeaserLine { width: 990px; display:block; margin: 0px auto 100px auto; padding: 30px 0px 0px 0px; background-image:url(img/mainbox_unten.jpg); background-repeat:repeat-y; background-position: 0px 0px; } div.TeaserLineAbschluss { clear:both; width: 990px; height: 8px; margin: 10px 0px 0px 0px; display:block; background-image:url(img/mainbox_unten_abschluss.jpg); background-repeat:no-repeat; background-position: 0px 0px; background-color: #101010;} /* Teaseraufbau */ div.Teaser { width: 290px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 30px; float:left; } /* background-color: orange; */ /* Das Bild im Teaser */ a.BildBox { height: 80px; width: 120px; display:block; padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; float:left; background-image:url(img/bilderrahmen.jpg); background-position: 0px 0px; background-repeat: no-repeat; } a.BildBox img { height: 80px; width: 120px; display:block;} a.BildBox:hover { background-image:url(img/bilderrahmen_hover.jpg); } /* Die Links im Teaser */ div.Teaser span { display:block; padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px; float:right;} /* width: 130px; */ div.Teaser span a { margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; font-size: 13px; display:block; clear:both; line-height: 130%; background-repeat:no-repeat; color: #ffffff; } div.Teaser span a:hover { color: #e92227; } a.Level0 { background-image:url(img/pfeil_rot.gif); background-position: 0px 3px; margin: 0px 0px 0px 30px; padding: 0px 0px 20px 10px; width: 220px; font-weight:bold; display:block; line-height: 130%; clear:both; background-repeat:no-repeat; color: #ffffff; } a.Level0:hover {color: #e92227;} a#AktivierterLink { color: #e92227;} div.Teaser span a.Level1 { background-image:url(img/pfeil_rot.gif); background-position: 0px 4px; padding: 0px 0px 0px 10px; font-weight:bold; width: 120px; } /* */ div.Teaser span a.Level1Neu { background-image:url(img/pfeil_rot.gif); background-position: 0px 4px; padding: 0px 0px 0px 10px; font-weight:bold;} div.Teaser span a.Level1N { background-image:url(img/pfeil_rot.gif); background-position: 0px 4px; padding: 0px 0px 0px 10px; font-weight:normal;} /* width: 120px; */ div.Teaser span a.Level2 {background-image:url(img/pfeil_weiss.gif); background-position: 10px 4px; padding: 0px 0px 0px 20px; width: 110px;} /* 110 px */ div.Teaser span a.Level2N {background-image:url(img/pfeil_weiss.gif); background-position: 10px 4px; padding: 0px 0px 0px 20px; width: auto; } /* Level3 Links */ div.Teaser span div.Level3 { display:block; padding: 0px 0px 15px 20px; } div.Teaser span div.Level3 a.Level3 { font-size: 10px; font-weight:normal; float:left; margin: 0px 5px 0px 0px; text-decoration: underline; line-height: 155%; } div.Teaser span div.Level3 a.Level3:hover { font-weight:normal; text-decoration:none; } /* Vierer-Reihe */ div.VierTeaser div.Teaser { width: 215px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 30px; float:left; } div.VierTeaser div.Teaser a.BildBox { height: 80px; clear:both; width: 120px; display:block; padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; } div.VierTeaser div.Teaser span { width: 202px; display:block; padding: 10px 10px 10px 0px; margin: 0px 0px 0px 0px; } div.VierTeaser div.Teaser span a { height:auto; text-transform:none; margin: 0px 0px 5px 0px; font-size: 11px;} div.VierTeaser div.Teaser span a.Level1 { font-weight:bold;} div.VierTeaser div.Teaser span a.Level2 { font-weight:normal;} /* Fuenfer-Reihe */ div.FunfTeaser div.Teaser { width: 140px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 56px; float:left; } div.FunfTeaser div.ErsterTeaser { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 30px; float:left; } div.FunfTeaser div.LetzterTeaser { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 56px; float:left; } div.FunfTeaser div.Teaser a.BildBox { height: 80px; clear:both; width: 120px; display:block; padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; } div.FunfTeaser div.Teaser span { display:block; padding: 10px 10px 10px 0px; margin: 0px 0px 0px 0px; } div.FunfTeaser div.Teaser span a { height:auto; text-transform:none; margin: 0px 0px 5px 0px; font-size: 11px;} div.FunfTeaser div.Teaser span a.Level1 { font-weight:bold;} div.FunfTeaser div.Teaser span a.Level2 { font-weight:normal;} /* Popup - Downloads */ div.Popup { width: 990px; display:none; margin: 0px 0px 100px 0px; position:absolute; top: 120px; left: 50%; margin-left: -495px; z-index:5000; } div.Popup div.PopupHeader { width: 990px; height: 32px; display:block; background-image:url(img/popup_head.gif); background-repeat:no-repeat; background-position: 0px 0px; } div.Popup div.PopupHeader h1 { width: 866px; height: 24px; display:block; padding: 8px 12px 0px 12px; float:left; text-transform: uppercase; font-size: 11px; font-weight:bold; } div.Popup div.PopupHeader a { width: 76px; height: 24px; display:block; padding: 8px 12px 0px 12px; float:right; text-transform: uppercase; font-size: 11px; color: #ffffff; font-weight: bold; text-align:right; } div.Popup div.PopupHeader a:hover { color: #e92227; } div.Popup div.PopupBody { width: 990px; /* height: 547px; */ display:block; padding: 0px; background-image:url(img/popup_body.gif); background-repeat:repeat-y; background-position: 0px 0px; } div.Popup div.PopupFooter { width: 990px; height: 5px; display:block; background-image:url(img/popup_footer.gif); background-repeat:no-repeat; background-position: 0px 0px; } div.Popup div.PopupBody div.PopupInnen { width: 908px; /* height: 465px; */ margin: 1px 1px 1px 1px; padding: 30px 40px 10px 40px; display:block; float:left; background-image:url(content/popup/hg_download.jpg); background-repeat:no-repeat; background-position: right bottom; } div.Popup div.PopupBody div.PopupInnen h1 { font-weight: bold; font-size: 18px; text-transform:none; } div.Popup div.PopupBody div.PopupInnen a.Prospekt { height: 94px; display:inline-block; margin: 0px 0px 0px 0px; background-image:url(content/popup/download-prospekt.jpg); background-repeat:no-repeat; color: #ffffff; padding: 116px 0px 0px 175px; } div.Popup div.PopupBody div.PopupInnen a.Prospekt:hover { color: #e92227; } div.Popup div.PopupBody div.PopupInnen a.Prospekt span { color: #ffffff; font-size: 11px; display:block; padding: 5px 0px 0px 0px; } div.Popup div.PopupBody div.PopupInnen a.Prospekt:hover span { color: #e92227; } /* Be Top. */ div.HG_Downloads { background-image:url(content/popup/hg_download.jpg); background-repeat:no-repeat; background-position: 380px bottom; } /* PDF-Link */ a.PDF { height: 15px; display:block; font-size: 11px; color: #ffffff; font-weight: normal; line-height: 135%; padding: 2px 0px 0px 20px; margin: 10px 0px 0px 0px; background-image:url(img/icon_pdf.png); background-repeat:no-repeat; background-position: left top; } a.PDF:hover { display:block; font-size: 11px; color: #e92227; background-position: left bottom; } /* Downloads */ div.DownloadTabelle { width: 594px; display:block; margin: 50px 30px 50px 0px; padding: 0px 0px 0px 0p; } div.DownloadTabelle table { border: 0px; border-left: 1px #707070 solid; border-top: 1px #707070 solid; margin: 10px 0px 15px 0px; } div.DownloadTabelle table tr {} div.DownloadTabelle table tr td { border: 0px; color: #ffffff; border-right: 1px #707070 solid; border-bottom: 1px #707070 solid; padding: 5px 8px 5px 8px; font-size: 11px; line-height: 135%; vertical-align:top; } div.DownloadTabelle table tr.Hell td, div.DownloadTabelle table tr td.Hell, div.DownloadTabelle table tr th { border: 0px; font-size: 11px; color: #ffffff; line-height: 135%; text-align:left; background-color: #2f2f2f; vertical-align:top; padding: 5px 8px 5px 8px; font-weight: normal; border-right: 1px #707070 solid; border-bottom: 1px #707070 solid; } div.DownloadTabelle table tr .DownloadKasten { background-image:url(img/headline-pfeil.gif); background-position: 10px 6px; background-repeat:no-repeat; padding: 5px 5px 3px 20px; } div.DownloadTabelle table tr .DownloadKasten img { display:block; clear:both; margin: 5px 0px 0px 0px; } div.DownloadTabelle a.PDF { margin: 5px 0px 20px 0px; padding: 0px 0px 2px 18px; } /* Overlay */ #overlay {position: fixed; z-index: 2000; top: 0px; left: 0px; width: 100%; height: 100%; display: block; } .overlayBG { position: absolute; background-color: #000000; -ms-filter: "Alpha(Opacity=75)"; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } /* --- Aktuelles-Presse Teaser ---------------------------------------------------------------------------------- */ /* Teaser in der horizontalen TeaserLine */ /* als Rahmen wird die allgemiene "TeaserLine" verwendet! */ /* Teaseraufbau */ a.PresseTeaser { width: 930px; display:block; margin: 0px 0px 30px 0px; padding: 0px 30px 15px 30px; float:left; background-image: url(img/trenner_quer.gif); background-repeat:repeat-x; background-position: bottom; cursor: pointer; } * html a.PresseTeaser { width: 925px; } a#LastTeaser { background-image: none; margin-bottom: 0px !important; } /* Das Bild im Teaser */ a.PresseTeaser div.BildBox { height: 80px; width: 120px; display:block; padding: 10px 10px 10px 10px; margin: 0px 0px 15px 0px; float:left; background-image:url(img/bilderrahmen.jpg); background-position: 0px 0px; background-repeat: no-repeat; } a.PresseTeaser div.BildBox img { height: 80px; margin: 0px auto; display:block;} a.PresseTeaser:hover div.BildBox { background-image:url(img/bilderrahmen_hover.jpg); } /* Die Links im Teaser */ a.PresseTeaser span { width: 765px; display:block; padding: 0px 0px 10px 15px; margin: 0px 0px 0px 0px; float:left;} a.PresseTeaser span b {width: 765px; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 10px; font-size: 13px; display:block; clear:both; line-height: 130%; background-repeat:no-repeat; color: #ffffff; background-image:url(img/pfeil_rot.gif); background-position: 0px 4px; font-weight:bold; text-decoration: none; } a.PresseTeaser:hover span b { text-decoration: none; color: #e92227; } a.PresseTeaser span p {width: 765px; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; font-size: 13px; display:block; clear:both; line-height: 155%; background-repeat:no-repeat; color: #ffffff; text-decoration: none; } a.PresseTeaser:hover span p { text-decoration: none; } /* --- Engagement-Presse Teaser ---------------------------------------------------------------------------------- */ /* Teaser in der horizontalen TeaserLine */ /* als Rahmen wird die allgemiene "TeaserLine" verwendet! */ /* Teaseraufbau */ div.PresseTeaser { width: 930px; display:block; margin: 0px 0px 30px 0px; padding: 0px 30px 15px 30px; float:left; background-image: url(img/trenner_quer.gif); background-repeat:repeat-x; background-position: bottom; } * html div.PresseTeaser { width: 925px; } div#LastTeaser { background-image: none; margin-bottom: 0px; } /* Das Bild im Teaser */ div.PresseTeaser div.BildBox { height: 80px; width: 120px; display:block; padding: 10px 10px 10px 10px; margin: 0px 0px 15px 0px; float:left; background-image:url(img/bilderrahmen.jpg); background-position: 0px 0px; background-repeat: no-repeat; } div.PresseTeaser div.BildBox img { height: 80px; display:block; margin: 0px auto;} /* Die Links im Teaser */ div.PresseTeaser span { width: 765px; display:block; padding: 0px 0px 10px 15px; margin: 0px 0px 0px 0px; float:left;} div.PresseTeaser span b {width: 765px; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; font-size: 13px; display:block; clear:both; line-height: 130%; background-repeat:no-repeat; color: #ffffff; font-weight:bold; text-decoration: none; } div.PresseTeaser span p {width: 765px; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; font-size: 13px; display:block; clear:both; line-height: 155%; background-repeat:no-repeat; color: #ffffff; text-decoration: none; } /* --- UnternehmensgrundsaetzeBox Teaser ---------------------------------------------------------------------------------- */ /* Teaseraufbau */ div.UnternehmensgrundsaetzeBox { width: 930px; display:block; margin: 0px 0px 30px 0px; padding: 0px 30px 15px 30px; float:left; background-image: url(img/trenner_quer.gif); background-repeat:repeat-x; background-position: bottom; } * html div.UnternehmensgrundsaetzeBox { width: 925px; margin: 0px 0px 0px 0px; padding: 15px 30px 15px 30px; } *+html div.UnternehmensgrundsaetzeBox { margin: 0px 0px 0px 0px; padding: 15px 30px 15px 30px; } div.UnternehmensgrundsaetzeBox span { width: 765px; display:block; padding: 0px 0px 10px 15px; margin: 0px 0px 0px 0px; float:left;} div.UnternehmensgrundsaetzeBox span b {width: 765px; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; font-size: 13px; display:block; clear:both; line-height: 130%; background-repeat:no-repeat; color: #ffffff; font-weight:bold; text-decoration: none; } div.UnternehmensgrundsaetzeBox span p {width: 765px; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; font-size: 13px; display:block; clear:both; line-height: 155%; background-repeat:no-repeat; color: #ffffff; text-decoration: none; } div.UnternehmensgrundsaetzeBox span ul { margin-bottom: 0px; padding-bottom: 0px; } /* Aufzaehlungen für die Unternehmensgrundsaetze */ div.UnternehmensgrundsaetzeBox div.GrundsatzZaehler { font-size: 32px; font-weight: bold; width: 40px; display:block; padding: 0px 10px 10px 10px; margin: 0px 0px 0px 0px; float:left; line-height:100%; } div.UnternehmensgrundsaetzeBox div.GrundsatzZaehler img { height: 80px; display:block; margin: 0px auto;} /* SynergieTeaser */ div.Synergie { padding: 30px 0px 0px 30px; margin: 0px 0px 0px 0px; } a.SynergieTeaser { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; cursor: pointer; } a.SynergieTeaser h2 { background-image:url(img/pfeil_rot.gif); background-position: 0px 5px; background-repeat:no-repeat; padding: 0px 0px 0px 10px; color: #ffffff; } a.SynergieTeaser:hover h2 { color: #e92227; cursor: pointer; } a.SynergieTeaser img { float:left; } a.SynergieTeaser span { width: 270px; display:block; margin: 0px 0px 0px 15px; float:left; padding: 0px 0px 10px 0px; cursor: pointer; } /* --- Unternehmen Teaser ---------------------------------------------------------------------------------- */ /* Teaseraufbau */ a.UnternehmensTeaser { width: 420px; display:block; margin: 30px 0px 0px 0px; padding: 0px 30px 15px 30px; float:left; background-repeat:repeat-x; background-position: bottom; cursor: pointer; } * html a.UnternehmensTeaser { width: 420px; } a.LastUnternehmensTeaser {margin: 30px 0px 30px 0px;} a.NeueZeile { clear:both; } /* Das Bild im Teaser */ a.UnternehmensTeaser div.BildBox { height: 80px; width: 120px; display:block; padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; float:left; background-image:url(img/bilderrahmen_ohne.jpg); background-position: 0px 0px; background-repeat: no-repeat; text-align:center; } a.UnternehmensTeaser div.BildBox img { height: 80px; display:block; margin: 0px auto;} a.UnternehmensTeaser:hover div.BildBox { background-image:url(img/bilderrahmen_ohne_hover.jpg); } /* Die Links im Teaser */ a.UnternehmensTeaser span { width: 255px; display:block; padding: 0px 0px 10px 15px; margin: 0px 0px 0px 0px; float:left;} a.UnternehmensTeaser span b {width: 255px; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 10px; font-size: 13px; display:block; clear:both; line-height: 130%; background-repeat:no-repeat; color: #ffffff; background-image:url(img/pfeil_rot.gif); background-position: 0px 4px; font-weight:bold; text-decoration: none; } a.UnternehmensTeaser:hover span b { text-decoration: none; color: #e92227; } a.UnternehmensTeaser span p {width: 255px; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 10px; font-size: 13px; display:block; clear:both; line-height: 155%; background-repeat:no-repeat; color: #ffffff; text-decoration: none; } a.UnternehmensTeaser:hover span p { text-decoration: none; } /* --- Dropdown ---------------------------------------------------------------------------------- */ /* Standard-Dropdown (4-spaltig) */ div.Navigation div.Dropdown { width: 995px; display:none; margin: 0px 0px 0px -500px; padding: 30px 0px 30px 5px; top: 83px; left: 50%; position:absolute; z-index: 9000; background-image:url(img/dropdown_hg.png); background-position: top center; background-repeat:no-repeat; } * html div.Navigation div.Dropdown { background-image:url(img/dropdown_hg.jpg); background-position: top 5px; } /* Dropdown 5 spaltig - Untrernehmen */ div.Navigation div.FunfTeaser { background-image:url(img/dropdown-aktuelles_hg.png); } * html div.Navigation div.FunfTeaser { background-image:url(img/dropdown-aktuelles_hg.jpg); background-position: top 5px; } div.Navigation div.FunfTeaser div.Teaser { width: 140px; display:block; margin: 0px 0px 0px 0px; padding: 0px 30px 0px 27px; float:left; } div.Navigation div.FunfTeaser div.ErsterTeaser { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float:left; } div.Navigation div.FunfTeaser div.LetzterTeaser { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float:left; } div.Navigation div.FunfTeaser div.Teaser a.BildBox { height: 80px; clear:both; width: 120px; display:block; padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; } div.Navigation div.FunfTeaser div.Teaser span { display:block; padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; float:left; } div.Navigation div.FunfTeaser div.Teaser span a.Level1 { font-weight:bold;} /* Navi-Anpassung fuer alle */ div.Navigation div.Dropdown { background-image:url(img/dropdown-aktuelles_hg.png); } * html div.Navigation div.Dropdown { background-image:url(img/dropdown-aktuelles_hg.jpg); background-position: top 5px; } div.Navigation div.Dropdown div.Teaser { width: 140px; display:block; margin: 0px 0px 0px 0px; padding: 0px 30px 0px 27px; float:left; } div.Navigation div.Dropdown div.ErsterTeaser { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float:left; } div.Navigation div.Dropdown div.LetzterTeaser { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float:left; } div.Navigation div.Dropdown div.Teaser a.BildBox { height: 80px; clear:both; width: 120px; display:block; padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; } div.Navigation div.Dropdown div.Teaser span { display:block; padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; float:left; } div.Navigation div.Dropdown div.Teaser span a.Level1 { font-weight:bold;} /* Die LangVersion (Aktuelles, 1 spaltig) des Dropdown */ div.Navigation div.Langversion { background-image:url(img/dropdown-aktuelles_hg.png); } * html div.Navigation div.Langversion { background-image:url(img/dropdown-aktuelles_hg.jpg); background-position: top 5px; } /* Der Dropdown-Abschluss */ div.DropdownAbschluss {width: 1000px; height: 20px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear:both; position:absolute; bottom: 0px; left: 0px; background-image:url(img/dropdown-footer_hg.gif); background-position: top center; background-repeat:no-repeat; } *+html div.DropdownAbschluss {margin: 30px 0px 0px 0px;} * html div.DropdownAbschluss {margin: 30px 0px 0px 0px;} /* Teaser Innerhalb des Klappmenues */ div.Dropdown div.Teaser { width: 215px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 30px; float:left; } div.Dropdown div.Teaser a.BildBox { height: 80px; clear:both; width: 120px; display:block; padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; } div.Dropdown div.Teaser span { width: 205px; display:block; padding: 10px 10px 10px 0px; margin: 0px 0px 0px 0px; } div.Dropdown div.Teaser span a { height:auto; text-transform:none; margin: 0px 0px 5px 0px; font-size: 11px;} div.Dropdown div.Teaser span a.Level1 { font-weight:bold;} div.Dropdown div.Teaser span a.Level2 { font-weight:normal;} /* Teaser Innerhalb des Klappmenues: Abwandlung für Aktuelles (1-spaltig) */ div.Dropdown div.AktuellesTeaser { width: 950px; display:block; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 30px; float:left; } div.Dropdown div.AktuellesTeaser a.BildBox { height: 80px; float: left; width: 120px; display:block; padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; } div.Dropdown div.AktuellesTeaser span { width: 780px; display:block; float:left; padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px; } div.Dropdown div.AktuellesTeaser span a { width: 780px; height:auto; text-transform:none; margin: 0px 0px 5px 0px; font-size: 11px; display:block; padding: 0px 0px 0px 0px; display:block; clear:both; line-height: 130%; background-repeat:no-repeat; color: #ffffff;} div.Dropdown div.AktuellesTeaser span a:hover { color: #e92227;} div.Dropdown div.AktuellesTeaser span a.Level1 { font-weight:bold; background-image:url(img/pfeil_rot.gif); background-position: 0px 4px; padding: 0px 0px 0px 10px;} div.Dropdown div.AktuellesTeaser span a.Level2 { font-weight:normal; background-image:url(img/pfeil_weiss.gif); background-position: 0px 4px; padding: 0px 0px 0px 10px;} /* --- Header ---------------------------------------------------------------------------------- */ /* Website-Geruest */ div.Header { width: 1000px; height: 85px; display:block; margin: 0px auto; padding: 0px 0px 0px 0px; z-index: 7000; } /* Die Haupt-Navigation (Dropdownmenue) */ div.Navigation { width: 900px; height: 40px; display:block; margin: 0px 0px 0px 0px; padding: 45px 0px 0px 0px; float:left; z-index: 8000; } div.Navigation a { height: 40px; display:block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left; font-size: 13px; font-weight: bold; text-transform:uppercase; color: #ffffff; } div.Navigation a span { height: 30px; display:block; float:left; padding: 10px 20px 0px 20px; margin: 0px 0px 0px 0px; font-size: 13px; font-weight: bold; text-transform:uppercase; color: #ffffff; cursor: pointer; line-height: 160%; } div.Navigation a:hover span { color: #e92227; } div.Navigation a.Aktiviert span, div.Navigation a.Aktiviert:hover span { color: #e92227; } div.Navigation a.Hovert, div.Navigation a.Hovert:hover { background-image:url(img/reiter.jpg); background-position: bottom left; background-repeat:no-repeat; } div.Navigation a.Hovert span { background-image:url(img/reiter-abschluss.jpg); background-repeat:no-repeat; background-position: bottom right; } /* Das FLG-Logo */ a.FLG-Logo { width: 72px; height: 60px; display:block; margin: 12px 5px 0px 0px; padding: 0px 0px 0px 0px; float:right; position: relative; z-index: 999; } /* Die Brotkrumen-Navigation */ div.Breadcrumb { width: 990px; height: 21px; display:block; margin: 0px auto; padding: 13px 0px 5px 0px; } div.Breadcrumb a { font-size: 11px; font-weight: normal; color: #ffffff; margin: 0px 5px 0px 0px; padding: 0px 15px 0px 0px; background-image:url(img/breadcrumb-trenner.gif); background-repeat:no-repeat; background-position: right 7px; } div.Breadcrumb a:hover { color: #e92227; } div.Breadcrumb a.Aktiviert { font-weight: bold; padding: 0px 0px 0px 0px; background-image:none; } /* --- Unterseite - Rubriken, Ebene 2 ---------------------------------------------------------------------------------- */ /* Das Rubrikbild */ div.RubrikBild { width: 990px; height: 375px; display:block; margin: 0px auto; padding: 0px 0px 0px 0px; border-bottom: 1px #7a7a7a solid; background-image:url(img/rubrikbild_hg.jpg); background-repeat:no-repeat; background-position: 0px 0px; } /* --- Unterseite - Rubriken, Ebene 2 - animiert ---------------------------------------------------------------------------------- */ /* Fehler-Seite */ div.RubrikFehler { width: 870px; height: 315px; margin: 0px auto; padding: 60px 60px 0px 60px; border-bottom: 1px #7a7a7a solid; background-color: #101010; background-image:url(img/fehler.jpg); background-position: 0px 0px; background-repeat:no-repeat; position: relative; top: 0px; left: 50%; margin-left: -495px; } div.RubrikFehler h1 { font-size: 26px; font-weight: normal; margin-bottom: 0px; padding-bottom: 0px; } div.RubrikFehler h1 b { font-size: 30px; font-weight: bold; } div.RubrikFehler p { font-size: 13px; font-weight: normal; line-height: 165%; margin-top: 0px; padding-top: 10px; } /* Das RubrikKarusell */ div.RubrikKarusell { width: 990px; height: 375px; margin: 0px auto; padding: 0px 0px 0px 0px; border-bottom: 1px #7a7a7a solid; background-color: #101010; background-image:url(img/rubrikbild_hg.jpg); background-position: 0px 0px; background-repeat:no-repeat; position: relative; top: 0px; left: 50%; margin-left: -495px; } div.RubrikKarusell ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px; list-style: none; list-style-type: none; } div.RubrikKarusell ul li { margin: 0px 0px 0px 0px; border: 0px; list-style: none; list-style-type: none; } div.RubrikKarusell .container { float: left; width: 870px !important; height: 255px; margin: 0px 0px 0px 0px; padding: 60px 60px 60px 60px; background-position: 0px 0px; background-repeat: no-repeat; display: none; } div.RubrikKarusell .container h1 { font-size: 26px; font-weight: normal; } div.RubrikKarusell .container h1 b { font-size: 30px; font-weight: bold; } div.RubrikKarusell .container p { font-size: 16px; font-weight: bold; } /* Unternehmens-Karusell */ div.RubrikKarusell #null { background-image:url(content/unternehmensgruppe/unternehmensgruppe1.jpg); } div.RubrikKarusell #eins { background-image:url(content/unternehmensgruppe/unternehmensgruppe2.jpg); } div.RubrikKarusell #zwei { background-image:url(content/unternehmensgruppe/unternehmensgruppe3.jpg); } div.RubrikKarusell #drei { background-image:url(content/unternehmensgruppe/unternehmensgruppe4.jpg); } div.RubrikKarusell #vier { background-image:url(content/unternehmensgruppe/unternehmensgruppe5.jpg); } div#Unternehmen .nullMitText { background-image:url(content/unternehmensgruppe/unternehmensgruppe_mit1.jpg); } div#Unternehmen .einsMitText { background-image:url(content/unternehmensgruppe/unternehmensgruppe_mit2.jpg); } div#Unternehmen .zweiMitText { background-image:url(content/unternehmensgruppe/unternehmensgruppe_mit3.jpg); } div#Unternehmen .dreiMitText { background-image:url(content/unternehmensgruppe/unternehmensgruppe_mit4.jpg); } div#Unternehmen .vierMitText { background-image:url(content/unternehmensgruppe/unternehmensgruppe_mit5.jpg); } div#Unternehmen .ennullMitText { background-image:url(content/unternehmensgruppe/unternehmensgruppe_mit1_en.jpg); } div#Unternehmen .eneinsMitText { background-image:url(content/unternehmensgruppe/unternehmensgruppe_mit2_en.jpg); } div#Unternehmen .enzweiMitText { background-image:url(content/unternehmensgruppe/unternehmensgruppe_mit3_en.jpg); } div#Unternehmen .endreiMitText { background-image:url(content/unternehmensgruppe/unternehmensgruppe_mit4_en.jpg); } div#Unternehmen .envierMitText { background-image:url(content/unternehmensgruppe/unternehmensgruppe_mit5_en.jpg); } /* Karriere-Karusell */ div#Karriere .null { background-image:url(content/karriere/karusell_manager.jpg); } div#Karriere .eins { background-image:url(content/karriere/karusell_managerin.jpg); } div#Karriere .zwei { background-image:url(content/karriere/karusell_azubi.jpg); } div#Karriere .drei { background-image:url(content/karriere/karusell_international.jpg); } div#Karriere .vier { background-image:url(content/karriere/karusell_techniker.jpg); } /* Arbeiten bei uns Karusell */ div#Arbeiten .Arbeiten0 { background-image:url(content/karriere/arbeiten-bei-uns__0.jpg); } div#Arbeiten .Arbeiten1 { background-image:url(content/karriere/arbeiten-bei-uns__1.jpg); } div#Arbeiten .Arbeiten2 { background-image:url(content/karriere/arbeiten-bei-uns__2.jpg); } div#Arbeiten .Arbeiten3 { background-image:url(content/karriere/arbeiten-bei-uns__3.jpg); } div#Arbeiten .Arbeiten4 { background-image:url(content/karriere/arbeiten-bei-uns__4.jpg); } div#Arbeiten .Arbeiten5 { background-image:url(content/karriere/arbeiten-bei-uns__5.jpg); } div#Arbeiten .Arbeiten6 { background-image:url(content/karriere/arbeiten-bei-uns__6.jpg); } div#Arbeiten .Arbeiten7 { background-image:url(content/karriere/arbeiten-bei-uns__7.jpg); } /* Die Manuelle Steuerung der Animation */ div.ManuelleSteuerung { width: 830px; height: 95px; display:block; position: absolute; top: 385px; left: 50%; margin-left: -360px; z-index: 4000; } div.ManuelleSteuerung a { height: 95px; display:block; margin: 0px -1px 0px 0px; float: left; background-position: 0px 0px; background-repeat:no-repeat; } div.ManuelleSteuerung a.HighlightReiter0 { width: 140px; background-image: url(content/unternehmensgruppe/reiter0.png); } div.ManuelleSteuerung a.HighlightReiter0:hover, div.ManuelleSteuerung span.activeSlide a.HighlightReiter0 {background-image: url(content/unternehmensgruppe/reiter0_hover.png); } div.ManuelleSteuerung a.HighlightReiter1 { width: 141px; background-image: url(content/unternehmensgruppe/reiter1.png); } div.ManuelleSteuerung a.HighlightReiter1:hover, div.ManuelleSteuerung span.activeSlide a.HighlightReiter1 {background-image: url(content/unternehmensgruppe/reiter1_hover.png); } div.ManuelleSteuerung a.HighlightReiter2 { width: 148px; background-image: url(content/unternehmensgruppe/reiter2.png); } div.ManuelleSteuerung a.HighlightReiter2:hover, div.ManuelleSteuerung span.activeSlide a.HighlightReiter2 {background-image: url(content/unternehmensgruppe/reiter2_hover.png); } div.ManuelleSteuerung a.HighlightReiter3 { width: 234px; background-image: url(content/unternehmensgruppe/reiter3.png); } div.ManuelleSteuerung a.HighlightReiter3:hover, div.ManuelleSteuerung span.activeSlide a.HighlightReiter3 {background-image: url(content/unternehmensgruppe/reiter3_hover.png); } div.ManuelleSteuerung a.HighlightReiter4 { width: 162px; background-image: url(content/unternehmensgruppe/reiter4.png); } div.ManuelleSteuerung a.HighlightReiter4:hover, div.ManuelleSteuerung span.activeSlide a.HighlightReiter4 {background-image: url(content/unternehmensgruppe/reiter4_hover.png); } /* Anpassung für den IE6 */ * html div.ManuelleSteuerung a.HighlightReiter0 { width: 140px; background-image: url(content/unternehmensgruppe/reiter0.gif); } * html div.ManuelleSteuerung a.HighlightReiter0:hover, * html div.ManuelleSteuerung span.activeSlide a.HighlightReiter0 {background-image: url(content/unternehmensgruppe/reiter0_hover.gif); } * html div.ManuelleSteuerung a.HighlightReiter1 { width: 141px; background-image: url(content/unternehmensgruppe/reiter1.gif); } * html div.ManuelleSteuerung a.HighlightReiter1:hover, * html div.ManuelleSteuerung span.activeSlide a.HighlightReiter1 {background-image: url(content/unternehmensgruppe/reiter1_hover.gif); } * html div.ManuelleSteuerung a.HighlightReiter2 { width: 148px; background-image: url(content/unternehmensgruppe/reiter2.gif); } * html div.ManuelleSteuerung a.HighlightReiter2:hover, * html div.ManuelleSteuerung span.activeSlide a.HighlightReiter2 {background-image: url(content/unternehmensgruppe/reiter2_hover.gif); } * html div.ManuelleSteuerung a.HighlightReiter3 { width: 234px; background-image: url(content/unternehmensgruppe/reiter3.gif); } * html div.ManuelleSteuerung a.HighlightReiter3:hover, * html div.ManuelleSteuerung span.activeSlide a.HighlightReiter3 {background-image: url(content/unternehmensgruppe/reiter3_hover.gif); } * html div.ManuelleSteuerung a.HighlightReiter4 { width: 162px; background-image: url(content/unternehmensgruppe/reiter4.gif); } * html div.ManuelleSteuerung a.HighlightReiter4:hover, * html div.ManuelleSteuerung span.activeSlide a.HighlightReiter4 {background-image: url(content/unternehmensgruppe/reiter4_hover.gif); } /* --- Unterseite - Rubriken, Ebene 2 - Aktuelles ---------------------------------------------------------------------------------- */ a.TopNews { width: 320px; height: 75px; display:block; padding: 20px 0px 0px 20px; position: absolute; top: 385px; left: 50%; margin-left: 135px; z-index: 1000; background-image:url(img/aktuellesteaserbox.png); background-position: 0px 0px; background-repeat:no-repeat; cursor: pointer; } a.TopNews b { color: #ffffff; } a.TopNews p { width: 230px; display: block; text-decoration: none; } a.TopNews:hover { background-image:url(img/aktuellesteaserbox_hover.png); } a.TopNews:hover b {color: #e92227; } a.TopNews:hover p { text-decoration: none; } * html a.TopNews { background-image:url(img/aktuellesteaserbox.gif); } * html a.TopNews:hover { background-image:url(img/aktuellesteaserbox_hover.gif); } a.TopNewsEN { width: 320px; height: 75px; display:block; padding: 20px 0px 0px 20px; position: absolute; top: 385px; left: 50%; margin-left: 135px; z-index: 1000; background-image:url(img/aktuellesteaserbox_en.png); background-position: 0px 0px; background-repeat:no-repeat; cursor: pointer; } a.TopNewsEN b { color: #ffffff; } a.TopNewsEN p { width: 230px; display: block; text-decoration: none; } a.TopNewsEN:hover { background-image:url(img/aktuellesteaserbox_en_hover.png); } a.TopNewsEN:hover b {color: #e92227; } a.TopNewsEN:hover p { text-decoration: none; } * html a.TopNewsEN { background-image:url(img/aktuellesteaserbox_en.gif); } * html a.TopNewsEN:hover { background-image:url(img/aktuellesteaserbox_en_hover.gif); } /* TopNews NICHT verlinkt */ div.TopNews { width: 320px; height: 75px; display:block; padding: 20px 0px 0px 20px; position: absolute; top: 385px; left: 50%; margin-left: 135px; z-index: 4000; background-image:url(img/aktuellesteaserbox_ohne.png); background-position: 0px 0px; background-repeat:no-repeat; } div.TopNews b { color: #ffffff; } div.TopNews p { width: 280px; display: block; text-decoration: none; } * html div.TopNews { background-image:url(img/aktuellesteaserbox_ohne.gif); } a.TopNewsMini { width: 320px; height: 75px; display:block; padding: 20px 0px 0px 20px; position: absolute; top: 250px; left: 50%; margin-left: 135px; z-index: 1000; background-image:url(img/aktuellesteaserbox_ohne.png); background-position: 0px 0px; background-repeat:no-repeat; cursor: pointer; } a.TopNewsMini b { color: #ffffff; } a.TopNewsMini p { width: 230px; display: block; text-decoration: none; } * html a.TopNewsMini { background-image:url(img/aktuellesteaserbox_ohne.gif); } /* TopNews NICHT verlinkt */ div.TopNewsMini { width: 320px; height: 75px; display:block; padding: 20px 0px 0px 20px; position: absolute; top: 250px; left: 50%; margin-left: 135px; z-index: 4000; background-image:url(img/aktuellesteaserbox_ohne.png); background-position: 0px 0px; background-repeat:no-repeat; } div.TopNewsMini b { color: #ffffff; } div.TopNewsMini p { width: 280px; display: block; text-decoration: none; } * html div.TopNewsMini { background-image:url(img/aktuellesteaserbox_ohne.gif); } /* --- Unterseite - Detailseite, Ebene 3 - schmales Bild ein- und zweispaltig ---------------------------------------------------------------------------------- */ /* Das Rubrikbild */ div.UnterseitenBild { width: 990px; height: 230px; display:block; margin: 0px auto; padding: 0px 0px 0px 0px; border-bottom: 1px #7a7a7a solid; background-image:url(img/header.jpg); background-repeat:no-repeat; background-position: 0px 0px; } div.DiagrammBild { width: 990px; height: 425px; display:block; margin: 0px auto; padding: 0px 0px 0px 0px; border-bottom: 1px #7a7a7a solid; background-image:url(img/rubrikbild_hg.jpg); background-repeat:no-repeat; background-position: 0px 0px; } /* ContentBereich */ div.ContentBereich { width: 990px; display:block; margin: 0px auto 110px auto; padding: 0px 0px 0px 0px; background-image:url(img/mainbox_unten.jpg); background-repeat:repeat-y; background-position: 0px 0px; } * html div.ContentBereich {margin: 0px auto 0px auto;} div.ContentBereichAbschluss { width: 990px; height: 8px; margin: 0px 0px 0px 0px; display:block; background-image:url(img/mainbox_unten_abschluss.jpg); background-repeat:no-repeat; background-position: 0px 0px; background-color: #101010; clear:both; } *+html div.ContentBereichAbschluss { margin: 0px 0px 0px 0px; background-color: #101010; } * html div.ContentBereichAbschluss { margin: 0px 0px 0px 0px; background-color: #101010; } /* Formatierung für alle ContentBereiche (ein- und zweispaltig) */ div.Content { padding: 30px 30px 30px 30px; } div.Content p img { float:left; margin: 0px 10px 10px 0px; } div.Content h1 { text-transform:none; } /* die Graue HighlightBox */ div.HighlightBox { width: 100%; display:block; margin: 5px 0px 0px 0px; padding: 15px 15px 0px 15px; background-color: #2f2f2f; border: 1px #707070 solid; } div.ContentBereich div.HighlightBox { width: 900px;} div.Zweispaltig div.LinkeSpalte div.HighlightBox { width: 500px;} * html div.Zweispaltig div.LinkeSpalte div.HighlightBox { width: 495px;} div.Zweispaltig div.RechteSpalte div.HighlightBox { width: 310px;} div.HighlightBox ul { margin: 10px 0px 20px 0px; } div.HighlightBox p { margin: 5px 0px 5px 0px; } div.HighlightBox h2 { margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; } div.Addon { border-top: none; } div.RechteSpalte div.Addon { border-top: none; margin: 0px 0px 0px 0px; } /* Optional: zweispaltig */ div.Zweispaltig { background-image:url(img/zweispaltig_hg.jpg); } div.Zweispaltig div.ContentBereichAbschluss { background-image:url(img/zweispaltig_abschluss.jpg); } div.Zweispaltig div.LinkeSpalte { width: 300px; display:block; float:left; } div.Zweispaltig div.RechteSpalte { width: 680px; display:block; float:right; } /* Teaseranpassung in der rechten Spalte */ div.Zweispaltig div.TeaserLine { width: 300px; margin: 0px 0px 0px 0px; background-image:none; } div.Zweispaltig div.TeaserLine div.Teaser h2 { display:block; margin: 30px 0px 10px 0px; clear:both; } div.Zweispaltig div.TeaserLine div.Teaser p { display: block; clear:both; margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; } div.Zweispaltig div.Teaser { width: 370px; display: block; clear:both; padding: 0px 0px 30px 30px; margin: 0px 0px 0px 0px; } div.Zweispaltig div.Teaser a.BildBox { margin: 0px 15px 0px 0px; } div.Zweispaltig div.Teaser span { float:left; padding: 0px 0px 0px 0px; } /* Trennstriche */ div.TrennStrich { background-image:url(img/trenner_quer.gif) !important; background-repeat:repeat-x; background-position:bottom; } div.TrennStrichOben { background-image:url(img/trenner_quer.gif) !important; background-repeat:repeat-x; background-position:top; } /* --- Unterseite - Detailseite, Ebene 3 - schmales Bild ein- und zweispaltig ---------------------------------------------------------------------------------- */ /* Das Rubrikbild */ div.KeinBildLippe { width: 990px; height: 8px; display:block; margin: 0px auto; padding: 0px 0px 0px 0px; background-image:url(img/rubrikbild_hg.jpg); background-repeat:no-repeat; background-position: 0px 0px; } div.Zweispaltig div.KeinBildLippe { background-image:url(img/rubrikbild_hg_zweispaltig.jpg); } /* --- Unterseite - Aktuelles-Detailseite - Ebene 2 ---------------------------------------------------------------------------------- */ /* Das Hauptbild */ a.HauptbildBox { width: 510px; display:block; padding: 10px 10px 10px 10px; margin: -10px 0px 30px 0px; background-image:url(img/hauptbildbox.jpg); background-position: 0px 0px; background-repeat: no-repeat; } * html a.HauptbildBox { width: 508px; } a.HauptbildBox img { width: 510px; display:block; margin: 0px auto; } * html a.HauptbildBox img { width:508px; } a.HauptbildBox:hover { background-image:url(img/hauptbildbox_hover.jpg); } /* Download-Absatz */ p.DownloadAbsatz a.SprungLink { display:block; clear:both; margin: 0px 0px 5px 0px; } /* Das Bild im Teaser */ div.DownloadbareBilder { padding: 0px 0px 0px 30px; margin: 0px 0px -20px 0px; } div.DownloadbareBilder a.BildBox { height: 80px; width: 120px; display:block; padding: 10px 10px 10px 10px; margin: 20px 30px 10px 0px; float:left; background-image:url(img/bilderrahmen_ohne.jpg); background-position: 0px 0px; background-repeat: no-repeat; text-align:center; } div.DownloadbareBilder a.BildBox img { height: 80px; margin: 0px auto; display:block; width:auto; } div.DownloadbareBilder a.BildBox:hover { background-image:url(img/bilderrahmen_ohne_hover.jpg); } /* --- Startseite ---------------------------------------------------------------------------------- */ /* Hauptanimation - Startseite */ div.Karusell { width: 990px; height:452px; display:block; position: relative; top: 30px; left: 50%; margin-left: -495px; } * html div.Karusell { margin-bottom: 60px; } div.Karusell .container { width: 870px !important; height: 332px; padding: 60px 60px 60px 60px; background-position: 0px 0px; background-repeat: no-repeat; display: none; } div.Karusell .container h1 { font-size: 26px; font-weight: normal; } div.Karusell .container h1 b { font-size: 30px; font-weight: bold; } div.Karusell .container p { font-size: 16px; font-weight: bold; } div.Karusell .null { background-image:url(content/startseite/null.jpg); } div.Karusell .eins { background-image:url(content/startseite/eins.jpg); } div.Karusell .zwei { background-image:url(content/startseite/zwei.jpg); } div.Karusell .drei { background-image:url(content/startseite/drei.jpg); } div.Karusell .vier { background-image:url(content/startseite/vier.jpg); } /* TopArbeitgeber in der Hauptanimation */ div.TopArbeitgeber { width: 151px; height: 75px; display:block; background-image:url(img/toparbeitgeber_2011.png); background-repeat:no-repeat; background-position:bottom left; } * html div.TopArbeitgeber { background-image:url(img/toparbeitgeber_2011.gif); } div.TopArbeitgeber2013 { width: 190px; height: 86px; display:block; position: absolute; right: 50px; top: 0px; background-image:url(content/startseite/toparbeitgeber2014.png); background-repeat:no-repeat; background-position:bottom left; } a.ImagefilmZu { height: 17px; display:block; margin: 0px 0px 0px 0px; padding: 2px 25px 0px 0px; background-image:url("img/ausbildungstabelle_schliessen.png"); background-repeat:no-repeat; background-position: right bottom; position: absolute; top: 0px; right: 0px; font-size: 11px; } a.ImagefilmZu:hover { background-position: right bottom; } /* --- Formulare ---------------------------------------------------------------------------------- */ form {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } form label {width: 160px; height: 22px; display:block; float:left; margin: 0px 0px 10px 0px; line-height: 130%; } form input {float:right; height: 18px; border: 0px; margin: 0px 0px 10px 0px; padding: 2px 5px 2px 5px; display:block; color: #101010; } form select {float:right; width: 350px; height: 22px; border: 0px; padding: 2px 2px 2px 5px; margin: 0px 0px 10px 0px; display:block; color: #101010; } form select option { color: #101010;padding: 2px 5px 2px 5px; } form p { width: 520px; display:block; text-align:right; } form input.Standard { width: 340px; } form input.Kurz {width: 80px; margin: 0px 0px 10px 10px; } form input.Lang {width: 240px; margin: 0px 0px 10px 10px; } form textarea { width: 340px; height: 120px; float:right; margin: 0px 0px 10px 0px; padding: 2px 5px 2px 5px; color: #101010; } form p { padding: 0px 0px 20px 0px; margin: 0px 0px 0px 0px; } input.RadioButton { width:auto; float:left; margin: 0px 0px 10px 10px;} label.RadioButton {width: 70px; float:left; margin: 0px 0px 10px 10px; } input.FirstButton {margin: 0px 0px 10px 170px;} * html input.FirstButton {margin: 0px 0px 10px 82px;} label.CheckBox {width: 150px; float:left; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 10px; } input.CheckBox {width: auto; float:left; margin: 0px 0px 10px 0px;} input.Dreiviertel {width: 150px; float:left; margin: 0px 10px 10px 10px;} a.SendeLink { width: 79px; height: 25px; display:block; float:right; padding: 9px 0px 0px 30px; ; margin: 10px 0px 0px 0px; background-image:url(img/bt_senden.jpg); background-position: 0px 0px; background-repeat:no-repeat; } a.SendeLink:hover { background-image:url(img/bt_senden_hover.jpg); } /* Routenplaner */ form#routenplaner { display:block; padding: 0px 0px 10px 0px; } form#routenplaner label {width: 70px; height: 22px; display:block; float:left; margin: 0px 0px 10px 0px; line-height: 130%; } form#routenplaner input { width: 230px;} /* --- 3D Cloud ---------------------------------------------------------------------------------- */ /* Rahmen der Cloud */ div.CloudBox { width: 960px; display:block; margin: 5px auto;} div.ContentHeaderCloud { width: 960px; height: 20px; display:block; margin: 0px; padding: 38px 25px 22px 25px; background-color: #000000; background-position:top; background-repeat:no-repeat; } div#DieCloud { width: 960px; display: block; margin: 5px auto; } /* TextBox der Cloud */ div#GrundsatzBox { width: 600px; display: none; background-image:url(img/cloudbox.jpg); background-repeat:no-repeat; background-position: 0px 0px; margin: 50px auto 50px auto; z-index: 100; } div#GrundsatzBox div { display: none; } div#GrundsatzBox div h2 { width: 440px; height: 30px; display:block; color: #ffffff; margin: 0px 0px 0px 0px; padding: 6px 20px 0px 20px; float:left; } div#GrundsatzBox div div.inhalte { width: 560px; display:block; padding: 20px 20px 0px 20px; margin: 0px 0px 0px 0px; clear:both; } div#GrundsatzBox div p { width: 560px; display:block; } div#GrundsatzBox div i { width: 560px; padding: -15px 20px 0px 20px; display:block; } span.CloudBoxAbschluss { width: 600px; height: 30px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url(img/cloudbox_abschluss.jpg); background-repeat:no-repeat; background-position: 0px 0px; clear:both; } /* Schliessen Button */ a#schliessen { width: 87px; height: 22px; font-size:12px; display:block; padding: 8px 0px 0px 13px; margin: 1px 1px 0px 0px; float:right; font-weight: bold; background-image:url(img/grundsaetze_schliessen.jpg); background-position: 0px 0px; background-repeat:no-repeat; } a#schliessen:hover { background-image:url(img/grundsaetze_schliessen_hover.jpg); } /* 3D Cloud Apple - JQuery */ div.ContentHeaderCloud .point a { font-size: 22px; text-decoration:none; border: 0px #000000 solid; padding: 6px 11px 6px 11px; font-weight:bold; } div.ContentHeaderCloud .point a:hover { text-decoration:none; border: 1px #ffffff solid; padding: 5px 10px 5px 10px; } /* Javascript aus */ div#DieCloud .keinJava h2 { padding: 0px 30px 2px 30px !important; } div#DieCloud .keinJava p { padding: 0px 30px 20px 30px !important; } div#DieCloud .keinJava ul { padding: 0px 30px 20px 30px !important; } div#DieCloud .keinJava i { width: 500px; display: block; margin: -15px 30px 20px 30px !important; } .keinFlash h2 { padding: 20px 30px 2px 30px !important; } .keinFlash p { padding: 0px 30px 20px 30px !important; } .keinFlash ul { padding: 0px 30px 20px 30px !important; } .keinFlash ul li { background-position: 0px 6px; } .keinFlash ul li a { text-decoration:none; } .keinFlash ul li a:hover { text-decoration:none; } /* --- FAQ Box ---------------------------------------------------------------------------------- */ /* grafisches Selectfeld */ form#themenform select { width: 485px; height: 23px; display:block; padding: 2px 0px 0px 10px; margin: 0px 0px 8px 0px; border: 0px; color: #000000; font-size: 13px; background:url(img/formular_input.jpg); background-repeat:no-repeat; background-position: center top; } form#themenform select option {color: #000000; font-size: 13px; padding: 2px 10px 2px 10px; } * html form#themenform div.SelectBox input { margin-left: 0px; margin: 0px; display:block; clear:both; } *+html form#themenform div.SelectBox input { margin-left: 0px} form#themenform div.SelectKlappe { width: 475px; display:block; padding: 10px; margin: -4px 0px 0px 0px; background-color: #FFFFFF; border-bottom: 1px #e5e5e5 solid; background-image: url(img/formular_select_klappe.jpg); background-repeat:repeat-y; z-index: 9900; position:absolute; left: 0px; } * html form#themenform div.SelectKlappe { margin: -3px 0px 0px 1px; } *+html form#themenform div.SelectKlappe { margin: -3px 0px 0px 1px; } form#themenform div.SelectKlappe a { width: 461px; display:block; padding: 2px 2px 2px 2px; background-color: #FFFFFF; border-bottom: 1px #e5e5e5 dotted; color: #000000; } form#themenform div.SelectKlappe a:hover { color:#ffffff; background-color: #ED252A; } form#themenform input.SelectAuswahl { width: 485px; height: 22px; margin: 20px 0px 30px 0px; display:block; clear:both; float:left; background-color: #ffffff; color: #101010; background-image:url(img/dropdown_pfeil.gif); background-position: 475px 11px; background-repeat:no-repeat; } form#themenform input.SelectAuswahl:hover {background-color: #ED252A; color: #ffffff; } form#themenform input#frage1-auswahl {margin: 0px 0px 30px 0px;} form#themenform input#frage2-auswahl {margin: 0px 0px 30px 0px;} form#themenform input#frage3-auswahl {margin: 0px 0px 30px 0px;} form#themenform input#frage4-auswahl {margin: 0px 0px 30px 0px;} form#themenform input#frage5-auswahl {margin: 0px 0px 30px 0px;} form#themenform input#frage6-auswahl {margin: 0px 0px 30px 0px;} div.FaqInhalte h3 { line-height: 100%; font-size: 13px; margin-bottom: 1px; padding: 4px 10px 10px 15px; font-weight: normal; cursor: pointer; background-color: transparent; } div.FaqInhalte h3:hover { background-color: #ED252A; } div.FaqInhalte p { font-size: 12px; margin-top: 0px; padding: 4px 10px 10px 15px; background-color: #101010; border: 1px #7a7a7a solid; } /* --- Footer ---------------------------------------------------------------------------------- */ /* Footer Allgemein */ div.Footer { height: 81px; width: 100%; display: block; position:fixed; z-index: 35000; background-color: #101010; bottom: 0px; margin: 0px 0px 0px 0px; background-image:url(img/hg_footer.gif); background-repeat:repeat-x; background-position: 0px 0px; } * html div.Footer { height: 81px; width: 100%; display: block; position:static; z-index: 35000; background-color: #101010; margin: 30px 0px 0px 0px; background-image:url(img/hg_footer.gif); background-repeat:repeat-x; background-position: 0px 0px; } /* Powerline */ div.PowerLine { width: 984px; height: 22px; display: block; margin: 6px auto; padding: 0px 0px 0px 16px; background-position: -1px top; background-repeat:no-repeat; text-align:center; background-color: #000000; background-image:url(img/hg_powerline.jpg); } * html div.PowerLine { background-position: 0px top; } *+html div.PowerLine { width: 983px; } /* nicht-Verlinkte Powerline */ div.PowerLine b { height: 19px; width: 246px; display:block; cursor:default; float:left; margin: 0px 0px 0px -5px; padding: 3px 0px 0px 0px; background-image:url(img/bt_powerline.gif); background-repeat:no-repeat; background-position: left top; font-weight: bold; font-size:13px; text-transform:uppercase; text-align:center; } * html div.PowerLine b { height: 20px; padding: 2px 0px 0px 0px; } *+html div.PowerLine b { height: 20px; padding: 2px 0px 0px 0px; } *+html div.PowerLine b.first { margin: 0px 0px 0px -5px;} * html div.PowerLine b.first { margin: 0px 0px 0px -2px;} /* Verlinkte Powerline */ div.PowerLine a { height: 19px; width: 246px; cursor: pointer; display:block; cursor:default; text-decoration:none; float:left; margin: 0px 0px 0px -5px; padding: 3px 0px 0px 0px; background-image:url(img/bt_powerline.gif); background-repeat:no-repeat; background-position: left top; font-weight: bold; font-size:13px; text-transform:uppercase; text-align:center; } div.PowerLine a:hover {color: #ffffff; background-image:url(img/bt_powerline_hover.gif); cursor: pointer; } * html div.PowerLine a { height: 20px; padding: 2px 0px 0px 0px; } *+html div.PowerLine a { height: 20px; padding: 2px 0px 0px 0px; } *+html div.PowerLine a.first { margin: 0px 0px 0px -5px;} * html div.PowerLine a.first { margin: 0px 0px 0px -2px;} /* NaviLine */ div.NaviLine { width: 980px; height: 17px; display: block; margin: 17px auto; padding: 0px 0px 0px 0px; } div.NaviLine div.Sprachwahl {width: 55px; height: 17px; display: block; float:right; text-align:right;} div.NaviLine div.Sprachwahl a { width: 25px; height: 17px; display: block; float:left; background-repeat:no-repeat; background-position:top; } div.NaviLine div.Metanavi { width: 630px; height: 17px; display: block; float:right; text-align:right; padding-right: 0px; margin-right: 0px; } div.NaviLine div.Metanavi a {color: #ffffff; text-decoration:none; font-size: 11px;} div.NaviLine div.Metanavi a:hover { color: #ffffff; text-decoration:underline;} div.NaviLine img { width: 175px; height: 17px; display: block; float:left; } /* --- Daten-Tabelle - Ausbildung ---------------------------------------------------------------------------------- */ /* Daten-Tabelle - Ausbildung */ table.DatenTabelleAusbildung { margin: 10px 0px 10px 0px; border-top: 1px #666 solid; border-left: 1px #666 solid; } table.DatenTabelleAusbildung b {font-size: 11px; } table.DatenTabelleAusbildung td, table.DatenTabelle th { color: #000000; margin: 0px; padding: 10px; text-align:left; border-right: 1px #666 solid; border-bottom: 1px #666 solid; font-size: 11px; } table.DatenTabelleAusbildung td {background-color: #ebebeb;} /* #f7f7f7; */ table.DatenTabelleAusbildung tr.HelleZeile td { background-color: #fefefe; } /* #f7f7f7; */ table.DatenTabelleAusbildung td.leeresFeld {background-color: #ffffff;} table.DatenTabelleAusbildung th { background-color: #ebebeb; color: #000000; font-weight:bold; text-align:left; padding: 10px; border-right: 1px #666 solid; border-bottom: 1px #666 solid; background-image:url(img/leer.gif); } table.DatenTabelleAusbildung tr.Ueberschrift th { background-image:url(img/tabelle_headline-oben.gif); background-repeat:repeat-x; background-position: bottom; } tr.TabellenLogos td { text-align:center !important; } tr.TabellenLogos td img { border: 0px !important; padding: 0px !important; margin: 0px !important; } table.DatenTabelleAusbildung td.vertikaleZelle { background-color: #ebebeb; border-bottom: 5px #666666 solid; } table.DatenTabelleAusbildung td.gewerblich { background-image:url(img/tabelle_vertikal_gewerblich.jpg); background-repeat:no-repeat; background-position: right center; padding: 15px; } table.DatenTabelleAusbildung td.kaufmaennisch { background-image:url(img/tabelle_vertikal_kaufmaennisch.jpg); background-repeat:no-repeat; background-position: right center; padding: 15px; } table.DatenTabelleAusbildung td.it { background-image:url(img/tabelle_vertikal_it.jpg); background-repeat:no-repeat; background-position: right center; padding: 15px; } tr.Trennzeile td { background-color: #ffffff !important; } table.zoom_table { margin-bottom: 60px !important; } table.DatenTabelleAusbildung tr.TabellenTrenner td { border-bottom: 5px #666666 solid;} table.DatenTabelleAusbildung td.vertikaleZelle{ border-bottom: 5px #666666 solid; background-color: #ebebeb !important; } table.DatenTabelleAusbildung td.OrtFeld{ vertical-align:top; text-align:center; } div#medium_box { width: 960px; padding: 10px; background-color:#FFFFFF; margin: 20px auto; } div#medium_box table { width: 960px; } div#medium_box h2#Tabellenhead { height: 45px; display:block; color: #000000 !important; padding-bottom: 30px !important; display:block; } div#medium_box h2#TabellenheadNeu { height: 45px; display:block; color: #000000; padding: 20px 0px 0px 0px; display:block; width: 600px; float:left; } a#TabelleSchliessen { background-image:url(img/tabellenclose.gif); width: 36px; height: 36px; display: block; padding: 0px; background-repeat:no-repeat; background-position: 0px 0px; float: right; margin: 0px 0px 0px 0px; } a#TabelleSchliessen:hover { background-image:url(img/tabellenclose_hover.gif);} p.Anleitung {color: #000000; width: 850px; display:block; float:left; padding: 0px; } p.TabellenAbschluss { padding:10px 0px 10px 0px; color: #000000; } /* BewerbeButton */ a.BewerbeButton { width: 32px !important; height: 32px !important; display:block !important; margin: 0px auto; padding: 0px 0px 0px 0px !important; background-position: 0px 0px !important; background-repeat:no-repeat !important; background-image:url(img/bewerbebutton_hover.gif) !important; color: #ffffff !important; font-size: 11px !important; line-height: 120% !important; } a.BewerbeButton:hover { background-image:url(img/bewerbebutton.gif) !important; } /* Angebots- (Lupen) Button */ a.AngebotsButton { width: 32px !important; height: 32px !important; display:block !important; margin: 0px auto; padding: 0px 0px 0px 0px !important; background-position: 0px 0px !important; background-repeat:no-repeat !important; background-image:url(img/lupebutton_hover.gif) !important; color: #ffffff !important; font-size: 11px !important; line-height: 120% !important; } a.AngebotsButton:hover { background-image:url(img/lupebutton.gif) !important; } /* --- Lightbox-TeaserBilder ---------------------------------------------------------------------------------- */ a.BildLightBox { height: 80px; width: 120px; display:block; padding: 10px 10px 10px 10px; margin: 0px 0px 15px 0px; float:left; background-image:url(img/bilderrahmen.jpg); background-position: 0px 0px; background-repeat: no-repeat; } a.BildLightBox img { height: 80px; margin: 0px auto; display:block;} a.BildLightBox:hover { background-image:url(img/bilderrahmen_ohne_hover.jpg); } /* --- Sprachwahl ------------------------------------------------------------------------------------ */ div.Sprachwahl { position:absolute; top: 15px; z-index: 5000; margin-left: 0px; } div.Sprachwahl a { font-size:11px; text-decoration: none; color: #ffffff; padding: 0px 8px 0px 5px; } div.Sprachwahl a:hover {text-decoration: underline; color: #e92227;} /* --- Intro-Seite ---------------------------------------------------------------------------------- */ body.Intro { background-color: #000000; } body.Intro div.Website { margin: 0px auto; background-color: #000000; background-image:url(img/hg_intro.jpg); background-repeat:repeat-x; background-position:center top; } #flashContent { width:990px; height:600px; display:block; padding: 3px 0px 30px 0px; margin: 0px auto 0px auto; overflow:hidden; z-index: -10; } * html #flashContent { margin-top: -66px; } /* div.DerLink { width: 100%; height: 34px; display: block; z-index: 8000; position:absolute; top: 500px; left: 50%; margin-left: 330px; z-index: 9000; } */ div.DerLink { width: 100%; height: 34px; display: block; z-index: 8000; position:absolute; top: 25px; left: 50%; margin-left: -480px; z-index: 9000; } a.StartseitenButton { width: 118px; height: 25px; padding: 9px 0px 0px 35px; display: block; z-index: 8000; margin: 0px; font-size: 14px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; background-image:url(img/button_schwarz.png); background-repeat:no-repeat; background-position: 0px 0px; color: #ffffff; text-decoration:none; position: relative; } div.Header a.StartseitenButton { float:left; margin: 25px 0px 0px 20px; } a.StartseitenButton:hover { background-image:url(img/button_rot.png); text-decoration:none; } * html a.StartseitenButton { background-image:url(img/button_schwarz.jpg); left: -20px; } * html a.StartseitenButton:hover { background-image:url(img/button_rot.jpg); } /* IE6 */ *html body { z-index: -15; background-position: -445px top;} *html #flashContent { padding: 70px 0px 100px 0px; height: 445px; z-index:-100; } *html div.footer { height: 85px; width: 100%; display:block; position:relative; z-index:1000; } *html div.DerLink { width: 100%; height: 34px; display: block; z-index: 8000; position:relative; top: 720px; margin-left: 0px; z-index: 5000; } *html div.DerLink a.StartseitenButton { display: block; z-index: 9000;} /* --- Historie Teaser ---------------------------------------------------------------------------------- */ /* Teaseraufbau */ div.LinkeSpalte div.PresseTeaser { width: 530px; display:block; margin: 0px 0px 30px 0px; padding: 0px 30px 15px 30px; float:left; background-image: url(img/trenner_quer.gif); background-repeat:repeat-x; background-position: bottom; } * html div.LinkeSpalte div.PresseTeaser { width: 515px; } /* Die Links im Teaser */ div.LinkeSpalte div.PresseTeaser span { width: 375px; display:block; padding: 0px 0px 10px 15px; margin: 0px 0px 0px 0px; float:left;} div.LinkeSpalte div.PresseTeaser span b {width: 375px; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; font-size: 13px; display:block; clear:both; line-height: 130%; background-repeat:no-repeat; color: #ffffff; font-weight:bold; text-decoration: none; } div.LinkeSpalte div.PresseTeaser span p {width: 375px; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; font-size: 13px; display:block; clear:both; line-height: 155%; background-repeat:no-repeat; color: #ffffff; text-decoration: none; } /* --- Popups unter Karriere ---------------------------------------------------------------------------------- */ div.PopupBox, div.Zweispaltig div.LinkeSpalte div.PopupBox { width: 530px; display:none; position:absolute; z-index: 1000; margin: -38px 0px 0px -13px; padding: 0px 12px 0px 12px; cursor: pointer; } *html div.Zweispaltig div.LinkeSpalte div.PopupBox { width: 530px; } div.PopupBox h2 { width: auto; margin-top: 0px; padding: 12px 0px 5px 0px; } div.PopupBox p { margin-top: 0px; padding: 0px 0px 12px 0px; } .OP { cursor: pointer; } div.PopupBox h1 { width: auto; display:inline-block; font-weight: bold; font-size: 13px; color: #ffffff; margin-top: 0px; padding: 12px 0px 5px 10px; line-height: 155%; background-image:url(img/pfeil_rot.gif); background-position: 0px 17px; background-repeat:no-repeat; } h2.OP { width: auto; display:inline-block; max-width: 200px; background-image:url(img/pfeil_rot.gif); background-position: 0px 5px; background-repeat:no-repeat; padding-left: 10px; } /* Spezialfall, da Box zu gross */ div.Zweispaltig div.LinkeSpalte div.Popup3 { margin-top: -360px; } /* --- Neue Karriere-Teaser ---------------------------------------------------------------------------------- */ a.KarriereBoxLinks { width: 230px; display:block; margin: 0px 0px 12px 0px; padding: 15px; float:left; background-color: #2f2f2f; } a.KarriereBoxLinks b { display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; font-size:14px; } a.KarriereBoxLinks p { height: 90px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; } a.KarriereBoxLinks span { height:20px; display:block; background-image:url(img/pfeil_rot.gif); padding: 0px 0px 0px 12px; background-position: 0px 3px; background-repeat:no-repeat; } a.KarriereBoxLinks:hover { background-color: #272727; color: #ffffff; } a.KarriereBoxLinks:hover span { color: #e92227; } a.KarriereBoxRechts { width: 230px; display:block; margin: 0px -12px 12px 0px; padding: 15px; float:right; background-color: #2f2f2f; } a.KarriereBoxRechts b { display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; font-size:14px; } a.KarriereBoxRechts p { height: 90px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; } a.KarriereBoxRechts span { height:20px; display:block; background-image:url(img/pfeil_rot.gif); padding: 0px 0px 0px 12px; background-position: 0px 3px; background-repeat:no-repeat; } a.KarriereBoxRechts:hover { background-color: #272727; color: #ffffff; } a.KarriereBoxRechts:hover span { color: #e92227; } a.KarriereBoxGross { width: 502px; display:block; margin: 0px 0px 30px 0px; padding: 15px; clear:both; background-color: #2f2f2f; } a.KarriereBoxGross b { display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; font-size:14px; } a.KarriereBoxGross p { display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; } a.KarriereBoxGross span { height:20px; display:block; background-image:url(img/pfeil_rot.gif); padding: 0px 0px 0px 12px; background-position: 0px 3px; background-repeat:no-repeat; } a.KarriereBoxGross:hover { background-color: #272727; color: #ffffff; } a.KarriereBoxGross:hover span { color: #e92227; } /* Veranstaltungskalender ---------------------------------------------------------------------------------- */ div.Kalender { width: 990px; display: none; position:absolute; top: 60px; left: 50%; margin: 0px 0px 0px -495px; padding: 0px 0px 0px 0px; background-image:url(img/kalender_chassie_mitte.png); background-repeat:repeat-y; background-position: 0px 0px; background-color: #000000; z-index: 5500; } div.KalenderBild { width: 990px; height: 725px; display:block; margin: 0px; padding: 0px 0px 0px 0px; position:relative; z-index: 10; } div.KalenderBild img { width: 990px; height: 725px; display:block; margin: 0px; padding: 0px; } div.KalenderAbschluss { width: 990px; height: 15px; display:block; margin: 0px auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-image:url(img/kalender_chassie_unten.png); background-repeat:no-repeat; background-position: 0px 0px; } div.KalenderContent { width: 930px; min-height: 725px; display:block; margin: 0px 0px 0px 0px; position:relative; z-index: 100; padding: 0px 30px 0px 30px; margin: -725px 0px 0px 0px; background-image:url(img/kalender_chassie_oben.png); background-repeat:no-repeat; background-position: 0px 0px; } /* Spalten */ /* Links */ div.KalenderLinks { width: 430px; display:block; margin: 230px 0px 0px 0px; padding: 45px 45px 30px 45px; float:left; background-color: #000000; } div.KalenderLinks p { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; line-height: 155%; } /* Kalender Liste */ ul.Kalender { width: 430px; background-image: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } ul.Kalender li { width: 400px; background-image: none; padding: 15px; margin: 4px 0px 0px 0px; background-color: #2f2f2f; } *+html ul.Kalender li { margin: 2px 0px 0px 0px; } ul.Kalender li.Heller { background-color: #4b4b4b; } ul.Kalender li i { display:block; font-size: 11px; font-style:normal; padding: 0px 50px 0px 12px; line-height: 155%; } ul.Kalender li h2 { font-size: 14px; padding: 0px 0px 8px 12px; background-image:url(img/pfeil_weiss.gif); background-repeat:no-repeat; background-position: 0px 7px; } div.Content ul.Kalender { width: 520px; } div.Content ul.Kalender li { width: 490px; } ul.Kalender li a h2 { color: #ffffff; } ul.Kalender li a i { color: #ffffff; } ul.Kalender li a b { color: #ffffff; font-weight:bold; font-size: 11px; padding: 0px 0px 0px 12px; } ul.Kalender li a:hover h2 { color: #e92227; } ul.Kalender li a:hover i { color: #ffffff; } ul.Kalender li a:hover b { color: #ffffff; font-weight: bold; font-size: 11px; } /* Rechts */ div.KalenderRechts { width: 340px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 90px 0px; position: absolute; right: 30px; bottom: 30px; } div.KalenderRechts div.HighlightBox { margin: 15px 0px 0px -2px; padding: 5px 15px 0px 15px; } div.KalenderLinks h2 { line-height: 155%; } /* Schliessen Button*/ a.KalenderZu { height: 18px; display: none; margin: 0px 0px 15px 423px; padding: 0px 24px 0px 0px; position:absolute; top: 28px; left: 50%; background-image:url(img/bt_schliessen.png); background-repeat:no-repeat; background-position: right top; color: #ffffff; font-size: 11px; z-index: 6000; } a.KalenderZu:hover { background-position: right bottom; color: #e92227; } /* Abstand für den Powerline-Footer */ div.FooterAbstand { width: 990px; height: 100px; display:block; background-color: #040404; } /* Tag der Ausbildung 2014 */ a.Ausbildungstag { width: 85px; height: 67px; display:block; position:absolute; top: 350px; left: 50%; margin: 0px 0px 0px -520px; padding: 78px 0px 0px 265px; font-size: 11px; font-weight:bold; color: #ffffff; background-image:url(content/karriere/ausbildungsnacht_2013_teaser.png); background-repeat:no-repeat; background-position: 0px 0px; } a.Ausbildungstag:hover { color: #e92227; } /* Nacht der Ausbildung 2014 */ a.Ausbildungsnacht { width: 205px; height: 37px; display:block; position:absolute; top: 340px; left: 50%; margin: 0px 0px 0px -555px; padding: 98px 0px 0px 110px; font-size: 11px; font-weight:bold; color: #ffffff; background-image:url(content/karriere/nacht_ausbildung_2014_stoerer.png); background-repeat:no-repeat; background-position: 0px 0px; } a.Ausbildungsnacht:hover { color: #e92227; } /* Nacht der Ausbildung 2014 */ a.Ausbildungsnachtneu { width: 330px; height: 37px; display:block; position:absolute; top: 340px; left: 50%; margin: 0px 0px 0px -555px; padding: 98px 0px 0px 110px; font-size: 11px; font-weight:bold; color: #ffffff; background-image:url(content/karriere/nacht_ausbildung_2014_stoerer_neu.png); background-repeat:no-repeat; background-position: 0px 0px; } a.Ausbildungsnachtneu:hover { color: #e92227; } /* Karrieretag Familienunternehmen 2014 */ a.KarrieretagFamilie { width: 280px; height: 35px; display:block; position:absolute; top: 340px; left: 50%; margin: 0px 0px 0px -466px; padding: 100px 0px 0px 160px; font-size: 11px; font-weight:bold; color: #ffffff; background-image:url("content/karriere/karrieretag-familienunternehmen.png"); background-repeat:no-repeat; background-position: 0px 0px; } a.KarrieretagFamilie:hover { color: #e92227; } /* Ausbildungstabellen ab 2013 ----------------------------------------------------- */ div.Content div.Berufe { width: 530px; display:block; margin: 0px 0px 30px 0px; background-image:url("img/ausbildungstabelle_boxen_hg.gif"); background-position: top right; background-repeat:repeat-y; } /* Teaser rechte spalte */ div.BildTextTeaser img { display:block; float:left; border: 1px #2f2f2f solid; } div.BildTextTeaser div.Inhalte { width:200px; display:block; float: left; margin: 0px 0px 0px 20px; } div.BildTextTeaser div.Inhalte a span { display:block; padding-left: 12px; font-size: 10px; color: #f2f2f2; } div.BildTextTeaser div.Inhalte a:hover span { color: #e92227; } /* Teaser fuer den Azubi-Film */ div.FilmTeaser { width: 327px; height: 113px; display:block; position: absolute; left: 50%; top: 314px; margin: 0px 0px 0px 95px; padding: 20px; z-index: 4000; background-image:url("img/ausbildungstabelle_filmteaser.png"); background-position: 0px 0px; background-repeat:no-repeat; } div.FilmTeaser h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; } div.FilmTeaser p { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; } div.FilmTeaser a { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; background-image:url("img/ausbildungstabelle_pfeil.gif"); background-position: 0px 2px; background-repeat:no-repeat; } div.FilmTeaser a:hover { color: #e92227; } /* Berufstabellen-Beschreibung */ div.Content div.Berufe div.BerufsTabellen { width: 220px; display: block; float:left; margin: 0px 0px 0px 0px; padding: 15px 15px 0px 15px; background-color: #2f2f2f; } div.Content div.Berufe div.BerufsTabellen h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; } div.Content div.Berufe div.BerufsTabellen p { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; } /* Berufstabellen-Tabellen */ div.Content div.Berufe a.AusbildungsTabelle { width: 210px; display: block; float:left; margin: 1px 0px 0px 0px; padding: 10px 15px 10px 25px; background-color: #2f2f2f; background-image:url("img/ausbildungstabelle_pfeil.gif"); background-position: 15px 12px; background-repeat:no-repeat; } div.Content div.Berufe a.AusbildungsTabelle:hover { background-color: #404040; } /* Berufsbilder */ div.BerufsBilder { width: 220px; min-height: 128px; display: block; float:right; margin: 0px 0px 0px 0px; padding: 15px 15px 0px 15px; background-color: #2f2f2f; } div.BerufsBilder h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; } div.BerufsBilder ul { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; } div.BerufsBilder ul li {} /* Popup der Tabellen ++++++++++++++++++++++++++++++++++ */ div.Ausbildungstabellen { width: 990px; display:none; position:absolute; left: 50%; top: 95px; margin: 0px 0px 80px -495px; z-index: 75000; } /* Navigation */ div.Ausbildungstabellen div.PopupNavigation { width: 800px; height:17px; display:block; margin: 0px 0px 25px 0px; padding: 0px 0px 0px 0px; } /* div.Ausbildungstabellen div.PopupNavigation a.AllesZu { height: 17px; display:block; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 25px; background-image:url("img/ausbildungstabelle_schliessen.png"); background-repeat:no-repeat; background-position: left top; float:left; } div.Ausbildungstabellen div.PopupNavigation a.AllesZu:hover { background-position: left bottom; } */ div.Ausbildungstabellen div.PopupNavigation a.AllesZu { height: 17px; display:block; margin: 0px 0px 0px 0px; padding: 2px 25px 0px 0px; background-image:url("img/ausbildungstabelle_schliessen.png"); background-repeat:no-repeat; background-position: right bottom; position: absolute; top: 0px; right: 0px; font-size: 11px; } div.Ausbildungstabellen div.PopupNavigation a.AllesZu:hover { background-position: right bottom; } div.Ausbildungstabellen div.PopupNavigation a.TabelleZu { height: 17px; display:block; margin: 0px 20px 0px 0px; padding: 2px 0px 0px 25px; background-image:url("img/ausbildungstabelle_zurueck.png"); background-repeat:no-repeat; background-position: left bottom; float:left; font-size: 11px; } div.Ausbildungstabellen div.PopupNavigation a.TabelleZu:hover { background-position: left bottom; } /* Raster des Popups */ div.Ausbildungstabellen div.PopupHeader { width: 990px; height:15px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url("img/ausbildungstabelle_hg-oben.png"); background-position: 0px 0px; background-repeat:no-repeat; } div.Ausbildungstabellen div.PopupFooter { width: 990px; height:15px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url("img/ausbildungstabelle_hg-unten.png"); background-position: 0px 0px; background-repeat:no-repeat; } div.Ausbildungstabellen div.PopupBody { width: 990px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url("img/ausbildungstabelle_hg-mitte.png"); background-position: 0px 0px; background-repeat:repeat-y; } /* Include-Div in welches die einzelnen Tabellen geladen werden */ div.PopupBody div.Tabelle {} div.PopupBody div.Tabelle {} /* Tabellen Include-Aufbau */ /* Beschreibung */ div.Beschreibung { width: 650px; display:block; float: left; margin: 15px 0px 0px 0px; padding: 0px 30px 0px 30px; } div.Beschreibung h1 { font-size: 16px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; line-height: 120%; text-transform:none; } div.Beschreibung h2 { font-size: 13px; display:block; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; line-height: 120%; } div.Beschreibung p { font-size: 13px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; line-height: 155%; } /* Legende */ div.AzubiLegende { width: 200px; display:block; float:right; margin: 50px 2px 0px 0px; padding: 20px 15px 15px 15px; background-color: #323232; } div.AzubiLegende h2 { font-size: 13px; display:block; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; line-height: 120%; } div.AzubiLegende p { min-height: 23px; font-size: 13px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; line-height: 155%; } div.AzubiLegende p img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float:left; } div.AzubiLegende p span { display:block; float:left; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 6px; } /* Berufsinfo-Button */ a.BerufsInfo { width:23px; height: 23px; display:block; background-image:url("img/ausbildungstabelle_i-button.png"); background-repeat:no-repeat; background-position: bottom left; } a.BerufsInfo:hover { background-position: top left; } /* Verfuegbarkeitstabellen */ div.Verfuegbarkeit { width: 925px; display:block; clear:both; margin: 0px 0px 0px 0px; padding: 30px 0px 30px 30px; } div.Verfuegbarkeit table.Verfuegbarkeitstabelle { width: 925px; border: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.Verfuegbarkeit table.Verfuegbarkeitstabelle tr {} div.Verfuegbarkeit table.Verfuegbarkeitstabelle tr th { font-size: 13px; color: #ffffff; font-weight: bold; text-align:left; vertical-align: top; padding: 30px 5px 10px 5px; border-bottom: 1px #666666 solid; } div.Verfuegbarkeit table.Verfuegbarkeitstabelle tr td { font-size: 11px; color: #ffffff; font-weight: normal; text-align:center; vertical-align: top; padding: 10px 5px 10px 5px; border-right: 1px #666666 solid; border-right: 1px #666666 solid; border-bottom: 1px #666666 solid; } div.Verfuegbarkeit table.Verfuegbarkeitstabelle tr td.Linksbuendig { text-align: left; vertical-align: top; padding: 10px 10px 10px 10px; border-left: 1px #666666 solid; border-right: none; } div.Verfuegbarkeit table.Verfuegbarkeitstabelle tr th.Linksbuendig { text-align: left; vertical-align: top; padding: 10px 10px 10px 10px; } div.Verfuegbarkeit table.Verfuegbarkeitstabelle tr td.Ort { border-right: 1px #666666 solid; } div.Verfuegbarkeit table.Verfuegbarkeitstabelle tr.LogoLine th { text-align: center; vertical-align: top; padding: 15px 10px 15px 10px; } div.Verfuegbarkeit table.Verfuegbarkeitstabelle tr.LogoLine th.Linksbuendig { text-align: left; vertical-align: top; padding: 15px 10px 15px 10px; } div.Verfuegbarkeit table.Verfuegbarkeitstabelle tr.HellerBereich td { background-color: #333333; } /* Punkte */ div.Button { width: 23px; height: 23px; display:block; margin: 0px auto; cursor:help; } div.Button {} div.Button div.HoverBox { width: 190px; height: 150px; display:none; position:absolute; margin: -43px 0px 0px -15px; padding: 0px 0px 0px 0px; text-align:left; } *+html div.Button div.HoverBox { margin: -20px 0px 0px -41px; } div.Button div.HoverBox div.HoverInhalt { width: 160px; display:block; padding: 20px 15px 15px 15px; background-image:url("img/ausbildungstabelle_hoverbox_oben.png"); background-position: 0px 0px; background-repeat:no-repeat; } div.Button div.HoverBox div.HoverAbschluss { width: 190px; height: 17px; display:block; background-image:url("img/ausbildungstabelle_hoverbox_unten.png"); background-position: 0px 0px; background-repeat:no-repeat; } div.Button div.HoverBox img { width: 23px; height: 23px; float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.Button div.HoverBox h2 { width: 135px; float: right; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px; text-align:left; } div.Button div.HoverBox p { display:block; text-align:left; font-size: 11px; clear:both; padding: 10px; margin: 0px 0px 0px 0px; } *+html div.Button div.HoverBox p { padding: 0px 10px 10px 10px; } div.Button div.HoverBox a.ButtonLink { margin: 5px 0px 0px 10px; } div.Button:hover div.HoverBox { display:block; } /* Berufsbilder Popup +++++++++++++++++++++++ */ div.BerufsPopup { width: 990px; display:none; position:absolute; left: 50%; top: 0px; margin: 0px 0px 80px -495px; z-index: 99500; } div.PopupHeaderBild { width: 990px; height: 376px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position:relative; z-index: 10; } div.PopupHeaderBild img {} div.PopupHeaderTexte { width: 990px; height: 376px; display:block; margin: -376px 0px 0px 0px; padding: 0px 0px 0px 0px; position:relative; z-index: 100; } div.PopupHeaderTexte h1.MotivLinks { width: 400px; display:block; float:right; margin: 65px 45px 0px 0px; color: #ffffff; font-size: 20px; font-weight:bold; text-transform:none; line-height: 160%; text-align:center; } div.PopupHeaderTexte h1.MotivRechts { width: 400px; display:block; float:left; margin: 65px 0px 0px 45px; color: #ffffff; font-size: 20px; font-weight:bold; text-transform:none; line-height: 160%; text-align:center; } /* linke Spalte */ div.BerufsPopup div.BerufsbildLinks { width:560px; display:block; float:left; margin: 30px 2px 0px 0px; padding: 0px 30px 0px 30px; } div.BerufsPopup div.BerufsbildLinks h1 { color: #ffffff; font-size: 16px; font-weight:bold; text-transform:none; line-height: 160%; } div.BerufsPopup div.BerufsbildLinks h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; } div.BerufsPopup div.BerufsbildLinks p { margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; } div.BerufsPopup div.BerufsbildLinks ul { margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; } /* rechte Spalte */ div.BerufsPopup div.BerufsbildRechts { width: 260px; display:block; float:right; margin: 60px 2px 0px 0px; padding: 70px 30px 0px 30px; background-color: #323232; } div.BerufsPopup div.BerufsbildRechts h1 { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; } div.BerufsPopup div.BerufsbildRechts h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; } div.BerufsPopup div.BerufsbildRechts p { margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; } div.BerufsPopup div.BerufsbildRechts ul { margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; } /* Hotline DE */ div.BerufsPopup div.HotlineStoerer { width: 180px; height: 72px; display:block; position:absolute; z-index:90000; top: 420px; left: 50%; margin: 40px 0px 0px 160px; } *+html div.BerufsPopup div.HotlineStoerer { top: 420px; left: 50%; } /* Abstand für die Powerline in Popup */ div.Abstand { width: 990px; height: 120px; display:block; clear: both; } /* Video Popup - Azubis +++++++++++++++++++++++++++++++++++ */ div.Video { width: 990px; display:none; position:absolute; left: 50%; top: 95px; margin: 0px 0px 80px -495px; z-index: 80000; } /* Navigation */ div.Video div.PopupNavigation { width: 800px; height:17px; display:block; margin: 0px 0px 25px 0px; padding: 0px 0px 0px 0px; } /* div.Video div.PopupNavigation a.VideoZu { height: 17px; display:block; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 25px; background-image:url("img/ausbildungstabelle_schliessen.png"); background-repeat:no-repeat; background-position: left top; float:left; } div.Video div.PopupNavigation a.VideoZu:hover { background-position: left bottom; } */ div.Video div.PopupNavigation a.VideoZu { height: 17px; display:block; margin: 0px 0px 0px 0px; padding: 2px 25px 0px 0px; background-image:url("img/ausbildungstabelle_schliessen.png"); background-repeat:no-repeat; background-position: right bottom; position: absolute; top: 0px; right: 0px; font-size: 11px; } div.Video div.PopupNavigation a.VideoZu:hover { background-position: right bottom; } /* Raster des Popups */ div.Video div.PopupHeader { width: 990px; height:15px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url("img/ausbildungstabelle_hg-oben.png"); background-position: 0px 0px; background-repeat:no-repeat; } div.Video div.PopupFooter { width: 990px; height:15px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url("img/ausbildungstabelle_hg-unten.png"); background-position: 0px 0px; background-repeat:no-repeat; } div.Video div.PopupBody { width: 990px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url("img/ausbildungstabelle_hg-mitte.png"); background-position: 0px 0px; background-repeat:repeat-y; } /* Textbox Video */ div.Video div.TextBox { width:560px; display:block; margin: 0px 2px 0px 0px; padding: 30px 30px 30px 30px; } div.Video div.TextBox h1 { color: #ffffff; font-size: 16px; font-weight:bold; text-transform:none; line-height: 160%; } div.Video div.TextBox h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; } div.Video div.TextBox p { margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; } div.Video div.TextBox p.SubLine { float: right; text-align:right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #757575; } div.Video div.TextBox ul { margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; } /* Box für den Film */ div.AzubiFilm { width:984px; height: 524px; display:block; margin: 0px auto; padding: 0px 0px 30px 0px; background-image: url("img/preloader.gif"); background-repeat:no-repeat; background-position: center 250px; /* border: 1px #757575 solid; */ } div.AzubiFilm iframe { overflow: none; } div.ImageFilm { width:984px; height: 524px; display:block; margin: 0px auto; padding: 0px 0px 30px 0px; background-image: url("img/preloader.gif"); background-repeat:no-repeat; background-position: center 250px; /* border: 1px #757575 solid; */ } div.ImageFilm iframe { overflow: none; } div.ImageFilmTeaser { width: 200px; display:block; position:absolute; top: 450px; left: 50%; margin: 0px 0px 0px -437px; } div.ImageFilmTeaser a.ButtonLink { margin-top: 8px; } a.ImageFilmButton { width: 139px; height: 55px; display:block; position:absolute; top: 460px; left: 50%; margin: 0px 0px 0px -447px; background-image:url("img/imagevideo-button.png"); background-position: left top; background-repeat:no-repeat; } a.ImageFilmButton:hover { background-position: left bottom; } /* Popups für die Berufsbilder +++++++++++++++++++++++++++++++++++ */ div.PopupBerufsbereich { width: 990px; display:none; position:absolute; left: 50%; top: 95px; margin: 0px 0px 80px -495px; z-index: 99000; } a.BerufsbereichAuf { display:block; margin: 0px 0px 15px 0px; } /* Navigation */ div.PopupBerufsbereich div.PopupNavigation { width: 800px; height:17px; display:block; margin: 0px 0px 25px 0px; padding: 0px 0px 0px 0px; } /* div.PopupBerufsbereich div.PopupNavigation a.BerufsbereichZu { height: 17px; display:block; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 25px; background-image:url("img/ausbildungstabelle_schliessen.png"); background-repeat:no-repeat; background-position: left top; float:left; } div.PopupBerufsbereich div.PopupNavigation a.BerufsbereichZu:hover { background-position: left bottom; } */ div.PopupBerufsbereich div.PopupNavigation a.BerufsbereichZu { height: 17px; display:block; margin: 0px 0px 0px 0px; padding: 2px 25px 0px 0px; background-image:url("img/ausbildungstabelle_schliessen.png"); background-repeat:no-repeat; background-position: right bottom; position: absolute; top: 0px; right: 0px; font-size: 11px; } div.PopupBerufsbereich div.PopupNavigation a.BerufsbereichZu:hover { background-position: right bottom; } /* Raster des Popups */ div.PopupBerufsbereich div.PopupHeader { width: 990px; height:15px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url("img/ausbildungstabelle_hg-oben.png"); background-position: 0px 0px; background-repeat:no-repeat; } div.PopupBerufsbereich div.PopupFooter { width: 990px; height:15px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url("img/ausbildungstabelle_hg-unten.png"); background-position: 0px 0px; background-repeat:no-repeat; } div.PopupBerufsbereich div.PopupBody { width: 990px; display:block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url("img/ausbildungstabelle_hg-mitte.png"); background-position: 0px 0px; background-repeat:repeat-y; } /* Textbox */ div.PopupBerufsbereich div.TextBox { width:560px; display:block; margin: 0px 2px 0px 0px; padding: 30px 30px 30px 30px; } div.PopupBerufsbereich div.TextBox h1 { color: #ffffff; font-size: 16px; font-weight:bold; text-transform:none; line-height: 160%; } div.PopupBerufsbereich div.TextBox h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; } div.PopupBerufsbereich div.TextBox p { margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; } div.PopupBerufsbereich div.TextBox p.SubLine { float: right; text-align:right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #757575; } div.PopupBerufsbereich div.TextBox ul { margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; } /* linke Spalte */ div.PopupBerufsbereich div.BerufsbildLinks { width:560px; display:block; float:left; margin: 30px 2px 0px 0px; padding: 0px 30px 0px 30px; } div.PopupBerufsbereich div.BerufsbildLinks h1 { color: #ffffff; font-size: 16px; font-weight:bold; text-transform:none; line-height: 160%; } div.PopupBerufsbereich div.BerufsbildLinks h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; } div.PopupBerufsbereich div.BerufsbildLinks p { margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; } div.PopupBerufsbereich div.BerufsbildLinks ul { margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; } /* rechte Spalte */ div.PopupBerufsbereich div.BerufsbildRechts { width: 260px; display:block; float:right; margin: 60px 2px 30px 0px; padding: 30px 30px 0px 30px; background-color: #323232; } div.PopupBerufsbereich div.BerufsbildRechts h1 { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; } div.PopupBerufsbereich div.BerufsbildRechts h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; } div.PopupBerufsbereich div.BerufsbildRechts p { margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; } div.PopupBerufsbereich div.BerufsbildRechts ul { margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; } /* Hotline DE */ div.PopupBerufsbereich div.HotlineStoerer { width: 180px; height: 72px; display:block; position:absolute; background-repeat:no-repeat; background-position: 0px 0px; left: 50%; margin: 40px 0px 0px 150px; } /* Popup Blende */ div.PopupBlende { width: 100%; height: 100%; display:none; position:fixed; z-index:40000; top: 0px; bottom: 0px; left: 0px; right: 0px; background-image:url("img/popupblende.png"); background-repeat:repeat; background-position: 0px 0px; } /* Update Studium Plus */ /* Teaser */ a.SprungTeaser { display: block; margin: 0px 0px 30px 0px; padding: 0px 30px 0; } a.SprungTeaser h2 { background-image:url(img/pfeil_rot.gif); background-position: 0 8px; background-repeat: no-repeat; color: #ffffff; display: block; font-size: 13px; font-weight: bold; line-height: 135%; margin: 0px 0px 15px 0px; padding: 5px 0 0 12px; } a.SprungTeaser p { margin: 0px 0px 0px 0px; padding: 0px 0px 15px 13px; } a.SprungTeaser p img { float: left; margin: 0px 20px 30px 0px; } a.SprungTeaser div.ButtonLink { margin-top: 0; } a.SprungTeaser img.BilderRahmen { padding: 2px; border: 1px #707070 solid; } a.SprungTeaser:hover h2 { color: #e92227; text-decoration: none; } a.SprungTeaser:hover div.ButtonLink { background-image:url(img/button-hover.jpg); } a.SprungTeaser:hover div.ButtonLink span { background-image:url(img/button-abschluss_hover.jpg); } /* MehrInfos Link */ li.MehrInfos { } li.MehrInfos a { display:inline-block; min-height: 23px; margin: 0px 0px 0px 0px; padding: 4px 28px 0px 0px; background-image:url("img/ausbildungstabelle_i-button.png"); background-repeat:no-repeat; background-position: right top; } li.MehrInfos a:hover { background-position: right -38px; } /* RubrikBild - H1 */ div.RubrikText { position: relative; z-index: 10; } div.RubrikText h1 { width: 500px; position: absolute; bottom: 40px; left: 30px; z-index: 100; text-transform:none; font-size: 32px; font-weight:normal; } div.RubrikText h1 span { display:block; text-transform:none; font-size: 22px; font-weight:normal; } /* (c) conception Kommunikationsagentur GmbH | by Mirko Kabsch */