BODY {background-image: url(/media/_allgemein/hintergrund.gif); background-repeat: repeat-x; background-color: #E2E2E3; FONT: 13px Trebuchet, Arial, Tahoma, Helvetica, sans-serif; TEXT-DECORATION: none;} h1 {FONT: 22px/22px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif; COLOR: #666666; margin: 0px 0px 18px 0px} h3{FONT: 14px/16px bold Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif; COLOR: #666666; margin: 0px 0px -7px 5px} h4{FONT: 12px/14px bold Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif; COLOR: #666666; margin:0px; padding:10px 4px 0px 8px;} h5{FONT: 12px/14px bold Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif; COLOR: #666666; margin:8px 0px 3px 0px;} h6{FONT: 10px/12px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif; COLOR: #666666; margin:0px; padding:2px;} P {FONT: 13px/19px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif; COLOR: #666666; margin: 0 10px 0 0} #contentbox h2{FONT: 22px/19px Trebuchet MS, Verdana, Tahoma, Helvetica, sans-serif; COLOR: #666666; margin: 6px 17px 0px 17px; padding:0px 0px 3px 0px; letter-spacing : 1px;} .home{padding: 0px 20px 50px 100px;} .neuheiten {FONT: 11px/14px Trebuchet MS, Verdana, Tahoma, Helvetica, sans-serif; COLOR: #666666;} .footer {FONT: 11px/14px Trebuchet MS, Verdana, Tahoma, Helvetica, sans-serif; COLOR: #666666; margin:0px 0px 0px 50px;} .box_gelb{FONT: 12px/14px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif; COLOR: #666666;} .anwendung {FONT: 12px/14px Trebuchet MS, Verdana, Tahoma, Helvetica, sans-serif; COLOR: #666666; clear:both; margin:2px 0px 0px 3px;} .anwendung2 {FONT: 10px/12px Trebuchet MS, Verdana, Tahoma, Helvetica, sans-serif; COLOR: #666666; clear:both; margin:2px 0px 0px 3px;} .seitenzahl {FONT: bold 11px/13px Trebuchet MS, Verdana, Tahoma, Helvetica, sans-serif; COLOR: white; margin:4px 2px 0px 2px; text-align : center;} .uebersicht_abisz {FONT: 13px/19px Trebuchet MS, Verdana, Tahoma, Helvetica, sans-serif; COLOR: #666666; margin: 5px 5px 5px 5px;} .typ_popup {FONT: bold 20px/22px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif; COLOR: #666666; margin: 10px 0px 5px 0px;} .typ_txt_popup {FONT: 13px/19px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif; COLOR: #666666; margin: 0px 0px 20px 0px;} .popup_leiste {FONT: 13px/13px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif; COLOR: #666666; padding: 20px 0px 0px 0px;} .tabelle_mittel {background-image:url(/media/unternehmen/historie_zeit_01.gif)} .tabelle_mittel1 {background-image:url(/media/unternehmen/historie_zeit_02.gif)} .tabelle_mittel2 {background-image:url(/media/unternehmen/historie_zeit_03.gif)} .tabelle_links {FONT: 11px/12px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif; COLOR: #666666; margin: 5px 0px 0px 5px; text-align : left;} TD {FONT: 13px/15px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif; COLOR: #666666; margin: 0px 10px 0px 0px;} TD.tab_links {FONT: 11px/12px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif; COLOR: #666666; margin: 5px 0px 0px 5px; text-align : left;} TD .suche {FONT: 13px/15px Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif; padding:0px; COLOR: none; border:0px; } TD.navi { FONT: 11px/16px Verdana, Tahoma, Arial, Helvetica, sans-serif; COLOR: white; padding : 0px 0px 0px 0px;} A {FONT: 13px/19px Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif; COLOR: #666666; TEXT-DECORATION: none; margin:0px;} A:visited {COLOR: #999999; text-decoration: none;} A:hover {COLOR: #666666; text-decoration: underline;} li {FONT: 13px/19px Trebuchet MS, Verdana, Tahoma, Helvetica, sans-serif; COLOR: #666666; list-style-type:none; list-style-image: url(../media/_allgemein/punkt.gif); margin: 0px 0px 0px -20px;} .head {FONT: 13px/19px Trebuchet MS, Verdana, Tahoma, Helvetica, sans-serif; font-weight:bold; COLOR: #666666; list-style-type:none; list-style-image:none; padding:0px 0px 0px 10px; margin: 0px 0px 0px -30px; display:block; width:90%; background-color:#F8F6EB;} .uebersicht {FONT: 13px/19px Trebuchet MS, Verdana, Tahoma, Helvetica, sans-serif; COLOR: #666666; list-style-image:none; margin: 0px 0px 0px -20px;} A.footer {FONT: 11px/14px Trebuchet MS, Verdana, Tahoma, Helvetica, sans-serif; COLOR: #666666; margin:0px 0px 0px 0px;} A.footer:visited {COLOR: #666666; text-decoration: none;} A.footer:hover {COLOR: #666666; text-decoration: underline;} A.linkuebersicht, A.linkuebersicht:visited {font: 12px/16px, text-decoration: none} A.linkuebersicht:hover {font: 12px; text-decoration: underline;} /* allgemeiner Aufbau */ * html p {height: 1%; margin-left: 0px;} #contentbox{position:absolute; left:30px; padding:10px; background-color:#ffffff;} /* weiße Box mit 10px padding height abhängig von inhalt*/ #kopf{position:relative; width:680px; height: 95px; background-image: url(/media/_allgemein/kopf.gif); background-repeat:no-repeat;} /* Kopfleiste mit Logo, Menühintergrund etc. */ #headbox{position:relative; width:510px; height: 124px; margin: 10px 0px 0px 0px;} /* mainimage */ #inhaltbox{position:relative; width:680px; margin:30px 0px 20px 0px;} /* inhaltbox, unterteilt in 3 Spalten (links/middle/rechts) */ #inhalt_links{position:relative; width: 50px; height: 300px; float: left; padding:100px 0px 0px 0px;} /* inhalt links (linke Spalte) */ #inhalt_middle{position:relative; width: 67.5%; height:auto; float:left;} /* inhalt middle (mittlere Spalte) */ #inhalt_middle_text{position:relative; margin: 0px 0px 0px 0px; width: 100%; height:51%;} /* Textspalte (eigentliche Inhaltsspalte) */ #inhalt_middle_img{margin: 20px 10px 10px 0px;} /* falls Bild vorhanden diese div einfügen*/ #inhalt_middle_img img{border: 1px solid #6E6E6E;} /* Bilddefintion */ #footer{position: relative; width: 680px; clear: both; margin: 0px 0px 0px 0px; text-align: left; } /* footer in mittlerer Spalte immer unter Textspalte */ #footer_spacer{position: relative; width: 680px; height:20px; clear: both;} #inhalt_rechts{position:relative; width:170px; max-width:170px; min-height: 260px; overflow:hidden; margin:0px 0px 0px 0px; float:left; padding:0px; } /* rechte Spalte */ #inhalt_rechts img{margin:0px;} #inhalt_rechts_head{position:relative; width: 170px; height: 21px; margin:0;} /* rechte Spalte head, da Bild eingelesen wird */ #spacer{position:relative; width: 100%; height:21px; margin:0px;} /* spacer für mittlere Spalte da manchmal Abestand vorhanden */ #titel{position: absolute; margin: 201px 0px 0px 0px; left: 59px; max-height: 27px; height: 29px; border-top: 1px solid #6E6E6E; border-left: 1px solid #6E6E6E; border-right: 1px solid #6E6E6E; background:white; z-index:2;} /* Titel liegt absolute über alles andere */ #suchfeld{position: absolute; top:79px; left:530px; width:140px; height:18px; border:none; z-index:3;} /*suchfeld*/ /*||||||||||Bemerkung für stg-style_nn.css NN top: 77px */ /* Home */ #menu_home{position:absolute; top:115px; left:180px; width:170px; height:21px; padding:0px; z-index:1;} /*Menü Home 1*/ #menu_home img{float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #menu_home_1{position:absolute; top:115px; left:350px; width:170px; height:21px; padding:0px; z-index:1;} /*Menü Home 2*/ #menu_home_2{position:absolute; top:115px; left:520px; width:170px; height:21px; padding:0px; z-index:1;} /*Menü Home 3*/ /*falls Bild vorhanden*/ #inhalt_rechts_home{position:relative; width:170px; overflow:hidden;} /*umgebende div 1,2,3*/ #inhalt_rechts_home_1{position:relative; width:170px; height:57 px; margin: -2px 0px -2px 0px;} /*umgebende div 2,3*/ #inhalt_rechts_home_2{position:relative; width:70%; height:57 px; vertical-align: middle; float:left; padding:10px 0px 0px 0px;} /*gelber Kasten, Text*/ #inhalt_rechts_home_3{position:relative; width: 42px; height: 50px; margin:25px 0px 0px 0px; border:1px solid #6E6E6E; vertical-align: middle; float:left; line-height:0;} /*Bild*/ #inhalt_rechts_home_footer{position: relative; width: 170px; text-align: right;} /*untere Leiste*/ td.home{padding:0px; margin:0px; overflow:hidden;} /* funktionsprinzipien/sonderlösungen */ #inhalt_middle_funktionsprinzipien{position:relative; width:99%; height:73px; overflow:hidden; margin:0px 0px 9px 0px; padding:0px; float:left;} /* umgebende div 1,2 */ #inhalt_middle_funktionsprinzipien_1{position:relative; z-index:4; width:60px; max-height:71px; height:73px; overflow:hidden; float:left; border:1px solid #6D6D6D; margin:0px -3px 0px 0px;} /* Bild */ #inhalt_middle_funktionsprinzipien_2{position:relative; z-index:4; overflow:hidden; width:86%; max-width:86%; height: 73px; max-height: 71px; background: #F8F6EB; margin:0px 0px 0px 0px; border-top: 1px solid #6D6D6D; border-right: 1px solid #6D6D6D; border-bottom: 1px solid #6D6D6D; } /* gelber Kasten */ /*||||||||||Bemerkung für stg-style_nn.css NN left:60px;*/ #inhalt_rechts_85x21{position:relative; width:85px; height:21px; float:left; text-align:center;} /* weiter und zurückbutton bzw. Seitenzahl rechte spalte */ /*||||||||||Bemerkung für stg-style_nn.css NN margin:-4px 0px 0px 0px; padding:4px 0px 0px 0px;*/ #inhalt_middle_105x20{position:relative; width:105px; height:20px; float:left; margin: 0px 5px 0px 0px; left:76.5%;} /* unten Pfeile bzw. weiter und zurück buttons mittlere Spalte */ /*||||||||||Bemerkung für stg-style_nn.css NN margin:-4px 0px 0px 0px; padding:4px 0px 0px 0px;*/ /* Gelbe Boxen Verlinkung*/ A.box_gelb {FONT: 12px/19px Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif; COLOR: #999999; TEXT-DECORATION: none;} /*Link in gelben Boxen*/ A.box_gelb:visited {COLOR: #999999; text-decoration: none;} A.box_gelb:hover {COLOR: #666666; text-decoration: underline;} /* magnetventile */ #inhalt_middle_spalte{position:relative; width:49%; height:auto; float:left; overflow:hidden;} /*||||||||||Bemerkung für stg-style_nn.css NN class komplett gelöscht*/ #inhalt_middle_magnetventile{position:relative; overflow:hidden; width:100%; height:74px; max-height:74px; margin:0px 0px 10px 0px; padding:0px; float:left;} /* Kasten groß */ #inhalt_middle_magnetventile_1{position:relative;overflow:hidden; width:60px; max-height:73px; height:71px; float:left; border: 1px solid #6D6D6D; border-bottom: 1px solid #6D6D6D;} /*Kasten Bild*/ #inhalt_middle_magnetventile_2{position:relative; overflow:hidden; margin:0px 10px 0px 0px; width:138px; float:left; max-height:71px; height:73px; background: #F8F6EB; border-top: 1px solid #6D6D6D; border-right: 1px solid #6D6D6D; border-bottom: 1px solid #6D6D6D;} /*Kasten gelb*/ /*||||||||||Bemerkung für stg-style_nn.css NN width:135px;*/ #inhalt_middle_magnetventile_neu{position:relative; overflow:hidden; width:100%; height:100px; max-height:99px; margin:0px 0px 10px 0px; padding:0px; float:left;} /* Kasten groß */ #inhalt_middle_magnetventile_neu1{position:relative;overflow:hidden; width:60px; max-height:97px; height:96px; float:left; border: 1px solid #6D6D6D; border-bottom: 1px solid #6D6D6D;} /*Kasten Bild*/ #inhalt_middle_magnetventile_neu2{position:relative; overflow:hidden; margin:0px 10px 0px 0px; width:138px; float:left; max-height:97px; height:96px; background: #F8F6EB; border-top: 1px solid #6D6D6D; border-right: 1px solid #6D6D6D; border-bottom: 1px solid #6D6D6D;} /*Kasten gelb*/ /* neuheiten (details) */ #link_button{position:absolute; top:190px; left:290px; width:230px; height:21px;} /*Button Detailseite Entwicklungsprojekt*/ #inhalt_middle_neuheiten{position:relative; width:100%; height:94px; overflow:hidden; margin:0px 0px 20px 0px;} /*Kasten groß 450px */ #inhalt_middle_neuheiten_1{position:relative; width:49%; height:94px; float:left; overflow:hidden; margin:0px;} /*Kasten groß Hälfte 225px */ #inhalt_middle_neuheiten_2{position:relative; width:60px; max-height:73px; height:73px; border:1px solid #6E6E6E; float:left; margin:0px -3px 0px 0px; overflow:hidden; z-index:4;} /*Kasten Bild */ #inhalt_middle_neuheiten_3{position:relative; width:72%; min-width:73%; max-width:73%; height:73px; max-height:73px; border-top: 1px solid #6D6D6D; border-right: 1px solid #6D6D6D; border-bottom: 1px solid #6D6D6D; background: #F8F6EB; overflow:hidden; margin:0px;} /* Kasten gelb*/ /*||||||||||Bemerkung für stg-style_nn.css NN left:60px;*/ #inhalt_middle_neuheiten_4{position:relative; width:100%; height:16px; float:left; margin:0; overflow:hidden;} /*Kasten schmal z.B.Klicken Sie hier; weitere Infos Hälfte Kasten groß 225px*/ #inhalt_middle_neuheiten_5{position:relative; width:100%; height:80px; float:left; overflow:hidden; clear:both; margin:0px;} /*Kasten umgebend Bild + Gelber Kasten*/ /* Vertretungen */ #inhalt_middle_vertretungen{position:relative; width:120%; min-height:100px; height: 170px; float:left; overflow:visible; margin-bottom:10px;} /* Zeile */ /*||||||||||Bemerkung für stg-style_nn.css NN class vertretungen_1 existiert noch, wichtig ür die Breite der Spalte*/ /*news + jobs*/ #inhalt_middle_news{position:relative; width:99%; height:73px; max-height:75px; overflow:hidden; margin:0px 0px 9px 0px; padding:0px; float:left;} /* umgebende div 1,2 */ #inhalt_middle_news_1{position:relative; z-index:4; width:120px; max-width:120px; max-height:75px; height:100%; overflow:hidden; float:left; margin:0px -3px 0px 0px;} /* Bild */ #inhalt_middle_news_2{position:relative; overflow:hidden; width:328px; height:100%; max-height: 71px; background: #F8F6EB; border-top: 1px solid #6D6D6D; border-right: 1px solid #6D6D6D; border-bottom: 1px solid #6D6D6D; } /* gelber Kasten */ /*Spalte*/ /*popups*/ /*allgemeiner Aufbau*/ #popup_head{position:relative; width:500px; height:65; margin:10px 10px 0px -20px; background-image: url(/media/_allgemein/head_logo_popup.gif);} #popup_inhalt{position:relative; width:500px; margin:10px 0px 0px -20px; min-height:auto; height:auto; } #popup_inhalt img{float:left; margin:0px 10px 0px 0px; overflow:hidden;} #popup_inhalt_abstand{position:relative; width:500px; margin:10px 0px 0px -20px; min-height:auto; height:auto; border-bottom: 1px solid #6E6E6E;overflow:visible;} #popup_inhalt_abstand img{overflow:hidden; float:left; } #popup_textfeld{position:relative; width:500px; margin:10px 0px 0px 0px; min-height:auto; height:auto;} #popup_leiste{position:relative; width:500px; height:100px; margin:0px 0px 0px 0px;} #popup_leiste_1{position:relative; width:170px; margin:0px 20px 0px 0px; float:left;} #popup_leiste_img1{position:relative; float:left; margin:0px 0px 10px 0px;} #popup_leiste_img2{position:relative; float:left; margin: 0px 0px 0px 20px;} #popup_leiste_anwendung{position:relative;clear: both; width:500px; background-repeat:no-repeat; height:20px; margin:0px 0px 0px 0px;} #popup_tabelle{position:relative; clear: both; width:500px; margin:20px 0px 20px 0px;} #popup_leiste_pdf{position:relative; width:500px; height:38px; background-repeat:no-repeat; background-image: url(/media/_allgemein/pdf_datei.gif); margin:0px 0px 0px 0px;} #download_close{position:relative; width:66px; height:40px; min-height:36px; margin:0px 0px 0px 412px; clear:both;} #download_close2{position:relative; width:66px; height:40px; margin:20px 0px 0px 412px; clear:both;} #download_close img{margin:0px;} #bemerkung{position:relative; width:500px; margin:0px 0px 0px 0px;} /*menu*/ #head-menu li{list-style-image:none; FONT: 13px/19px Trebuchet MS, Verdana, Tahoma, Helvetica, sans-serif; COLOR: #666666; margin: 0px 0px 0px 0px;} #head-menu{position:absolute; left:40px; margin:77px 0px 0px 0px; z-index:5000; } #erwsuche{position:absolute; left:550px; top:56px; z-index:5000;}