/* ---------------------------------------------------------------------------------------------------------------------------- Grundeinstellungen ---------------------------------------------------------------------------------------------------------------------------- */ * { margin: 0px; padding: 0px; } body { background: #FFFFEE url("../images/css_bg/bg_ffffcc_3ffffff.gif"); font-size: 9pt; font-family: Arial, sans-serif; min-width: 770px; } img { border: 0px; } a { color: #00008B; font-variant: normal; font-weight: bold; text-decoration: none; } a:hover { color: #F2963E; } .larger { font-size: larger; } /* ---------------------------------------------------------------------------------------------------------------------------- Mittlerer Teil (im Prinzip alles unterhalb der Navi) ---------------------------------------------------------------------------------------------------------------------------- */ #middle { z-index: 1; position: relative; padding-top: 82px; width: 100%; height: 100%; } /* Allgemeines */ #middle .center { text-align: center; } #middle .sixteen { font-size: 16px; } #middle .red { color: #DD4444; } #middle .smaller { font-size: smaller; } #middle .bold { font-weight: bold; } #middle .jumpto_anchor { padding-top: 80px; } /* Abstand nach oben, um Anker-Links korrekt zu setzen*/ #middle .top { padding-top: 155px; } #middle .hidden { visibility: hidden; } /* Mini-Navi */ #middle .mini-navi { margin-top: 10px; margin-left: 15px; margin-bottom: 10px; border: 0px; } #middle .mini-navi ul li { display: inline; } #middle .mini-navi ul li img { margin-bottom: -1px; } /* Box auf der rechten Seite */ #middle .right_side { float: right; position: relative; width: 320px; margin-right: 15px; padding: 10px; background: #F8F8F8 url("../images/css_bg/bg_e1e1e1_ffffff.gif"); } #middle .right_side .title { text-align:left; font-size: 11pt; font-weight: bold; width: 160px; } #middle .right_side .orange_line { width: 100%; height: 1px; margin-top: 0.7em; margin-bottom: 0.7em; background: #F2963E; } #middle .right_side .zes_info { text-align: left; /* font-weight: bold; */ } #middle .right_side .zes_info img { padding-bottom: 5px; width: 100%; height: 1px; } #middle .right_side .one_link { text-align: center; } #middle .right_side .one_link a { display: inline-block; width: 100%; background: #DCDCDC url("../images/css_bg/bg_d2d2d2.png"); padding: 4px 0px 4px 0px; margin: 2px 0px 2px 0px; } #middle .right_side .one_link a img { padding-bottom: 4px; margin: -2px 0px -2px 0px; } #middle .right_side .three_links { text-align: center; } #middle .right_side .three_links a { display: inline-block; min-width: 32.5%; background: #DCDCDC url("../images/css_bg/bg_d2d2d2.png"); padding: 4px 0px 4px 0px; margin: 2px 0px 2px 0px; } #middle .right_side .newsticker .left { float: left; } #middle .right_side .newsticker .abo { display:block; text-align:right; } #middle .right_side .newsticker .clearline { height: 1em; clear: both; } #middle .right_side .newsticker .entry { padding: 4px; margin-bottom: 2px; background: #DCDCDC url("../images/css_bg/bg_d2d2d2.png"); } #middle .right_side .newsticker .entry h4 { margin-bottom: 4px; } #middle .right_side .newsticker .entry .date { margin-right: 4px; } #middle .right_side .newsarchive { margin-bottom: 1em; } #middle .right_side .newsarchive ul { margin-left: 1em; } #middle .right_side .fairy table { width: 100%; } #middle .right_side .fairy td { background: #DCDCDC url("../images/css_bg/bg_d2d2d2.png"); padding: 5px; white-space: nowrap; } #middle .right_side .fairy .img { padding: 0px; width: 0px; height: 0px; /* so klein wie möglich, aber so groß wie nötig */ } #middle .right_side .fairy .img img { margin-bottom: -4px; /* der TD hat 4px padding, aber ich habe keine Ahnung, woher überhaupt */ } #middle .right_side .calibration { text-align: center; margin-top: 5px; padding-left: 35px; padding-top: 15px; padding-bottom: 15px; background: #DCDCDC url("../images/css_bg/bg_d2d2d2.png"); } #middle .right_side .calibration .left { float: left; } #middle .right_side .imagemap { text-align: center; font-weight: bold; } #middle .right_side .imagemap img { margin-top: 10px } /* ---------------------------------------------------------------------------------------------------------------------------- Grundeinstellungen für den Inhalt ---------------------------------------------------------------------------------------------------------------------------- */ #middle .content { margin-left: 15px; margin-right: 370px; padding: 10px; } #middle .content h1 { font-size: 24pt; padding-bottom: 0.5em; } #middle .content h2 { font-size: 13.5pt; padding-bottom: 1em; } #middle .content h3 { font-size: 11pt; padding-bottom: 1em; } #middle .content ul, ol { padding-top: 1em; padding-bottom: 1em; } #middle .content li { margin-left: 1.6em; } /* ---------------------------------------------------------------------------------------------------------------------------- Einstellungen, die für mehrere Seiten gelten ---------------------------------------------------------------------------------------------------------------------------- */ /* Eine Zeile mit einer (Fehler-)meldung über der Überschrift */ #middle .errormessage { margin-left: 15px; margin-right: 370px; padding: 10px; } #middle .errormessage span { font-size: larger; color: #DD4444; font-weight: bold; } /* Allgemeine Konfiguration von Tabellen */ #middle .content td { padding: 3px; vertical-align: top; } #middle .content th { padding: 5px; vertical-align: top; } #middle .content .spacer td { height: 1.5em; } /* "Portale" für einen untergliederten Bereich (momentan verwendet von Services und Downloads) */ #middle .content .portal { margin-top: 5px; margin-bottom: 5px; min-height: 100px; } #middle .content .portal .left { float: left; width: 120px; } #middle .content .portal .content { margin-left: 120px; margin-right: 0px; padding-top: 4px; } #middle .content .portal .content .head { font-size: 12pt; font-weight: bold; display: block; margin-bottom: 0.5em; } /* Die Tabelle mit blauem Kopf, die auf einigen Seiten zu sehen ist */ #middle .content .common_table th { background: #DCDCDC; text-align: left; } #middle .content .common_table td { background: #EEEEEE; } #middle .content .common_table .nobr { white-space: nowrap; } #middle .content .common_table .img { width: 32px; } #middle .content .common_table .date { font-size: smaller; margin-top: 15px; } #middle .content .common_table .blue td { background: #4169E1; height: 0.7em; } #middle .content .common_table .headline td { background: #C0C0C0; padding: 5px; font-size: larger; } /* Produktseiten-Portal (Tabelle) */ #middle .content .common_table.products { width: 100%; border-spacing: 0px; } #middle .content .common_table.products th { font-size: 12pt; } #middle .content .common_table.products td { padding-left: 5px; padding-top: 0px; } #middle .content .common_table.products .imgholder { width: 1px; padding-left: 0; text-align: center; } #middle .content .common_table.products .kopf { background: #EEEEEE; font-size: 12pt; height: 1em; padding-top: 5px; } #middle .content .common_table.products .spacer td { height: 4em; } /* Auf den meisten Produktseiten */ #middle .sheet { position: relative; margin: 15px 0px 15px 10px; } #middle .sheet img { margin-right: 4px; } #middle .footLinks { list-style-type: none; } #middle .footLinks li { display: inline; } /* Auf den Apache-Fehlerseiten */ #middle .content .errortext { margin-bottom: 5em; } /* ---------------------------------------------------------------------------------------------------------------------------- Einstellungen, für einzelne Seiten ---------------------------------------------------------------------------------------------------------------------------- */ /* Willkommen */ #middle .content .pictureholder { background: #F8F8F8 url("../images/css_bg/bg_e1e1e1_ffffff.gif"); border: 1px solid #F2963E; margin: 2%; } #middle .content .picture { padding: 3%; font-weight: bold; } #middle .content .picture h3 { text-align: center; font-size: 14pt; color: #004d98; font-style: italic; font-weight: bold; margin-top: -2%; padding-bottom: 0.8em; } #middle .content .picture img { height: 100%; width: 100%; } /* News */ #middle .content .news { margin-bottom: 1500px; } #middle .content .news .heading { float: left; margin-bottom: 0px; padding-bottom: 0px; } #middle .content .news .heading h2 { padding-bottom: 0.2em; } #middle .content .news .heading h4 { font-weight: normal; } #middle .content .news .abo { float: right; font-size: larger; } #middle .content .news .abo a img { margin-bottom: -2px; } #middle .content .news .clear { clear: left; } #middle .content .news .entry { margin-top: 1em; margin-bottom: 3em; } #middle .content .news .entry .blue { background: #4169E1; width: 100%; height: 0.7em; margin-bottom: 2px; } #middle .content .news .entry .head { overflow: auto; padding: 5px; background-color: #DCDCDC; } #middle .content .news .entry .head .left { float: left; } #middle .content .news .entry .head .left h3 { padding-bottom: 0px; } #middle .content .news .entry .head .links { float: right; } #middle .content .news .entry .head .links a { margin-left: 30px; } #middle .content .news .entry .head .links a img { margin-bottom: -2px; } #middle .content .news .entry .body { background: #F5F5F5; padding: 5px; margin-top: 2px; } /* Aktuelle und zukünftige Normen für Oberschwingungen EN/IEC61000-3-2/-12 und Flicker EN/IEC61000-3-3/-11 */ #middle .content .standards th { background: #17E263; font-weight: normal; text-align: left; } #middle .content .standards td { background: #DCDCDC; } #middle .content .standards .spacer td { height: 1.6em; } #middle .content .standards .darkOrange td { background: #FFA500; font-weight: bold; font-size: 14pt; } #middle .content .standards .darkGrey td { background: #BBBBBB;} #middle .content .standards .orange td { background: #FFD700; } #middle .content .standards .copyright td { font-style: italic; font-size: 8pt; } #middle .content .standards .strike { text-decoration: line-through; } /* Dienstleistungen -> Kalibrierung */ #middle .content .calibration li { margin-bottom: 0.5em; margin-left: 1.6em; } /* Kontaktformular */ #middle .content input, textarea { font-family: Arial, sans-serif; padding: 2px 1px 2px 1px; } #middle .content .bordered { border: 1px solid #A7A6AA; margin: 1px; } #middle .content .bordered_error { border: 1px solid #B90F0F; margin: 1px; background-color: #FFDDDD; } #middle .content .zipcode { width: 70px; margin-right: 5px; } #middle .content .town { width: 200px; } #middle .content .textfield { width: 280px; } #middle .content .textarea { width: 400px; height: 120px; } #middle .content .button { padding: 2px 15px 2px 15px; } #middle .content .redstar { color: #FF0000; font-size: larger; font-weight: bold; position:absolute; padding: 2px 0px 0px 15px; } /* Karriere */ #middle .content .angebote_kopf { margin-bottom: 2em; } #middle .content .angebote_trenner { margin-left: auto; margin-right: auto; margin-top: 2em; margin-bottom: 2em; width: 85%; height: 1px; background-color: #F2963E; } #middle .content .angebot { margin-left: 1em; } #middle .content .angebot ul { padding-top: 0.2em; padding-left: 0.5em; } #middle .content .bewerbung_bild { vertical-align:text-top; margin-left: -2px; margin-right: -2px; } /* Sitemap */ #middle .content .sitemap ul { padding-top: 0.2em; padding-bottom: 0.5em; } #middle .content .sitemap li { padding-bottom: 0.2em; }